.tabs-menu li a,



a {



    text-decoration: none



}







#top a,



#top span {



    color: #fff;



    font-size: .9rem



}







#top a,



header .logo,



header .menu-header {



    vertical-align: middle;



    display: inline-block



}



/* header .logo img{



    max-width: 150px;



    display: block;



} */



#top a,



#top span,



.buscador-header,



footer .barra-roja a,



header .logo,



header .menu-header {



    display: inline-block



}







.listado-items .box,



.menu-foot,



.tabs-menu,



div.panel,



footer .footer-in {



    overflow: hidden



}







#formulario-foot .center:after,



.box-gris:after,



.clear,



.listado-marcass:after,



.row2:after,



.row:after {



    clear: both



}







@font-face {



    font-family: NeoSansStd-Bold;



    src: url(/css/NeoSansStd-Bold/NeoSansStd-Bold.eot);



    src: url(/css/NeoSansStd-Bold/NeoSansStd-Bold.woff2) format('woff2'), url(/css/NeoSansStd-Bold/NeoSansStd-Bold.woff) format('woff'), url(/css/NeoSansStd-Bold/NeoSansStd-Bold.ttf) format('truetype'), url(/css/NeoSansStd-Bold/NeoSansStd-Bold.svg#NeoSansStd-Bold) format('svg'), url(/css/NeoSansStd-Bold/NeoSansStd-Bold.eot?#iefix) format('embedded-opentype');



    font-weight: 400;



    font-style: normal



}







@font-face {



    font-family: NeoSansStd-BoldItalic;



    src: url(/css/NeoSansStd-BoldItalic/NeoSansStd-BoldItalic.eot);



    src: url(/css/NeoSansStd-BoldItalic/NeoSansStd-BoldItalic.woff2) format('woff2'), url(/css/NeoSansStd-BoldItalic/NeoSansStd-BoldItalic.woff) format('woff'), url(/css/NeoSansStd-BoldItalic/NeoSansStd-BoldItalic.ttf) format('truetype'), url(/css/NeoSansStd-BoldItalic/NeoSansStd-BoldItalic.svg#NeoSansStd-BoldItalic) format('svg'), url(/css/NeoSansStd-BoldItalic/NeoSansStd-BoldItalic.eot?#iefix) format('embedded-opentype');



    font-weight: 400;



    font-style: normal



}







@font-face {



    font-family: NeoSansStd-Regular;



    src: url(/css/NeoSansStd-Regular/NeoSansStd-Regular.eot);



    src: url(/css/NeoSansStd-Regular/NeoSansStd-Regular.woff2) format('woff2'), url(/css/NeoSansStd-Regular/NeoSansStd-Regular.woff) format('woff'), url(/css/NeoSansStd-Regular/NeoSansStd-Regular.ttf) format('truetype'), url(/css/NeoSansStd-Regular/NeoSansStd-Regular.svg#NeoSansStd-Regular) format('svg'), url(/css/NeoSansStd-Regular/NeoSansStd-Regular.eot?#iefix) format('embedded-opentype');



    font-weight: 400;



    font-style: normal



}







* {



    outline: 0



}







html {



    height: 100%



}







body {



    min-height: 100%;



    font-family: NeoSansStd-Regular, sans-serif



}







.center {



    max-width: 1040px;



    width:100%;



    margin: 0 auto



}







p {



    margin: 0 0 10px



}







h1,



h2,



h3,



h4,



h5 {



    color: #7b7b7b



}







#top {



    background: #5b5a5d;



    padding: 5px 0



}







#top span {



    padding-right: 5px



}







#top a {



    text-align: center;



    border-left: 2px solid #fff;



    /*height: 38px;*/



    padding: 10px 15px



}



#top a.btn-whatsapp-top {



    display:inline-block !important;



    /* background: #00b37e; */



    padding: 2px 20px;



    font-size: 14px;



}



#top a.btn-whatsapp-top  img{



    margin:0 5px 0 0;



    vertical-align: middle;



    max-height: 30px;



}







.mensaje-formulario-trabaja {



    text-align: center;



    padding: 15px;



    color: #FFF



}







#top a.doble {



    padding: 2px 0



}







.buscador-header {



    width: 160px



}







.buscador-header input[type=text] {



    background: url(/img/sitio/lupita.png) 92% center no-repeat #727273;



    color: #fff;



    height: 49px;



    margin-top: -5px;



    margin-bottom: -5px



}







.buscador-header input[type=text]::-webkit-input-placeholder {



    color: #fff



}







.buscador-header input[type=text]::-moz-placeholder {



    color: #fff



}







.buscador-header input[type=text]:-ms-input-placeholder {



    color: #fff



}







.buscador-header input[type=text]:-moz-placeholder {



    color: #fff



}







header {



    background: #ff171a;



    background-size: contain;



    padding: 0;



    position: relative;



}







header .menu-header {



    margin-left:20px;



}







header .menu-header span>a,



header .menu-header>a {



    color: #fff;



    font-size: .9rem;



    padding: 50px 10px;



    display: inline-block;



    position: relative;



}



header .menu-header span>a:after,



header .menu-header>a:after{



    position: absolute;



    content: "";



    height: 39px;



    width: 2px;



    background: #FFF;



    right: 0;



    margin-top: -19.5px;



    top: 50%;



}







header .menu-header a:nth-child(5) {



    border-right: none



}







header .submenu ul{



    display: none;



    margin:0;



    padding:0;



    position: absolute;



    z-index: 999;



    left:0;



    right: 0;



    background: #FFF;



    text-align: center;







}



header .menu-header .submenu:hover ul{



    display: block;



}



header .submenu ul li{



    display: inline-block;



    margin-right: 4%;



}



header .submenu ul li a{



    display: block;



    padding:5px 0;



}



header .submenu ul li img{



    max-height: 60px;



    display: block;



}



header .submenu ul li:last-child{



    margin-right: 0;



}



footer .barra-roja {



    background: #ff171a;



    padding: 15px 0 10px;



    text-align: center



}







footer .barra-roja a {



    color: #fff;



    font-size: 1.1rem;



    padding: 0 25px



}







footer .footer-in {



    background: #5b5a5d;



    padding: 40px 0 30px



}







footer .footer-in .logo-footer {



    float: right;



    width: 182px



}







footer .footer-in .info {



    float: left;



    width: 760px



}







footer .footer-in .info .box {



    margin-bottom: 15px



}







footer .footer-in .info .box a img {



    vertical-align: top;



    margin-right: 6px



}







footer .footer-in .info .box a,



footer .footer-in .info .box i,



footer .footer-in .info .box span {



    display: inline-block;



    color: #fff;



    font-size: 1.1rem;



    vertical-align: middle



}







footer .footer-in .info .box i {



    padding: 0 5px 0 4px



}







footer .footer-in .info .box span {



    padding-right: 6px



}







footer .footer-in .info .fixip span {



    padding-bottom: 5px;



    border-bottom: 2px solid #fff;



    padding-right: 0;



    margin-right: 6px



}







footer .footer-in .info .fixip i {



    padding: 0 7px 5px 0



}







.fixip span:first-child {



    border-bottom: none!important



}







.menu-foot a {



    float: left;



    width: 19.8%;



    margin-right: .1991%;



    line-height: 42px;



    background: #a5a5a6;



    color: #fff;



    font-size: .9rem;



    font-style: italic;



    text-align: center;



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out;



    transition: all 180ms ease-in-out



}







#formulario-foot .mensaje-exito .cerrar,



button[type=submit],



input[type=submit] {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







.marcas-mapa {



    position: absolute;



    right: 0;



    top: 5px



}







.marcas-mapa img {



    margin: 0 7px;



    max-height: 30px



}







.menu-foot a:last-child {



    margin-right: 0;



    width: 20.007%



}







.menu-foot a.activo,



.menu-foot a:hover {



    background: #87868a



}







#formulario-foot,



#formulario-foot2 {



    background: #fff;



    position: relative



}







#formulario-foot2.footer-trabaja-con-nosotros {



    background: #5B5A5D



}







#formulario-foot .mensaje-exito {



    position: absolute;



    height: 100%;



    width: 100%;



    background-color: rgba(0, 0, 0, .8);



    display: none



}







#tabless {



    display: table;



    width: 100%;



    height: 100%



}







#formulario-foot .mensaje-exito .inside {



    display: table-cell;



    text-align: center;



    color: #fff;



    vertical-align: middle;



    font-size: 1.3rem



}







#formulario-foot .mensaje-exito .cerrar {



    font-family: NeoSansStd-Regular;



    font-style: normal;



    color: #fff;



    font-size: 1.5rem;



    border: 2px solid #fff;



    border-radius: 50px;



    width: 32px;



    line-height: 25px;



    padding-bottom: 5px;



    display: block;



    text-align: center;



    position: absolute;



    right: 20px;



    top: 20px;



    transition: all 180ms ease-in-out



}







#formulario-foot .mensaje-exito .cerrar:hover {



    background: #fff;



    color: #000



}







#formulario-foot .center-footer {



    background: #87868a



}







#formulario-foot input[type=text],



#formulario-foot select,



#formulario-foot2 input[type=text],



