/* 
   Este archivo Css ha sido desarrollado por el departamento de 
   informática del ITER [http://www.iter.es/]. 
   
   Author:  CHR5: cmarrero@iter.es - iter@iter.es
   Actualizado: 13 Noviembre 2008

   Novedades de versión:
   Font: small; Transformación de todos los porcentajes
   Navegación: flexible (sin height)
   div  NAVI: controla menu secundario y terciario
   Estilo añadidos para las etiquetas : del, ins (borrar , insertar)
   .accessibility incluida: oculta enlaces de accesibilidad implementados
   em { añadido estilo genérico para el elemento em }
   controlado menus laterales con background, y padding
   */

/* --------------------- generic styles -------------------------------------- */

body {
	font: normal small/15px verdana, sans-serif;	 /* Font: normal: 12px/15px verdana, sans-serif */
	margin: 10px 0 0 10px;
	padding: 0;
}

* html body { 
	font-size: x-small; /* Ajusta tamaño IE5 */
	f\ont-size: small; /* Ajusta tamaño IE6 */
}

p { font: normal 100%/150% verdana, sans-serif;}  /* font: normal 120%/160% verdana, sans-serif */

/*
	p { font: normal 10px/15px verdana, sans-serif;	}
*/

p, ol, ul  {
	color: #5c5c5c; /*#6B6B6B;*/
}

dl {
	margin: 0; 
	padding: 0; 
}

dl.basico {
	margin: 3.2em 0;
}

dl.first {
	margin: 0 0 3em 0;
}

dt {
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight:  bold;
}

dd {
	margin: 10px 0;
	padding: 0;
}

a {
	color: #0044aa; /*#6b6b6b;*/
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img{
	border:1px solid #fff;
}

del { /* Temporal: no es accesible */
	display: none;
}

ins { /* Elimina el subrayado para poder */
	text-decoration: none;
}

em {
	font-weight: bold;
	font-style: italic;	
}

/* Estilos para las imagenes que aparecen en la web */
img.flotante {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;	
}

/* Imagen R*/

img.retrato {
	float: left;
	padding: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	clear: right;
	width: 150px;
}

img.marco {
	background-color: #f4f4ff;
	padding: 5px;
	margin: 0px;
	float: right;
}

.clear {
	clear: both;
}

/* controla las tabla de la maqueta proyectosnosdi */

table.primaria {
	border-collapse: collapsed;
	width: 800px;
}

/* Estilo para las tablas de estilo basico que aparecen en el contenido */

table.basica {
	border-collapse: collapsed;
	width: 100%;
	border: 1px solid #ccc;	
	margin: 0;
	padding: 0;
}

table.basica td {
	background-color:  #f4f4ff;
	padding: 5px;
	text-align: left;
}

table.basica th {
	padding: 2% 0;
	text-align: center;
	background-color:  #e8e8fa;
}

table.basica caption {
	font: bold 140%/120% verdana, sans-serif;
	padding: 10px;
}

/* Controla el tipo de maqueta en el body y centra el contenido */
 
body.plantillab, body.plantillac {
	text-align: left;
	/*margin: 0 auto;*/
	width: 100%;
	margin: 0;
	padding: 0;
}

/*
* html body.plantillab, * html body.plantillac {
	height: 100%;
	overflow: auto;
}

*/

 .last {  /* Debido a la maqueta estática es necesario añadir margen inferior al último párrafo de contenido */
	margin-bottom: 50px;
}

/* trasladado body hacia parte superior */

/* Intento controlar el centrado de todo el contenido creando el identificador divprimario  */

.divprimario { /* atención clase sin punto, se le ha puesto */
	text-align: left;
}

.menubasic {
	list-style-type: none;
	width: 100%;	
}

.menubasic a {
	float: left;
}

/* Div de contenido, controla el overflow de contenido */




/* Filtros dirigidos a IE6 e inferiores */

/*
* html, * html body {
	height: 100%;
	overflow: hidden;
} 
*/

#contenido {
	width: 75%; /* 675px; */
	padding-top: 0; /* tmp */
	min-height: 250px;
	/*top: 135px;*/
	/*left: 190px;*/
	/*right: 0;*/
	float: right;  /* new */
}

* html body#index div#contenido { /* tmp */
	width: 100%; /* 850px; */  /* new */
	padding: 0; 
	margin: 0;
	float: right;    /* new */

}

/* Cabeceras de segundo nivel en el contenido */

#contenido h1, #contenido h2, #contenido h3, #contenido h4 {
	color: #073162;
}

#contenido h2 {
	font-size: 125%; /* He cambiado esto */
	line-height: 160%;
	font-weight: bold;
	font-family: verdana, sans-serif;
	/*color: #073162;*/
	/*clear: all;*/
}

#contenido h2 a {
	color: #073162;
	text-decoration: none;
}

div#contenido a {
	text-decoration: none;
	}
	
div#contenido a:hover { /* new */
	text-decoration: underline;
	}

div#contenido h3 {
	font-size: 110%; /* He cambiado esto */
	line-height: 160%; ;
}
	
/* Controlando los estilos del submenu izquierdo de anclas de contenido */

ul#menuinterno {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 1% 1%;
}

ul#interno li {
	padding:1% 0;
}

/* estilo general para menús secundario y terciario principalmente usado de modo indiscriminado */

ul.basico {
	width: 100%;
	margin:  0;
	padding: 0;
	list-style: none;	
}

#contenido ul.basico {
	width: 100%;
	margin-bottom: 20px;
}

ul.basico li {
 	padding: 1% 0;
	margin: 0;
}

ul.basico li.first {
	padding-top: 0;
}

li.actual a {
	font-weight: bold;
}

div#menusecundario li a.actual {  /* Destaca los enlaces activos en la sección actual */
	font-weight: bold;
}

