@charset "utf-8";
/* CSS Document */
body {
	font-family:Georgia, "Times New Roman", Times, serif; /*Aqui selecciono la fuente de la web */
	font-size:12px; /*Tamaño de la fuente*/
	color:#000; /*Color del texto en hexadecimal */
	text-align:center; /*Centro el texto */
}
/*contenedor que va a ser el que almacene todos los contenidos de la web*/
#contenedor {
	width:900px; /*ancho total de la pagina */ 
	position:relative; /*Posicion relativa a donde esté escrito el codigo, aunque en este caso está centrada*/
	background-color:#039; /*Color de fondo de la sección, azul oscuro, también en hexadecimal */
	margin:5px auto; /*5px arriba, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	margin-bottom: 0;
	border:1px solid #000; /*Borde de 1 px, opaco y de color negro*/
	text-align:justify; /*Aqui se justifica el texto al tamaño del contenedor*/
	min-height:800px; /*Tamaño minimo del contenedor */
}
/*Encabezado de la web con la imagen que va a servir de cabezera*/
#encabezado {
	width:100%; /*Ancho del encabezado, en este caso es el mismo al total de la pagina*/
	height:100px; /*Alto total del encabezado, 100 pixels*/
	margin-bottom:10px; /*Margen por debajo de la cabezera de 10 pixels*/
	background-image:url(imagenes/cabezera%20provisional2.jpg); /*Imagen de fondo del encabezado que servirá como cabezera para la web*/
}
/*Formato que van a usar las listas de la web y las etiquetas relativas a ellas*/
#listas{
	position:absolute; /*La posición es absoluta, es decir, es relativa a los bordes superior e izquierdo de la pantalla, pero es independiente a la parte donde esté escrito el codigo*/
	width:180px; /*Ancho de la sección para las listas*/
	top:110px; /*Posición de la lista respecto al borde superior de la pantalla, en este caso 110 pixels*/
	left:10px; /*Posición de la lista respecto al borde izquierdo de la pantalla, en este caso 10 pixels*/
}
/*Formato que van a usar las divisiones de la sección listas*/
#listas div{
	position:relative; /*La posición de cada lista es relativa a donde esté escrito el codigo que forma a esta*/
	width:inherit; /*El ancho de la lista es heredado de la clase superior, en este caso de la clase lista*/
	border:1px solid #000; /*Borde de 1 pixel opaco y negro, igual al del contenedor*/
	margin-bottom:10px; /*Margen por debajo de 10 pixeles*/
	text-align:left; /*Texto alineado a la izquierda*/
	padding-bottom:10px; /*Relleno de 10 pixels por la parte inferior de la división*/
	background-color:#444; /*Color de fondo gris oscuro*/
}
/*^Formato que van a usarlos links de esta sección*/
#listas a{
	text-decoration:none; /*Esta orden le quita el subrallado inferior que tienen los links por defecto*/
	font-weight:bold; /*Fuente de los links en negrita*/
	color:#FF3; /*Color de los links, en amarillo*/
}
/*Formato de los objetos de la lista*/
#listas ul{
	list-style:circle; /*Esta orden añade un circulo al principio de cada miembro de la lista*/
}
/*Formato de los titulos de la lista*/
#listas h1{
	color:#FF0; /*Color de la fuente, en este caso amarillo*/
	background-color:#000; /*Color de fondo de la linea con el titulo*/
	margin-top:0; /*Margen superior, en este caso inexistente*/
	margin-bottom:10px; /*Margen inferior, en este caso 10 pixels*/
}
/*Formato del bloque que mostrará la información de la proxima jornada*/
#proxJornada{
	position:relative; /*Posición de la sección relativa a donde está escrito el codigo*/
	width:690px; /*Ancho de la sección, en este caso 690 pixels*/
	margin-left:200px; /*Margen por la izquierda, en este caso 200 pixels*/
	margin-bottom:10px; /*Margen inferior*/
	background-color:#CCC; /*Color de fondo, gris*/
	border:1px solid #000; /*Borde de la sección, 1 pixel, negro y opaco*/
}
/*Formato de las diferentes secciones de la web, como esto va a ser usado en casi todas las secciones utilizo una clase en vez de un identificador*/
.seccion{
	position:relative; /*Posicion relativa a donde esté escrito el bloque de codigo de la clase seccion*/
	width:690px; /*Ancho total de los bloques de esta clase*/
	margin-left:200px; /*Margen izquierdo de la sección*/
}
/*Formato del pie de pagina de la web*/
#pie{
	position:relative;
	width: 900px;
	background-color:#006;
	border: 1px solid #000;
	border-top: none;
	color:#FF3;
	margin:5px auto;
	margin-top:0;
}
/*Formato del menú de administración*/
#menuAdmin{
	position:relative; /*Posicion relativa a donde esté escrito el bloque de codigo identificado como menuAdmin*/
	width:690px; /*Ancho total del bloque*/
	margin-left:200px; /*Margen izquierdo del bloque*/
	border:1px solid #000; /*Borde del bloque*/
	background-color:#FFF; /*Color de fondo del bloque, en este caso es blanco*/
}
/*Formato de las noticias*/
.noticia{
	position: relative;
	left: 200px;
	width: 690px;
	border:1px solid #000; /*Borde de un pixel opaco y negro*/
	margin-bottom:10px; /*Margen inferior de la web*/
	background-color:#006; /*Color de fondo de la noticia, azul oscuro*/
	color:#FF3; /*Color del texto de la sección, amarillo*/
	padding-left: 5px;
}
/*Formato del titulo de las noticias*/
.noticia h1{
	font-size:20px;
	color:#FF3;
	background:none;
	margin-top:5px;
}
.seccion table{
	position:relative;
	border:1px solid #000;
	width:690px;
}
.par{
	background-color:#006;
}
.impar{
	background-color:#000;
}
.seccion td{
	border:1px solid #000;
	color:#FF3;
}
h1{
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
}
h2{
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
}
a img{
	border:0;
}