h1 {
text-align: center;
}
caption, th, td {
	text-align:left;
	font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";}
blockquote, q {
	quotes:"" "";}
header, section, footer,
aside, nav, article, figure {
	display: block;}
	* { margin: 0;  }
html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 1 */
	-ms-text-size-adjust: 100%; /* 1 */}
@font-face {
font-family: LexendDeca;
src: url('../fonts/LexendDeca.ttf');}
body {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
line-height: 1.6;                                                                                                                                                              
color: #4d4d4d;
padding:0;
margin:0;
background-image: url("../images/fondo.png");
background-attachment: fixed;}
a{
text-decoration: none;
cursor: pointer;
}
p{
/*font-size: .8em;*/
text-align: justify;}
.wrapper {
top: 210px;
width: 100%;
max-width: 1280px;
margin:0 auto;	
position: relative;
overflow: hidden; }
.center {
width: 100%;
max-width: 1200px;
min-height: 30px;  	
margin: 0 auto;
text-align: center;}
.bar-up{
width: 100%;
height: 25px;
min-height:25px;
height: auto !important;
background: #0cc0bf;
text-align: center;
top: 0;
position: fixed;
z-index: 1000;
overflow: hidden;}
.bar-up p{
color: #fff;
font-size: .9em;
text-align: center;
}
.bar-up img{
margin-top: 2px;}
.bar-datos{
width: 100%;
height: 20px;
min-height:20px;
height: auto !important;
background: #fb77bf;
text-align: center;
border-bottom: 1px solid #fff;
top: 25px;
position: fixed;
z-index: 1000;
overflow: hidden;}
.bar-datos p{
color: #fff;
font-size: .8em;
font-weight: bolder;
text-align: center;}
.bar-datos a{
color: #fff;}
.bar-datos a:hover{
text-decoration: underline;}
.bar-datos img{
margin-top: 10px;}
.iconos{
width: 100%;
height: 20px;
min-height:20px;
height: auto !important;
background: #f8f8f8;
top: 57px;
position: fixed;
z-index: 1000;
overflow: hidden;}
.iconos .iright{
display: inline-block;
float: right;
width: 100%;
text-align: right;
padding-right: 5px;}
header{
width: 100%;
height: 40px;
min-height:40px;
height: auto !important;
padding: 5px 0;
background: #f8f8f8;
top:88px;
position: fixed;
z-index: 1000;
box-shadow: 0 2px 4px 0px rgba(0,0,0,0.16), 0 2px 4px 0px rgba(0,0,0,0.23);}
header .hleft{
display: inline-block;
float: left;
width: 15%;
text-align: center;}
header .hright{
display: inline-block;
float: left;
width: 85%;
text-align: center;}
header img{
width: 80%;
height: auto;
}
.banner{
width: 100%;
height:250px;
min-height:250px;
height: auto !important;
overflow: hidden;}
.ofrecidos{
width: 100%;
height: 250px;
min-height:250px;
height: auto !important;
margin: 60px 0;
text-align: center;
}
.ofrecidos span{
font-size:1.7em;
font-weight: bolder;
color: #4d4d4d;
text-align: left;
}
.resaltados{
background-color: #f8f8f8;
width: 99%;
height: 250px;
min-height:250px;
height: auto !important;
margin: 60px 0;
text-align: center;
padding: 40px 0;
box-shadow: 0 2px 4px 0px rgba(0,0,0,0.16), 0 2px 4px 0px rgba(0,0,0,0.23);
border: 1px solid #f6f6f6;}
.resaltados span{
font-size:1.7em;
font-weight: bolder;
color: #4d4d4d;
text-align: left;
}
/* productos ofrecidos ----------------------------------------------------- */
.ventanaO{
position: relative;
display: inline-block;
margin: 20px;
text-align: center;
width: 350px;
height: 390px;
min-height:390px;
height: auto !important;
border:1px solid #ddd;}
.ventanaO:hover{
box-shadow: 0 4px 4px 0px rgba(0,0,0,0.16), 0 4px 4px 0px rgba(0,0,0,0.23);}   
.ventanaO img{
display: block;
width: 350px;/* tamaño imagen*/
height: 390px;}
.ventanaO-title{
position: absolute;
display: block;
margin: 0 auto;
top: 330px;
left: 20px;
color: #4d4d4d;
font-weight: bolder;
background: #fb77bf;
text-align: center;
width: 290px;
height: 80px;
min-height:80px;
 height: auto !important;
clip-path: polygon(0 13%, 100% 0, 100% 100%, 0% 100%);
padding: 10px;
line-height: 1.2;}
.ventanaO-title h2{
color: #fff;
font-weight: bolder;
font-size: 1.15em;
margin:10px;
text-shadow:1px 1px #4d4d4d;
padding-top: 10px;}
.ventanaO-title p{
text-transform:none; 
color: #fff;
font-size: 14px;
padding-bottom: 10px;
text-align: center;
}
.destacados{
width: 100%;
height: 250px;
min-height:250px;
height: auto !important;
margin: 120px 0 50px 0;}
.destacados h2{
font-size: 1.4em;
font-weight: bolder;
margin-bottom: 20px;
color: #4d4d4d;
text-align: left;}
.destacados h3{
font-size: 1.4em;
font-weight: bolder;
margin-bottom:0;
color: #4d4d4d;}
.destacados span{
font-size: .8em;
font-weight: bolder;
color: #808080;}
.destacados p{
font-size: 1.4em;
font-weight: bolder;
color: #fda26a;}
/* productos destacados ----------------------------------------------------- */
.ventanap{
position: relative;
display: inline-block;
margin: 20px 20px;
text-align: center;
width: 270px;
height: 300px;
min-height:300px;
height: auto !important;
background: #f8f8f8;
border:1px solid #ddd;}
.ventanap:hover{
box-shadow: 0 4px 4px 0px rgba(0,0,0,0.16), 0 4px 4px 0px rgba(0,0,0,0.23);}   
.ventanap img{
display: block;
width: 270px;/* tamaño imagen*/
 height: 300px;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);}
.ventanap .estadon{
position: absolute;
display: block;
z-index: 999;
top: 10px;
left: 5px;
width:50px;
height:45px;
background-color:#0cc0bf;
color: #fff;
font-weight: bolder;
font-size: .8em;
padding:15px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
line-height:45px;
text-transform: uppercase;
float:left;}
.ventanap .estadoo{
position: absolute;
display: block;
z-index: 999;
top: 10px;
left: 5px;
width:50px;
height:45px;
background-color:#fda26a;
color: #fff;
font-weight: bolder;
font-size: .8em;
padding:15px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
line-height:45px;
text-transform: uppercase;}
.ventanap .estadoa{
position: absolute;
display: block;
z-index: 999;
top: 10px;
left: 5px;
width:50px;
height:45px;
background-color:#fb77bf;
color: #fff;
font-weight: bolder;
font-size: .6em;
padding:15px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
line-height:45px;
text-transform: uppercase;}
.ventanap-title{
position: relative;
display: block;
margin: 0 auto;
color: #4d4d4d;
font-weight: bolder;
background: #f8f8f8;
text-align: center;
width: 265px;
height: 30px;
min-height:30px;
height: auto !important;
border:1px solid #f8f8f8;
padding: 5px 0;
line-height: 1.2;}
.ventanap-title p{
color: #fda26a;
text-align: center;
}
.ventanap-title span{
font-weight: normal;
font-size: .7em;
color: #4d4d4d;
font-weight: bolder;}
.ventanap-btn{
padding: 10px;
width:70%;
position:relative;
display:inline-block;
text-align: center;
border-radius:2px;
background-color:#fda26a;
border:3px solid #fda26a;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
font-weight:bolder;
margin-top: 10px;
margin-bottom: 10px;}
.ventanap-btn:hover{
background:#fff; 
border:2px solid #fda26a; }
.ventanap a{
text-decoration: none;
color: #fff;
font-weight:bolder;}
.ventanap a:hover{
color: #4d4d4d;
font-weight:bolder;}
.borde {
display: inline-block;
position: relative;
height: 3px;
width: 100%;
background-color: #0cc0bf;
text-align: center;}
.borde-title{
border-top:5px solid #fda26a;
width: 70px;}
.infobar{
width: 100%;
height: 30px;
min-height:30px;
height: auto !important;
text-align: center;
margin: 30px 0;
line-height: 1.2;}
.infobar .ileft{
display: inline-block;
float: left;
width: 32%;
text-align: center;}
.infobar .icenter{
display: inline-block;
float: left;
width: 32%;
text-align: center;}
.infobar .ihright{
display: inline-block;
float: left;
width: 32%;
text-align: right;}
.infobar span{
font-weight: bolder;}
footer{
top: 210px;
width: 100%;
position:relative; 
clear: both;
height: 240px;
min-height:240px;
height: auto !important;
margin-bottom: 0;
padding-top: 20px;
text-align: left;
background:#0cc0bf;
color: #fff;
overflow: hidden;}
footer .fleft{
display: inline-block;
float: left;
width: 30%;
padding:10px 15px 0 0;}
footer .fcenter{
display: inline-block;
float: left;
width: 31%;
padding:10px 15px 0 0;}
footer .fright{
display: inline-block;
float: left;
width: 30%;
padding:10px 15px 0 0;}
footer span{
color: #fff;
font-weight: bolder;
text-align: center;
font-size: 1em;
padding-bottom: 30px;}
footer a{
text-decoration: none;
color: #fff;}
footer a:hover{
text-decoration: underline;
color: #fff;}
footer p{
text-align: justify;}
.bar-down{
top: 180px;
width: 100%;
position:relative; 
clear: both;
height: 10px;
min-height:10px;
height: auto !important;
background: #ededef;
text-align: center;
border-top: 1px solid #fff;}
.bar-down p{
color: #4d4d4d;
padding-top: 5px;
font-size: .8em;
text-align: center;}
.bar-down a{
color: #4d4d4d;
font-weight: bolder;}
.bar-down a:hover{
color: #0cc0bf;}
/* Whatsapp ---------------- */	
.whatsapp {
position:fixed;
width:48px;
height:48px;
bottom:95px;
right:10px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
z-index:1000;}
.whatsapp-icon {
margin-top:7px;}
/* Scroll ---------------- */	
.scrolltop {
background-image: url("../images/scroll.png");
background-repeat: no-repeat;
bottom: 5px;
display: none;
height: 36px;
left: auto;
overflow: hidden;
padding: 17px 16px;
position: fixed;
right: -15px;
top: auto;
width: 36px;
z-index: 99999;}
.scrolltop span{
color: #000;
margin-top: -25px;
text-shadow:1px 1px #ccc;} 
/* contenedor paginas internas ----------------------------------------------------- */
.contenido{
width: 100%;
height: 650px;
min-height:650px;
height: auto !important;
overflow: hidden;}
.contenido h2{
font-size: 1.4em;
font-weight: bolder;
margin-bottom: 15px;
color: #4d4d4d;
text-align: left;
padding-bottom: 0px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.contenido h3{
text-align: left;
color: #808080;
font-weight: bolder;
margin: 10px 0;
font-family: 'Oswald', sans-serif;}
.contenido .cleft{
display: inline-block;
float: left;
width: 45%;
text-align: left;}
.contenido .cright{
display: inline-block;
float: left;
width: 55%;
text-align: left;}
.contenido .cright h2{
font-size: 1.4em;
font-weight: bolder;
margin-bottom:0;
color: #4d4d4d;}
.contenido .cright h3{
font-size: .85em;
font-weight: bolder;
color: #808080;}
.contenido .cright #precio{
font-size: 1.4em;
font-weight: bolder;
color: #fda26a;}
.contenido .cright span{
font-size: 1.2em;
font-weight: bolder;
color: #fb77bf;}
/* division dos columnas en recomendaciones----------------------------------------------------- */
.division{
width: 100%;
height: 100px;
min-height:100px;
height: auto !important;
overflow: hidden;}
.division .dleft{
display: inline-block;
float: left;
width: 35%;
text-align: left;}
.division .dright{
display: inline-block;
float: left;
width: 65%;
text-align: left;}
/* modelos disponibles ----------------------------------------------------- */
.ventanam{
position: relative;
display: inline-block;
margin:20px;
text-align: center;
width: 250px;
height: 300px;
min-height:300px;
height: auto !important;
border:1px solid #ddd;}
.ventanam:hover{
box-shadow: 0 4px 4px 0px rgba(0,0,0,0.16), 0 4px 4px 0px rgba(0,0,0,0.23);}   
.ventanam img{
display: block;
width: 250px;/* tamaño imagen*/
height: 300px;}
.ventanam-title{
position: absolute;
display: block;
margin: 0 auto;
text-align: center;
width: 220px;
height: 18px;
min-height:18px;
 height: auto !important;
top: 250px;
left: 15px;
background: #fda26a;
padding: 10px 0;
clip-path: polygon(0 13%, 100% 0, 100% 100%, 0% 100%);
line-height: 1;}
.ventanam-title span{
color: #fff;
font-weight: bolder;
font-size: .9em;
line-height: 0;}
/* lista----------------------------------------------------- */
.lista{
display: table-cell; 
vertical-align: middle;
padding: 0 10px;}				
.lista li {
background: url("../images/arrow.png") no-repeat;
list-style-type: none;
padding-left: 15px;
vertical-align: baseline;
text-align: justify;
font-size: 1em;}
/* Menu ----------------------------------------------------- */
nav {
display: block;
margin-top: 17px;}
.menu { display: block; }
.menu li {
display: inline-block;
position: relative;
z-index: 100;}
.menu li:first-child { 
margin-left: 0; }
.menu li a {
font-weight: 600;
text-decoration: none;
padding: 10px 10px;
display: block;
color: #4d4d4d;
transition: all 0.2s ease-in-out 0s;
font-size: .8em;}
.menu li a:hover,
.menu li:hover>a {
color: #fff;
background: #fda26a;}
.menu ul {
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
width: 170px;
position: absolute;
left: 0px;
background: #fff;
z-index: 99;
transform: translate(0, 20px);
transition: all 0.2s ease-out;}
.menu ul:after {
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 6px;
margin-left: -6px;}
.menu ul li {
display: block;
float: none;
background: none;
margin: 0;
padding: 0;
border: 1px solid #f8f8f8;}
.menu ul li a {
font-size: 12px;
font-weight: normal;
display: block;
color: #797979;
background: #fff;
text-align: left;}
.menu ul li a:hover,
.menu ul li:hover>a {
background: #fda26a;
color: #fff;
border-radius:3px;}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
transform: translate(0, 0);}
.menu ul ul {
left: 169px;
top: 0px;
visibility: hidden;
opacity: 0;
transform: translate(20px, 20px);
transition: all 0.2s ease-out;}
.menu ul ul:after {
left: -6px;
top: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 6px;
margin-top: -6px;}
.menu li>ul ul:hover {
visibility: visible;
opacity: 1;
transform: translate(0, 0);}
.responsive-menu {
display: none;
width: 100%;
padding: 5px 5px;
background: #0cc0bf;
color: #fff;
text-transform: uppercase;
font-weight: bolder;}
.responsive-menu:hover {
background: #0cc0bf;
color: #fff;
text-decoration: none;
border-radius:3px;}
.menu a.homer { 
background: #fda26a;
color: #fff;
border-radius:3px;}

.sendButton {
cursor:pointer;
padding: 10px;
width:30%;
position:relative;
display:inline-block;
text-align: center;
background-color:#fda26a;
border:2px solid #fda26a; 
border-radius:2px;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
font-weight:bolder;
margin-top: 10px;}
.sendButton:hover {
background:#fff; 
border:2px solid #fda26a; 
color:#4d4d4d;}

/* Fomulario productos ---------------- */	
.web-form {
width: 90%;
margin: 0 auto;
padding:20x;}
.web-form #precio s {
color: #4d4d4d;
font-size: 16px;
}
.web-form #precio .desc {
color: #666;
font-size: 14px;
}
.ventanap-title .desc {
color: #666;
font-size: 11px;
} 
.web-form label {
cursor:pointer;
color:#4d4d4d;
display:inline-block;
font-size: .8em;
font-weight: bolder;
text-transform: uppercase;}
.web-form input, textarea{
width:92%;
height: 15px;
box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
border:1px solid #CCC;
margin: 0 0 15px 0;
padding:12px;
background:#fff;
border-radius:5px;}
.web-form textarea{
height: 50px;}
.web-form select {
width:50%;
margin: 0 0 15px 0;
padding:10px;
border-radius:5px;
position: relative;
display: block;
box-shadow:inset 0 1px 2px #ccc, 0 1px 0 #FFF;
-webkit-box-shadow:inset 0 1px 2px #ccc, 0 1px 0 #FFF;
-moz-box-shadow:inset 0 1px 2px #ccc, 0 1px 0 #FFF;}
.web-form input[type="text"]:hover,
.web-form input[type="email"]:hover,
.web-form input[type="tel"]:hover,
.web-form input[type="url"]:hover,
.web-form select:hover,
.web-form textarea:hover {
-webkit-transition:border-color 0.3s ease-in-out;
-moz-transition:border-color 0.3s ease-in-out;
transition:border-color 0.3s ease-in-out;
/*border:1px solid #43D8C9;*/
background: #f5f5f5;}
.web-form textarea select{
height:100px;
max-width:100%;}
.web-form input:focus,
.web-form textarea:focus,
.web-form select:focus
 {
outline:0;
border:1px solid #999;
background:#f5f5f5;}
.web-form input:hover,
.web-form textarea:hover,
.web-form select:focus {
outline:0;
border:1px solid #999;
background:#f5f5f5;}
.web-form button[type="submit"] {
cursor:pointer;
padding: 10px;
width:71%;
position:relative;
display:inline-block;
text-align: center;
background-color:#fda26a;
border:2px solid #fda26a; 
border-radius:2px;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
font-weight:bolder;
margin-top: 10px;}
.web-form button[type="submit"]:hover {
background:#fff; 
border:2px solid #fda26a; 
color:#4d4d4d;}
.web-form button[type="button"] {
cursor:pointer;
padding: 10px;
width:35%;
position:relative;
display:inline-block;
text-align: center;
background-color:#fda26a;
border:2px solid #fda26a; 
border-radius:2px;
color: #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
font-weight:bolder;
margin-top: 10px;}
.web-form button[type="button"]:hover {
background:#fff; 
border:2px solid #fda26a; 
color:#4d4d4d;}
.half {
float: left;
width: 46%;
margin-bottom: 1em;}
.right { width: 50%;
float: right; }
.left {
margin-right: 4%;}
/* tabla de carrito  ---------------- */	
.CartTable {
width: 100%;
margin: 20px auto;
border-collapse: collapse;
border-spacing: 0;
color: #465865;}
.CartTable tr {
padding: 3px;  }
.CartTable th, .CartTable td {
padding: 5px;
text-align: left;}
.CartTable th {
text-transform: uppercase;
font-size: 14px;
border: 1px solid #ddd; 
font-weight: bold;
text-align: left;
line-height: 1;
background:#f5f5f5;
}
.CartTable thead{
background:#f5f5f5;
text-align: left;}
.CartTable td{
background:#fff; 
border:1px solid #CCC;}
.CartTable td:hover{
cursor: pointer; }
.CartTable tfoot{
background:#f5f5f5;
text-align: left;}



@media (min-width: 768px) and (max-width: 979px) {
	.mainWrap { 
width: 768px; }
.menu ul { top: 37px; }
.menu li a { font-size: 12px; }
a.homer { background: #45b3ac; }
}

@media (max-width: 767px) {
	.mainWrap {
  width: auto;
padding: 50px 20px;}
.menu { display: none; }
.responsive-menu { display: block; }
nav {
margin: 0;
background: none;}
.menu li {
display: block;
margin: 0;}
.menu li a {
background: #fff;
color: #797979;
text-align: left;}
.menu li a:hover,
.menu li:hover>a {
background: #45b3ac;
color: #fff;}
.menu ul {
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
width: 100%;
transform: initial;}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
position: relative;
transform: initial;}
.menu ul ul {
left: 0;
transform: initial;}
.menu li>ul ul:hover { transform: initial; }
}

@media screen and (max-width: 600px) {
.bar-datos{
visibility: hidden;
}
.bar-up{
line-height: 1.2;
}
.iconos{
top: 37px;
}
header{
top: 67px;
padding:0;}
header .hleft img{
width: 70%;
height: auto;
}

header .hleft, header .hright{
width: 50%;
}
header .hright{
padding-top: 20px;}
.bar-datos, .infobar .ileft, .infobar .icenter, .infobar .iright, footer .fleft, footer .fcenter, footer .fright, .contenido .cleft, .contenido .cright, .division .dleft, .division .dright, button{
display: block !important;
width: 100% !important;
max-width: 100% !important;}
.wrapper{
top: 170px;}
.ofrecidos{
margin: 0;
}
.ofrecidos .ventanaO{
margin-bottom: 40px;
}
.destacados{
margin: 40px;
}
 .infobar .ileft,  .infobar .icenter,  .infobar .iright{
 margin-bottom: 20px;
 }
footer{
top: 180px;
} 
 footer .fleft,  footer .fcenter, footer .fright{
margin-left: 20px;}
footer span{
text-align: left;
}
.bar-down{
top: 180px;
}
.contenido p, .contenido h2, .contenido h3, .contenido .borde-title{
padding: 0 20px;
}
.division .dright img{
padding: 0 20px;
}
.contenido video{
width: 90%;
height: auto;
padding: 0 20px;
}
.contenido .cright{
padding-top: 30px;}

.half {
width: 100%; 
float: none;
margin-bottom: 0;}

.CartTable {
width: 90%;
border: 1; 
background:#f5f5f5;
}
.CartTable thead {
display: none; }
.CartTable tbody th{
display: none; }
.CartTable tr {
margin-top: 10px;
margin-bottom: 10px;
display: block;
}
.CartTable td {
display: block;
text-align: right;
font-size: 14px;
}
.CartTable td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
color: #465865; 
background:#f5f5f5; }
}

@media only screen and (max-width : 480px) {
#web-form button[type="submit"]{
width: 60%;
}
}