div#menusecundario ol li.first, div#menusecundario ul li.first {  /* Eliminamos el espacio superior de las listas de todo el web */
	padding-top: 0;
	margin-top: 0;
}

/*-------------------------  menú principal ------------------------------------------------ */

div#menu_principal {
	background-color: #073162;
	padding: 0;  /* tmp 5 píxeles por arriba y por abajo al menu */
	margin: 0;
	float: left;
	width: 100%;
	height: 28px;
}

ul#menuprincipal {
	float: left;
	width: 100%;
	list-style: none;
	margin:0;
	padding: 0;
	/*height: 2%;*/ /*28px;*/	
}

ul#menuprincipal li {
	float: left;
	margin-left: 0; /* tmp  margin-left: 15px;*/
}

ul#menuprincipal li.first {
	margin-left: 10px;
}

ul#menuprincipal li#menu_idioma {  /* estilo específico para el item de la lista */
	float: right;
}

ul#menuprincipal a {
	display: block;
	float: left;
	text-decoration: none;
	line-height: 10px;
	/*font-size: 100%;*/
}

ul#menuprincipal a:hover {
	text-decoration: underline;
}

/* asignamos un icono a cada enlace identificado en el menu principal*/

ul#menuprincipal a#home {
	display: block;
	background: transparent url(iconos/icono_ini.gif) no-repeat 0 50%; /* Icono home en el enlace correspondiente */
	padding: 8px 14px;
	margin-left: 5px;
	margin: 0;
	float: left;
}

ul#menuprincipal a#home:hover { /* tmp */
	background-color:  #0b4384;
}

ul#menuprincipal a#about {
	display: block;
	width: auto;
	background: transparent url(iconos/icono_quienes.gif) no-repeat 0 50%; 
	padding: 8px 15px 8px 12px;
	margin: 0;
}

ul#menuprincipal a#about:hover {
	background-color:  #0b4384;
	}

ul#menuprincipal a#visits {
	display: block;
	background: transparent url(iconos/icono_empleo.gif) no-repeat 0 50%; 
	padding: 8px 18px;
}

ul#menuprincipal a#visits:hover { /* tmp */
	background-color:  #0b4384;
	}

ul#menuprincipal a#jobs {
	display: block;
	background: transparent url(iconos/icono_empleo2.gif) no-repeat 0 50%; 
	padding: 8px 18px;
}

ul#menuprincipal a#jobs:hover { /* tmp */
	background-color:  #0b4384;
	}

ul#menuprincipal a#map {
	display: block;
	background: transparent url(iconos/icono_arbol.gif) no-repeat 0 50%; 
	padding: 8px 18px;
}

ul#menuprincipal a#map:hover { /* tmp */
	background-color:  #0b4384;
	}
	
ul#menuprincipal a#contact {
	display: block;
	background: transparent url(iconos/icono_contacto.gif) no-repeat 0 50%; 
	padding: 8px 18px;
	margin-left: 5px;
}

ul#menuprincipal a#contact:hover { /* tmp */
	background-color:  #0b4384;
	}
	
 #menuprincipal li#menu_idioma a {
	display: block;
	padding: 8px 18px;
	margin-left: 5px;
	}
	
 #menuprincipal li#menu_idioma a:hover {
	display: block;
	padding: 8px 18px;
	background-color:  #0b4384;
	}



/* estilo para la maqueta de proyectos mas_proyectos */


/*body#doblecolumna div#contenido {
	float: right;
	width: 670px;
}

body#doblecolumna div#menusecundario {
	float: left;
	width: 200px;
	border-right: 1px solid #073162;
} */


/*-------------------------------------- Navi -------------------------------------- */

#navi { /* contiene a menusecundario, submenu y menuterciario */
	float: left;
	width: 22%;
	margin: 0;
	padding: 0;
}

/*------------------------------ Menu Secundario  ------------------------------------ */

 div#menusecundario {
	float: left;
	margin: 0; /*5px;*/
	padding: 0; /* 5px; */ 
	width: 100%; /* 22%;*/ /*166px;*/  /*  new */
 /* background-color: #f4f4ff; */
}

#menusecundario h1 {
	font: bold 135%/130% verdana, sans-serif;
	/*border-bottom: 1px solid #0b4384;*/
	padding: 0; /*2% 0;*/
	padding: .5em 0;
	margin: 0;
}

#menusecundario p {
	/*font: normal 80%/150% verdana, sans-serif;*/
	color: #6B6B6B;
}

#menusecundario h1, #contenido h1 {
	color: #073162;
}

* html div#menusecundario ul {
	/*list-style: disc inside;*/
	/*list-style-image: none;*/
}

div#menusecundario ul {  /* new */
  /*  list-style: disc inside;*/
	margin: 0;
	padding: 0;
	 /* new2 */
	/*padding: 0 0 0 1em;	*/
	/*text-indent: -1em;*/
}

div#menusecundario ul li {  /* new */
	/*list-style: disc url(iconos/flecha1.gif) outside;*/ /* new */
	/*margin: 0 0 0 1.2em;*/
	padding: .2em 0 .2em 1em;
	background: url(iconos/flecha3.gif) no-repeat 0 8px;
	border-bottom: 1px solid #ccc;
	/*margin-left: 20px;*/
}

/*div#menusecundario ul ul.submenu li {  
    list-style: none;
	margin: 0; 
	padding: 0;
	background: none;
}*/

div#menusecundario a {
	font-weight: normal;
	font-size: 1em; /*85%;*/
	line-height: 1.4em;
	color: #0066cc; /*#6b6b6b;*/
	text-decoration: none;
	margin: 0;
	padding: 0;

	/*border: 1px solid red;*/
	/* background: url(iconos/flecha1.gif) no-repeat 0 50%;*/
	/* padding-left: 12px;*/
}

