body { background-color:#fff; -webkit-tap-highlight-color:transparent !important;
font-family:Arial;color:#282828;}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h1, h2 { font-weight: normal; margin: 5px 0; }
p { font-size: .9em; margin: 5px 0; }
ul { padding-left: 10px; margin: 10px 0; list-style-type:disc; }
img { max-width: 100%; }
#main { margin: auto;padding:0 10px;}
#header{height:2.4em;}
#header .rmm{
float:left;
}
#header .mini{
font-size: 0.7em;
color:#000;
}
#header .negro{
color:#282828;
font-weight:bold;
background-color:black;
padding:0 4px;
border-radius:2px;
}
#inst{border-bottom:1px solid #0002FF;
position:relative;
height:110px;
background:url('../imagenes/logo320b.jpg') no-repeat center 0px;
}

.teli,.teld,#inst .diri,#inst .maili{
position:absolute;
font-size:.9em;
color:#282828;color:#000;
font-weight:normal;
text-align:right;
}
.teli{left:5px;top:80px;}
.teld{right:5px;top:80px;}
#inst .diri{left:5px;top:110px;}
#inst .maili{right:5px;top:110px;}
.teli a,.teld a,#inst .diri a,#inst .maili a{
color:#282828;
text-decoration:none;
}



#inst .diri,#inst .maili{display:none;}


.clear{
clear:both;
}
body #header .rmm{
float:right;
}

footer{
padding:1em;
font-size:.7em;
}
#ziete{
text-align:center;
}

/*   footer    */
footer{
padding-top:5px;
margin-top:25px;
}
footer a{
font-size:.9em;
padding:5px 0;
margin-bottom:10px;
text-decoration:none;
color:#282828;
}
footer a:hover{
color:#999;
}
.telf a{color:#282828;}
#der{text-align:right;}
p#ziete a{
color:#282828;
text-decoration:underline;
}
p#ziete a:hover{
color:#999;
text-decoration:none;
}
p#ziete a #verlo{
display:none;
}
p#ziete a:hover span#verlo{
display:inline;
color: #999;
text-shadow:#ffffff 0px 0px 0px;
}

#instfooter a{
color: #fff;
}
.banner {
position:relative;
margin-bottom:15px;
}
.banner #prodmenu{
position:absolute;
top:2px;
left:2px;
padding:2px 4px;
background-color:#282828;
color:#fff;
text-decoration:none;
font-size:.7em;
}
.banner a:hover#prodmenu{
background-color:#fff;
color:#282828;
}
.banner .tit{
position:absolute;
top:62px;
left:30px;
color:#282828;
font-size:1.1em;
}
#todo .bloq{
margin-bottom:10px;
}
#todo .bloq .center{
text-align:center;
}
#todo a{
color: #282828;
text-decoration:none;
font-size:.8em;
margin-top:20px;
display:block;
padding-bottom:5px;
}
#todo  a:hover{color: #ccc;

}
 img{border-radius:0px;
}
#todo p.der{text-align:right;}
#todo .bloqder{
display:none;
}
#content   h2{border:0px solid lime;
font-size:1em;
color:#282828;
font-weight:normal;
margin:0px 0 0px;
border-top:0px solid #f0f0f0;
padding: 0 0 20px 0;
}
#content #todo .bloq img{
margin:0px;
}
#content #todo h2.tit{
font-size:1em;
color:#282828;
font-weight:normal;
padding:10px 0;
border:0;
}

.clear{clear:both;}
/*************************    volver  ********************************/
#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;
}
.clear{
clear:both;
}

/*************************    galerias  ********************************/

.ancho{
width:46%;
float:left;
margin-left:8px;
text-align:center;
}

/************************* FIN    galerias  ********************************/

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

/* 480px */
@media only screen and (min-width: 30em) {
		#main { width:30em;  }
	/*body { background-color: #afafaf;}*/
		#header{
	background-image:none;
	}
	
	.banner #prodmenu{
position:absolute;
top:10px;
left:10px;
padding:5px 10px;
font-size:.8em;
}
	
	.banner .tit{
top:102px;
left:70px;
font-size:1.4em;
}

