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

body {margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:top center url(../imagenes/header.jpg) repeat-x #f1e8d7; color:#7d7354;}

html,body {height:100%}

/* elementos comunes */
.separador {clear:both; font-size:1px;}
.distanciador {clear:both; font-size:1px; height:10px;}
.d {clear:both; font-size:1px; height:10px;}
.izq {float:left; *display:inline; *position:relative;}
.der {float:right; *display:inline; *position:relative;}

.boton_contenedor {
	width:auto; 
	margin:10px auto 10px auto; 
	color:#564c3e; 
	font-size:14px; 
	font-weight:bold; 
	letter-spacing:-1px;
}
.boton {width:151px; height:41px; margin:0 auto 0 auto; background:top left url(../imagenes/boton.png) no-repeat;}
.boton_sombra {
	position:relative;
	width:151px;
	top:6px;
	text-align:center;
	color: #c9b598;
}
.boton_texto{
	position:relative;
	width:151px;
	top:-12px;
	text-align:center;
	color: #564c3e;
}
.boton_texto a, .boton_texto a:link   {
	color:#564c3e;
	text-decoration:none;
}
.boton_texto a:hover {
	color:#990000;
	text-decoration:none; 
}

/* Botonficha */
.bf {
	float:left;
	margin:10px 0 10px 0; 
	color:#564c3e; 
	font-size:13px; 
	font-weight:bold; 
	letter-spacing:-1px;
	width:128px;
	height:35px;
	background:top left url(../imagenes/boton_ficha.png) no-repeat;
}
.bf_sombra {
	position:relative;
	width:128px;
	top:6px;
	left:2px;
	text-align:center;
	color: #c9b598;
}
.bf_texto{
	position:relative;
	width:128px;
	top:-11px;
	text-align:center;
	color: #564c3e;
}
.bf_texto a, .bf_texto a:link   {
	color:#564c3e;
	text-decoration:none;
}
.bf_texto a:hover {
	color:#990000;
	text-decoration:none; 
}



/* Fin comunes */

#contenedor_cabecera{ width:100%; margin:0;}
#cabecera {
	width:980px;
	margin:0 auto 0 auto;
	height:259px;
}
	#logo{ float:left; padding:32px 0 0 31px; _padding-top:0px; height:92px; }
	#buscador-cesta {
		float:right;
		width:480px;
		height:124px;
		background:top left url(../imagenes/buscador.png) no-repeat;
		margin-right:5px;
		padding:0 0 0 7px;
	}
		#bc_input {
			float:left;
			width:263px; 
			height:23px; 
			background:url(../imagenes/input_buscador.jpg) no-repeat;
			border:none;
			padding:5px 0 0 8px;
			font-size:14px;
			color:#c7b099;
		}
		.bc_boton {
			float:left;
			width:57px; 
			height:28px; 
			background: url(../imagenes/bt_buscador.jpg) no-repeat;
			border:none;
		}
		.bc_boton:hover {background: url(../imagenes/bt_buscador_on.jpg) no-repeat;}
		.titulo_peque { font-size:10px; color:#cb9e6f;}
	#menu-superior {float:left; width:auto; height:30px; padding-top:57px; }
	#cesta {
		float:right;
		width:305px; 
		height:135px; 
		background:top left url(../imagenes/cesta.png) no-repeat;
		color:#745744;
		text-align:right;
		margin-right:7px;
	}
		#cesta .cont {
			float:right;
			width:140px;
			margin:8px 35px 0 0; 
			clear:both;
		}

#contenedor {
	width:100%;
	background:top left url(../imagenes/fondo_centro.jpg) repeat;
	margin:0;
}
	#contenedor_centro{
		width:980px;
		_width:1012px;
		margin:0 auto 0 auto;
		height:auto;
		clear:both;
	} 
	#sombra {
		width:100%;
		background:top left url(../imagenes/sombra_cabecera.png) repeat-x;
		clear:both;
		height:auto;
	}

#pie {
	background:top center url(../imagenes/footer.jpg) repeat-x #f1e8d7;
	height:60px;
	width:100%;
	clear:both; 
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	padding-top:65px;
}
	#pie strong {
		font-size:12px;
		line-height:20px;
	}
	#pie strong a, #pie strong a:link {color:#FFFFFF; text-decoration:none; }
	#pie strong a:hover {color:#ab2a2a; text-decoration:underline;}
	
	#pie a, #pie a:link { text-decoration:none; color:#6f1a1a; font-weight:bold;}
	#pie a:hover {color:#ab2a2a; text-decoration:underline;}
	
