@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_pagina.jpg) top repeat-x;
	background-color:#a8a8a8;
	margin: 5px 0 0 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}
.novulu #cont_container {
	width: 1010px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/*border: 1px solid #000000;*/
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
.novulu #container {
	/*width: 950px;   el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	/*background: #FFFFFF;*/
	/*margin: 0 auto;  los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/*border: 1px solid #000000;*/
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
.novulu #header {
	width:100%;
	/*background: #DDDDDD;*/ 
	/*padding: 0 10px 0 20px;   este rellseno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
.novulu #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.novulu #mainContent {
	/*padding: 0 20px;  recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	/*background: #FFFFFF;*/
}
.novulu #slide {
	/*padding: 0 20px;  recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	/*background: #FFFFFF;*/
}
.novulu #contenido {
	/*padding: 0 20px;  recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	/*background: #FFFFFF;*/
	background:url(../images/bg_contenido.png) top center repeat-y;
}
.novulu #footer {
	background:url(../images/bg_pie.png) repeat-x;
	width:100%; 
	/*margin:0px 30px 0px 30px; 
	padding: 0 10px;  este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
}
.novulu #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
.contenido_fondo{
	width:880px; 
	margin:0 30px; 
	padding:0px 0px 0px 10px;
	float:left;
}
.alinear_derecha{
	text-align:right;
}
.alinear_centro{
	text-align:center;
}
.alinear_izquierda{
	text-align:left;
}
.alinear_justificado{
	text-align:justify;
}
/*MENU*/
#menuviz ul, li {
        list-style-type: none;
}
#menuviz ul {
        margin: 0;
        padding: 0;
}
#menuviz a {
        text-decoration: none;
        color: #D1A51E;
        /*background: #F0F7FC;*/
        display: block;
        padding: 3px 6px;
        /*width: 138px;*/
		text-align:right;
}

#menuvder ul, li {
        list-style-type: none;
}
#menuvder ul {
        margin: 0;
        padding: 0;
}
#menuvder a {
        text-decoration: none;
        color: #FFF;
        /*background: #F0F7FC;*/
        display: block;
        padding: 3px 6px;
        /*width: 138px;*/
		text-align:left;
}
/*-------------*/
.centrar{
	padding:0px 50px;
	float:left;
}
.espacio{
	height:20px;
}
.margenes_sup_inf{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
.margenes_der_izq{
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.margenes_der_izq_20px{
	margin-left:20px;
	margin-right:20px;
	float:left;
}
.margenes_sup_inf_20px{
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}
.margenes_inf_20px{
	margin-bottom:20px;
	float:left;
}
.margenes_sup_20px{
	margin-top:20px;
	float:left;
}
.margenes_der_izq_30px{
	margin-left:30px;
	margin-right:30px;
	float:left;
}
.margenes_sup_inf_30px{
	margin-top:30px;
	margin-bottom:30px;
	float:left;
}
.margen_texto_sup_inf{
	padding:10px 0px;
}
.margen_texto_der_izq{
	padding:0px 10px;
}
/*TITULOS*/
.novulu .titulo{
	background:url(../images/fondo_titulo_cajas.jpg) top repeat-x;
	height:17px;
}
/*MAS VISTOS*/
.novulu #mas_vistos{
	height:290px;
	background-color:#EDECE9;
}
/*SECCIONES*/
.novulu .secciones{
	height:408px;
	background-color:#EDECE9;
}
.novulu .secciones_novelas{
	height:430px;
	background-color:#EDECE9;
}
.novulu .secciones_sin_fondo{
	height:430px;
}
.novulu .secciones_botones{
	height:22px;
	background-color:#EDECE9;
}
/*MARGEN BOTON SECCIONES*/
.novulu .margen_botones{
	vertical-align:bottom;
	t
}