/* 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;}
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&oacute;n de la p&aacute;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: 			#000000; 
		width: 			100%;
		vertical-align:	baseline;
		min-width:		1000px;
	}	



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

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

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


	/*Botones de acceso directo a las secciones de la p&aacute;gina web*/
	.secciones
	{ 
		background-color:#FDD700;
    	margin: 		0 auto; /* los m&aacute;rgenes autom&aacute;ticos (conjuntamente con un ancho) centran la p&aacute;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&aacute;gina web*/
	#datos
	{ 
		background-color:#FDD700;
    	width: 			90%;  /* esto crear&aacute; un contenedor con el 80% del ancho del navegador */
		max-width:		1200px;		
    	margin: 		0 auto; /* los m&aacute;rgenes autom&aacute;ticos (conjuntamente con un ancho) centran la p&aacute;gina */
    	text-align: 	center;
		overflow:hidden;
    } 

	#lateral_izquierdo,#lateral_derecho,#info
	{
		padding-bottom: 32768px;
		margin-bottom: -32768px
	}

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

	#barra_navegacion
	{
		float: left;
		width: 21%;
		text-align:justify;
	}

	#barra_navegacion img
	{
	display:block;
	}

	#separacion_datos
	{
		float: left;
		width: 2%;
		text-align:justify;
	}


	#info
	{
		float: left;
		width: 73%;
		text-align:center;
		background-color:#DEB97A;
	}
	

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

	#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&aacute;rgenes autom&aacute;ticos (conjuntamente con un ancho) centran la p&aacute;gina */
		width:100%;
	}

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

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


	#cabecera_foto
	{
    	margin: 		0 auto; /* los m&aacute;rgenes autom&aacute;ticos (conjuntamente con un ancho) centran la p&aacute;gina */
		width:100%;
	}

	#cabecera_foto img
	{
		display:block;
	}


	#nombre_deporte h2
	{
		padding-left: 1em;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	
	}

	#zona_gris
	{
		background-color:#CCCCCC;
		text-align:justify;
    	margin: 		0 auto; /* los m&aacute;rgenes autom&aacute;ticos (conjuntamente con un ancho) centran la p&aacute;gina */
		width:100%;
	}


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

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


	#cabecera_foto
	{
    	margin: 		0 auto; /* los m&aacute;rgenes autom&aacute;ticos (conjuntamente con un ancho) centran la p&aacute;gina */
		width:100%;
	}

	#cabecera_foto img
	{
		display:block;
	}


	
	h2
	{
	font-size:2em;
	text-align:center;
	margin-bottom:0.5em;
	}
	
	h3
	{
	margin-bottom:0.5em;
	margin-top:0.5em;
	text-align:center;
	font-size:1.5em;
	text-decoration:underline;
	}
	
	h4
	{
	margin-bottom:0.5em;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	}	

	#zona_gris
	{
		background-color:#CCCCCC;
		text-align:justify;
    	margin: 		0 auto; /* los m&aacute;rgenes autom&aacute;ticos (conjuntamente con un ancho) centran la p&aacute;gina */
		width:100%;
	}


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


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





#menuv {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 100%;
}

#menuv ul, li {
	list-style-type: none;
}

#menuv ul {
	margin: 0;
	padding: 0;
	width:100%;
}

#menuv li {
	border-bottom: 1px solid #ACCFE8;
	width:100%;
	padding-left:0;
	margin-bottom:0;

}

#menuv a {
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	width: 100%;
}

#menuv a:hover {
	background: #0000FD;
	color: #FFFFFF;
	display:block;
}

.navi {  
	list-style:none;
	color:#832C21;
	background-color:#CCCCCC;
	width:100%;
	height:100%;
	display:inline-table;
	}

.navi ul
{
	padding-left:0.75em;
}
.navi li {
	background-color:#CCCCCC;
	float:left;
	}
.navi li a {
	background-color:#CCCCCC;
	display:block;
	margin:0 auto;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-right:0.75em;
	padding-left:0.75em;
	text-decoration:none;
	text-align:justify;
	font-size:0.8em;
	color:#832C21;
	font-weight:bold;
	}
.navi li a:hover {
	color:#FFFFFF;
	background-color:#832C21;
	font-weight:bold;
	}
	
.navi li a:active{
	color:#FFFFFF;
	background-color:#832C21;
	font-weight:bold;
	}

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

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

	#texto_util .td1
	{
		font-weight:bold;
		text-align:center;
		padding-left: 2em;
		padding-right: 2em;
		border:3px;
		background:#000000;
		color:#FFFFFF;
		font-size:1.2em;
		border-bottom-width:thick;
		border-bottom-color:#000000;
		border-bottom-style:solid;
	}

	#texto_util .td2
	{
		font-weight:bold;
		text-align:center;
		padding-left: 2em;
		padding-right: 2em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		font-size: 1.1em;
		border-bottom-width:thick;
		border-bottom-color:#000000;
		border-bottom-style:solid;
		border-right-width:thick;
		border-right-color:#000000;
		border-right-style:solid;
	}

	#texto_util .td3
	{
		text-align:justify;
		padding-left: 1em;
		padding-right: 1em;
		padding-top:0.2em;
	}

	#texto_util .td3_center
	{
		text-align:center;
		padding-left: 1em;
		padding-right: 1em;
		padding-top:0.2em;
	}


	#texto_util .td4
	{
		text-align:justify;
		padding-left: 4em;
		padding-right: 1em;
		padding-top:0.2em;
	}

	#texto_util .td5
	{
		text-align:justify;
		padding-left: 1em;
		padding-right: 1em;
		padding-top:1em;
		padding-bottom:1em;
		font-size:0.9em;
	}

	#texto_util .precio
	{
		font-weight:bold;
		text-align:center;
		padding-left: 2em;
		padding-right: 2em;
	}

	#texto_util .td
	{
		text-align:center;
		padding-left: 1em;
		padding-right: 1em;
		border:ridge 3px;
	}

	#texto_util .td_justify
	{
		text-align:justify;
		padding-left: 1em;
		padding-right: 1em;
		border:ridge 3px;
	}



	
	.nivel1{
	font-size:1.2em;
	font-style:oblique;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:1em;
	}

	.nivel2{
	font-size:1.2em;
	font-variant:small-caps;
	margin-left:1em;
	margin-bottom:1em;
	text-decoration:underline;
	}
	
	.texto_importante_centrado
	{
		font-size:1.1em;
		text-align:center;
		font-weight:bold;
	}
	
	.lista_circulo li{
	list-style-type:disc;
	list-style-position:inside;
	padding-left:2em;
	margin-bottom:1em;
	}	

	.lista_circulo{
	margin-top:1em;
	}


	.lista_cuadrado{
	margin-top:1em;
	}
	
	.lista_cuadrado li{
	list-style-type:square;
	list-style-position:inside;
	padding-left:2em;
	margin-bottom:1em;
	}	

.link_boletin:link
{
	font-weight: bold;
	color:#0C09F8;
	text-decoration:none
}

.link_boletin:visited
{
	font-weight: bold;
	color:#0C09F8;
	text-decoration:none
}

.link_boletin:hover
{
	font-weight: bold;
	font-style:italic;
	color:#04080E;
	text-decoration:none
}
	
	
	.galeria
	{
	text-align:center;
	}

.ifr{
min-height:600px;
width:100%;		
}	


.youtube{
width:90%;
height:505px;
}		