/* PARTE LATERAL */	
#lateral_izq {
	float:left;
	width:250px;
	height:910px;
	background:top left url(../imagenes/bloque-usuarios.png) no-repeat;
}
#bloque_usuarios {
	position:relative;
	display:block;
	top:0;
	left:0;	
	width:225px;
	height:89px;
	padding:72px 0 0 25px;
}
#bloque-secciones {
	position:relative;
	top:0;
	left:0;
	width:220px;
	height:238px;
	padding:17px 15px 17px 15px;
}
	#bloque-secciones ul {
		margin:0;
		padding:0;
		list-style:none;
		color:#cfcfcf;
		font-size:12px;
	}
	#bloque-secciones li {
		font-weight:bold;
		width:193px;
		height:19px;
		padding:0 0 0 25px;
		margin:4px 0 4px 0;
		background:top left url(../imagenes/li_simbolo.png) no-repeat;
	}
	#bloque-secciones li.resaltado {
		background:top left url(../imagenes/sombra_menu.png) repeat-x;
	}
	#bloque-secciones li a,#bloque-secciones li a:link, #bloque-secciones li.resaltado a, #bloque-secciones li.resaltado a:link {
		padding:2px 0 0 0;
		margin:0;
		position:relative;
		display:inline-block;
		top:0;
		width:217px;
		height:inherit;
		text-decoration:none;
		color:#cfcfcf;
	}
	#bloque-secciones li a:hover, #bloque-secciones li.resaltado a:hover {
		color:#6a2727;
	}
	#bloque-secciones li:hover { color:#6a2727; background:top left url(../imagenes/sombra_menu.png) repeat-x; }
	
#bloque-encuestas {
	position:relative;
	top:-24px;
	left:0;
	width:180px;
	height:405px;
	background:top left url(../imagenes/bloque-encuestas.png) no-repeat;
	padding:70px 35px 10px 35px;
	color:#282623;
	font-size:12px;
}
	.barra_fondo {
		float:left;
		width:180px;
		height:11px;
		background-color:#483d2b;
		clear:both;
	}
	.barra_texto {
		width:100%;
		float:left;
		font-size:10px;
		color:#332622;
		font-weight:bold;
	}
#bloque-encuestas strong {color:#46413c;}
	#enc_encuestas {
		float:left;
		width:100%;
		height:222px;
	}
	#enc_libro {
		float:left;
		width:100%;
		height:auto;
	}


