html {
	}

body {
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 15px;
	font-family:  tahoma, verdana, arial, sans-serif;
	*background-image: url(images/fondo_inter.gif);
	background-position: top;
	background-repeat: repeat-x;
	}
	



a , a:link , a:visited {
color : #999999;
text-decoration : underline;
}
a:hover {
color: #666666;
text-decoration : none;
}
a:active , a:focus {
color : #CCCCCC;
}

	
	
	
	
	
	

#pagina {
	position: relative;
	margin: auto;
	width: 860px;
	padding: 0 30px;
	/*border: #cccccc 1px solid;*/
	text-align: left;
	vertical-align: top;
	font: 11px/1.5 tahoma, verdana, arial, sans-serif;
	color: #666666;
	text-align: justify;
	/*background-image: url(images/rastreo.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;*/
	}
	
#top {	
	background-image: url(images/top_002.jpg);
	border:  solid #CCCCCC;
	border-width: 1px 1px 0px 1px;

	}
	
#logo-top {
	text-align: left;
	background-image: url(images/top_002.jpg);
	height: 60px;
	background-color: #EEEEEE;

	
	}
	
	
#banner {
	text-align: left;
	background-color: #E4E4E4;
	height: 210px;
	border:  solid #CCCCCC;
	border-width: 0px 1px 0px 1px;
	background: url(images/top-left.jpg) left no-repeat;
	vertical-align: bottom;
	
}

#navegacion {
	position: relative;
	top: 30px;
	left: 130px;
	}
	
td#icoHome a{
	color: #999999;
	width: 50px;
	border:  solid #C6C6C6;
	border-width: 0px 0px 0px 0px;
	padding:  8px 20px 4px 4px;
	vertical-align: bottom;
	text-align: right;
	display: block;
	text-decoration:none;
	font-size: 9px;
	background: url(images/ico_home_01.gif) right no-repeat;
}
td#icoHome a:hover{
	background: url(images/ico_home_02.gif) right no-repeat;

}

td#icoContacto a{ 
	color: #999999;
	width: 50px;
	border:  solid #C6C6C6;
	border-width: 0px 0px 0px 0px;
	padding:  4px 20px 4px 4px;
	vertical-align: bottom;
	text-align: right;
	display: block;
	text-decoration:none;
	font-size: 9px;
	background: url(images/ico_mail_01.gif) right no-repeat;
}

td#icoContacto a:hover{
	background: url(images/ico_mail_02.gif) right no-repeat;

}

	
#bannerImagen {
	text-align: left;
	width: 585px;
	background-color: #000000;
	height: 185px;
	}

/*******************  MENU **/
/*#bannerMenu{
	text-align: left;
	background-color: #999999;
	width: 500px;
	height: 55px;
	color : #AA3500;
	margin: 0;
	padding: 0;
}
*/


#menu{
	position: relative;
	font: bold 12px tahoma, verdana, arial, sans-serif ; 
	text-align: center;
	color: #999999;
	width: 585px;
	height: 25px;
	background-image: url(images/banner_top_home_01.jpg);
	background-position: bottom;
}

#menu a{
	color: #666666;
	text-decoration : none;
	margin: 0;


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



	

/***************************************************************************************
																						CUERPO
****************************************************************************************/


#cuerpo{
	margin:0;
	border:  solid #CCCCCC;
	border-width: 0px 1px 0px 1px;
	background-color: #FFFFFF;
	vertical-align: top;


}


/**************************************************************  IQUIERDA **/
#izquierda{	
	position:relative;
	vertical-align: top;
	width: 205px;
	margin: 5px;
	padding: 10px 5px 5px 5px;
	top: 0;
	text-align: left;
	background-color: #FFFFFF;
	border-right: 1px dotted #FF9900;
	
}
#izquierda .titulo{
	font: 30px/1  Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	margin: 0px 0px;
	text-align: left;
	padding: 0 0 0 10px;

}
/***************************************************************  SUBMENU **/
#submenu {
	margin: 0;
	padding: 0 0 0 10px;
}
#submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#submenu li {
	list-style-type: none;
	margin: 0;
	padding: 0;

}
#submenu li a{
	font: 11px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #B4B4B4;
	text-decoration : none;
}
#submenu li a:hover{
	color: #666666;
}
#submenu li a:active{
	background-color: #B4D1E9;
}
#submenu li a:visted{
	color: #666666;
	
}
/*************************************************************  PROMOS **/

