/***********************************************************
 * Menú de navegación izquierdo
 ***********************************************************/
#cont_nav_izq {
	float: left;
	width: 20%;
	font-size: 0.9em;
}

#cont_nav_izq a:active, #cont_nav_izq a:link, #cont_nav_izq a:visited {
	text-decoration: none;
	color: #000000;
}

#cont_nav_izq a:hover {
	color: #08CE3A;
}

#cont_nav_izq ul {
	list-style-type: none;
	padding-left: 4px;
	margin: 0px;
}

#cont_nav_izq li {
	vertical-align: middle;
	padding-top: 0.7em;
	text-indent:0px;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #08CE3A;
	font-size: 1em;
	color: #000000;
}


#cont_nav_izq li.nivel_1 {
	padding-left: 0px;
	text-indent:0px;
	margin-top: 0.7em;
}

#cont_nav_izq li.nivel_2 {
	padding-left: 8px;
	margin-top: 0.7em;
}

#cont_nav_izq li.nivel_3 {
	padding-left: 30px;
	border-width: 0px;
	border-style: none;
	padding-top: 0.5em;
	font-size: 0.9em;
}

#cont_nav_izq li.nivel_4 {
	list-style-type: none;
	padding-left: 60px;
	border-width: 0px;
	border-style: none;
	padding-top: 0.5em;
	font-size: 0.9em;
}

/***********************************************************
 * Elementos HTML
 ***********************************************************/
html {
	width: 100%;
	position: relative;
}
body {
	/*float: left;*/
	font-size: 0.8em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	width: 98%;
}

table {
	border: 1px solid #999999;
	font-size: 0.9em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	padding: 0.2em;
}


h1{
	font-size: 1.3em;
	font-weight: bold;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

h2{
	font-size: 1.2em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

h3{
	font-size: 1.1em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}


a:active, a:link, a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #08CE3A;
}


.error {
	text-align: center;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 0.8em;
	color: red;
}

.peque {
	font-size: 0.8em;
	text-align: center;
}

.input {
	border: #666666 1pt solid;
	color: black;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 0.9em;
	margin: 0em 0em;
	padding: 0em 0em 0em 2px;
}

.form {
	text-align: left;
}

.button {
	border: #666666 1pt solid;
	color: white;
	font-size: 0.9em;
	margin: 0em 0em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	background-color: #08CE3A;
	padding: 0em 0em 0em 2px;
}


/***********************************************************
 * Contenedor superior
 ***********************************************************/
#cont_sup_fondo {
	background-image: url(../img/base_tricolor.gif);
	background-repeat:  repeat-x;
	height: 200px;
	width: 100%;
}

#cont_sup {
	background-image: url(../img/logoAvanza.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 180px;
	width: 100%;
}

/***********************************************************
 * Contenedor inferior
 ***********************************************************/
#cont_inf {
	font-size: 1em;
	color: #444444;
	width: 100%;
	float: left;
}
/***********************************************************
 * Pie de pagina
 ***********************************************************/
#piePagina {
	width: 100%;
	background-color: #FFFFE1;
	clear: both;
	font-weight: bold;
	text-align: center;
}

#logos {
	--margin: 0px;
	padding: 0px;
	margin-top: 28px;
	font-size: 0.9em;
	color: #000000;
	width: 100%;
	vertical-align: middle;
}

#logos img {
	padding-left: 0.50em;
	padding-right: 0.50em;
}


#iniciativa {
	margin-top: 3px;
	font-size: 1em;
	margin-right: 315px;
}

#legal{
	margin-top: 3px;
	font-size: 1em;
	float: right;
	text-align: right;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
}

#financ {
	margin-top: 3px;
	font-size: 1em;
	float: left;
	padding-right: 2%;
	vertical-align: baseline;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-weight: bold;
	color: #808080;
	background-image: url(../img/logos_financ.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 502px;
	height: 88px;
}


/***********************************************************
 * Contenedor central
 ***********************************************************/