/* PARTE central */	
#central {
	float:right;
	width:730px;
	height:auto;
	_margin:0 0 0 -10px;
}	
	#bloque_cabecera {
		display:block;
		background:top left url(../imagenes/bloque-bienvenida.png) no-repeat;
		width:690px;
		height:174px;
		padding:5px 20px 20px 20px;
		margin-top:20px;
		margin-bottom:20px;
		line-height:20px;
		color:#5c4c36;
	}
	#bloque_novedades {
		display:block;
		width:690px;
		height:auto;
		padding:0 20px 0 20px;
		font-size:10px;
		color:#7d7354;
	}
	#bloque_novedades strong { font-size:14px; }
	#bloque_novedades em { font-style:normal; font-size:26px; color:#a4512c; font-weight:bold; }
	
		.ficha_resumen { float:left; width:220px; height:140px; margin-right:10px;} 
		.ficha_resumen span { float:left; width:80px; height:117px; background:url(../imagenes/libro_fondo.png) no-repeat;}
		.ficha_resumen img {position:relative; top:0px; left:0px; width:73px; height:111px; }
		.ficha_texto {float:right; width:140px; height:auto;}
		.ficha_texto p {padding-left:8px; margin:0; height:85px;}
		.ficha_texto p a, .ficha_texto p a:link { font-size:14px; color:#7d7354; text-decoration:none; }
		.ficha_texto p a:hover { text-decoration:underline; }
		
		.ficha_detalle { float:left; width:710px; height:auto; padding:10px;} 
		.ficha_imagen { float:left; width:100px; height:auto; background:url(../imagenes/libro_fondo.png) no-repeat;}
		.ficha_detalle img {position:relative; top:0px; left:0px; width:73px; height:111px; }
		.ficha_valoracion {clear:both; position:relative; top:10px; width:100px; height:auto; }
		.ficha_detalle_texto {float:right; width:610px; height:auto;}
		.ficha_detalle_texto p {padding-left:8px; margin:0; margin:0 0 6px 0; clear:both;}
		.ficha_detalle_titulo { font-size:14px; color:#7d7354; font-style:normal;}
		.ficha_detalle_sinopsis { float:left; clear:both; width:590px; padding:10px; background:top left url(../imagenes/fondo_form.png) repeat-y;}
		.ficha_detalle_precio { font-size:20px; color:#c9b598; font-weight:bold;}
		.ficha_detalle_precio b { font-style:normal; color:#a4512c;}
		
	#bloque_categorias {
		display:block;
		width:710px;
		height:240px;
		color:#484233;
		overflow:hidden;
	}
		#bloque_categorias_fondo {
			position:relative;
			top:0;
			left:0;
			width:710px;
			height:240px;
			background-color:#9b8f6f;
			filter:alpha(opacity=20);
			-moz-opacity:0.20;
			opacity:0.20;
		}
		#bloque_categorias_texto {
			position:relative;
			top:-240px;
			left:0;
			width:704px;
			height:auto;
			padding:10px 3px 10px 3px;
		}
		#bloque_categorias_texto a, #bloque_categorias_texto a:link { color:#990000; text-decoration:none }
		#bloque_categorias_texto a:hover { text-decoration:underline; }
		#bloque_categorias_texto ul {
			float:left;
			margin:0;
			padding:0;
			list-style:none;
			width:171px;
		}
		#bloque_categorias_texto li {
			font-weight:bold;
			padding:0 0 0 15px;
			margin:5px 0 5px 0;
			background:top left url(../imagenes/li_libro.png) no-repeat;
			font-style:normal;
		}
		#bloque_categorias_texto li a, #bloque_categorias_texto li a:link {color:#484233; text-decoration:none;}
		#bloque_categorias_texto li a:hover {color:#990000; text-decoration:underline;}
	
	#cont_quienes {
		display:block;
		width:690px;
		height:auto;
		padding:0 20px 0 20px;
		font-size:12px;
		color:#7d7354;
	}
	#cont_quienes strong {line-height:26px;}
	#bloque_quienes {
		float:left;
		width:650px;
		height:150px;
		background:7px 0 url(../imagenes/abrellave.png) no-repeat;
		padding:0 0 0 40px;
		line-height:26px;
		text-align:justify;
	}
	
	#bloque_comprar {
		display:block;
		width:690px;
		height:auto;
		padding:0 20px 0 20px;
		font-size:12px;
		color:#7d7354;
	}
		#bloque_comprar a, #bloque_comprar a:link {color:#484233; text-decoration:underline; font-weight:bold;}
		#bloque_comprar a:hover {color:#990000; text-decoration:none;}
		}
	
		#bloque_comprar li {margin-bottom:10px;}
		
		
	#bloque_carrito {
		margin:50px 0 0 20px;
		width:690px;
		height:auto;
		background:url(../imagenes/fondo_carrito.png) repeat-y;
		padding:10px;
		color:#a8925d;
	}
		#bloque_carrito strong {font-size:16px; color:#7e6e49; font-weight:normal}
		#carrito_ficha {
			float:left;
			width:690px;
			height:130px;
			border-bottom:1px solid #7a6c49;
			margin-bottom:10px;
			clear:both;
		}
			#carrito_ficha span { float:left; width:80px; height:117px; background:url(../imagenes/libro_fondo.png) no-repeat;}
			#carrito_ficha img {position:relative; top:0px; left:0px; width:73px; height:111px; }
			.carrito_titulo { float:left; width:214px; margin-left:10px; }
			.carrito_precio {
				float:left; 
				width:201px; 
				text-align:center; 
				font-size:20px; 
				color:#943131; 
				font-weight:bold; 
				padding-top:35px; 
			}
			.carrito_acciones { float:right; width:180px;}
			.carrito_acciones b { margin:4px 0 4px 0; color:#FF0000; font-size:14px;}
			.unidades {
				float:left; 
				width:47px; 
				margin-top:6px;
				height:32px; 
				background-color:#FFFFFF; 
				border:1px solid #71674e;
				text-align:center;
				font-size:16px;
				color: #4c3434;
			}
	#bloque_totales {
		width:690px;
		height:auto;
		color:#943131;
		font-size:10px;
		font-weight:bold;
		clear:both;
	}
		#bloque_totales p {margin:0; line-height:20px;}
	
	
	#bloque_localizacion {
		float:right;
		margin:30px 0 0 0;
		width:249px;
		height:414px;
		background:url(../imagenes/fondo_form.png) repeat-y;
		padding:3px;
		color:#7f715c;
	}
	
	#bloque_formulario {
		margin:30px 0 0 20px;
		width:690px;
		height:auto;
		background:url(../imagenes/fondo_form.png) repeat-y;
		padding:10px;
		color:#7f715c;
		font-size:11px;
	}
	
	#f_buscador {
		*margin:0 0 0 0;
	}
	
	#form_contacto {
		position:relative;
		height:275px;
		width:430px;
		top:50%;
		margin-top:-137px;
	}
	
	
		.caja {
			margin:0;
			width:200px; 
			min-height:18px;
			*height:18px;
			_height:18px; 
			padding-left:5px;
			background-color:#d7ceb7; 
			border:1px solid #71674e;
			color: #4c3434;
		}
		.caja_adaptable {
			margin:0;
			width:auto; 
			min-height:18px;
			*height:18px;
			_height:18px; 
			padding-left:5px;
			background-color:#d7ceb7; 
			border:1px solid #71674e;
			color: #4c3434;
		}
		.etiqueta {
			float:left;
			width:100px;
			padding-top:6px;
		}