div#menusecundario a:hover {
	text-decoration: underline;
}

/* --------------------------- submenu -----------------------------*/

div#menusecundario ul ul.submenu {
	/*list-style: disc url(iconos/flecha1.gif) inside;*/
	list-style: none;
	margin: 1% 0;
	padding: 0;	
	background: none;
	/*text-indent: -1em;*/
}

div#menusecundario ul ul.submenu li {
	/*list-style:disc url(iconos/flecha1.gif) outside;*/
	/*line-height: 150%;*/
	list-style: none; /*url(iconos/flecha1.gif) outside;*/
	margin: 0 0 0 .5em;
	padding: .2em 1em;
	background: url(iconos/flecha4.gif) no-repeat 0 8px;
	border: none;
}

div#menusecundario ul ul.submenu a {
	/*background-image: none;*/
	font: normal .85em/1.2em verdana, sans-serif;
	padding: 0;
	margin: 0;
	color: #0066cc; /*#6b6b6b;*/

	/*background: url(iconos/flecha1.gif) no-repeat 0 55%;*/
	/*text-indent: -1em;*/
}

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

#contenido h1 {
	font:bold 135%/130% verdana, sans-serif;
	border-bottom: 1px solid #073162;
	margin: 0 0 .5em 0;
	/* padding: 0; 2% 0;*/
	padding: .5em 0;
	background: #fff;
}


#pie p, #pie2 p {
	padding: 0;
	margin: 0;
}

#pie {
	float: left;
	width: 166px;  /* Definido por Rafa en la primera maqueta  */
    height: 19px;  /* Medida definida por Rafa en la primera maqueta */
	/*border-bottom: 1px solid #073162;*/
	padding: 0;
	background-color: #fff;/* background-color: #f4f4ff;*/ /*background-color: #073162;*/
	color: #fff;
	display: none;
}

body#index #pie2 {
	float: right;
	width: 850px; 
}

#pie2 {
	float: right;
	width: 850px;  /* 166px + 684px = 850px */
	/*border-bottom: 1px solid #073162;*/
	background-color: #fff; /*#f4f4ff*/
	text-align: right;
	margin: 0;
	padding: 1% 0;
	bottom: 0;
	left: 0;
	font-size: 90%;
}

body#index div#footer {
	margin: 0;
	padding: 0;
	top: 470px;
	/*height: 60px;*/
	/*height: 100px;*/
	float: left;
	/*position: absolute; *//* tmp */
	bottom: 0;  /* tmp */
}


div#footer {
	float: left;
	width: 100%; /*850px;*/
	margin: 0;
	padding: 0;
	/*height: 12%;*/
	text-align: left;
	color: #fff; /* #f4f4ff;*/
	background-color: #073162; /* #f4f4ff;/ /* #073162;*/
	font-size: 90%;
	bottom: 2px; /* tmp */
}

* html div#footer {
	/*position: absolute;*/
	/*bottom: 5px;*/
	padding: 0;
	float: left;
	height: 50px;
}

* html body#index div#footer { /* IE6 */
	border: 1px solid #000;
	float: left;
	width: 100%;
	padding: 0;
	margin:0;

	/*top: 480px;*/
}


div#direccion {
	float: left;
	width: 850px;
	padding: 8px 0;
	margin: 0;
	text-align: center;
	/*background-color:  #073162;*/ /* #073162; */ /*************************************************************************  */
}

div#direccion p {
	padding: 12px 0;
	margin: 0;
	color: #fff;
	font-weight: normal;
	line-height: 150%;
}
* html div#footer div#direccion p {
	padding: 8px 0;
}

/* **************************************** */
/* Estilos para la primera maqueta realizada completamente sin tablas: 
   implementada en: /web/quienes_ii.html */
   
#container {  /* new */
	width: 850px;
	float: left;
}

body#basic div#container {
	width: 850px;
	float: left;
}

* html body#index div#container {
	/*overflow: hidden;*/
	float: left;
	width: 850px; /*850px;*/
	margin: 0;
	padding: 0;
}

/* Banner superior en flash */

div#banner {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 80px;
	overflow: hidden;
	background-color: #fff;
}

* html div#banner {  /* IE6 */
	margin: 0;
	padding: 0;
	float: left;  
}

 /*div#contenido div#banner {
   position: relative;	
   width: 300px;

}*/

/* Menú princial , incluye menu_princial + lenguages */

 #mainmenu {
	width: 100%; /* new */
 /* height: 28px; lo necesita algun navegata */
	float: left;
	margin: 0;
	padding: 5px 0;
	background-color: #073162;
}

* html div#mainmenu {
	float: left;
	width: 100%;
	/*height: 28px;*/
}

/* Estilos para el div de idiomas implementado en la maqueta nueva */

 div#mainmenu a {
	color: #fff;
}

 div#lenguages {
	width: 20%;
	height: 28px;
	float: right;
	padding:  0;
	margin: 0;
	background-color: #073162;
 /* position: absolute; top:0; right: 0; */
}

/* Div de idiomas en la nueva maqueta */

 ul#idiomas {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
	background-color:  #073162;
	height: 28px; /* Establece el ancho del div */
}

 ul#idiomas li {
	display: block;
 /* width: 130px; */
	float: right;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 25px;
	text-align: center;
}

 ul#idiomas a {

	display: block;
	padding-left: 10px;
	padding: 11px 15px;
	margin: 0;
	text-decoration: underline;
	font-size: 90%;
	background-color: #073162;	
	line-height: 50%;

}

 ul#idiomas a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0b4384;
}

/* Lista las opciones del menu superior */

