@charset "utf-8";
/* CSS Document */
html{
height:auto;
}
/*
body{
width:auto;
height:auto;
background-color:#FDFDFD;
margin:0px !important;
font-family:Arial, Helvetica, sans-serif;
cursor: default;
overflow-y: auto;
}
*/
*, *::before, *::after{
box-sizing:border-box;
}
a{
height:100%;
outline:none;
}
a:hover, a:after, a:focus{
outline:none;
}
a:link{
text-decoration:none;
}
a:active{
color:#DA251D;
}
.contenedor{
width: 100%;
max-width: 1200px;
height: auto;
margin: 0px auto;
}
p, h1, span, li, td, tr, object{
/*-webkit-user-select: none;*/
/*-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;*/
}
#email-element{
max-width: 300px;
width: 100%;
float: left;
margin: 0px;
text-align:center;
}
#email-element input{
width: 240px;
height: 26px;
border: 1px solid #FFF;
border-radius: 20px;
padding-left: 10px;
padding-right: 85px;
padding-bottom: 3px;
float:left;
}
#submit-element{
width: 0px;
margin: 0px;
float: left;
}
#submit-element input{
width: auto;
background-color: #DA251D;
border: 1px solid #DA251D;
border-radius: 10px;
padding: 1px 15px;
color: rgb(255, 255, 255);
font-weight: 600;
letter-spacing: 2px;
cursor:pointer;
margin-left: -80px;
height: 26px;
}
#submit-element input:hover{
background-color: #0187D0;
border: 1px solid #0187D0;
}
footer form{
width: 100%;
max-width: 295px;
float:left;
margin-top: 25px;
}
.send_form{
width:auto;
margin-top: 0px;
margin-bottom: 0px;
float: left;
}
.footer-contact{
width: 100%;
max-width: 600px;
float: left;
}
.footer-maps{
width: 100%;
max-width: 600px;
float: left;
}
.maps-maps{
width: 100%;
max-width: 210px;
float: left;
text-align: center;
}
.maps-maps object{
margin: 5px;
border-radius: 100%;
border: 2px solid #FFF;
}
.maps-info{
width: 100%;
max-width: 375px;
float: left;
margin-left: 15px;
}
.maps-info object{
width: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.footer-maps p{
float: left;
width: 100%;
max-width: 390px;
margin-top: 0px;
margin-bottom: 3px;
font-size: 12px;
color: #FFF;
letter-spacing: 1px;
font-weight: 600;
}
.footer-marcas{
width: 100%;
text-align: center;
height: auto;
max-width: 600px;
float: left;
margin-top: 15px;
margin-bottom: 15px;
}
.footer-marcas object{
width: 270px;
}
/*footer*/
/*Aviso de Privacidad*/
.sec-av-priv{
width:100%;
height:100%;
margin-top:80px;
margin-bottom:50px;
float:left;
min-height: calc(100vh - 10rem);
}
.sec-av-priv-cont{
max-width:1024px;
height:100%;
margin:0px auto;
text-align:justify;
cursor: default;
}
.sec-av-priv-cont p{
color:#262626 !important;
padding-left: 20px;
padding-right: 20px;
/*-webkit-user-select: none;*/
/*-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select:none;*/
}
.sec-av-priv-cont h1, h3{
color:#000000 !important;
font-weight:lighter;
/*-webkit-user-select: none;*/
/*-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select:none;*/
}
.sec-av-priv-cont a{
color:#006699 !important;
}
.sec-av-priv-cont a:hover{
color:#DA251D !important;
}
.sec-av-priv-p{
border-bottom: 1px solid rgb(207, 207, 207);
padding-bottom: 30px;
padding-left: 0px !important;
padding-right: 0px !important;
margin:0px;
}
.sec-av-priv-pb{
border-bottom: 1px solid rgb(207, 207, 207);
padding-bottom: 30px;
margin-bottom:0px;
}
/*Aviso de Privacidad*/
/*PopUp Asociar Distribuidor*/
.add-dist{
width: 350px;
height: 100%;
background: #FBFBFB;
padding: 8px;
border-radius: 5px;
margin: 0px auto;
}
.add-dist-conten{
text-align: justify !important;
width: 100%;
height: auto;
min-height: 350px;
border: 1px solid #DA251D;
border-radius: 3px;
/*-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
color: #666;
font-weight: 600;
float: left;
padding: 15px;
margin-bottom: 10px;
}
#add-dist-conten{
width: 100%;
height: auto;
float:left;
}
.add-d-con{
width: 100%;
height: auto;
float: left;
}
.add-d-con p{
text-align: justify !important;
font-family: Helvetica;
font-size: 14px;
}
.add-dist-marcas{
width: 100%;
height: auto;
float: left;
margin-top: 20px;
}
.add-dist-marcas object{
width:100%;
}
.add-dist-form{
width:100%;
height: 100%;
float:left;
margin-top: 10px;
}
.add-dist-inp{
width: 100%;
height: auto;
min-height:50px;
float:left;
text-align:center;
}
.dist-input{
transform: translate(15%,25%);
width: 80%;
height: 30px;
border-radius: 5px;
border: 1px solid #D4D4D4;
font-size: 14px;
color: #7A7A7A;
padding-left: 10px;
float: left;
}
.dist-input:focus{
outline: medium none;
border: 1px solid #4D90FE;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.dist-add-confirm{
width: 100%;
height: 50px;
float: left;
text-align: right;
padding-right: 30px;
margin-bottom: 10px;
}
.dist-add-input{
transform: translate(0%,50%);
height: 30px;
font-weight: bold;
border-radius: 5px;
border: 1px solid #3079ED;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background-color: #4D90FE;
background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
cursor:pointer;
text-align:center;
outline:none;
}
/*PopUp Asociar Distribuidor*/
/*Catálogo-Tienda*/
.columnas{
width:100%;
height:100%;
float:left;
/*margin-top:50px;*/
/*min-height: calc(100vh - 14rem);*/
padding-top: 50px;
}
.banner-home{
background-image: url('../../include/images/banner.jpg');
}
.cat-colum-r{
width:30%;
min-height:700px;
height:100%;
float:left;
}
.cat-colum-c{
width:100%;
height:100%;
float:left;
}
.cat-colum-l{
width: 100%;
/*max-width:240px;*/
height: auto;
/*float: right;*/
padding-right: 15px;
}
.colum-l-s{
width:100%;
height:36px;
}
.colum-l{
width:100%;
height:auto;
float:left
}
.colum-l-tit{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color: #000;
font-size:22px;
font-weight:100;
margin-top:10px;
margin-bottom:10px;
}
.colum-l-l{
width: 20%;
height: 18px;
float: left;
border-bottom: 1px solid #0187D0;
margin-bottom: 18px;
}
.search-l-cont-search{
width:100%;
/*max-width:225px;*/
height:auto;
float:left;
margin-bottom: 0px;
background-color: #1D2B4D;
border-radius: 10px;
}
.search-l-cont{
width:100%;
/*max-width:225px;*/
/*height:248px;*/
float:left;
}
.search-l-cont-st{
width:100%;
height:35px;
padding-top: 25px;
/*border-bottom: 1px solid #fff;*/
}
.search-l-cont-tit-a{
width:49.5%;
height:35px;
float:left;
opacity:1;
cursor:pointer;
}
.search-l-cont-tit-aa{
/*width:33%;*/
height:35px;
/*float:left;*/
text-align:center;
}
.search-l-cont-tit-aa i{
font-size: 20px!important;
}
.search-l-cont-tit-aa object{
margin-top:5px;
}
.search-l-cont-tit-ab{
width:65%;
height:35px;
float:left;
text-align:center;
}
.search-l-cont-tit-ab p{
margin-top:5px;
margin-bottom:10px;
color: #000;
}
.div{
/*width: 2px;*/
float: left;
height: 30px;
border-right: 1px solid #fff;
/*margin-top: 5px;*/
}
.search-l-cont-tit-ref{
width:49.5%;
height:35px;
float:left;
padding-left:10px;
text-align:center;
opacity:0.4;
cursor:pointer;
}
.search-l-cont-tit-refa{
/*width:36%;*/
height:35px;
/*float:left;*/
text-align:center;
}
.search-l-cont-tit-refa i{
font-size: 20px!important;
}
.search-l-cont-tit-refa object{
margin-top: 6px;
height: 20px;
}
.search-l-cont-tit-refb{
width:64%;
height:35px;
float:left;
}
.search-l-cont-tit-refb p{
margin-top:5px;
margin-bottom:10px;
color: #000;
}
.search-l-cont-sel{
width:100%;
/*height:177px;*/
margin-bottom:20px;
margin-top:15px;
float:left;
padding-left: 10px;
padding-right: 10px;
}
.search-l-cont-select{
width:100%;
height:auto;
float:left;
margin-top:10px;
margin-bottom:15px;
}
.search-l-cont-select select{
width:100%;
/*height: 20px;*/
border-radius: 5px;
border-width: 0px 0px 1px;
border-style: none none solid;
border-color: #0187D0;
font-size: 15px;
color: #666;
padding-left: 5px;
background-image: url(include/images/catalogo/select.png);
background-repeat: no-repeat;
background-attachment:scroll;
background-position: right;
background-clip: border-box;
background-origin: border-box;
background-size: 6%;
/*-webkit-appearance:none;*/
-moz-appearance:none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
cursor:pointer;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
outline:none;
}
.search-l-cont-btn{
width:100%;
height:auto;
float:left;
/*margin-top:10px;*/
margin-bottom:0px;
text-align:right;
}
.search-l-cont-btn-a{
background-color: #cc1d25;
font-weight: bold;
border-radius: 5px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
cursor:pointer;
text-transform: uppercase;
}
.search-l-cont-btn-a:hover{
border: 1px solid #DA251D;
/*background-color: #DA251D;*/
}
.search-l-cont-btn-sub{
/*margin-top: 4px;*/
margin-bottom: 0px;
color: #FFF;
text-align: center;
}
.search-l-cont-btn-sub i.fa{
font-size: 12px;
}
.search-l-cont-inp{
display:none;
width:100%;
height:177px;
margin-bottom:20px;
margin-top:15px;
float:left;
padding-left: 10px;
padding-right: 10px;
}
.search-l-cont-ref{
width: 100%;
/*height: 135px;*/
/*display:table-cell;*/
vertical-align:middle;
}
.search-l-cont-ref input{
/*width:205px;
height: 20px;*/
border-radius: 5px;
border-width: 0px 0px 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #0187D0;
/*font-size: 15px;*/
color: #666;
padding-left: 5px;
outline:none;
}
.filtro-desc{
width: 100%;
height: 100%;
float: left;
margin-bottom: 0px;
max-width: 225px;
}
.filtro-desc input {
width: 175px;
height: 30px;
border-radius: 5px;
border-width: 0px 0px 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #7A7A7A;
font-size: 18px;
color: #7A7A7A;
padding-left: 5px;
outline: none;
padding-bottom: 5px;
}
.filt-cat{
width: 100%;
height: 100%;
float: left;
margin-bottom: 0px;
max-width: 225px;
}
.categorias-cat{
width:100%;
height:100%;
float:left;
margin-bottom: 0px;
max-width: 225px;
}
.categorias-cat-t{
width:100%;
height:auto;
float:left;
}
.categorias-tit{
width: 140px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:22px;
font-weight:100;
margin-top:0px;
margin-bottom:10px;
float:left;
}
.categorias-l{
width: 18.8%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.filt-cat-hp{
width:100%;
max-width: 225px;
height:auto;
float:left;
margin-bottom: 0px;
}
.filt-cat-litros{
width:100%;
max-width: 225px;
height:auto;
float:left;
margin-bottom: 0px;
}
.filt-cat-t{
width: 100%;
max-width: 225px;
height: auto;
float: left;
border-bottom: 1px solid #DA251D;
margin-top: 10px;
cursor:pointer;
}
.filt-tit-res{
width: 125px;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
color: #000;
font-size: 22px;
font-weight: 100;
margin-top: 5px;
margin-bottom: 4px;
float: left;
padding-left: 5px;
}
.filt-l{
width: 28.6%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.menu-filt-column-l{
width: 100%;
float: left;
padding: 10px;
height: auto;
min-height: 50px;
margin-top: 15px;
}
.menu-filt-div{
width: 100%;
height: 25px;
float: left;
}
.menu-filt-p{
color: #666;
font-style: normal;
font-size: 13px;
font-weight: 100;
letter-spacing: 1px;
cursor: default;
width: 102.5px;
height: 25px;
text-transform: uppercase;
text-align: left;
margin: 0px;
float:left;
}
.menu-filt-spoiler{
width: 102.5px;
height: 25px;
float: left;
text-align:right;
cursor:pointer;
}
.menu-filt-spoiler object{
width:17px;
height:auto;
}
.spoiler-filt{
width:100%;
height:auto;
float:left;
margin-bottom: 10px;
}
.spoiler-filt p{
color: #858585;
font-weight: 100;
font-size: 12px;
text-transform: uppercase;
width: 100%;
height: auto;
margin: 0px 0px 5px;
padding-left: 20px;
cursor:pointer;
}
.marcas-cat{
width:100%;
height:100%;
float:left;
margin-bottom: 0px;
max-width: 225px;
}
.marcas-cat-t{
width:100%;
height:36px;
}
.marcas-tit{
width: 120px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:22px;
font-weight:100;
margin-top:0px;
margin-bottom:10px;
float:left;
}
.marcas-l{
width: 23.3%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.marcas-list{
width: 100%;
height: auto;
float: left;
margin-top: 15px;
margin-bottom: 20px;
}
.marcas-list li{
width:100%;
height:auto;
float:left;
text-align:left;
padding:10px;
}
.marcas-list span{
color: #666;
font-style: normal;
font-size: 13px;
font-weight: 100;
display: inline-block;
padding: 10px 0px 6px 8px !important;
word-break: break-all;
word-wrap: break-word;
letter-spacing: 1px;
cursor: pointer;
width: 65%;
height: 38px;
text-transform: uppercase;
float: left;
text-align: left;
}
.filt-marcas{
width: 100%;
max-width:100px;
height: 40px;
float: left;
text-align:center;
}
.ob-a, .ob-e, .ob-f, .ob-k, .ob-p{
cursor:pointer;
}
.ob-b, .ob-t{
cursor:pointer;
height:40px;
}
.quitar-filtro-marcas{
width: 100%;
max-width: 105px;
float: left;
height: 40px;
padding-right: 20px;
}
.quitar-filtro-marcas object{
float: right;
width: 25px;
cursor: pointer;
margin-top: 3px;
}
.dist-l-colum{
width:100%;
max-width:225px;
height:auto;
float:left;
}
.dist-l{
width:100%;
height:auto;
float:left;
margin-bottom: 15px;
}
.dist-l-tit{
width: 60%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:22px;
font-weight:100;
margin-top:0px;
margin-bottom:10px;
float:left;
}
.dist-l-l{
width: 20%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.dist-maps{
width: 85%;
height: auto;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
left: 50%;
transform: translate(-50%);
position: relative;
}
.dist-maps object{
width:90%;
border-radius:100%;
border:1px solid #CBCBCB;
}
.dist-loc{
width: 100%;
height: auto;
float: left;
text-align: right;
padding-right:10px;
padding-bottom: 20px;
}
.dist-loc p{
margin: 0px;
color: #666;
font-weight: 600;
font-size: 13px;
cursor: pointer;
}
.dist-loc p:hover{
color: #DA251D;
}
.cat-colum-c-top{
/*max-width:960px;*/
width:100%;
height:auto;
float:left;
margin: 17px 0;
/*padding-bottom: 45px;*/
/*border-top: 1px solid #0187D0;*/
/*border-bottom: 1px solid #0187D0;*/
}
.top-sales{
width: 100%;
height: auto;
float: left;
margin-top: 0px;
}
.top-s{
width:100%;
height:36px;
float:left;
}
.top-s-tit{
width: 28%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:22px;
font-weight:100;
margin-top:0px;
margin-bottom:10px;
float:left;
}
.top-l{
width: 36%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.top-s-cont{
width:98%;
height:100%;
float:left;
margin-top: 10px;
transform: translateX(2%);
}
/*error*/
.error-car-ref{
max-width: 100%;
height: auto;
text-align: center;
font-size: 18px;
color: rgb(218, 37, 29);
letter-spacing: 2px;
font-weight: 600;
margin-top: 75px;
}
#b-search{
margin-right: 11%;
}
.res-det-return{
width: auto;
float: right;
text-align: right;
height: 36px;
opacity: 0.7;
padding-right: 5px;
}
.res-det-return:hover{
opacity:1;
}
.res-det-return p{
font-family: Arial,Helvetica,sans-serif;
color: #006699;
font-size: 15px;
text-align: left;
letter-spacing: 1px;
margin: 0px;
height: 36px;
display: table-cell;
vertical-align: middle;
font-weight: 100;
cursor:pointer;
}
.res-det-return-img{
width: 25px;
height: 36px;
display: table-cell;
vertical-align: middle;
margin: 0px auto;
padding-right: 10px;
}
.res-det-return-img object{
max-height:15px;
cursor:pointer;
}
/*Productos catálogo*/
.top-s-prod{
width: 100%;
max-width: 258px;
height:auto;
min-height: 425px;
max-height: 490px;
float: left;
margin-bottom: 22px;
margin-right: 22px;
margin-left: 22px;
margin-bottom: 35px;
border: 1px solid #EDEDED;
border-radius:5px;
}
.top-s-prod:hover{
box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.3);
}
.prod-img{
width: 100%;
padding: 10px 30px;
height: 220px;
max-height:220px;
display: table-cell;
vertical-align: middle;
}
.prod-img object{
width:100%;
max-height: 197px;
}
.prod-img-zoom{
transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
}
.prod-img-zoom:hover{
transform : scale(1.6);
-moz-transform : scale(1.6);
-webkit-transform : scale(1.6);
-o-transform : scale(1.6);
-ms-transform : scale(1.6);
box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.6);
z-index:1001;
border-radius:10px;
}
.prod-desc{
width: 90%;
min-height: 100px;
margin: 0px auto;
border-top: 1px solid #DA251D;
max-height: 150px;
}
.prod-desc-p{
font-family:Arial, Helvetica, sans-serif;
color:#006699;
font-size:14px;
font-weight:600;
text-align:center;
width: 235px;
height:55px;
display: table-cell;
vertical-align: middle;
}
.prod-desc-p-min{
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
text-align:left;
letter-spacing: 1px;
}
.prod-desc-mas{
width: 90%;
height: 15px;
margin: 0px auto;
text-align: right;
margin-top: 15px;
margin-bottom: 5px;
}
.prod-desc-mas p{
margin:0px;
color: #666666;
font-weight:600;
font-size:12px;
cursor:pointer;
width:100%;
}
.prod-desc-mas p:hover{
color: #DA251D;
}
.prod-comp{
width:100%;
height:90px;
float:left;
padding:5px;
}
.comp-imput{
width: 50%;
height: 100%;
float: right;
padding-right:10px;
}
.comp-btn{
width:40px;
transform: translate(0%,30%);
height: 40px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #015198;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn.png) no-repeat scroll 6px 6px transparent;
background-size:70%;
cursor:pointer;
float:right;
}
.comp-btn:hover{
width:40px;
transform: translate(0%,30%);
height: 40px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #0187D0;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn-blanco.png) no-repeat scroll 6px 6px transparent;
background-size:70%;
background-color: #015198;
cursor:pointer;
float:right;
}
.comp-precio{
width: 50%;
height: auto;
float: right;
}
.comp-precio-pg{
text-align: center;
font-size: 14px;
color: #9C9C9C;
text-decoration: line-through;
margin-bottom:5px;
}
.comp-precio-desc{
text-align: center;
font-size:20px;
color: #DA251D;
font-weight:600;
margin-top:0px;
}
/*Productos catálogo*/
.banner-cont-cat{
width:100%;
height:auto;
max-height:200px;
float:right;
margin-bottom: 15px;
}
.banner-cont-cat object{
width:100%;
height:auto;
}
.buscador-r{
width:100%;
height:150px;
float:left;
padding-right:20px;
}
.pol-cat{
width:100%;
height:100%;
float:left;
margin-bottom:30px;
}
.new-prod{
width: 100%;
height: 325px !important;
float: left;
margin-bottom: 30px;
}
.new-prod-s{
width:100%;
height:36px;
}
.new-prod-s-tit{
width: 28%;
text-align:center;
font-family: Arial,Helvetica,sans-serif;
color: #666;
font-size: 22px;
font-weight: 100;
margin-top: 0px;
margin-bottom: 10px;
float: left;
}
.new-prod-l{
width: 36%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.new-prod-s-prod{
width: 100%;
max-width: 258px;
height: 265px;
float: left;
margin-right: 22px;
margin-left: 22px;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #EDEDED;
}
.new-prod-s-prod:hover{
box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.3);
}
.new-prod-img{
width: 100%;
padding: 10px;
text-align: center;
height:140px !important;
}
.new-prod-img object{
max-height: 120px;
max-width:100% !important;
z-index:1001;
}
.new-prod-desc{
width: 90%;
min-height: 55px;
margin: 0px auto;
border-top: 1px solid #DA251D;
max-height: 55px;
}
.new-prod-desc-p{
font-family:Arial, Helvetica, sans-serif;
color:#006699;
font-size:12px;
font-weight:600;
text-align:center;
margin-bottom:7px;
margin-top:7px;
text-align:center;
width: 235px;
height:55px;
display: table-cell;
vertical-align: middle;
}
.new-prod-desc-p-min{
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
text-align:left;
letter-spacing: 1px;
}
.new-prod-desc-mas{
width: 100%;
height: auto;
margin: 40px auto 0px;
text-align: right;
float: right;
padding-right: 10px;
}
.new-prod-desc-mas-div{
width:50%;
float:right;
margin:0px;
}
.new-prod-desc-mas-div object{
width: 27px;
cursor: pointer;
margin-top: -6px;
}
.new-prod-desc-mas p:hover{
color: #DA251D;
}
.new-prod-comp-imput{
width: 50%;
height: 100%;
float: right;
padding-right:10px;
}
.new-prod-comp-btn{
width:25px;
transform: translate(0%,-40%);
height: 25px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #015198;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn.png) no-repeat scroll 3px 4px transparent;
background-size:70%;
cursor:pointer;
float:left;
}
.new-prod-comp-btn:hover{
width:25px;
transform: translate(0%,-40%);
height: 25px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #0187D0;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn-blanco.png) no-repeat scroll 3px 4px transparent;
background-size:70%;
background-color: #015198;
cursor:pointer;
float:left;
}
/*Catálogo-Tienda*/
/*search-nav*/
.search-nav-id{
width: 100%;
height: auto;
float: left;
}
.search-nav-scroll{
width: 100%;
height: auto;
float: left;
background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
position: fixed;
top: 65px;
z-index: 6;
border-bottom: 2px solid #CBCBCB;
}
.search-nav-cont-scroll{
width: auto;
max-width: 1050px;
height:auto;
float:left;
margin-top: 15px;
margin-bottom: 10px;
}
.search-nav-cont-scroll p, .search-nav-cont-scroll span{
margin: 0px 5px 0px 0px;
color: #FFF;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
float: left;
width: auto;
text-transform: uppercase;
cursor: pointer;
}
.search-nav-cont-scroll p:hover{
text-decoration:underline;
}
.search-nav-cont-scroll span:hover{
cursor: default !important;
text-decoration: none !important;
}
.search-nav-cont-home-scroll{
background-image: url(include/images/catalogo/inicio-search-nav-scroll.png);
background-repeat: no-repeat;
background-size: 17px auto;
padding-left: 25px;
}
.search-nav{
width: auto;
max-width: 1050px;
float: left;
margin-top: 15px;
margin-bottom: 15px;
}
.search-nav-cont{
width: auto;
max-width: 740px;
height: auto;
float: left;
margin-top: 15px;
}
.search-nav-cont-home{
background-image: url(include/images/catalogo/inicio-search-nav.png);
background-repeat: no-repeat;
background-size: 17px auto;
padding-left: 25px;
}
.search-nav-cont p, .search-nav-cont span{
margin: 0px 5px 0px 0px;
color: #666;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
float: left;
width: auto;
text-transform: uppercase;
cursor:pointer;
}
.search-nav-cont p:hover{
text-decoration:underline;
}
.search-nav-cont span:hover{
cursor: default !important;
text-decoration: none !important;
}
.print-cat{
width: 100%;
max-width: 100px;
height: auto;
float: right;
text-align: right;
margin-top: 15px;
}
.print-cat p{
margin: 0px 5px 0px 0px;
color: #666;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
float: left;
width: auto;
cursor: pointer;
text-transform: uppercase;
}
.print-cat p:hover{
text-decoration:underline;
}
.print-cat-print{
background-image: url(include/images/catalogo/print.png);
background-position: left;
background-repeat: no-repeat;
background-size: 17px auto;
padding-left: 25px;
}
.print-cat-scroll{
width: auto;
max-width: 150px;
height: auto;
float: right;
text-align: right;
margin-top: 15px;
margin-bottom: 10px;
}
.print-cat-scroll p{
margin: 0px 5px 0px 0px;
color: #FFF !important;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
float: left;
width: auto;
cursor: pointer;
text-transform: uppercase;
}
.print-cat-scroll p:hover{
text-decoration:underline;
}
.print-cat-print-scroll{
background-image: url(include/images/catalogo/print-scroll.png);
background-position: left;
background-repeat: no-repeat;
background-size: 17px auto;
padding-left: 25px;
}
/*search-nav*/
/*Filtro hp y litros*/
.hp-l-filtro{
width: 100%;
height: 35px;
float: left;
margin-bottom: 5px;
}
.hp-l-p{
color: #666;
font-style: normal;
font-size: 13px;
font-weight: 100;
letter-spacing: 1px;
cursor: pointer;
height: 25px;
text-transform: uppercase;
text-align: left;
margin: 0px;
float: left;
width: 50%;
margin-top: 10px;
}
.ico-cat{
width: 25px;
height: auto;
float: left;
}
.ico-cat object{
float:left;
width: 25px;
margin-top: 10px;
}
.quitar-filtro-hp-l{
width: 50%;
height: 100%;
float: left;
padding-right: 20px;
}
.quitar-filtro-hp-l object{
float: right;
width: 25px;
cursor: pointer;
margin-top: 2px;
}
/*Filtro hp y litros*/
/*Menú catálogo*/
.menu-categorias-res{
width: 100%;
height: 35px;
float: left;
border-bottom: 2px solid #CFCFCF;
background: #F1F1F1;
z-index:1;
margin-top: 65px;
}
.menu-cat-cont-res{
width:80%;
height:35px;
float:left;
}
.menu-icon-cat-res {
width: 25px;
height: auto;
transform: translate(0%, 5%);
padding:0px;
}
.nav-cat-res{
width:100%;
height:35px;
float:left;
}
.nav-cat-ul-res{
width:100%;
height:auto;
max-height:35px;
float:left;
margin:0px;
padding:0px;
text-align:center;
list-style:none;
}
.nav-cat-li-icon-res{
padding: 0.2em 0.6em !important;
display:inline-block;
text-align: center;
word-break: break-all;
word-wrap: break-word;
letter-spacing:1px;
cursor:pointer;
height:35px;
float:left;
}
.nav-cat-li-res{
color:#353535;
font-style: normal;
font-size: 13px;
font-weight: 600;
display:inline-block;
padding: 1em 1.3em 0.4em !important;
text-align: center;
word-break: break-all;
word-wrap: break-word;
letter-spacing:1px;
cursor:pointer;
height:35px;
text-transform: uppercase;
float:left;
}
.nav-cat-li-res:hover{
background:#006699;
color: #FFF !important;
height:33px !important;
}
.menu-cat-search-res{
width:20%;
height:35px;
float:left;
text-align:right;
padding-right:5px;
margin-top: 10px;
margin-bottom: 5px;
}
input {
outline: none;
background: #FFF;
}
.input-search{
font-family: inherit;
font-size: 85%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
display: none;
}
.input-search{
background: #FFF;
border: solid 1px #0187D0;;
padding: 3px 40px 3px 10px;
width: 100%;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
height: 30px;
float:left;
}
.input-search:focus {
background-color: #fff;
border-color: #006699;
-webkit-box-shadow: 0 0 5px rgba(0,102,153,.5);
-moz-box-shadow: 0 0 5px rgba(0,102,153,.5);
box-shadow: 0 0 5px rgba(0,102,153,.5);
}
input:-moz-placeholder {
color: #999;
}
input::-webkit-input-placeholder {
color: #999;
}
/*Menú catálogo*/
/*Menú catálogo columna izquierda*/
.menu-cat-column-l-res{
width:100%;
height:455px;
float:left;
padding:10px;
}
.nav-cat-column-l-res{
width:100%;
height:35px;
float:left;
}
.nav-cat-ul-column-l-res{
width:100%;
height:auto;
max-height:35px;
float:left;
margin:0px;
padding:0px;
text-align:center;
list-style:none;
}
.nav-cat-ul-column-l-res object{
float:left;
}
.nav-cat-li-column-l-res{
color:#666666;
font-style: normal;
font-size: 13px;
font-weight: 100;
display:inline-block;
padding: 1em 0.8em 0.6em !important;
word-break: break-all;
word-wrap: break-word;
letter-spacing:1px;
cursor:pointer;
width:80%;
height: 38px;
margin-bottom: 20px;
text-transform: uppercase;
float:left;
text-align: left;
}
/*Menú catálogo columna izquierda*/
/*columnas catálogo-tienda*/
.columnas-cat-res{
width:100%;
height:100%;
float:left;
margin-top:30px;
}
.columnas-res{
width:100%;
height:100%;
float:left;
margin-top:45px;
margin-bottom:30px;
}
.cat-colum-r-res{
width:30%;
min-height:700px;
height:100%;
float:left;
}
.cat-colum-c-res{
width:100%;
/*min-height:700px;*/
height:100%;
float:left;
}
.cat-colum-l-res{
width: 20%;
height: auto;
float: left;
padding-right: 15px;
}
.colum-l-s-res{
width:100%;
height:36px;
}
.colum-l-res{
width:100%;
height:auto;
float:left;
border-bottom: 1px solid #DA251D;
cursor:pointer;
}
.colum-l-tit-res{
width: 175px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:22px;
font-weight:100;
/*margin-top:5px;
margin-bottom:4px;*/
float:left;
padding-left:6px;
padding-top: 20px;
padding-bottom: 20px;
}
.colum-l-l-res{
width: 22.2%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
/*columnas catálogo-tienda*/
/*busqueda columna izquierda*/
.search-l-cont-search-res{
width:100%;
height:auto;
float:left;
}
.search-l-cont-res{
width:100%;
height:248px;
float:left;
margin-top: 10px;
margin-bottom: 10px;
}
.search-l-cont-st-res{
width:100%;
height:35px;
border-bottom: 1px solid #CBCBCB;
}
.search-l-cont-tit-a-res{
width:49.5%;
height:35px;
float:left;
opacity:1;
cursor:pointer;
}
.search-l-cont-tit-aa-res{
width:33%;
height:35px;
float:left;
text-align:center;
}
.search-l-cont-tit-aa-res object{
margin-top:5px;
}
.search-l-cont-tit-ab-res{
width:65%;
height:35px;
float:left;
text-align:center;
}
.search-l-cont-tit-ab-res p{
margin-top:5px;
margin-bottom:10px;
color: #666666;
}
.div-res{
width: 2px;
float: left;
height: 20px;
border-right: 1px solid #CBCBCB;
margin-top: 5px;
}
.search-l-cont-tit-ref-res{
width:49.5%;
height:35px;
float:left;
padding-left:10px;
text-align:center;
opacity:0.4;
cursor:pointer;
}
.search-l-cont-tit-refa-res{
width:36%;
height:35px;
float:left;
text-align:center;
}
.search-l-cont-tit-refa-res object{
margin-top: 6px;
height: 20px;
}
.search-l-cont-tit-refb-res{
width:64%;
height:35px;
float:left;
}
.search-l-cont-tit-refb-res p{
margin-top:5px;
margin-bottom:10px;
color: #666666;
}
.search-l-cont-sel-res{
width:100%;
/*height:177px;*/
margin-bottom:20px;
margin-top:15px;
float:left;
padding-left: 10px;
padding-right: 10px;
}
.search-l-cont-select-res{
width:100%;
height:auto;
float:left;
margin-top:10px;
margin-bottom:15px;
}
.search-l-cont-select-res select{
width:100%;
height: 20px;
border-radius: 5px;
border-width: 0px 0px 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #7A7A7A;
font-size: 15px;
color: #999999;
padding-left: 5px;
background-image: url(include/images/catalogo/select.png);
background-repeat: no-repeat;
background-attachment:scroll;
background-position: right;
background-clip: border-box;
background-origin: border-box;
background-size: 6%;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
cursor:pointer;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
outline:none;
}
.search-l-cont-btn-res{
width:100%;
height:auto;
float:left;
margin-top:10px;
margin-bottom:0px;
text-align:right;
}
.search-l-cont-btn-a-res{
width:85px;
height: 30px;
font-weight: bold;
border-radius: 5px;
border: 1px solid #3079ED;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background-color: #0187D0;
cursor:pointer;
float:right;
opacity:0.7;
}
.search-l-cont-btn-a-res:hover{
opacity:1;
}
.search-l-cont-btn-sub-res{
margin-top: 4px;
margin-bottom: 0px;
color: #FFF;
text-align: center;
}
.search-l-cont-inp-res{
display:none;
width:100%;
height:177px;
margin-bottom:20px;
margin-top:15px;
float:left;
padding-left: 10px;
padding-right: 10px;
}
.search-l-cont-ref-res{
width: 100%;
height: 135px;
display:table-cell;
vertical-align:middle;
}
.search-l-cont-ref-res input{
width:205px;
height: 20px;
border-radius: 5px;
border-width: 0px 0px 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #7A7A7A;
font-size: 15px;
color: #4B4B4B;
padding-left: 5px;
outline:none;
}
/*busqueda columna izquierda*/
/*categorias columna izquierda*/
.categorias-cat-res{
width:100%;
height:100%;
float:left;
margin-top: 10px;
margin-bottom: 30px;
cursor:pointer;
}
.categorias-cat-t-res{
width:100%;
height:auto;
float:left;
border-bottom: 1px solid #DA251D;
margin-top: 10px;
cursor:pointer;
}
.categorias-tit-res{
width: 125px;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
color: #000;
font-size: 22px;
font-weight: 100;
margin-top: 5px;
margin-bottom: 4px;
float: left;
padding-left: 5px;
}
.categorias-l-res{
width: 18.8%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.menu-cat-column-l-res{
width: 100%;
float: left;
padding: 10px;
height: auto;
min-height: 50px;
margin-top: 15px;
margin-bottom: 20px;
}
/*categorias columna izquierda*/
/*marcas columna izquierda*/
.marcas-cat-res{
width:100%;
height:100%;
float:left;
margin-top: 10px;
margin-bottom: 10px;
cursor:pointer;
}
.marcas-cat-t-res{
width:100%;
height:auto;
float:left;
border-bottom: 1px solid #DA251D;
margin-top: 10px;
cursor:pointer;
}
.marcas-tit-res{
width: 125px;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
color: #000;
font-size: 22px;
font-weight: 100;
margin-top: 5px;
margin-bottom: 4px;
float: left;
padding-left: 5px;
}
.marcas-l-res{
width: 23.3%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.marcas-list-res{
width: 100%;
height: auto;
float: left;
margin-top: 15px;
}
.marcas-list-res li{
width:100%;
height:auto;
float:left;
text-align:center;
padding:10px;
}
.ob-a, .ob-b, .ob-e, .ob-f, .ob-k, .ob-p{
cursor:pointer;
}
/*marcas columna izquierda*/
/*distribuidores columna izquierda*/
.dist-l-colum-res{
width:100%;
height:auto;
float:left;
margin-bottom:30px;
margin-top:13px;
}
.dist-l-res{
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-top: 10px;
cursor: default;
}
.dist-l-tit-res{
width: 100%;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
color: #666;
font-size: 22px;
font-weight: 100;
margin-top: 5px;
margin-bottom: 4px;
float: left;
padding-left: 5px;
}
.dist-l-l-res{
width: 23.3%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
.dist-maps-res{
width:100%;
height:auto;
float:left;
margin-top:20px;
margin-bottom:20px;
text-align:center;
}
.dist-maps-res object{
width:90%;
border-radius:100%;
border:1px solid #CBCBCB;
}
.dist-loc-res{
width: 100%;
height: auto;
float: left;
text-align: right;
padding-right:10px;
padding-bottom: 20px;
border-bottom: 1px solid #CBCBCB;
}
.dist-loc-res p{
margin: 0px;
color: #666;
font-weight: 600;
font-size: 13px;
cursor: pointer;
}
.dist-loc-res p:hover{
color: #DA251D;
}
/*distribuidores columna izquierda*/
/*descripción columna izquierda*/
.filtro-desc-cont{
width: 100%;
height: auto;
float: left;
margin-top: 30px;
margin-bottom: 20px;
}
.filtro-desc-cont object{
width: 30px;
height: auto;
padding-right: 6px;
transform: translateY(4px);
float: right;
}
.filtro-desc-cont p{
width: auto;
font-size: 11px;
color: #999;
text-align: left;
float:left;
}
.filt-desc-t{
width:100%;
height:auto;
float:left;
border-bottom: 1px solid #CBCBCB;
margin-top: 10px;
cursor:pointer;
}
.filt-desc-tit{
width: 125px;
text-align: left;
font-family: Arial,Helvetica,sans-serif;
color: #666;
font-size: 22px;
font-weight: 100;
margin-top: 5px;
margin-bottom: 4px;
float: left;
padding-left: 5px;
}
/*descripción columna izquierda*/
/*barra vista de resultados*/
.vista-res{
width: auto;
height: 40px;
float: right;
}
.vista-res-nav{
width:auto;
height:30px;
float:left;
}
.vista-res-ord{
width: 150px;
height: auto;
float: right;
margin-top: 3px;
margin-right: 25px;
}
.ordenar-p{
width: 115px;
margin: 0px;
height: auto;
font-size: 14px;
color: #000;
font-weight: 600;
float: right;
transform: translateY(35%);
}
.vista-res-ord select{
width: 100%;
height: 20px;
border-radius: 5px;
border-width: 0px 0px 1px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color #0187D0;
font-size: 15px;
color: #999;
padding-left: 5px;
background-image: url('include/images/catalogo/select.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right center;
background-clip: border-box;
background-origin: border-box;
background-size: 12% auto;
-moz-appearance: none;
cursor: pointer;
transition: all 0.4s ease 0s;
outline: medium none;
}
.vista-res-selec{
width:auto;
height:30px;
float:left;
}
.vista-p{
width: 60px;
margin: 0px;
height: auto;
font-size: 14px;
color:#000;
font-weight: 600;
float: right;
transform: translateY(35%);
}
.vista-res-s{
width:100px;
height:30px;
float:right;
}
.vista-res-c{
width:49%;
height:20px;
float:left;
text-align:center;
transform: translateY(25%);
cursor:pointer;
}
.vista-res-c object{
width:20px;
height:20px;
}
.vista-res-sep{
width:2px;
height:30px;
float:left;
border-left:1px solid #006699;
}
.vista-res-li{
width:49%;
height:20px;
float:left;
text-align:center;
transform: translateY(25%);
cursor:pointer;
opacity:0.4;
}
.vista-res-li object{
width:20px;
height:20px;
}
/*barra vista de resultados*/
/*resultados*/
.cat-colum-c-res{
/*width:80%;*/
height:auto;
float:left;
/*padding-left:20px;*/
}
.res-search{
width: 100%;
height: auto;
float: left;
margin-top: 0px;
/*border-bottom: 1px solid #DA251D;*/
margin-bottom: 40px;
}
.res-s{
width:100%;
/*height:36px;*/
float:left;
/*border-bottom: 1px solid #DA251D;*/
margin-bottom: 10px;
}
.res-search-tit{
/*width: 280px;*/
text-align:left;
/*font-family:Arial, Helvetica, sans-serif;*/
color: #000;
font-size: 18px;
font-weight: 100;
margin-top:5px;
margin-bottom:5px;
float:left;
padding-left:5px;
}
.res-l{
width:35.1%;
height: 18px;
float: left;
border-bottom: 1px solid #CBCBCB;
margin-bottom: 18px;
}
/*resultados*/
/*resultados cuadrícula*/
.res-s-cont{
width:98%;
height:100%;
float:left;
border-bottom:1px solid #CBCBCB;
margin-top: 10px;
margin-bottom: 30px;
transform: translateX(2%);
}
.res-s-prod{
width: 100%;
/*max-width: 258px;*/
height:auto;
min-height: 425px;
max-height: 545px;
float: left;
margin-bottom: 22px;
margin-right: 22px;
margin-left: 22px;
margin-bottom: 35px;
border: 1px solid #0187D0;
border-radius:5px;
}
.res-s-prod:hover{
box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.3);
}
.producto-nuevo-e{
position: absolute;
margin-top: -7px;
margin-left: -8px;
width: 90px;
}
.producto-nuevo-e-list{
position: absolute;
margin-top: -20px;
left: -11px;
width: 130px;
}
.producto-promo-e{
position: absolute;
margin-top: -105px;
margin-left: 135px;
width: 120px;
}
.producto-promo-e-list{
position: absolute;
top: 170px;
right: 75px;
width: 100px;
}
.producto-pgana-e{
position: absolute;
margin-top: -242px;
margin-left: -120px;
width: auto;
height: 55px;
}
.producto-pgana-e-list{
width: auto;
height: 65px;
margin-top: -35px;
position: absolute;
z-index: 1;
left: 240px;
}
.prod-img{
width: 100%;
padding: 10px 30px;
height: 220px;
max-height:220px;
display: table-cell;
vertical-align: middle;
}
.prod-img object{
width:100%;
max-height: 190px;
}
.prod-img-zoom{
transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
}
.prod-img-zoom:hover{
transform : scale(1.7);
-moz-transform : scale(1.7);
-webkit-transform : scale(1.7);
-o-transform : scale(1.7);
-ms-transform : scale(1.7);
box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.6);
z-index:1001;
border-radius:5px;
}
.prod-desc{
width: 90%;
min-height: 150px;
margin: 0px auto;
border-top: 1px solid #DA251D;
max-height: 150px;
}
.prod-desc-p{
font-family:Arial, Helvetica, sans-serif;
color:#006699;
font-size:14px;
font-weight:600;
text-align:center;
width: 235px;
height:55px;
display: table-cell;
vertical-align: middle;
}
.prod-desc-p-min{
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
text-align:left;
letter-spacing: 1px;
word-wrap: break-word;
min-height: 30px;
max-height: 45px;
}
.prod-desc-mas{
width: 90%;
height: 30px;
margin: 0px auto;
text-align: right;
margin-top: 5px;
margin-bottom: 5px;
padding-right: 12px;
}
.prod-desc-mas-object{
width:30px;
cursor:pointer;
margin-top: 0px;
}
.prod-sem{
width: 50%;
float: left;
height: 100%;
margin-top: 10px;
}
.prod-sem-exist{
width: 25%;
height: 100%;
float: left;
}
.prod-sem-exist-En-stock{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #9EDA66;
margin-top: -3px;
}
.prod-sem-exist-Poca-existencia{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #F5F466;
margin-top: -3px;
}
.prod-sem-exist-Agotado{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #E97C77;
margin-top: -3px;
}
.prod-sem-exist-Sobre-pedido{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #668CDA;
margin-top: -3px;
}
.prod-sem-exist-p{
margin:0px !important;
color: #666666 !important;
font-weight:600 !important;
font-size:12px !important;
cursor:default !important;
width: 75% !important;
float: left !important;
text-align:left !important;
}
.prod-sem-exist-p:hover{
color: #666666 !important;
}
.prod-desc-mas p{
margin:0px;
color: #666666;
font-weight:600;
font-size:12px;
cursor:pointer;
width: 50%;
float: left;
white-space:nowrap;
}
.prod-desc-mas p:hover{
color: #DA251D;
}
.prod-precio{
width: 100%;
max-width: 256px !important;
max-height: 73px;
float: left;
}
.prod-precio-pub{
width: auto;
max-width: 100px;
float: left;
height: auto;
}
.prod-precio-pub p{
font-family: Arial,Helvetica,sans-serif;
color: #666;
font-size: 12px;
text-align: left;
height: 45px;
font-weight: 600;
margin: 0px;
display: table-cell;
vertical-align: middle;
}
.prod-comp{
width: 100%;
height: auto;
float: left;
padding: 15px;
padding-top:5px;
min-height: 66px;
max-height: 75px;
}
.comp-imput{
width: 50%;
height: 100%;
float: right;
padding-right:10px;
}
.comp-btn{
width:40px;
transform: translate(0%,0%);
height: 40px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #015198;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn.png) no-repeat scroll 6px 6px transparent;
background-size:70%;
cursor:pointer;
float:right;
}
.comp-btn:hover{
width:40px;
transform: translate(0%,30%);
height: 40px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #0187D0;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn-blanco.png) no-repeat scroll 6px 6px transparent;
background-size:70%;
background-color: #015198;
cursor:pointer;
float:right;
}
.comp-precio{
width: auto;
max-width:130px;
height: auto;
float: right;
padding-right:10px;
}
.precio-iva{
width: 100%;
float: left;
text-align: left;
height: auto;
margin-top: -20px;
margin-bottom: 14px;
color: #888;
font-size: 10px;
padding-left: 15px;
}
.comp-precio-pg{
text-align: right;
font-size: 20px;
color: #015198;
font-weight: 100;
margin-top: 0px;
text-decoration: none;
height: 45px;
display: table-cell;
vertical-align: middle;
width: 115.6px;
}
.comp-precio-prevdesc{
text-align: center;
font-size: 14px;
color: #666;
text-decoration: line-through;
text-decoration-style: dotted;
margin-bottom:5px;
margin-top: 0px;
float:right;
}
.comp-precio-desc{
text-align: center;
font-size:20px;
color: #DA251D;
font-weight:600;
margin-top:0px;
margin-bottom:0px;
float:right;
}
/*resultados cuadrícula*/
/*resultados lista*/
.res-s-cont-list{
width:100%;
height:100%;
float:left;
border-bottom:1px solid #CBCBCB;
margin-top: 10px;
padding-bottom: 20px;
display:none;
}
.res-s-prod-list{
width: 100%;
max-width: 922px;
height: auto;
min-height: 275px;
float: left;
border: 1px solid #006699;
border-radius:5px;
margin-bottom: 30px;
transform: translateX(1%);
}
.res-s-prod-list:hover{
box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.3);
}
.prod-img-list{
width: 100%;
max-width:396px;
padding: 10px 10px;
height: 250px;
float: left;
max-height: 250px;
text-align: center;
}
.prod-img-list-cont{
width: 376px;
height: 230px;
display: table-cell;
vertical-align: middle;
}
.prod-img-list-cont object{
max-width:230px;
max-height: 210px;
border-radius:10px;
}
.prod-img-zoom-list{
transition: .5s all;
-moz-transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
}
.prod-img-zoom-list:hover{
transform : scale(1.7);
-moz-transform : scale(1.7);
-webkit-transform : scale(1.7);
-o-transform : scale(1.7);
-ms-transform : scale(1.7);
box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.6);
z-index:1001;
border-radius:5px;
}
.prod-desc-list{
width: 100%;
max-width: 371px;
min-height: 160px;
margin: 0px auto;
max-height: 210px;
float:left;
transform: translateY(10%);
border-right: 1px solid #006699;
border-left: 1px solid #006699;
padding-right:15px;
}
.prod-desc-p-list{
font-family:Arial, Helvetica, sans-serif;
color: #0187D0;
font-size:18px;
font-weight:600;
text-align:left;
padding-left:20px;
height: 60px;
margin-bottom: 5px;
}
.prod-desc-p-min-list{
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
text-align:left;
letter-spacing: 1px;
padding-left:15px;
}
.prod-desc-mas-list{
width: 100%;
height: 50px;
margin: 0px auto;
text-align: right;
margin-top: 40px;
margin-bottom: 5px;
padding-right:10px;
float:left;
}
.prod-sem-list{
width: 50%;
float: left;
height: 100%;
}
.prod-sem-exist-list{
width: 25%;
height: 100%;
float: left;
padding-left: 15px;
}
.prod-sem-exist-p-list{
margin: 0px !important;
color: #666 !important;
font-weight: 600 !important;
font-size: 12px !important;
cursor: default !important;
width: 75% !important;
float: left !important;
text-align: left !important;
}
.prod-sem-exist-p-list:hover{
color: #666666 !important;
}
.prod-desc-mas-list p{
margin:0px;
color: #666666;
font-weight:600;
font-size:12px;
cursor:pointer;
width: 50%;
float: left;
margin-top: 35px;
}
.prod-desc-mas-list p:hover{
color: #DA251D;
}
#prod-precio {
width: 100%;
max-width: 120px;
float: left;
height: 100%;
}
.prod-comp-list{
width:100%;
max-width:155px;
height:auto;
float:left;
padding:5px;
margin-top:35px;
}
.comp-imput-list{
width: 100%;
height: 80px;
float: left;
padding-right:10px;
}
.comp-btn-list{
width:40px;
transform: translateY(90%);
height: 40px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #015198;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn.png) no-repeat scroll 6px 6px transparent;
background-size:70%;
cursor:pointer;
float:right;
}
.comp-btn-list:hover{
width:40px;
transform: translateY(90%);
height: 40px;
font-weight: bold;
border-radius: 100%;
border: 1px solid #0187D0;
color: #FFF;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
background: url(include/images/menu/carrito-btn-blanco.png) no-repeat scroll 6px 6px transparent;
background-size:70%;
background-color: #015198;
cursor:pointer;
float:right;
}
.comp-precio-list{
width: 100%;
height: 55px;
float: left;
padding-right: 10px;
}
.comp-precio-pub-list{
margin-top: 0px;
font-size: 12px;
color: rgb(1, 81, 152);
font-weight: 600;
margin-bottom: 5px;
padding-left:10px;
}
.comp-precio-pg-list{
text-align: right;
font-size:20px;
color: #015198;
font-weight:100;
margin-bottom:10px;
margin-top:0px;
text-decoration: none;
}
.comp-precio-prevdesc-list{
text-align: right;
font-size: 14px;
color: #666;
text-decoration: line-through;
margin-bottom:10px;
margin-top:0px;
}
.comp-precio-desc-list{
text-align: right;
font-size:20px;
color: #DA251D;
font-weight:600;
margin-top:0px;
}
.precio-iva-list{
width: auto;
text-align: right;
height: auto;
right: 0;
color: #888;
font-size: 10px;
padding-right: 15px;
position: absolute;
bottom: 0;
}
/*resultados lista*/
/*Detalle producto*/
.res-det-prod-tit{
width: auto;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:22px;
font-weight:100;
margin-top:5px;
margin-bottom:5px;
float:left;
padding-left:5px;
}
.res-det-return{
width: auto;
float: right;
text-align: right;
height: 36px;
opacity: 0.7;
padding-right: 5px;
}
.res-det-return:hover{
opacity:1;
}
.res-det-return p{
font-family: Arial,Helvetica,sans-serif;
color: #006699;
font-size: 15px;
text-align: left;
letter-spacing: 1px;
margin: 0px;
height: 36px;
display: table-cell;
vertical-align: middle;
font-weight: 100;
cursor:pointer;
}
.res-det-return-img{
width: 25px;
height: 36px;
display: table-cell;
vertical-align: middle;
margin: 0px auto;
padding-right: 10px;
}
.res-det-return-img object{
max-height:15px;
cursor:pointer;
}
.res-s-cont-det-prod{
width:100%;
height:100%;
float:left;
margin-top: 10px;
}
.cont-det-prod{
width:100%;
height:auto;
float:left;
margin-bottom: 50px;
}
.det-prod-img{
width:50%;
max-width:470px;
height:310px;
float:left;
text-align: center;
}
.det-prod-img-cont{
width: 100%;
max-width: 470px !important;
max-height: 310px;
float: left;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.det-prod-img-cont object{
width: auto;
max-width: 90%;
max-height: 280px;
border-radius: 5px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.det-prod-desc{
width:50%;
/*max-width:470px;*/
height:310px;
float:left;
border-left: 1px solid #006699;
padding-left: 20px;
}
.det-prod-desc-cont{
width:100%;
height:100%;
float: left;
}
.det-prod-desc-cont-tit{
width: 100%;
text-align: center;
font-family: Arial,Helvetica,sans-serif;
color: #0187D0;
font-size: 22px;
font-weight: 100;
margin-top: 10px;
margin-bottom: 10px;
float: left;
padding-left: 5px;
}
.det-prod-desc-ref{
width:100%;
height:auto;
float: left;
margin-top:30px;
}
.det-prod-desc-ref-div{
width: 100%;
height: auto;
float: left;
}
.prod-desc-p-min-ref{
font-family: Arial,Helvetica,sans-serif;
color: #666;
font-size: 15px;
text-align: left;
letter-spacing: 1px;
width: 30%;
float:left;
font-weight: 100;
}
.prod-precio-div{
width: 70%;
height: auto;
float: left;
}
.prod-desc-p-min-ref-ref{
font-family: Arial,Helvetica,sans-serif;
color: #015198;
font-size: 15px;
text-align: left;
letter-spacing: 1px;
width: 50%;
float:left;
font-weight: 100;
padding-left: 10px;
}
.prod-desc-p-min-ref-c-desc{
font-family: Arial,Helvetica,sans-serif;
color: #DA251D;
font-size: 15px;
text-align: left;
letter-spacing: 1px;
width: 50%;
float:left;
font-weight: 600;
padding-left: 10px;
}
.prod-desc-p-min-ref-prevdesc{
font-family: Arial,Helvetica,sans-serif;
color: #666;
text-decoration: line-through;
text-decoration-style: dotted;
font-size: 15px;
text-align: left;
letter-spacing: 1px;
width: 50%;
float:left;
font-weight: 100;
padding-left: 10px;
}
.prod-sem-ref{
width: 50%;
float: left;
height: auto;
margin-top: 20px;
}
.prod-sem-exist-ref{
width: 15%;
height: 100%;
float: left;
}
.prod-sem-exist-ref-En-stock{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #9EDA66;
margin-top: -3px;
}
.prod-sem-exist-ref-Poca-existencia{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #F5F466;
margin-top: -3px;
}
.prod-sem-exist-ref-Agotado{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #E97C77;
margin-top: -3px;
}
.prod-sem-exist-ref-Sobre-pedido{
width: 20px;
float: left;
height: 20px;
border-radius: 100%;
background-color: #668CDA;
margin-top: -3px;
}
.prod-sem-exist-p-ref{
margin:0px !important;
color: #666666 !important;
font-weight:600 !important;
font-size:12px !important;
cursor:default !important;
width: 85% !important;
float: left !important;
text-align:left !important;
}
.prod-sem-exist-p-ref:hover{
color: #666666 !important;
}
.precio-iva-detalle{
width: 100%;
float: left;
height: auto;
margin-top: 5px;
margin-bottom: 14px;
color: #888;
font-size: 12px;
padding-right: 15px;
}
.cont-det-prod-app{
width:100%;
height:100%;
float:left;
margin-bottom:30px;
}
.cont-det-prod-tab{
width:100%;
height:100%;
float:left;
}
.cont-det-prod-tabs{
width:100%;
height:100%;
float:left;
}
.cont-det-prod-tabs-app{
width: auto;
max-width:188px;
height: 35px;
float: left;
text-align: left;
color: #666666;
font-weight: 600;
background: #FFFFFF;
}
.cont-det-prod-tabs-app-img{
width: auto;
height: 35px;
float: left;
text-align: center;
margin-right: 5px;
}
.cont-det-prod-tabs-app-img object{
margin-top:5px;
}
#cont-det-prod-tabs-app p:after{
content:'Aplicaciones';
}
#cont-det-prod-tabs-ob p:after{
content:'Observaciones';
}
#cont-det-prod-tabs-cruce p:after{
content:'Ref. Original';
}
.cont-det-prod-tabs-app p{
margin-top: 5px;
margin-bottom: 0px;
width: auto;
float: left;
margin-right: 20px;
}
.cont-det-prod-tabs-ob{
width: auto;
max-width:188px;
height: 35px;
float: left;
text-align: left;
color: #666666;
font-weight: 600;
background: #FFFFFF;
}
.cont-det-prod-tabs-ob-img{
width: auto;
height: 35px;
float: left;
text-align: center;
margin-left: 5px;
}
.cont-det-prod-tabs-ob-img object{
margin-top:5px;
}
.cont-det-prod-tabs-ob p{
margin-top: 5px;
margin-bottom: 0px;
width: auto;
float: left;
margin-right: 10px;
}
.cont-det-prod-tabs-cruce{
width: auto;
max-width:141px;
height: 35px;
float: left;
text-align: left;
color: #666666;
font-weight: 600;
background: #FFFFFF;
}
.cont-det-prod-tabs-cruce-img{
width: auto;
height: 35px;
float: left;
text-align: center;
}
.cont-det-prod-tabs-cruce-img object{
margin-top:5px;
}
.cont-det-prod-tabs-cruce p{
margin-top: 5px;
margin-bottom: 0px;
width: auto;
float: left;
margin-right: 20px;
}
.tab-active{
border-top: 1px solid #006699;
border-left: 1px solid #006699;
border-right: 1px solid #006699;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 45px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 45px;
border-top-left-radius: 10px;
border-top-right-radius: 45px;
z-index:5;
position:relative;
top: 1px;
cursor:pointer;
}
.tab-inactive{
opacity: 0.5;
margin-left:-10px;
border-top: 1px solid #CBCBCB;
border-left: 1px solid #CBCBCB;
border-right: 1px solid #CBCBCB;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 45px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 45px;
border-top-left-radius: 10px;
border-top-right-radius: 45px;
z-index:1;
position:relative;
top: 1px;
cursor:pointer;
}
.cont-det-prod-cont{
width:100%;
min-height:200px;
height:auto;
float:left;
border:1px solid #006699;
border-radius:10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius:0px;
border-top-right-radius: 0px;
position:relative;
z-index:3;
}
.apps-det-prod{
width:100%;
height:auto;
min-height:100px;
float:left;
padding:30px;
}
.apps-det-prod-table{
width:100%;
height:auto;
float:left;
}
.enc-apps{
width: 100%;
height:30px;
text-align: center;
background: #666666 none repeat scroll 0% 0%;
color: #FFF;
font-weight:600;
}
.tr-apps{
background: #F5F5F5 none repeat scroll 0% 0%;
height: 25px;
font-size: 14px;
font-weight: 100;
color: #555555;
}
.tr-apps-n{
background: #E1E1E1 none repeat scroll 0% 0%;
height: 25px;
font-size: 14px;
font-weight: 100;
color: #555555;
}
.td-t{
padding-left: 10px;
padding-right: 10px;
}
.td-a{
text-align: center;
}
.apps-det-ob{
width:100%;
height:auto;
min-height:100px;
float:left;
padding:30px;
display:none;
}
.apps-det-ob-table{
width:100%;
height:auto;
float:left;
}
.enc-ob{
width: 100%;
height:30px;
text-align: center;
background: #666666 none repeat scroll 0% 0%;
color: #FFF;
font-weight:600;
}
.tr-ob{
background: #F5F5F5 none repeat scroll 0% 0%;
height: 25px;
font-size: 14px;
font-weight: 100;
color: #555555;
}
.tr-ob-n{
background: #E1E1E1 none repeat scroll 0% 0%;
height: 25px;
font-size: 14px;
font-weight: 100;
color: #555555;
}
.apps-det-cruce{
width:100%;
height:auto;
min-height:100px;
float:left;
padding:30px;
display:none;
}
.apps-det-cruce-table{
width:100%;
height:auto;
float:left;
}
.enc-cruce{
width: 100%;
height:30px;
text-align: center;
background: #666666 none repeat scroll 0% 0%;
color: #FFF;
font-weight:600;
}
.tr-cruce{
background: #F5F5F5 none repeat scroll 0% 0%;
height: 25px;
font-size: 14px;
font-weight: 100;
color: #555555;
}
.tr-cruce-n{
background: #E1E1E1 none repeat scroll 0% 0%;
height: 25px;
font-size: 14px;
font-weight: 100;
color: #555555;
}
/*Detalle producto*/
/*Botón para subir*/
.cat-colum-subir{
display: none;
cursor: pointer;
position: fixed;
bottom: 15%;
right: 4%;
z-index: 6;
opacity: 0.7;
}
.cat-colum-subir:hover{
opacity:1;
}
.cat-colum-subir object{
width:50px;
height:50px;
}
/*Botón para subir*/
/*Abrir filtros*/
.open-ns{
width: 50px;
float: left;
text-align: right;
height: 26px;
margin-top: 5px;
margin-bottom: 4px;
}
.open-filtros{
width: 100px;
float: left;
text-align: right;
height: 26px;
margin-top: 5px;
margin-bottom: 4px;
}
.open-cat{
width: 100px;
float: left;
text-align: right;
height: 26px;
margin-top: 5px;
margin-bottom: 4px;
}
.open-marc{
width: 100px;
float: left;
text-align: right;
height: 26px;
margin-top: 5px;
margin-bottom: 4px;
}
.open-ns object, .open-filtros object,
.open-cat object, .open-marc object{
width: 30px;
height: auto;
padding-right: 10px;
transform: translateY(4px);
}
/*Abrir filtros*/
/*Gif cargando búsqueda*/
.load-s{
width: 100%;
height: 100px;
float: left;
text-align: center;
}
.load-s object{
width: 70px;
padding: 35px 0;
}
/*Gif cargando búsqueda*/
.img-cat-sr{
margin-top: 35px;
border-top: 1px solid rgb(218, 37, 29);
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
height: auto;
float: left;
}
.vdo-index-cat{
width:100%;
margin-top:15px;
margin-bottom:15px;
float:left;
border-radius: 6px;
}
.vdo-index-cat:hover{
box-shadow: 5px 8px 10px 0px rgba(0, 0, 0, 0.5);
}
.vdo-object{
width:100%;
float:left;
border-radius: 6px;
}
.vdo-object object{
width: 100%;
height: auto;
float: left;
border-radius: 6px;
display:none;
}
.slider-controls-li-prev{
width: auto !important;
display:block !important;
float:left !important;
cursor:pointer;
opacity:0.6;
}
.slider-controls-li-next{
width: auto !important;
display:block !important;
float:right !important;
cursor:pointer;
opacity:0.6;
}
.slider-controls-li-prev:hover, .slider-controls-li-next:hover{
opacity:1;
}
.slider-controls-li-prev-object, .slider-controls-li-next-object{
display:block !important;
}
.vdo-vdo-cat{
width: 100%;
height: auto;
float: left;
border-radius: 6px;
}
.vdo-p{
width: 100%;
max-width: 960px;
height: auto;
background: #0187D0;
opacity: 0.89;
float: left;
margin-bottom: -140px;
margin-top: 40px;
position: relative;
z-index: 1;
}
.vdo-p p{
width: 100%;
max-width: 960px;
height: auto;
Color: #FFF;
text-align: center;
opacity: 1 !important;
font-size: 22px;
font-weight: 600;
letter-spacing: 2px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 15px;
}
.vdo-p-href{
text-align:right !important;
margin-bottom:10px !important;
margin-top:0px;
padding-right: 20px !important;
}
.vdo-p-href a{
color:#FFF;
}
.vdo-p-href a:hover{
color: #DA251D;
}
.vdo-msj{
width: 100%;
height: auto;
float: left;
background: RGBA(1, 135, 208, 0.8);
position: relative;
transform: translateY(125px);
z-index: 1;
max-width: 960px;
margin-top: -110px;
}
.vdo-msj p{
width: 100%;
height: auto;
text-align: center;
color: #FFF;
font-size: 24px;
font-weight: 100;
letter-spacing: 2px;
font-family: helvetica;
}
/*slides*/
ul {
list-style-type: none;
padding:0px;
margin:0px;
}
.slider-cat{
width:100%;
float: left;
height: auto;
margin-top:64px;
border-bottom: 1px solid #666;
}
.slider-li-cat{
width:100%;
height: auto;
display: none;
float:left;
}
.slider:before, slider:after{
content: ' ';
display: none;
overflow: hidden;
visibility: hidden;
width: 0px;
height: 0px;
float: left;
}
.slider-cont-cat{
position: relative;
width: 100%;
overflow: hidden;
margin-top:0px;
min-height:20px;
float: left;
height:100%;
}
.slider-cont-cat li {
width:100%;
height:auto;
float:left;
}
.slider-cont-cat li img {
position: relative;
top: 0;
left: 0;
max-width: 100%;
height: auto;
float:left;
}
li.slider-active-cat {
display: block;
height: auto;
}
.slider-li-ina{
width:100%;
height: auto;
display: none;
float:left;
}
.slider-controls-ina{
position: relative;
width: 100%;
max-width: 960px;
bottom: 0;
float: left;
margin-top: 25%;
margin-bottom: -100%;
}
.slider-controls-ina li{
position:relative;
z-index: 1;
}
.slider-cont-ina{
position: relative;
width: 100%;
overflow: hidden;
margin-top:0px;
min-height:20px;
float: left;
height:100%;
}
.slider-cont-ina li {
width:100%;
height:auto;
float:left;
}
.slider-cont-ina li img {
position: relative;
top: 0;
left: 0;
max-width: 100%;
height: auto;
float:left;
border-radius: 5px;
}
li.slider-active-ina {
display: list-item;
height: auto;
}
.slider-controls-cat {
position: relative;
text-align: center;
float: right;
height: 0px;
width: 100%;
background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
margin-top: 0px;
}
.slider-controls-li-prev-cat, .slider-controls-li-next-cat{
width: 50%;
height: auto;
float: left;
}
.slider-controls-li-prev-cat object{
float: left;
cursor: pointer;
margin-top:3px;
height: 40px;
width: auto;
}
.slider-controls-li-next-cat object{
float: right;
cursor: pointer;
margin-top:3px;
height: 40px;
width: auto;
}
/*Sliders centrales*/
.slider-cat-center{
width:100%;
height:auto;
margin: 0px auto;
float:left;
}
.slider-cat-left{
width:30%;
height:100%;
float:left;
padding-left:10px;
margin-top: 15px;
}
.slider-cat-left-top{
width:100%;
height:143px;
float:left;
}
.slider-cat-left-bottom{
width:100%;
height:142px;
float:left;
margin-top:10px;
}
/*Sliders centrales*/
/*Slider Nuevos productos*/
.new-prod-cont{
width: 100%;
height:285px;
overflow: hidden;
margin-top:0px;
float: left;
}
.new-prod-cont li{
list-style:none;
}
.slider-new-prod {
display: none;
height:325px !important;
width: 98%;
float: left;
margin-top: 10px;
margin-bottom: 30px;
transform: translateX(2%);
}
li.slider-new-prod-active {
display:inline;
width: 98%;
height:327.5px !important;
float: left;
margin-top: 10px;
margin-bottom: 30px;
transform: translateX(2%);
}
.slider-new-prod-control{
width: 100%;
height: auto;
float: left;
transform: translateY(-600%);
}
.slider-new-prod-prev{
width:50%;
height:auto;
float:left;
text-align:left;
}
.slider-new-prod-prev object{
width:4%;
cursor:pointer;
opacity:0.5;
}
.slider-new-prod-prev object:hover{
opacity:1;
}
.slider-new-prod-next{
width:50%;
height:auto;
float:left;
text-align:right;
}
.slider-new-prod-next object{
width:4%;
cursor:pointer;
opacity:0.5;
}
.slider-new-prod-next object:hover{
opacity:1;
}
.search-l-cont-tit-a{
/*width: 32% !important;*/
text-align: center;
/*padding-left: 10px !important;*/
}
.search-l-cont-tit-tru{
width: 32% !important;
float: left !important;
text-align: center;
/*padding-left: 10px !important;*/
}
.search-l-cont-tit-ref{
width: 32% !important;
padding-left: 10px !important;
}
.search-l-cont-tit-ab, .search-l-cont-tit-truckb, .search-l-cont-tit-refb{
display: none !important;
}
.prod-desc{
min-height: 140px;
}
.prod-desc-p{
}
.add_cart{
text-align: center;
width: 100%;
margin: 10px 0 15px 0;
float: left;
}
.add_cart button{
/*padding: 5px 10px;*/
background: #0187d0;
/*border: 2px solid #1699e0;*/
font-size: 14px;
color: #ffffff;
border-radius: 4px;
letter-spacing: 1px;
cursor: pointer;
}
.add_cart button:active{
background: #03679c;
border: 2px solid #03679c;
font-size: 14px;
}
.quant_cart{
width: 50px;
padding: 2px 5px;
font-size: 18px;
margin: 1px 5px 0 5px;
border: 1px solid #969696;
height: 28px;
float: left;
cursor: text;
}
.key_quant{
position: absolute;
border: 2px solid #666666;
width: 200px;
height: 200px;
background: #fff;
display: none;
}
.tqc{
float: left;
margin: 6px 0px 0 18px;
}
.numbers{
width: 90%;
margin: 17px auto;
}
.numbers button {
width: 55px;
margin: 7px 0px 0 0;
padding: 7px 0;
background: #006699;
border: none;
color: #fff;
box-shadow: 2px 2px 0px #0a4f71;
font-size: 15px;
cursor: pointer;
font-weight: bold;
}
#close_calc{
position: absolute;
top: -10px;
right: -10px;
font-size: 20px;
background: #fff;
}
/*#cart{
position: fixed;
top: 70px;
width: 250px;
right: 114px;
}*/
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
font-size: 13px;
}
#cart.open > .btn {
background-image: none;
background-color: #e8e8e8;
border: 1px solid #adadad;
}
.input-search{
font-size: 14px !important;
}
#cart{
z-index: 999;
}
#loader_cart{
position: absolute;
top: 0;
/*width: 500px;*/
text-align: center;
height: 100px;
z-index: -9999;
opacity: 0;
}
.c_val{ display: none; }
.btn_cons{
background: #ecba23 !important;
border: 2px solid #d4a107!important;
}
.div_stock{
margin: 10px 0 3px 0;
padding: 5px 0px 2px 0px;
text-align: center;
color: #666666;
font-size: 18px;
opacity: 0;
}
.chat_online{
text-align: center;
width: 275px;
border: 2px solid #cc1d25;
border-radius: 25px;
padding: 7px 20px;
position: fixed;
background: #cc1d25;
z-index: 999;
bottom: 20px;
right: 100px;
box-shadow: 6px 7px 7px #4c4c4c;
transition: 1s;
}
.a_chat_online{ color: #fbefa2 !important; text-decoration: none !important; cursor: pointer; font-size: 13px;}
.a_chat_online:hover, .fa-commenting:hover, .fa-close:hover { color: #f1db50 !important;}
.hide_chat{
top: 2px;
right: 14px;
position: absolute;
color: #fff;
cursor: pointer;
padding: 3px 1px;
}
.fa-commenting{
color: #fbefa2;
font-size: 20px;
text-align: center;
margin: 1px 0 0 -9px;
padding: 3px 0;
cursor: pointer;
}
.menu_opencart {
background-color: #EEEEEE;
border-bottom: 1px solid #e2e2e2;
padding: 4px 0px 3px 0;
margin: 0 0 0px 0;
min-height: 40px;
float: left;
width: 100%;
}
.add_calc{
background: #0187d0 !important;
box-shadow: none !important;
font-weight: normal !important;
padding: 4px 25px 3px !important;
width: auto !important;
margin: 14px 40px !important;
border: 1px solid #1699e0 !important;
}
.bpedido, .bpedido2{
display: none;
background: #fff;
position: absolute;
top: 200px;
left: calc(50% - 300px);
width: 600px;
height: 600px;
border: 3px solid #000000;
padding: 80px 100px 0px;
font-size: 16px;
font-family: sans-serif;
text-align: center;
}
.btn-danger2 {
margin-right: 100px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.btn-danger2.focus,.btn-danger2:focus{color:#fff;background-color:#c9302c;border-color:#761c19}
.btn-danger2:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn_cons2{
/*padding: 5px 3px !important;
background: #ecba23 !important;
border: 2px solid #d4a107!important;*/
}
footer{
padding: 20px 0px;
background-size: auto auto;
background-size: auto auto;
background-size: auto auto;
background-size: 100% auto;
border-top: 1px solid #ddd;
color: #e2e2e2;
float: left;
width: 100%;
height: auto;
letter-spacing: 2px;
font-family: 'Open Sans', sans-serif;
}
footer a{
color:#FFFFFF;
}
footer a:hover{
color: #175da9 !important
}
.footer-inf{
width: 100%;
height: auto;
float: left;
margin-top: 30px;
margin-bottom: 30px;
}
.footer-col{
width: 100%;
max-width: 215px;
float: left;
margin: 0px 10px;
}
.footer-col h2{
width: 100%;
margin: 0px;
font-size: 16px;
float: left;
padding-bottom: 10px;
border-bottom: 1px solid #454545;
color: #e2e2e2;
}
.footer-col ul{
width: 100%;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
.footer-col li{
width: 100%;
float: left;
margin-top: 5px;
padding-left: 20px;
font-size: 12px;
}
.footer-p{
width: 100%;
height: auto;
float: left;
padding-top: 30px;
border-top: 1px solid #454545;
}
.footer-p p{
margin: 0px;
font-size: 12px;
width: 100%;
height: auto;
float: left;
color: #fff;
}
/* header{
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
-weblit-transition: all ease 1s;
-o-transition: all ease 1s;
transition: all ease 1s;
background: linear-gradient(to bottom, rgba(0,0,0,1) 50%,rgba(0,0,0,0.9) 20%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
transition: all ease 1.15s;
}
.header-cont{
width: 100%;
height: auto;
float: left;
-weblit-transition: all ease 1s;
-o-transition: all ease 1s;
transition: all ease 1s;
/*background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.85) 35%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );*/
/*
}
.header-cont-w{
width: 100%;
height: auto;
float: left;
-weblit-transition: all ease 1s;
-o-transition: all ease 1s;
transition: all ease 1s;
}*/
#logo-cg{
width: 100%;
height: 100px;
float: left;
max-width: 225px;
position: relative;
}
#logo-cg object{
width: 155px;
height: auto;
float: left;
position: relative;
top: 0;
left: 0;
}
#logo-cg p{
float: left;
color: #FFF;
font-size: 12px;
margin: 0px;
width: auto;
height: auto;
position: absolute;
bottom: 0;
right: 0;
font-style: italic;
}
.menu{
width: auto;
height: auto;
float: right;
padding: 0px;
margin: 0px;
}
.current_page_item a{
color: #175da9 !important;
}
.menu-bar{
display: none;
}
.sub-menu{
display: none;
}
.contact-store{
width: 100%;
max-width: 965px;
float: left;
min-height: 53px;
}
.contact-wrap{
/*width: 100%;
height: auto;
float: right;
display: inline-flex;
max-width: 480px;*/
}
.shop-wrap{
height: 53px;
float: right;
width: 100%;
max-width: 280px;
position: relative;
margin: 0px 5px;
}
/*Productos*/
.banner-products{
width: 100%;
height: 340px;
float: left;
background-attachment: fixed;
-weblit-background-position:top center;
background-position: top center;
background-repeat: no-repeat;
}
.banner-cont{
position: relative;
top: 89%;
left: 100%;
z-index: 10;
display: block;
width: 100%;
max-width: 300px;
transform: translate(-100%,-90%);
}
.banner-cont h1{
background: rgba(23, 93, 169, 0.9);
padding: 30px;
text-align: center;
font-size: 40px;
line-height: 1.2em;
color: white;
font-family: 'Etelka Light';
letter-spacing: 2px;
font-weight: 600;
}
.section-products{
width: 100%;
height: auto;
float: left;
/*margin-top: 110px;*/
border-top: 20px solid #175DA9;
padding-top: 20px;
}
header .navbar {
margin-bottom: 0!important; }
header .navbar .navbar-nav {
padding-top: 10px!important;
padding-right: 10px!important; }
header .navbar .navbar-brand {
height: auto !important; }
header .navbar .navbar-nav a {
font-size: 16px!important;
color:rgb(0,38,128);
font-stretch: ultra-condensed;
font-weight: 800 ; }
#app-navbar-collapse ul li {
border-right: 2px solid #fff ; }
#app-navbar-collapse ul li.not-border {
border-right: none }
@media(max-width:1200px){
header .navbar .navbar-nav a {
font-size: 14px!important; }
}
@media(max-width:992px){
header .navbar .navbar-nav a {
font-size: 12px!important; }
}
@media(max-width:768px){
#app-navbar-collapse ul li {
border-right: none;
}
}
a {
text-decoration: none !important; }
footer {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(0,38,128) !important; }
.card-search{
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background-color: rgba(0, 39, 86, .8);
color: white;
right: 10px;
z-index: 10;
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.45);
}
.card-search .title-form{
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
}
.card-search .title-form h4{
padding-bottom: 10px;
color: #fff;
font-weight: bold;
font-size: 20px;
}
.card-search .title-form p{
font-size: 14px;
}
.card-search .title-form ul{
padding-left: 0;
}
.card-search .title-form ul li{
list-style-type: none;
display: inline;
text-align: center;
padding: 10px;
font-size: 12px;
font-weight: bold;
}
.card-search .title-form .border-right{
border-right: 1px solid #fff;
}
.card-search .title-card{
background-color: #D0D0D0;
color: #5D5D76;
padding: 10px;
text-align: center;
}
.input-lg{
height: 40px!important;
}