*{margin:0;padding:0;}

body { -webkit-tap-highlight-color:transparent !important;font-family:arial, sans-serif;color:#6C757C;border:0px solid blue;}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h1, h2 { font-weight: bold; margin: 0px 0; }
p { font-size: .9em; margin: 5px 0; }
ul { padding-left: 10px; margin: 10px 0; list-style-type:disc; }
a{text-decoration:none;}
img{max-width:100%;} 
div,header,footer{box-sizing:border-box;}
.clear{clear:both;}

#innerheader,#innerbanner,#innercontent,#innerfooter{margin:0 auto;padding:0 8px;}


#header{
background-color:#0166B0;padding:10px 8px 0;box-sizing:border-box;
}
#innerheader{

background-color:#F7F7F7;border-radius:7px 7px 0 0;
}

#banner{
background-color:#013E69;padding-bottom:10px;
}
#innerbanner{
background-color:#013E69;border-radius:0 0 7px 7px;
}
#innerbanner img{
border-radius:0 0 7px 7px;
}

#content{
background-color:#fff;
}
#innercontent{

background-color:#fff;
}


#footer{margin-bottom:30px;
position:relative;
background-color:#74787B;
}
#innerfooter{text-align:center;
/*background-color:#929596;*/
}

/**** header ****/
#innerheader p{text-align:center;color:#ED6930;font-size:13px;font-weight:bold;margin-top:-10px;}
h1{text-align:center;color:#005091;font-size:18px;}
#logo{text-align:center;border:0px solid #ccc;}
#sociales{text-align:right;padding:0 6px 6px;background-color:#0166B0}

/**** banner ****/
#innerbanner img{padding-bottom:0px;}
/**** content ****/
/*index*/
#catalogo .la_flia{margin-bottom:25px;border:0px solid #c33;}
#content h2{font-size:1.2em;font-weight:bold;text-align:center;padding:15px 0;}
#catalogo .caja{float:left;box-sizing:border-box;width:50%;padding:5px;}
#catalogo .innercaja{border:1px solid #fff;border-radius:7px;background-color:#0390F4;padding-top:15px;}
#catalogo .innercaja:hover{border:1px solid #fff;border-radius:7px;background-color:#0166B0;box-shadow:0 0 5px #0390F4;}
#catalogo a{color:#fff;}
#catalogo div.img{border:0px solid #c33;margin:0;padding:10px 3px 0px;border-radius:7px;}
#catalogo div img{border-radius:7px;}
#innercontent #catalogo h3{font-size:1em;font-weight:bold;text-align:center;padding:0;color:#fff;}
#catalogo h4{font-size:1em;font-weight:bold;text-align:center;padding:0px 0px 0;color:#0166B0;}
#catalogo p.texto{font-size:.8em;font-weight:bold;text-align:center;padding:0 20px;}
#catalogo .precio{font-size:.7em;font-weight:bold;height:1.1em;line-height:1em;text-align:center;color:#fff;padding:5px 0;}
.precio2{font-size:1.2em;font-weight:bold;letter-spacing:0.035em;}
.center{text-align:center;}
#catalogo .minip{font-size:11px;text-align:center;margin:0;height:14;font-weight:bold;}
/*productos*/

#izq,#der{float:left;box-sizing:border-box;width:100%;padding:10px;}
#izq{background-color:#fff;}
#izq li{max-height:100%;}
/**** footer ****/


/*   footer    */

footer .footer{padding:30px 0;border:0px solid #AF005C;}
footer .footer p{color:#fff;}
footer .footer .inicio{text-align:left;}
p#ziete a{
font-size:.8em;
color:#fff;
text-decoration:underline;
}
p#ziete a:hover{
color:#fff;
text-decoration:none;
}
p#ziete a #verlo{
display:none;
}
p#ziete a:hover span#verlo{
display:inline;
color: #fff;
text-shadow:#fff 0px 0px 0px;
}

#fixed{
position:fixed;
bottom:0;
right:20px;
z-index:1000;
}





.pc{display:none;}

 @media only screen and (min-width: 22em) {
#catalogo h3{font-size:1em;}
#catalogo .precio{font-size:.8em;height:1.1em;line-height:1.1em;}
.precio2{font-size:1.3em;}
}/* px */
 
/* 480px */
@media only screen and (min-width: 30em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:30em;padding:0}
#header{}
}/* 480px */


/* 720px */
@media only screen and (min-width: 45em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:45em;}
#izq{width:40%;}#der{width:60%;}

}/* 720px */

/* 1024*/
@media only screen and (min-width: 64em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:62em;}

#catalogo .caja{width:33.33%;}
 .cel{display:none;}
 .pc{display:inline;}

}/* 1024px */

/* 1280x */  
@media only screen and (min-width: 80em) {
#innerheader,#innerbanner,#innercontent,#innerfooter{width:80em;}

#catalogo .caja{width:25%;}

}/* 1280px */ 

@media only screen and (min-width: 86em) {
#sociales{margin-right:140px;}
}