#formulario-foot2 select {



    float: left;



    width: 83%;



    height: 38px;



    background: #d8d9dd;



    margin-bottom: 2px;



    color: #4e4e4e



}







.has-error {



    background: #dfbbc0!important



}







#formulario-foot textarea,



#formulario-foot2 textarea {



    float: left;



    width: 83%;



    height: 90px;



    background: #d8d9dd;



    margin-bottom: 2px;



    color: #4e4e4e



}







#formulario-foot label,



#formulario-foot2 label {



    font-family: Verdana, Geneva, sans-serif;



    color: #fff;



    float: left;



    width: 17%;



    line-height: 38px;



    font-size: 1rem



}







#formulario-foot button[type=submit],



#formulario-foot input[type=submit],



#formulario-foot2 button[type=submit],



#formulario-foot2 input[type=submit] {



    width: 83%;



    margin-left: 17%;



    font-family: NeoSansStd-BoldItalic;



    font-size: 1.5rem



}







#formulario-foot .center,



#formulario-foot2 .center {



    padding: 40px 25px



}







#formulario-foot2 input[type=file] {



    float: left;



    padding-left: 10px;



    padding-top: 7px;



    width: 83%;



    height: 38px;



    background: #d8d9dd;



    margin-bottom: 2px;



    color: #4e4e4e



}







#formulario-foot .center:after,



#formulario-foot .center:before,



.box-gris:after,



.box-gris:before,



.listado-marcass:after,



.listado-marcass:before,



.row2:after,



.row2:before,



.row:after,



.row:before {



    display: table;



    content: " "



}







@media (min-width:800px) {



    .row {



        margin-right: -15px;



        margin-left: -15px



    }



    .col-1,



    .col-10,



    .col-11,



    .col-12,



    .col-2,



    .col-3,



    .col-4,



    .col-5,



    .col-6,



    .col-7,



    .col-8,



    .col-9 {



        position: relative;



        min-height: 1px;



        padding-right: 15px;



        padding-left: 15px;



        float: left



    }



    .col-12 {



        width: 100%



    }



    .col-11 {



        width: 91.66666667%



    }



    .col-10 {



        width: 83.33333333%



    }



    .col-9 {



        width: 75%



    }



    .col-8 {



        width: 66.66666667%



    }



    .col-7 {



        width: 58.33333333%



    }



    .col-6 {



        width: 50%



    }



    .col-5 {



        width: 41.66666667%



    }



    .col-4 {



        width: 33.33333333%



    }



    .col-3 {



        width: 25%



    }



    .col-2 {



        width: 16.66666667%



    }



    .col-1 {



        width: 8.33333333%



    }



}







form.formulario {



    padding: 18px 14px;



    background: #dbdbdb



}







input[type=text],



select,



textarea {



    padding: 5px 12px;



    font-size: .8rem;



    color: #7a7a7a;



    margin-bottom: 12px;



    background: #fff;



    border: none;



    width: 100%



}







input[type=text],



select {



    height: 30px



}







button[type=submit],



input[type=submit] {



    width: 100%;



    border: none;



    background: #ff171a;



    color: #fff;



    font-size: .8rem;



    line-height: 35px;



    display: inline-block;



    transition: all 180ms ease-in-out;



    outline: 0



}







.flexslider .leyenda .center .info,



.flexslider .leyenda .center .info a.mas {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







button[type=submit].enviando,



button[type=submit].enviando2 {



    position: relative



}







button[type=submit].enviando:after {



    content: url(/img/sitio/spinner.gif);



    top: 7px;



    position: absolute



}







button[type=submit].enviando2:after {



    content: url(/img/sitio/Spinner3.gif);



    top: 7px;



    position: absolute



}







#formulario-cotizar-d button[type=submit].enviando2:after,



#formulario-cotizar-d button[type=submit].enviando:after {



    top: -2px



}







button[type=submit]:hover,



input[type=submit]:hover {



    background: #900013



}







select {



    cursor: pointer



}







textarea {



    resize: none;



    overflow-y: hidden;



    height: 150px;



    font-family: 'Open Sans', sans-serif



}







.titulo-barrita h3,



.titulo-centrado h3,



.titulo-barrita h1 {



    font-family: NeoSansStd-BoldItalic



}







.contenido {



    padding: 55px 0 45px



}







.flexslider .leyenda {



    position: absolute;



    top: 20px;



    width: 100%;



    display: none



}







.flexslider .leyenda h2 {



    color: #fff;



    margin: 0;



    font-size: 3.6rem



}







.flexslider .leyenda .center>span {



    color: #fff;



    margin: 0 0 10px;



    display: inline-block;



    letter-spacing: 1px;



    font-size: 3rem;



    padding: 15px 30px;



    background-color: rgba(91, 90, 93, .85)



}







.flexslider .leyenda .center .info {



    display: block;



    width: 340px;



    background: #5b5a5d;



    transition: all 180ms ease-in-out



}







.flexslider .leyenda .center .info:hover {



    background: #414042



}







.flexslider .leyenda .center .info a.mas {



    background: url(/img/sitio/flecha-derecha.png) 88% center no-repeat #5b5a5d;



    color: #fff;



    font-size: 1.3rem;



    line-height: 42px;



    padding-left: 20px;



    padding-right: 50px;



    padding-bottom: 2px;



    float: left;



    width: 192px;



    transition: all 180ms ease-in-out



}







.flexslider .leyenda2 .center .info,



.flexslider .leyenda2 .center .info .mas {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







.flexslider .leyenda .center .info a.c {



    color: #fff;



    font-size: 1.3rem;



    line-height: 42px;



    width: 148px;



    text-align: center;



    padding-bottom: 2px;



    background: #ff171a;



    float: right;



    text-transform: uppercase



}







.flexslider .leyenda .center .info a.mas:hover {



    background: url(/img/sitio/flecha-derecha.png) 93% center no-repeat #414042



}







.flexslider .leyenda .center .info a.c:hover {



    background: #aa0117



}







.flexslider .leyenda2 {



    position: absolute;



    top: 20px;



    width: 100%



}







.flexslider .leyenda2 .center>span {



    color: #fff;



    margin: 0 0 10px;



    display: inline-block;



    letter-spacing: 1px;



    font-size: 2.4rem;



    padding: 3px 30px 6px;



    line-height: 38px;



    text-transform: uppercase;



    background-color: rgba(91, 90, 93, .85)



}







.flexslider .leyenda2 .center .info {



    display: block;



    position: relative;



    background: #5b5a5d;



    transition: all 180ms ease-in-out



}







.flexslider .leyenda2 .center .info:hover {



    background: #414042



}







.flexslider .leyenda2 .center .info .mas {



    background: #5b5a5d;



    height: 65px;



    left: 0;



    top: 0;



    position: absolute;



    width: 20px;



    transition: all 180ms ease-in-out



}







.flexslider .leyenda2 .center .info .c {



    color: #fff;



    font-size: 1.5rem;



    line-height: 65px;



    height: 65px;



    padding: 0 40px;



    background: #ff171a;



    float: left;



    text-transform: uppercase;



    cursor: default



}







.flexslider .leyenda2 .center .info .doble-line {



    line-height: 32px



}







.mejores-marcas h2 {



    color: #5b5b5e;



    font-size: 2.8rem;



    margin: 0;



    text-align: center;



    letter-spacing: 2px



}



.mejores-marcas h1 {



    color: #5b5b5e;



    font-size: 2.8rem;



    margin: 0;



    text-align: center;



    letter-spacing: 2px;



    font-family: "NeoSansStd";



    font-weight: 600;



}







.mejores-marcas p {



    text-align: center;



    color: #87868a;



    font-size: 1.5rem;



    margin-top: 5px;



    margin-bottom: 42px



}







.mejores-marcas {



    text-align: center;



    margin-bottom: 30px



}







.mejores-marcas img {



    margin: 0 15px;



    padding: 10px;



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out;



    transition: all 180ms ease-in-out;



    border: 1px solid transparent



}







.titulo-barrita h3,



.titulo-barrita h4,



.titulo-barrita h1 {



    display: inline-block;



    padding-right: 18px;



    padding-bottom: 10px;



    background: #fff;



    position: relative;



    z-index: 1



}







#marcas-hover .active img,



#marcas-hover img:hover {



    border: 1px solid #ff171a



}







.titulo-barrita {



    position: relative;



    margin-bottom: 15px



}







.titulo-barrita h3,

.titulo-barrita h1 {



    color: #ff171a;



    margin: 0;



    font-size: 2.3rem



}







.titulo-barrita h4 {



    color: #818181;



    margin: 0;



    font-size: 2.1rem;



    font-style: italic



}







.titulo-centrado h3 {



    color: #ff171a;



    margin: 0;



    display: block;



    text-align: center;



    font-size: 3rem



}







.titulo-mas-pequeno h3,



.titulo-pequeno h3 {



    font-family: NeoSansStd-Regular;



    font-weight: 400



}







.titulo-pequeno h3 {



    font-size: 1.5rem



}







.titulo-mas-pequeno h3 {



    font-size: 1rem



}







