/*  
Theme Name: Estilos
Theme URI: http://www.ada-systems.net/
Description: Designed by www.ada-systems.net
Version: 1.0
Author: Ada-Systems.
*/

/***********************
*	     Basicos       *
***********************/
body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;              
	font-size: 14px;
	height: 100%;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #444444;	text-align: left;
}

p, ul, ol {
	line-height: 15px;
	color:#444444;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 20px;
	font-weight:bold;
   	font-family: Georgia, Times, "Times New Roman", serif;
	color: #505050;
}

h1 {font-size: 160%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 80%;}
h6 {font-size: 60%;}

a:link,
a:visited {
	color: #444444;
	text-decoration: none;
	font-weight: bold;
	border: 0px;
}
	
a:hover,
a:active {
	color: #777;
	text-decoration: underline;
}

a img{border: 0px;}

p{
	margin: 10px 20px 0px 20px;
	padding: 5px 0px;
	text-align:justify;
	color: #444444;
}

.primer-parrafo:first-letter{
	font-size:40px;
	float:left;
}
.rojo{
	color:#eb2629;
}
.blanco{
	color:#ffffff;
}
.gris{
	color:#505050;
}
ul{
	list-style-type:none;
}

.left{float:left;}

.right{float:right;}


/***********************
*	     Global        *
***********************/
#global{
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	overflow: visible;
	background:url('../piezas/Isla1.jpg') no-repeat top center;	
}

/***********************
*		 Cabeza        *
***********************/
#cabecera{
	position: relative;
	margin: 0px auto 0px auto;
	width: 900px;
	height:140px;
	overflow: auto;
}

#logo{
	position: absolute;
	top: 16px;
	left: 15px;
	height: 103px;
	width: 150px;
}

ul#menu{
	position: absolute;
	margin: 0px;
	padding:0px 0px 0px 10px;
	top: 0px;
	right: 0px;
	height: 50px;
	width: 670px;
	background: url('../piezas/menufondo.png') no-repeat top center;
}

ul#menu li{
	float: left;
	height: 23px;
	text-align: center;
	font-size: 12px;
	padding: 10px 13px;
	margin: 0px 9px;
}

ul#menu a{
	color: #505050;
	font-weight:normal;
}

ul#menu a.activo{
	color: #505050;
	font-weight:normal;
}

ul#banderas{
	position: absolute;
	right: 10px;
	top: 45px;
}

ul#banderas li{
	float: left;
	margin: 0px 3px;
}

ul#banderas img{
	border:1px solid #999;
}
/***********************
*		 Cuerpo        *
***********************/
#cuerpo{
	position:relative;
	margin:5px auto 10px auto;
	padding: 1px 0px 30px 0px;
	width:900px;
	overflow: auto;
	background: url('../piezas/fondo-contenedor.png') repeat top center;
	border: 1px solid #999;
}

#cuerpo-70{
	float: left;
	margin: 10px 0px 10px 0px;
	width: 640px;	
}

#cuerpo-30{
	margin: 10px 0px 10px 0px;
	float: left;
	width: 300px;
}

.cuerpo-50{
	float: left;
	margin: 10px 0px 10px 0px;
	width: 470px;
}

.img-marco{
	margin: 10px 15px;
	padding: 3px;
	border: 1px solid #fff;
}

#aloj-rest{
	position: absolute;
	bottom: 200px;
	left: 200px;
}


ul#galeria{
	position: relative;
	clear: both;
	margin: 10px;
	padding: 0px
	width: 100%;
}

ul#galeria li{
	float: left;
	margin: 4px;
}

ul#galeria li > a > img{
	border: 1px solid #999;
}

ul#hoteles, ul#pensiones, ul#campings, ul#restaurantes, ul#otros {
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

ul#hoteles li, ul#pensiones li, ul#campings li, ul#restaurantes li, ul#otros li{
	float: left;
	margin: 4px;
	padding: 0px;
	width: 215px;
	background: #fff;
}

ul.asociado{
	margin: 0px;
	padding:2px;
	overflow: auto;
	border: 1px solid #666;
}

ul.asociado > li{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 15px;
}

ul#hoteles li > ul.asociado > li, ul#pensiones li > ul.asociado > li, ul#campings li > ul.asociado > li, ul#restaurantes li > ul.asociado > li, ul#otros li > ul.asociado > li{
	position: relative;
	margin: 0px;
	padding:0px;
	width: 210px;
	height: 15px;
}

.nombre{
	font-weight: bold;
}

ul#playas{
	position: relative;
	margin: 0px;
	padding: 20px;
}

ul#playas li{
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	border-top: 1px dashed #555;
}

ul#secciones-isla{
	position: relative;
	margin: 2px 5px 2px 30px;
	padding: 2px;
	overflow: auto;
}

ul#secciones-isla li{
	float: left;
	margin: 2px 30px;
	padding: 2px;
}

ul#naturaleza-patrimonio, ul#actividades{
	position: relative;
	margin: 2px 5px 2px 5px;
	padding: 2px;
	overflow: auto;
}

ul#naturaleza-patrimonio li{
	float: left;
	margin: 2px 5px;
	padding: 0px;
}

ul#actividades li{
	position: relative;
	margin: 5px 5px;
	padding: 2px;
	overflow: auto;
}

ul#actividades .ecoparque, ul#actividades .rutas{
	float: left;
}

ul#actividades div.descrip{
	float: left;
	width: 430px;
	overflow: auto;
}

ul#naturaleza-patrimonio img, ul#actividades img{
	border:2px solid #555;
}