ul.opcionesinformes {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul.produccion li {
	float: left; 
	margin: 20px 20px 0 2%;
	width: 112px;
	height: 150px; /* controla el ancho de texto en la lista */
	padding: 0;
	list-style-type: none;
}

ul.produccion li img {
	display: block;
	margin: 0;
	padding: 0;
}

ul.produccion li a {
	display: block;
	width: 120px;
	margin-left: 10%;
}


/* Maquetación menu secundario y contenido */

 div#contenido {
	float: right;
	width: 76.4%; /* 76.4% *//*670px;*/
	margin:0;
	padding: 0;
}


/* Nota legal y política de privacidad*/

div#pie2 a {
	color: #073162;
	text-decoration: none;
}

div#pie2 a:hover {
	text-decoration: underline;
}


/* Maqueta triplemenu, intenta definir una segunda maqueta donde se incorpore un tercer menú a la navegación */
/* Segunda maqueta implementada totalmente en css */

body#triplemenu {
	width: 850px;
}

body#triplemenu div#container {
	width: 850px;
	/* height: 540px;  */
	/* border: 1px solid red;  */
	float: left;
}

/* Control del contenido de la maqueta simple, sin menu secundario */

body#simple div#maquetasimple {  /*Este div contiene al div de contenido */
	width: 850px;
	float: left;
}


body#simple div#contenido {
	width: 850px;    
	padding-top: 10px; 
	margin-bottom: 5%;
	float: left;
	height: 66%;
}


/* -----------------------  plantilla index  ----------------------- */

body#index div#container {
	width: 850px;
	float: left;
}

body#index div#contenido {
	float: left;  /*position: absolute;*/                
	width: 850px;
	left: 10px; /* estatic */
	top: 120px;
	padding: 0;
}

* html body#index div#contenido {
	/*float: left;*/
}

body#index div#contenido h2 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body#index div#contenido h2 a {
	font-size: 100%;
	text-decoration: underline;
}

body#index div#contenido h2 a:hover {
	font-size: 100%;
	text-decoration: none;
}

body#index div#contenido a {
	font-size: 85%;
}

body#index div#contenido a:hover {
	font-size: 85%;
	text-decoration: underline;
}

body#index div#enlaces {
	float: left;
	margin: 5px 0;  /* borrar */
	padding: 0;
	width: 100%; /*850px;*/
	/*background-color: #f4f4ff;  */
    font-size: 90%; /* Genérico para todos los elementos */
}

* html body#index div#enlaces { /* IE6 */
	position: static;
}

body#index div#enlaces h2 {
	font-size: 100%;	
}

body#index div#enlaces a {
	/*text-decoration: underline;*/
	
}

body#index div#enlaces a:hover {  
	color: #073162;
	text-decoration: underline;
}


body#index div#enlaces_especiales {
	float: left;
	width: 850px;
	padding: 5px 0;
	margin: 0;
	background-color: #f4f4ff;
}

* html body#index div#enlaces_especiales {
	position: static;
	margin-bottom: 10px;	
}

body#index div#enlaces_especiales ul.basico {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color:  #f4f4ff;
}

body#index div#enlaces_especiales ul.basico li {
	float: left;
	width: 160px;
	margin: 0 0 0 10px;
}

body#index div#enlaces_especiales ul.basico li.first {
	margin-left: 0;
}

body#index div#enlaces_especiales ul.basico a {
	font-size: 90%;
	text-decoration: underline;
	font-weight: bold;
	color: #073162;
}

body#index div#enlaces_especiales ul.basico a:hover {
	text-decoration: none;
}

body#index div#columna1, body#index div#columna2 {
	float: left;
	width: 160px;
} 

body#index #enlaces div.grupoenlaces_index {
	width: 160px; /*13.8em; */
	float: left;
	padding: 0;
	margin: 0 0 0 10px;	
} 

body#index div.grupoenlaceprimario {
	width: 13.3em; /* 160px */
	float: left;
	padding: 0;
	margin: 0;	/* Ajusta el primer bloque de enlaces */
}

body#index .grupoenlaces h2, body#index div.grupoenlaceprimario h2, #index .grupoenlaces_index h2,body#index div#contenido  {
	font-size: 100%;
	color: #073162;
	margin: 5px 0 0 0;
}

body#index div.grupoenlaces ul {
	padding-bottom: 5px;
}

body#index div.grupoenlaces_index li , body#index div.grupoenlaceprimario li { /* controla el tamaño de fuente de todos */
	font-size: 90%;
	line-height: 18px;
}


body#index a {
	text-decoration: none;
}

body#index ul.basico {
	float: left;
	width: 100%;
	margin:  0;
	padding: 0;
	list-style: none;	
}

body#index ul.basico li {
	width: 100%;  /* tocado final jornada */
	float: left;
	padding: 0;
	margin: 0;
}

body#index ul.basico li.first {
	padding-top: 0;
}

body#index li.actual {
	font-weight: bold;
}

/* Estilo para las tres columnas superiores del index */

body#index div#columna1 {
	float: left;
	width: 160px;
	padding: 0;
	margin: 0; 	
}

body#index div#columna2 {
	float: left;
	width: 160px;
	margin: 0 0 0 10px; /* Modificado: margin: 0 0 0 10; */
	padding: 0; 
}

* html body#index div#columna2 { /* Un regalo para IE5 */
	margin-left: 5px;
}

body#index div#columna2 object { /* borrar */
	float: left;
	margin: 0;
	padding: 0;
}

body#index div#columna3 {
	float: right;
	/*width: 500px;*/
	/*height: 250px;*/
	position: relative; /* Necesario para la posición absoluta del bannernoticias */
	padding: 0; 
	margin: 0;
}

* html body#index div#columna3 { /* dirigido a bug IE5 en el index */
	/*width: 510px;*/
	height: 250px;
	float: right;
}

