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

html{
	margin:0px;	
	height:100%;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #EBEAE9; /*Color de fondo de la página */
    background-image: url(../images/fondo.jpg);
    background-repeat: repeat-x;		 
	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;
	height:100%;
	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;
}

a, a:link, a:visited, a:hover, a:active {
    color: #004E5B;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

#contenedorPrincipal{
	margin:0 auto;
	padding:0;
	width:950px;
	height:auto;
	text-align:left;/*Contraresta el alineado al centro del  body.*/
}

#contenedorPrincipal #cabecera{
	float:left;
	width:100%;
	background-color:#999;
	height:200px;
}

#contenedorPrincipal #cabecera #menuCabecera{
	float:left;
	width:100%;
	text-align:right;
	height:auto;
	background-color:#69F;
}

#contenedorPrincipal #cabecera #menuCabecera ul{
	margin:0;
	padding:0;
}

#contenedorPrincipal #cabecera #menuCabecera ul li{
	display:inline;
	padding-right:10px;
}

#contenedorPrincipal #cabecera #menuCabecera ul li a{
	color:#000;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#contenedorPrincipal #cabecera #menuCabecera ul li a:hover{
	color:#FFF;	
}

#contenedorPrincipal #menuSuperior{
	float:left;
	width:940px;
	height:52px;
	padding: 5px 5px 0 5px;
}

#contenedorPrincipal #menuSuperior ul{
	margin:0;
	padding:0;
	float:left;
}

#contenedorPrincipal #menuSuperior ul li{
	display:inline;
	float:left;
}

#contenedorPrincipal #menuSuperior ul li a{
	float:left;
	height:52px;
}

#contenedorPrincipal #menuSuperior ul li a span{
    display:none;
}