.titulo-barrita:before {



    position: absolute;



    display: block;



    background: #87868a;



    height: 2px;



    left: 0;



    width: 100%;



    bottom: 18px;



    z-index: 0;



    content: '';



    -webkit-transition: all .3s ease-in-out;



    -moz-transition: all .3s ease-in-out;



    -ms-transition: all .3s ease-in-out;



    -o-transition: all .3s ease-in-out;



    transition: all .3s ease-in-out



}







.noticias-slick .box .imagen,



.noticias-slick .slick-dots li button {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







.destacados-slick {



    margin: 60px 0



}







.destacados-slick .slick-arrow {



    width: 87px;



    height: 87px;



    top: 50%;



    margin-top: -43px;



    border: none;



    position: absolute;



    text-indent: -99999999px



}







.destacados-slick .slick-prev {



    background: url(/js/slick/prev.png) no-repeat;



    left: -95px



}







.destacados-slick .slick-next {



    background: url(/js/slick/next.png) no-repeat;



    right: -95px



}







.destacados-slick .slick-slide .imagen,



.destacados-slick .slick-slide a {



    background-repeat: no-repeat!important;



    background-position: center center!important



}







.destacados-slick .slick-slide {



    text-align: center;



    color: #87868a;



    font-size: 1.1rem;



    text-transform: uppercase



}







.destacados-slick .slick-slide a {



    background-size: 80%!important;



    padding-bottom: 60%;



    display: block



}







.destacados-slick .slick-slide .imagen {



    padding-bottom: 50%;



    background-size: contain!important



}







.destacados-slick .slick-slide img {



    max-width: 80%;



    display: block;



    height: auto;



    margin: 0 auto



}







.slick-next:hover,



.slick-prev:hover {



    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=36)";



    filter: alpha(opacity=36);



    -moz-opacity: .36;



    -khtml-opacity: .36;



    opacity: .36



}







.noticias-slick .slick-disabled {



    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";



    filter: alpha(opacity=20);



    -moz-opacity: .2;



    -khtml-opacity: .2;



    opacity: .2



}







.noticias-slick .slick-slide {



    padding: 0 3px



}







.noticias-slick .slick-slide .box {



    margin-bottom: 6px



}







.noticias-slick .slick-arrow {



    width: 25px;



    height: 25px;



    bottom: -1px;



    border: none;



    position: absolute;



    text-indent: -99999999px



}







.noticias-slick .slick-prev {



    background: url(/js/slick/prev-small.png) no-repeat;



    left: 382px



}







.noticias-slick .slick-next {



    background: url(/js/slick/next-small.png) no-repeat;



    right: 382px



}







.noticias-slick .slick-dots {



    padding: 0;



    list-style: none;



    text-align: center



}







.noticias-slick .slick-dots li {



    display: inline-block;



    margin: 0 5px



}







.noticias-slick .slick-dots li button {



    background: #fff;



    border: 1px solid #ff171a;



    -webkit-border-radius: 50px;



    border-radius: 50px;



    color: #ff171a;



    font-family: sans-serif;



    font-weight: 700;



    font-size: .88rem;



    width: 24px;



    height: 24px;



    text-align: center;



    padding: 0;



    transition: all 180ms ease-in-out



}







.titulos-ventas,



button.acordeon {



    font-family: Verdana, Geneva, sans-serif



}







.noticias-slick .slick-dots .slick-active button,



.noticias-slick .slick-dots button:hover {



    background: #ff171a;



    color: #fff



}







.noticias-slick {



    display: flex;



    flex-wrap: wrap;



    margin:0 0 40px 0;



}



.noticias-slick .box {



    width: 25%;



    position: relative



}







.noticias-slick .box .imagen {



    width: 100%;



    padding-bottom: 100%;



    vertical-align: top;



    transition: all 180ms ease-in-out;



    background-size: cover!important;



    background-position: center center!important



}







.accordion .accordion__trigger,



.botonera a {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







.noticias-slick .box img {



    width: 100%;



    height: auto



}







.noticias-slick .box:hover .imagen,



.noticias-slick .box:hover img {



    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";



    filter: alpha(opacity=60);



    -moz-opacity: .6;



    -khtml-opacity: .6;



    opacity: .6



}







.noticias-slick .box .nombre,



.noticias-slick .box a,



.slider-for .box .nombre,



.slider-for .box a {



    position: absolute;



    width: 100%;



    bottom: 0;



    font-size: .9rem;



    padding: 20px 40px 20px 20px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    left: 0;



    color: #fff;



    background: url(/img/sitio/flecha-derecha.png) 95% center no-repeat rgba(160, 160, 160, .8)



}







.accordion {



    list-style: none;



    padding-left: 0



}







.accordion .accordion__item {



    width: 100%;



    border-top: 1px solid #fff



}







.accordion .accordion__item:first-child {



    border: none



}







.accordion .accordion__trigger {



    display: block;



    width: 100%;



    padding: 4px 20px;



    color: #fff;



    background: url(/img/sitio/flechon-down.png) 99% center no-repeat #87868a;



    border: none;



    text-align: left;



    font-size: 2.2rem;



    font-style: italic;



    transition: all 180ms ease-in-out



}







.accordion .accordion__item .accordion__trigger:hover {



    background: url(/img/sitio/flechon-down.png) 99% center no-repeat #ff171a



}







.accordion .accordion__item.is-open .accordion__trigger,



.accordion .accordion__item.is-open .accordion__trigger:hover {



    background: url(/img/sitio/flechon-up.png) 99% center no-repeat #ff171a



}







.accordion .accordion__content {



    background-color: #ecedef;



    padding: 0 10px 10px



}







.accordion .accordion__content p {



    margin: 0;



    padding: 20px



}







.is-hidden {



    display: none



}







.titulos-ventas {



    background: #898989;



    color: #fff;



    display: block;



    font-size: 1.3rem;



    padding: 5px 22px;



    margin-left: -10px;



    margin-right: -10px



}







button.acordeon {



    background: url(/img/sitio/acc-flecha-abajo.png) 1% 11px no-repeat #eee;



    color: #5b5b5f;



    cursor: pointer;



    padding: 8px 10px 8px 35px;



    width: 100%;



    border: none;



    text-align: left;



    position: relative;



    outline: 0;



    font-size: 1.2rem;



    transition: .4s



}







button.active-cc {



    background: url(/img/sitio/acc-flecha-hover.png) 1% 11px no-repeat #eee



}







button.accordion.active-cc,



button.accordion:hover {



    background-color: #ddd



}







div.panel {



    border-bottom: 1px solid #87868a;



    background-color: #fff;



    max-height: 0;



    position: relative;



    transition: max-height .2s ease-out



}







div.panel .imagen-mapa {



    background-size: cover!important;



    padding-bottom: 30%;



    background-position: center center!important



}







div.panel a {



    position: absolute;



    top: 0;



    right: 0;



    left: 0;



    bottom: 0



}







div.panel iframe {



    width: 100%;



    height: 260px;



    vertical-align: top



}







.botonera {



    text-align: center;



    margin: 40px 0 30px



}







.botonera a {



    background-color: #c2c3c8;



    color: #fff;



    margin: 0 15px;



    width: 210px;



    text-align: center;



    font-size: 1.1rem;



    text-transform: uppercase;



    line-height: 47px;



    display: inline-block;



    transition: all 180ms ease-in-out;



    outline: 0



}







#formulario-cotizar-d .mensaje-exito .cerrar,



.tabs-menu li {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







.botonera a.active,



.botonera a:hover {



    background-color: #ff171a



}







h2.plomito {



    font-family: NeoSansStd-Regular;



    font-weight: 400;



    margin-bottom: 3px



}







#formulario-cotizar {



    width: 450px;



    display: inline-block;



    vertical-align: top



}







#formulario-cotizar-d {



    position: relative



}







#formulario-cotizar-d .mensaje-exito {



    position: absolute;



    height: 100%;



    width: 100%;



    background-color: rgba(0, 0, 0, .8);



    display: none



}







#formulario-cotizar-d .mensaje-exito .inside {



    display: table-cell;



    text-align: center;



    color: #fff;



    vertical-align: middle;



    font-size: 1.3rem



}







#formulario-cotizar-d .mensaje-exito .cerrar {



    font-family: NeoSansStd-Regular;



    font-style: normal;



    color: #fff;



    font-size: 1.5rem;



    border: 2px solid #fff;



    border-radius: 50px;



    width: 32px;



    line-height: 25px;



    padding-bottom: 5px;



    display: block;



    text-align: center;



    position: absolute;



    right: 20px;



    top: 20px;



    transition: all 180ms ease-in-out



}







#formulario-cotizar-d.mensaje-exito .cerrar:hover {



    background: #fff;



    color: #000



}







#formulario-cotizar label,



#formulario-cotizar-d label {



    line-height: 23px;



    color: #7b7b7b;



    font-size: .9rem



}







#formulario-cotizar input[type=text],



#formulario-cotizar-d input[type=text] {



    height: 23px;



    border: 1px solid #c2c3c8;



    margin-bottom: 2px;



    padding: 5px



}







#formulario-cotizar-d select {



    border: 1px solid #c2c3c8;



    margin-bottom: 2px;



    padding: 5px



}







