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

html{
	height: 100%;
}

body{
	height: 100%;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

p{
	line-height: 14px;
	margin: 10px 0;
}

#content{
	z-index: 0;
	width: 960px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -40px; /*Ultimo margen el tamaño en negativo del pie */
	-moz-box-shadow: 0px 0px 10px #666;
	-webkit-box-shadow: 0px 0px 10px #666;
}

#header{
	float: left;
	clear: both;
	z-index: 1;
	width: 960px;
	height: 70px;
	border-bottom: 2px solid #b0453b;
}

		#header img{
			float: left;
			margin: 5px 0 0 20px;
		}

		#header h1{
			float: left;
			margin: 20px 0 0 20px;
			color: #1b1d29;
			font-size: 2.2em;
		}
		
		#header ul{
			float: right;
			margin: 30px 20px 0 0;
		}
		
		#header ul li{
			float: left;
			margin: 0 20px 0 0;
			font-weight: bold;
		}
		
				#header ul li:hover{
					color: #999;
				}
				
				.actual{
					color: #b45046;
				}
				
				#header ul li a{
					color: #000;
					text-decoration: none;
					font-weight: bold;
				}

#slogan{
	float: left;
	clear: both;
	z-index: 1;
	width: 960px;
	margin: 40px 0 0 0;
}

		#slogan img{
			float: left;
		}
		
		#slogan h1{
			float: left;
			width: 400px;
			margin: 20px 0 0 0;
			font-size: 2.3em;
			font-weight: bold;
		}
		
		#slogan p{
			float: left;
			width: 400px;
			margin: 30px 5px 0;
			line-height: 18px;
		}
		#slogan .nivo-controlNav{
			float: right;
			margin: 280px 210px 0 0;
		}
	
		#slogan .nivo-controlNav a{
			display:block;
			width:10px;
			height:10px;
			background:url(../images/bullets.png) no-repeat;
			text-indent:-9999px;
			border:0;
			margin-right:3px;
			float:left;
		}
		
		#slogan .nivo-controlNav a.active{
			background-position:-10px 0;
		}
		
		.nivo-directionNav a {
			display:block;
			width:30px;
			height:30px;
			background:url(../images/arrows.png) no-repeat;
			text-indent:-9999px;
			border:0;
		}
		a.nivo-nextNav {
			background-position:-30px 0;
			right:15px;
		}
		a.nivo-prevNav {
			left:15px;
		}

#servicios{
	float: left;
	clear: both;
	z-index: 1;
	width: 930px;
	margin: 20px 0 40px;
	padding: 0 0 0 30px;
}

		.servicio{
			float: left;
			width: 260px;
			margin: 0 50px 0 0;
		}

		.servicio img{
			float: left;
			margin: 0 10px 0 0;
		}
		
		.servicio h2{
			float: left;
			margin: 10px 0 0 0;
			width: 150px;
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;
		}
		
		.servicio p{
			float: left;
			width: 150px;
			height: 56px;
			margin: 7px 0;
			text-align: justify;
			font-size: 0.8em;
		}

#texto{
	float: left;
	clear: both;
	z-index: 1;
	width: 900px;
	margin: 20px 0 40px;
	padding: 0 30px 0 30px;
}

		#texto #slideshow{
			z-index: 2;
			float: left;
			display: inline;
			width: 450px;
			height: 300px;
			margin: 0 40px 40px 0;
			overflow: scroll;
			-moz-box-shadow: 5px 5px 7px #999;
			-webkit-box-shadow: 5px 5px 7px #999;
			vertical-align: top;
		}
		
		#texto .logo{
			z-index: 2;
			float: left;
		}
		
		#texto p{
			float: left;
			clear: both;
			display: inline;
			margin: 0 0 10px 0;
			font-size: 1em;
			line-height: 17px;
		}
		
		#texto h2{
			float: left;
			clear: both;
			margin: 15px 0;
			font-size: 1.4em;
			color: #666;
		}

#noticias{
	float: left;
	clear: both;
	z-index: 1;
	width: 930px;
	padding: 20px 0 0 30px;
}

#ubicacion{
	float: left;
	clear: both;
	margin: 0 0 15px 0;
	font-size: 0.8em;
}