#contenedorPrincipal #menuSuperior ul li a.Inicio{
    background-image:url(../images/btnInicio.jpg);
    width:111px;
}
#contenedorPrincipal #menuSuperior ul li a.InicioSeleccionado
{
    background-image:url(../images/btnInicio.jpg);
    width:111px;
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Inicio:hover{
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Noticias{
    background-image:url(../images/btnNoticias.jpg);
    width:142px;
}
#contenedorPrincipal #menuSuperior ul li a.NoticiasSeleccionado
{
    background-image:url(../images/btnNoticias.jpg);
    width:142px;
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Noticias:hover{
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.ElClub{
    background-image:url(../images/btnElClub.jpg);
    width:140px;
}
#contenedorPrincipal #menuSuperior ul li a.ElClubSeleccionado
{
    background-image:url(../images/btnElClub.jpg);
    width:140px;
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.ElClub:hover{
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Plantilla{
    background-image:url(../images/btnPlantilla.jpg);
    width:139px;
}
#contenedorPrincipal #menuSuperior ul li a.PlantillaSeleccionado
{
    background-image:url(../images/btnPlantilla.jpg);
    width:139px;
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Plantilla:hover{
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.AreaSocial{
    background-image:url(../images/btnAreaSocial.jpg);
    width:140px;
}
#contenedorPrincipal #menuSuperior ul li a.AreaSocialSeleccionado
{
    background-image:url(../images/btnAreaSocial.jpg);
    width:140px;
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.AreaSocial:hover{
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Galeria{
    background-image:url(../images/btnGaleria.jpg);
    width:140px;
}
#contenedorPrincipal #menuSuperior ul li a.GaleriaSeleccionado
{
    background-image:url(../images/btnGaleria.jpg);
    width:140px;
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Galeria:hover{
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Cantera{
    background-image:url(../images/btnCantera.jpg);
    width:122px;
}
#contenedorPrincipal #menuSuperior ul li a.CanteraSeleccionado
{
    background-image:url(../images/btnCantera.jpg);
    width:122px;  
    background-position:bottom;
}
#contenedorPrincipal #menuSuperior ul li a.Cantera:hover{
    background-position:bottom;
}

#contenedorPrincipal #menuSuperior ul li a:hover{
	color:#FFF;	
}

#contenedorPrincipal #LogoImagenes{
    float:left;
	width:239px;
	height:217px;
	padding: 2px 0 0 5px;
}

#contenedorPrincipal #flashCabecera{
    float:left;
	width:694px;
	height:217px;
	padding: 2px 0 0 0px;
}

#contenedorCentral{
	float:left;
	width:100%;
	height:auto;
	padding: 4px 0 0 5px;
}

#columnaIzquierda{
	float:left;
	width:160px;
	height:100%;
}

#columnaIzquierda img
{
    margin-bottom:16px;
    border:1px solid #000;
}

#contenedorPrincipal #columnaIzquierda h3{
    font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size:18px;
    color: #016474;
    width: 160px;
    text-align:center;
    margin:10px 0;
}

#contenedorPrincipal #columnaIzquierda ul li a{
	color:#000;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#contenedorPrincipal #columnaIzquierda ul li a:hover{
	color:#FFF;	
}

#columnaCentral{
	float:left;
	width:475px;
	height:auto;
	padding:10px 0 10px 15px;/*el padding y el width tienen que complementarse, para que sumados den el 
					
				ancho de la capa contenedorCentral menos el ancho de las dos columnas laterales*/
	
	/*Estilos de texto del cuerpo*/
	font-family:Arial, Helvetica, sans-serif;
	/*text-align:justify;*/
	font-size:12px;
	color:#000;
	display:inline;
}

#columnaCentral h2
{
    font-size:20px;
    color:#ED7904;
    margin:0;
    font-weight:normal;
}

#columnaCentral h3, #columnaCentral .Noticia h3 p
{
    font-size:18px;
    color:#1379B3;
    margin:0 0 10px 0;
    font-weight:normal;
}

#columnaCentral h4
{
    font-size:14px;
    color:#1379B3;
    margin:20px 0 10px 0;
    font-weight:normal;
}

.Noticia 
{
    border-bottom:1px #D84032 dotted;
    margin-bottom:20px;
}

.Noticia img 
{
    border:4px solid #fff;
    margin:0 8px 2px 0;   
}

.Noticia .fecha{
    height: 16px;
    background-image: url(../images/iconoFecha.gif);
    background-repeat: no-repeat;
    background-position: 5px 0;
    padding: 0 0 0 25px;
}

#Galeria
{
    float:left;
    width:100%;
    height:auto;
    padding:0;
    margin:10px 0;
}

#Galeria img
{
    border:4px #fff solid;
    margin:0 15px 15px 0;
}

#Galeria a:hover img 
{
    border:4px #ED7904 solid;   
}

#TablaGaleria
{
    text-align:center;
    width:100%;
}

#TablaGaleria img
{
    height:73px;   
}

#TablaGaleria tr
{
    width:100%;   
}

#TablaGaleria td
{
    text-align:center;   
}

#TablaGaleria td a
{
    width:120px;
    height:120px;
    background-color:#fff;
    float:left;
    margin-bottom:15px;
}

#TablaGaleria td a:hover
{
    background-color:#ED7904;
}

#ImagenRecortada
{
    height:110px;
    width:110px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    margin:5px;
}

.filaGaleria
{
    float:left;
}

#contenedorPrincipal #columnaCentral div.ListaNoticias {
    float:left;
    height:auto;
    margin: 0 0 15px 0;
    width:460px;
}
#contenedorPrincipal #columnaCentral div.ListaNoticias h2 a {
    font-family:Georgia;
    font-size:20px;
    color: #EE7904;
    line-height:22px;
    font-weight:100;
    text-decoration:none;
}
#contenedorPrincipal #columnaCentral div.ListaNoticias h2 a:hover{
    text-decoration:underline;
}

#contenedorPrincipal #columnaCentral div.ListaNoticias h5{
    font-family:Tahoma, Arial, Helvetica, Sans-Serif;
    font-size:14px;
    color: #1379B4;
    margin:0;
    padding:0;
    font-weight:100;
}