body#index div#bannernoticias {
	float: left;
	padding: 5px 0 0 0; margin: 0;
	height: 225px;
	/* width: 510px;*/
	/* height: 230px;	*/
	/**position: absolute;*/  /* activar */
	/*bottom: 0; */  /* activar */
	/*right: 0;*/  /* activar */
	/*margin: 0;*/  /* activar */

} 

* html body#index div#bannernoticias { /* dirigido a bug IE5 en el index */
	float: left; padding: 0;
	height: 225px;
}

html body#index div#bannernoticias object { /* dirigido a IE5 */
	float: left;
	border: 0; margin: 0; padding: 0;
}

body#index div#bannernoticias a img {
	border: 1px solid #0b4384;
	margin: 0;
	padding: 0;
}

body#index div#bannernoticias a:hover img {
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

/* banner small */

body#index div.bannersmall {
	float: left;
	height: 104px;
	margin: 0;
	padding: 0;
}

body#index div.bannersmall object {
	margin: 0; padding: 0;
}

/* Boxnoticias todo noticias */

div#todonoticias {
	border: 0px solid #ccc;
	margin: 0;
	padding: 10px 0;	
}

div#todonoticias h2 a {
	font-size: 120%;
}

/* Ajustes de la listas de columna 1 y columna 2 */

body#index #columna1 ul.basico li a, body#index #columna2 ul.basico li a {  
	display: block;
	width: 150px;
	/*height: 18px;*/  /* necesario para firefox */
	margin: 0;
	padding: 0;
	line-height: 18px; /* Necesario para IE */
	float: left; /* ayuda a IE5 */
	font-size: 90%; /* new */  /* controla tamaño para enlaces de actividades e instalaciones */
}

/* ----------------------  menuterciario ----------------------------------------- */

div#menuterciario { /* Estilo para el menuterciario, componente introducido para la maqueta triplemenu */
	float: left;
	width: 100%; /*22%;*/
	padding: 2% 0; 
	margin: 0; /* 5px 0;  */
	/*border: 1px solid blue;*/
}

div#menuterciario h1{
 	font-size: 135%; 
	margin: 0;
	padding: .5em 0;
	line-height: 130%;
	color: #073162;
 }

 
 div#menuterciario ul {
 	list-style-type: none;
	margin: 0;
	padding: 0;
 }

div#menuterciario li {
	background: url(iconos/flecha1.gif) no-repeat 0 5px;
	list-style-type: none; 
	padding: .2em 0 .2em 1em;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

div#menuterciario a {
	border: 0;
	padding:0 ;
	font: 1.2em/1.5em verdana, sans-serif; /*110%;*/
}

#menuterciario a:hover {
	text-decoration: underline;
}

div#menuterciario ul.basico {
	font: normal 80%/90% verdana, sans-serif;
}

div#menuterciario .actual {
	font-weight: bold;
}
/* ------------------------- defensivo: informativo ---------------------------- */

div.inforbox {
	border: 1px dotted #073162;
	background-color:#FFFFCC;
	padding: 1%;	
}

p.infor {
	padding: 10px;
	color: green;
	font-weight: bold;
	font-size: 100%;
	background: transparent url(iconos/warning.gif) no-repeat 0 50%;
	text-indent: 20px;
}

p.infortext {
	padding-left: 30px;
	color: green;
}

p.informail {
	border: 1px solid green;
	padding: 1% 5px;
	margin-left: 30px;
	font: bold 1.2em monospace;
}

/* ------------------------- defensivo: caution -------------------------------- */

div.cautionbox {
	border: 1px dotted #FF3333;
	background-color:#FFFFCC;
	padding: 1%;
}

p.caution {  /* Párrafo de advertencia en cualquier parte del web, coloca un icono y un fondo rojo */
	/*border: 1xp solid #FF3333;*/
	padding: 10px;
	color: #CC0000;
	font-weight: bold;
	font-size: 100%;
	background: transparent url(iconos/exclamation.gif) no-repeat 10px 10px;
	text-indent: 20px;
}

p.cautiontext {
	padding-left: 30px;
	font:100%/150% verdana, sans-serif;
	color:  #CC0000;
}

/* --------------------------  defensivo: importante ------------------------------ */


div.boximportante {  /* Este estilo crea un mensaje de advertencia , señalando con un icono que no existen items en la sección */
	padding: 2%;
	margin: 5px 0;		
	color: #00CC00;
	font-weight: bold;
	font-size: 100%;
	background-color: #FFFFCC;
	text-indent: 20px;	
	border: 1px dotted #00CC00;
}


p.importante {  /* Este estilo crea un mensaje de advertencia , señalando con un icono que no existen items en la sección */
	padding: 2%;
	margin: 5px 0;		
	color: #00CC00;
	font-weight: bold;
	font-size: 100%;
	background: #FFFFCC url(iconos/warning.gif) no-repeat 10px 50%;
	text-indent: 20px;	
}

/* ------------------------  generico: grupoenlaces ----------------------------------- */

div.grupoenlaces {
	width: 225px; /*234px;*/
	height: 25em;
	min-height: 20em;
	background-color: #f4f4ff;
	padding: 20px;
	margin: 0 1% 1% 0;
	float: left;
}

* html div.grupoenlaces {
	width: 30%; /* IE 5*/
	w\idth: 225px; /* IE6*/
}

body#index #enlaces div.grupoenlaces ul.basico {
	height: 50px;
}

div.grupodestacado {
	width: 100%;
	margin: 1% auto;
	clear: both;
	padding-left: 3%;
}

div.grupoproyectos {
	width: 26%;
	height: 1000px;
	background-color:  #f4f4ff;
	padding: 20px;

	float: left;
}

/* ----------------- listas proyectos en /proyectos/proyectos_i.html ----------------*/