.ok { color:#478114; font-weight:bold; }
.nook { color:#FF0000; font-weight:bold; }

.ruta {
	font-size:13px;
	color:#990000;
	font-weight:bold;
	letter-spacing:-1px;
}
	.ruta strong { color:#000000; }
	.ruta a, .ruta a:link {
		color:#5c4c36;
		text-decoration:none;
	}
	.ruta a:hover { 
		color:#990000;
		text-decoration:underline;
	}
	
/* PAGINADOR */
.paginator { width:500px; margin:0 auto 0 auto; height:33px; clear:both; font-size:12px; text-align:center;}
	.pag_botones { display:inline; float:left; width:auto; color:#484233; padding-top:8px; }
	.pag_botones a, .pag_botones a:link { margin:0; padding:0; color:#484233; text-decoration:underline; }
	.pag_botones a:hover { color:#990000; }

	.pag_actual {
		float:left;
		width:33px;
		height:25px;
		background:url(../imagenes/pag_resalte.png) no-repeat;
		text-align:center;
		padding-top:8px;
		color:#FFFFFF;
	}
	
	.pag_otras {
		float:left;
		width:33px;
		height:33px;
		background:top left url(../imagenes/pag_tenue.png) no-repeat;
		color:#5c4c36;
	}
	.pag_otras a, .pag_otras a:link {
		display:block;
		margin:0;
		width:33px;
		height:25px;
		padding:8px 0 0 0;
		color:#ffffff;
		text-decoration:none;
		text-align:center;
	}
	.pag_otras a:hover {
		background:url(../imagenes/pag_resalte.png) no-repeat;
		color:#cfaa64;
	}

/* Votaciones */
#barra-votos {
	margin:3px 0 3px 0;
	width:80px;
	height:14px;
}
#barra-votos a, #barra-votos a:link { text-decoration:none; }


.estrella {
	margin-right:2px;
	float:left;
	width:14px;
	height:14px;
	background:top left url(../imagenes/estrellaon.png) no-repeat;
}
.estrella2 {
	margin-right:2px;
	float:left;
	width:14px;
	height:14px;
	background:top right url(../imagenes/estrella.png) no-repeat;
}
.estrella2:hover {background:top left url(../imagenes/estrellaon.png) no-repeat;}

/* Cesta de la compra */
#paso {float:left; width:680px; margin:0 auto 0 auto; padding:4px; border:1px dashed #000; font-size:11px; color:#666666; clear:both; margin-bottom:20px;}
#paso strong {color:#990000; font-size:14px; letter-spacing:-1px; }

.resultados {font-size:12px; color:#333333; }
.resultados b {font-size:13px; color:#990000; }

.formInfo a, .formInfo a:active, formInfo a:visited{
	width:auto;
	height:20px;
	margin: 0 0 0 2px;
	padding:2px;
	background-color:#71674e;
	font-size: 1.3em;
	font-weight:bold;
	color:#d7ceb7;
	text-decoration: none;
}

.formInfo a:hover{
	color:#fff;
	text-decoration: none;
}

a.Ntooltip {
	position: relative; /* es la posición normal */
	text-decoration: none !important; /* forzar sin subrayado */
	width:auto;
	height:20px;
	margin: 0 0 0 2px;
	padding:2px;
	background-color:#71674e;
	font-size: 1.3em;
	font-weight:bold;
	color:#d7ceb7;
	text-decoration: none;
}

a.Ntooltip:hover {
	z-index:999; /* va a estar por encima de todo */
	background-color:#000000; /* DEBE haber un color de fondo */
}

a.Ntooltip span {
	display: none; /* el elemento va a estar oculto */
	font-weight:normal;
}
a.Ntooltip span strong {color:#FFFFFF; }



a.Ntooltip:hover span {
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top:2em; left:2em; /* donde va a estar */
	width:250px; /* el ancho por defecto que va a tener */
	padding:5px; /* la separación entre el contenido y los bordes */
	background-color: #71674e; /* el color de fondo por defecto */
	color: #d7ceb7; /* el color de los textos por defecto */
	font-size: 0.7em;
}
