* { margin:0; padding:0; border:0; list-style-type: none; }
/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body { text-align: center; }
a { text-decoration: none; color: #707173; font-size: 1em; padding: 1px 2px; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }
img { margin: 0; padding: 0; }
h1 { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; }
h2 { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; margin-top: 10px; }
h3 { font-family: Arial, sans-serif; color: #707173; font-size: 12px; font-weight: bold; margin-top: 10px; }
h4 { font-family: Arial, sans-serif; color: #368bb4; font-size: 12px; font-weight: normal; }
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header {
	width: 960px;
	height: 258px;
	background: url(imagenes/header.gif) bottom no-repeat;
	margin: auto;
	}
/*------------------------------------------------------------*
**  Fondo
**------------------------------------------------------------*/
#fondo {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background: url(imagenes/fondo.gif) repeat-y;
	}
/*------------------------------------------------------------*
**  Contenido
**------------------------------------------------------------*/
#contenido {
	width: 960px;
	}
#lista {
	width: 662px;
	}
#contenido1 {
	width: 662px;
	float: right;
	text-align: justify;
	margin: 6px auto 10px auto;
	padding: 0 36px 0 0;
	}
#contenido1 ul {
	padding: 10px 0 0 20px;
	}	
#contenido1 li {
	list-style-type: none;
	background: url(imagenes/bullet.gif) no-repeat 0px 4px;
	padding: 0 0 0 18px;
	}
#contenido1 .titulo {
	border-bottom: #ddd 1px dotted;
	margin: 0 0 20px 0;
	padding: 4px 0 4px 0;
	}
#contenido1 .titulo p { font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: #3384ae; }
.izquierda {
	float: left;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 316px;
	}
.derecha {
	float: right;
	width: 316px;
	text-align: left;
	margin: 0 0 10px 0; 
	padding: 0; 
	}
#contenido2 {
	width: 310px;
	float: left;
	text-align: justify;
	margin: 6px 0 10px 18px;
	}
#contenido3 {
	width: 378px;
	float: left;
	margin: 6px auto 10px auto;
	padding: 0 0 0 0;
	}
#contenido3 ul {
	padding: 0;
	}	
#contenido3 li {
	list-style-type: none;
	background: url(imagenes/bullet.gif) no-repeat 0px 8px;
	padding: 4px 0 0 18px;
	}
#cita { 
	width: 642px;
	height: auto;
	text-align: justify;
	float: left;
	background-color: #eaf1f9;
	padding: 10px;
	margin-bottom: 22px;
	}
#cita2 { 
	width: 642px;
	height: auto;
	text-align: justify;
	float: left;
	background-color: #ff2312;
	padding: 10px;
	margin-bottom: 22px;
	}
.firma {
	margin-top: 20px;
	text-align: right;
	}
.foto {
	float: left;
	padding: 4px;
	margin-right: 10px;
	}
/*------------------------------------------------------------*
**  Menú
**------------------------------------------------------------*/
#menu {
	width: 218px;
	float: left;
	margin: 0 0 10px 28px;
	}
#menu2 {
	width: 218px;
	margin: 0 auto;
	padding: 0 0 0 22px;
	text-align: left;
	background: url(imagenes/menu/menu2.gif) repeat-y;
	}
#menu2 .texto {
	border-bottom: #ddd 1px dotted;
	margin: 0 44px 0 0;
	padding: 4px 0 4px 0;
	}
#menu2 .texto p { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #3384ae; padding: 2px 0 2px 0; }
#menu2 .texto p a { color: #3384ae; text-decoration: none; }
#menu2 .texto p a:hover { color: #707173; text-decoration: underline; }
#menu2 .seccion { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #707173; }
/*------------------------------------------------------------*
**  Banner
**------------------------------------------------------------*/
#banner {
	width: 524px;
	height: 18px;
	float: left;
	margin: 126px 0 0 24px;
	padding: 0;
	}
/*------------------------------------------------------------*
**  Organizadores
**------------------------------------------------------------*/
#org {
	height: 79px;
	}
#org ul {
	padding: 60px 0 0 0;
	height: 79px;
	display: block;
	}
#org li {
	text-align: right;
	float: right;
	height: 79px;
	list-style: none;
	}
#org li a {
	width: 94px;
	height: 76px;
	display: block;
	}
li.world a { background: url(imagenes/organizadores/world.png) 0 -79px no-repeat; }
li.world a:hover { background: url(imagenes/organizadores/world.png) no-repeat; }

li.clasa a { background: url(imagenes/organizadores/clasa.png) 0 -79px no-repeat; }
li.clasa a:hover { background: url(imagenes/organizadores/clasa.png) no-repeat; }

