/* Reset Defaults */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

/* Basic Selectors */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
:focus { outline: 0;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

/* Basic Selectors */


	/*Configuración de la página web*/
	html 
	{ 
		background: 	center 0px repeat url(../images/fondos/fondo.gif); 
		text-align:		center; 
	}
	
	#pagina 
	{ 	
		text-align:		center; 
		font: 			normal 1em Arial, Helvetica, sans-serif; 
		color: 			#FFFFFF; 
		width: 			100%;
		vertical-align:	baseline;
		min-width:		1000px;
	}	

	/*Zona de botones de acceso rápido*/
	.botones 
	{ 
    	width: 			90%;  /* esto creará un contenedor con el 80% del ancho del navegador */
		max-width:		1200px;		
    	margin: 		0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: 	center;
		margin-top:		0.3em;
    } 

	.botones #zona_botones
	{
    	text-align: 	right;
	}

	/*Cabecera de la página Web.*/	
	.cabecera 
	{ 
    	width: 			90%;  /* esto creará un contenedor con el 80% del ancho del navegador */
		max-width:		1200px;		
    	margin: 		0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: 	center;
		overflow:		auto;
    } 
	
	.cabecera img
	{
		display:block;
	}


	/*Botones de acceso directo a las secciones de la página web*/
	.secciones
	{ 
		background-color:#CECECE;
    	margin: 		0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	width: 			90%;  
		max-width:		1200px;		
    	text-align: 	center;
		overflow:hidden;
    } 

	.lateral_izquierdo_secciones
	{
		float:left;
		width: 2%;
	}

	.boton_secciones1
	{
		float: left;
		width: 23%;
		text-align:justify;
		margin-bottom:0.5em;
	}

	.separacion_secciones1
	{
		float: left;
		width: 1.33%;
		text-align:justify;
	}

	.boton_secciones2
	{
		float: left;
		width: 23%;
		text-align:justify;
	}

	.separacion_secciones2
	{
		float: left;
		width: 1.34%;
		text-align:justify;
	}
	
	.boton_secciones3
	{
		float: left;
		width: 23%;
		text-align:justify;
	}

	.separacion_secciones3
	{
		float: left;
		width: 1.33%;
		text-align:justify;
	}

	.boton_secciones4
	{
		float: left;
		width: 23%;
		text-align:justify;
	}

	.lateral_derecho_secciones
	{
		float:right;
		width: 2%;
	}


	/*Zona de datos de la página web*/
	#datos
	{ 
		background-color:#CECECE;
    	width: 			90%;  /* esto creará un contenedor con el 80% del ancho del navegador */
		max-width:		1200px;		
    	margin: 		0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: 	center;
		overflow:hidden;
    } 


	
	.lateral_izquierdo
	{
		float:left;
		width: 2%;
	}

	.info
	{
		float: left;
		width: 96%;
		background-color:#4B4B4B;
	}


	

	.lateral_derecho
	{
		float:right;
		width: 2%;
	}
	
	
	/*Pie de Página*/
    #footer{
		width:			90%;
		max-width:		1200px;
		background: 	#062333;
		color:			#C6C6C6;
		font-weight:	bold;
		margin: 		0 auto;
		text-align:		center;
		clear:			both;
    }

	/*Botones de acceso directo a las secciones de la página web*/

	#lateral_izquierdo_secciones
	{
		float:left;
		width: 2%;
		background-color:#CECECE;
	}

	#boton_secciones1
	{
		float: left;
		width: 23%;
		text-align:justify;
	}

	#separacion_secciones1
	{
		float: left;
		width: 1.33%;
		text-align:justify;
	}

	#boton_secciones2
	{
		float: left;
		width: 23%;
		text-align:justify;
	}

	#separacion_secciones2
	{
		float: left;
		width: 1.34%;
		text-align:justify;
	}
	
	#boton_secciones3
	{
		float: left;
		width: 23%;
		text-align:justify;
	}

	#separacion_secciones3
	{
		float: left;
		width: 1.33%;
		text-align:justify;
	}

	#boton_secciones4
	{
		float: left;
		width: 23%;
		text-align:justify;
	}

	#lateral_derecho_secciones
	{
		float:right;
		width: 2%;
		background-color:#CECECE;
	}



	#nombre_deporte
	{
		background-color:#000000;
		color:#CCCCCC;
		font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		text-align:justify;
    	margin: 		0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
		width:100%;
	}

	#nombre_deporte h1
	{
		padding-left: 1em;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		font-size:1.5em;
	
	}

	.separacion_nombre_foto
	{
		background-color:#CCCCCC;
		display:block;
    	margin: 		0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
		width:100%;
		height:0.2em;
	}

	#texto_util
	{
		font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		text-align:justify;
    	margin: 		0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
		width:94%;
		margin-bottom:1em;
		margin-top:1em;
	}

	h2
	{
		margin-top:1em;
		margin-bottom:0.5em;
		text-transform:uppercase;
		text-decoration:underline;
	}