#formulario-cotizar textarea,



#formulario-cotizar-d textarea {



    height: 100px;



    border: 1px solid #c2c3c8;



    margin-bottom: 2px;



    padding-left: 5px



}







#formulario-cotizar .check-box input,



#formulario-cotizar-d .check-box input {



    height: 15px;



    width: 15px;



    display: inline-block;



    vertical-align: middle;



    margin-bottom: 1px;



    cursor: pointer



}







#formulario-cotizar .check-box,



#formulario-cotizar-d .check-box {



    color: #7b7b7b;



    font-size: .9rem;



    margin-bottom: 5px



}







#formulario-cotizar button[type=submit],



#formulario-cotizar input[type=submit],



#formulario-cotizar-d button[type=submit],



#formulario-cotizar-d input[type=submit] {



    font-size: 1.2rem;



    line-height: 28px;



    font-weight: 400



}



.form-descarga label{



    line-height: 23px;



    color: #7b7b7b;



    font-size: .9rem;



}







.form-descarga input[type=text] {



    height: 23px;



    border: 1px solid #c2c3c8;



    margin-bottom: 2px;



    padding: 5px



}







#center-cotizar {



    margin-bottom: 70px;



    padding: 0 110px



}







#center-cotizar .more-info {



    display: inline-block;



    vertical-align: top;



    margin-left: 45px;



    max-width: 230px



}







#center-cotizar .more-info .box {



    margin-bottom: 30px



}







#center-cotizar .more-info span {



    color: #ff171a;



    display: block;



    text-transform: uppercase;



    font-family: NeoSansStd-Bold;



    margin-bottom: 5px



}







#center-cotizar .more-info p {



    color: #707070;



    margin-bottom: 5px;



    display: block;



    font-size: .9rem



}







.tabs-menu {



    margin: 0;



    padding-left: 0;



    list-style: none;



    display: flex;



    flex-wrap:wrap;



        justify-content: center;



}







.tabs-menu li {



    line-height: 35px;



    /*float: left;*/



    flex:1;



    background-color: #c2c3c8;



    transition: all 180ms ease-in-out



}







.descargar-ficha a,



.listado-versiones .box .titulo .cerrar {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







#tabs-container .uno li {



    width: 100%



}







#tabs-container .triple li {



    width: 33.3333333%



}







#tabs-container .doble li {



    width: 50%



}







#tabs-container .cuatruple li {



    width: 25%



}







.tabs-menu li a {



    text-transform: uppercase;



    color: #fff;



    display: block;



    text-align: center;



    font-size: 1.15rem



}







.tabs-menu .current,



.tabs-menu li:hover {



    background: #ff171a



}







.tab {



    border: 1px solid #d4d4d1



}







.tab-content {



    padding: 30px 20px 15px;



    display: none



}







#tab-1 {



    display: block



}







#v-nuevos .col-4 {



    margin-bottom: 15px



}







#v-nuevos .col-4 span {



    display: block;



    text-align: center;



    color: #4e4e4e;



    text-transform: uppercase



}







#v-nuevos .col-4 img {



    margin: 0 auto;



    display: block



}







#financiamiento-block .subtitulo,



#financiamiento-block .titulo {



    display: block;



    margin-bottom: 10px;



    font-family: NeoSansStd-Bold



}







#v-nuevos .col-4 .imagen {



    background-size: 80%!important;



    background-repeat: no-repeat!important;



    padding-bottom: 50%;



    background-position: center center!important;



    position: relative



}



.icono-destacado-nuevo{



    width: 70px;



}







#financiamiento-block .titulo {



    color: #ff171a



}







#financiamiento-block .subtitulo {



    color: #707070;



    margin-top: 30px



}







.img-center {



    text-align: center



}







.img-center img {



    margin: 0 auto



}







#financiamiento-block p {



    color: #707070;



    font-size: .8rem;



    line-height: 20px;



    margin-bottom: 5px



}







#financiamiento-block .tab-content {



    padding-top: 45px



}







.listado-marcass .box-img {



    float: left;



    width: 50%;



    text-align: center



}







.listado-marcass .box-imgs {



    display: inline-block;



    vertical-align: top;



    margin: 10px;



    text-align: center



}







#sucursal-block .info-box {



    padding: 20px 15px;



    margin-bottom: 30px;



    display: inline-block;



    vertical-align: top



}







.imagenes-biger img {



    width: 100%;



    height: auto;



    vertical-align: top



}







.imagenes-biger {



    border: 1px solid #e5e5e5;



    margin-bottom: 30px;



    position: relative



}







.imagenes-biger .infito {



    position: absolute;



    right: 20px;



    bottom: 20px;



    color: #878789;



    font-size: 1.3rem



}







.imagenes-biger .infito i {



    font-style: normal;



    display: block;



    font-size: .8rem



}







.info-boxx {



    padding: 20px 10px 20px 30px



}







#sucursal-block .info-box h5,



#sucursal-block .info-box span,



.info-boxx span {



    display: block;



    font-size: 1.05rem;



    margin-bottom: 3px;



    margin-top: 0



}







#sucursal-block .info-box .titulo,



.info-boxx .titulo {



    text-transform: uppercase;



    margin-bottom: 10px



}







#financiamiento-block h4,



#sucursal-block .info-box .cargo,



#sucursal-block .info-box .titulo,



#sucursal-block .info-box h4,



.info-boxx .cargo,



.info-boxx .titulo,



.info-boxx h4 {



    color: #ff171a;



    font-family: NeoSansStd-Bold



}







#sucursal-block .info-box h4:first-child {



    margin-top: 0



}







#financiamiento-block h5,



#sucursal-block .info-box .name,



#sucursal-block .info-box h5,



.info-boxx .name,



.info-boxx .name h5 {



    font-family: NeoSansStd-Bold;



    color: #000;



    margin-bottom: 10px



}







#financiamiento-block article {



    width: 32.3%;



    display: inline-block;



    padding: 20px 25px 20px 45px;



    vertical-align: top



}







#financiamiento-block article h5 {



    margin: 0 0 10px



}







#financiamiento-block article h4 {



    margin: 0



}







#financiamiento-block article h4,



#financiamiento-block article h5,



#financiamiento-block article p {



    font-size: 1.05rem



}







.editable p,



.editable li,



.lista-ticket li {



    font-size: .8rem



}







#sucursal-block .info-box,



.info-boxx .dato-plomo {



    color: #707070



}







#sucursal-block .info-box b,



.info-boxx .dato-plomo b {



    font-family: NeoSansStd-Bold



}



#sucursal-block .info-box p,



.info-boxx .dato-plomo p {



   margin-top: 3px;



   margin-bottom: 0px;



}







.editable h3,



.editable p,



.editable li,



.lista-ticket li {



    font-family: 'Open Sans', sans-serif



}







#sucursal-block .info-box .d {



    margin-top: 20px



}







.iframe-box {



    border: 1px solid #ccc



}







.iframe-box iframe {



    width: 100%;



    height: 700px;



    vertical-align: top



}







.separeitor-3000 {



    background: #eb1c22;



    height: 1px;



    display: block;



    margin-top: 15px;



    margin-bottom: 15px



}







#sucursal-block #fix-st .info-box {



    margin-bottom: 0



}







.editable li,



.editable p {



    color: #444242;



    line-height: 15px;



    text-align: justify;



    margin-bottom: 15px;



    margin-top: 0



}







.lista-ticket {



    list-style-image: url(/img/sitio/vineta.png);



    padding-left: 15px



}







.solicita {



    display: block;



    margin: 15px 0 5px;



    color: #87868a



}







.editable h3,



.lista-ticket li {



    color: #444242



}







.editable h3 {



    font-size: 1.7rem;



    font-weight: 300;



    margin: 0 0 6px



}











header .logo .img-responsive{



    margin: 0;



}







.img-responsive {



    margin: 20px 0



}







.img-responsive img {



    width: 100%;



    height: auto;



    vertical-align: top



}







.auto-top h2, .auto-top h1 {



    font-size: 2.2rem;



    margin-top: 14px;



    font-family: "NeoSansStd";



    font-weight: bold;



    color: #FD0017;



    font-style: italic;



}







.auto-top h2 b, .auto-top h1 b {



    font-family: NeoSansStd-BoldItalic



}







.auto-top .imagen-auto .imagen {



    background-size: 80%!important;



    background-repeat: no-repeat!important;



    padding-bottom: 67%;



    background-position: center center!important



}







.auto-top .info-bot p {



    margin: 0;



    color: #7b7b7b;



    display: block



}







.auto-top .info-bot p.auto {



    font-family: NeoSansStd-Bold;



    font-size: 1.2rem



}







.auto-top .info-bot p.valor {



    font-size: 1.6rem;



    line-height: 24px;



    margin-bottom: 5px



}







.auto-top .info-bot p.incluye {



    font-size: 1rem



}







.auto-top .info-bot p.incluye-small {







    font-size: .7rem



}











.listado-versiones .box.active .titulo {



    background: #f1f1f1;



    font-family: NeoSansStd-BoldItalic;



    padding: 7px 40px;



    text-align: center



}







