/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------- RESET CSS ----------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {  
	vertical-align: baseline;  
	font-family: inherit;  
	font-weight: inherit;  
	font-style: inherit;  
	font-size: 100%;  
	outline: 0;  
	padding: 0;  
	margin: 0;  
	border: 0;  
}  
:focus {  
	outline: 0;  
}  
body {
	background: white;
	line-height: 1;
	color: black;
}  
ol, ul {  
	list-style: none;  
}  
table {  
	border-collapse: separate;  
	border-spacing: 0;  
}  
caption, th, td {  
	font-weight: normal;  
	text-align: left;  
}  
blockquote:before, blockquote:after, q:before, q:after {  
	content: "";  
}  
blockquote, q {  
	quotes: "" "";  
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------- ESTILOS GENERALES ----------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
body {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 100%;
}
.negro {
	color: #000;
	font-weight: bold;
}
.verde {
	color: #9C3;
}
.verde_margin_left {
	color: #9C3;
	margin-left: 20px;
}
/*.big_size {
	font-size: 60px;
	line-height: 18px;
}
*/
.negrita_cursiva {
	font-style: oblique;
	font-weight: bold;
}
.cursiva {
	font-style: oblique;
}
.float_right {
	float: right;
}
.float_left {
	float: left;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------- STICKY FOOTER ------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
html, body, #container { height: 100%; }

body > #container {height: auto; min-height: 100%; /*background-color:#FF9;*/}

#main { padding-bottom: 100px; /*background-color:#9CC;*/}  /* must be same height as the footer */

#footer {
        position: relative;
        margin-top: -100px; /* negative value of footer height */
        height: 100px;
        clear:both;
} 
/* CLEAR FIX*/
.clearfix:after {content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*--------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- INDEX ---------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/*---------------------------- HEADER (La parte del Logo y los Menus) ------------------------------*/
#header_wrapper {
	height: 71px;
	width: 100%;
	border-bottom: 1px solid #999;
	background-color: #7A993C;
	background-image: url(../images/icono_sup.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header {
	height: 71px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
/*	background-color:#F30;*/
}
#header_left {
	height: 71px;
	width: 321px;
	float: left;
}
#header_right {
	height: 71px;
	width: 550px;
	float: right;
	padding-right:10px;
/*	background-color:#C36;*/
}
#lang {
	width: 550px;
	list-style-type: none;	
}
#lang li  {
	float: right;
	padding: 5px 0 0 8px;
}
#lang li a {
	color: #000;
	display:block;
	font: 18px 'Yanone Kaffeesatz', sans-serif;
	text-decoration: none;
}
#nav {
	width: 550px;
	clear: both;
	list-style-type: none;
}
#nav li  {
	float: right;
	padding: 7px 0 0 30px;
}
#nav li a {
	color: #000;
	display:block;
	font: 28px 'Yanone Kaffeesatz', sans-serif;
	text-decoration: none;
}
#lang li a:hover, #nav li a:hover{
	color: #FFF;
}
/*--------------------------------- HEADLINE (La parte del slogan) ----------------------------------*/
#headline{
	width: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	background-color: #9C3;
	background-image: url(../images/icono_inf.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#headline_content{
	width:940px;
	margin: 0 auto;
	padding: 20px 10px 30px 10px;
	position: relative;
}
#headline_content h1{
	color: #FFF;
	font: small-caps 65px/58px 'Oswald', sans-serif;
	text-shadow: #999 2px 2px 3px;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=145, Strength=1);*/
	margin-bottom:15px;	
}
#headline_content h2{
	color: #FFF;
	text-shadow: #999 2px 2px 3px;
	font: 22px/27px 'Oswald', sans-serif;
}
.la_vuelta{
	position: absolute;
	top: 30px;
	right: 10px;
	
}
.la_vuelta a{
	text-decoration:none;
	display:block;
	width: 214px;
	height: 110px;
	color: #FFF;
	font: 22px/27px 'Oswald', sans-serif;
	text-shadow: #999 2px 2px 3px;
	background: url(../images/la_vuelta_a_espana_2011.png) no-repeat 0px 10px;
}
/*----------------- SECCIÓN (La parte donde indica la sección a la que corresponde) -----------------*/
#seccion{
	width: 100%;
	background: #9C3 url(../images/icono_inf.jpg) no-repeat right top;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
}
#seccion_content{
	width:940px;
	margin: 0 auto;
	padding: 20px 10px;
	overflow: hidden;
}
#seccion_content h1{
	display:block;
	width:300px;
	float:left;
	color: #FFFFFF;
	font: 35px 'Oswald', sans-serif;
	text-shadow: #999 2px 2px 3px;
	/*margin:12px 0;
	background-color:#CCC;*/	
}
#seccion_content h2{
	display: block;
	width: 600px;
	float: right;
	color: #FFFFFF;
	font: 22px/27px 'Oswald', sans-serif;
	text-shadow: #999 2px 2px 3px;
	text-align:right;
	/*background-color:#CF9;*/
}
#seccion_content a{
	color: #FFF;
	text-decoration: none;
	border-bottom: dotted 1px #FFF;
}
#seccion_content a:hover{
	color: #000;
	text-decoration: none;
	border: 0;
}
/*------------------------------ MAIN (La parte del Contenido Central) ------------------------------*/
#main {
	width: 100%;
}
#main_content, #main_content_presentacion, #main_content_servicios, #main_content_contacto, #main_content_envio {
	width: 960px;
	margin: 0px auto;
	padding: 10px 0 30px 0;
	font: 14px/22px Arial, Helvetica, sans-serif;
	color: #666;
	overflow: hidden;
}
.col_index {
	width: 300px;
	float: left;
	padding: 10px 10px 20px 10px;;
}
.col_index a {
	text-decoration:none;
}
.col_index h3 {
	color: #333;
	font: 33px 'Yanone Kaffeesatz', sans-serif;
}
.col_index img {
	margin: 10px 0px;
	outline: solid 1px #000;
}
.col_index p {
	color: #666;
	font: 15px/22px Arial, Helvetica, sans-serif;
}
.col_index p:hover, .col_index h3:hover {
	color: #9C3;
}
.col_index img:hover {
	outline: solid 3px #9C3;
}
/*------------------------------ FOOTER (La parte del Contenido Central) -----------------------------*/
#footer {
	width: 100%;
	background-color:#000;
	color:#FFF;
}
#footer a{
	color:#FFF;	
	text-decoration: none;
	border-bottom: dotted 1px #FFF;
}
#footer a:hover{
	color:#9C3;
	border: 0;
}
#footer_top {
	width: 940px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	font: 18px/28px 'Oswald', sans-serif;
	overflow: hidden;
}
#footer_top_left {
	width:630px;
	float: left;
	/*background-color:#9C9;*/
}
#footer_top_right {
	width:290px;
	float: right;
	/*background-color: #966;*/
}
#footer_top_right #twitter {
	padding-left:30px;
	background: url(../images/twitter.jpg) no-repeat left top;
}
#footer_top_right #facebook {
	margin-left:25px;
	padding-left:30px;
	background: url(../images/facebook.jpg) no-repeat left top;
}
#footer_bottom {
	width: 940px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	font: 12px Verdana, Geneva, sans-serif;
	overflow:hidden;
}
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------- PRESENTACIÓN -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#presentacion_izq {
	width: 450px;
	float: left;
	padding: 0 0 30px 10px;
	/*background-color: #602;*/
}
#presentacion_izq p, #presentacion_dch p {
	color: #666;
	font: 14px/22px Arial, Helvetica, sans-serif;
	padding-top: 20px;
	text-align:left;
}
#presentacion_dch {
	width: 450px;
	float: right;
	padding-right: 20px;
	/*background-color: #CCF;*/
}
#presentacion_dch img{
	margin-top:30px;
	border: solid 5px #CCC;
	-webkit-box-shadow: 2px 2px 5px #999;
  	-moz-box-shadow: 2px 2px 5px #999;
  	filter: shadow(color=#999999, direction=135, strength=2);
}
/*--------------------------------------------------------------------------------------------------*/
/*------------------------------------------- SERVICIOS --------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#main_content_servicios {
	text-align: left;
}
/*------------------- ICONOS -------------------*/
#servicios_iconos {
	overflow:hidden;
}
#col_eventos, #col_material, #col_instalaciones {
	width: 300px;
	float: left;
	padding: 10px 10px 20px 10px;;
}
#col_eventos p, #col_material p, #col_instalaciones p {
	color: #666;
	font: 15px/22px Arial, Helvetica, sans-serif;
}
#col_eventos a {
	display:block;
	height: 77px;
	text-decoration: none;
	color: #333;
	font: 33px 'Yanone Kaffeesatz', sans-serif;
	background: url(../images/ico_organizacion_eventos.gif) no-repeat left 5px;
	margin-bottom: 10px;
	padding-left: 100px;
}
#col_eventos a:hover {
	color: #9C3;
	background: url(../images/ico_organizacion_eventos_over.gif) no-repeat left 5px;
}
#col_material a {
	display:block;
	height: 87px;
	text-decoration: none;
	color: #333;
	font: 33px 'Yanone Kaffeesatz', sans-serif;
	background: url(../images/ico_material_deportivo.gif) no-repeat left 5px;
	padding-left: 100px;
}
#col_material a:hover {
	color: #9C3;
	background: url(../images/ico_material_deportivo_over.gif) no-repeat left 5px;
}
#col_instalaciones a {
	display:block;
	height: 77px;
	text-decoration: none;
	color: #333;
	font: 33px 'Yanone Kaffeesatz', sans-serif;
	background: url(../images/ico_instalaciones_deportivas.gif) no-repeat left 5px;
	margin-bottom: 10px;
	padding-left: 100px;
}
#col_instalaciones a:hover {
	color: #9C3;
	background: url(../images/ico_instalaciones_deportivas_over.gif) no-repeat left 5px;
}
/*-------------------------------------- EVENTOS -------------------------------------------*/
#servicios_eventos {
	overflow:hidden;
	border-top: solid 1px #BBB;
	padding: 20px 10px 0 10px;
}
#servicios_eventos h4{
	font: 28px 'Oswald', sans-serif;
	color: #9C3;	
}
#servicios_eventos p {
	color: #666;
	font: 14px/22px Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
