@import "menu2.css";

* {	margin:0em;	padding:0em; border:0em; list-style-position:outside; list-style-type:none;}

body{font-size:.80em; font-family:“Gill Sans”, Calibri, “Trebuchet MS”, sans-serif;	color:#000; }

p {font-size: 1.2em; text-align: justify; line-height:  1.2em;}
.titulo{text-align: left; font-size: 1.2em;}
li em {
	display:  block; clear:  both;;
}
/*////////////////////////estilos  etiquetas////////////////////////////*/

a{color:#333;text-decoration:none;font-weight:bold;font-size: 14px;}
a:hover{text-decoration:underline}

label{color:#333}
input, select, textarea{border:1px solid #000;}

h1 {font-size:1.6em}
h2 {color:#467491;border-bottom:2px solid #c7c8c8;font-size:19px;padding-bottom:8px;margin-bottom:11px;font-weight:normal; margin-right: 8px;}
h3 { clear:  both; margin-bottom: 10px; }
/*
h2.titulo{color:#000;font-size:20px;border:none;margin-bottom:0px}
*/
h2.titulo{font-size:20px;}

.subtitulo{font-size:18px;font-weight:normal;margin:15px 0px 30px 0;display:block}

/*estilos globales*/
.fizquierda{float:left}
.fderecha{float:right}
.bloque{display:block;clear:both}
.columna{float:left;width:50%;overflow:hidden; border: 0px solid red;}
#contenido img.fizquierda { margin: 5px 15px 15px 0px; }
#contenido div.fizquierda  { margin: 5px 15px 15px 0px; }
.news-single-imgcaption { font-size: 12px; }
/* cambio un poco el tag: le quito el ancho fijo
a.leermas{font-weight:normal;font-style:italic;font-size:12px;color:#555;background:url(../images/bg/flecha.gif) no-repeat right top;padding-right:20px;display:block;width:55px;margin-top:10px}
*/
a.leermas{font-weight:normal;font-style:italic;font-size:12px;
color:#555;background:url(../images/bg/flecha.gif) no-repeat left top;padding-left:20px;
display: block;width: auto;margin-bottom:10px; margin-top:0px;border: 0px solid red;}

.verde,
#ibvf .titulo, .ibvf {color:#97BF0D}/*verde*/
.amarillo,
#iiq .titulo, .iiq {color:#FFDD00}/*amarillo*/
.burdeos,
#icms .titulo, #icmse .titulo, .icms, .icmse {color:#C1002B}/*burdeos*/

/*layout*/
.franjaCabecera{background:#fff url(../images/bg/bg-franjaCabecera.gif) no-repeat 0 0;z-index:2}
.franjaContenido{background:#fff url(../images/bg/bg-contdeg.jpg) repeat-x 0 0;z-index:1}
.franjaContenido,
.franjaCabecera,
.franjaFooter{width:100%;display:block;clear:both;overflow:hidden}

#footer,
#cabecera,
#contenido{width:866px;display:block;clear:both;margin:0 auto;}
#footer a { color: #fff; }

#contenido img { margin:0 5px 5px 0;padding:5px;border:1px solid #ddd; }
#contenido dl.archivos img, #contenido dd.archivos img {
	border:  0px;
	float:  left;
}
#contenido dl.archivos a, #contenido dd.archivos a{
	line-height: 25px;
}

#cabecera{height:191px;background:url(../images/bg/cabecera.jpg) no-repeat; z-index: 99}
#cabecera h1{color:#477592;display:inline;width:auto;line-height:0;text-indent:-2000px;font-size:2px}
#cabecera #usermenu{position:relative;display:block;margin:0;padding:0}
#cabecera .linkportada{width:450px;height:60px;position:absolute;top:20px;left:0px;}
#cabecera .linkportada span{display:none}

/*
Esta magia no la entiendo, sin esto el menu no se superpone a los sub, sup y al menu de la organizacion
*/

#cabecera #menu ul {
	z-index: 999; 
}


#cabecera .idioma{position:absolute;top:8px;right:10px}
#cabecera .idioma a{font-size:12px;color:#fff;background:#42687D;height:16px;line-height:16px;display:block;float:left;margin-right:10px;text-align:center;font-weight:normal;padding:0 2px;display:block;float:left}
#cabecera .idioma a:hover{text-decoration:none}
/*#cabecera #patrocinadores{position:absolute;right:0;bottom:0}*/
/*para mozilla fallo relative*/
#patrocinadores{float:right;margin-top:115px}

#contenido{}
* html #columnaDerecha,
* hmtl #columnaIzquierda{height:500px}
#columnaIzquierda{width:65%;width:548px;float:left;background:#fff url(../images/bg/bg-contizquierda.jpg) no-repeat right top;padding-top:20px;overflow:hidden;min-height:500px}

/* La cambio para que aparezca mejor el anuncio de la feria de la ciencia

#columnaDerecha{width:270px;float:left;overflow:hidden;padding-left:26px;padding-right:22px;padding-top:30px; background:#fff url(../images/bg/bg-contderecha.jpg) repeat-x 0 0;min-height:500px}

*/

#columnaDerecha{width:270px;float:left;overflow:hidden;padding-left:26px;padding-right:22px;padding-top:0px; background:#fff url(../images/bg/bg-contderecha.jpg) repeat-x 0 0;min-height:500px}
#c2011 img {
	 border:  0px;
}


/*rastro*/
ul#rastromigas{display:block;margin-bottom:20px}
ul#rastromigas li{display:inline;font-size:12px;}
ul#rastromigas li span{font-family:Georgia, "Times New Roman", Times, serif}
ul#rastromigas li a{font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif}
ul#rastromigas li .activo{text-decoration:none;color:#555}

/*portada*/
#columnaIzquierda{}
#columnaIzquierda #destacados{margin-left:10px;margin-bottom: 10px;border:  0px solid red; clear:  both; height: 125px;}
#columnaIzquierda #destacados img{margin:0 10px 0 0; height: 100px; display: block; float: left; position:  relative;}  
#columnaIzquierda #destacados .columna{width:48%}
#columnaIzquierda #destacados p{display:inline;padding:2%} 
#columnaIzquierda #destacados p .titulo{font-size:14px;margin-bottom:7px}
#columnaIzquierda #destacados p .titulo,
#columnaIzquierda #destacados p strong.instituto{display:block;}
#columnaIzquierda #destacados .instituto{font-weight:bold;font-size:12px;margin-bottom:6px}
#columnaIzquierda #destacados .fecha,
#columnaIzquierda #destacados .seccion{font-size:12px;color:#B7B8BA;display:block;font-style:italic}
#columnaIzquierda #destacados .seccion{margin-bottom:15px}

/*contenido*/
#columnaIzquierda ul li{margin-bottom:10px;color:#555}

/*excepcion*/
#ibvf{}
#ibvf p{float:left;display:block;width:260px}
#columnaIzquierda #destacados .bloque.dosdestacados{padding:15px 0 25px 0;overflow:hidden;}


#columnaIzquierda h2{}
#columnaIzquierda div.listaArticulos{padding-left:10px;margin-bottom:20px}
#columnaIzquierda div.noticias .altofijo{height: 130px;}
#columnaIzquierda div.listaArticulos p {font-size: 14px; }
#columnaIzquierda div.listaArticulos div.linea{padding:4px 0 6px 0;border-bottom:1px dashed #ddd;display:block;clear:both;overflow:hidden}

#columnaIzquierda div.listaArticulos div.columna{margin-right:4%;width:45%}
/* #columnaIzquierda div.listaArticulos div.columna .altofijo{height:125px} */
#columnaIzquierda div.listaArticulos .titulo{color:#000;font-size:12px;display:block; margin-bottom: 10px;}
#columnaIzquierda div.listaArticulos .seccion{font-style:italic;font-size:11px;color:#999;display:block}
#columnaIzquierda div.listaArticulos em{font-size:12px;color:#B7B8BA;display:block;}
#columnaIzquierda div.listaArticulos img{margin:0 5px 5px 0;padding:5px;border:1px solid #ddd;}
#columnaIzquierda ul.empresas li{width:33%;display:block;float:left;text-align:center;}
#columnaIzquierda ul.empresas li a{font-weight:bold;font-size:13px}

#columnaDerecha h2{margin-bottom:0}
#columnaDerecha ul{margin-bottom:10px}
#columnaDerecha ul li{padding:6px 0 6px 0;border-bottom:1px dashed #ddd;display:block;clear:both;overflow:hidden}
#columnaDerecha ul .titulo{color:#000;font-size:12px;display:block}
#columnaDerecha ul .seccion{font-weight:bold;font-size:11px;color:#999;display:block}
#columnaDerecha ul em{font-size:12px;color:#B7B8BA}
#columnaDerecha ul li img{margin:0 5px 5px 0;padding:5px;border:1px solid #ddd;}

#columnaDerecha ul li ul{margin-left:18px;}
#columnaDerecha ul li ul li {border-bottom:0px; display:block;clear:both;overflow:hidden;}
#columnaDerecha #submenu li li a {	font-size: 14px;}
#columnaDerecha #submenu li li strong {
	font-size: 14px;
}
#columnaDerecha ul.eventos a {	color: #888;}
#columnaDerecha ul.eventos li em {	color: #000;	font-weight: bold;}
ul.eventos span {	display:  block;}
#columnaDerecha .banner{margin:1em 0}
.fechafinal {	color: #888;font-size:12px;}
.franjaFooter{background:#28566B;margin-top:20px;height: 100px;}
.franjaFooter #footer{border: 0px dashed yellow; color:  #fff; font-family:Trebuchet, Arial, sans-serif; font-size: 10px; padding: 10px 0;}

.franjaFooter #footer #footer-menu { display:  block; border: 0px solid #fff; float: left; }
.franjaFooter #footer #footer-menu ul {  font-size: 14px; font-weight: bold;}
.franjaFooter #footer #footer-menu li{ display:  inline; color: #fff; margin-right: 25px;  }
.franjaFooter #footer #copyright {}
.franjaFooter #footer #footer-info p{ text-align: right; border: 0px solid red; }
/*noticia*/
#articulo{margin-right:35px}
#articulo p{color:#555;margin-bottom:10px; text-align: justify;}
#articulo .fechafinal p { margin-bottom: 0px; }
#articulo p.align-center { text-align: center;}

#articulo ul { margin: 5px 5px 10px 40px; font-size: 14px;display: block;}
#articulo ul li { list-style: disc; list-style-position: outside; margin-bottom: 0px; margin-left: 20px;}
#articulo #listaarticulos ul { margin-left: 0px; }
#articulo #listaarticulos ul li { list-style: none; clear:  both; }
#articulo #listaarticulos ul li div {
	float: right; width: 444px; border-left: 1px solid #467491;  margin-left: 5px; padding-left: 15px;
	margin-bottom: 10px;
}
#articulo #listaarticulos ul li span.fecha { display:  block; float: left;
 font-size: 24px; color: #467491;text-align: center;font-weight:bold;font-style: normal;
 }
 #articulo #listaarticulos ul li span.fecha span.year { display:  block;clear:both; font-size: 20px;font-weight:normal; }

#articulo ul#listaarticulos li { list-style: none; margin: 5px 0;}
ul.eventos li { list-style: none; margin: 5px 0;}
/*
#articulo img{margin:0 20px 15px 0; height: 200px; }
*/

#articulo .seccion,
#articulo .fecha{font-size:12px;color:#B7B8BA;display:block;font-style:italic;display:block}
#articulo .lead{color:#555;font-weight:bold;display:block;clear:both;margin:25px 0 10px 0px;font-size:14px;}
.ajuste { margin-left: 165px; border: 0px solid red; }
/*servicios*/
#servicios a{font-weight:normal;}
/*contacto*/
#columnaDerecha ul.contacto  li {padding: 4px 0; font-size:  12px;}
#columnaDerecha ul.contacto li a {font-weight: normal;}
#columnaDerecha ul.contacto li.leader a{font-weight: bold;}
#columnaDerecha ul.contacto .telefono{display:block;color:#999;font-style:italic;font-weight:normal; clear: both;}
#columnaDerecha ul.contacto .leader .telefono {
	font-weight: bold;
}
/*mantenimiento*/
 
h2.titulo.margenGrande{margin-bottom:20px}
/*

 MIS MODIFICACIONES 

*/

/* Typo3 mete una marca de parrafo en los bodytext */

#articulo .subtitulo p{font-size:18px;font-weight:normal;color: #000;}

/* Nuevo div en el lado derecho para poner fotos */
#fotos {margin-bottom: 10px; }

#empresas { margin: 2px 0;}
.logo_empresa{ margin: 0px 15px;}

/* Lista para los enlaces, por ejemplo en los documentos de divulgación*/
ul.file_links { margin: 20px 0;}
#articulo ul.file_links li {display:table-cell;  text-align: center;border: 0px solid red;}
#articulo .news-single-img {
	float:  left;
}
/* ul.file_links li a {clear: both;} */
#articulo ul.file_links li img {float: none; margin-left: auto; margin-right: auto; margin-bottom: 5px; border: 1px solid #ccc; padding:5px }
#organigrama {position:relative;height: 600px;border:0px solid blue;}
#organigrama div a { font-weight: normal; font-size: 16px;}
#organigrama div {position: absolute;border-bottom: 2px solid #ddd;font-size: 16px;width:160px;  padding-top: 28px;  }
#organigrama div.juntarectora {padding-top: 0px;}
#organigrama div.juntarectora a,  #organigrama div.director a, #organigrama div.gerente a,#organigrama div.comision a {font-size: 20px;}
#organigrama div.juntarectora, #organigrama div.director, #organigrama div.gerente {width: 145px; left:  185px;}
#organigrama div.comision {width: 190px; left: 320px;}
#organigrama .info, #organigrama .serviciosinvestigacion {left: 170px;}
.director {top: 40px}
#organigrama div.comision {font-size: 20px; top: 70px}
#organigrama .mantenimiento { left: 365px;}
#organigrama div.adjunta {top:90px; width:225px;}
#organigrama .gerente {top: 130px}
#organigrama div.servicios {width: 513px; padding-top: 0px; top: 200px; }
#organigrama .administracion, #organigrama .informatica, #organigrama .mantenimiento {top: 230px;background: #fff;}
#organigrama div.informatica {
	left: 170px; width:180px;
}
#organigrama .info {top: 78px;display:none;}
#organigrama .almacen, #organigrama .biblioteca {top: 280px;}
#organigrama .almacen {left: 100px;}
#organigrama .biblioteca {left: 290px; }
#organigrama div.serviciosinvestigacion{top:340px; left: 170px; width: 175px}
#personal-organigrama div {
	display: none;
}
#personal-organigrama div.personal {border: 1px solid #ccc; padding-top: 5px; width: 160px;
 background: #fedede; font-family: Arial, Helvetica, sans-serif; font-size: 13px; display:none;}