ul.proyectos {
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.proyectos li {
	margin:0;
	padding: 0;
}

ul.proyectos a {
	border: 0px solid red;
	color: #6B6B6B;
	text-decoration: none;
}

ul.proyectos a:hover {
	color: #0A4389;
	text-decoration: underline;
}

/* ------------ lista con enlaces de ayuda /proyectos/inversor2kw_i.html ----- */

ul.ayuda {
	background:  #f4f4ff url(imag_web/Vars/icono_empleo.gif) no-repeat 0 0; 
	text-indent: 0px;
	list-style-type: none;
	padding: 2px 5px;
	margin: 2px 5px 2px 0;
}

div#menusecundario ul.ayuda a {
	text-decoration: underline;
	color: #6B6B6B;
	font: bold 110%;
}

.row  {
	width: 97%;
	display: block;
	background: #E9F3FF;
	float: left;
	margin: 3px 5px 1px 20px;
	padding-bottom: 2%;
	border-bottom: #B7D8FF 2px solid;
	border-right: #B7D8FF 1px solid;
}

.caja_izquierda {
	width: 13%;
	float: left;
	padding: 4px 8px;
	margin: 0 1px 0 0;
}

.caja_izquierda p {
	/*background-color: #073162;*/
	color: #073162; /* #fff*/
	/*border: #6F1B13 1px solid;*/
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	padding: 2% 0 10% 0;
}

.caja_derecha {
	/*background: #073162;*/
	list-style: none;
	margin: 0 0 0 15%;
	padding: 0;
}

.caja_derecha li {
	list-style: none;
	margin: 6px;
	padding: 0;
	float: left;
	overflow: visible;
}

.caja_derecha li a {
	display: block;
	/*width: 125px;*/
	height: 20px;
	padding: 4px 10px;
	margin: 0;
	text-decoration: none;
	text-align: center;
	/*font-size: 13px;*/
	color: #073162;
	background-color: #f7f7f9;
	border: #B7D8FF solid 1px;
}

.caja_derecha li a:hover {
	background-color: #073162;
	color: #fff;
}

.Proyectos {
	width: 100%;
	clear: left;
	margin: 0;
	padding: 0;
}
.destacar_pro {
	width: 100%;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

	.destacar_pro li {
		width: 16%;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
		.destacar_pro li h3{
			height: 27px;
		}


/* ----------------- noticas individuales: boxnoticias -------------- */

div#boxnoticias {
	margin: 0;
	padding: 0;	
}

div#contenido h1.titular {
	font-size: 140%;
	line-height: 150%;
	border-bottom: 1px solid 1px dotted #000;
	padding: 0 0 1% 0;
	margin-bottom: 2%;
}

div#contenido p.autor {
	font-size: 110%;
	margin: 0;
	padding: 2% 0 0 0;
}

h2.titular {
	font-size: 100%;	
	line-height: 150%;
	font-weight: normal;
}

#contenido h2.titular a {
	font-size: 100%;	
	line-height: 140%;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#contenido h2.titular a:hover {
	text-decoration: underline;
}

p.resumen {

}

/* -------------------- index noticias: autor y resumen de listado ------------------*/

#contenido .boxnoticias h2.titular  {
	font-size: 140%;
	margin: 0;
	padding: 0 0 1% 0;
	border-bottom: 1px dotted #000;
}

.boxnoticias p.autor {
	font-size: 110%;
	margin: 0;
	padding: 1% 0 0 0;

}

/* ----------------------------- seccion de descargas  ------------------------- */

div#contenido div.boxdescargasfirst {
	width: 100%;
	/*height: 300px;*/
	/*background-color: #f4f4ff; */
	float: left;
	/*margin: 0 5px 5px 0;*/
	/*padding-left: 10px;	*/
	border-bottom: 1px dotted #ccc;	
}

div#contenido div.boxdescargas {
	width: 100%;/*180px;*/
	/*height: 300px;*/
	/*background-color: #f4f4ff; */
	float: left;
/*	margin: 0 5px 5px 5px;*/
	/*padding-left: 10px;*/
	border-bottom: 1px dotted #ccc;	
	padding-bottom: 10px;
}

div#contenido div.boxdescargasfirst h2 {
	padding: 0;
	/*font-size: 110%;*/
}

div#contenido div.boxdescargas h2 {
	padding: 1% 0 0 0;
	/* font-size: 110%; */
}

/* Imagenes de descargas flotantes a la derecha */

div#contenido div.boxdescargas a img{
	/* float: right; */
}

div#contenido div.boxdescargasfirst a img{
	/* float: right; */
}


/* ----------------------  Enlaces Descarga ------------------------------- */

.pdf  {
	list-style-type: none;
	margin:0;
	padding:0;
}

.pdf li a { /* Rollover pixi */
	display: block;
	height: 20px;
	width: 300px;
	padding-left: 20px;
	background: transparent url(iconos/pdf.gif) 0 50% no-repeat;
}


a.pdf {
	/*display: block;*/
	padding: 10px 20px;
	background: transparent url(iconos/pdf.gif) 0 50% no-repeat;
	/*height: 20px;*/
}

div#contenido div.boxdescargas p.pdf {
	padding-left: 20px;
	background: #fff url(iconos/pdf.gif) 0 0 no-repeat;
}

li.noicon {
	padding-left: 0;
}

li.noicon a {
	padding-left: 0;
	background-color: transparent;
	background-image: none;	
}

/* --------------------------- Galeria de imagenes -------------------------- */

div#galeria {
	margin: 0;
	padding: 0;	
}

div#galeria div.boxfoto_ {

	width: 120px;
	height: 120px;
	background-color: #f4f4ff; 
	margin: 5px;
	float: left;
	text-align: center;  /* Centra la imagen en el div */
	vertical-align: middle;
	padding: 5px;
}

div#galeria div.boxfoto a img {
	text-align: center;
	vertical-align: middle;
}

div#galeria ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

