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

body {
	margin:0px;
	padding:0px;
	background-color: #e1e1e1;
	font-family: "Tahoma", Arial, sans-serif;
}

img { border:none;}

a {text-decoration:none:
	text-decoration: none;
	text-decoration: none;
}

/*------------ CLEAR IT ----------*/
.clearit {
	clear:both;
	margin: 0;
	padding: 0;
}

#contendor {
	width:760px;
	height:auto;
	margin:0 auto;
	background-color: #DDDDDD;
}
#sombra {
	width: 782px;
	height: auto;
	background-image: url(../img/sombra.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: 0 auto;
}

#sombra2 {
	width: 782px;
	height: auto;
	background-image: url(../img/sombra2.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
	background-position:right;
}
.header {
	width:760px;
	height:225px;
	background-color: #EEEEEE;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.noticias-img  {
	border: 5px #AAAAAA solid;
	margin: 21px 15px 8px 20px;
	float: left;
}
.noticias-leyenda  {
	margin: 0;
	padding: 0;
	float: left;

}
.noticias-leyenda h6 a {
	color: #666;
}

.noticias-leyenda h6 {
	color: #666;
	font-size: 9px;
	font-weight: normal;
	margin: 0;
	padding-left: 23px;
}




#menu {
	white-space:760px;
	height:27px;
	text-align:center;
	background-color: #008080;
	margin: 0;
	padding: 0;
}

#menu p{
	margin:0px;
	padding:6px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
}

#menu b {
	color:#9ACD32;
}

#menu a {
	color:#FFF;
}

#menu a:hover {
	color:#EEEEEE;
}

#menu-izq {
	width:180px;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
	float: left;
}

#menu-izq h1{
	font-size:13px;
	margin:0px;
	padding:5px;
	font-weight: bold;
	letter-spacing: 1px;
}

.fondo-h1 {
	color:#eeeeee;
	height: 25px;
	background-color: #008b8b;
}

.bloque-menu p{
	font-size:11px;
	margin:0px;
	padding:0px;
	color: #008080;
}

.bloque-menu a{
	color:#008080;
	font-weight:bold;
	font-size: 11px;
}

.bloque-menu a:hover{
	color:#999;
}

.fondo-p {
	height:15px;
	border-top:#FFF 1px solid;
	margin: 0px;
	padding: 5px 0px 5px 10px;
}

.bloque-menu{
	width:170px;
	margin:5px auto 0px auto;
	background-color: #eee;
}
.principal-div-circulo {
	float: left;
	width: 40px;
	text-align: right;
	height: 15px;
}

#contenido {
	width: 430px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	background-color: #FFF;
}
.principal {
	width: 430px;
	float: left;
	margin: 0;
	padding: 0;
	min-height: 640px;
}
.principal b {
	color: #008080;
	font-size: 12px;
}

.principal p {
	font-size: 12px;
	padding: 0 20px;
	text-align: justify;
	color: #333333;
}
.comollegar-tabla {
	width: 350px;
	margin: 0 auto;
	padding: 0;
	height: auto;
}
.comollegar-tabla p {
	padding: 0;
	margin: 0;
}
.comollegar-tabla-enc {
	width: 345px;
	background-color: #066;
	font-weight: bold;
	height: 16px;
	padding: 2px 0 2px 5px;
}
.comollegar-tabla-enc p {
	color: #FFF;
}

.principal h2 {
	font-size: 15px;
	margin: 0;
	padding: 0px 20px;
	text-align: justify;
	font-weight: normal;
	color: #666666;
}
.principal h1 {
	font-size: 20px;
	padding: 20px;
	color: #008080;
	margin: 0;
	font-weight: normal;
}
.contenido-rigth {
	width: 140px;
	height: auto;
	float: right;
	margin: 0;
	padding: 5px 5px 5px 0;
	text-align: center;
}
#pie {
	width: 430px;
	height: 55px;
	text-align: center;
	font-size: 10px;
	color: #008080;
	margin: 0;
	float: left;
	padding: 0;
}
#pie p {
	margin: 0;
	padding: 20px;
}

#pie a:hover {
	color: #666;

}

#pie  a {
	color: #008080;
	font-weight: bold;
}
#footer {
	width: 720px;
	height: 40px;
	background-color: #EEEEEE;
	margin: 0;
	padding: 20px;
}
#footer-info  {
	float: left;
}

#footer a {
	color: #008080;
}

#footer h2 {
	font-size: 11px;
	color: #008080;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#footer p {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #666;
}
.alojamiento-enc {
	height: 20px;
	width: 400px;
	margin: 0 auto;
	padding: 0 5px 0 0;
	background-color: #008080;
}