#contenedorPrincipal #columnaCentral div.ListaNoticias p.fecha{
    height: 16px;
    background-image: url(../images/iconoFecha.gif);
    background-repeat: no-repeat;
    background-position: 5px 0;
    padding: 0 0 0 25px;
}
#contenedorPrincipal #columnaCentral div.ListaNoticais p a img{
    float:left;
    margin: 0 10px 10px 10px;
    border-style:solid;
    border-width:4px;
    border-color: White;
    text-align:left;
}

#columnaCentral_ancha{
	float:left;
	width:730px;
	height:auto;
	padding:0 15px;/*el padding y el width tienen que complementarse, para que sumados den el 
					
				ancho de la capa contenedorCentral menos el ancho de las dos columnas laterales*/
	
	/*Estilos de texto del cuerpo*/
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	color:#000;
}

#columnaCentral_ancha h2, #columnaCentral h2{
    color:#EE7904;
    font-family:Georgia;
    font-size:20px;
    font-weight:100;
    line-height:22px;
    text-decoration:none;
}



/**** COLUMNA DERECHA *********/

#columnaDerecha{
	float:right;
	width:265px;
	height:auto;
	padding:10px 5px 5px 5px;
	
	/*Estilos de texto del cuerpo*/
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:11px;
	color:#000;
}

#MenuSecundario
{
     height:auto;
     width:100%;
     list-style-type:none;  
     font-size:14px;
     font-weight:bold;
     padding:0;
     margin:20px 0 30px 0;
}

#MenuSecundario li 
{
    padding:5px 0 5px 5px;
    border-left:6px #D04E26 solid;
    margin-left:16px;
}

#MenuSecundario li a
{
    text-decoration:none;
}

#MenuSecundario li a:hover
{
    color:#fff;   
}

#MenuSecundario li.active, #MenuSecundario li:hover
{
    background:transparent url(../images/fondoMenuSecundario.jpg) no-repeat top left;
    margin:0;
    border:none;
    padding-left:15px;
    border-right:6px #D04E26 solid;
}

#MenuSecundario li.active a, #MenuSecundario li:hover a
{
    color:#fff;
}

/**** FIN COLUMNA DERECHA ******/


/**** TABLA MODELO ***********/
#TablaModelo
{
    float:left;
    width:100%;
    height:auto;
    border-collapse:collapse;  
    background:transparent url(../images/fondoTabla.jpg) no-repeat left 30px;
/*    margin-bottom:30px;*/

}

#TablaModelo thead
{
    text-align:center;   
}

#TablaModelo thead th
{
    color:#004D5A;
    font-size:11px;
    font-weight:bold;
    padding:10px 0;
    background-color:#bbb;    
}

