/*
Theme Name: Lubimpa
Theme URI:  Lubricantes de Aguascalientes 
Description: Desc Proyecto.
Author: Teko Estudio
Author URI: http://www.tekoestudio.com/
Version: 1.0

License:
License URI:

*/


body {background:url('images/bodybg.jpg') repeat; font-family:'Open sans'; overflow-x:hidden;}

.wrap {width:1200px; margin:0 auto;}
.wrap.whitet {
    background: rgba(255, 255, 255, 0.9) ;
    box-sizing: border-box;
    padding: 60px 40px;
}
.portada {position:relative;  max-height: 440px;}

.logo-center {
    margin: 0 auto;
    position: relative;
    width: 1200px;
}
.portada .title {
    background: rgba(232, 186, 87, 0.9) ;
    bottom: 0; font-weight:;
    padding: 20px 50px;
    position: absolute; left:-25px;
    transform: skewX(20deg);
}
.portada h3 {
 color: #ffffff; font-weight:bold; margin-left:15px;
    font-size: 23px;
    text-transform: uppercase;
    transform: skewX(-20deg);
}
.portada p {
 color: #ffffff;
    font-size: 18px; margin:10px 0px;
    transform: skewX(-20deg);
}

.title i {margin-right:5px;}
.slider, .portada  {width:100%; max height:350px; overflow:hidden; text-align: center;}
.slider img, .portada img {
    margin: 0 auto; width:100%;
    max-width: 100%;
}    
header {position:relative; background:#ffffff;}

.llama {
    background: #e8ba57 none repeat scroll 0 0;
    color: #ffffff;
    float: right;
    padding: 7px 19px;
    position: absolute;
    right: -8px;
    text-transform: uppercase;
    top: 0;
    transform: skew(-13deg);
}

.llama p {transform:skew(13deg); font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
header nav ul li {
    float: left;
}

header nav {
  margin: 0 auto;
  width: 100%;
  padding: 30px 0 0 0;
  list-style: none;
}
header .blue {background: #3285E7;}
header nav ul {max-width: 1200px; margin:0 auto;}
header nav ul li {
  float: left;
}

header nav ul li:nth-of-type(4) {
  margin-left: 220px;
}

header nav ul li a {
  text-transform: uppercase; -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s;
  text-decoration: none; font-family:Arial, Helvetica, sans-serif;
  display: block; color:#ffffff;
  text-align: center;font-size: 14px;
    font-weight: 600; transition:all 0.2s ease-in-out 0s;
  padding: 17px 23px;
}

header h1 {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 1px 3px 4px -2px rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 110px;
    left: 475px;
    margin: -30px auto;
    position: absolute;
    text-align: center;
    width: 210px; z-index:1000;
}

a.logo {
    background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll 0 0 / 100% auto;
    display: inline-block;
    height: 76px;
    margin: 37px auto 0;
    text-indent: -99999px;
    width: 180px;
}
.sub {
    background: #3285e7; display:none;
    position: absolute;
    width: 185px;
    z-index: 998;border-top: 1px solid #2f78cf;
}
.sub > li {
    border-bottom: 1px solid #2f78cf;
    width: 100%;
}
.sub > li  a:hover{
    background: #2f78cf ;
    border-bottom: none;
}
header nav ul.sub a {
    text-align: left;
}
header nav ul.sub li:nth-of-type(4) {
    margin-left: 0;
}
.welcome img { float:right; width:40%;}
.welcome-text {
    float: left;
    font-size: 30px;
    margin-top: 100px;
    width: 56%;
}
.welcome-text p.bold { color:#3285E7;  line-height:40px; font-size:30px; margin-bottom:10px;}
.welcome-text p.bold span {
    display: block;
    font-weight: bold; color:#5F5F5F;
    width: 100%;
}
.welcome-text p { color:#5F5F5F;  font-size:20px; line-height:30px;}

.gray { width:90%; margin:0 auto; padding:30px; box-sizing:border-box; background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 43%, rgba(251,251,251,1) 51%, rgba(227,227,227,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(43%, rgba(255,255,255,1)), color-stop(51%, rgba(251,251,251,1)), color-stop(100%, rgba(227,227,227,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 43%, rgba(251,251,251,1) 51%, rgba(227,227,227,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 43%, rgba(251,251,251,1) 51%, rgba(227,227,227,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 43%, rgba(251,251,251,1) 51%, rgba(227,227,227,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 43%, rgba(251,251,251,1) 51%, rgba(227,227,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=1 );}

.gray ul li {float:left; width:25%;}
.gray ul li img { width:80%; margin:0 auto;}

.btn-success, .enviado {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

footer {background:#3285E7; color:#ffffff; padding:15px 20px; box-sizing:border-box;}
.visita {
    float: left;
    font-size: 15px;
    line-height: 23px;
    width: 30%;
}

a.desc_cat {
    background: #3285e7;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    margin: 0 auto 30px auto;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}
a.desc_cat:hover {text-decoration:underline;}
a.desc_cat i {
    margin-right: 5px;
}

.visita span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
}
.derechos {
    float: left;
    text-align: center;
    width: 40%;margin-top: 17px;
}

a.tekoestudio {
    background: rgba(0, 0, 0, 0) url("images/tekoestudio.png") repeat scroll 0 0;
    display: block; opacity:0.5;
    float: right; margin:20px 0;
    height: 36px; transition:all 0.2s ease-in-out 0s;
    text-indent: -99999px;
    width: 149px;
}
a.tekoestudio:hover { opacity:1;}

#rel {
    position: relative;
}
.about {
    float: left;
    line-height: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 60px;
    width: 44%;
}
.about2 {
    box-sizing: border-box;
    color: #797979;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 60px;
    padding-left: 20px;
    text-align: center;
    width: 100%;
}
.servicios.limpiar > li {
    float: left;
    margin: 2% 3%;
    position: relative;
    width: 27%;
}
.servicios.limpiar img {
    width: 100%;
}
.servicios.limpiar > li:nth-child(4n) {
    margin-left: 20%;
}
.servicios h4 {
    color: #3285e7;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    margin: 0 13%;
    position: absolute;
    text-align: center;
    top: 158px;
    width: 74%;
}
.servicios.limpiar {
    margin: 0 10%;
    width: 80%;
}
#rel > img {
    float: right; max-width: 773px;
    position: absolute;
    top: 30px;
    width: 60%;
}
.filo {
    background: #d8d8d9 none repeat scroll 0 0;
    box-sizing: border-box;
    float: left; text-align:center;
    margin-top: 35px;
    padding: 50px 20px;
    width: 100%;
}
.filo h4 {
    border-bottom: 2px solid #e8ba57;
    color: #737373;
    font-size: 22px; font-weight:bold;
    margin: 40px auto 25px;
    padding-bottom: 7px;
    text-align: center; display:inline-block;
    text-transform: uppercase;
}

.filo-le {
    box-sizing: border-box;
    color: #5a5a5a;
    padding: 0 30px;text-align:left;
    width: 70%; float: left;
}

.cont  {

    box-sizing: border-box;
    color: #5a5a5a;
    text-align:justify;
    width: 100%; 
}

.cont2  {
    box-sizing: border-box;
    color: #5a5a5a;
    text-align:justify;
    width: 100%; 
}

.cont p, .cont2 p {margin-bottom:10px; font-size: 14px;
    line-height: 23px;}
strong {font-weight:bold;} 

.cont p span {color:#3285e7 ; font-weight:bold;}  

.cont.limpiar li {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 15px;
    margin-left: 20px;
}
.cont.limpiar li ul {margin-top:10px;}
.cont.limpiar li ul li { margin-left: 40px;  }
.filo-ri {
    box-sizing: border-box;
    color: #5a5a5a;
    padding: 0 30px;text-align:left;
    width: 30%; float: right;
}
.filo-le  h6, .filo-ri  h6 {
    font-size: 20px;
    margin-bottom: 15px;color: #5a5a5a;
    margin-top: 20px;
    text-decoration: underline;
    text-transform: uppercase;
}
.filo-le  p, .filo-ri  p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 10px;
}
.filo-ri  ul li {
    color: #5a5a5a;
    font-size: 15px;
    margin: 10px;
}
.cont.limpiar {
    padding: 50px 0;
}
.opc {
    float: left;
    width: 57%; margin-right:3%;
}
.opc > p {
    border-bottom: 2px solid #e8ba57;
    color: #3285e7;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: center;
}
img.performance {width:40%; float:right;}
.ventajas{padding:0 20px; box-sizing:border-box;}
.ventajas.limpiar > li {
    position: relative;
}
.ventajas p {
    color: #5a5a5a;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
} 
.ventajas i {
    color: #3285e7;
    font-size: 13px;
    margin-right: 3px;
    position: absolute;
    top: 5px;
}
/*ARCHIVE PRODUCTOS*/

.categories > li, .arprod li{
    float: left;width: 29%; margin: 2%;
    position: relative; transition-timing-function: cubic-bezier(0, 1, 0.5, 1);transition-property: all;
	transition-duration: 1s; overflow:hidden; text-align:center;
}

.arprod li.sin { min-height: 345px; }

.categories.mercado > li {
    float: left;width: 29%; margin: 2%;
    position: relative; transition-timing-function: cubic-bezier(0, 1, 0.5, 1);transition-property: all;
	transition-duration: 1s; overflow:hidden; text-align:center;min-height: 182px;
}

.arprod img {  transition:all 0.5s ease-in-out 0s;}

.categories.limpiar img {
    width: 100%;left: 0;
    position: relative;
    top: 0;
    vertical-align: middle;
}

.arprod .imgover:hover { 
background: #707070; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #707070 0%, #0b0319 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #707070 0%,#0b0319 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #707070 0%,#0b0319 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#0b0319',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }

.categories li:hover .hover { max-height:100%; height: 100%;transition: all 0.3s ease 0s; transform:translateY(-40px); padding-top:22px;}

.categories li:hover .hover h4 { 
padding-top: 50px;}

.categories.mercado li:hover .hover h4 { 
padding-top: 0px; margin-bottom:15px;}

.categories.mercado li:hover .hover {background: rgba(50, 133, 231, 0.9) ;}
.hover {
    background: rgba(50, 133, 231, 0.8) ; text-align:center;
    bottom: 0;bottom: -40px; max-height:80px;
    box-sizing: border-box;left: 0; transition-timing-function: cubic-bezier(0, 1, 0.5, 1);transition-property: all;
	transition-duration: 1s;
    padding: 10px 20px; 
    position: absolute;
    width: 100%;
}
.hover h4 {
    color: #ffffff;margin-bottom: 20px;
    font-size: 19px;
    font-weight: 600;
}

 a.ver-mas {background:#E6B65A; display:inline-block; color:#fff; font-size:14px; margin:0 auto; text-decoration:none; padding:10px 20px;}
.arprod h4 {
    color: #616161;
    font-size: 18px;
    font-weight: 900;
    margin: 15px 0;
    text-align: center;
    text-transform: uppercase;
}
.full-prod {float:right; width:40%; text-align:center;  margin-top: 50px;}
.img-full {
    border: 1px solid #979797;
    padding: 20px 0; margin-bottom:20px;	
}
.prod-des {
    color: #616161;
    float: left;
    margin-right: 5%;
    padding: 50px 0;
    width: 55%;
}
.prod-des h2 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.prod-des > p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 15px;
}
.des > p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}
.prod-des .des li {
    color: #4b4b4b;
    font-size: 13px;    line-height: 25px;
    font-weight: bold;
    list-style: inside none disc;
    margin: 15px 0 15px 25px;
}
.presentaciones {
    margin: 40px 0 0;
}
.presentaciones  h5 {
    background: #6b6b6b ;
    color: #ffffff; float:left;
    display: inline-block;
    font-size: 14px;
    padding: 8px 10px;
}
.viscosidades  h5 {
    background: #3285E7;
    color: #ffffff; float:left;
    display: inline-block;
    font-size: 14px;
    padding: 8px 10px;
}

.arrow-right {
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #6b6b6b;
    border-top: 15px solid rgba(0, 0, 0, 0);
    float: left;
    height: 0;
    width: 0;
}
.arrow-right2 {
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #3285E7;
    border-top: 15px solid rgba(0, 0, 0, 0);
    float: left;
    height: 0;
    width: 0;
}
.presentaciones li, .viscosidades li {
    float: left;
    margin: 0 10px;
    padding: 5px;
}
.presentaciones li.active, .viscosidades li.active {
    border: 1px solid #b7b7b7;
}
.pres {
    margin: 20px 0;
}
.presentaciones > ul {
    float: left;
}
p.tambor, p.cubeta, p.envase, p.litro, p.bidon, p.porron, p.tote, p.grasa {padding:3px 0 8px 30px; background-size:18%;}
p.tambor {background:url(images/tambo.png) no-repeat; }
p.cubeta {background:url(images/cubeta.png) no-repeat;padding:3px 0 8px 40px;}
p.envase {background:url(images/botellap.png) no-repeat; }
p.litro {background:url(images/botellap.png) no-repeat; }
p.bidon {background:url(images/porron.png) no-repeat;padding:3px 0 8px 40px;}
p.tote {background:url(images/tote.png) no-repeat; }
p.grasa {background:url(images/grasa.png) no-repeat; }
p.galon {background:url(images/porron.png) no-repeat;padding:3px 0 8px 40px;}


a.back {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #616161;
    display: inline-block;
    font-size: 14px;
    margin-top: 40px;
    padding: 10px 20px;
    text-decoration: none;
}
a.back i {margin-right: 10px;}
.full-prod > img {
    border: 1px solid #767676;
    margin: 90px 0 20px 0;
}

.full-prod a {color:#666666; text-transform: uppercase; text-decoration:underline; text-align:center;}

.full-prod  i {color:#C79541; margin-right:10px;}
.hover p {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}

.marcas.limpiar > li {
    background-image: radial-gradient(50% 100%, #ffffff 0%, #cfcfcf 100%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    float: left;
    margin: 0 2%;
    padding: 2% 2% 5%;
    text-align: center;
    width: 21%;
    min-height: 340px;
}
.marcas.limpiar > li img { width:100%;}

.info-marca h4 {
    border-bottom: 1px solid #a4a4a4;
    color: #525252;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-bottom: 10px;
}
.info-marca > p {
    font-size: 13px;
    line-height: 20px;
}

.marcas {
    margin-top: 50px;
}
#mapa {
    height: 500px;
    width: 100%;
}
#contact {margin:100px 0;}

.siguenos {
    float: left;
    margin-right: 5%;
    text-align: center;
    width: 20%;
}
.siguenos h5 {
    border-bottom: 1px solid #3285e7;
    color: #3285e7;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 14px;
    padding: 0 0 10px;
}
.fa.fa-circle {
    color: #e8c16c;
}
.form {
    float: left;
    width: 75%;
}
.form input {
    box-sizing: border-box;
    float: left;
    margin-bottom: 2%;
    margin-right: 1%;
    padding: 15px 20px;
    width: 48%;
}
.form input, .form textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc; font-size:13px; font-family:Arial, Helvetica, sans-serif;
}
.form textarea {
    margin-bottom: 20px;
    padding: 20px;
    width: 92%;
}
.form button {
    background: #3285e7 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    padding: 10px 0px;
    text-transform: uppercase;
    width: 96.3%;
    float: left;
}

.form input, .form textarea {background:#ffffff; border:1px solid #cccccc;}

a.aviso {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin: 17px 0;
}

.bars {
	display: none;
}

.imgover {
    border: 1px solid #979797;
    max-height: 200px;
    overflow: hidden;padding: 20px 0;
}

/* COTIZADOR */
.prodsr li.fila-producto {padding: 10px 0; width:100%;width: 99.3%;border-bottom: 1px solid #eaeaea; }

.prodsr img {float: left; margin: 0 0 0 8%; width: 11%;}

.prodsr .pro {padding: 19px; text-align:left;}

.prodsr .prec, .prodsr .tot,  .prodsr .pro, .prodsr .price { color: #5e5e5e; font-size: 13px; padding: 19px 0; }

.loader { padding: 20px; text-align: center; font-size: 30px; color: #d5d5d5; }

#cotizador-icon { position: fixed; top: 35px; right: 76px; height: 40px; width: 40px; background:#e8ba57 ; border-radius: 50%; display: block; color: #fff; text-align: center; z-index: 99; }

#cotizador-icon > span { background: #5f5f5f none repeat scroll 0 0; border-radius: 20px; box-sizing: border-box; float: right; font-family: "Open sans",sans-serif; font-size: 10px;  height: 20px; margin: -7px 0 0; padding-top: 3px; position: absolute; right: -5px; text-align: center; top: 5px; width: 20px; }

#cotizador-icon > span > i { font-size: 12px; margin: -6px 0 0 0; }

#cotizador-icon i {font-size: 19px; margin: 11px 0 0 2px; text-align: center; }

.btnchange { background: #3285e7; padding: 10px; font-size: 12px; color: #fff; text-align: center; border-radius: 5px; margin: 0 0 0 5px; }

.btnchange:hover { background: #072741; }

.pro > li {
    margin-bottom: 7px;
}

 a.end { background: #e8ba57 none; border-radius: 3px;color: #fff; display: table; margin: 30px auto 0; padding: 12px 30px; text-align: center; text-transform: uppercase; transition:all 0.2s ease-in-out 0s; text-decoration: none;}
 
 a.end2 { background: #5e5e5e; border-radius: 3px;color: #fff; display: table; margin: 30px auto 0; padding: 12px 30px; text-align: center; text-transform: uppercase; transition:all 0.2s ease-in-out 0s; text-decoration: none;}

a.end:hover,a.end2:hover {background: #072741;} 
 
.cot-bg h6 {color: #bdbdbd; font-size: 20px; font-weight: 700; margin-bottom: 25px; text-align: center; text-transform: uppercase; }
 
.md-4 { width: 33.33%; box-sizing: border-box; padding: 10px; float: left; }

.md-4 input { width: 100%; padding: 10px; text-align: center; border-radius: 5px; border:1px solid #e7e7e7; box-sizing: border-box; margin: 0 0 10px 0; background: #FFF; }

.mesaje { text-align: center; padding: 20px 0; color: #d9d9d9; font-style: italic; }

.dropdown {background: #f8f8f8 ; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1); float: right; padding: 0px 15px; position: fixed; right: -20px; width: 20%; text-align:center; z-index: 3000;  transform: translate(400px, 0px); }

.dropdown li {border-bottom:1px solid #D9D9D9;padding: 10px 0;}

.dropdown li:last-child {border:none;}

.dropdown img {float: left; width: 30px; }

.cantidad2, .pro {color: #5e5e5e; display:inline-block; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 700; }

.cantidad2 input { color: #5e5e5e; display:inline-block; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: 700; width: 40px; text-align: center; padding: 10px 0; border-radius: 5px; border: 1px solid #e7e7e7;  }

.cantidad2 {width:40px; float:left; margin:5px;}

.pro { width: 62%; text-align:left;margin:5px;}
    
.wrap{ width: 90%;  margin: 0 5%;}

h6.tcot {float: right; margin: 35px 0 0;}

#headpdf {margin-bottom:30px;}

.photo.photo2{
    height: 400px;
    padding: 1px 0 0 0;
}

#maquinaria{
    float:right;
    width:65%;
}

.imgprod img {
  width: 60%;
  margin: 0 20%;
}

#maquinaria li a i {
  color: #be1e2d;
}

#maquinaria li:nth-child(odd){
    background:#f6f6f6;
}

#maquinaria li a {
  color: #666;
  font-family: "latobold";
  padding: 2%;
  display:block;
}
#maquinaria li a:hover{
    background:#d3d3d3;
    color:#fff;
}

.prodtit {
    border: 2px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 185px auto 0 auto; 
    padding: 15px;
    text-align: center;
    text-transform: uppercase;    
    width: 30%;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}

.select-wrap { position: relative; }

#selet-btn { margin: 20px auto 0 auto; border-radius: 5px; border:1px solid #111; font-size: 15px; text-transform: uppercase; font-family: 'Open Sans',sans-serif; padding: 11px 3%; display: block; color: #fff; background: #111; width: 15%; z-index: 999; position: relative;}

#selet-btn i { float: right; margin: 3px 0 0 0; }

.select-cat { width: 21%; border: 1px solid #ededed; position: absolute; left: 39.5%; background: #fff; transform: translate(0px, -50px); opacity: 0; display: none; }

.select-cat li a { padding: 15px 40px; box-sizing: border-box; display: block; font-family: "Open Sans",sans-serif; font-size: 15px; color: #111; text-transform: uppercase; width: 100%;}

.select-cat li:hover a { background: #072741; color: #fff; }

.prods{
    padding: 40px 0;
}

.lista{
    width: 100%;
}

.producto {
    float: left;
    margin: 15px 2.5%;
    width: 20%;
}

.producto > a {
  min-height: 290px;
  display: block;
}

.producto img {
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    height: 100%;
    max-height: 280px;
    width: 100%;
}

.big img {
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
    
}

.producto h5 {
    color: #717171;
    font-family: "Opens Sans",sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 15px;
    text-transform: uppercase;
    text-align: center;
}

#crumbs{
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #b3b3b4;
}

#crumbs a { color:#072741; }

.photos {
    float: left;
    width: 45%;
}

.single{
    margin-top: 20px;
}

.big {
    margin: 0 1.5%;
    width: 97%;
}

.small li {
    float: left;
    margin: 5px 1.5%;
    width: 22%;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}

.descripcion{
    width: 100%;
    float: right;
    font-family: "Open Sans", sans-serif;
    color: #717171;
    text-transform: uppercase;
}

.descripcion p{
    font-weight: lighter;
    font-size: 18px;
}

.size{
    margin-left: 0;
}

.materia-wrap { padding: 0 0 0 30px; }

.descripcion .bottom{
    padding: 25px 0;
    border-bottom: 1px solid #ededed;
}

#title{
    color: #717171;
    font-weight: 900;
    font-size: 25px;
}

.descripcion h3 {
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 15px;
}

.colores{
    margin:15px 30px 0;
}

.color{
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    border-radius: 5px;
}

.comments{ 
    margin: 7px 0;
}

.comments span{
    margin: 0 45px 0 0;
    float: left;
    color: #c3c3c3;
}

.comments i{
    margin-right: 5px;
}

.carrito{
    padding: 25px 0 20px;
}

.carrito .quantity { float: left; width: 58%; margin: 0 20px 15px 0; }

.carrito .quantity a {
    background: #e8ba57 none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-radius: 50px;
    box-sizing: border-box;
    color: #ffffff;
    float: left;
    padding: 14px 0;
    text-align: center;
    width: 12%;
}
.quintityp {
    float: left;
    font-size: 22px;
    margin: 15px 30px 15px 0;
}
.carrito .quantity input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ededed;
    border-radius: 5px;
    box-sizing: border-box;
    float: left;
    margin: 0 10px;
    padding: 14px 0;
    text-align: center;
    width: 20.33%;
}
.carrito .agregar, .agregar_a {
    background-color: #3285e7;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "Open Sans",sans-serif;
    padding: 13px 0;
    text-transform: uppercase;
    width: 50%;
}
.carrito button i {
    margin-right: 10px;
}
.agregar_a{
    margin: 20px 27.5% 0;
    text-align:center;
    background:#be1e2d;
    color:#fff;
}
.row button, .btn-aux {
  margin: 0 1.66%;
  width: 30% !important;
}
.btn-aux {
  background: #5b5b5b none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  float: left;
  padding: 13px 0;
  text-align: center;
  display:none;
}
.cotiza{
    width:100%;
    display:block;  
}


.carrito .agregar i {
    font-size: 21px;
}

.carrito .agregar .circulo {
    width: 25px;
    height: 25px;
    background: #5f5f5f;
    color: #FFF;
    border-radius: 25px;
    line-height: 25px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.carrito .agregar.animacion .texto {
    display: block;
    margin-top: -25px;
}

a.finish {
    background-color: #3285e7;border-radius: 3px;color: #fff; cursor: pointer; display: inline-block;font-family: "Open Sans",sans-serif;font-size: 11px;margin: 5px 0 15px;padding: 10px 0;text-align: center;text-transform: uppercase;width: 100%; transition:all 0.2s ease-in-out 0s;
    text-decoration: none;
}
a.finish:hover {background:#072741;}

.comments.com2 span{
    color: #717171;
    font-size: 14px;
    margin: 0;
}

.redes{
    margin: 30px 0; 
}
.cot-bg {
    background: #f8f8f8 none repeat scroll 0 0;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    margin: 10% 5%;
    padding: 3%; font-family:"Open sans", sans-serif;
    min-height:40vh;
}
.header > li, .prodsr li.fila-producto {
    color: #ffffff; text-align:center;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}

.desc, .cant, .prec, .tot { display:inline-block; text-align:center;}

.desc {
    width: 45%; float:left;
}
.cant { width: 10%; font-size:.7em;}

.col span {
  color: #dedede;
  display: block;
  margin: 0 0 10px;
  width: 100%;
}

.tipo {
  border: 1px solid #c4c2c2;
  border-radius: 3px;
  color: #5e5e5e;
  float: left;
  font-size: 13px;
  padding: 19px 0;
  text-align: center;
  width: 100%;
}

/*Tooltip*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips label.tt {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 60px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  font-family:"Open Sans",sans-serif;
}
a.tooltips label.tt:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 91%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips label.tt {
  visibility: visible;
  opacity: 0.8;
  top: 45px;
  left: 50%;
  margin-left: -125px;
  z-index: 999;
}

.comenta {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  font-family: "Open Sans",sans-serif;
  min-height: 135px;
  padding: 2%;
  width: 100% !important;
  box-sizing:border-box;
}
.coments {
  padding: 1%;
}
.tipox {
  color: #666;
  float: left;
  margin: 15px 0 0;
  width: 10%;
}
.sel{
    float:left;
    width:100%;
}
.rows{
    width:100%;
    display:block;
}
.col {
  box-sizing: border-box;
  float: left;
  padding: 2% 1%;
  width: 28%;
  color: #5e5e5e;
  font-family:"Open-Sans",sans-serif;
  font-size:16px;
}
.col2 {
  width: 40% !important;
  float: left;
}

.col label {
  display: block;
  font-size: 0.8em;
  margin: 3% 0;
  width: 100%;
}

.col .quantity input {
  margin: 5px 0;
}
.col .quantity a {
  background: #000 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  margin: 6px 0;
}

.col3 {
  float: right;
  width: 60% !important;
}

.col label input {
  margin: 2px 10px 0 25px;
}
.cant.pd {width:15%;  float:left;} 

.pra {width:19%; float:left;}

.prec {width: 17%;}
    
.tot {width: 3%;}

.total {background: #000000 none repeat scroll 0 0; color: #fff; display: inline-block; float: right; padding:7px 50px; margin-top:-5px; }

#headpdf .logo > a {margin: 0; }

.totp {font-size: 13px; text-align: right; text-transform: uppercase; }

.totd {font-size: 17px; font-weight: bold;}

.header {
    background-color: #bdbdbd;
    padding: 13px 0;
}

.carrito.verx {
  height: auto;
  opacity: 1;
  width: 100%;
  display:block;
}

.carrito {
}

.leftd {
  border: 1px solid #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  float: left;
  margin: 25px 0 0;
  padding: 3%;
  width: 30%;
}

.rightd {
  float: right;
  width: 70%;
  padding:1% 10%;
  box-sizing: border-box;
}


.rightd .agregar {
  margin: 0 auto;
  width: 100% !important;
}

.rightd .btn-aux:nth-child(2){
    margin-right:2% !important;
}

.rightd .btn-aux {
  box-sizing: border-box;
  float: left;
  margin: 15px 0 0;
  width: 49% !important;
}

.rightd .col{
  width:100%;   
}

.welcome-text > a {
    background: #e8ba57 none repeat scroll 0 0;
    border: 1px solid #e8ba57; transition:all 0.2s ease-in-out 0s;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-size: 17px;
    margin: 60px 4% 0 0;
    padding: 15px;
    text-decoration: none;
}
/*Productos nuevos*/
.nuevos.limpiar {
    margin: 50px 5%;
    width: 90%;
}
.nuevos li {
    margin: 25px 0;
}

.prod-new {
    border: 1px solid #979797;
    padding: 20px;
    text-align: center;
    width: 30%; float:left;
    background: #707070; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #707070 0%, #0b0319 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #707070 0%,#0b0319 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #707070 0%,#0b0319 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#0b0319',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.breve {
    float: left;
    margin-left: 3%;
    width: 62%;
}
.breve > a {
    background: #3285e7 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    padding: 12px 20px;
    text-decoration: none;
}
.breve h5 {
    border-bottom: 3px solid #e8ba57;
    color: #5f5f5f;
    font-size: 26px;
    font-weight: 700;
    margin: 20px 0px;
    padding: 0 0 5px;
}
.breve p {
    color: #5f5f5f;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
}

.prod-new > img {
    min-height:200px
}
.sus { background: #e2e2e2; padding:0 0 20px;}
.suscribirse.limpiar {

    float: left;
    margin: 25px 25%;
    width: 50%;
}
.suscribirse h6 {
    color: #7c7c7c;
    font-size: 24px;
    margin: 15px 0 20px;
    text-align: center;
}
.suscribirse input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    display: block;
    float: left;
    font-size: 14px;
    padding: 10px;
    width: 69%;
}
.welcome-text > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #3285e7;
    color: #3285e7;
}
.suscribirse button {
    background: #3285e7 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    float: left;
    font-size: 16px;
    padding: 9px 13px;
    width: 27%;
}
.right {
    float: right;
    width: 40%;
}
.right img {
    width: 100%; float:none;
}
.right a.desc_cat {
    background: #3285e7 none repeat scroll 0 0;
    border-radius: 5px; transition:all 0.2s ease-in-out 0s;
    color: #ffffff;
    display: block;
    margin: 15px auto 30px;
    padding: 16px;
    text-align: center;
    text-decoration: none;  
    width: 80%;
}

.right a.desc_cat:hover { background:none; border:1px solid #3285e7 ; color:#3285e7;}

.search-bar{ display: block; color: #FFF; font-size:23px; float: right; padding: 10px; cursor: pointer; }

.blank_space{ display: block; color: #FFF; font-size:23px; float: right; padding: 15px; }

.busqueda{ display: none}

.busqueda > div { padding: 8px; }

.search-text { color: #adadad;}

.close-search{ text-decoration: none; color: #ededed; }

.busqueda>*{float:right;}