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

    body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #ffffff;
    	margin: 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;
    }
    .oneColFixCtrHdr #container {
    	width: 780px;  /* 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: 0px solid #000000;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
    .oneColFixCtrHdr #header {
    	background: #ffffff; 
    	padding: 0 10px 0 10px;  /* este relleno 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. */
    }
    .oneColFixCtrHdr #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 */
    }
    .oneColFixCtrHdr #mainContent {
    	padding: 0 10px; /* 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;
    }
	#indice{
	 padding: 0 15px;
	}
    .oneColFixCtrHdr #footer {
    	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background:#ffffff;
    }
    .oneColFixCtrHdr #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 */
    }
	.boton{
	background-image:url(../boton.jpg);
	background-repeat:no-repeat;
	margin-left: 6px;
	padding-left:4px;
	vertical-align:top;
	width:196px;
	margin-right:4px;
	}
	.festival{
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 3px;
	padding-right:6px;
	text-decoration:none;
	color:#000000;
	}
.creditos, .horario, .creditos-destacado, .creditos-pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.creditos-pie{
	color:#000000;
}
creditos-destacado{
	font-size:12px;
	font-weight: bold;
}
.calendario, h1{
color:#669933;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
h1{
	line-height: 11px;
}
.textocomun, .enlace {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
.separalinea{
background-image:url(imagenes/barra_horizontal.jpg);
background-repeat:repeat-x;
height:1px;
}
#separa-primera-celda, .separa-primera-celda{
padding-left:10px;
}
#separa-primera-celda-otros, .separa-primera-celda-otros{
padding-left:6px;
}
.separarcelda{
background-image:url(imagenes/barra_vertical.jpg);
background-repeat:repeat-y;
background-position:left;
padding-left:10px;
height:100%;
}
.separadorcabecera{
	padding-top: 4px;
	border:0;
}
.pie{
 margin-left:6px;
 border:0;
}
.enlace{
	text-align:right;
}
#horarios-derecha{
	text-align:right;
}
#celda1-1, #celda1-2, #celda1-3, #celda1-4,
#celda2-1, #celda2-2, #celda2-3, #celda2-4,
#celda3-1, #celda3-2, #celda3-3, #celda3-4,
#celda4-1, #celda4-2, #celda4-3, #celda4-4,
#celda5-1, #celda5-2{
	border:0;
}
.boton{
background-image:url(imagenes/boton.jpg)
}