div#galeria /*div.boxfoto*/ ul li {
	display: block;
	float: left;
	width: 135px;
	height: 150px;
	padding: 9px;
	margin: 5px;
	background-color:  #f4f4ff; 
	text-align: center;
	overflow: hidden;
}

div#galeria img {
	margin: 5px;
}

div#galeria p {
	display: block;
	width: 100px;
	height: 50px;
	font-size: 90%;
	margin: 0 15px;
	padding: 0;
	text-align: center;
}

div#galeria li:hover {
 	background-color: #e8e8fa;
 	color: #fff;
}


/* -------------------   Estilos para los controles de navegacion del area de navegacion de fotografías  --------- */

div#fotografia {
	width: 830px;
	background-color:  #f4f4ff; 
	text-align: center;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}

div#fotografia img {
	text-align: center;
	padding: 3% 0 0 0;
}
div#fotografia p {
	display: block;
	width: 90px;
	height: 50px;
	font-size: 90%;
	margin: 5px 10px;
	padding: 0;
}

div.controles {
	float: right;	
	border: 0px solid red;
	width: 48%;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 50px;
	right: 20px;
}

div.controles ul {
	list-style-type: none;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	float: right;
	border: 0px solid blue;
}

div.controles ul li {
	float: left;
	background-color: #e8e8fa;
	border: 0px solid  #073162; 
	margin-right: 5px;
}

div.controles a {
	margin: 0;
	padding: 0;  /*5px 10px;*/
	font-size: 90%;
}

div#fotografia li.last {
	margin: 0;
}

div#fotografia p.autor {
	float: left;
	border: 0px solid red;
	width: 90%;
	height: 20px;
	padding: 0 0 0 5px;
	margin: 0 0 0 15px;
	text-align: left;
	line-height: 20px;
	font-size: 100%;
}

div#fotografia p.descripcion {
	float: left;	
	margin: 0 0 0 15px;
	padding: 0 0 20px 5px;
	border-top: 1px solid #e8e8fa;
	text-align: left;
	width: 45%;
	line-height: 18px;
	font-size: 110%;
}

a.regresar {
	display: block;
	width: 185px;
	height: 25px;
	padding: 5px 0 5px 25px;
	margin: 0;
	background: transparent url(iconos/galeria_grey2.gif) 5% 55% no-repeat;
	line-height:  25px; 	
}

a.anterior {
	display: block;
	width: 100px;
	padding-left: 0px;
	background: transparent url(iconos/flecha2.gif) 10% 55% no-repeat;
	line-height:  25px;
}

a.siguiente {
	display: block;
	width: 100px;
	height: 25px;
	background: transparent url(iconos/flecha1.gif) 95% 55% no-repeat;
	line-height:  25px;
	padding: 0;
	border: 0px solid red;
}


/*--------------------  Producciones solares -------------------------*/

table#produccionenergetica {
	border-collapse: collapse;
	border: 0px solid blue;
	width: 500px;
	text-align: center;
	margin: 1% auto 5% auto;
}

table#produccionenergetica tr, table#produccionenergetica td, table#produccionenergetica th {
	border: 1px solid #ccc;
	padding: 5px;
	width: 20%;
}

table#produccionenergetica th {
	background-color: #d8d8e8; /*#f4f4ff;*/
}

table#produccionenergetica caption {
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.5em;
}

/* ------------------------- boximagen ------------------------------ */ 

div.imagenes { /* Estilos para la caja que contiene las imagenes de cabecera de algunas secciones de la web */
	width: 180px;
	background-color: #fff;
	float: right;
	text-align: center;
	margin: 0 5px 50px 5px;
	padding: 0;
	float: right;
}

.boximagen {
	background-color: #d8d8e8; /*#f4f4ff;*/
	width: 645px;
	height: 120px;
}

.boxsimple {
	margin: 0 5px 5px 0;
	padding: 15px;
	background-color: #ede9f3;     /*#f4f4ff*/
	float: left;
	width: 63%; /* tmp */
}

.boxsimple_a {
	margin: 0 5px 5px 0;
	padding: 15px;
	background-color: transparent;     /*#f4f4ff*/
	float: left;
	width: 63%; /* tmp */
}

* html div.boxsimple { /* IE6 */
	margin: 5px 0;
	padding: 0;
	width: 64%;
}

* html div.boxsimple p,* html div.boxsimple h2, * html div.boxsimple h3, * html div.boxsimple a {
	padding: 5px 15px;
} 

.box100 {
	margin: 0 5px 5px 0;
	padding: 5px 15px;
	background-color: #ede9f3;  /*#f4f4ff*/
	float: left;
	width: 610px;
}

.box50 {
	margin: 0 5px 5px 0;
	padding: 15px;
	background-color: #ede9f3;  /*#f4f4ff*/
	float: left;
	width: 290px;
	height: 290px;
}

/* ----------------------------- Formulario  ----------------------- /instalaciones/form_visita.html */

div.formulario {
	background-color: #f4f4ff;
	padding: 1%;
	margin-bottom: 7%;
	border: 1px solid #777;
}

div.formulario p {
	/*float: left;*/
	border: 0px solid #ccc;
	padding: 0;
	margin: 10px 0 10px 0; /* tmp */
	/*width: 100%;*/
}

.formulario fieldset {
	color: #fff;
	margin: 8% 1%;
	border: 1px solid #fff;
	clear: both;
}

.formulario legend {
	font: bold 130%/180% verdana, sans-serif;
	color: #444;
	padding-left: 30px;
}

.formulario legend.principal {
	font-size: 140%;
	margin-bottom: 5%;
}

.formulario label, .formulario textarea {
	display: block;
	/*float: left;*/
	width: 50%; /*50%;*/
	padding-left: 5%;
}

.formulario textarea {
	margin-left: 5%;
	width: 50%;
	
}

