* { padding: 0; margin: 0; }
html { height: 101%; }
body {
  color: black;
  background-color: #383838;
  background-image: url("../images/back.gif");
  background-repeat: repeat;
  font-family: Tahoma, Arial;
  font-size: 10pt;
  line-height: 1.3em;  
}
#wrapper {
  color: #CCC;
  width: 960px;
  padding: 20PX;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#top {
	clear: both;
}
#encabezado {
	position: relative;
	color: white;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 0 0;
	height: 85px;
	background-image:  url("../images/logo.gif");
	background-repeat: no-repeat;
}
#areatexto {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 5px 20px 5px ;
}
#splash {
	width: 885px;
	height: 300px;
}
#slide{
	position: relative;
	background-color: #CCC;
	padding: 4px;
	width: 885px;
	height: 300px;
}
#slide img {
	display:none; position:absolute; top:4px; left:4px;
}
.titulos-barra{
color: #77a093;
}
.titulos{
color: #77a093;
}
#columna-der{
  float: right;
  width: 240px;
  margin-top: 20px;
  margin-bottom: 10px;
}
#noticias{
  float: right;
  background-image:  url("../images/px-verde.gif");
  background-repeat: repeat;
  width: 240px;
  padding-top: 7px ;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
}
	#noticias p {
		  right: 10px;
	      padding: 0px 0 5px 0;
	      margin-bottom: 0;
	    }
#columna-izq{
  float: left;
  width: 600px;
  margin-top: 20px;
  padding-top: 7px;
  padding-right: 15px; 
  padding-bottom: 20px;
}
#donaciones{
  float: right;
  width: 240px;
  padding-top: 15px ;
  padding-right: 5px; 
  padding-bottom: 2px;
  padding-left: 20px;
}
#newsletter{
  float: right;
  background-image:  url("../images/px-verde.gif");
  background-repeat: repeat;
  width: 240px;
  padding-top: 7px ;
  padding-right: 5px; 
  padding-bottom: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
}
#newsletter img{
	float: left;
	margin: 0 15px 0 0;
}
#newsletter p{
	overflow: hidden;
}
#pie {
  clear:both;
  width: 900px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  border-top: 1px dotted #666; 
  margin-top: 10px;
  height: 50px;
}
#pie p{ float:left; font-size:1em; line-height:1.5em; color: #999; padding:2px 0 2px 0px; margin:0;}

#validate{ float:right; padding:5px 0 2px 0px; margin-right: 2px; }
#validate a,
#validate p strong{font-family:Helvetica, arial, sans-serif; font-size:1em; font-style: normal; color:#ffa800; font-weight:bold; text-decoration:underline;}
#validate a:hover{ text-decoration:underline; }
#validate p	{ font:italic 11px Georgia, "Times New Roman", serif; color:#ffa800; }