#cont_central {
	margin-left: 21%;
	padding-left: 2em;
	margin-right: 23%;
	padding-right: 2em;
	text-align: justify;
}

#cont_central ul {
	/*list-style-type: none;*/
	padding-left: 3em;
	margin: 1em;
}

#cont_central li {
	text-indent:0px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
	color: #000000;
}

.listaEntrevistas {
	list-style-type: none;
	padding-left: 3em;
	margin: 1 em;
}

.listaEntrevistas li {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

#cont_central li.nivel_2 {
	padding-left: 0px;
	text-indent:0px;
}

#cont_central li.nivel_2 {
	padding-left: 30px;
	text-indent:0px;
}

#cont_central li.nivel_3 {
	padding-left: 60px;
	border-width: 0px;
	border-style: none;
	font-size: 0.9em;
}

#cont_central li.nivel_4 {
	list-style-type: none;
	padding-left: 90px;
}




/***********************************************************
 * Menú de navegación superior
 ***********************************************************/
#nav_sup_izq {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 13px;
	padding-left: 14px;
}

#nav_sup_izq a:active, #nav_sup_izq a:link, #nav_sup_izq a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#nav_sup_izq a:hover {
	color: #000000;
}


#nav_sup_dch {
	text-align: right;
	padding-right: 11%;
	font-size: 1em;
	font-weight: bold;
	color: #999999;
	padding-top: 14px;
	margin-right: 5%;
}

#nav_sup_dch a:active, #nav_sup_dch a:link, #nav_sup_dch a:visited {
	color: #999999;
	text-decoration: none;
} 
#nav_sup_dch a:hover {
	color: #08CE3A;
}



/***********************************************************
 * Menú de la derecha
 ***********************************************************/
#nav_drch{
	float: right;
	width: 22%;
}

#zonanovedades {
	border: 1px solid #70501f;
	padding: 1em;
	padding-bottom: 1.5em;
	margin: 1em 0 0 0;
	background-color: #d6e2fa;
	text-align: left;
}

#zonanovedades h1 {
	text-align: center;
	color: #F1F0EB;
}

#novedades {
	padding: 0;
	color: #000000;
	width: 100%;
}

.titulares_novedad {
	font-weight: bold;
	color: #000000;
	margin-bottom: 0px;
}

.fecha_medio_novedad{
	color: #000000;
	margin-top: 7px;
	margin-bottom: 0px;
	font-weight: normal;
}

.resum_novedad{
	color: #000000;
	margin-top: 7px;
	margin-bottom: 0px;
	font-weight: normal;
}

.separador_cuerpo_novedad{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #70501F;
}

.mas_novedades {
	font-weight: bold;
	margin-left: 20px;
	margin-top: 7px;
}

#novedades a:active, #novedades a:link, #novedades a:visited {
	color: #000000;
}

#novedades a:hover {
	color: #08CE3A;
}

/***********************************************************
 * Logotipos financiacion
 ***********************************************************/
.imag_financ {
	width: auto;
	float: left;
	margin-top: 2px;
}

.imag_cuadros {
	margin-top: 0px;
	float: right;
	margin-right: 20%;
	border: none;
}

.textoTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: white;
	margin-left: 1em;
}

/***********************************************************
 * Para dividir el contenido en columnas
 ***********************************************************/
#cont_columna {
	width: 100%;
	margin-top: 5px;
}

#cont_columna .izquierda {
	float: left;
	width: 60% !important;
	padding: 0px;
	margin: 0em;
}

#cont_columna .derecha {
	float: right;
	width: 37% !important;
	padding: 0px;
	margin: 0em;
}

#cont_columna .izquierda h2, #cont_columna .derecha h2 {
	font-size: 1.2em;
	padding: 7px 7px 7px 24px;
	margin: 0px;
	background-image: url(../img/a20.gif);
	background-repeat: no-repeat;
	background-position: left;
}


/***********************************************************
 * Noticias
 ***********************************************************/
