html, body  {
	padding:0px; 
	margin:0px;  
	font-size:100%; 
	font-family: trebuchet MS,arial,sans-serif,tahoma,verdana;
	text-align:center;
	background:#FFFFFF;
	color: #000000;
	}
a			{	font-size: 100%;color : #000099;text-decoration: none; padding-left:4px; padding-right:4px;}
a: visited	{	color : #999999;}
a:hover 	{	color : #000000;	background-color:#ffcc00; padding-left:4px; padding-right:4px; text-decoration: underline;}
hr			{	line-height: 1px;color:#999999;}
h1			{	font-size: 120%;	margin: 0;	color: #040;	font-weight : bold;}
h2 			{	font-size: 100%;	margin: 0;	font-weight : bold;}
h3 			{	font-size: 90%;	margin: 3;	color: black;}
h4 a  {font-size: 140%;color : #000099;text-decoration: none; padding-left:4px; padding-right:4px; font-weight:bold;}
ul il		{	list-style-type: circle; }
/* ----------- */
#anuncios_gratis, #recomendaciones, #zonas_de_alquiler{	margin-bottom:4px;}

div#anuncios_gratis{
	border:1px solid #ccc;
	width:100%;
	width:expression("100%");	/* IE */ 
	text-align:left;
	background-color:#ffff99;
}
#anuncios_gratis h1{
	background-color:#ffcc00;
	color:#fff;
	padding:2px;
	padding-left:6px;
	text-align:left;
}

#anuncios_gratis h2{text-align:center;}
#anuncios_gratis form{	padding:8px;text-align:left;}

div#recomendaciones{
	border:1px solid #ccc;
	background-color:#eee;
	padding:6px;
	margin-bottom:16px;
	text-align:center;
	font-size: 160%;
}
#recomendaciones ul, #recomendaciones li{
	margin: 0; 
	padding: 2px; 
	list-style: none;
}
#recomendaciones li{float:center;display: inline; }

div#fotos_casas{
	border:1px solid #ccc;
	background-color:#fff;
	padding-left:15px;
	margin-bottom:40px;
	text-align:left;
}
#fotos_casas ul, #fotos_casas li{
	margin: 0; 
	padding: 2px; 
}
#fotos_casas li{float:center;display: block; list-style-type: disc; border:1px solid #eef;}
#fotos_casas img{border:1px solid #fff}
#fotos_casas h3 {font-size: 100%; padding-left:5px;	margin: 3;	color: black; background-color:#ffcc77;}
#fotos_casas li a:hover {background-color:#ee8855; padding:2px; text-decoration: none;}
#fotos_casas li a {background-color:#ffffff; padding:2px; text-decoration: underline; font-weight:bold; }
#fotos_casas p {margin-bottom: 0;}


div#zonas_de_alquiler{ width:expression("100%");}
div#zonas_de_alquiler p{margin-left:5px; margin-right:5px;}
div#zonas_de_alquiler li{margin-right:5px;}
div#zonas_de_alquiler b{ color: red;font-weight:bold;font-size:120%;}


div#zonas_de_playa{
	margin-left:0px;
	float:left;
	width:120px;
	width:expression("120px");	/* IE */
	color: #fff;
	border:1px solid #555;
}
div#zonas_de_playa h1{
	background-color:#22aaee;
	padding:0px;
	padding-left:5px;
	text-align:left;
	color:#fff;
}


div#zonas_de_playa a{}
div#zonas_de_playa ul{	margin:0px;	padding:2px;}
div#zonas_de_playa li{
	text-align:center;
	border:1px solid #ccc;
	margin-bottom:2px;
    margin-left:0px;
    padding-left:0px;
	font-size:80%;
	background-color:#2277dd;
	font-weight:bold;
	padding-bottom:2px;
}
div#zonas_de_playa li strong{}
div#zonas_de_playa li a{
	color: #FF0;
	margin-left:0px;
    padding-left:0px;
    padding-bottom:0px;
    margin-bottom:0px;
   	font-weight:normal;
	font-size:110%;
	border:4px;
}

div#zonas_de_playa li a:hover{
	background-color:#2277dd;
	color: #202;
	font-weight:bold;
	font-size:110%;
}

div#bloque_casas
{ 	margin-left:0px;
	float:center;
	color: #f00;
	border:1px solid #555;
}

div#submenu1{font-size:90%;	margin-top:8px;}
div#submenu1 h1{font-size:120%;text-align:left;padding-left:10px;background-color:#ffcc00; border:1px solid #ccc;}
div#submenu1 h2{font-size:100%;text-align:left;padding-left:4px;margin-left:10px;background-color:#eee; border:1px solid #ccc;}
div#submenu1 h3{font-size:90%;text-align:left;padding-left:15px;}