h1 { font-size: 200%; color: #C3DB2B; margin-top: 20px;} 
h2 { font-size: 130%; margin-bottom: 0.5em; border-bottom: 1px dotted #006600; padding-bottom: 0.5em; color: #C3DB2B;}
h3 { color: #C3DB2B; margin-top: 5px;}
h4 { color: #FFF; font-weight: normal; margin-bottom: 7px;}
address {
  text-align: center;  
  font-size: 90%; 
  font-style: normal; 
  letter-spacing: 1px; 
  line-height: 1.5em; 
}
a { text-decoration: underline; outline: none; } 
a:link { color: #ffa800;}
a:visited { color: #ffa800; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: #ffa800;}
.skiplink { display: none; }

p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
}
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
} 
.img-izq{
  float:left;
  margin-right:10px;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 5px solid #CCCCCC;
}
.img-donaciones{
  float:left;
  margin-right:5px;
  margin-top: 7px;
  margin-bottom: 5px;
  margin-left: 0px;
}
.img-der{
  float: right;
  margin-right:10px;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 5px solid #CCCCCC;
}
.fecha-noticia{
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
}

/*----------- FORMULARIOS --------------------------*/
/*----------- Formulario de Contacto ---------------*/
form.myform {
    margin-left: 155px;
    width: 440px;
}
form.myform fieldset {
   margin-bottom: 10px;
   margin-left: -155px;
   border: 1px dotted #666;
}
form.myform legend {
    padding: 0 12px;
    font-weight: bold;
    font-size: 1em;
	margin: 0 0 0 10px;
}
form.myform fieldset ul {
    margin: 0 0 0 155px;
    padding: 0;
}
form.myform fieldset li {
    list-style: none;
    padding: 10px;
    margin: 0;
    clear: both;
}
form.myform label {
    float: left;
    text-align:right;
    margin-left: -155px;
    width: 150px;
}
form.myform p {
    margin-left: 155px;
}
form.myform input, form.myform textarea {
	border: 1px dotted #666;
    background: #fff url('formbg.gif') repeat-x;
    background-position: top;
	font-size: 12px;
	padding: 2px;
}
form.myform input:focus, form.myform textarea:focus {
    background-image: none;
    background-color: #ffffff;
	border: 1px dotted #666;
	background-color: #F90; 
}
form.myform fieldset {
    margin-bottom: 10px;
    margin-left: -155px;
    background: #333;
}
form.myform .boton{
	background-color: #F90;
	font-weight: bold;
	margin-left: 10px;
}
/*----------- Formulario de Busqueda de Propiedades ---------------*/
form.miform {
    width: 240px;
}
form.miform fieldset {
	margin-bottom: 10px;
	margin-left: 5px;
	border: 1px dotted #666;
}
form.miform legend {
    padding: 0 12px;
    font-weight: bold;
    font-size: 1em;
	margin: 0 0 0 10px;
}
form.miform fieldset ul {
    margin: 0 0 0 0px;
    padding: 0;
}
form.miform fieldset li {
    list-style: none;
    padding: 10px;
    margin: 0;
    clear: both;
}
form.miform label {
    float: left;
    text-align:right;
    margin-left: 15px;
	margin-right: 25px;
    width: 50px;
}
form.miform p {
    margin: 10px 0 10px 70px;
}
form.miform input, form.miform textarea {
	border: 1px dotted #666;
    background: #fff url('formbg.gif') repeat-x;
    background-position: top;
	font-size: 12px;
	padding: 2px;
}
form.miform .boton {
	background-color: #F90;
	font-weight: bold;
}
form.miform input:focus, form.miform textarea:focus {
    background-image: none;
    background-color: #ffffff;
	border: 1px dotted #666;
	background-color: #F90; 
}
form.miform fieldset {
    margin-bottom: 10px;
    margin-left: 5px;
    background: #333;
}

/*----------- Formulario de Busqueda ---------------*/
form.buscar {
  width: 210px;
  padding: 10px 10px 10px 20px;
  background-color: #383838;
  background-image: url("../images/fondo-form.png");
  background-repeat: repeat-x;
  border: 1px dotted #666;
}
form.buscar label {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	display: block;
} 
#remitente, textarea {
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea { height: 7em; }
input:focus, textarea:focus 
{
  background-color: #F90; 
}
.campo {
	margin-bottom: 5px;
}
#boton_enviar {
	width: 128px;
	height: 28px;
	margin-top: 10px;
	margin-left: -3px;
	background-image: url("../images/boton-buscar.jpg");
	border: none;
}
#boton_enviarcon {
	width: 128px;
	height: 28px;
	margin-top: 0px;
	margin-left: 7px;
	background-image: url("../images/boton-enviar.jpg");
	border: none;
}

div#container{width: 600px; float: right; min-width:300px; font-size: 13px; background-image:url("../images/back-nav.gif"); height:40px;}

ul#minitabs{list-style: none; float: right; margin: 0;padding: 6px 0;
  border-bottom: 0px solid #CCC; font-weight: normal; font-family: Tahoma, Arial;
  text-align: center; white-space: normal; font-size: 1.1em;}
ul#minitabs li{display: inline; margin: 0 10px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #383838;color: #CCC;}
ul#minitabs a#current{border-color: #3C3;color: #FF0;}
ul#minitabs a:hover{border-color: #3C3;color: #FF0;}

ul#items {
	float: left;
	list-style: none;
	margin: 0 60px 15px 0;
	padding: 6px 0;
	font-family: Tahoma, Arial;;
	white-space: normal; 
	font-size: 1.1em;
}
ul#items li {
	display: list-item;
	line-height: 2em;
	background-image: url("../images/bullet.png");
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding: 0 0 0 18px;
}
.img{
  margin-left: 12px;
  margin-right:0px;
  margin-top: 0px;
  margin-bottom: 5px;
  border: 5px solid #CCCCCC;
}
.contenedorfoto {
   float: left;
   width:70px;
   height:70px;
   margin: 5px;
   padding: 5px 5px 20px 5px;
   text-align:center;
}
.foto-desc{
	font-family: Tahoma, Arial;
	font-size: 0.9em;
	color:#77a093;
}
a.foto { text-decoration: underline; outline: none; } 
a.foto:link { color: #CCCCCC; border: 0;}
a.foto:visited { color: #CCCCCC; }
a.foto:hover, a:focus { text-decoration: underline; }
a.foto:active { color: white; background-color: #CCCCCC; border: 1px;}
.foto-b	{
  padding: 2px;
  border: 1px solid #666;
}
#datos{
	float: right;
}
.leermas	{
	float: right;
	background-image: url("../images/flecha-arriba.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 2px 4px;
}
.pregunta	{
	float: left;
	color: #FF0;
	background-image: url("../images/pregunta.gif");
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 0px;
}
.tumb	{
	padding: 2px;
	margin: 2px;
	border: 1px solid #666;
}
#direccion	{
	float: left;
	padding-left: 50px;
}
.destacado{
	color: #FF0;	
}
#tit-bienvenido{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo1.png");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-prop{
	width: 600px;
	height: 36px;
	background-image: url("../images/tit-prop.png");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 20px;
}
#tit-buscar{
	width: 240px;
	height: 36px;
	background-image: url("../images/tit-buscar.png");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-contacto{
	width: 240px;
	height: 36px;
	background-image: url("../images/tit-contacto.png");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-ubicacion{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-ubicacion.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-conozca{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-conozca.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-tarifas{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-tarifas.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-servicios{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-servicios.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-contactenos{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-contacto.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-listado{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-propiedades.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-busqueda{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-busqueda.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
#tit-ficha{
	width: 600px;
	height: 36px;
	background-image: url("../images/titulo-ficha.gif");
	background-repeat: no-repeat;
	border-bottom: 2px solid #FF0;
	margin-bottom: 10px;
}
.prop-destacada{
	float: left;
	width: 140px;
	background-color: #333;
	border: 1px dotted #666;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
	.prop-destacada p{
		color: #FFF;
		margin: 5px 8px 5px 8px;
	}
	.prop-destacada .boton{
		border: none;
		margin: 5px 0 10px 5px;
	}
#paginar{
	float: left;
	width: 600px;
	color: #FFF;
	margin-top: 15px;
}
#ficha-img{
	float: left;
	width: 600px;
}
	#ficha-img img{
		padding: 2px;
		border: 2px solid #666;
	}
#ficha-datos{
	float: left;
	width: 550px;
}
	#ficha-datos img{
		padding: 2px;
		border: 2px solid #666;
	}
ul.titulos {
	float: left;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 6px 0;
	text-align: right;
	color: #FFF;
	white-space: normal; 
	font-size: 1em;
}
ul.titulos li {
	display: list-item;
	line-height: 1.5em;
	background-image: url("../images/bullet.png");
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding: 0 0 0 18px;
	border-bottom: 1px solid #666;
}
ul.datos {
	float: left;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 6px 0;
	text-align: left;
	font-family: Tahoma, Arial;
	white-space: normal; 
	font-size: 1em;
}
ul.datos li {
	display: list-item;
	line-height: 1.5em;
	background-image: url("../images/bullet.png");
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding: 0 0 0 18px;
	border-bottom: 1px solid #666;
}
#servicios{
	float: left;
	width: 550px;
}
#alerta{
	width: 500px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.5em;
	color: #FFF;
}
#alerta h3{
	font-size: 18px;
	color: #FF0;
}