.contenedor{
	float: left;
	z-index: 2;
	width: 431px;
	height: 200px;
	margin: 0 30px 30px 0;
	background: #f3ece2;
	border: 2px solid #dad4cb;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 5px 5px 7px #c4c3c2;
	-webkit-box-shadow: 5px 5px 7px #c4c3c2;
}

		.contenedor h1{
			float: left;
			margin: 10px 0 20px 89px;
			padding: 0 0 0 110px;
			height: 20px;
			background: url(../images/deportivas.png) no-repeat top left;
			font-size: 1.7em;
			letter-spacing: 3px;
		}
		
		.contenedor .actualidad{
			background: url(../images/actualidad.png) no-repeat top left;
		}
		
		.contenedor a{
			float: right;
			margin: -4px 15px 0 0;
			color: #000;
			font-size: 0.8em;
		}
		
		.contenedor a:hover{
			color: #777;
		}
		
#noticiasDos{
	background: #e2d5c4;
	border-color: #cabeaf;
}

#noticiasUno{
	background: #f3ece2;
	border-color: #dad4cb;
}

.noticia{
	float: left;
	clear: both;
	width: 396px;
	height: 60px;
	margin: 0 0 7px 15px;
}

		.noticia img{
			float: left;
			margin: 1px 0;
			height: 58px;
			width: 77px;
			max-height: 58px;
			max-width: 77px;
		}
		
		.noticia h2{
			float: left;
			width: 290px;
			margin: 10px 10px 4px;
			font-size: 1em;
			font-weight: bold;
		}
		
		.noticia p{
			float: left;
			width: 300px;
			margin: 0 0 0 10px;
			font-size: 0.8em;
		}

.noticiaBig{
	float: left;
	clear: both;
	width: 890px;
	margin: 0 0 20px 0;
}

		.noticiaBig img{
			float: left;
			width: 250px;
			height: 140px;
			max-width: 250px;
			max-height: 140px;
			margin: 0 20px 20px 0;
		}
		
		.noticiaBig h1{
			float: left;
			width: 600px;
			margin: 10px 0 0 0;
			font-size: 1.5em;
		}
		
		.noticiaBig p{
			float: left;
			width: 585px;
			margin: 10px 15px;
			line-height: 16px;
		}
		
		.noticiaBig a{
			color: #666;
		}
		
		.noticiaBig a:hover{
			color: #ccc;
		}

#map{
	float: left;
	width: 480px;
	height: 360px;
	margin: 40px 30px;
	-moz-box-shadow: 5px 5px 7px #999;
	-webkit-box-shadow: 5px 5px 7px #999;
}

.contacto{
	float: left;
	width: 300px;
	height: 200px;
	margin: 90px 0px 0px 60px;
}

		.contacto h1{
			float: left;
			margin: 0 0 40px;
			font-size: 2.2em;
			letter-spacing: 2px;
			word-spacing: 5px;
		}
		
		.contacto p{
			clear: both;
			float: left;
			margin: 0 6px 10px;
			font-size: 1.1em;
			letter-spacing: 1px;
		}
		
		.contacto a{
			color: #36C;
			text-decoration: none;
		}
		
		.contacto a:hover{
			color: #30F;
		}
		
.cita{
	float: left;
	clear: both;
	margin: 0 0 0 10px;
}

		.cita fieldset{
			float: left;
			margin: 0 0px 0 0;
		}

		.cita h3{
			clear: both;
			color: #C00;
			margin: 15px 0 7px;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		.cita label{
			float: left;
			clear: left;
			margin: 0 7px 5px 22px;
			font-size: 0.8em;
		}
		
		.cita input, textarea{
			float: left;
			clear: left;
			width: 250px;
			margin: 0 20px 10px 20px;
		}
		
		.cita .boton{
			float: right;
			width: 100px;
		}

#nopie{
	clear: both;
	height: 40px;
}

#texto .textoEmpresa{
	font-size: 12pt;
	line-height: 20px;
}

#texto ul{
	float: left;
	clear: both;
	margin: 5px 0 0 25px;
	font-size: 12pt;
	list-style: inside disc;
}

#texto #slides{
	margin: 0;
	list-style: none;
}

#texto ul li{
	margin: 0 0 7px 0;
}

.serviciosImg{
	width: 880px;
	height: 50px;
	border: thin solid #666;
}

#pie{
	width: 100%;
	height: 40px;
}

		#pie a{
			color: #000;
			text-decoration: none;
		}

		#pie .contenido{
			width: 960px;
			height: 40px;
			margin: 0 auto;
			border-top: 1px solid #b0453b;
			text-align: center;
		}
		
		#pie p{
			margin: 12px 0 0;
			font-size: 0.9em;
			letter-spacing: 1px;
			word-spacing: 3px;
		}