.ancho{
width:46%;
float:left;
margin-left:12px;
}

}/* 480px */


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

	#header{
	/*background:#f0f0f0 url('../imagenes/kavachi3.png') 0px 4px no-repeat;*/
		}
	body { /*background-color: #f0f0f0;*/ }
	#main { width:45em; padding:0;}
		.banner .tit{
top:155px;
left:90px;
font-size:2em;
}
	#inst{
height:150px;
margin-bottom:10px;
/*background:url('../imagenes/logos/logo640.png') no-repeat 10px 0px;*/
}
#inst .diri,#inst .maili{display:block;}
	
	#inst h1{
top:50px;
font-size:2em;
}
	
.tel{
position:absolute;
top:20px;
right:14px;
font-size:2em;
}
	
	
	#todo .bloq{
width:300px;
float:left;
}
		#uno{
/*margin-right:22px;*/
}


.ancho{
width:32%;
float:left;
margin:0 0 20px 8px;
}


	/*#innercontent{margin-left:20px;}*/
	.bloque{width:32%;	float:left;}
	footer{font-size:.9em;}

}/* 720px */


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

	#main { width:60em; }
		#todo .bloq{border:0px solid red;
width:300px;
margin-left:20px;
}

		.banner .tit{
top:200px;
left:140px;
font-size:3em;
}
#innercontent{border:0px solid lime;
margin-left:-10px;

}
.ancho{
width:24%;
float:left;
margin-left:5px;
}

}/* 1000px */


#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;
}
*/

/*catalogo completo  MENU  */
#todo .flia{
border:1px solid #ccc;
padding:5px 5px 10px;
margin-bottom:10px;
background-color:#E1F3FC;
text-align:center;
}
#todo .flia h3,#todo .flia h3 a{
border:0px solid red;
padding:2px 0;
margin:0;
}

/* galeria PRODUCTOS  */
#todo h3.titcontent3{
font-size:.9em;padding:2px 0 5px;margin:0;font-weight:bold;
}

#todo .productos{
border:1px solid #ccc;
height:50px;
overflow:auto;
padding:0;margin:0;
margin-bottom:5px;vertical-align:3px;
}
#todo .productos a{
padding:0;margin:0;height:50px;
}
#todo .productos a:hover{
color:#000;background-color:#f0f0f0;
}
#todo .productos h2{
font-size:.8em;padding:2px 0;margin:0;font-weight:bold;
}



#todo .productos .cod{
font-size:.8em;
text-align:left;
padding:0;margin:0;
}
#todo .productos .bajar{
font-size:.8em;
text-align:right;
padding:0;margin:0 5px 0 0;
color:red;
}
#todo .productos .bold{
font-weight:bold;
}
#todo .productos img{
width:50px;
height:50px;
float:left;
padding:0;margin:0;
margin-right:5px;

}


/* navigator style */
html{
/*color:#fff;*/
}
div.navigator{
width:530px;
font-size:10pt;
padding:5px;
text-align:center;
border:0px solid #000;
margin-top:20px;
}
div.totalpagesdisplay{
width:530px;
padding:0 0 10px;
font-size:8pt;
text-align:center;
font-style:normal;
}
body .navigator a, span.inactive{
padding : 0px 5px 2px 5px;
margin-left:0px;
border-top:1px solid #0E1A02;
border-left:1px solid #0E1A02;
border-right:1px solid #333;
border-bottom:1px solid #333;
color: #333;
background-color: #ccccff;
line-height:30px;
}
.navigator a:link, .navigator a:visited,
.navigator a:active{
color: #E6E6FA;
background-color:#333;
text-decoration: none;
line-height:30px;
}

.navigator a:hover{
color: #E6E6FA;
background-color:#080808;
text-decoration: none;
line-height:30px;
}

span.inactive{
background-color:silver;
font-style:normal;
color:#000;
border:1px solid #333;
line-height:30px;
}
.thumba{
text-align:center;
}
span.separadorlink{
display:none;
}

span.letrachica{
	font-size:9px;
	}
.clear{
clear:both;
}



#todo .ofertas a{
margin:0 ;
padding:0;
 
}
#todo .ofertas a:hover{
opacity: 0.5;
    filter: alpha(opacity=50);
}
#todo #ofertas p{
margin:0;
padding:0;
 
}
#todo .ofertas img{
border:0;
padding:0;
margin:0;
}