@charset "utf-8";
/* CSS Document */

/***********************************  listado   **************************/

/**************** mapas imagenes ************************/

#conte_trabajos{
	position:absolute; 
	width:297px;
	height:288px;
	left:112px;
	top:152px;  
	background:url(../images_obras/fondo_composicion.gif) no-repeat;
}

#conte_trabajos a{
	display:block;
	position:absolute; 
}

#conte_trabajos a span{
	display:none;
}


/*------------------------------------    imagenes obras   ------------------------------------------*/

#conte_trabajos #puntal{
	background:url(../images_obras/puntal.jpg) no-repeat;
}

#conte_trabajos #puntal:hover{
	background-image:url(../images_obras/puntal_on.jpg);
}

#conte_trabajos #estudio{
	background:url(../images_obras/estudio.jpg) no-repeat;
}

#conte_trabajos #estudio:hover{
	background-image:url(../images_obras/estudio_on.jpg);
}

#conte_trabajos #lorca{
	background:url(../images_obras/lorca.jpg) no-repeat;
}

#conte_trabajos #lorca:hover{
	background-image:url(../images_obras/lorca_on.jpg);
}

#conte_trabajos #sommersby{
	background:url(../images_obras/sommersby.jpg) no-repeat;
}

#conte_trabajos #sommersby:hover{
	background-image:url(../images_obras/sommersby_on.jpg);
}

#conte_trabajos #medio_ambiente{
	background:url(../images_obras/medio_ambiente.jpg) no-repeat;
}

#conte_trabajos #medio_ambiente:hover{
	background-image:url(../images_obras/medio_ambiente_on.jpg);
}

#conte_trabajos #turismo{
	background:url(../images_obras/turismo.jpg) no-repeat;
}

#conte_trabajos #turismo:hover{
	background-image:url(../images_obras/turismo_on.jpg);
}

/*------------------------------------    imagenes obras   ------------------------------------------*/


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


/*------------------------------------    imagenes proyectos   ------------------------------------------*/

#conte_trabajos #aspreato{
	background:url(../images_proyectos/aspreato.jpg) no-repeat;
}

#conte_trabajos #aspreato:hover{
	background-image:url(../images_proyectos/aspreato_on.jpg);
}

#conte_trabajos #toscanolage{
	background:url(../images_proyectos/toscanolage.jpg) no-repeat;
}

#conte_trabajos #toscanolage:hover{
	background-image:url(../images_proyectos/toscanolage_on.jpg);
}

#conte_trabajos #escenico{
	background:url(../images_proyectos/escenico.jpg) no-repeat;
}

#conte_trabajos #escenico:hover{
	background-image:url(../images_proyectos/escenico_on.jpg);
}


#conte_trabajos #casa_garcia_perez{
	background:url(../images_proyectos/casa_garcia_perez.jpg) no-repeat;
}

#conte_trabajos #casa_garcia_perez:hover{
	background-image:url(../images_proyectos/casa_garcia_perez_on.jpg);
}

#conte_trabajos #marismas{
	background:url(../images_proyectos/marismas.jpg) no-repeat;
}

#conte_trabajos #marismas:hover{
	background-image:url(../images_proyectos/marismas_on.jpg);
}


/*------------------------------------    imagenes proyectos   ------------------------------------------*/

/**************** mapas imagenes ************************/


#textos{
	display:block;
	float:right;
	width:435px;/*435*/
	height:383px;/*380*/	
	overflow:auto;
	padding-top:5px;
	padding-bottom:5px;
	overflow:auto;
	padding-right:5px;
	/*border: #33FFFF 1px solid;*/
}

#textos a{
	text-decoration:underline;
}

.anual{
	display:block;
	float:left;
	margin-bottom:5px;
}

.anual h2{
	display:block;
	float:left;clear:both;
	width:14%;
	font-size:18px;
	color:#8f99a9;
}

.anual .datos{
	display:block;
	float:right;
	width:86%;
	margin-bottom:15px;
	padding-top:5px;
}

.anual ul{
	font-size:12px;
	list-style:none;
}

.anual li{
	margin-bottom:8px;
}

/***********************************  listado   **************************/


/***********************************  ficha   **************************/



#flashcontent{
	margin:0px;
	padding:0px;
	padding-left:35px;
	margin-top:-20px;
}

#flashcontent #fondo_cabecera{
	display:block; 
	float:left; 
	width:230px;
	height:18px;
	margin-top:-390px;
	margin-left:10px !important;
	margin-left:22px;
	z-index:-1;	
	position:relative;	
}

#flashcontent .textos{
	display:block; 
	float:left; 
	clear:both;
	width:230px;
	height:100px;
	margin-top:-80px;
	margin-left:10px !important;
	margin-left:22px;	
	color:#bec4cd;
	font-size:11px;
}

#flashcontent .textos td{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
}

#flashcontent .textos td.label{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

#flashcontent .textos td.labelstrong{
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	font-weight:bold;
}


#flashcontent .textos td.destacado{
	color:#e27618;
}


#flashcontent .textos a{
	display:block;
	font-size:12px;
	text-decoration: underline;
	margin-top:8px;
	width:80px;
}


/*-----------------------    barras   -----------------------------------*/

#barra_trabajos{
	display:block;
	float:left;
	width:365px;
	background-color:#4c576b;
}


#barra_trabajos a{
	display:block;
	float:left;
	width:20px;
	height:12px;
}


#barra_trabajos a span{
	display:none;
}

#barra_trabajos a.volver{
	background:#ffffff  url(../images/icon_flecha.gif) 3px 1px no-repeat;
}

/*-----------------------    barras   -----------------------------------*/

#texto_mostrar{
	display:none;
}


.mas_info{
	padding:20px;
}

.mas_info p{
	margin-bottom:10px;
	text-align:justify;
}


/*-----------------------------*/

#dhtmlwindowholder{
	display:none;
	width:100%;
	height:100%;
	position:relative;
	z-index:200;

	/*background:url(../images/fondo_modal.png) top left repeat;*/
	background-image: url(../images/fondo_modal.gif)  !important;
	background-image: url(../images/fondo_modal.gif);
	background-position:top left;
	background-repeat:repeat;	
}


/*-----------------------------*/


/***********************************  ficha   **************************/