.primerth
{
    background-image:url(../images/esquinaIzdaTabla.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.ultimoth
{
    background-image:url(../images/esquinaDchaTabla.gif);
    background-position:right top;
    background-repeat:no-repeat;
}

/* tbody */

#TablaModelo tbody td
{
    font-size:11px;
    padding:10px 8px;
    border-top:2px solid #FFFFFF;
}

#TablaModelo tbody tr:hover td
{
    background:#bbb;
    color:#fff;
}

#TablaModelo tbody td a
{
    text-decoration:none;
    color:inherit;
}

* html #TablaModelo tbody td a
{
    text-decoration:none;
    color:#ED7904;
}

#TablaModelo tbody td a:hover
{
    text-decoration:underline;
}

/**** TABLA MODELO ***********/
#TablaModelo2
{
    float:left;
    width:100%;
    height:auto;
    border-collapse:collapse;  
    background:transparent url(../images/fondoTabla.jpg) no-repeat left 30px;
/*    margin-bottom:30px;*/
}

#TablaModelo2 thead
{
    text-align:center;   
}

#TablaModelo2 thead th
{
    color:#004D5A;
    font-size:11px;
    font-weight:bold;
    padding:10px 0;
    background-color:#bbb;    
}

.primerth
{
    background-image:url(../images/esquinaIzdaTabla.gif);
    background-position:left top;
    background-repeat:no-repeat;
}

.ultimoth
{
    background-image:url(../images/esquinaDchaTabla.gif);
    background-position:right top;
    background-repeat:no-repeat;
}

/* tbody */

#TablaModelo2 tbody td
{
    font-size:11px;
    padding:10px 8px;
    border-top:2px solid #FFFFFF;
}

#TablaModelo2 tbody tr:hover td
{
    background:#bbb;
    color:#fff;
}

#TablaModelo2 tbody td a
{
    text-decoration:none;
    color:inherit;
}

* html #TablaModelo2 tbody td a
{
    text-decoration:none;
    color:#ED7904;
}

#TablaModelo2 tbody td a:hover
{
    text-decoration:underline;
}

/* Paginador */
#Paginador
{
    background:#bbb url(../images/esquinaIzdaBottomTabla.gif) no-repeat left bottom;
    color:#fff;
   /* height:auto;*/
    border-top:2px solid #FFFFFF;
}

#PaginadorEsquina
{
    padding:5px 0;
    background:transparent url(../images/esquinaDchaBottomTabla.gif) no-repeat right bottom;
    float:left;
    width:100%;
}


/* clases */

.colorTabla01
{
    color:#004D5A; /*azul*/
    font-weight:bold;
}

.colorTabla02
{
    color:#ED7904; /*naranja*/
}

.first, .prev, .pagedisplay, .next, .last, .pagesize
{
    margin-left:5px;
}

.pagedisplay
{
    width:50px;
    padding:0;
}

.pagedata
{
    float:right;
    margin-right:15px;   
}

.pagedata select
{
    margin-left:5px;   
}

#Paginador span
{
    margin-left:15px;
    font-size:11px;   
}

/**** FIN TABLA MODELO *******/


#pie{
	clear:both;
	padding:5px;/*el padding y el width tienen que complementarse, para que sumados den el ancho de la capa contenedorPrincipal, en este caso 950px. */
	width:940px;
	height:30px;
	padding: 4px 0 0 5px;
}

#pie p {
    text-align:center;
    color:#999999;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#pie p a
{
    margin:0;
    padding:0;
    border:none;
    float:left;
    width:auto;
    height:auto;   
}

#Patrocinadores {
    margin:0 0 5px 10px;
    padding:0;
    float:left;
}

#Patrocinadores img
{
    float:left;
    margin:0;
    padding:0;
    border:none;   
}

#contenedorPrincipal #pie ul{
	margin:0;
	padding:0;
	text-align:center;
}

#contenedorPrincipal #pie ul li{
	display:inline;
	padding-right:10px;
	color:#999999;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenedorPrincipal #pie ul li a{
	color:#999999;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenedorPrincipal #pie ul li a:hover{
	color:#000;
}

#contenedorPrincipal #pie hr{
    color: #cccccc;
}

#imgZonaFan
{
	float:left;
	padding:8px;
}
/******* CLASES ********/

.centrado 
{
    text-align:center;
}

.flotanteIzda 
{
    float:left;   
}

/************** PAGINADOR ***************/

#btnPaginador{
	float:left;
	display:block;
	height:28px;	
	margin:5px 5px 5px 0;	
}

#btnPaginador a{
	float:left;
	height:25px;
	width:21px;
}

#btnPaginador span{
	float:left;
	text-align:center;
	padding:0 5px;
	
}

#btnPaginador span a{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	width:auto;
	padding-top:3px;
}

#btnPaginadorDoble{
	float:left;	
	height:22px;	
	margin:0 5px 35px 5px;
	width:280px;	
	text-align:center;
	padding-left:200px;
}

#btnPaginadorDoble span{
	color:#333;
	float:left;
	text-decoration:none;
	font-weight:bold;
	width:auto;
	height:22px;
	padding:7px 10px 0 3px;
}

#btnPaginadorDoble a{
	float:left;
	height:27px;
	width:30px;
}

.nav-dcha {
	 background:transparent url(../images/right.gif) no-repeat right bottom;
}

.nav-izq {
	 background:transparent url(../images/left.gif) no-repeat left bottom;
}


/**** FIN PAGINADOR *******/


/**** CLASES GENERICAS *******/

.imgPatro{
    padding:2px 5px;
}

a img.imgPatro{
    border:none;
}