li.faaaar a { background: url(imagenes/organizadores/faaaar.png) 0 -79px no-repeat; }
li.faaaar a:hover { background: url(imagenes/organizadores/faaaar.png) no-repeat; }

li.amaar a { background: url(imagenes/organizadores/amaar.png) 0 -79px no-repeat; }
li.amaar a:hover { background: url(imagenes/organizadores/amaar.png) no-repeat; }
/*------------------------------------------------------------*
**  Opciones
**------------------------------------------------------------*/
#opc {
	height: 26px;
	}
#opc ul {
	padding: 130px 28px 0 0;
	height: 26px;
	display: block;
	}
#opc li {
	text-align: right;
	float: right;
	height: 26px;
	list-style: none;
	}
#opc li a {
	width: 111px;
	height: 26px;
	display: block;
	}
li.opchome a { background: url(imagenes/opciones/home.gif) 0 -26px no-repeat; }
li.opchome a:hover { background: url(imagenes/opciones/home.gif) no-repeat; }

li.opcbienvenida a { background: url(imagenes/opciones/bienvenida.gif) 0 -26px no-repeat; }
li.opcbienvenida a:hover { background: url(imagenes/opciones/bienvenida.gif) no-repeat; }

li.opccontacto a { background: url(imagenes/opciones/contacto.gif) 0 -26px no-repeat; }
li.opccontacto a:hover { background: url(imagenes/opciones/contacto.gif) no-repeat; }
/*------------------------------------------------------------*
**  Más información y Reglamentos
**------------------------------------------------------------*/
#info {
	height: 22px;
	padding: 4px 0 20px 0;
	}

#info ul {
	height: 22px;
	display: block;
	padding: 0;
	}
#info li {
	text-align: left;
	float: left;
	height: 22px;
	list-style: none;
	background: none;
	padding: 0;
	}
#info li a {
	width: 94px;
	height: 20px;
	display: block;
	}
li.btninfo a { background: url(imagenes/botones/info.gif) 0 -22px no-repeat; }
li.btninfo a:hover { background: url(imagenes/botones/info.gif) no-repeat; }

li.btnreglamento a { background: url(imagenes/botones/reglamento.gif) 0 -22px no-repeat; }
li.btnreglamento a:hover { background: url(imagenes/botones/reglamento.gif) no-repeat; }

li.btnenviar a { background: url(imagenes/botones/enviar.gif) 0 -22px no-repeat; }
li.btnenviar a:hover { background: url(imagenes/botones/enviar.gif) no-repeat; }

li.btnreserva a { background: url(imagenes/botones/reserva.gif) 0 -22px no-repeat; }
li.btnreserva a:hover { background: url(imagenes/botones/reserva.gif) no-repeat; }
/*------------------------------------------------------------*
**  Últimas noticias
**------------------------------------------------------------*/
#noticias { 
	width: 300px;
	height: auto;
	text-align: justify;
	float: left;
	background-color: #eaf1f9;
	padding: 10px;
	margin: 10px 0 0 26px;
	}
#noticias ul {
	padding: 0;
	}
#noticias li {
	list-style-type: none;
	background: url(imagenes/bullet.gif) no-repeat 0px 8px;
	padding: 4px 0 0 18px;
	}
#noticias a { color: #ff2312; text-decoration: none; }
/*------------------------------------------------------------*
**  Aviso programa
**------------------------------------------------------------*/
#programa { 
	width: 310;
	height: auto;
	text-align: justify;
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	}
/*------------------------------------------------------------*
**  Youtube
**------------------------------------------------------------*/
#youtube { 
	width: 320;
	height: auto;
	text-align: justify;
	float: left;
	padding: 0;
	margin: 20px 0 0 26px;
	}
/*------------------------------------------------------------*
**  Contacto
**------------------------------------------------------------*/
input, select, textarea {
	width: 316px;
	font-family: Arial;
	font-size: 12px;
	color: #000;
	background-color: #eaf1f9;
	border: #ddd;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}
/*------------------------------------------------------------*
**  Galería
**------------------------------------------------------------*/
img.galeria { border: 0; margin: 0 8px 8px 0; float: left; }
/*------------------------------------------------------------*
**  Popup
**------------------------------------------------------------*/
div.popup_item {
	width: 480px;
	margin: -20px 0 0 284px;
	padding: 0;
	}
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/		
#footer {
	width: 960px;
	height: 385px;
	text-align: center;
	background: url(imagenes/footer.gif) bottom no-repeat;
	clear: both;
	margin: 0;
	padding: 0;
	}
#footer p { color: #eaf1f9; margin: 0; padding-top: 320px; text-align: center; }
#footer p a { color: #eaf1f9; text-decoration: none; }
#footer p a:hover { color: #FFFFFF; }