#promos{
	position: relative;
	top: 5px;
	padding: 66px 5px 10px 5px;
	margin:  0px 3px 0px 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(images/fondo_promos.jpg);
	background-position: top;
	background-repeat: no-repeat;
}


#promos .promTitulo{
	font: 18px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0px 5px;
	color: #FFFFFF;
	text-align: left;
}

	
	

#promos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#promos li {
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-align: right;
	width: 155px;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px  0px;	
	font-weight: bold;
	
}
#promos li a{
	margin: 0px 0 0px 0;
	display: block;
	color: #919191;
	padding: 0px 0px 0px 104px;
	text-decoration : none;
	background-color: #F2F2F2;
	border:  solid #CCCCCC;
	border-width: 0px 0px;


}
#promos li a:hover{
	background-color: #FFEBCC;

}
#promos li a:active{
	background-color: #FFCC66;
}

#seleccionado{
	margin: 0px 0 0px 0;
	display: block;
	color: #919191;
	padding: 0px 4px 0px 105px;
	text-decoration : none;
	border:  solid #CCCCCC;
	border-width: 0px 0px;
	background-color: #FFCC66;
}	

/******************************************************  NOTICIAS RELACIONADAS **/


#notRelacionadas{
	position: relative;
	left: 5px;
	top: 25px;
	width: 200px;
	padding: 0px 0 0 0px;
	background-color: #F4F4F4;
}
	
#notRelacionadas .relTitulo{
	font: 16px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background-image:url(images/relacionadas_arriba.gif);
	height: 50px;
	padding: 0px 20px 0 10px; 
	margin: 0;
	color: #FF9900;
	text-align: left;

}

#notRelacionadas .relCentro{
	background-image:url(images/relacionadas_centro.gif);
	margin: 0;
	padding: 0;

}

#notRelacionadas .relAbajo{
	background-image:url(images/relacionadas_abajo.gif);
	margin: 0;
	height: 12px;
}

#notRelContenido{
	position: relative;
	width: 185px;
	margin: 10px 0 10px 4px;
}

#notRelContenido .relFecha{
	font-size: 9px;
	color: #FF9900;
	padding: 0 0 0 5px;
}

#notRelContenido .relContenido{
	font-size: 9px;
	color: #999999;
	line-height: 11px;
	display: block;
	
	}
	
#notRelContenido .relContenido a{
	text-decoration: none;
	font-size: 10px;
	color: #999999;
	line-height: 11px;
	display: block;
	padding: 3px  3px 3px 5px ;
	border-bottom: 1px dotted #FF9900;
	margin-bottom: 5px;

	}


#notRelContenido .relContenido a:hover{
	color: #666666;
	background-color: #F2F2F2;
	}

#notRelContenido .relvermas{
	font-size: 9px;
	color: #FF9900;
	text-align: right;
	padding: 0 0 0 140px;
}
/******************************************************  MAS NOTICIAS  **/

#noticiasDestacadas{
	font: 20px  Georgia, "Times New Roman", Times, serif;
	padding: 0px 10px 0 2px; 
	margin: 0px 0px 10px 0px; 
	color: #FF9900;
	text-align: right;
	border-bottom: 1px dotted #FF9900;

}
#masNoticias{
	position: relative;
	left: 5px;
	top: 0px;
	width: 200px;
	padding: 0px 0 0 0px;
	background-color: #F4F4F4;
}
	
#masNoticias .masNotTitulo{
	font: 16px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background-image:url(images/masNoticias_arriba.gif);
	height: 50px;
	padding: 0px 20px 0 30px; 
	margin: 0;
	color: #FF9900;
	text-align: left;

}

