@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:auto;
	background-image:url(images/fondogerneral.jpg); background-repeat:no-repeat; background-attachment:fixed;
}
h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#DE0C66; font-weight:bold;}
a{
	font-size:12px;
	color:#DE0C66;
	text-decoration:none;
	font-weight:bold;
}
#navegador{width:980px; margin:auto;}
#contenedor{width:980px; float:left; background-image:url(images/fondocontenedor.gif); background-repeat:repeat-y;}
#banner{width:980px; height:191px; float:left; background-image:url(images/fondo_banner.jpg); background-repeat:no-repeat;}
#menu2{width:980px; float:left; background-color:#6666CC;}
#menu{width:980px; float:left; background-color:#6666CC; background-image:url(images/fondomenu.jpg); background-repeat:no-repeat;}

	#menu{list-style:none;	margin:0;	padding:0;
	}
	#menu li {margin-left:5px; float:left; text-align:center; 
	}
	#menu li a {display:block; padding:11px 5px 11px 5px; margin-left:1px;
	text-decoration:none;	text-align:center;	font-size:13px; font-weight:bold;
	color:#FFFFFF;	
	}	
	#menu li a:hover {
	color:#0033CC; background-color:#FFFFFF;padding:11px 5px 11px 5px;
	}
#columna1{width:165px; float:left; background-color:#7DB1FF;}
#columna2{width:185px; float:left; background-color:#BADDA9;}
#contenido{ width:630px; float:left; background-image:url(images/fondo_contenido.jpg); background-repeat:repeat-x;}
#pie{width:980px; float:left; background-color:#BADDA9;}

#menusuperior{width:650px; height:191px; float:left;}
#mensup{width:400px; float:left; margin-left:30px;}
	#menup{list-style:none;	margin:0;	padding:0;
	}
	#menup li { margin-top:2px; padding-bottom:3px; float:left; text-align:center; 
	}
	#menup li a {display:block; padding:5px 5px 8px 5px; margin-left:1px;
	text-decoration:none;	text-align:center;	font-size:13px; font-weight:bold;
	color:#FFFFFF;	
	}	
	#menup li a:hover {
	color:#0033CC;
	}
	#carrito{width:20px; height:21px; float:left; margin-left:5px; margin-top:5px;}
	.linea{width:1px; height:19px; float:left; margin:5px;}
#logo{width:222px; height:123px; float:left;margin-left:220px; margin-top:20px;}
#fotobanner{width:320px; height:191px; float:right;}
#buscador{width:980px; height:33px; float:left; background-image:url(images/fondobuscar.png);}
#flecha{ width:24px; height:20px; padding:5px; float:left;}
#text{width:620px; height:18; padding:5px; float:left}
#buscar{width:122px; height:18px; padding:5px; float:left; margin-left:90px;}
	#buscar input{ width:122px; height:18px;background-image:url(images/input_buscar.png); background-repeat:no-repeat;}
#btnbuscar{width:57px; height:15px; padding:5px; float:left;}

/*------------------columna1-------------------*/

#bebedelmes{width:161px; height:45px; margin-top:10px; float:left;}
	#bebedelmes a{text-decoration:none; display:block;}
#fotdelmes{width:auto;height:auto; float:left; border:solid #FFFFFF 2px; margin-top:0px;margin:0px 0px 0px 5px; margin-bottom:10px;}
#texmasoferta{width:146px; float:left; background-color:#0066CC; margin-left:5px;}
	#texmasoferta a{font-weight:bold; color:#FFFFFF; text-decoration:none;}
	#texmasoferta a:hover{color:#333333; text-decoration:underline;}
#titlista{width:161px; height:54px; float:left; margin-top:20px;}

/*----------------------------columna2----------------------*/

#registro{width:185px; height:200px; float:left}
	#titregistro{width:185px; float:left; margin-top:20px;}
	.reg1{width:51px; height:12px; padding:3px; float:left; margin-left:5px; margin-top:10px;}
	.reg2{width:61px; height:12px; padding:3px; float:left; margin-top:10px; margin-left:13px;}
	.reg input{width:51px; height:12px;}
