@import url("reset.css");
/* General */
body{background:#162640 url(fondo.jpg) center top repeat;font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;color:#434}
a{text-decoration:none;color:#036; border:none}
a:hover{color:#369;border-bottom:2px solid #9cf}
.campo{font-size:1em;border:1px solid #DFE6C8;padding-left:5px;color:#443;width:150px;margin-bottom:5px}
.boton{margin-bottom:3px;border:none;background:#fff url(boton.jpg) top left no-repeat;color:#666;
padding:0;font-size:0.9em;width:108px;height:25px;font-weight:700;cursor:pointer}
.boton2{border:none;background:url(boton2.jpg) top left no-repeat;color:#666; font-weight:700;
padding:0;font-size:1em;width:216px;height:25px;cursor:pointer}
.alerta{font-size:0.9em;padding:5px;margin:2px;width:425px; display:none}
.alerta_lateral{font-size:0.9em;padding:5px;margin:2px;width:200px; margin:10px;margin-top:-8px; display:none; text-align:center}
.ok{background:#F8FCF5;border:1px solid #86CC57;color:#090; display:block}
.nok{background:#FEF5F5;border:1px solid #F17878;color:#f00}
.precio{color:#c33;font-size:1.2em;font-weight:700}
.detalles{background:#F8FDF6;border:1px solid #E9EFE1;padding:5px}
.espacio{display:inline-block;height:10px;padding-left:30px}
.enlace_usuario{background:url(usuario.png) 1px 0 no-repeat;padding-left:20px;line-height:22px;font-size:1.05em!important}
.enlace_salir{background:url(salir.png) 0 0 no-repeat;padding-left:20px;line-height:22px;font-size:1.05em!important}
.enlace_carrito{background:url(carrito.png) 0 0 no-repeat;padding-left:20px;line-height:22px;font-size:1.05em!important}
.enlace_gastos{background:url(gastos.png) 1px 0 no-repeat;padding-left:20px;line-height:22px;font-size:1.05em!important}
.ag_carrito{border:none;background:url(car_agregar.png) 0 0 no-repeat;padding-left:20px}
.en_carrito{border:none;background:url(car_agregado.png) 0 0 no-repeat;padding-left:20px}
.ver_detalles{border:none;background:url(detalles.png) 0 0 no-repeat;padding-left:20px}
.sin_stock{border:none;background:url(sinstock.png) 0 0 no-repeat;padding-left:20px}

.carrito{background:#FBFEF7;border:1px solid #E9EFE1;margin:5px;width:520px; border-collapse:collapse}
.carrito th,.carrito td{padding:5px}
.carrito th{font-size:1em;border:1px solid #E9EFE1}
.carrito td{background:#fff;border-bottom:1px solid #F0F4E1}
.carrito .precio{font-weight:100; font-size:0.9em}

.lista{background:#FBFEF7;border:1px solid #E9EFE1;margin:5px;width:520px; border-collapse:collapse}
.lista th,.lista td{padding:5px}
.lista th{font-size:1em;border:1px solid #E9EFE1}
.lista td{background:#fff;border-bottom:1px solid #F0F4E1}
.lista .precio{font-weight:100; font-size:0.9em}

.categorias{
background:#fff;
border:1px solid #E9EFE1;
padding:0;
margin:5px;
width:639px;
float:left;
margin-bottom:-1px;
margin-top:0;
font-size:1em
}
.categorias li{display:inline}
.categorias li a{color:#468;font-weight:700;border:none;float:left; padding:5px 10px; height:17px}
.categorias li a.activa{color:#036;background:#f0f0f0; border:1px solid #E9EFE1; border-top:none; border-bottom:none}
.nivel2 li a{color:#468}
.nivel2 li a.activa{color:#036; border:none}
.nivel2{background:#f0f0f0;font-size:0.9em}
.nivel3{background:#FEFFFB;font-size:0.8em}

/* Estructura */
#sitio{display:block;width:950px;margin:auto;overflow:hidden; background:#fff}
	/* Cabecera */
	#cabecera{background:#000 url(cabecera.jpg) top left no-repeat;height:142px; width:100%}
	#cabecera img{display:block}
		/* Menu principal */
		#menu{background:#333 url(fondo-menu.jpg) top left repeat-x;padding:5px;padding-left:10px;padding-right:10px;
		margin-bottom:20px;height:25px}
		#menu ul{float:left; margin-top:5px}
		#menu ul li{display:inline;padding:2px;padding-left:5px;padding-right:5px}
		#menu ul li a{font-size:0.9em;text-decoration:none;border:none;font-weight:700;color:#fff}
		#menu ul li a:hover{color:#9cf}
		/* Buscar */
		#busqueda{float:right;padding:0;margin:0}
		#busqueda .campo{border:1px solid #808000;color:#443;width:120px; margin-bottom:-1px}
		#busqueda .boton{margin:0;border:none;background:#333 url(buscar.jpg) top left no-repeat;
		color:#fff;padding:0;font-size:1em;width:68px;height:25px;font-weight:700;cursor:pointer}
	/* Cuerpo */
	#cuerpo{width:930px;margin:auto;display:table;margin-bottom:10px}
		#contenido,#lateral{overflow:hidden}
		/* Contenido */
		#contenido{width:650px;float:left; margin-right:40px}
		#contenido h1{font-family:'Trebuchet MS';font-size:1.5em;color:#440;font-weight:700;margin-left:4px;margin-bottom:10px}
		#contenido h1.flash{height:45px;width:545px;overflow:hidden;margin:0}
		#contenido p{margin:5px;margin-bottom:10px}
		.enmarcar{background:#fff;padding:3px;border:1px solid #ddd;margin:10px}
			/* Busqueda */
			#contenido #busqueda{padding:5px; float:none; display:block}
			#contenido #busqueda .campo{border:1px solid #C9C999;color:#463;width:210px;margin:auto; padding:2px; font-size:1em}
			#contenido #busqueda .boton2{margin:auto;margin-top:5px}
			/* Noticias */
			.resumen_noticia{border:1px solid #EEF6F0;background:#F9FCF6; margin:5px; margin-top:10px; padding:5px}
			.resumen_noticia h3{font-size:1.2em; margin:5px}
			.resumen_noticia h3 a{border:none}
			.resumen_noticia small{font-size:0.9em; font-style:italic; display:block; margin:5px}
			/* Encuestas */
			#contenido #encuesta{margin-top:0;margin-bottom:10px;text-align:center; margin-bottom:25px; margin-top:10px}
			#contenido #encuesta #opciones{text-align:left;margin-left:15px;padding:15px;background:#f0f0f0;
			border:1px solid #D3DFC4; float:left}
			#contenido #encuesta .radio{margin-right:5px}
			#contenido #encuesta label{line-height:1.5em}
			#contenido #encuesta .boton{margin:auto;margin-bottom:0;margin-top:10px;}
			#resultados{margin:10px;clear:left; padding-top:10px}
			#contenido .label_porc{display:block;float:left;text-align:right;font-weight:700;margin-bottom:2px;margin-left:5px}
			#contenido .porcentaje{clear:left;display:block;padding:1px;padding-left:5px;padding-right:5px;
			background:#fff url(porcentaje.jpg) -200px 0 no-repeat;width:200px;color:#000;border:1px solid #fff;
			margin-bottom:10px;font-size:0.85em; margin-left:5px}
			/* Formulario de Contacto */
			#contacto{margin:5px;margin-top:20px; padding:10px;background:#f0f0f0;border:1px solid #E9EFE1;width:420px}
			#contacto label{display:block;float:left;height:18px;padding-right:3px; width:50px; text-align:right; font-size:0.9em}
			#contacto .campo{width:200px; font-size:0.9em}
			#contacto textarea{height:70px;width:350px !important}
			#contacto .boton{margin-left:53px}
		/* Lateral */
		#lateral{width:230px;position:relative;float:right}
		.wide h2,#lateral h2{font-family:'Trebuchet MS';font-size:1.4em;font-weight:700;margin-left:14px;margin-bottom:10px;
		padding-bottom:3px;border-bottom:2px dotted #ccc}
		.wide h2.flash, #lateral h2.flash{height:30px;width:210px;margin:0;padding:0;border:none;
		background:url(recuadro_top.gif) 5px bottom no-repeat;padding-left:15px; padding-top:5px}
		.wide .fin, #lateral .fin{background: url(recuadro_bottom.gif) left bottom no-repeat;height:15px;
		margin-left:5px;margin-bottom:10px}
		#lateral .previa{margin-left:6px;margin-right:5px;padding:2px;background:#F0F0F0;text-align:center;
		border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;padding-top:4px}
		#lateral .previa a{border:none}
		#lateral .previa img{background:#fff;padding:5px;border:1px solid #E9EFE1;margin:1px}
		#lateral .previa img:hover{background:#F1F3EB;border:1px solid #9cf}
		.wide .encuadre, #lateral .encuadre{margin-left:5px;margin-right:5px;background:#F0F0F0;border-left:1px solid #E8E8E8;
		border-right:1px solid #E8E8E8}
		#lateral ul{margin:0;margin-left:5px;margin-right:5px;padding:5px;background:#F0F0F0;border-left:1px solid #E8E8E8;
		border-right:1px solid #E8E8E8}
		#lateral ul li{margin:2px;margin-left:10px;margin-bottom:5px;list-style:inside circle}
		#lateral ul li a{text-decoration:none;color:#030;border-bottom:2px solid #F1F6EF}
		#lateral ul li a:hover{border-bottom:2px solid #9cf}
		.wide a,#lateral a{border:none; font-size:0.9em}
			/* Login */
			#lateral #login{height:140px;width:218px;margin-top:0;margin-bottom:0;text-align:center}
			/* Encuesta */
			#lateral #encuesta{margin-top:0;margin-bottom:0;text-align:center}
			#lateral #encuesta .boton{margin-top:10px}
			#lateral #encuesta .radio{margin-right:5px}
			#lateral #encuesta label{line-height:1.5em}
			#lateral #encuesta p{margin-bottom:5px;font-weight:700}
			#lateral #encuesta #opciones{text-align:left;margin-left:25px;margin-right:25px;padding:5px}
			#lateral #encuesta #porcentajes{text-align:left;margin-left:15px;margin-right:15px;padding:5px; font-size:0.9em}
			#lateral .label_porc{display:block;float:left;text-align:right;font-weight:700;margin-bottom:1px;margin-left:2px;}
			#lateral .porcentaje{clear:left;display:block;padding:1px;padding-left:5px;padding-right:5px;
			background:#f0f0f0 url(porcentaje2.jpg) -150px 0 no-repeat;width:150px;color:#000;border:1px solid #f0f0f0;
			margin-bottom:5px;font-size:0.95em}
			/* Ultimas noticias */
			#lateral .noticia_resumen h3{font-size:1em; padding-top:5px}
			#lateral .noticia_resumen small{color:#000;font-size:0.8em}
			#lateral .noticia_resumen p{padding-bottom:5px;font-size:1em}
			#lateral .noticia_resumen h3,#lateral .noticia_resumen small,#lateral .noticia_resumen p{
			margin-left:15px;margin-right:10px;}
			/* Oferta */
			.oferta{display:table}
			.oferta h3{font-size:1.2em; font-style:italic}
			.oferta div{float:right;margin:5px;padding-right:3px}
			.oferta .precio{display:block; margin:5px; text-align:left; padding-left:10px; margin-top:10px}
			.oferta p{margin:5px; margin-top:10px;padding-left:10px; margin-right:0; text-align:left}
	/* Album Previa */
	.album_desc{background:#FBFEF7 url(fondo-album.jpg) left top repeat;border:1px solid #E9EFE1;margin:10px;float:left;width:634px}
	.album_desc img{display:block;float:left;margin-right:10px; background:#fff;border:1px solid #E9EFE1;padding:3px}
	.album_desc img:hover{background:#F1F3EB;border:1px solid #9cf}
	.album_desc h2{margin-top:10px;margin-bottom:5px;font-size:1.2em; margin-right:50px}
	.album_desc h2 a{border:none}
	.album_desc p{margin:5px}
	.album_desc a.ver{margin:5px;margin-left:0}
	.album_desc .precio{margin:10px;text-align:right;position:absolute;margin-left:410px;width:80px}
	/* Listado Previa */
	.listado{background:#FBFEF7;border:1px solid #E9EFE1;margin:10px;margin-left:5px; margin-bottom:0; margin-top:5px;float:left;width:520px}
	.listado h2{margin:5px;margin-top:10px;margin-bottom:5px;font-size:1.2em}
	.encuesta h2{float:left}
	.listado h2 a{border:none}
	.encuesta p{font-size:0.9em; text-align:right; padding-top:5px}
	.encuesta{background:#FBFEF7 url(encuesta.png) 0 2px no-repeat;width:500px;padding-left:30px}
	/* Foto Previa */
	.thumb img{display:block;float:left;margin:5px; background:#fff;border:1px solid #E9EFE1;padding:3px}
	.thumb img:hover{background:#F1F3EB;border:1px solid #9cf}
	.foto{display:block;float:left;margin:5px; margin-top:10px;background:#fff;border:1px solid #9cf;padding:3px}
	/* Pie de pagina */

	#menuPie{width:930px;margin:auto;background:#222 url(fondo-menupie.jpg) top left repeat-x;padding:5px;padding-left:10px;padding-right:10px;height:15px}
	#menuPie ul{float:right; margin-top:0px}
	#menuPie ul li{display:inline;padding:2px;padding-left:5px;padding-right:5px}
	#menuPie ul li a{font-size:0.85em;text-decoration:none;border:none;font-weight:700;color:#fff}
	#menuPie ul li a:hover{color:#9cf}
		
	#pie{width:930px;margin:auto;background:#111 url(fondo-pie.jpg) top left repeat-x;
	height:20px;padding-top:5px;text-align:left;color:#ccc; padding-left:10px; padding-right:10px;font-size:0.8em; margin-bottom:10px}
	#pie a{color:#ccf;font-weight:700;text-decoration:none; border:none}
	#pie a:hover{color:#fff}
	
#novedades{}
#novedades .novedad{
width:630px;
padding:5px;
margin:5px;
float:left;
background:#fcfcff;
border:2px solid #E1E9EF;
margin-bottom:20px;
}
.novedad p{margin:5px 1px!important}
.novedad .img{
float:right;
border:2px solid #ccd;
margin:8px 0 3px 3px;
}
#novedades a.precio{
float:left;
font-family:'Trebuchet MS';
font-size:1.7em;
font-style:italic;
margin:2px;
margin-top:10px
}
#novedades a:hover{border:none}

#map{width:99%;height:300px;float:left;margin-bottom:10px;border:1px solid #ccc}

dl.contacto{margin-bottom:15px; border:1px solid #eef; float:left; width:645px}
dl.contacto dt{
font-weight:700;
float:left;
text-align:right;
width:75px;
padding-right:3px;
line-height:1.8em;
margin-right:5px;
background-color:#eef;
background-position:5px 2px;
background-repeat:no-repeat
}
dt.dir{padding-left:25px;background-image:url(../estilo/dir.png)}
dt.tel{padding-left:25px;background-image:url(../estilo/tel.png)}
dt.mov{padding-left:25px;background-image:url(../estilo/mov.png)}
dt.email{padding-left:25px;background-image:url(../estilo/email.png)}

dl.contacto dd{line-height:1.8em; margin-bottom:1px;background-color:#f9f9ff}

#sitio{background:#FFFF00}