@charset "utf-8";
/* CSS Document */
/* body */
body{
    background-color:#bababa; 
	SCROLLBAR-FACE-COLOR: #01733d;
	SCROLLBAR-HIGHLIGHT-COLOR: #fff;
	SCROLLBAR-SHADOW-COLOR: #fff;
	SCROLLBAR-3DLIGHT-COLOR: #fff;
	SCROLLBAR-ARROW-COLOR:  #fff;
	SCROLLBAR-TRACK-COLOR: #fff;
	SCROLLBAR-DARKSHADOW-COLOR: #fff;
	background-image:url(../imagenes/fondo2.jpg);
	background-repeat:repeat;
}
div{
display:block; font-size:inherit;
}
img{
border:0em;
}

/* contenedor que se centra */
#contenedor{
width:50.00em; height:53.13em; position: absolute; left: 50%; margin-left: -25.00em; border:0.06em solid #000; background-image:url(../imagenes/fondo.jpg); font-size:1em;
}
/* cabecera */
#cabecera{
position:absolute; float:left; width:50.00em; height:8.50em; margin:0em 0em 0em 0em; background-image:url(../imagenes/cabecera.jpg); background-repeat:no-repeat;
}
.morado{
position:absolute; float:left; margin:7em 0em 0em 39em;
}
.naranja{
position:absolute; float:left; margin:7em 0em 0em 40em;
}
.azul{
position:absolute; float:left; margin:7em 0em 0em 41em;
}
.verde{
position:absolute; float:left; margin:7em 0em 0em 42em;
}
address{
position:absolute; float:left; margin:2em 0em 0em 52em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-style:normal; font-weight:normal;
font-size:0.63em;
}
address a{
text-decoration:none; color:#FFFFFF;
}
/* menu */
.menu {font-family: arial, sans-serif; width:69.33em; height:2.67em; position:absolute; margin:0em; font-size:0.69em; margin:12.70em 0em 0em -0.13em; 
 
text-align:center;  }
.menu ul {padding:0em; margin:0em 0em 0em 2em; list-style-type: none;}
.menu ul li {float:left;  width:138px; height:28px; text-align:center; padding:0em 0em 0em 0.31em; background-repeat:no-repeat; color:#FFFFFF;}
.menu ul li a{float:left; width:138px; height:28px; text-align:center; background-image:url(../imagenes/menu.gif); padding:0.51em 0em 0em 0.31em; background-repeat:no-repeat; color:#FFFFFF;}
.menu ul li a:visited {display:block; width:138px; height:28px; text-decoration:none;   color:#ffffff;
  }
.menu ul li a:link {display:block; width:138px; height:28px; text-decoration:none;   color:#ffffff;
  }
.menu ul li a:focus,.menu ul li a:active {display:block; width:138px; height:28px; text-decoration:none;   color:#ffffff;   }
.menu ul li a:hover{float:left; width:138px; height:28px; text-align:center; background-image:url(../imagenes/menu-over.gif); background-repeat:no-repeat; color:#fff;}
/* contenido */
#contenido{
position:absolute; float:left; width:737px; height:370px; border:3px solid #888686; margin:10.58em 0em 0em 1.42em; background-image:url(../imagenes/portada.jpg);
background-repeat:no-repeat;
}
#tira{
position:absolute; float:left; width:737px; height:130px; margin:34.50em 0em 0em 1.45em;border:3px solid #888686;
}
/* cajas */
#cajas{
position:absolute; float:left; width:50.00em; height:8.50em; margin:43em 0em 0em 0em; 
}

#caja1{
position:absolute; float:left; width:169px; height:135px; border:3px solid #888686; margin:0.63em 0em 0em 1.36em; background-image:url(../imagenes/caja1.jpg); background-repeat:no-repeat;
}
.produc1{
font-size:0.63em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline; margin:3em 0em 0em 1em;
}
.color{
font-size:0.63em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0.35em 0em 0em 1em;
}
.precio{
font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#9b7685; margin:0.35em 0em 0em 0.60em; font-weight:bold;
}
#caja2{
position:absolute; float:left; width:169px; height:135px; border:3px solid #888686; margin:0.63em 0em 0em 13.26em; background-image:url(../imagenes/caja2.jpg); background-repeat:no-repeat;
}
.precio2{
font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#e89c58; margin:0.35em 0em 0em 0.60em; font-weight:bold;
}
#caja3{
position:absolute; float:left; width:169px; height:135px; border:3px solid #888686; margin:0.63em 0em 0em 25.06em; background-image:url(../imagenes/caja3.jpg); background-repeat:no-repeat;
}
.precio3{
font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#1c849e; margin:0.35em 0em 0em 0.60em; font-weight:bold;
}
#caja4{
position:absolute; float:left; width:169px; height:135px; border:3px solid #888686; margin:0.63em 0em 0em 36.96em; background-image:url(../imagenes/caja4.jpg); background-repeat:no-repeat;
}
.precio4{
font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#8fcb3f; margin:0.35em 0em 0em 0.60em; font-weight:bold;
}