#entrar{width:72px; height:33px; float:left; margin-left:105px; margin-top:10px;}
#linea2{width:170px; float:left; margin-top:10px; margin-left:5px;}
#olvido{width:170px; float:left; margin:5px; margin-left:5px;}
	#olvido a{color:#DD0C67;}
	#olvido a:hover{font-weight:bold; color:#333333;}
	#textmas{width:174px; float:left; margin-top:5px; margin-left:5px; background-color:#97C139;}
		#textmas a{color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center;}
		#textmas a:hover{color:#333333; text-decoration:underline;}
#masvendido{width:170px; height:auto; float:left; margin-left:5px; border:solid #97C139 2px;}

/*-----------------------------------------pie-------------------------------*/
#menupie2{ width:700px; float:left; margin-left:180px;}
#mensup2{width:700px; float:left; margin-left:145px;}
	#menup2{list-style:none;	margin:0;	padding:0;
	}
	#menup2 li { margin-top:2px; padding-bottom:3px; float:left; text-align:center; 
	}
	#menup2 li a {display:block; padding:5px 5px 8px 5px; margin-left:1px;
	text-decoration:none;	text-align:center;	font-size:11px; font-weight:bold;
	color:#333333;	
	}	
	#menup2 li a:hover {
	color:#DD0C67;
	}
#recomendar{width:980px; height:30px; float:left; background-color:#97C139;}
	.recomendar2{width:250px; height:35px; float:left; margin-left:40px; margin-top:5px;}
#derechos{width:300px; float:left; padding:10px 10px 10px 80px}
#derechos2{width:450px; float:left; padding:10px 10px 10px 63px; text-align:right}
/*------------------------------------------------------------------------------------------*/

#infoindex{width:600px; height:240px; float:left; margin:10px;}
#titulo{ width:600px; float:left; margin:10px;}
#textindex{width:520px; float:left; margin-left:90px;}

/*---------------------------------------catalogo--------------------------------------------*/

#titulocontenido{width:600px; float:left; margin:10px;}
#textcontenido{width:600px; float:left; margin:10px;}
#artnov{width:600px; float:left; margin:10px;}
	.articulos{width:250px; float:left; margin-left:10px; margin-top:10px;}
	.novedades{width:250px; float:left; margin-left:50px; margin-top:10px;}
#titarticulos{width:250px; height:auto; float:left;}
	#mas{width:31px; height:30px; float:left;}
	#tituloarticulo{width:200px; float:left; margin:8px 5px ;}
#fotoarticulos{width:200px; float:left; border:solid 2px #FF3366; margin-left:31px;}
#vermas{width:130px; height:18px; float:right; margin-right:2px; margin-top:5px;}
	#flechaver{width:11px; height:14px; float:left;}
	#verpro{width:100px; float:left; margin-left:10px;}
#seleccionador{width:400px; float:left; margin:5px 10px;}
	#seleccionador h1{color:#333333}
#vercarrito{width:150px; float:left; margin:5px 10px;}
	#vercarrito a{font-size:12px; text-decoration:underline;}
	#vercarrito a:hover{color:#DD0C67;}
#lineah{width:600px; margin:5px 10px; float:left;}
#contador{width:60px; float:right; margin-right:20px;}

.productos{width:210px; float:left; margin-left:10px; margin-top:10px;}

.productoscatalogo{width:165px; float:left; margin-left:10px; margin-right:20px; margin-top:10px; margin-bottom:20px;}
#fotoproducto{width:160px; float:left; border:solid 2px #FF3366; margin-left:0px;}	
#tituloproductos{width:160px; float:left; margin:8px 5px ;}
	#tituloproductos h1{font-size:12px; font-weight:bold;}
#precio{width:164px; height:18px; float:left; margin-left:0px; background-color:#FF3366; color:#FFFFFF;}
	#textprecio{width:60px; float:left;}
	#listprecio{ margin-left:10px; float:right; padding-right:3px;}
#unidades{width:164px; height:18px; float:left; background-color:#FFFFFF; color:#333333; margin-top:2px; margin-bottom:2px;}	
#carritocompras{width:100px; float:left;}

/*-----------------------------------------*/