.alojamiento {
	width: 395px;
	height: auto;
	background-color: #eee;
	margin: 0 auto;
	padding: 5px;
}
.alojamiento a:hover {
}

.alojamiento img {
	margin: 0;
	padding: 1px 0 0 0;
	border: 0;
	float: left;
}

.alojamiento p {
	font-size: 11px;
	margin: 0;
	padding: 5px 0 0 18px;
}

.alojamiento-pie  {
	text-align: right;
	color: #008080;
	width: 100px;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
}

.alojamiento-pie a {
	color: #008080;
}

.alojamiento-pie a:hover {
	color: #666666;
}

.alojamiento-pie p {
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0;
	color: #999999;
}

.nombre {
	float: left;
	width: 270px;
	height: 20px;
	margin: 0;
	padding: 0 5px;
}
.nombre img, .nombre2 img {
	margin: 0;
	padding: 5px 4px 0 0;
	float: left;
}

.nombre p, .nombre2 p {
	color: #FFFFFF;
	font-size: 13px;
	margin: 0;
	padding: 2px 0 0 0;
	font-weight: bold;
}

.nombre2 {
	float: left;
	height: 20px;
	margin: 0;
	padding: 0 5px;
	width:400px;
}

.categoria {
	height: 20px;
	width: auto;
	float: right;
	margin: 0;
	padding: 0 5px;
}

.categoria p {
	font-size: 10px;
	padding: 3px 0 0 0;
	color: #FFF;
	font-weight: bold;
	margin: 0;
}

.estrella {
	height: 20px;
	width: 15px;
	background-image: url(../img/estrella.jpg);
	float: right;
	background-repeat: no-repeat;
}
.comollegar-tabla-col1 {
	width: 168px;
	background-color: #eeeeee;
	height: 16px;
	padding: 2px 0 2px 5px;
	float: left;
	margin: 2px 0;
}
.comollegar-tabla-col1 p {
	color: #008080;
}
.comollegar-tabla-col2 p {
	color: #EEEEEE;
}

.comollegar-tabla-col2 {
	width: 168px;
	background-color: #008080;
	height: 16px;
	padding: 2px 0 2px 5px;
	float: right;
	margin: 2px 0;
}
.contacto {
	margin: 0 auto;
	padding: 0;
	width: 410px;
}
#imageField {
	background-color: #008080;
	width: 70px;
	float: right;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
.contacto input , textarea{
	background-color: #e1e1e1;
	border: 0;
	width: 100%;
	margin: 5px 0;
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 12px;
	color: #333;
}
.contacto label {
	font-size: 11px;
	color: #008080;
	font-weight: bold;
}
.contacto form {
	padding: 10px;
	background-color: #eee;
}
.contacto a {
	color: #008080;
}
.contacto a:hover {
	color: #999;
}
.contacto p {
	margin: 0;
	padding: 5px;
	text-align: center;
}
.contacto h1 {
	padding: 20px 10px;


}

.deportes img {
	margin: 20px;

}
.eventos h2 {
	color: #008080;
	margin: 0;
	padding: 10px 0 10px 20px;
	font-size: 12px;
	text-transform: uppercase;
}
.eventos, .normativas {
	width: 405px;
	padding: 0;
	margin: 0 auto;
}
.eventos ul {
	font-size: 12px;
	margin: 5px 0 0 30px;
	list-style-image: url(../img/cuadrado.jpg);
	padding: 0px;
}
.eventos li {
	margin: 0;
	padding: 2px;
}

.eventos li a{
	color:#666;
}

.eventos p {
	margin: 0;
	padding: 0 0 0 20px;
}
.eventos img {
	border: 0;
	margin: 5px;

}
.eventos h3 {
	margin: 0;
	padding: 0px 0 0 40px;
	font-size: 12px;
}
.eventos h3 a {
	color: #666;
}
.eventos h3 a:hover {
	color: #008080;
}
#plano {
	background-color: #FFFFFF;
	padding: 20px 0;
	text-align: center;
}
#plano p {
	font-size: 14px;
	font-weight: bold;
}

#plano a {
	color: #008080;
}
#plano a:hover {
	color: #333333;
}
#mapa {
	background-color: #FFFFFF;
	padding: 20px;
	margin: 0;
}
#mapa p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 5px 35px;
}

#mapa a:hover {
	color: #008080;
	font-weight: bold;
}

#mapa a {
	color: #333333;
	margin: 0;
	padding: 0;
}

#mapa li {
	margin: 0 0 0 50px;
	padding: 0 0 5px 0;
}

