/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 2.0
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 

.topHeader .navMobile {

width: 100%;
min-height: 80%;
background: #333;

}


.close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #aaa;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}


.zerogrid-header{ width: 1349px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid { margin: 0 auto; padding: 0; position: relative; max-width: 1200px;width: 100%; padding:0 20px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */     
}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.logo2 {text-align:left;margin-left:40px;margin-top:21px;} 	
.logo2 img {width:45%;max-width:300px;} 	
.logo1 img {margin:0;width:100%;max-width:300px;}

.footer        { color: #333; font-size: 13px; font-family: "Roboto Condensed", sans-serif; margin: 0 auto; padding: 30px 0 60px; width: 100%; zzzmax-width: 1200px   }

.bottom             { border-top: 1px solid #333;
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
}

.barraMenu            { 
float:left;
display:inline-block;
text-align:center;
border-bottom: 1px solid #333;
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
max-width:1200px; 
}

.main-prod h2 {
    color: #000000;
    font-size: 34px;
    font-weight: 700;
    line-height: 34px;
    margin: 25px 0 5px;
}

.bottom a    { color: #f0f0f0; text-decoration: none }
.bottom   { color: #f0f0f0; }
.bottom a:hover    { color: #ffffff; }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4 { width: 25% }
.zerogrid .col-2-4{width:50%;margin-bottom:20px;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

.pagina {position:relative;top:10px;}

.boxes    { 
	cursor: pointer; margin: 0; 
	height: 360px;
	margin-top:6px;
	padding: 0;  
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.boxes h2 {
    top: 20px;    position: relative; 
}

.boxesBorder { background-color: #fff; cursor: pointer; margin: 0; padding: 16px 8px; border: solid 1px #ccc }
.titBox        { color: #010101; font-size: 24px; font-weight: 700; line-height: 25px; margin-top: 15px; margin-bottom: 8px ;font-family: 'Roboto Condensed', sans-serif;}



.boxes2      { background-color: #f4f4f4; cursor: pointer; margin: 10px; padding: 20px; height: 258px; border: solid 0px #ccc }
.boxesDeportes      { background-color: #FFF; cursor: pointer; margin: 10px;}

.boxes2Border { background-color: #fff; cursor: pointer; margin: 0; padding: 16px 8px; border: solid 1px #ccc }
.titBox2        { font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size: 26px; font-weight: 700; line-height: 22px; margin-top: 5px; margin-bottom: 8px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6); }
.boxes img { 	ZZZwidth: 100% }

.cuerpotitBox2 {
color: #000;
font-size: 12px;
font-weight: 300;
line-height: 15px;
text-alignZZZ: justify;
letter-spacing: 0.4px;
margin-bottom: 5px;
max-width: 600px;
}

.boxes2title {
background: url('/photo/images/transparente37.png');
min-height: 100%;
}

.thumbsID {float:left;} 

#wowslider-container1 .ws_images img {
ZZZwidth: auto !important;}

#fb-login {display:none;}


.precio, .variedad {
    width: 100%;
    margin: 0px;
    color: #6bc700;
    display: inline-block;
    float: left;
    font-weight: 600;
}
h3 {
				color: #6bc700;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}
.variedad {font-size: 24px;color:black;font-family:Signika;font-weight: 700;margin-top:-5px;} 
.precio  {font-size: 22px;margin-top:1px;}


.barraSlogan   { font-size: 14px; font-weight: bold; margin-top: 5px; margin-right: 29px; margin-left: 29px; float: left; vertical-align: middle }
	
	
.cuerpoHome  { font-size: 105%; line-height: 138%; margin: 0 30px 30px }


.indexFam h2 {margin:0;margin-top:32px;height:34px;font-family:Signika;color:black;text-transform:uppercase;}

.bloquePrincipal  { padding: 24px; min-height: 400px; }
.prodName h2 {font-size: 16px;  line-height: 19px;text-transform:lowercase;text-shadow: none;margin:0;margin-top:6px;position: relative;top:5px;}
.prodName h2::first-letter {text-transform:uppercase;}

.main-prod h2 {text-transform:ZZZlowercase;font-family:Signika;font-weight: 700;}
.main-prod h2::first-letter {text-transform:uppercase;}

.familyName {font-size: 12px; font-weight:normal;}

.familyNameProd {font-size: 22px;color: #6bc700;
font-weight: 700;
	line-height: 23px;}

.item {margin:5px;height:330px;}

.item {
    background: #fff;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    width: 100%;
    border: solid 1px #d9d9d9;
    -moz-border-radius:16px;
    -moz-box-sizing: border-box;
    -webkit-border-radius:16px;
    -webkit-box-sizing: border-box;
    border-radius: 16px;
    box-sizing: border-box;
}

.brick {width:94%;}
.indexFam .item {margin:0 5px;height:360px;}
.prodName {
    text-align: center; 
    padding: 15px;
    width: 100%;
    display: inline-block;
}

.boton1, .boton1b {
    color: #fff;
    font-size: 12px;
    font-family: "WorkSans", Arial;
    font-weight: 700;
    line-height: 14px;
    text-decoration: none;
    background-color: #6bc700;
    letter-spacing: 0.7px;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0;
    padding: 12px 16px;
    border: solid 0;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	text-transform:uppercase;
	text-shadow:0;
}

.boton1:hover,.boton1b:hover {background-color: #83dc1c;
}
.boton1{font-size:16px;} 

.producto {border: solid 0px #ccc;}

#signo {
    height: 36px;
    width: 36px;
}


.descrProd, .descrProd div, .descrProd p, .descrProd li, .descrProd span {
    color: #555555;
    font-size: 17px;
	font-weight:300;
    float: left;
    width: 100%;
}

.descrProd {
	    margin-top: 40px;
    border-top: 1px solid #333;
    padding-top: 8px;
}

.placeHolder {font-weight:bold;font-size:16px;margin-top: 10px;}

.inputs, .inputsBox {
    font-size: 16px;
    font-family: "WorkSans", Arial;
    background-color: #fafafa;
    margin-top: 0px;
	color:#000;//cambiado 17 01 2026
    margin-bottom: 4px;
    padding: 8px;
    width: 100%;
    ZZZmax-width: 384px;
    border: solid 1px #cccccc;

    -moz-border-radius: 4px;
    -moz-box-sizing: border-box;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
    box-sizing: border-box;
}


.paginacion .verMas {
    text-decoration: none;
    background-color: #fff;
    margin-left: -4px;
    padding: 8px 32px;
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
	margin-top:18px;display:inline-block;
}

.paginacion .verMas:hover {
    text-decoration: none;
    background-color: #fff;
	    border-color: #222;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.titularHome  { font-size: 134% }
	.cuerpoHome  { font-size: 81% ;line-height:138%;}
	.zerogrid{width:100%;}
	.zerogrid .col-1-4 { width: 33% }
}


.cantidad {    padding: 9px 6px 9px 6px;
	border: solid 1px #ccc;	
	border-right-width: 0px;
	border-left-width: 0px;}

.titBox       { font-size: 24px; line-height: 25px; margin-top: 15px; margin-bottom: 8px }


.imagenCuadro   { text-align: center; background-color: #f6f6f6; margin: 4px; padding: 0px; width:220px;height:320px;float:left; border: solid 1px #ccc;

     }

.slogan   { margin: 20px }
.margenD {padding-right:40px;}
.columnaFotos {padding-top:60px;}

.navMobile {display:none;}
.menu_bar {	display:none;}


@media only screen and (max-width: 1010px) {
#preheader {display:none;}

.topHeader            { position: relative;}

.topHeader .navMobile ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	    padding: 10px;
	}
 
 
.topHeader .navMobile   { background: #333; display: block; margin: 0; position: absolute; z-index: 10001; top: 125px; left: -100%; width: 100% }

.navMobile {
display: none;
}

nav {
display: none;
}

	.menu_bar  { width:100%; text-align: right; display: block; position: absolute;z-index:1100; right: 10px; top: 10px; }
	
	
.pagina {position:relative;top:0px;}
.bottom { top: 377px;}
.inputSearch {width:75%;}
.centerTextPhone {text-align:center;}
#loginBar {text-align:center;}
.menuH            { display: none; }
	}

@media only screen and (max-width: 1010px) {
	
.zerogrid .col-1-6{width:100%;text-align:center;}
.bloquePrincipal {padding:10px;}
.imagenCuadro1 {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */     
}

#wowslider-container1 .ws_images img {
width: 100% !important;}


.zerogrid {  padding:0;}
.logo2 {text-align:center;margin-top:0px;margin-left:0px;margin-bottom:20px;} 	
.logo2 img {width:90%} 	
.logo1 img {margin:0;width:80%;max-width:300px;}


.margenD {padding-right:0px;}

	
	#menu li a {font-size: 22px;font-weight:300}
	
	.inputs, .inputsBox { max-width: 100%;}

	.rightCol {padding:0;}
	.sloganText        { font-size: 20px; line-height: 24px; text-align: center; margin-right: 20px; margin-left: 20px; position: absolute; top: 90px; right: 0; left: 0 }
	
	
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .ZZZzerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{
	width:100%;
	
	}
    
.zerogrid .col-1-5{
	width:25%;	ZZZmargin-bottom:40px;
	
	}
	.imagenCuadro   { width:95% }
	
}

.zerogrid .col-1-4i { width: 25%;float:left;position:relative;z-index:102; }
.zerogrid .col-3-4i { width: 75%;float:left;position:relative;z-index:101;  }




@media only screen and (max-width: 700px) {
	
	.titularHome  { font-size: 134% }
	.cuerpoHome  { font-size: 81% ;line-height:138%;}
	.sloganText      { top: 70px; left: 120px; width: 70% }
	.zerogrid {width:100%;}
	.zerogrid .col-1-4i { width: 100% }
	.zerogrid .col-1-4 { width: 33% }
	.zerogrid .col-1-5 { width: 33% }

}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.titularHome   { font-size: 111%; margin: 20px 20px 8px }
	.cuerpoHome   { font-size: 71%; line-height: 138%; margin: 0 20px 15px }
	.zerogrid{width:100%;}
	.zerogrid .col-1-4 { width: 50% }
}




}




.logo {max-width:80px;margin:10px;margin-left:0px;z-index:100;position:relative;}
.miniTicket {font-size: 16px;}
.hiddenPhone {display:block;}  
#buscar {width:80%}

@media only screen and (max-width: 475px){
.zerogrid .col-1-6{width:100%;text-align:center;}
.zerogrid .col-1-5{
	width:50%;	ZZZmargin-bottom:40px;
	}
.item img {margin:0 auto;display:block;max-width:100%;zzzheight:205px;}
.item {height:330px;}   
    
#figcaption {display:none;}
.masonry {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.container { margin: 0px }
#menu li ul li{padding:10px;}
#menu li a {
  color: #ccc;
  font-size: 20px;
  text-decoration: none;
  display: block;
	font-weight:400;
}
	#menu li ul li a {
	font-weight:300;
}
#menu li ul {margin-bottom: 30px;}
 .topHeader .navMobile {
     top: 100px;}

.topHeader .navMobile {
     top: 54px;}


.hiddenPhone {display:none;}  
	#buscar {width:75%}
    #loginBar {margin:0}
    #loginBar img {width:30px;}
    .bolaProds1top { margin-left: -18px;font-size: 11px;}
    .miniTicket {font-size: 13px;}
.prodName h2 {margin-top:6px;
  font-size: 16px;
  line-height: 18px;
}
.ZZZitem {  height: auto; }
.familyName { font-size: 14px;}
.item img {ZZZheight:auto;}
	
	h1 {
    font-size: 26px;
    line-height: 27px;
    margin-bottom: 8px; 
				}

	.indexFam .item {
    margin: 0px;
}
	.enlaceBoxes {font-size:24px;}
	}
	
#tallas {-webkit-appearance: none;
       -moz-appearance: none;
    font-size:12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color:#333;
	background-color:white;
	padding:9px;
    outline: none;
    
}