#servicios_eventos_izq {
	width: 460px;
	float: left;	
}
#servicios_eventos_izq h5{
	font: 18px 'Oswald', sans-serif;
	color: #666;
	margin-top: 20px;	
}
#servicios_eventos_izq a{
	display:block;
	font: 15px 'Oswald', sans-serif;
	color: #000;
	text-decoration:none;
	margin-top: 22px;
	padding-left: 22px;
	background: url(../images/subir.jpg) no-repeat left;	
}
#servicios_eventos_izq a:hover{
	font: 15px 'Oswald', sans-serif;
	color: #999;	
	background: url(../images/subir_over.jpg) no-repeat left;
}
#servicios_eventos_dch {
	width: 450px;
	float: right;
	padding-right:5px;
}
#servicios_eventos_dch img{
	border: solid 5px #CCC;
	margin-top: 30px;
	-webkit-box-shadow: 2px 2px 5px #999;
  	-moz-box-shadow: 2px 2px 5px #999;
  	filter: shadow(color=#999999, direction=135, strength=2);
}
/*------------------------------------- MATERIALES ----------------------------------------*/
#servicios_materiales {
	clear:both;
	padding: 30px 10px 0 10px;	
}
#servicios_materiales h4{
	font: 28px 'Oswald', sans-serif;
	color: #9C3;	
}
#servicios_materiales p {
	color: #666;
	font: 14px/22px Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