#listaproductos{width:600px; float:left;}
#caracteristicas{width:350px; float:left; margin:10px;}
.datos{width:350px; float:left; background-color:#CCCCCC;}
.datos2{width:350px; float:left;}
.datos3{
width:350px;
float:left;
font-size:11.5px;


}
#textprecio2{ float:left;}
#lineah2{width:550px; margin:5px 10px; float:left;}
#listprecio2{ margin-left:0px; float:right; padding-right:3px;}
	#listprecio2 h1{font-size:12px; font-weight:bold; color:#333333;}
#totalitems{width:560px; float:left; margin:5px 10px;}
#fotoproducto2{width:160px; height:auto; float:left; border:solid 2px #FF3366; margin-left:0px;}
.productoscatalogo2{width:165px; float:left; margin-left:10px; margin-right:20px; margin-top:5px; margin-bottom:2px;}
#tituloproductos2{width:160px; float:left; margin:3px 0px ;}

#eliminar{width:65px; float:right; padding:2px;}
#items{width:300px; float:right; margin:5px 0px;}
	#textitems{width:130px; float:left; margin-left:60px;}
	#total{ float:right;}
	#total h1{color:#333333}
.pedido{width:150px; float:left; margin-left:30px; margin-right:5px; margin-top:10px; margin-bottom:10px; text-align: center;}
.pedido2{width:600px; float:left; margin-left:30px; margin-right:5px; margin-top:10px; margin-bottom:10px; text-align: center;}
	.pedido a:hover{text-decoration:underline; color:#DD0C67;}
	
/*---------------------------------------formulario pedido------------------------------*/

#formdatos{width:120px; height:20px; float:left; margin:10px 30px 5px 60px;}
	#formdatos h1{ font-size:12px;}
#inputdatos{width:230px; height:20px; float:left; margin:10px 0 5px 10px;}
	#inputdatos input{background-color:#0066CC; color:#FFFFFF; width:230px; height:20px;}
	#inputdatos textarea {background-color:#0066CC; color:#FFFFFF; width:230px; height:50px;}
#enviar{width:150px; float:right; margin-right:50px; margin-top:30px; margin-bottom:20px;}
#seleccionador2{width:380px; float:left; margin:5px 10px;}

/*--------------------------------TIPS-------------------------------------*/

.infotips{width:350px; float:left; }
#tituloproductostips{width:320px; float:left; margin:3px 0px ;}
#textlista{width:600px; float:left; margin:0px 10px 10px 10px;}
	#textlista h1{font-size:12px;}
	
#fototips{width:580px; float:left; text-align:center; }
	#fototipsinterna {width:auto; float:left; text-align:center; border:solid #DD0C67 2px; margin-left:50px;}
	#titulostips{width:500px; float:left; margin-top:10px; margin-left:50px;}
	#textips{width:500px; float:left; margin-top:10px; margin-left:50px; margin-bottom:30px;text-align:justify}

/*-------------------------------CUADRO DE COMPRAS ------------------------------*/

#cuadro_de_compras{width:550px; float:left; margin-left:20px; margin-top:20px;}
#titulo_compras{width:550px;float:left;}
.datos_compra{width:550px; float:left; border-bottom:#999999 1px solid; margin-top:3px;}
	#ref{width:44px; float:left;}
	#producto{width:194px; float:left; margin-left:3px; }
	#precio_lista{width:65px; float:left; margin-left:5px; text-align:center;}
	#cantidad{width:75px; float:left; margin-left:5px; text-align:center;}
	#total_lista{width:95px; float:left; margin-left:2px; text-align:center;}
	#eliminar_lista{width:55px; float:left; margin-left:2px; text-align:center;}

/*----------------------------links-----------------------------------------------------*/

#todo{
padding:30px 0 20px 0;
float:left	
}

.ti{
font-size:16px;
color:#DE0C66;	
}

#primero{
float:left;
width:200px;
padding:10px 0 0 0;	
}

#primero .prueba a{ color:black; font-size:12px}
#primero .prueba  a:hover{color:#0099FF; text-decoration:underline }

#primero1{
float:right;
width:180px;
padding:10px 50px 0 80px;
}

#primero1 .prueba1 a{ color:black; font-size:12px}
#primero1 .prueba1  a:hover{color:#0099FF; text-decoration:underline }