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;
	text-align: left;
	vertical-align: top;
	font: 11px/1.5 tahoma, verdana, arial, sans-serif;
	color: #666666;
	text-align: justify;
	}
	
#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;

	}
	
td#home a{ 
	width: 50px;
	border:  solid #C6C6C6;
	border-width: 0px 0px 0px 1px;
	padding:  19px 20px 2px 4px;
	background-color:  #EEEEEE;
	color: #999999;
	vertical-align: bottom;
	text-align: left;
	display: block;
	text-decoration:none;

}
td#home a:hover{
	background-color: #EDF4FA;
	color: #3E60A7;
}

#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;

	}
	
#bannerImagen00, #bannerImagen01 , #bannerImagen02, #bannerImagen03, #bannerImagen04, #bannerImagen05, #bannerImagen06 {
	text-align: left;
	width: 585px;
	background-color: #EFEFEF;
	height: 185px;
	}
	
#bannerImagen00 {
	background-image: url(images/banner_top_000.jpg);
	background-position: top;
	}
#bannerImagen01 {
	background-image: url(images/banner_top_001.jpg);
	background-position: top;
	}
#bannerImagen02 {
	background-image: url(images/banner_top_002.jpg);
	background-position: top;
	}
#bannerImagen03 {
	background-image: url(images/banner_top_003.jpg);
	background-position: top;
	}
#bannerImagen04 {
	background-image: url(images/banner_top_004.jpg);
	background-position: top;
	}
#bannerImagen05 {
	background-image: url(images/banner_top_005.jpg);
	background-position: top;
	}
#bannerImagen06 {
	background-image: url(images/banner_top_006.jpg);
	background-position: top;
	}
	
	
	
	#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;

}


	
	
	


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


#menu00, #menu01, #menu02, #menu03, #menu04, #menu05, #menu06{
	position: relative;
	font: bold 12px tahoma, verdana, arial, sans-serif ; 
	text-align: center;
	color: #999999;
	width: 585px;
	height: 25px;}

#menu00{
	background-image: url(images/banner_top_000.jpg);
	background-position: bottom;
}
#menu01{
	background-image: url(images/banner_top_001.jpg);
	background-position: bottom;

}
#menu02{
	background-image: url(images/banner_top_002.jpg);
	background-position: bottom;

}
#menu03{
	background-image: url(images/banner_top_003.jpg);
	background-position: bottom;

}
#menu04{
	background-image: url(images/banner_top_004.jpg);
	background-position: bottom;

}
#menu05{
	background-image: url(images/banner_top_005.jpg);
	background-position: bottom;

}
#menu06{
	background-image: url(images/banner_top_006.jpg);
	background-position: bottom;
}

td#menu00 a, #menu01 a, #menu02 a, #menu03 a, #menu04 a, #menu05 a, #menu06 a{
	color: #666666;
	text-decoration : none;
	margin: 0;


}
td#menu00 a:hover, #menu01 a:hover, #menu02 a:hover, #menu03 a:hover, #menu04 a:hover, #menu05 a:hover, #menu06 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 8px;

}
/***************************************************************  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:visted{
	color: #666666;
	
}
/*************************************************************  PROMOS **/

#promos{
	position: relative;
	top: 5px;
	padding: 0px 0 0 3px;
}	
#promos .titulo{
	font: 14px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0px 25px;
	color: #B4B4B4;
	text-align: left;
	background:url(images/ico_relacionadas_01.gif) no-repeat 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: 195px;
	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 4px 0px 105px;
	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: 2px 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 35px; 
	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: 10px 0px 0 0px; 
	color: #FF9900;
	text-align: right;
	border-bottom: 1px dotted #FF9900;

}
#masNoticias{
	position: relative;
	left: 5px;
	top: 10px;
	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;
}

#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: 190px;
	margin: 0px 0px 0px 7px;


	
}
	
#historico a{
	font: 14px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF9900;
	display: block;
	padding: 7px 10px 7px 25px;
	margin: 25px 0 10px 0;
	text-align: left;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background: url(images/ico_historico.gif) left no-repeat;
}

#historico a:hover{
	
	border: 1px solid #FF9900;

}
/******************************************************  DESCARGAR PDF  **/


#descargar{
	vertical-align: bottom;
	width: 190px;
	margin: 0px 0px 0px 7px;


	
}
	
#descargar a{
	font: 14px  Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF9900;
	display: block;
	padding: 7px 10px 7px 25px;
	margin: 0px 0 0px 0;
	text-align: left;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background: url(images/ico_pdf.gif) left no-repeat;
}

#descargar a:hover{
	
	border: 1px solid #FF9900;



/***************************************************************  CONTENIDO **/
}

#contenido{
	width: 410px;
	height: 100%;
	vertical-align: top;
	padding: 10px 15px 10px 15px;
	margin: 5px 0px;
	/*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;
	
}

/****************************  BASES **/


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

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

#bases .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;
	width: 105px;
}
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:0 0 10px 3px;
}	

#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: 2px;
	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: top;
	padding: 5px 0px 0 5px ;

}	

#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{
height: 200px;
/*width: 550px;*/
margin: 40px 0px 0px 0px;
color:#666666;
font: 10px/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
/*background: url(images/fondo_pgaContacto_01.jpg) top left no-repeat;*/
padding: 0px 4px 0px 55px;
vertical-align: top;
border: 1px solid #CCCCCC;
background-color: #F3F3F3;

}

#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 {
	padding:  2px;
	border: solid 1px #CCCCCC;
	
}#creaturas{
	font: 10px tahoma, verdana, arial, sans-serif; 
	color: #666666;
	text-align: right;

}#creaturas a{
	text-decoration: none;

}


#formulario2
{
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;

}

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


}

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

}