#noticias {
	border: 1px solid #70501F;
	background-color: #F1F0DE;
	padding: 1em;
	color: #000000;
	width: 100%;
	margin-top: 1em;
	padding-top: 10px;
}

#noticias a:active, #noticias a:link, #noticias a:visited {
	font-weight: normal;
	font: 1em;
}


#noticias a:hover {
	color: #08CE3A;
}

.noticia {
	margin-top: 10px;
}

.titulares_noticia {
	font-weight: bold;
	
	--margin-bottom: 0px;
	margin-top: 10px;
	padding-top: 10px;
}

.fecha_medio_noticia{
	padding-left: 1em;
	margin-top: 7px;
	margin-bottom: 0px;
	font-weight: normal;
}

p.resum_noticia{
	padding-left: 1em;
	margin-top: 7px;
	margin-bottom: 0px;
	text-align: left;
	font: normal normal;
}

.separador_cuerpo_noticia{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #70501F;
}


.mas {
	background-image: url(../img/mas.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right;
}


.tipo_curso {
	font-weight: bold;
}

.equal {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 200px;
	float: left;
	padding-left: 4px;
}

.avanza {
	font-weight: bold;
	color: #000000;
}


#tituloPagina {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}


/***********************************************************
 * Entidades
 ***********************************************************/
.entidad {
	margin-right: 1em;
	margin-left: 1em;
	vertical-align: top;
	margin-bottom: 30px;
	margin-top: 30px;
	width: 96%;
	clear: both;
	text-align: left;
	border-bottom: 1p solid #000000;
}

.entidad .imagen {
	width: 160px;
	float: left;
	border: 0em;
}

.entidad .imagen img {
}

.entidad .texto {
	float: left;
	font-size: 1.1em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	text-align: left;
	margin-left: 5px;
}

.entidad .texto p {
	padding: 0em;
	margin: 0.3em;
	/*margin-left: 2em;*/
}


/***********************************************************
 * Mapa Web
 ***********************************************************/
#webmap ul {
	list-style-type: none;
	padding-left: 4px;
	margin: 0px;
	text-indent:0px;
}

#webmap li.nivel_2 {
	padding-left: 0px;
}

#webmap li.nivel_2 {
	padding-left: 3em;
}

#webmap li.nivel_3 {
	padding-left: 6em;
}

#webmap li.nivel_4 {
	padding-left: 9em;
}

/***********************************************************
 * Mapa Web
 ***********************************************************/
#faq {

}

#faq dt {
	font-weight: bold;
}

#faq dd {
	font-weight: normal;
}


/***********************************************************
 * Para la galeria de imágenes
 ***********************************************************/
#fotos {
	padding: 1em;
	color: #000000;
	width: 98%;
	margin-top: 1em;
	padding-top: 10px;
}
.foto {
	top: -200px;	
	margin-right: 1em;
	margin-left: 1em;
	vertical-align: top;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 95%;
	clear: both;
	text-align: left;
	border: 1px solid #08CE3A;
}

.foto .imagen {
	width: 140px;
	float: left;
	border: 0em;
}

.foto .imagen img {
}

.foto .texto {
	float: left;
	font-size: 0.9em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	text-align: left;
}

.foto .texto p {
	padding: 0em;
	margin: 0.3em;
	margin-left: 2em;
}
 
/***********************************************************
 * Toolbox Publicar contenidos
 ***********************************************************/

.toolboxPublicar {
	border: solid 1px #08ce39;
	margin-top: 10px;
	margin-bottom: 10px;
}

.toolboxPublicar .titulo {
	border: 1px solid #08ce39;
	padding: 5px;
	padding-left: 0px;
	margin: 10px;
	font-weight: bold;
	text-align: center;
}

.toolboxPublicar .ayuda {
	margin-left: 10px;
	margin-right: 8px;
	margin-top: 3px;
	margin-bottom: 8px;
	padding: 5px;
	background-color: #08ce39;
	color: #FFFFFF;
	font-size: 85%;
}

