

html, body {
	margin: 0;
	padding: 0;
	font: 100% Verdana,Arial,Helvetica,sans-serif;
	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
	color: #666666;
	background: #878787;
}
	
#contenedor {
	width:980px;
	height:534px;
	margin:10px auto;
	position:relative;
}

#contenido {
	/* border: 1px dashed #F00;*/
	background-color: #FFF;
	width: 980px;
	height: 534px;
	position: absolute;
	top: 10px;
	left: 10px;
	/*padding: 10px 20px 10px 10px;*/
	overflow: auto;
}

/* invisible para IE 5 \*/

#contenedor {
	position:absolute;
	margin:-267px 0 0 -490px;
	left:50%;
	top:50%;
}


/* fin hack */
/* --------------------------- PORTADA ----------------------- */

#contenido .foto_portada {
	position:relative;
	float:left;
	width:509px;
	
}

#contenido .logo_portada {
	position:relative;
	float:right;
	padding: 100px 0 0 0;
}

h1.logotipo_portada {
		position:relative;
    color: #000;
    top:100px;
    left:0;
    padding:0 82px 0 0;
   	margin:0;
    width:294px;
   	height:121px;
   	z-index:1;
   	font-size:1.5em;
	
    }
h1.logotipo_portada  span{
		background:transparent url("../imgs/logo_portada.jpg") no-repeat top left;
    position:absolute;
    cursor:hand;
    top:0;
    left:0;
   	padding:0 82px 0 0;
   	margin:0;
   	width:294px;
   	height:121px;
   	z-index:2;
	
    }

/* --------------------------- FIN PORTADA ----------------------- */

/* --------------------------- GENERAL  ----------------------- */

#contenido .foto_apartado {
		position:relative;
		
		text-align:right;
		padding:22px 178px 0 0;
}

#contenido .bl_contenido {
	/*background-color:#FFC156;*/
	height: 335px;
}


#contenido .bl_contenido .col_a {
	/*background-color:#00FF00;	*/
	position:relative;
	float:left;
	width:802px; 
	font-size:12px;
	font-size:10px;
	
}

#contenido .bl_contenido .texto_estudio {
	padding: 0 0 0 250px;
	text-align:right;
	max-height:312px;
	overflow:auto;
}

#contenido .bl_contenido .col_a a {
	font-weight:bold;
	text-decoration:none;
}

#contenido .bl_contenido .col_a a.link {
	
	color:#C1CC3A;
	/*font-weight:bold;*/
	font-weight:normal;
	text-decoration:none;
}

#

#contenido p {
    /*
    font-size: 12px;
		line-height: 20px;*/
		
		font-size: 10px;
		line-height: normal;
    }
#contenido p.primero {
	padding:24px 0 0 0;
	margin:0;
}

/* ---- Columna derecha --- */
#contenido .bl_contenido .col_b {
	position:relative;
	float:right;
	width:149px;
}

#contenido .bl_contenido .col_b h2 {
	font-weight:normal;
	font-size:13px;
	padding: 24px 0 0 0;
	margin:0;
	/*background-color:#FF0000;*/
	
}

/* ---- Fin Columna derecha --- */

/* --------------------------- FIN GENERAL ----------------------- */

/* --------------------------- ESTUDIO ----------------------- */

#contenido_aviso {
	
	height:470px;
	overflow:auto;
	width:100%;	
	font-size:10px;
}

#contenido_aviso h3 {
	padding:5px 0;
	margin:0;
	font-size:12px;
	
}
#contenido_aviso p {
	padding:5px 0;
	margin:0;
}

.cerrar {
	text-align:right;
	padding: 2px;
	display:block;
	height:20px;
}

.cerrar a {
	color:#C1CC3A;
	font-weight:bold;
	text-align:right;
	padding:0 5px; 
	text-decoration:none;
	/*border: #666666 1px solid;*/
	font-size:12px;
}

#contenido_aviso a {
	color:#C1CC3A;
}

/* --------------------------- FIN ESTUDIO ----------------------- */

/* --------------------------- PROYECTOS ----------------------- */

.col_a .destacados div {
	/*background:#FF0000;*/
	position:relative;
	float:left;
	width:225px;
	padding: 0 10px;
	font-size:10px;
}

.col_a .destacados div h3 {
	font-size:10px;
	text-transform:uppercase;
	height:20px;
	padding: 25px 0;
	margin:0;
	/*font-weight:bold;*/
	font-weight:normal;
}
.col_a .destacados div div { 
	margin:0;
	padding:0;
	
}