.listado-versiones .box.active .titulo .link-titulo {



    font-size: 1.1rem



}







.listado-versiones .box.active .cerrar {



    display: block!important



}







.listado-versiones .box.active .info,



.listado-versiones .box.active .precio {



    display: block



}







.listado-versiones .box .titulo {



    color: #818181;



    font-size: 1.1rem;



    padding: 7px;



    position: relative;



    text-align: left



}







.listado-versiones .box .titulo .link-titulo {



    color: #8c8c8c;



    font-size: 1.5rem;



    display: inline-block;



    vertical-align: top;



    font-style: italic



}



.listado-versiones .box .titulo .link-titulo span{



    color:#ff171a;



}







.listado-versiones .box .titulo .cerrar {



    font-family: NeoSansStd-Regular;



    font-style: normal;



    color: #ff171a;



    font-size: 1rem;



    border: 1px solid #ff171a;



    border-radius: 50px;



    width: 22px;



    line-height: 18px;



    padding-bottom: 2px;



    display: none;



    position: absolute;



    right: 10px;



    top: 50%;



    margin-top: -11px;



    transition: all 180ms ease-in-out



}







.listado-versiones .box .titulo .cerrar:hover {



    color: #fff;



    background: #ff171a



}







.listado-versiones .box {



    width: 47%;



    display: inline-block;



    vertical-align: top;



    position: relative;



    margin: 0 1% 20px



}







.listado-versiones .box .info {



    background: #e3e3e3;



    padding: 40px 40px 130px 40px;



    display: none;



    min-height: 180px;



}







.listado-versiones .box .info ul {



    padding: 0 0 0 17px;



    margin: 0



}







.listado-versiones .box .info ul li {



    color: #818181;



    font-style: italic;



    font-size: .85rem;



    margin-bottom: 5px



}







.listado-versiones .box .precio {



    position: absolute;



    bottom: 25px;



    right: 20px;



    color: #818181;



    font-size: 1.5rem;



    font-family: NeoSansStd-BoldItalic;



    display: none



}







.listado-versiones .box .precio b {



    color: #ff171a;



    display: block;



    font-size: 1.3rem



}







.listado-versiones .box .bono {



    display: block;



    font-size: .8rem;



    font-weight: 400



}







.listado-versiones .box .bono b {



    display: inline-block;



    color: #818181;



    font-size: .8rem;



    font-weight: 400



}



.listado-versiones .box .bono-small {



    font-family: "NeoSansStd-Regular", sans-serif;



    display: inline-block;



    color: #818181;



    font-size: .7rem;



    font-weight: 400



}



.listas-very-small p,



.listas-very-small ul li,



.small-p p {



    color: #211915;



    font-family: 'Open Sans', sans-serif



}







.small-p p {



    font-size: .9rem;



}







.listas-very-small ul {



    padding: 0;



    list-style: none;



    margin: 0



}







.listas-very-small p {



    margin-bottom: 0



}







.listas-very-small p,



.listas-very-small ul li {



    font-size: .6rem;



    line-height: 12px



}







.imagen-auto-nuevo .imagen {



    background-size: cover!important;



    background-repeat: no-repeat!important;



    background-position: center center!important;



    padding-bottom: 33%;



    display: block



}







.descargar-ficha a,



.superlinks a {



    font-size: 1.5rem;



    display: inline-block



}







.fixi-col {



    margin-top: 20px;



    margin-bottom: 30px;



    border-top: 1px solid #000;



    padding-top: 20px



}







.descargar-ficha {



    margin: 0;



    text-align: left



}







.descargar-ficha img {



    margin-left:10px;



}



.descargar-ficha a {



    background: #ff171a;



    color: #fff;



    line-height: 36px;



    font-size: .8rem;



    text-align: center;



    transition: all 180ms ease-in-out;



    padding:0 70px;



}







#enviarrrr,



.listado-items .box img {



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out



}







.descargar-ficha a:hover {



    background: #920014



}







.listado-items .box {



    position: relative;



    border: 1px solid #e5e5e5



}







.listado-items {



    margin-left: -5px;



    margin-right: -5px



}







.listado-items .col-3 {



    padding: 5px



}







.listado-items .box img {



    width: 100%;



    height: auto;



    vertical-align: top;



    transition: all 180ms ease-in-out



}







.superlinks a {



    color: #8c8c8c;



    vertical-align: top;



    margin: 20px 10px 30px;



    font-style: italic;



    width: 30%



}







.listado-items .box a {



    position: absolute;



    width: 100%;



    bottom: 0;



    font-size: .9rem;



    padding: 20px;



    left: 0;



    color: #fff;



    background: rgba(85, 85, 85, .8)



}







.listado-items .box:hover img {



    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";



    filter: alpha(opacity=60);



    -moz-opacity: .6;



    -khtml-opacity: .6;



    opacity: .6



}







.buscador-chakal {



    background: #dfdfdf;



    padding: 25px 0 30px



}







.buscador-chakal .titulo-1 {



    color: #ff171a;



    font-size: 1rem;



    display: block;



    margin-bottom: 10px;



    font-family: NeoSansStd-Bold



}







.buscador-chakal .titulo-2 {



    color: #7b7b7b;



    font-size: 1rem;



    display: block;



    margin-bottom: 5px



}







.buscador-chakal .row {



    margin-right: -5px;



    margin-left: -5px



}







.buscador-chakal .col-1,



.buscador-chakal .col-12,



.buscador-chakal .col-3,



.buscador-chakal .col-4,



.buscador-chakal .col-5,



.buscador-chakal .col-6 {



    padding-right: 5px;



    padding-left: 5px



}







#new-usados .box .nombre,



#new-usados .box a,



#usados-slick .box .nombre,



#usados-slick .box a {



    text-align: center;



    background: rgba(78, 78, 78, .8);



    color: #ccc;



    padding: 10px 15px



}







#usados-slick .slick-slide {



    padding: 0 3px;



}



#usados-slick .slick-slide a{



    position: relative;



    display: block;



}







#usados-slick .box {



    height: 240px;



    width: 100%;



    background-position: center center;



    background-size: cover;



    margin-bottom: 6px;



}







#usados-slick .box a span {



    display: block;



    text-align: center;



    color: #fff



}







#n-ejutivos .info-boxx {



    display: inline-block;



    vertical-align: top;



    padding-left: 0;



    margin-right: 60px



}







#usados-slick {



    margin-bottom: 40px



}







#galery-usados .img-big {



    height: 360px;



    background-size: cover!important;



    background-position: center center!important;



    display: block



}







#galery-usados .info h2 {



    margin-top: 0;



    color: #3c3c3c;



    font-family: NeoSansStd-Regular;



    margin-bottom: 5px



}







#galery-usados .info .precio {



    color: #87868a;



    font-family: 'Open Sans', sans-serif;



    font-size: 2rem;



    display: block;



    font-weight: 700



}







#galery-usados .info .inbox .tipo1,



#galery-usados .info .inbox .tipo2{



    line-height: 43px;



    width: 50%;



    float: left;



    padding: 0 20px;



    font-size: 1.05rem;



    margin-bottom: 3px;



    font-family: 'Open Sans', sans-serif



}



#galery-usados .info .inbox a {



    font-size: 1.05rem;



    margin-bottom: 3px;



    font-family: 'Open Sans', sans-serif;



    color: #757575



}







#galery-usados .info .inbox .tipo1 {



    font-weight: 700;



    background: #b2b2b2;



    color: #fff



}







#galery-usados .info .inbox .tipo2 {



    min-height: 43px;



    text-align: center;



    background: #f3f3f3;



    color: #757575



}







#galery-usados .info .red-social-usada {



    background: #b2b2b2;



    color: #f1f1f1;



    font-size: 1.1rem;



    font-family: 'Open Sans', sans-serif;



    font-weight: 700;



    text-align: center;



    clear: both;



    padding: 15px 0 12px



}







#galery-usados .info .red-social-usada a {



    display: inline-block;



    margin-left: 7px;



    vertical-align: middle



}







#galery-usados .info .red-social-usada a img {



    vertical-align: top



}







.galeria-horizontal .slick-next,



.galeria-horizontal .slick-prev {



    height: 28px;



    width: 28px;



    top: 50%;



    margin-top: -14px;



    border: none;



    position: absolute;



    display: block;



    text-indent: -999999px



}







.galeria-horizontal {



    margin-bottom: 30px



}







.galeria-horizontal .slick-prev {



    background: url(/img/sitio/prev.png);



    left: -35px



}







.galeria-horizontal .slick-next {



    background: url(/img/sitio/next.png);



    right: -35px



}







.galeria-horizontal .img-small {



    margin: 8px 3px;



    position: relative



}







.galeria-horizontal .img-small span {



    position: absolute;



    bottom: 0;



    font-size: .72rem;



    text-align: center;



    width: 100%;



    padding: 5px 0;



    font-family: NeoSansStd-Regular;



    color: #fff;



    background: rgba(82, 82, 82, .78)



}







.galeria-horizontal .img-small img {



    width: 100%;



    height: auto;



    vertical-align: top



}







.galeria-horizontal .slick-list {



    margin-left: -3px



}