.link_header:link
{
	font-weight: bold;
	color:#F9E2FF;
	text-decoration:none
}

.link_header:visited
{
	font-weight: bold;
	color:#F9E2FF;
	text-decoration:none
}

.link_header:hover
{
	font-weight: bold;
	font-style:italic;
	color:#FFFFF0;
	text-decoration:none
}


	.galeria
	{
	text-align:center;
	}

	.img_footer a
	{
		margin-top:0.5em;
		margin-right: 1em;
		margin-bottom:0.5em;
	}
	.ifr
	{
	min-height:400px;
	width:90%;
	height:60%;
	text-align:center
	}		

	#tabla table
	{
		margin: 0 auto;
		text-align:center;
		border:2px;
		border:solid;
	}

	.tabla2
	{
		margin: 0 auto;
		text-align:center;
	}

	.td1
	{
		font-weight:bold;
		text-align:justify;
		padding-left: 1em;
		padding-right: 3em;
		padding-bottom: 1em;
		vertical-align:middle;
	}

	.td2
	{
		font-weight:bold;
		text-align:justify;
		padding-left: 1em;
		padding-right: 3em;
		padding-bottom: 1em;
		vertical-align:top;
	}
	.td3
	{
		font-weight:bold;
		text-align:center;
		padding-bottom: 1em;
		vertical-align:top;
	}


	#tabla tr
	{
		vertical-align:top;
	}

	#tabla th
	{
		font-weight:bold;
		text-align:center;
		padding-left: 2em;
		padding-right: 2em;
		background:#FFFFFE;
		color:#333333;
		border:ridge;
	}



	#tabla td
	{
		font-weight:bold;
		text-align:center;
		padding-left: 1em;
		padding-right: 1em;
		border:ridge 3px;
	}

	#tabla3
	{
		margin: 0 auto;
		text-align:center;
		border:#FFFFFF 2px;
		width:90%;
	}

	#tabla3 .td1
	{
		font-weight:bold;
		text-align:center;
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom:0em;
		border:ridge 3px;
	}

	#tabla3 .td1_justify
	{
		font-weight:bold;
		text-align:justify;
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom:0em;
		border:ridge 3px;
	}

	#tabla3 .td2_center
	{
		font-weight:bold;
		text-align:center;
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom:0em;
		border-top:ridge 3px;
		border-bottom:ridge 3px;
	}

	#tabla3 .td2_center_last
	{
		font-weight:bold;
		text-align:center;
		padding-left: 0.3em;
		padding-right: 0.3em;
		padding-bottom:0em;
		border-top:ridge 3px;
		border-bottom:ridge 3px;
		border-right:ridge 3px;
	}


.pestana_adaptada_izq{
background-color:#4B4B4B;
width:100%;
}

.foto_adaptada_izq
{
float:right;
width:62.5%;
max-width:720px;
background-color:#4B4B4B;
}