.toolboxPublicar .elemento {
	padding-left: 10px;
	padding-right: 10px;
	color: grey;
}

.toolboxPublicar .elemento#entrar {
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 8px;
	text-align: center;
}

.toolboxPublicar .elemento#salir {
	border-bottom: 1px solid #08ce39;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 8px;
	text-align: center;
}

.toolboxPublicar .elemento a:active, 
.toolboxPublicar .elemento a:link, 
.toolboxPublicar .elemento a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.toolboxPublicar .elemento a:hover {
	color: #08CE3A;
}


/***********************************************************
 * Encuestas
 ***********************************************************/

.encuesta {
	border: solid 1px #08ce39;
	margin-top: 10px;
	margin-bottom: 10px;
}

.encuesta .titulo {
	padding: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-align: center;
}

.encuesta .descripcion {
	padding: 5px;
	text-align: center;
}

.encuesta .preguntas, .encuesta .preguntas .pregunta {
	padding: 5px;
	padding-left: 5px;
}

.encuesta .preguntas .pregunta .tituloPregunta, .encuesta .preguntas .pregunta .resultadosPregunta {
	padding: 5px;
	padding-left: 15px;
}

.encuesta .pregunta .tituloPregunta, .encuesta .pregunta .resultadosPregunta {
	padding: 5px;
	padding-left: 15px;
}

.encuesta .total {
	padding: 10px;
	font-weight: bold;
	text-align: right;
}

.encuesta .enviar {
	padding: 5px;
	text-align: center;
}

.mensajes, .mensaje {
	border: solid 1px #08ce39;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

table.encuesta tr td {
	padding: 5px;
	text-align:left;
}



/*
* Encuestas
*/
li.respuesta{
	
	list-style: none;
}

.encuestas {
	border: solid 1px #08ce39;
	margin-top: 2%;
	margin-bottom: 6%;
	padding: 2% 3% 2% 3%;
}

textarea{
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 1em;
}

img.calendario{
	vertical-align: middle;
}
div#calendarioMetal{
       width: 40%;
       margin: 1% 20% 1% 20%;
}

/****************************************************************************************************
    Especifico para ficha.jsp
****************************************************************************************************/

.listadoFichas {
	margin-top: 1.75em;
	margin-bottom: 0.25em;
	padding-bottom: 0;
}

.listadoFichasP {
	margin-top: 0.25em;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


.strongFichas {
	font-weight: bold;
	text-decoration: underline;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

/* -----------------------------formato tablas--------------------------------------- */

.anchoTabla {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1.5em;
	border: dotted;
	border-width: 0.1em;
	border-color: #000000;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}
table.anchoTabla td {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}
table.anchoTabla th {
	text-align: left;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}
td.fichaCol1 {
	width: 80%;
	padding-right: 4em
}
td.fichaCol1x {
	width: 80%;
	padding-right: 4em
	text-align: right;
	border-top-style: solid;
	border-top-width: 0.1em;
	border-top-color: #000000;
}
td.fichaCol2 {
	width: 10%;
	text-align: right;
}
td.fichaCol2x {
	width: 10%;
	text-align: right;
	border-top-style: solid;
	border-top-width: 0.1em;
	border-top-color: #000000;
}
td.fichaCol3 {
	width: 10%;
}
td.fichaCol3x {
	width: 10%;
	border-top-style: solid;
	border-top-width: 0.1em;
	border-top-color: #000000;
}
table caption {
	margin-top: 1em;
	text-align: left;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

/*  --------------------------------------formato de listas de definicion----------------------------------------- */

dl.listaDefinFicha {
	margin-bottom: 1.5em;
}
dd {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}
dt {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

/* ---------------------------------------formato de listas desordenadas------------------------------------------ */

ul.listaFicha li {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

/****************************************************************************************************
    Especifico para ficha.jsp
****************************************************************************************************/

img.imagenEntrevista {
	margin-top: 2em;
	margin-bottom: 3em;
}