.box-info-bot {



    background: #e3e3e3;



    padding: 30px 20px;



    margin-bottom: 30px



}







.box-info-bot ul {



    margin-top: 3px



}







.box-info-bot h4 {



    text-align: left;



    padding-left: 40px;



    margin-bottom: 5px;



    font-size: 1.1rem



}







.box-info-bot li,



.box-info-bot span,



.tab-content ul li {



    padding-left: 10px;



    font-size: .9rem;



    font-style: italic;



    background: url(/img/sitio/vineta-roja.gif) left center no-repeat;



    color: #818181;



    width: 24%;



    display: inline-block;



    vertical-align: top;



    margin-bottom: 5px



}







.myv .imgs,



.myv .texto-info {



    vertical-align: middle;



    display: inline-block



}







.tab-content ul li {



    width: 100%



}







.tab-content ul {



    padding-left: 10px;



    margin-bottom: 0



}







.myv .imgs {



    width: 57%



}







.myv .texto-info {



    width: 39%



}







.myv .texto-info p {



    color: #666567;



    font-size: 1.5rem



}







#tesugerimos .img-small {



    background-position: center center;



    background-size: cover;



    height: 120px



}







#enviarrrr {



    width: 100%;



    border: none;



    background: #ff171a;



    color: #fff;



    font-size: .8rem;



    line-height: 21px;



    display: inline-block;



    transition: all 180ms ease-in-out;



    outline: 0;



    cursor: pointer;



    display: inline-block;



    width: 49%;



}







.btn {



    display: block;



    padding: 3px 10px;



    color: #FFF;



    min-width: 140px;



    text-align: center;



    font-size: .8rem;



}







.btn-gris {



    background: #787878;



}



.btn-filtro{



    margin-top:3px;



    width: 49%;



    min-width: auto;



    display: inline-block;



}



.text-buscador{



    height: 22px !important;



    background: #FFF url(/img/sitio/icono-buscador.png) no-repeat 98% 50% !important;



    background-size: contain;



    padding-right: 20px;



}



#enviarrrr:hover {



    background: #900013



}







.triple-contenido .listado-marcass .box-img {



    width: 90px;



    height: 80px;



    float: none;



    display: inline-block;



    vertical-align: middle



}







.triple-contenido .listado-marcass .box-img img {



    max-width: 90%;



    max-height: 90%;



    height: auto;



    vertical-align: top;



    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;



}







#sucursal-block .triple-contenido .info-box {



    padding: 5px 15px;



    margin-bottom: 15px



}







#sucursal-block .triple-contenido .info-box h5,



#sucursal-block .triple-contenido .info-box span,



.triple-contenido .info-boxx span {



    margin-bottom: 0;



    font-size: .8rem



}







#sucursal-block .triple-contenido .info-box .d {



    margin-top: 5px



}







.mejores-marcas a,



.mejores-marcas img {



    display: inline-block;



    vertical-align: middle



}







#new-usados .box {



    height: 240px;



    background-position: center center;



    background-size: cover;



    margin-bottom: 0;



    position: relative



}







#new-usados .piding {



    padding: 3px;



    width: 24%;



    float: left



}







#numbers {



    width: 170px;



    margin: 20px auto 0



}







#numbers span {



    background: #fff;



    border: 1px solid #ff171a;



    -webkit-border-radius: 50px;



    border-radius: 50px;



    color: #ff171a;



    font-family: sans-serif;



    font-weight: 700;



    display: block;



    font-size: .88rem;



    width: 24px;



    height: 24px;



    line-height: 22px;



    text-align: center;



    padding: 0;



    -webkit-transition: all 180ms ease-in-out;



    -moz-transition: all 180ms ease-in-out;



    -ms-transition: all 180ms ease-in-out;



    -o-transition: all 180ms ease-in-out;



    transition: all 180ms ease-in-out;



    cursor: pointer;



    margin: 0 auto



}







#numbers .slick-current span,



#numbers span:hover {



    background: #ff171a;



    color: #fff



}







#numbers .slick-next {



    background: url(/js/slick/next-small.png) no-repeat;



    right: -30px



}







#numbers .slick-prev {



    background: url(/js/slick/prev-small.png) no-repeat;



    left: -30px



}







#numbers .slick-arrow {



    width: 25px;



    height: 25px;



    bottom: -1px;



    border: none;



    position: absolute;



    text-indent: -99999999px



}







.boton-expand-menu {



    display: none;



    width: 35px;



    height: 36px;



    background: url(/img/sitio/icon-menu.png) no-repeat;



    position: absolute;



    right: 10px;



    top: 50%;



    margin-top: -18px



}







.link-oculto {



    display: none !important;



}







.info-box .dato-plomo a {



    color: #000;



    font-family: NeoSansStd-Bold



}







.info-box .dato-plomo a.active {



    color: #ff1013



}







.galeria-detalle li {



    display: block;



    width: 100%



}







.galeria-detalle h4,



.galeria-detalle ul {



    padding-left: 0



}







.galeria-detalle h4 {



    margin-top: 0;



    margin-bottom: 20px



}







.formulario-usado form {



    background: #ff171a;



    padding: 20px;



    position: relative



}







.formulario-usado form label {



    font-family: NeoSansStd-Regular, sans-serif;



    text-transform: uppercase;



    color: #fff;



    float: left;



    width: 25%;



    line-height: 38px;



    font-size: 1rem



}







.formulario-usado form .check-box label {



    width: auto!important;



    float: none;



    display: inline-block!important



}







.formulario-usado form .check-box input[type=checkbox] {



    width: 19px;



    height: 20px;



    vertical-align: middle;



    margin-left: 10px



}



.formulario-usado form select,



.formulario-usado form input[type=text] {



    float: left;



    width: 75%;



    height: 38px;



    background: #d8d9dd;



    margin-bottom: 2px;



    color: #4e4e4e



}







.formulario-usado form textarea {



    float: left;



    width: 100%;



    height: 90px;



    background: #d8d9dd;



    margin-bottom: 2px;



    color: #4e4e4e



}







.formulario-usado form button[type=submit] {



    font-size: 25px;



    margin-top: 5px;



    background: #5b5a5d



}







.formulario-usado .mensaje-exito {



    position: absolute;



    height: 100%;



    width: 100%;



    background-color: rgba(0, 0, 0, .8);



    display: none;



    top: 0;



    left: 0



}







.formulario-usado .mensaje-exito .inside {



    display: table-cell;



    text-align: center;



    color: #fff;



    vertical-align: middle;



    font-size: 1.3rem



}







.formulario-usado .mensaje-exito .cerrar {



    font-family: NeoSansStd-Regular;



    font-style: normal;



    color: #fff;



    font-size: 1.5rem;



    border: 2px solid #fff;



    border-radius: 50px;



    width: 32px;



    line-height: 25px;



    padding-bottom: 5px;



    display: block;



    text-align: center;



    position: absolute;



    right: 20px;



    top: 20px;



    transition: all 180ms ease-in-out



}







.formulario-usado .mensaje-exito .cerrar:hover {



    background: #fff;



    color: #000



}







#galery-usados .slick-slider {



    padding: 0 35px



}







#galery-usados .slick-prev {



    left: 0



}







#galery-usados .slick-next {



    right: 0



}











.vista-360{



    position: relative;



}



.vista-360 #panorama{



    padding-bottom:30%;



}







.vista-360 .ciudades{



    background:rgba(217,0,29,.75);



    margin-bottom:1px;



}



.vista-360 .ciudades ul{



    padding:0;



    margin:0;



    text-align: center;



}



.vista-360 .ciudades ul li{



    display: inline-block;



    margin-right: 20px;



}



.vista-360 .ciudades ul li:last-child{



    margin-right: 0;



}



.vista-360 .ciudades ul li a{



    color:#FFF;



    display: block;



    padding:5px 10px;



    font-size: 25px;



}



.vista-360 .ciudades ul li a.active,



.vista-360 .ciudades ul li a:hover{



    font-weight: bold;



}



.vista-360 .direcciones{



    background:rgb(217,0,29);



}



.vista-360 .direcciones ul{



    padding:0;



    margin:0;



    text-align: center;



}



.vista-360 .direcciones ul li{



    display: inline-block;



    margin-right: 20px;



}



.vista-360 .direcciones ul li:last-child{



    margin-right: 0;



}



.vista-360 .direcciones ul li a{



    color:#FFF;



    display: block;



    padding:10px;



    font-size: 20px;



}



.vista-360 .direcciones ul li a.active,



.vista-360 .direcciones ul li a:hover{



    font-weight: bold;



}



.custom-hotspot {



  border:1px solid #FFF;



}



div.custom-tooltip span {







    background: #ff171a;



    display: block;



    padding:5px 10px;



    color: #FFF;



    text-align: center;



    max-width: 200px;



    padding: 5px 10px;



    position: relative;



}



div.custom-tooltip span:after {



    content: '';



    position: absolute;



    width: 0;



    height: 0;



    border-width: 10px;



    border-style: solid;



    border-color: #ff171a transparent transparent transparent;



    bottom: -20px;



    left: -10px;



    margin: 0 50%;



}