#masNoticias .masNotCentro{
	background-image:url(images/masNoticias_centro.gif);
	margin: 0;
	padding: 0;

}

#masNoticias .masNotAbajo{
	background-image:url(images/masNoticias_abajo.gif);
	margin: 0;
	height: 12px;
}

#masNoticiasContenido{
	position: relative;
	width: 185px;
	margin: 10px 0 10px 4px;
	left: 2px;
	top: 1px;
}

#masNoticiasContenido .masNotFecha{
	font-size: 9px;
	color: #FF9900;
	padding: 0 0 0 5px;
}

#masNoticiasContenido .masNotContenido{
	font-size: 9px;
	color: #999999;
	line-height: 11px;
	display: block;
	
	}
	
#masNoticiasContenido .masNotContenido a{
	text-decoration: none;
	font-size: 10px;
	color: #999999;
	line-height: 11px;
	display: block;
	padding: 3px  3px 3px 5px ;
	border-bottom: 1px dotted #FF9900;
	margin-bottom: 5px;

	}


#masNoticiasContenido .masNotContenido a:hover{
	color: #666666;
	background-color: #F2F2F2;
	}

#masNoticiasContenido .masNotVermas{
	font-size: 9px;
	color: #FF9900;
	text-align: right;
	padding: 0 0 0 140px;
}

/******************************************************  HISTORICO  **/


#historico{
	vertical-align: bottom;
	width: 200px;


	
}
	
#historico a{
	font: 14px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF9900;
	display: block;
	padding: 45px 40px 25px 0px;
	margin: 25px 0 25px 0;
	text-align: right;
	background-image:url(images/historico_001.jpg);
	text-decoration: none;
	background-position: left;
	background-repeat: no-repeat;

}

#historico a:hover{
	background-image:url(images/historico_002.jpg);

}


/***************************************************************  CONTENIDO **/


#contenido{
	width: 410px;
	height: 100%;
	vertical-align: top;
	padding: 15px 15px 10px 15px;
	margin: 5px 0px;
	/*border-left: 1px dotted #FF9900;
	/*border-right: 1px dotted #CCCCCC;*/
	
}

#contenido .titulo{
	font: 18px tahoma, verdana, arial, sans-serif ; 
	color: #FF9900;
	margin: -8px 0;
}

#contenido .subTitulo{
	font: bold 14px tahoma, verdana, arial, sans-serif ; 
	color: #C4C4C4;
	margin: 10px 0 -5px 0;
}
/***********  DETALLE RESIDENTES **/

#residentesTop{
width: 100%;

}
#residentesTop .promocion{
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 1px 0px 7px 0px;
	width: 85px;
	color: #B2B2B2;
	font-weight: bold;
	vertical-align: bottom;
	
	
	
}
#residentesTop .numero{
	font: 40px Georgia, "Times New Roman", Times, serif;
	padding: 1px 0px 0px 0px;
	width: 100px;
	color: #B2B2B2;
	vertical-align: bottom;


}
#residentesTop .ano{
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding: 1px 0px 7px 8px;
	text-align: right;
	color: #CCCCCC;
	font-weight: bold;
	vertical-align: bottom;


}	
#residentesDatos{
	color: #FF9900;
	vertical-align: bottom;
	padding: 0;
	margin: 0;

}
#residentesDatos .fotoDetalle{
	width: 90px;
	height: 90px;
	padding: 0px 10px 0px 0px;
	vertical-align: bottom;	
	
}
#datosdetalle{
	font: 11px tahoma, verdana, arial, sans-serif ; 
	color: #FF9900;
	vertical-align: bottom;




}
.detalleNombre{
	font: 20px tahoma, verdana, arial, sans-serif ;
	color: #FF9900;
	vertical-align: bottom;




}	




/****************************************************  OBRA **/
#obra{
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 00px;
}
#titulObra{
	font: 24px  Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	width: 100%;
	border-bottom: 1px dotted #FF9900;


}