#mapa ul {
	margin: 0 0 15px 0;
	font-size: 12px;
	list-style-image: url(../img/cuadrado.jpg);
	color: #333333;
	padding: 0;

}

#mapa h1 {
	font-size: 20px;
	padding: 20px;
	color: #008080;
	margin: 0;
	font-weight: normal;
}
#mapa h2 {
	font-size: 12px;
	margin: 0;
	padding: 0px 20px 20px 30px;
	text-align: justify;
	font-weight: bold;
	color: #008080;
	}
#valido {
	float: right;
	margin: 0;
	padding: 0;
}
#valido img {
	border: none;
}
.fotos {
	width: 405px;
	padding: 0;
	margin: 0 auto;
}
.fotos img {
	border: 0;
	margin: 0px;
}
.separa {
	width: 140px;
	height: 5px;
}
.ampliar {
	background-color: #008080;
	height: 15px;
	width: 70px;
	background-image: url(../img/flecha.jpg);
	margin: 0 0 0 340px;
	padding: 0;
	background-repeat: no-repeat;
}
.ampliar a {
	color: #FFF;
}

.ampliar   p {
	font-size: 9px;
	margin: 0;
	padding: 2px 0 2px 15px;
}
.titulo {
	height: auto;
	width: 390px;
	background-image: url(../img/cuadrado.jpg);
	background-repeat: repeat-y;
	margin: 0 0 0 20px;
	padding: 0;
	background-color: #eee;
}
.titulo h2 {
	color: #333333;
}
.atras {
	background-color: #008080;
	height: 15px;
	width: 60px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}
.atras a {
	color: #FFF;
}
.atras p {
	font-size: 9px;
	margin: 0;
	padding: 2px 10px;
}
.oculta {
	display: none;
}

/*---CLIMA---*/

#current {
	padding: 5px;
	width: 127px;
	border: 2px solid #999;
	margin-bottom: 5px;
	font-size:9px;
	text-align:left;
}

#current h1 strong{
	font-size:9px;
	color:#008080;
}

#current p {
	color:#333;
	margin-left:40px;
}

#current img {
	float: left;
	margin-right: 5px;
	margin-top: 7px;
	border: 2px solid #fff;
}
.noticias-leyenda img {
	border: 5px #AAAAAA solid;
	margin: 21px 15px 0px 20px;
}
.ampliarmas {
	background-color: #008080;
	height: 15px;
	width: 70px;
	background-image: url(../img/flecha.jpg);
	margin: 0 0 20px 340px;
	padding: 0;
	background-repeat: no-repeat;
}
.ampliarmas a {
	color: #FFF;
}
.ampliarmas p {
	font-size: 9px;
	margin: 0;
	padding: 2px 0 2px 15px;
}
.fondo {
	background-color: #C9D3D3;
	border: 1px solid #ccc;
	margin: 0 20px;
	padding: 10px 10px 5px 10px;
}
.fondo h2 {
	padding-bottom: 5px!Important;
	font-size: 14px;
}

.fondo a {
	text-decoration: underline;
	color: #333;
}
.fondo a:hover {
	color: #000;
	text-decoration: none;
}
#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}

#slider li {
	width:430px;
	height:242px;
	overflow:hidden;
		}	
	
ol#controls{
	margin:0 19px 10px 0;
	padding:0;
	height:20px;
	float: right;
		}
ol#controls li{
	margin:0 1px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:20px;
	line-height:20px;
	font-size: 10px;
		}
ol#controls li a{
	float:left;
	height:20px;
	line-height:20px;
	background:#C9D3D3;
	color:#333;
	padding:0 10px;
	text-decoration:none;
		}
ol#controls li.current a{
	background:#008080;
	color:#fff;
		}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
.contiene-slider {
	margin: 0 20px;
	padding: 10px 0;
	height: 220px;
	border: 1px solid #C9D3D3;
	background-color: #f6f6f6;
	overflow: hidden;
}
.contiene-slider a, .principal p span {
	color: #008080;
	font-weight: bold;
}
.normativas {
	margin-bottom: 15px;
}

.normativas p{
	margin: 0;
	padding: 0 0 0 15px;
}
.normativas img {
	float: left;
	border: 0;
	margin: 2px 0 0 0;
}
.descargar {
	background-color: #008080;
	height: 15px;
	width: 115px;
	background-image: url(../img/flecha.jpg);
	margin: 5px 0 0 15px;
	padding: 0;
	background-repeat: no-repeat;
}
.descargar a {
	color: #FFF;
}
.descargar p {
	font-size: 9px;
	margin: 0;
	padding: 2px 0 2px 15px;
}