#servicios_materiales_izq {
	width: 460px;
	float: left;
}
#servicios_materiales_izq a{
	display:block;
	font: 15px 'Oswald', sans-serif;
	color: #000;
	text-decoration:none;
	margin-top: 22px;
	padding-left: 22px;
	background: url(../images/subir.jpg) no-repeat left;	
}
#servicios_materiales_izq a:hover{
	font: 15px 'Oswald', sans-serif;
	color: #999;	
	background: url(../images/subir_over.jpg) no-repeat left;
}
#servicios_materiales_izq ul{
	margin-top:15px;
}
#servicios_materiales_izq li{
	margin:5px 0px 0px 10px;
	list-style-position: inside;
	list-style-type: disc;
}
#servicios_materiales_dch {
	width: 450px;
	float: right;
	padding-right:5px;
}
#servicios_materiales_dch img{
	border: solid 5px #CCC;
	margin-top: 25px;
	-webkit-box-shadow: 2px 2px 5px #999;
  	-moz-box-shadow: 2px 2px 5px #999;
  	filter: shadow(color=#999999, direction=135, strength=2);
}
/*------------------------------------ INSTALACIONES --------------------------------------*/
#servicios_instalaciones {
	clear:both;
	padding: 30px 10px 0 10px;	
}
#servicios_instalaciones h4{
	font: 28px 'Oswald', sans-serif;
	color: #9C3;	
}
#servicios_instalaciones p {
	color: #666;
	font: 14px/22px Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
#servicios_instalaciones_izq {
	width: 460px;
	float: left;
	padding-right: 10px;
}

