/* CSS Document */


body{ margin-top:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:0px}
.texto{ text-decoration:none; color:#000000; text-decoration:none}
.enlace{ color:#000000; text-decoration:underline}
.texto-rosa{ color:#e02466; text-decoration:none}
.texto-blanco{ color:#ffffff; text-decoration:none}
.titulop{ font-size:14px; color:#e02466}


/*********cabecera y pie***/

.cabecera{ width:960px; height:155px; margin:auto; background-image:url(../imagenes/fondo-top); background-repeat:no-repeat; background-position:right bottom; position:relative}
.barra-negra{width:100%; background-color:#000000; height:10px; margin-bottom:10px; position:relative}
.barra-negra-inf{width:100%; background-color:#000000; height:15px; margin-bottom:40px; color:#FFFFFF; position:relative; overflow: hidden; float:left}
.logo{position:relative; top:114px; left:20px}


.cuerpo{width:960px; margin:auto;  position: relative ;}



/***portada****/

.caja-left{width:210px; float:left; padding:5px; }
.login{ width:190px; height:35px; margin:auto}
.hola{text-align:left; width:180px; vertical-align:bottom;   position:relative; top:20px}
.login-boton{text-align:right; width:180px; vertical-align:bottom;   position:relative; top:20px }
.carro{width:180px;  background-color:#000000; margin:auto; text-align:center;  padding:6px 0px 6px 0px}
.carro a{ margin:auto; padding-left:30px; background-image:url(../imagenes/carro.gif); background-position:left; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none;  }

.espacio20{ height:20px}

.buscar{width:200px; height:100px; margin:auto;  }
.buscar-caja{float:left; }

.buscar-form input{width:130px; height:25px; border:1px solid black; color:#666666; margin:4px; background-image:url(../imagenes/buscar.gif); background-repeat:no-repeat; background-position: right}

.menu{ width:200px; margin:auto; height:auto;}
.menu-top{ width:inherit; background-image:url(../imagenes/pajarito.gif); background-position:left; background-repeat:no-repeat; padding-left: 60px; height:39px}
.menu-caja{  border: 6px double black; height:auto; width:165px; padding:10px}
.menu-caja a{ text-decoration:none; color:#000000; padding-left:10px}


.collage{ width:462px; margin:30px; float:left; min-height:360px }


.caja-right{ float:right; width:200px; padding:5px; height:auto}
/****scroller**/
.root {	 position:relative;width: 	180px; margin-top:10px}
.root p 	{padding:5px}
.thumb 		{position:absolute; height:9px; width:15px; left:10px; z-index:100}
.up, .dn 	{position:absolute; left: 0px; z-index: 1}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{border:0;}
.scrollContainer { 	position:relative; left:0px;top:0px;width:180px;overflow:auto; }
.scrollContent {	position:		relative; text-align:justify		}



/*************categoria*******/

.titulo{ font-size:20px; color:#e02466}
.seccion{width:710px; min-height:250px; float:left; margin:20px 0px 20px 30px; position:relative; }
.caja-producto{width:100px; height:200px; margin:10px 15px 10px 20px; float:left; text-align:center; overflow:hidden; }
.texto-rosa{ color:#e02466; text-decoration:none}
.paginas{ float:right; width:680px; height:50px; text-align:right; padding-right:10px }
.paginas-a{ text-decoration:none; color:#000000;}


/****producto ver***/
.ver-imagen{ width:200px; float:left; position:relative}
.imagen{ width:200px; height:200px; border:1px solid black}
.ver-desc{ width:220px; float:right; position:relative; padding:10px}
.ver-imgs{ width:460px;  position:relative; height:105px; float:left }
.detalle{ width:70px; height:70px; margin:5px; float:left; vertical-align:middle; border:1px solid black; }
.detalle img{padding:4px}
.comprar{ background-image:url(../imagenes/comprar.gif); background-repeat:no-repeat; width:230px; height:23px; color:#FFFFFF; font-weight:bold; vertical-align:middle; text-decoration:none; padding:3px}
.comprar a {  text-decoration:none;color:#FFFFFF;}
#capa{ margin-bottom:10px}


.recomendados-tit{ width:160px; height:30px; background-color:#000000; background-image:url(../imagenes/corazon.gif); background-position:left; background-repeat:no-repeat; padding-left:36px; margin-top:30px; color:#FFFFFF; font-size:16px; vertical-align:middle; padding-top:6px}


/***CARRO***/
.carro-tabla{margin-top:10px}
.carro-cabecera{ background-color:#000000; color:#FFFFFF;}
.carro-input{ border:1px solid black}
.boton{ background-image:url(../imagenes/boton.gif); background-repeat:no-repeat; width:126px; height:23px; margin:1px; color:#FFFFFF; text-align:center; vertical-align:middle; padding:3px}

/**REGISTRO**/
.registro{ float:left; width:320px; margin:15px 2px 2px 2px; }
.registro input{ border:1px solid black;}
.recuadro-negro{ border:1px solid black}

/**GRACIAS**/
.gracias{ width:710px; height:400px; float:left; margin:20px 0px 20px 30px; position:relative; text-align:center; vertical-align:middle}

/**CLUB**/
.mas{ background-image:url(../imagenes/flecha.gif); background-repeat:no-repeat; background-position:left bottom; padding-left:13px; font-size:10px; float:right ; height:11px; margin:2px}
.mas a{ color:#000000; text-decoration:none}

/**INF**/
.inf{width:900px; margin:auto; font-size:10px; vertical-align:middle; color:#FFFFFF}
.inf a{ text-decoration:none; color:#FFFFFF}