#obra  .iconObra{
	width: 50px;
	height: 60px;
	background-color: #E9E9E9;
	padding: 0px 5px 0px 5px;
	border-bottom: 3px solid #FFFFFF;
	}
	
#obra .iconObra a{
	display: block;
	border: 1px solid #CCCCCC;
	padding: 0px;
	background-color: #F2F2F2;
}
#obra .iconObra  a:hover{
	border: 1px solid #FF9900;
}

#obra  .datosObra{
	font-size: 10px;
	color: #999999;
	line-height: 10px;
	background-color: #F2F2F2;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border-bottom: 3px solid #FFFFFF;
}

td#verMasObra{ 

	color: #999999;
	vertical-align: bottom;
	text-align: left;
}
td#verMasObra a{ 
	padding:  45px 0px 0px 4px;
	margin:  0px 0px 0px 1px;
	background-color:  #EAEAEA;
	color: #999999;
	vertical-align: bottom;
	text-align: left;
	display: block;
	text-decoration:none;
	border-bottom: 3px solid #FFFFFF;

}
td#verMasObra a:hover{ 
	color: #999999;
	background-color:  #E4E4E4;

}
/****************************************************  DETALLE NOTICIAS **/
#noticias{
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 7px;
	margin-bottom: 25px;
}
#detalleNoticias{
	position: relative;
	left: -1px;
	margin: 0px 0 0px 0;
	width: 525px;	
	padding: 0px;
	background-color: #F3F3F3;

}	


#detalleNoticiasFoto{
	vertical-align: top;
	width: 150px;
	padding: 5px 10px 5px 5px ;

	
}	

#detalleNoticiasContenedor{
	vertical-align: top;
	padding: 5px 5px 0 0 ;

}	

#detalleNoticiasContenido{
	width: 100%;
	padding-bottom: 10px;
}	

#detalleNoticiasContenido .detNotTitulo{
	font: 20px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0px 0px 0 0px;
	margin: 0;
	color: #FF9900;
	text-align: left;
	
}

#detalleNoticiasContenido .detNotFecha{
	font-size: 9px;
	color: #999999;
	padding: 0px;

}

#detalleNoticiasContenido .detNotVermas{
	font-size: 9px;
	color: #FF9900;
	text-align: right;
}


/***************************************************************************  NOTICIAS **/
#listNoticias{
	position: relative;
	left: -1px;
	margin: 0px 0 0px 0;
	width: 540px;	
	padding: 0px;
	border-bottom: 1px dotted #FF9900;

}	


#listNoticiasFoto{
vertical-align: top;
	width: 100px;
	padding: 5px;
}	

#listNoticiasContenedor{
	vertical-align: text-bottom;
	padding: 5px 5px 0 0 ;

}	

#listNoticiasContenido{
	width: 100%;
}	

#listNoticiasContenido .listNotTitulo{
	font: 16px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0px 0px 0 0px; 
	margin: 0;
	color: #FF9900;
	text-align: left;

}

#listNoticiasContenido .listNotFecha{
	font-size: 9px;
	color: #999999;
	padding: 0 0 0 0px;
}

#listNoticiasContenido .listNotVermas{
	font-size: 9px;
	color: #FF9900;
	text-align: right;
}



/********************************************************************************/

.fila_MouseOut{


}
.fila_MouseOver{
    background-color:#F2F2F2;
}

/********************************************************************************/




/***************************************************************************  HISTORICO DE NOTICIAS **/
#notHistTitulo{
	font: 20px/1  Georgia, "Times New Roman", Times, serif;
	padding: 0px 1px 0 0px; 
	margin: 0px; 
	color: #FF9900;
	text-align: right;
	border-bottom: 1px dotted #CCCCCC;
}	
#notHistorico{
	font-size: 9px;
	color: #FF9900;
	padding: 0 0px;
	margin: 0px 0px 0 px; 
	border-bottom: 1px solid #CCCCCC;
	display: block;



}