#servicios_instalaciones_izq h5{
	font: 18px 'Oswald', sans-serif;
	color: #666;
	margin-top: 20px;	
}
#servicios_instalaciones_izq a{
	display:block;
	font: 15px 'Oswald', sans-serif;
	color: #000;
	text-decoration:none;
	margin-top: 22px;
	padding-left: 22px;
	background: url(../images/subir.jpg) no-repeat left;
}
#servicios_instalaciones_izq a:hover{
	font: 15px 'Oswald', sans-serif;
	color: #999;	
	background: url(../images/subir_over.jpg) no-repeat left;
}
#servicios_instalaciones_dch {
	width: 450px;
	float: right;
	padding-right:5px;	
}
#servicios_instalaciones_dch iframe{
	/*border: solid 5px #9C3;*/
	border: solid 5px #CCC;
	margin-top: 25px;
	-webkit-box-shadow: 2px 2px 5px #999;
  	-moz-box-shadow: 2px 2px 5px #999;
  	filter: shadow(color=#999999, direction=135, strength=2);
}
#servicios_instalaciones_dch img{
	border: solid 5px #CCC;
	margin-top: 60px;
	-webkit-box-shadow: 2px 2px 5px #999;
  	-moz-box-shadow: 2px 2px 5px #999;
  	filter: shadow(color=#999999, direction=135, strength=2);
}
/*--------------------------------------------------------------------------------------------------*/
/*------------------------------------------- CONTACTO ---------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#contacto_izq {
	width: 620px;
	float: left;
	padding: 10px 10px 0 10px;
}
#contacto_izq p, #contacto_dch p {
	color: #666;
	font: 14px/22px Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
#contacto_izq h3, #contacto_dch h3 {
	color: #333;
	font: 33px 'Yanone Kaffeesatz', sans-serif;
}
#contacto_dch {
	width: 300px;
	float: left;
	padding: 10px 10px 0 10px;
}
#contacto_dch iframe {
	border: solid 1px #CCC;
	margin-top: 20px;
	clear:both;
}
#contacto_dch ul{
	margin-top:20px;
}
#contacto_dch ul li{
	font: 18px 'Oswald', sans-serif;
	margin-top:6px;
	color:#888;
}
#contacto_dch a {
	color:#000;
	text-decoration:none;
	border-bottom: dotted 1px #000;
}
#contacto_dch a:hover {
	color:#7A993C;
	border: 0;
}
.verde_oscuro{
	/*color:#8EA648;*/
	color:#7A993C;
}
#form1 {
    padding: 30px 0 20px 0;
    width: 595px;
}
input {
    border: 1px solid #CCC;
    color: #000;
    display: block;
    float: left;
    font: 14px Arial, Helvetica, sans-serif;
    height: 24px;
    margin-bottom: 15px;
    padding: 3px 5px;
	/*padding: 8px 5px 0px 5px;*/
    width: 470px;
}
label {
    color: #888;
    display: block;
    float: left;
    font: 18px 'Oswald', sans-serif;
    padding-top: 3px;
    text-transform: capitalize;
    width: 110px;
}
textarea {
    color: #000;
    display: block;
    float: left;
    font: 14px Arial, Helvetica, sans-serif;
    padding: 5px;
    width: 470px;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	background-color: #E9FDCE;
	border: 1px solid #000;
	color: #666;
}
.boton_enviar {
	background-color: #9C3;
	border:0;
	color: #000;
	cursor: pointer;
	display: block;
	float: right;
	font: 18px 'Oswald', sans-serif;
    height: 34px;
	margin: 15px 0 0 0;
	padding: 0 2px;
	width: 90px;
}
input#enviar:hover {
	border: 1px solid #000;
	background-color: #7A993C;
	color: #FFF;
}
br {
    clear: both;
}
/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------------- ENVIO ----------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
#alerta {
	width: 425px;
	height: 200px;
	margin: 140px auto;
	padding-top:20px;
	text-align:center;
	background: #FFD9DF /*url(../images/alerta.gif) no-repeat 10px center*/;	
	border: 5px solid #FF3E3E;
}
#ok {
	width: 425px;
	height: 200px;
	margin: 140px auto;
	padding-top:50px;
	text-align:center;
	background: #C8EDB6 /*url(../images/ok.gif) no-repeat 10px center*/;
	border: 5px solid #9C3;
}
#main_content_envio p {
	margin-top:15px;
	font: 15px/22px Arial, Helvetica, sans-serif;
	color:#666;
}
#alerta a {
	color: #000000;
	font: 12px 'Oswald', sans-serif;
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}
#alerta a:hover {
	color: #FF0000;
	border: 0;
}
#ok a {
	color: #000000;
	font: 12px 'Oswald', sans-serif;
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}
#ok a:hover {
	color: #9C3;
	border: 0;
}
.rojo {
	font: 50px 'Oswald', sans-serif;
	color: #FF3E3E;
	text-shadow: #BBB 2px 2px 3px;
}
.verde_envio {
	font: 40px 'Oswald', sans-serif;
	color: #9C3;
	text-shadow: #BBB 2px 2px 3px;
}