﻿/*
    blue : rgba(1, 33, 104,1)
    red : rgba(248, 49, 63,1)

*/


body { background: #F8F8F8; font-family: 'Roboto', Arial, sans-serif; font-size: 12px; color: rgba(1, 33, 104, 1); }
img { max-width: 100%; }


    a, a:hover, a:active, a:visited, area, area:hover, img, img:hover { TEXT-DECORATION: none; OUTLINE: none; _BORDER: none; color: rgba(1, 33, 104, 1); }
.auth a { color: #FFF; }
.thin { font-weight: 300; }
.lbold { font-weight: 700; }
.bold { font-weight: 900; }
.italic { font-weight: 400; font-style: italic; }
.blank { background: #fff; }
.hidden { display: none; }

.BrowseHappy { margin-bottom: 0; padding: 12px 24px; text-align: center; border-bottom: 1px solid; }

#header { margin: 15px 0 25px; }
    #header > div:not(:first-child) { margin-top: 15px; }
    #header .hand { padding: 0; }

.navbar-nav { width:100%;}
.navbar-nav > li > a { padding: 9px 20px 6px 20px;  }
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover  {background-color:#F8F8F8; color: rgba(1, 33, 104, 1); }
    .navbar-nav > li > a:hover, .navbar-nav > li.active >  a  { color: rgba(1, 33, 104, 1); background-color:#F8F8F8; }
    .navbar-nav > li > a:hover, .navbar-nav > li.open > a {  color: rgba(1, 33, 104, 1); background-color:#eee;}
.navbar { border-radius: 0; background: rgba(1, 33, 104, 1); margin-bottom: 0;   min-height: 35px; }
.navbar-nav > li > a { color: #FFF; text-transform: uppercase; font-weight:700; }
.navbar-nav > li > a.login {background: url('../img/login.png') no-repeat 0 5px; background-size:24px 24px; padding-left:30px; color:#fff !important;}
.navbar-nav > li.active > a  { }

.navbar-toggle {border:1px solid #ccc;}
.navbar-toggle .icon-bar {border:1px solid #aaa;}

#doSearch { cursor: pointer; }

#page-content { background: #fff; padding-bottom: 20px; margin-bottom: 20px; }
    #page-content .banner { margin-top: 0; position: relative; margin-bottom: 10px; }
    #page-content .banner-image { position: relative; }
    #banner-single .banner-scroll {left:45px;  } 
    #page-content .banner-overlay { position: absolute; width: 60%; bottom: 30px; right: 15px; }

    #page-content .gallery-overlay { right: 0; }
    #page-content .p { padding: 20px 0 80px; }
    #page-content .media { margin: 22px auto; padding:40px 0 20px; float: none; width: 85%; max-width: 800px; }
    #page-content hr { width: 85%; margin: 22px auto;border: none; border-top: 1px solid rgba(248, 49, 63,1); }
    #page-content h1 { font-size: 14px; text-transform: uppercase; }
    #page-content h2 { font-size: 12px; font-weight: 700; text-transform: uppercase; background-color: rgba(1, 33, 104, 1); color: #fff; padding: 2px 5px; }

#banner, #banner-single { display:none; }
.banner-scroll { position: absolute; bottom: 30px;height:0; left: 30px; cursor: pointer; display:none;  background:rgba(1, 33, 104,.8);}

.carousel-control.left, .carousel-control.right { background-image:none;}
.carousel-indicators { bottom:0; right:10px; left:auto; width:auto; margin-bottom:5px;}
.carousel-indicators li {border:1.5px solid #fff;}
    .carousel-indicators li.active { border-color:#fff; background-color: #fff; }


a.icon-type7 { background:url('../img/pdf.png') no-repeat; background-size: 100% 100%; display:block; width:22px; height:22px; }

#thumb-list { }
    #thumb-list > a { margin: 10px 0; padding: 0 !important; }
.contact-thumb { background: rgba(1, 33, 104, 1); }

 #contact-wrap:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04);  -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }

    #contact-wrap img { -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.thumblist-header { background: rgba(1, 33, 104, 1) url('../img/line.jpg') no-repeat; color: #fff; padding: 30px 10px 7px 10px; font-size: 11px; line-height: 12px; font-weight: 700; text-transform: uppercase; height: 56px; }
.thumblist-image {position:relative;}
.thumblist-price { position:absolute; padding:3px 6px; bottom:0; right:0; background:rgba(255,255,255,1); font-weight:bold; }
.thumblist-flash {position:absolute; padding:3px 6px; top:56px; right:0; background: #fff; }

.contact-thumb .thumblist-header { background: url('../img/thumb-contact-header.png') no-repeat left bottom; background-size: 90%; }

/* 
    .contact-thumb:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04);  -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }
    .contact-thumb img { -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
*/

#firma-list { margin: 0; }
    #firma-list a { margin: 0; padding: 0; }
    #firma-list a > div { background: rgba(1, 33, 104, 1) url('../img/line.jpg') no-repeat; color: #fff; }
        #firma-list a .logo { text-align: center; padding:20px 0; }
            #firma-list a .logo img { max-width: 65%; }
        #firma-list a .txt { height: 120px; padding: 0 10px 12px 15px; font-size: 10px; }
            #firma-list a .txt b { font-size: 12px; text-transform: uppercase; }

#link-wrap { padding-top: 10px; padding-bottom: 10px; }
#link-wrap .btn {font-size:11px; padding:5px 18px 2px 8px; border:none; color:#fff;}
#link-wrap .btn-default {background:#fff; color:#444; padding:5px 8px 2px 8px;}
#link-wrap .btn .glyphicon {margin-right:6px;}

#map-wrap { padding: 10px; background: #fff; margin-bottom:20px;}
#contact-wrap { padding: 10px; background: rgba(1, 33, 104, 1); margin-bottom:20px;}

    #contact-wrap:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04);  -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }

    #contact-wrap img { -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#recommendations, #thumb-list { margin-left: 0; margin-right: 0; }
#recommendations { background: #fff; margin-top: 20px; padding-bottom: 20px; margin-bottom: 10px; padding: 15px;  }
#recommendation-inner { padding: 0 7px; }
#recommendation-inner > a {padding:0 7px; }
    #recommendations h1 { text-transform: uppercase; font-size: 12px; font-weight: 900; margin: 5px 0 10px 0;  }
    #recommendations p.title { margin:7px 0 0 0; text-transform: uppercase; font-size: 9px;  font-weight: 700;  }

#footer1 { margin: 8px 0; }
    #footer1 .btn-default { border: none; text-transform: uppercase; background: none; box-shadow: none; padding-right: 20px; }
#footer2 { background: #FFF; padding: 20px; }

#footer-navigation { padding:0 15px;}
    #footer-navigation > div { border-left: 1px solid rgba(248, 49, 63,1); }

        #footer-navigation > div > a { text-transform: uppercase; font-weight: 700; }


    #footer-navigation ul { list-style: none; margin-top: 10px; padding-left: 0; }
    #footer-navigation li { margin: 5px 0; padding: 0; }
    #footer-navigation > div:first-child { _border-left: none; }

#footer-legal { margin-top: 15px; font-size: 10px; color: #888; }
#dateModified { color: rgba(1, 33, 104, 1); font-style: italic; margin-top: 10px; font-size:10px; }

.col-centered { float: none; margin: 0 auto; }

.btn { border-radius: 0; text-transform: uppercase; }
.btn-primary { background: rgba(1, 33, 104, 1); border: 1px solid rgba(1, 33, 104, 1); }


/* UC : Company Card */
#company-list { margin-top:60px; padding-top:60px; border-top:1px solid rgba(248, 49, 63,1);}

.card { background: #fff; _box-shadow: rgba(0,0,0,0.1) 5px 5px 3px; max-width: 350px; margin-bottom: 30px; display:block }
    .card .img { height: 45px; }
    .card img { margin: 0; width: 70%; }
    .card p { padding: 10px 20px; margin: 0; font-size: 12px; line-height: 19px; }
        .card p.blue { padding: 10px; height: 82px; color: rgba(1, 33, 104, 1); font-size: 11px; }

    p.blue a, p.blue a:hover, .card a:visited { color: rgba(1, 33, 104, 1); }
    
#btShare { display: none; }


@media (max-width: 768px) /* @grid-float-breakpoint -1 */
{
    .banner-scroll, #banner-single .banner-scroll {left:0;  }
    .navbar-nav > li > a.login { background: none; margin-left: 10px; }
    .navbar-nav > li.pull-right {float:none !important;}
    .navbar-nav > li > a {margin-left :20px;}
    .dropdown-menu { background: #f8f8f8 !important; margin-left:20px;}
    #page-content .p { margin:0;}

    #firma-list a { padding:7px; }
        #firma-list a .txt { height: 170px; }
}


/* Tombola */
.win { padding: 0 -15px; width: 90% !important; max-width: 940px !important; margin: 10px auto; cursor: pointer; }
.win { -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.win:hover  { -webkit-transform: scale(1.04); -moz-transform: scale(1.04);  -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); }