.col_a .destacados div div h4 {
	background:transparent url("../imgs/punto_info.jpg") no-repeat left 2px;
	/*font-weight:bold;*/
	font-weight:normal;
	padding: 0 0 0 8px;
	margin: 5px 0;
	font-size:10px;
}

.col_a .destacados div div h4 a {
	color:#666666;
}

.col_a .destacados div div h4 a strong {
	font-weight:normal;
}

.col_a .destacados div div h4 a:hover {
	color:#C1CC3A;
}

.col_a .destacados div.primero {
	position:relative;
	padding: 0 0 0 82px;
	
}



/* --------------------------- FIN PROYECTOS ----------------------- */

/* --------------------------- INFORMACION VER ----------------------- */

.col_a .col_fotos {
	position:relative;
	float:right;
	width:390px;
	max-height:430px;
	height:430px;
	overflow:auto;
	
	padding:50px 0 12px 0;
	vertical-align:text-bottom;
}

.col_a .col_texto {
	position:absolute;
	top:150px;
	float:left;
	width:350px;
	height:318px;
	overflow:auto;
	
	padding:0 10px 0 50px;
}

.col_fotos .info_bloque_fot_derecha {
	float:relative;
	width:115px;
	float:left;
	padding: 5px;
}

.col_fotos .info_bloque_fot_derecha a img{
	border:none;
}

.col_a .col_texto h3{
	color:#C1CC34;
	/*font-weight:bold;*/
	font-size:12px;
	font-weight:normal;
	padding:0;
	margin:0;
}

.col_a .col_texto { 
	text-align:right;

	
}

.col_a .col_texto .info_bloque_fichero a, .col_a .col_texto .info_bloque_enlace a  {
	color:#C1CC3A;
}


.col_b .volver {
	position:relative;
	font-size:13px;
	padding-top: 410px;
	/*background:#FF0000;*/
	
}

.col_b .volver a {
	color:#C1CC3A;
	/*font-weight:bold;*/
	font-weight:normal;
	text-decoration:none;
}





/* --------------------------- FIN INFORMACION VER ----------------------- */

/* --------------------------- CONTACTO ----------------------- */

.col_a .texto_contacto {
	/*background-color:#FF0000;*/
}

.col_a .texto_contacto div.tcdiv {
	/*background:#FF0000;*/
	position:relative;
	float:left;
	width:376px;
	padding: 14px 0 0 0;

}

.col_a .texto_contacto .tcdiv_colb {
	/*background:#FF0000;*/
	position:relative;
	float:left;
	width:376px;
	padding: 28px 0 0 0;

}


.col_a .texto_contacto div.primero {
		position:relative;
		float:left;
		width:376px;
		padding:28px 0 0 50px;
		
		margin:0;
	/*	background-color:#ffc156;*/
		
}

.col_a .texto_contacto div.primero p.direccion {
		padding:0 0 5px 0;
		margin:0;
}

.col_a .texto_contacto div.primero small a {
	color:#C1CC3A;
}

.col_a .link {
	padding-left: 25px; 
}

.col_a .texto_contacto div.politica_priv {
	text-align:right;
}

/* --------------------------- FIN CONTACTO ----------------------- */

/* --------------------------- PIE ----------------------- */
/*
#pie {
	clear:both;
	background-color:#CCC;
	height:62px;
	
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
*/
#pie {
	position:absolute;
	bottom:0;
	clear:both;
	background-color:#CCC;
	height:62px;
	width:100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#pie #logo_pie a {
	text-decoration:none;
}

#pie #logo_pie {
	
	float:left;
	position:relative;
	width:151px;
	height:62px;
	padding:0;
	margin:0;
	top:0;
	left:0;
	z-index:1;
	
}

#pie #logo_pie span {
	position:absolute;
	background:transparent url("../imgs/logo_pie.jpg") no-repeat top left;
	width:151px;
	height:62px;
	padding:0;
	margin:0;
	top:0;
	left:0;
	cursor:hand;
	z-index:2;
	
}

#menu  {
	position:relative;
	with:508px;
	float:left;
	margin:0;
	padding: 20px;
	text-align:center;
	/*font-size:13px;*/
	font-size:11px;
}

#menu li {
	float:left;
	width: auto;
	padding:0 22px;
	list-style:none;
}

#menu li a {
	text-decoration:none;
	/*font-weight:bold;*/
	color:#666666;
	
}

#menu li a:hover {
	color:#FFF;
	
}

#direccion {
	position:relative;
	width:270px;
	float:right;
	font-size:10px;
	padding-top:6px;
	line-height:15px;
	color:#666666;
}

#direccion a {
	color:#666666;
	text-decoration:none;
}

#direccion a:hover {
	color:#FFF;
}

/* --------------------------- FIN PIE ----------------------- */