.texto_imagen1{float:left; width: 37.5%; max-height: 300px; margin:0 auto; text-align:left; background-color:#4B4B4B}
.texto_imagen1 h1{font: bold 1.3em Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF;text-transform: uppercase;padding-left:0.2em;padding-right:0.2em;padding-top:0.2em;padding-bottom:0.2em; text-align:center; background-color:#4B4B4B}
.texto_imagen1 p{font: normal 1.1em Arial, Helvetica, Verdana, sans-serif;padding-left:0.4em;padding-right:0.4em; color: #FCEED7; background-color:#4B4B4B; text-align:justify;background-color:#4B4B4B;}
.texto_imagen1 a:link,.texto_imagen1 a:visited {color:#FFFFFF;text-decoration:none; background-color:#4B4B4B}
.texto_imagen1 a:hover {color:#FCEED7;text-decoration: none; background-color:#4B4B4B}


.pestana_adaptada_der{
background-color:#4B4B4B;
width:100%;
}

.foto_adaptada_der
{
float:left;
width:62.5%;
max-width:720px;
background-color:#4B4B4B;
}

.texto_imagen2{float:right; width: 37.5%; max-height: 300px; margin:0 auto; text-align:left; background-color:#4B4B4B}
.texto_imagen2 h1{font: bold 1.3em Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF;text-transform: uppercase;padding-left:0.2em;padding-right:0.2em;padding-top:0.2em;padding-bottom:0.2em; text-align:center; background-color:#4B4B4B}
.texto_imagen2 p{font: normal 1.1em Arial, Helvetica, Verdana, sans-serif;padding-left:0.4em;padding-right:0.4em; color: #FCEED7; text-align:justify;background-color:#4B4B4B}
.texto_imagen2 a:link,.texto_imagen2 a:visited {color:#FFFFFF;text-decoration:none; background-color:#4B4B4B}
.texto_imagen2 a:hover {color:#FCEED7;text-decoration: none; background-color:#4B4B4B}




.rotator_image1{
	float:right;
	text-align:left;
	width:62.5%;
	max-width:720px;
	max-height:400px;
	background-color:#000000;
}

.rotator_image1 img{
	width:100%;
	max-height:400px;
	}


.rotator_image2{
	float:left;
	text-align:right;
	width:62.5%;
	max-width:720px;
	max-height:400px;
}

.rotator_image2 img{
	width:100%;
	max-width:720px;
	min-width:480px;
	}



.texto_imagen2{float:right; width: 37.5%; max-height: 300px; background: #000000; margin:0 auto; text-align:right;}

.texto_imagen2 h1{font: bold 1.3em Arial, Helvetica, Verdana, sans-serif; color: #FCEED7;text-transform: uppercase;padding-left:3%;padding-right:3%;padding-top:3%;padding-bottom:0.3em;
}
.texto_imagen2 p{font: normal 1.1em Arial, Helvetica, Verdana, sans-serif;padding-left:3%;padding-right:3%; color: #FCEED7; background:000000;text-align:justify;}


.separacion_actividades
{
	clear:both;
	background-color:#CCCCCC;
	width:100%;
	height:1em;
}
/*Sobrarķan 432 px para el texto. 1152px es el total


/* FEATURED ARTICLE ROTATOR */ 
 
#divRotator{width: 100%; max-height:400px;min-height:267px; background:#000000; display:block;}
#divRotator .slide{width: 100%; max-height:400px;min-height:267px; background: #000000; display:block;}
#divRotator .featured{ 
float:left;
width: 37.5%; 
height: 400px; 
background: #000000; 
margin:0 auto; 
text-align:left;
}


#divRotator .featured h1{font: bold 1.3em Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF;text-transform: uppercase;padding-left:0.2em;padding-right:0.2em;padding-top:0.2em;padding-bottom:0.2em; text-align:center}
#divRotator .featured p{font: normal 1.1em Arial, Helvetica, Verdana, sans-serif;padding-left:0.4em;padding-right:0.4em; color: #FCEED7; background:000000; text-align:justify}
#divRotator .featured a:link,
#divRotator .featured a:visited,
#divRotator .featured a:hover,
#divRotator .featured a:active {color:#FFFFFF;text-decoration:none;}
#divRotator .featured a:hover{color:#FCEED7;text-decoration: none;}

#divRotator .rotator_image{
	float:right;
	text-align:right;
	width:62.5%;
	height:400px;
}

#divRotator .rotator_image img{
	width:100%;
	height:400px;
	display:block;
	}

 
.rotator_box { width: 100%;height:400px;;overflow:hidden; display:block;}
.featured_menu_box {padding-bottom:0.3em;padding-top:0.3em;display:table-row;margin-bottom:0.3em; display:inline;}
.featured_menu_box h2 { color:#ffffff; margin:0.2em 0.2em 0 0; text-transform:uppercase; line-height:1em; font-size: 1.2em;}


#rotatorNumberedMenu { padding-left:0.3em;padding-top:0.3em; overflow: hidden; display:inline;float:left; }
#rotatorNumberedMenu a { border: 1px solid #FCEED7; text-decoration: none; margin-right: 0.2em; padding: 0.3em 0.3em; font-size:90%; line-height:1em; color: #FCEED7; display: block; float: left; padding-bottom:0.3em; }
#rotatorNumberedMenu a:hover { background:#89b1be; color:#FCEED7; }
#rotatorNumberedMenu a.activeSlide { background: #FCEED7; color:#000; }
#rotatorNumberedMenu a.activeSlide:hover { background: #FCEED7; color:#000; }

#rotatorNumberedMenu2 { padding-left:0.3em;padding-bottom:0.3em; margin-top:0.3em;float:left; overflow: hidden; display:inline; }
#rotatorNumberedMenu2 a { border: 1px solid #FCEED7; text-decoration: none; margin-right: 0.2em; padding: 0.3em 0.3em; font-size:90%; line-height:1em; color: #FCEED7; display: block; float: left; }
#rotatorNumberedMenu2 a:hover { background:#89b1be; color:#FCEED7; }



	.lista_circulo li{
	list-style-type:disc;
	list-style-position:inside;
	padding-left:2em;
	margin-bottom:1em;
	}	

	.lista_circulo ul{
	margin-top:1em;
	}