body { background-color:#fff; -webkit-tap-highlight-color:transparent !important;
	font-family:Arial;}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h1, h2 { font-weight: bold; margin: 5px 0; }
p { font-size: 1em; margin: 5px 0; }
ul { padding-left: 10px; margin: 10px 0; list-styletype:
disc; }

img { max-width: 100%; } /*******************    siempre  ***************************

Using max-width in IE 7 and earlier browsers creates some issues—the
images don’t look good as they scale down. If you need to support those
browsers, check out Ethan Marcotte’s blog post “Fluid Images” (http://
unstoppablerobotninja.com/entry/fluid-images/) for a JavaScript solution.
*/

#nohay{padding:50px 0 250px;border:1px solid transparent;}

#main { max-width: 62.5em; margin: auto;border:0px solid lime; }

#header{

height:2.4em;
background:#fff url('../imagenes/kavachi1.png') 0px 4px no-repeat;
}

#header .rmm{
float:left;
}
#header .mini{
font-size: 0.7em;
color:#000;
}
#header .negro{
color:#fff;
font-weight:bold;
background-color:black;
padding:0 4px;
border-radius:2px;
}

#links a{color:#fff;text-decoration:none;background-color:green;display:block;text-align:center;height:60px;}
#links img{}
#links #wapppc{display:none;}

.hr{
border-bottom:1px solid #dedede;
}

#volver{
position:relative;
background-color:#fff;
height:3.2em;
font-size: 0.7em;
font-weight:bold;
}
#volver img{
vertical-align:top;
}
#volver p{
line-height:2.2em;

}
#main #volver a{

color:#000;
text-decoration:none;
line-height:2.2em;
}
.vleft{
float:left;
margin-left:1.5em;
}
.vright{
float:right;
margin-right:1.5em;
}

.clear{
clear:both;
}

body #header .rmm{
float:right;
}



footer{
padding:1em;
font-size:.7em;
background-color:#f0f0f0;
}

#ziete{
text-align:center;
}

/*   footer    */
footer{
padding-top:5px;
margin-top:25px;
}
#der{text-align:right;}

p#ziete a{
color:#333;
text-decoration:underline;
}
p#ziete a:hover{
color:#666;
text-shadow:#ffffff 0px 0px 0px;
text-decoration:none;
}
p#ziete a #verlo{
display:none;
}
p#ziete a:hover span#verlo{
display:inline;
color: #666;
text-shadow:#ffffff 0px 0px 0px;
}


footer a{
color:#333;
text-decoration:underline;
}


/**/
aside, #kavachi2,#rubro_gran_nav,#prod_right{
display:none;
}

/* 480px */
@media only screen and (min-width: 30em) {
		
	/*body { background-color: #afafaf;}*/
		#header{
	background-image:none;
	}
	#volver{border:0px solid blue;
	background:#fff url('../imagenes/kavachi1.png') center 4px no-repeat;
	}
}/* 480px */


/* 640px */
@media only screen and (min-width: 40em) {

	#header{
	/*background:#f0f0f0 url('../imagenes/kavachi3.png') 0px 4px no-repeat;*/
		}
	body { /*background-color: #f0f0f0;*/ }
	.vleft{
	/*display:none;*/
	}
	#kavachi2{
	/*display:inline;*/
	}
		#volver{border:0px solid blue;
background:#fff url('../imagenes/kavachi3.png') center 4px no-repeat;
	}
	

	aside{
	display:block;
	float:left;
	border:0px solid red;
	height:50px;
	width:200px;
	/*margin-right:-251px;*/
	}
	#innercontent{border:0px solid red;}
	.bloque{width:32%;	float:left;}
	footer{font-size:.9em;}

}/* 640px */

#content h2{
font-size:1.1em;
text-align:center;
}


	/* rubronav */
	#rubronav {
font-weight:normal;
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
 }
#rubronav ul {
 list-style-type: none; 
 padding: 0; 
 margin: 0; 
 border-top:1px solid #dedede;
 }
#rubronav li { 
margin: 0; 
padding: 0; 
}
#rubronav ul {
 list-style-type: none; 
 padding: 0; 
 margin: 0px 0 0; 
 }
#rubronav li {
border-bottom:1px solid #dedede;
background-color:#fff;
 margin: 0; 
text-align: center; 
}
#rubronav li a { 
display:block;
padding:10px 0;
text-decoration: none; 
font-size: 1.1em;font-size:15px;
color:#000;
}
#rubronav li a:hover { 
color:#666;
}


/*cuadro*/

	#cuadro_medidas{
	position:relative;
	margin:0 auto;
	width:290px;
	height:600px;
	}

#cuadro{border:1px solid #dedede;
	width:290px;
	/*height:600px;*/
}


#cuadro_medidas #cuadro .bloque{border:1px solid #fff;
	width:100px;
	float:left;
	margin:0 0 10px 27px;
	padding:0;
	
}
#cuadro ul{
	list-style-type:none;
	margin:0px 0 0 -10px;
	padding:0;
	list-style-position:inside;
}

#cuadro h2,#cuadro h3,#cuadro li, #cuadro p{
	font-size:.9em;
	line-height:1em;
	text-align:center;
	padding:0px;
	margin:0 0 3px;
	
}

#cuadro h3.gran{
	font-size:.8em;
	line-height:1em;
	text-align:center;
	padding:10px;
	margin:0 0 3px;
	
}
#cuadro ul li input{border:1px solid red;
vertical-align:-2px;
}
#cuadro ul li{font-size:.8em;
}
#cuadro h2{
	padding:10px 0 5px;
	margin-bottom:10px;
}
#cuadro h4{border:1px solid #000;
	width:140px;
		font-size:.9em;
	text-align:left;
	padding:2px;
	margin:10px 0 10px 75px;
	background-color:#fff;
}
#cuadro .silver{
	color:#666;
}


.black{
background-color:#000;
color:#fff;

}


#envio2{
border:0px solid blue;
margin-bottom:10px;
}
#envio2 p{
font-size:.8em;
text-align:left;
padding-left:10px;
}
#envio2 ul{
padding:10px 0;
}
#envio2 ul li{
font-size:.8em;
list-style-type:square;
margin-left:20px;
text-align:left;
}
#t{
text-align:right;
}
.sinprod{
font-size:.8em;
text-align:center;
}

.rojo{
	color:red;
}


@media only screen and (min-width: 1000px) {

#links a{color:#fff;text-decoration:none;background-color:green;display:block;text-align:center;height:38px;line-height:38px;font-weight:bold;}
#links img{vertical-align:-8px;}
#links #wappcel{display:none;}
#links #wapppc{display:block;}





}