/* CSS Document */
/*
	* CSS
	*
	* Hoja de Estilos del menú AREAS
	*
	* @author José Manuel Pérez-Montes Regajo
	* @author http://www.aupex.org
	* @date 2008/04/14
*/

/*Cabeceras de las 4 áreas*/
#cabecera_cultura
{
	background-color:transparent;
	background-image:url("../images/areas/cabecera_cultura.png");
	background-repeat:no-repeat;
	height:155px;
	width:1000px;
	margin:auto;
}

#cabecera_tecnologia
{
	background-color:transparent;
	background-image:url("../images/areas/cabecera_comunicacion.png");
	background-repeat:no-repeat;
	height:155px;
	width:1000px;
	margin:auto;
}

#cabecera_empleo
{
	background-color:transparent;
	background-image:url("../images/areas/cabecera_igualdad.png");
	background-repeat:no-repeat;
	height:155px;
	width:1000px;
	margin:auto;
}

#cabecera_cooperacion
{
	background-color:transparent;
	background-image:url("../images/areas/cabecera_cooperacion.png");
	background-repeat:no-repeat;
	height:155px;
	width:1000px;
	margin:auto;
}

#contenedor #izquierda td
{
	background-color:transparent;
	background-image:url("../images/flecha.gif");
	background-repeat:no-repeat;
	padding-left:15px;
}
#contenedor #izquierda a
{
	text-decoration:none;
	color:#505050;
	font-size:12px;
	text-align:left;
}

#contenedor #izquierda a:hover
{
	color:#c21212;
}

#contenedor #izquierda .menu_areas td
{
	background-image:none;
	padding-left:0px;
}

#contenedor #izquierda img
{
	border: 0px none;
}

#contenedor #izquierda img:hover
{
	filter: alpha(opacity=50);
	opacity: .8;
}


#contenedor #central
{
	float:left;
	width: 800px;
	color: #564b47;
	/*margin: 10px 0px 0px 10px;*/
	padding: 0px;
	text-align:justify;
}

#contenedor #central .titulo
{
	color:#c21212;
	font-weight:bold;
	font-size:20px;
	text-align:justify;
	margin-left: 30px;
	border-bottom: 3px solid #c21212;
}

/*
--------------------------------------------
Estilo para las cuatro imágenes de las áreas
--------------------------------------------
*/

#contenedor #central .area
{
	float:left;
	margin: 0px 5px 0px 40px;
	color: #505050;
	text-align:left;
	width:260px;
	height:auto;
}

#contenedor #central .area a
{
	text-decoration:none;
}

#contenedor #central .area img
{
	float:left;
	border: 0px;
}

#contenedor #central .area img:hover
{
	filter: alpha(opacity=50);
	opacity: .8;	
}

/*
----------------------------------------------------------------------
Estilo para la portada del área. Contiene una imagen y una descripción
----------------------------------------------------------------------
*/

#contenedor #central #descripcion
{
	height:auto;
	width:760px;
	margin:5px 0px 5px 30px;
}

#contenedor #central #descripcion #imagen_area
{
	float:left;
	width:330px;
	height:180px;
	margin: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
}

#contenedor #central #descripcion .vinieta
{
	background-image: url("../images/mas_informacion.gif");
	background-repeat:no-repeat;
	background-position:20px 3px;
 	margin: 10px 50px 10px 30px; 
}

/*
--------------------------------------
ESTILO PARA LOS PROGRAMAS DE LAS AREAS
--------------------------------------
*/

#contenedor #central #descripcion .titulo_principal
{
	color:#c21212;
	font-weight:bold;
	font-size:20px;
	text-align:justify;
	border-bottom: 3px solid #c21212;
	margin-bottom:15px;
}

#contenedor #central #descripcion .imagen_programa
{
	float:left;
	margin: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
}

#contenedor #central #descripcion .seccion
{
	color:#c21212;
	font-weight:bold;
	font-size:18px;
	text-align:justify;
	margin-bottom:15px;
}

.enlace
{
	text-decoration:none;
	color:#C21212;
	font-size:12px;
	text-align:left;
}

.enlace:hover
{
	color:#505050;
	text-decoration:underline;
}