#notHistorico .hisNotFecha{
	font-size: 9px;
	color: #FFFFFF;
	padding: 1px 2px; 
	background-color: #FF9900;
	margin: 0 5px 0 0;
	
}

#notHistorico .hisNotTitulo{
	font-size: 11px;
	color: #999999;
	display: block;
	
	
	}
#notHistorico .hisNotTitulo a{ 
	font-size: 11px;
	color: #999999;
	line-height: 14px;
	padding: 10px 5px 15px 5px;
	display: block;
	text-decoration: none;
	background-color: #FFFFFF;
	
	}
#notHistorico .hisNotTitulo a:hover{ 
	font-size: 11px;
	color: #999999;
	display: block;
	text-decoration: none;
	background-color: #F7F7F7;

}



/***************************************************************************  DERECHA **/
#derecha{
	background-color: #FFFFFF;
	width: 170px;
	padding: 2px;
	vertical-align: top;
	background: url(images/fondo_derecha_001.gif) top no-repeat;

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


#cuadro{
	margin: 40px 0 0 4px;
	width: 155px;
	font: 10px/1.5 tahoma, verdana, arial, sans-serif ; 
	color: #FF9900;
	text-align: left;
	

}

#cuadro #arriba{
	height: 8px;
	background: url(images/cuadro_arriba.gif);
}
#cuadro #centro{
	background: url(images/cuadro_cuerpo.gif) left;
	background-color: #FFFFFF;

}
#cuadro #abajo{
	height: 8px;
	background: url(images/cuadro_abajo.gif);
}
#cuadro .foto a{
	display: block;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 3px;
	background-color: #F2F2F2;
}
#cuadro .foto a{
	display: block;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin: 3px;
	background-color: #F2F2F2;
}
#cuadro .foto a:hover{
	border: 1px solid #FF9900;
}

#cuadro .linkResidentes{
	margin: 5px 0 0 8px;
}

/************************ FORMULARIO **
#contacto{
margin: 0px 0px 0px 0px;
color:#666666;
font: 12px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding: 0px 4px 0px 55px;
vertical-align: top;
}

#formulario{
margin-left: 2px;
color:#666666;
font: 9px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
border: 1px dotted #CCCCCC;
padding: 0px 4px 5px 5px;
background-color: #EEEEEE;
}

#formulario input{
color:#666666;
border : 1px solid #999999;
font-size:10px;
width: 120px;


}

.boton{
font-size:10px; 
background-color:#F3F3F3; 
border : 1px solid #000000;
width: 80px;!important

}





/***************************************************************************************
																						PIE
****************************************************************************************/


#pie {
	font: 10px tahoma, verdana, arial, sans-serif; 
	text-decoration: none;
	color: #666666;
	height: 20px;
	margin: 0;
	padding:  0 0 0 15px;
	text-align: left;
	background-color: #F5F5F5;
	border: solid 1px #CCCCCC;
	
}

#pie a{
	color: #FF9900;
		
	
}
#pie a:hover{
	color: #FF9900;
}
.img {
margin-top: 10px;
	padding:  5px;
	border: solid 1px #CCCCCC;
	
}
#contactar{
	position: relative;
	padding: 66px 7px 10px 7px;
	margin:  10px 3px 15px 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(images/fondo_contacto_01.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.contactoTitulo{
	font: 18px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0px 5px;
	color: #FFFFFF;
	text-align: left;
}
.contactoCuerpo{
	font-size: 9px;
	margin: 0;
	text-align: left;






}#creaturas{
	font: 10px tahoma, verdana, arial, sans-serif; 
	color: #666666;
	text-align: right;

}#creaturas a{
	text-decoration: none;

}

#formulario
{
margin-left: 5px;
color:#666666;
font: 9px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
background-image:url(images/masNoticias_centro.gif);
width: 193px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

padding: 5px;

}

#formulario input{
color:#666666;
border : 1px solid #999999;
font-size:10px;


}

.boton{
font-size:10px; 
background-color:#F3F3F3; 
border : 1px solid #000000;
width: 120px;!important

}