.formulario label.inline {
	/* display: inline; */
	display: block;
	width: auto;
	height: auto;
	padding: 5px;
}

.formulario label.dia, .formulario label.mes, .formulario label.anio {
	display: none;
}

.formulario select {
	/*display: block;*/
	/*float: left;*/
	width: 25%;
	margin-right: 2px;
	margin-left: 5%;
	margin: 0;
	padding: 0;
}

.formulario select.first {
	margin: 0 0 0 5%;
}

.formulario div.fecha {
	float: left;
	width: 50%;
	margin: 1% 0 1% 5%;
}

.formulario div.radiobotones {
	float: right;
	width: 20%;	
}

.formulario div.radiobotones p {
	float: left;
	width: 100%;
	margin: 0;
	padding-left: 0;
}

.formulario input {
	font-size: 100%;
	color: #444;
	width: 50%;
	padding-left: 5%;
	margin-left: 5%;
}

.formulario input.small {
	width: 20%;
}

.formulario input.radio { /* Clase específica para los radiobuttons */
	width: 25px;
	height: 25px;
	/*float: left;*/
	vertical-align: middle;
	margin: 5px 0 5px 5%;
	padding: 1% 0;
	/*border: 1px solid yellow;*/ /* tmp */
	display: block; /* tmp */
}

.formulario input.checkbox {
	/*float: left;*/
	width: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.formulario .checkboxpack {
	margin-left: 5%;
	padding: 0;
}

.formulario p.radiopack {
	float: left;
	width: 20%;
}

.formulario p.first {
	margin-left: 5%;
}

.formulario fieldset {
	border: 0;
	padding: 0;
	margin: 5px 0;
	background-color:  #f4f4ff;
	border: solid 0 transparent;
 /* border: 1px solid #ccc; */
}

.formulario div.enviar {
	width: 100%;
	float: left;
}

.formulario button {
	padding: .5%;
	margin: 0 0 5% 5%;
}

.formulario input#botonenviar {
	float: left;
	text-align: center;
	padding: 1%;
	margin: 5% 0 5% 5%;
	/*float: left;*/
	width: 50%;
}

.formulario select {
	
}

.formulario input#dni {
	margin: 0;
	padding: 0;
	width: 20%;
	/*float: left;*/
}

.formulario input:focus, .formulario textarea:focus { /* da foco a los elementos del formulario */
	font: bold 100%/150% verdana, sans-serif;
	border: 1px solid #003399;
 	background:#ffffcc;
	color: #000066;
	/*padding-left: 5%;*/  /* !! */
	/*margin-left: 5%;*/  /* !! */
}

/* ---------------------------- genérico: estilo de fuente -------------------------------- */


li, ol {
	/*font: 120%/160% verdana, sans-serif;*/
}



a:hover img {
	border:1px solid  #073162; 
}


div#contenido ol li, div#contenido ul li{
	font-size: 90%;
	line-height: 185%;
} 

/* Menús desplegables */
/*
ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 8px;
	font-size: 100%;
	font-weight: normal;
}*/

/*
li ul {
	text-indent: 0;
}

li ul a {
	font-weight: normal;
	font-size: 100%;
}
*/

/* ---------- Lista para el tema de las Directivas ----------------- */
 
ul.directivas {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.directivas li {
	margin: 5px 0;
	border: 1px solid #ccc;
	padding: 10px 5px;
	background-color:  #f4f4ff; 
}

img.sencilla {
	border: 1px solid #f4f4ff;
	margin: 20px 0 0 0;
}

/* -----------------------  mapa de google maps ------------------- */

div#mapa_canvas {
	float: left;
	width: 100%;
	height: 300px;
	border: 1px solid #0b4384;
}

/*
div#map {
	top: 160px;
	left: 190px;
	background-color: #ccc;
	position: absolute;
	width: 500px;
	height: 300px;
	z-index: 20;
}
*/

p.letrero { /* Indicadores de la dirección del iter en comollegar.html */
	padding: 1px 5px; 
	background-color: blue; 
	color: #fff; 
	float: left; 
	margin: 5px 5px 5px 0;
}

/*-------------- Medioambiente: Informes Guayota -----------------------*/

.guayota {
	height: 35px;
  	padding: 20px 30px 0px 40px;
	background:transparent url(iconos/guayota35.gif) no-repeat 0 50%;
	border: 0px solid red;
}

.texto {
	padding: 5px;
	height: 80px;
	padding-left: 20px;
	background: transparent url(iconos/texto.gif) no-repeat 0 50%;
}

ul.logos {
	list-style-type: none;
}

ul.logos li {
	height: 25px;
}

/* ------------------------  Ofertas de empleo ------------------------- */

body#basic #contenido p.puesto {
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 1px solid red;
}

.plazo {
 color: #FF0000;
 padding: 0;
 margin: 0;
}

.enviar {
	font-weight: normal;
	font-style: italic;
}

/* -------------------------------  accesibilidad ------------------------ */

.accessibility {
	/*position: absolute;*/
	display: block;
	width: 1px;
	height: 1px;
	left: -1000px;
	overflow: hidden;
}

/* ----------------------------- info generica -------------------------- >

/* Colores usados en la web */

/* Color genérico texto: #5c5c5c; */
/* Azul claro background: #f4f4ff; */
/* Azul claro background v 2.0:  d8d8e8; */

/* Azul claro CYMK: C:5, Y:4, M:0, K:0 */

/* Azul medio claro:  #e8e8fa; */

/* Azul  medio oscuro: #0b4384; */

/* Azul oscuro: #073162; */
/* Azul oscuro, CYMK: C: 99, M: 88, Y: 28, K: 21 */

/* color: #6b6b6b; */
/* Enlace hover: #0A4389; */
/* Verde information: #00CC00; */
/* caution:  #CC0000; */