/*font-face*/
@font-face {
    font-family: "Volvo Sans Regular";
    font-style: normal;
    font-weight: 400;
    src: url("VolvoSansWeb-Regular.eot") format("embedded-opentype"), url("VolvoSansWeb-Regular.woff") format("woff"), url("VolvoSansWeb-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Volvo Sans Medium";
    font-style: normal;
    font-weight: 400;
    src: url("VolvoSansWeb-Medium.eot") format("embedded-opentype"), url("VolvoSansWeb-Medium.woff") format("woff"), url("VolvoSansWeb-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Volvo Sans Light";
    font-style: normal;
    font-weight: 400;
    src: url("VolvoSansWeb-Light.eot") format("embedded-opentype"), url("VolvoSansWeb-Light.woff") format("woff"), url("VolvoSansWeb-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Volvo Serif Italic";
    font-style: normal;
    font-weight: 400;
    src: url("VolvoSerifWeb-Italic.eot") format("embedded-opentype"), url("VolvoSerifWeb-Italic.woff") format("woff"), url("VolvoSerifWeb-Italic.ttf") format("truetype");
}

@font-face {
    font-family:'Volvo Sans Bold';
    src:url(VolvoSansWeb-Bold.eot);
    src:url(VolvoSansWeb-Bold.eot) format("embedded-opentype"),url(VolvoSansWeb-Bold.woff) format("woff"),url(VolvoSansWeb-Bold.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}

@font-face {font-family: 'Volvobroad';
    src: url('/stylesheets/volvo_responsive/volvo-broad.eot');
    src: url('/stylesheets/volvo_responsive/volvo-broad.ttf');
    src: url('/stylesheets/volvo_responsive/volvo-broad.woff');
}
/*****/

@media (max-width: 768px) {
    html{overflow-x: hidden;}
}

.titular, .titular a {font-size:27px ;line-height: 24px;}
.titular, .titular a, .subtitular, .subtitular span, .subtitular a {color: #003057;text-transform: none; font-family: "Volvo Sans Medium";}
.subtitular, .subtitular span, .subtitular a {font-size: 25px;text-transform: none;}

body{background-color: #ECECEC;color: #003057;}
#centrador.container{padding-top: 25px;} /*separa el contenido del menu*/
/* Tip cookies */
#tipCookies{background-color: #0F3A6F; background-image: none; border-color: #0F3A6F;}
#tipCookies a, #tipCookies p{color:#fff; font-size: 12px;}
#tipCookies .close{color: #fff;}
@media (max-width: 480px){
    #tipCookies .close {
        background:  #0F3A6F;
    }
}

/* Cabecera */

#cabecera nav.sup{margin-bottom: 0; background-color: #2a2a2c; border: none; border-radius: 0;}
#cabecera nav.inf{}
@media(min-width: 768px) {
    .inf .container{padding-left: 0;}
    .menu-inferior{padding-left: 0; }
    .navbar-default {background-color: #fff;border:none;}
    #cabecera .menu-inferior .inferior li{display: inline-block;float:none;}
}


#cabecera .navbar .navbar-header .navbar-brand{height: 60px;}

#cabecera h1{min-width: 250px;padding: 0 0 0 70px; background: url(/images/volvo_responsive/comun/volvo-logo.png?w=62&h=60) no-repeat left center; behavior: url(/iepngfix.htc);}
#cabecera h1 a{display: block; width:240px; height: 55px;margin: 0;color: #fff;line-height: 58px;font-size: 22px;text-transform: uppercase;text-decoration: none;font-family: "Volvo Sans Regular","Arial Narrow","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
#cabecera h1 a p{display: none;}

@media(max-width: 767px){
    #cabecera h1 a{ width:180px; background-size: 100% !important;}
}

.navbar-toggle { margin-top: 22px; }

.inf{margin-bottom: 0;}

@media(max-width: 767px){
    .navbar-default {background-color: #2a2a2c;border-color: transparent;}
    .navbar-default .navbar-collapse{background-color: #ECECEC;}
    .navbar-default .navbar-toggle .icon-bar{color:#fff;}
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle {background-color: #003057;}
    #cabecera h1, #cabecera h2{margin: 0;}
        #cabecera h1{margin: 10px 0;}
        #cabecera h2{margin-right: 15px; height: auto !important;}
    #cabecera h1 a,#cabecera h2 a{margin: 0;}
}
@media(max-width: 540px) {
    #cabecera h2 .GrupoPrzRumbao{display: none}
}
#cabecera nav.marcas{display: none;}
#cabecera .navbar-default .navbar-nav.superior>li>a {text-transform:uppercase;color: #fff;}

    /*Diselauto*/
    #cabecera div.direcciones{clear: right; text-align: right; margin-top: 5px; margin-bottom: 8px;}
    #cabecera div.direcciones p{color:#fff;margin-bottom: 0; font-size: 11px; padding-right: 20px; background: url("/images/volvo_responsive/comun/ico-parking.jpg") no-repeat right center;}

    /*Balpersa*/
    #cabecera div.GrupoRumbao{clear: right; text-align: right; margin: 10px 0;}
    #cabecera .GrupoPrzRumbao{display: block; width: 126px; height: 50px; margin-left: 15px; text-indent: -99999px;background: url(/images/seat_responsive/comun/logo-prz-rumbao.png) no-repeat center;}

    #cabecera nav.sup li#solicitarCitaBelpersa{position: relative; margin-left: 16px; text-align: left; width: 260px; height: 50px; background: url(/images/volvo_responsive/home/fnd-solicitar-cita-taller.gif) no-repeat right -45px  #eaebef;}
    #cabecera nav.sup li#solicitarCitaBelpersa section{ margin-top: -8px; margin-left: -10px;}
    #solicitarCitaBelpersa header h3 {margin: 0;}
    #solicitarCitaBelpersa header h3 a{color: #212721; text-transform: uppercase; font-size: 11px; line-height: 22px; font-weight: bold;}
    #solicitarCitaBelpersa a.btnCita{ margin-right: 8px; font-size: 10px; line-height: 15px; text-decoration: none; margin-left: 5px; color: #000000; }
    #solicitarCitaBelpersa a.btnCita:hover{color: #212721; text-decoration: none;}
    #solicitarCitaBelpersa a.btnCita:after{content: '>>'; color: #212721;  font-size: 10px; padding-left: 5px;}

    /*Servauto*/
    #cabecera div.telefonos{clear: right; text-align: right; margin-top: 10px;padding-left:10px;}
    #cabecera div.telefonos h2{color:#fff;font-size: 23px; font-weight: bold; line-height: 26px;padding: 0 0 0 35px; margin: 0; background: url(/images/volvo_responsive/comun/telefono.png) no-repeat left center; behavior: url(/iepngfix.htc);}
    #cabecera li.telefonos h2{color:#fff;font-size: 23px; font-weight: bold; line-height: 26px;padding: 0 0 0 35px; margin: 0; background: url(/images/volvo_responsive/comun/telefono.png) no-repeat left center; behavior: url(/iepngfix.htc);}

        /*Menu Sup*/
        #cabecera div.menu-sup{clear: right; text-align: center; margin-top: 10px; margin-bottom: 8px;border-radius: 3px;float:right;
            background: #000000; /* Old browsers */
            background: -moz-linear-gradient(top, #134a8f 0%, #0f3b71 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #134a8f 0%,#0f3b71 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #134a8f 0%,#0f3b71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134a8f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */;border-collapse:collapse;padding:0;border-width:0;">
        }
        #cabecera div.menu-sup .menu-superior{margin-right: 0px;padding-left: 5px;padding-right: 5px;}
        #cabecera div.menu-sup .menu-superior li:first-child{border-left:none;}
        #cabecera div.menu-sup .menu-superior li:last-child{border-right: none;}
        #cabecera div.menu-sup .menu-superior li{padding:5px;border-left: 1px solid #1555a2;border-right: 1px solid #0e3667;}
        #cabecera div.menu-sup .menu-superior>li>a {color: #fff;padding: 5px;font-weight: bold;}

    /*Swedish-cars*/
    #cabecera nav.sup .contacto-swedish{color:#fff;clear: right; text-align: right;}
    #cabecera nav.sup .contacto-swedish h2{display: inline-block; padding: 0 0 0 35px; margin: 0; font-weight: bold; font-size: 23px; background: url(/images/volvo/comun/telefono.png) no-repeat left center; behavior: url(/iepngfix.htc);}
    #cabecera nav.sup .contacto-swedish p{font-weight: bold; font-size: 13px;}

#cabecera nav.sup li a{padding: 0 15px;}
#cabecera nav.sup li.facebook, #cabecera nav.sup li.twitter{height: 16px; line-height: 16px; background: none; padding: 0; margin-left: 8px; text-indent: -9999px;}
#cabecera nav.sup li.facebook a{background: url(/images/volvo_responsive/comun/facebook.png) no-repeat;padding: 0; height: 23px; line-height: 23px; width: 23px; display: block;}
#cabecera nav.sup li.twitter a{background: url(/images/volvo_responsive/comun/twitter.png) no-repeat; padding: 0; height: 23px; line-height: 23px; width: 23px; display: block;}
#cabecera nav.sup li.facebook, #cabecera nav.sup li.twitter{}


#cabecera nav.sup li.idiomas a{float: left; display: inline; margin-left: 5px; padding: 0; width: 27px; height: 19px; text-indent: -99999px; background: url(/images/comun/spt-multiidioma.png) no-repeat;}
#cabecera nav.sup li.idiomas a.euskara{background-position: -27px 0;}
#cabecera nav.sup li.idiomas a.english{background-position: -54px 0;}
#cabecera nav.sup li.idiomas a.francais{background-position: -81px 0;}
#cabecera nav.sup li.idiomas a.catalan{background-position: -108px 0;}

#cabecera nav.inf li, #cabecera nav.sup li{}
#cabecera nav.inf li a{font-family: "Volvo Sans Regular"; font-size: 16px; color: #454545; text-decoration: none; text-align: center; text-transform: uppercase; line-height: 32px;}
#cabecera nav.inf li a:hover{color:#003057;border-bottom: 2px solid #003057;}
#cabecera nav.inf li a{height: 55px;}
@media (min-width: 768px){
    .navbar-nav {text-align: center;float: left;margin: 0;}
}
@media(max-width: 767px) {
    #cabecera nav.inf li a {height: 35px;}
    #cabecera nav.inf li {background: none;}
    #cabecera nav.inf li a {text-align: left;}
    #cabecera h1 {padding: 0 0 0 86px;background: url(/images/volvo_responsive/comun/volvo-logo.png?w=62&h=60) no-repeat 15px 1px;}
}
#cabecera .navbar-collapse .superior{margin-top: 20px;}

#cabecera .navbar-collapse .superior_debajo{margin-top: 20px;}

#m_recambios{}
#m_recambios ul {display: none; position: absolute; width: 150px; z-index: 99; top: 50px;}
@media(max-width: 767px){
    #m_recambios ul {  top: 30px;
        left: 10px;}
    #nav_acciones ul li{background-color: rgb(51, 51, 51);}
}
#m_recambios ul li{padding-top: 1px; background:#ECECEC !important; height: 32px;}
#m_recambios ul li:first-of-type{border-bottom: solid 1px #fff;}
#m_recambios ul li a{display: block; text-align: left!important; padding-left: 10px; height: 100%;}
#m_recambios ul li a:hover{border-bottom: none!important;}

/*Pie*/
#pie{margin-top: 0; background: #003057;  padding-top: 20px;padding-bottom: 20px;}
#pie nav{height: auto;}
#pie ul{display: table;margin: 0 auto;}
#pie ul span.sep{display: none;}
#pie #utils{margin-top: 0;}
#pie #utils li{margin: 0; padding: 15px;}
#pie #utils li a, #pie #utils li span{color: #fff;}
#pie #utils li a:hover{color: #fff; text-decoration: underline;}
#utils li.lidirectorio {clear: none;}
#pie ul.marcas{padding-left: 0;list-style: none;margin: 0;width: 100%;}
#pie nav.direcciones{margin-top: 15px;}
#pie nav.direcciones div{border-right:1px solid #fff;}
#pie nav.direcciones div:last-child{border:none;}
#pie nav.direcciones p {color:#fff;text-align: center;margin:0px}
#pie nav.direcciones p.direccion {margin: 0 0 10px;}
#pie ul.marcas .volvo a{display:block;background: url(/images/volvo_responsive/comun/logo-pie.png) no-repeat center center; text-indent: -9999px;}

#social{margin-top: 12px;padding-left: 0;}
#social li{padding: 0;}
#social li.volvo a {margin-right:10px;background: url(/images/volvo_responsive/comun/logo-volvo-pie.png) no-repeat;width: 23px;height: 23px;}
#social li{float: left; margin-right: 10px;}
#social li a{width: 25px; height: 25px; text-indent: -99999px; behavior: url(/iepngfix.htc);}
#social li.facebook a{background: url(/images/volvo_responsive/comun/facebook.png) no-repeat;padding: 0; height: 23px; line-height: 23px; width: 23px; display: block;}
#social li.twitter a{background: url(/images/volvo_responsive/comun/twitter.png) no-repeat; padding: 0; height: 23px; line-height: 23px; width: 23px; display: block;}

@media(max-width: 767px){
    #pie nav.direcciones div{border-right:none;}
    #pie nav.direcciones .col-xs-12{margin-top: 15px;}
}

@media(max-width: 480px) {
    #pie{background-color: transparent;}
    #pie .responsive{display: none;}
    .subtitular_mobile {
        margin: 0;text-align: center;color: #003057;font-size: 17px; padding: 8px;background: #eee;}
    .subtitular_mobile a {color: #003057;}
}
.btn {color:#003056;text-decoration: none;text-transform: uppercase;font-size: 16px;border: 1px solid #003056;bottom: 12px;right: 12px;display: block;border-radius: 0;padding:10px 14px; text-align: center; background: transparent;}
.btn:hover {background-color: #003056;color:#fff;}

@media(max-width: 767px) {
    #nav_acciones ul li {
        background-color: rgb(51, 51, 51) !important;
    }
}

a.vermas:before {
    content: '> '!important;
    color: #003057;
}