#submenu1 ul, #submenu1 li 	{	
	margin: 0 0 0 8px; 
	padding: 1px; 
	list-style: none; 
	text-align:left;
}

div#form{	text-align:center;}
/* ---------------------------------------------------------------------------------------------- */
#principal{
	height:100%;
	min-height:100%;
	margin-left:150px;
	margin-right:162px;
	background:#FFFFFF;
	border-left:1px solid #ffcc00;
	border-right:1px solid #ffcc00;
	margin-bottom:-52px;
	color: #000000;
}
 
html>body #principal{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
	border-bottom:1px solid #ffcc00;
	overflow:hidden;
	color: #000000;
	background:#eee 
}
#barra{
	left:0;
	width:100%;
	height:33px;
	border-bottom:1px solid #666;
	overflow:hidden;
	color: #000000;
}

#barra_principal{
	left:0;
	width:100%;
	height:25px;
	background:#ffcc00;
	border-bottom:1px solid #666;
	overflow:hidden;
	color: #000000;
}

#left {
	position:relative;/*ie needs this to show float */
	width:150px;
	float:left;
	font-size:80%;
	margin-left:-155px;/*must be 1px less than width otherwise won't push footer down */
}
* html #left {padding-bottom:5px ;margin-right:3px;}

#left p {padding-left:3px;padding-right:2px}
#right p {padding-right:1px;padding-left:1px;}

#right {
	position:relative;
	width:164px;
	float:right;
	padding-left:2px;
	margin-right:-163px;
	background:#ffffff;
	border-left: 1px solid #ffcc00;


}
* html #right {padding-bottom:5px ;margin-right:-163px; 
}/* stop float drop in ie */

#piepag {
	width:100%;
	clear:both;
	height:90px;
	border:1px solid #ccc;
	background-color: #eee;
	color: #000000;
	text-align:center;
	position:relative;
	font-size:70%;
}
* html #piepag {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
#piepag ul, #piepag li 		{	word-wrap: break-word;	}
#piepag li 					{	display: inline;	padding:3px;}
#piepag li a, #piepag a		{	color: #5a5a5a; text-decoration: none;	}
#piepag li a:hover, #piepag a:hover 		{	color:#000; text-decoration: underline;	}
#piepag .selected			{	font-style:bold; color:#000000;	}
#cabeceravacia{height:58px;}
#clearfooter{clear:both;height:50px;}
* > html #clearfooter {float:left;width:100%;}
div, p  {
	margin-top:0
}/*clear top margin for mozilla*/
* html #contenidocentrado {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#contenidocentrado {
	float:right;
	width:100%;
	position:relative;
	margin: 0 -0.5%;
	background:#FFF;
}
.contenido {float: left;width: 99%;}
div#contenidos{	padding:2px;text-align:justify;	font-size:80%;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#logo img{	width:200px;	height:30px;}
div#logo{	float:left;}
#lema{
	padding-top:10px;
	padding-left: 80px;
	height:30px;
}
div#lema  h1{
	font-size:100%;
	font-variant:small-caps;
	color: #000;
}
/* layout */
#content,
#side1,
#side2 { padding-top: 10px;}
#localizacion{
	font-size:80%;
	padding:4px;
	border-bottom:1px dashed #ccc;
	text-align:left;
}
#localizacion h2{
	margin:0;
	padding:2px;
	font-size:100%;
	747
}
#client{
	background:#ffffcc;
	text-align:left;
	border-right:1px solid #ccc;
	padding-top:14px;
	padding-bottom:14px;
	border-bottom:1px solid #666;
}
#left a			{	color:#000; text-decoration: none; }
#left a:hover	{	color:#00F;	background:#FDAB00; text-decoration: underline;}
#left ul, #client ul {
	margin: 0; 
	padding: 0; 
/*	list-style: none;*/
	padding-left: 2px;
	margin-left: 2px;
}
#left li{text-align: left;list-style-type: none;padding-left: 1px}
#client li {text-align: right;list-style-type: none;padding-right: 16px}
#client a{	color:#000;}
#date{float:right;	font-size:80%;	padding-right: 10px;}
div#operacion{	float:left;	font-size:80%;	padding-left: 10px;}
#operacion a:hover {font-weight:bold;}
hr{	height:1px;}
.anunciar {float:left;text-align:left; margin-left:10px;font-size:80%;}
.anunciar p{margin:2px;;}