.botonera-interior-auto ul{



    padding:0;



    margin:10px 0;



    text-align: center;



}



.botonera-interior-auto ul li{



    display: inline-block;



    width: 33%;



}



.botonera-interior-auto ul li a{



    display: block;



    background: #ff171a;



    color:#FFF;



    font-size: 25px;



    text-align: center;



    padding:10px 20px;



}



.botonera-interior-auto ul li a.active,



.botonera-interior-auto ul li a:hover:not(.disabled){



    background: #FFF;



    color:#ff171a;



    outline:1px solid #ff171a;







}



.botonera-interior-auto ul li a.disabled{



    opacity: .3;



    pointer-events: none;



}







.flexslider-detalle-auto .slides li{



    height: 29vw !important;



    background-size: cover;



    background-position: center center;



    background-repeat:no-repeat;



}



.flexslider-detalle-auto #panorama{



    height: 29vw !important;



}



.movil-detalle-auto{



    display: none;



}



.interior-auto-descubre{



    margin-bottom:30px;



}



.interior-auto-descubre {



    color:#211915;



    font-family: 'Open Sans', sans-serif;



        font-size: .9rem;



}



.interior-auto-descubre ul{



    margin-top:0;



}



.interior-auto-legal{



    margin-top: 20px;



}



.interior-auto-legal p{



    font-size: 11px;



}



.icono-destacado{



    position: absolute;



    top: -3px;



    left: -4px;



    z-index: 6;



}



.display-movil{



    display: none !important;



}







#lista-usados .row-auto{



    font-size: 0;



    margin-bottom: 20px;



}



#lista-usados .row-auto .col{







    display: inline-block;



    vertical-align: top;



}



#lista-usados .row-auto .col-imagen{



    width: 30%;



}



#lista-usados .row-auto .col-detalle{



    width: 70%;



}



#lista-usados .imagen-auto{



    width: 100%;



    height: 200px;



    background-size: cover !important;



    background-position: center center !important;



    position: relative;



}



#lista-usados .row-auto .col-detalle .top{



    padding:20px;



    background: #dfdfdf;



    height: 160px;



}



#lista-usados .row-auto .col-detalle h3{



    font-size: 22px;



    color: #ff171a;



    margin:0 0 20px 0;



}



#lista-usados .row-auto .col-detalle ul{



    padding:0;



    margin:0;



}



#lista-usados .row-auto .col-detalle .bottom{



    padding:9px 20px;



    background: #c5c5c5;



    height: 40px;



}



#lista-usados .row-auto .col-detalle .bottom ul{



    text-align: right;



    padding:0;



    margin:0;



}



#lista-usados .row-auto .col-detalle .bottom ul li{



    font-size: 14px;



    display: inline-block;



    margin-right: 10px;



}



#lista-usados .row-auto .col-detalle .bottom ul li:last-child{



    margin-right: 0;



}



#lista-usados .row-auto .col-detalle ul.detalle li{



    line-height: 30px;



}







#lista-usados .row-auto .col-detalle .top ul li{



    display: inline-block;



    width: 33%;



    font-size: 18px;



    margin-bottom:20px;



    vertical-align: middle;



}



#lista-usados .row-auto .col-detalle .top ul li .tel{



    color:#000;



    font-size: 13px;



    display: block;



    line-height: 20px;



}











#lista-usados .row-auto .col-detalle .bottom .btn{



    display: block;



    padding:3px 10px;



    color:#FFF;



    min-width: 140px;



    text-align: center;



}



#lista-usados .row-auto .col-detalle .bottom .btn-rojo{



    background: #ff171a;



}



#lista-usados .row-auto .col-detalle .bottom .btn-gris{



    background: #787878;



}



#lista-usados .row-auto .col-detalle .valor{



    font-weight: bold;



    text-align: center;



    font-size: 22px !important;



}



#formulario-usado-fancybox{



    padding: 0;



    max-width: 600px;



    display: none;



}



.paginador-usados ul{



    padding:0;



    margin:20px 0;



    text-align: center;



}



.paginador-usados ul li{



    display: inline-block;



}



.paginador-usados ul li a{



    display: block;



    border: 1px solid #ff171a;



    color: #ff171a !important;



    border-radius: 50%;



    padding: 5px 0;



    width: 30px;



    font-size: 13px;



    height: 30px;



    text-decoration: none;



}



.paginador-usados ul li a.active{



    background: #ff171a;



    color:#FFF !important;



}



@media only screen and (max-width:1320px) {



    header {



        background-position: 99% center



    }



}







@media only screen and (max-width:1280px) {



    header .menu-header {



        margin-right: 5%



    }



    header .menu-header a {



        font-size: .8rem



    }



}







@media only screen and (max-width:1170px) {



    header .logo img {



        width: 120px



    }



    header .menu-header {



        margin: 0 0 0 30px;



        float: none



    }



    .destacados-slick {



        width: 80%;



        margin: 0 auto



    }



    .destacados-slick .slick-slide img {



        width: 100%;



        height: auto;



        vertical-align: top



    }



    .flex-direction-nav {



        display: none!important



    }



    .flexslider-detalle-auto .flex-direction-nav {



        display: block!important



    }



    .flexslider-detalle-auto .flex-direction-nav>li a{



        width: 46px;



        height: 46px;



        background-size: contain;



        margin-top:-23px;



    }



}







@media only screen and (max-width:1100px) {



    .listado-items .col-3 {



        width: 33.333%;



        float: left



    }



    .galeria-horizontal {



        width: 90%;



        margin: 0 auto



    }



}







@media only screen and (max-width:1000px) {



     #top a {



        border-left: none



    }



    #lista-usados .row-auto .col{



        display: block;



        width: 100% !important;



    }



    #lista-usados .imagen-auto{



        padding-bottom: 40%;



    }



    #lista-usados .row-auto .col-detalle .top{



        height: auto;



    }



    #lista-usados .row-auto .col-detalle .bottom ul {



        text-align: center;



    }



    #lista-usados .row-auto .col-detalle .bottom ul .btn{



        min-width: auto;



    }



    .center {



        width: 96%



    }



    .noticias-slick .slick-next,



    .noticias-slick .slick-prev {



        display: none!important



    }



    .buscador-header {



        vertical-align: top



    }



    .buscador-header input[type=text] {



        height: 40px;



        margin-top: 0;



        margin-bottom: 0



    }



    #formulario-cotizar {



        width: 100%;



        float: none;



        margin-bottom: 50px



    }



    #center-cotizar .more-info {



        display: block;



        margin-left: 0;



        width: 100%;



        max-width: inherit



    }



    #center-cotizar .more-info .box {



        display: inline-block;



        margin-right: 50px;



        vertical-align: top



    }



    #center-cotizar {



        padding: 0



    }



    .imagen-bot-myv img,



    .myv .imgs img {



        width: 100%;



        height: auto;



        vertical-align: top



    }



    div.custom-tooltip span {



        font-size: 11px;



    }



    .vista-360 #panorama {



        padding-bottom: 44%;



    }



    .vista-360 .ciudades ul li a{



        font-size: 18px;



    }



    .vista-360 .direcciones ul li a {



        font-size: 13px;



    }



    .vista-360 .ciudades ul li {



        display: block;



        margin-right: 0;



        border-bottom: 1px solid #FFF;



    }



}







@media only screen and (max-width:950px) {



    .listado-versiones .box .info {



        padding-bottom: 100px



    }



    .listado-versiones .box .precio {



        bottom: 15px



    }



    #formulario-foot2 label {



        font-size: .9rem;



        width: 22%



    }



    #formulario-foot2 input[type=file],



    #formulario-foot2 input[type=text],



    #formulario-foot2 select,



    #formulario-foot2 textarea {



        width: 78%



    }



    #formulario-foot2 button[type=submit],



    #formulario-foot2 input[type=submit] {



        width: 78%;



        margin-left: 22%



    }



    #top .center,



    header .center {



        text-align: center;



        position: relative;



    }



    header {



        background-position: 5% center;



        padding: 20px 0 10px;



    }



    .destacados-slick .slick-arrow {



        width: 40px;



        height: 40px;



        margin-top: -20px



    }



    .destacados-slick .slick-next {



        background: url(/js/slick/next.png) no-repeat;



        background-size: cover;



        right: -70px



    }



    .destacados-slick .slick-prev {



        background: url(/js/slick/prev.png) no-repeat;



        background-size: cover;



        left: -70px



    }



    button.acordeon {



        padding-bottom: 20px



    }



    .marcas-mapa {



        top: inherit;



        bottom: 2px;



        position: inherit;



        margin-top: 10px



    }



    .boton-expand-menu {



        display: block



    }



    header .menu-header {



        display: none;



        position: absolute;



        background: #5b5a5d;



        width: 210px;



        z-index: 20;



        right: 10px;



        top: 61px;



        margin-top: 0;



        padding: 5px 10px



    }



    .link-oculto,



    header .menu-header span>a,



    header .menu-header>a {



        display: block !important;



        padding:10px;



        border-right: none;



        text-align: left;



        color: #fff;



        -webkit-transition: all 180ms ease-in-out;



        -moz-transition: all 180ms ease-in-out;



        -ms-transition: all 180ms ease-in-out;



        -o-transition: all 180ms ease-in-out;



        transition: all 180ms ease-in-out



    }



    header .menu-header span a:after,



    header .menu-header a:after {



        width: 0;



        height: 0;



    }



    header .menu-header .submenu:hover ul{







        display: none;



    }



    header .menu-header a:hover {



        background: #fff;



        color: #5b5a5d



    }



    #top .center a {



        display: none



    }



    #top {



        padding: 2px 0 4px



    }



    header .center {



        padding-bottom: 5px



    }



}