.map-europa, .map-playas{
	margin-left:75px;
}

ul#rutas h4, ul#rutas p{
	margin: 2px;
	padding: 0px;
}
ul#rutas p{
	font-weight: normal;
}

img.mapa-ruta{
	float: right;
	margin: 20px;
	border:2px solid #555;
}

#contenedor p{font-weight: normal;}

#menu-listado{
	position: relative;
	margin: 5px;
	padding: 5px;
	text-align: right;
	overflow: auto;
	border-bottom: 1px dashed #666;	
}

#ordenar{
	position: relative;
	margin-left:610px;
	padding: 7px 7px 5px 3px;
	background-color:#fff;
	width: 250px;
	border:1px solid #aaa;
}


ul#datos-listado{
	float:left;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	width: 430px;
	height: 65px;
	overflow: auto;
	border-bottom: 1px dashed #555;
}

ul#datos-listado li{
	float:left;
	margin: 0px;
	padding: 1px;
	overflow: auto;
}

ul#datos-listado li > a > img{
	border: 2px solid #777;
}

ul#datos-listado li.Imag > img{
	float:left;
	overflow: auto;
}

ul#datos-listado li.Imag > img{	border: 2px solid #777;}

ul#datos-listado li.Nombre{
	width: 280px;
	height: 35px;	
	text-align:left;
}
ul#datos-listado li.Telefono{
	float: left;
	width: 82px;
	text-align: right;
}
ul#datos-listado li.Direccion{
	padding: 2px;
	width: 280px;
}
ul#datos-listado li.Direccion a{font-weight: normal;}

ul#datos-listado li.clasificacion{width: 80px;}



ul#datos-asociado{
	float:left;
	margin: 30px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	width: 550px;
	overflow: auto;
	border-bottom: 1px dashed #555;
}

ul#datos-asociado li{
	margin: 5px;
	padding: 1px;
	overflow: auto;
}



ul#datos-asociado li.Imag{
	float:left;
	overflow: auto;
	border: 2px solid #777;
}

ul#datos-asociado a{font-weight: normal;}

ul#datos-asociado li.Imag > img{border: 2px solid #777;}

ul#datos-asociado li.Descripcion{text-align: justify;}

ul#datos-asociado li.Telefono{
	width: 500px;
	text-align: left;
}
ul#datos-asociado li.Direccion{
	padding: 2px;
	width: 500px;
}

ul#datos-asociado li.Direccion a{font-weight: normal;}

ul#datos-asociado li.clasificacion{width: 540px;}


ul#imagenes-asociado{
	float: left;
	margin: 30px 0px 0px 20px;
	padding: 0px;
	width: 270px;
}

ul#imagenes-asociado li{
	margin: 0px ;
	padding: 0px;
}

ul#imagenes-asociado  img{
	margin: 5px;
	padding: 0px;
	border: 2px solid #777;
}

.clase-estrellas{
	float:left;
	margin: 5px;
	padding: 5px;
	width: 50px;
	height: 104px;
	border: 2px dotted #999;
}

 /*********** Listado Enlaces ***********/
 
 ul#listado-enlaces{
 	float:left;
	margin: 10px;
 	padding: 5px 0px;
 	width: 880px;
 	overflow: auto;
 }
 
 ul.datos-enlace {
 	float:left;
 	margin: 5px;
	padding: 2px;
 	width: 423px;
 	height: 50px;
 	border: 1px dashed #555;
 }
 
 ul.datos-enlace li.Titulo, ul.datos-enlace li.Titulo, ul.datos-enlace li.Titulo{
 	position: relative;
	margin: 0px;
	padding: 2px 0px;
 	width: 423px;
 }
 
 ul.datos-enlace li.Titulo{
 	height: 17px;
 	font-size: 16px;
 }
 
  ul.datos-enlace li.Descripcion{
 	overflow: hidden;
 	height: 11px;
 	padding-bottom: 3px;
 	font-size: 11px;
 }
  ul.datos-enlace li.Enlace{
 	height: 13px;
 	font-size: 13px;
 }
 
 
 /*********** Listado boletines ***********/

 ul.listado-boletines{
	float:left;
	margin: 5px 0px 5px 10px;
	padding: 2px 0px 0px 2px;
	width: 870px;
	height: 60px;
	overflow: auto;
	border: 1px dashed #555;
}

 ul.listado-boletines li{
	float:left;
	margin: 0px;
	padding: 1px;
	overflow: auto;
}

 ul.listado-boletines li > a > img{
	border: 2px solid #777;
}

 ul.listado-boletines li.Imag > img{
	float:left;
	overflow: auto;
}

 ul.listado-boletines li.Titulo{
	float:left;
	margin-right: 20px;
	width: 500px;
	height:17px;	
	font-size: 18px;
	text-align:left;
}
 ul.listado-boletines li.Desarrollo{
	float:left;
	width: 805px;
	height: 30px;
	text-align: justify;
}
 ul.listado-boletines li.Web{
	float:left;
	text-align: right;
	right: 20px;
	padding: 2px;
	height:17px;
	font-size: 13px;	
	width: 280px;
}
ul#datos-listado li.Direccion a{font-weight: normal;}
 
/***********************
*		 Pie           *
***********************/
#pie{
	position: relative;
	margin: 10px auto 10px auto;
	padding: 10px 0px 10px 0px;
	width: 900px;
	font-size: 13px;
	text-align: center;
	overflow: auto;
	background: url('../piezas/fondo-contenedor.png') repeat top center;
	border: 1px solid #999;
}