#organigrama div ul {background: #fff; border: 1px solid #ddd;margin-top: 4px; display: none}
#seleccion  { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#seleccion .titulo { color:#467491;border-bottom:2px solid #c7c8c8;font-size:19px;padding-bottom:8px;margin-bottom:11px;font-weight:normal; margin-right: 8px; }
#seleccion li { margin-bottom: 5px ; }
#seleccion em { font-weight: bold;font-style: normal }
#seleccion .leader { font-weight: bold; margin-bottom: 10px  }
#organigrama div li.responsable {font-weight: bold; margin-bottom: 5px;}

/* Formulario de contacto */
form#contacto {margin-top:  20px; margin-left:  0px; border: 0px solid red;}
legend {display: none;}
label {display: block;clear: both; font-size: 12px; margin: 5px 0px; color:  #444;}
input {line-height: 18; font-size: 12px; width: 500px; height: 15px; padding: 5px;}
textarea {width: 500px; height:  160px; padding:  5px;}
input, textarea { border-left: 1px #ddd solid ;border-top: 1px #ddd solid ; border-right: 2px #bbb solid ; border-bottom: 2px #bbb solid ;}
.powermail_submit {width: 120px; line-height:  24px; margin-top:  10px; float: right; margin-right: 0px; height: 30px;}
.enportada { margin: 0 10px 30px 4px;}
.enportada img { height:  100px; float: left; margin-right: 6px;} 
.enportada p {font-size: 12px; line-height: 18px; text-align: left;}
.enportada em, .enportada .instituto { display: block;}
.enportada .instituto { margin-top: 10px; }
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
#destacados2 {
	margin: 5px 20px; clear:  both; height: 125px;
}
#destacados2 img {
	float: left; height: 120px; margin-right: 20px;
}
#destacados2 p {
	font-size: 14px;
}
#destacados2 em, #destacados2 .instituto {
	display:  block;
}
.marco { background: transparent; border:1px solid #ddd; margin:  10px;}
.cuadroazul {
	background: #477592 ; margin: 10px; padding: 10px; color:  #eee;
}
.cuadroazul p { text-align: center; }
.cuadroazul p a { font-size: 1.2em; font-weight: bold; color:#eee ; }
ul.financiadoras { display:  block; clear:  both; width: 100%; border:  0px solid red; height: 140px; background: #BECED8; padding: 0 40px;}
ul.financiadoras li { display:  inline;float:  left; margin-left: 10px;}

/* videos en la pagina de divulgacion */
ul.all-videothumbs-2 { float: left; border: 1px solid #ddd; height: 320px; overflow: auto; padding: 0; margin-left: 0; margin-right: 0;width: 270px;}
ul.all-videothumbs-2 li { clear:  both; margin:  0; height: 80px; position: relative; border:  0;margin-right: 10px; }
.all-videothumbs-2  .videothumb { border:  0px solid gray; padding: 4px; margin: 4px 4px 4px 0; vertical-align: middle;float: left;}
.all-videothumbs-2 li p { padding-top: 10px; border 0px dashed red;  text-align: left; }