@media only screen and (max-width:800px) {



    .buscador-chakal .col-1,



    .buscador-chakal .col-12,



    .buscador-chakal .col-3,



    .buscador-chakal .col-4,



    .buscador-chakal .col-5,



    .buscador-chakal .col-6 {



        margin-bottom: 10px



    }



    #enviarrrr {



        margin-top: 10px



    }



    .myv .texto-info p {



        font-size: 1rem



    }



    .mejores-marcas h2 {



        font-size: 1.5rem;



    }



    .mejores-marcas p {



        font-size: 1.2rem



    }



    .menu-foot a {



        float: none;



        display: block;



        width: 100%!important;



        margin: 0!important



    }



    footer .footer-in .logo-footer {



        float: none;



        display: block;



        width: 182px;



        margin: 0 auto 20px



    }



    footer .footer-in .info {



        float: none;



        width: auto



    }



    #tabs-container .cuatruple li,



    #tabs-container .doble li,



    #tabs-container .triple li {



        width: 100%



    }



    #financiamiento-block article {



        width: 50%



    }



    .box-info-bot li {



        width: 48%



    }



    .movil-detalle-auto{



        display: block;



    }



    .desktop-detalle-auto{



        display: none;



    }



    .descargar-ficha{



        margin-top: 10px;



    }



    .descargar-ficha a{



        display: block;



    }



    .botonera-interior-auto ul li{



        width: 30%;



    }



    .botonera-interior-auto ul li a{



        font-size: 20px;



    }



    .display-desktop{



        display: none !important;



    }



    .display-movil{



        display: block !important;



    }



    #lista-usados .row-auto .col-detalle .bottom ul li.display-movil{



        display: inline-block !important;



    }



    .titulo-barrita h3 {



        font-size: 1.7rem;



    }

    .img-accesorio{

        text-align: center;

    }



}











@media only screen and (max-width:650px) {



    #top a,



    #top span {



        font-size: .8rem;



        margin-bottom: 3px



    }



    /*#top a,*/



    .buscador-header input[type=text] {



        height: 34px



    }



    #top a {



        vertical-align: top;



        border-left: none



    }



    header .menu-header a {



        border-right: none



    }



    .listado-items .col-3 {



        width: 50%;



        float: left



    }



    #top span {



        margin-top: 5px



    }



    .flexslider .leyenda,



    .flexslider .leyenda2 {



        position: relative;



        top: 0;



        padding-top: 10px;



        padding-bottom: 10px;



        background-color: #fff



    }



    .flexslider .leyenda .center,



    .flexslider .leyenda2 .center {



        text-align: center



    }



    .flexslider .leyenda .center .info,



    .flexslider .leyenda2 .center .info {



        overflow: hidden;



        margin: 0 auto



    }



    .flexslider .leyenda2 .center .info {



        display: inline-block



    }



    .destacados-slick .slick-next {



        right: -50px



    }



    .destacados-slick .slick-prev {



        left: -50px



    }



    .flexslider .leyenda .center>span {



        font-size: 2rem;



        padding: 5px 15px



    }



    .flexslider {



        background-color: #fff!important



    }



    #formulario-foot label,



    #formulario-foot2 label {



        font-size: .8rem



    }



    .botonera-interior-auto ul li{



        width: 100%;



        display: block;



        margin-bottom: 5px;



    }



    .tabs-menu li{



        flex:0 0 33.3%;



    }



    .noticias-slick .box {



		width: 50%;



	}



}







@media only screen and (max-width:620px) {



    #formulario-foot2 input[type=file],



    #formulario-foot2 input[type=text],



    #formulario-foot2 label,



    #formulario-foot2 select,



    #formulario-foot2 textarea {



        float: none!important;



        width: 100%!important



    }



    header .menu-header a:nth-child(2) {



        border-right: none



    }



    header {



        padding: 15px 0 2px



    }



    #formulario-foot2 label {



        font-size: .9rem!important



    }



    #formulario-foot2 button[type=submit],



    #formulario-foot2 input[type=submit] {



        width: 100%!important;



        margin-left: 0!important



    }



    #financiamiento-block article {



        width: 100%;



        padding: 10px



    }



    .galeria-horizontal {



        width: 86%;



        margin: 0 auto



    }



    .listado-versiones .box {



        width: 100%;



        margin: 0 0 20px



    }



    .flexslider-detalle-auto #panorama{



        height: 100vw !important;



    }



    .flexslider-detalle-auto .slides li{



        height: 40vw !important;



    }



}







@media only screen and (max-width:500px) {



    #formulario-foot input[type=text],



    #formulario-foot label,



    #formulario-foot select,



    #formulario-foot textarea,



    #formulario-foot2 input[type=text],



    #formulario-foot2 label,



    #formulario-foot2 select,



    #formulario-foot2 textarea,



    .formulario-usado form input[type=text],



    .formulario-usado form label {



        width: 100%;



        display: block



    }



    #formulario-foot button[type=submit],



    #formulario-foot input[type=submit],



    #formulario-foot2 button[type=submit],



    #formulario-foot2 input[type=submit] {



        width: 100%;



        font-size: 1.2rem;



        display: block;



        margin: 0



    }



    .destacados-slick .slick-arrow {



        width: 25px;



        height: 25px;



        margin-top: -13px



    }



    .destacados-slick .slick-next {



        right: -30px



    }



    .destacados-slick .slick-prev {



        left: -30px



    }



    footer .barra-roja a {



        margin: 5px 0



    }



    .titulo-centrado h3 {



        font-size: 2rem;



        margin-bottom: 15px



    }



    .vista-360 #panorama {



        padding-bottom: 60%;



    }







    #lista-usados .row-auto .col-detalle .top ul li {



        display: block;



        width: 100%;



        margin-bottom: 10px;



    }



    #lista-usados .row-auto .col-detalle .valor {







        text-align: left;







    }

    .simulacion{

        text-align: center !important;

    }

    #total-cred{

        width: 100% !important;

    }



}







@media only screen and (max-width:450px) {



    footer .barra-roja a {



        margin: 5px 0



    }



    .box-info-bot li {



        width: 100%



    }



    .galeria-horizontal {



        width: 80%;



        margin: 0 auto



    }



    .margen180 {



        margin: 0!important;



        width: 100%;



        height: auto



    }



    .titulo-centrado h3 {



        font-size: 2.4rem



    }



    .destacados-slick {



        width: 67%



    }



}







@media only screen and (max-width:400px) {



    .listado-items .col-3 {



        width: 100%;



        float: left



    }



    header {



        background-position: 0 center



    }



}







@media only screen and (max-width:350px) {



    header {



        background-size: 20%



    }



}











.pop-up-descarga{



  width: 100%;



  height: 100%;



  position: fixed;



  z-index: 10;



  background: rgba(0,0,0,0.7);



  top: 0;



  left: 0;



  display: none;



}







.pop-content{



    max-width: 300px;



    width: 100%;



    height: 246px;



    background: #fff;



    position: absolute;



    top: 0px;



    bottom: 0px;



    left: 0px;



    right: 0px;



    margin: auto;



    padding:20px;



}







.pop-up-descarga .pop-content .cerrar-popup{



    position: absolute;



    top: -18px;



    right: -18px;



    background: #ff171a;



    color: #fff;



    -webkit-border-radius: 100%;



    -moz-border-radius: 100%;



    border-radius: 100%;



    padding: 9px;



    padding-bottom: 15px;



    font-size: 25px;



    margin: 0px;



    line-height: 10px;



    cursor: pointer;







}







.ficha-descargar{



     margin: 0;



    text-align: left;



}



.ficha-descargar a {



      background: #ff171a none repeat scroll 0 0;



    color: #fff;



    font-size: 0.8rem;



    line-height: 36px;



    width: 100%;



    text-align: center;



    transition: all 180ms ease-in-out 0s;



     display: inline-block;



}







.ficha-descargar :hover {



    background: #920014;



}







.disabled{



    opacity: .3;



    pointer-events: none;



}











#text_mensaje{



    height: 106px;



    margin-top: 50px;



    font-family: NeoSansStd-Regular;



    font-weight: 400;



    margin-bottom: 3px;



}







.enviando:after{



    content: url(/img/sitio/spinner.gif);



    /*top: 7px;*/



    position: absolute



}



.nice-select.open .list,



.nice-select .list{



    max-height: 300px;



    overflow: auto;



}



.huincha-outlet{



    max-width: 960px;



    margin:0 auto;



}



.huincha-outlet img{



    max-width: 100%;



    height: auto;



    display: block;



}



#credito-maf{

    display: none;

}



#info-sueldo{

    display: none;

}