 /*CSS CIC. Centro de Instrumentación Científica 
   Cristina López- Grupo Trevenque
*/
 
/*header****************************/

.header h1.logo{width:440px; height:43px;float:left;margin-left:10}
.ugr{ width:210px; height:80px; float:left; margin-left:16px;background:url(../images/ugr_logo2.gif) no-repeat;}
.ugr a{ width:210px; height:80px; display:block;text-indent:-9000px}
.acceso a,.acceso a:hover{ width:167px; height:55px; color:#9DE7FF; padding-top:19px;text-transform:uppercase; text-decoration:none;text-align:center; font-weight:bold; font-size:1.2em;float:right ;background:url(../images/bot_acceso.png) no-repeat left top;}
.acceso a:hover{ color:#333333; background:url(../images/bot_acceso_o.png) no-repeat left top;}

.content_left a { color:#26A6DF; text-decoration:none}
.content_left a:hover { color:#26A6DF; text-decoration:underline}
.separa{ float:left; width:550px;padding:10px 0px; background:transparent url(../images/bg_bloqueRight.gif) repeat-x left center;}
.content_left .total{ width:751px; display:block; clear:both}
a.mas_info,a.volver { padding:2px 0 5px 23px; color:#333333; text-transform:uppercase; float:left; background:url(../images/topo_masinfo.gif) no-repeat left top; text-decoration:none}
	a.mas_info:hover,a.volver:hover { color:#2AB3EA; text-decoration:underline}
			a.volver {background:url(../images/topo_volver.gif) no-repeat left top; text-decoration:none}

.boton_negro{ float:left; height:22px; margin-right:10px;background:url(../images/bot_negro_r.png) no-repeat right top; text-decoration:none}
	.boton_negro a{float:left; height:14px; color:#FFFFFF; text-transform:uppercase;padding:6px 10px 2px 10px;background:url(../images/bot_negro_l.png) no-repeat left top; text-decoration:none; }
			.boton_negro a:hover{color:#FFFFFF; text-decoration:underline }
		.boton_negro a.imprimir{background:url(../images/bot_negro_imp.png) no-repeat left top; padding-left:28px}
		.boton_negro a.volver{background:url(../images/bot_negro_volver.png) no-repeat left top; padding-left:23px}


/* Contenidos bloque right
***************************************************/
.bloqueRight .banner{ float:left; padding:0 0 10px 10px}
.buscador{ width:169px;background:#666666; text-align:center; padding:10px;}
.buscador input.texto{ width:127px; height:21px; padding:4px 5px 0px 25px; background:#FFFFFF url(../images/lupa.gif) no-repeat; border:0}
.bloqueRight .buscador{ background-color:#666666}
input.buscar{ width:75px; float:right; margin-top:7px;padding:4px 15px;background:url(../images/bot_buscar.gif) no-repeat; border:0; text-transform:uppercase; color:#333333; font-size:10px; font-weight:bold}

/* Contenidos columna middle
***************************************************/
 .column_middle h3{ background-color:#666666; color:#FFFFFF; text-transform:uppercase; padding:8px 14px; font-size:1.2em}


/* Contenidos centro
***************************************************/
/*.bloque_texto{ float:left}*/
.bloque_texto{ margin-bottom:10px}
.bloque_texto img{ float:right; margin:0 0 10px 10px}

/* Personal*********************************/ 
h4.categoria{ display:block; clear:left; border-bottom:5px solid #CCCCCC; padding-bottom:5px; margin-bottom:10px;color:#666666; font-size:1.4em; font-weight:bold}
dl.personal{ width:255px; float:left; font-size:1.2em; background:url(../images/topo_cuadrado_azul.gif) no-repeat 0 4px; line-height:1.2em}

dl.personal dt{ margin-left:1.5em;}

/* Situación */
ul.column{ float:left; font-size:1.2em;margin:0px}

ul.column li{width:250px; float:left;background:url(../images/topo_cuadrado_azul.gif) no-repeat 0 4px; padding:0 10px 5px 10px }

/* Sedes*/
.sedes{ padding-bottom:10px; background:url("../images/bg_bloqueRight.gif") repeat-x scroll left bottom; margin-bottom:10px}
.sedes .bloque_texto img{ float:none; margin:0 0 10px 10px}

/* Ficha servcios y unidades*********************************/ 
dl.contenido, div.contenido_tecnico{ float:left;}

	dl.nofloat{ float:left; width:430px}
dl.titular{  display:block; width:90%;clear:both; margin-bottom:2px; color:#000000}
dl.contenido.titular dd { background:transparent}
.tipo,dl.contenido dt, dl.contenido_equipo dt, div.contenido_tecnico span.tit_tecnico,div.contenido_tecnico span.nombre_tecnico{width: 85px;float:left; color:#26A6DF; text-transform:uppercase; line-height:1.4em;}

.servicios {/* float:left*/}
.servicios .separa{ float:left;/* width:750px;*/}


/*capa tooltip*/

/*.content #unidades{ display:none }
.content:hover #unidades{ display:block; overflow:hidden;position:absolute;width:auto;  z-index:20; top:45px; right:190px;height:auto; padding:20px; background-color:#282828;}
#unidades li a{ height:10px; margin-bottom:5px; font-size:1.2em; color:#30C1F7; padding:5px 0; display:block; clear:both; overflow:hidden}

*/
/*
.column_middle li .unidades{ display:none}
.column_middle li:hover .unidades{ display:block; overflow:hidden;position:relative;width:525px; z-index:20; top:45px; left:-300px;height:auto; padding:20px; background-color:#282828;}
*/
/*
.unidades{ width:490px; padding:20px;position:absolute;background-color:#FFCA79; z-index:20; top:112px; margin-left:20px;border-top: 3px solid #FFBB54;}
*/

/*.two_column.servicios{ position:relative}*/
.servicios { position:relative; float:left;z-index:0;}
.servicios .column_middle{z-index:0;}


#unidades{width:430px; padding:20px 10px;position:absolute;background-color:#282828; z-index:20; top:20; margin-left:128px; min-height:250px}
#unidades ul{ float:left; }
#unidades li { display:block; clear:both; overflow:hidden}
#unidades li a{  float:left; clear:both;margin-bottom:5px; font-size:1.1em; color:#30C1F7; padding:3px 0 0 10px; background:url("../images/topo_li_second2.gif") no-repeat scroll 0 4px transparent; text-decoration:none}
#unidades li a:hover{ text-decoration:underline}




dl.contenido dd,  dl.contenido_equipo dd{   font-size:1.2em;margin-left:85px; /*padding-bottom:8px;*/ padding-left:15px; background:url(../images/topo_li_servicio.gif) no-repeat 2px 4px; line-height:1.4em}

dl.contenido dd ul dd{   font-size:1em;margin-left:0px; background:url(../images/topo_li_ser2.gif) no-repeat 2px 7px; }

.bloque_tecnico{ float:left; margin:0 10px 20px 0; width:200px}

dl.tecnico dt.nombre{ width: auto;margin-left:85px; padding-bottom:8px; color:#666666;padding-left:15px; background:url(../images/topo_li_servicio.gif) no-repeat 2px 2px}
	div.contenido_tecnico span.nombre_tecnico{ width: auto;padding-bottom:8px; color:#666666;padding-left:15px; background:url(../images/topo_li_servicio.gif) no-repeat 2px 2px}
dl.tecnico dd{  width:auto; display:block; clear:both;color:#666666; text-transform:none;margin-left:85px; padding-bottom:8px; padding-left:15px; background: transparent}
	span.dato{  width:auto; display:block; font-size:1.2em;clear:both;color:#666666; text-transform:none;padding-bottom:8px; padding-left:15px; background: transparent}
.imagen_ficha{ float:right; width:200px; text-align:center; margin:0 0 10px 20px}
.imagen_ficha img{ float:left; margin:0 0 10px 0; width:200px}
.imagen_ficha a{ float:left; padding-right:10px}


form.servicios .field_left,form.servicios .field_right{ width:339px; float:left; color:#FFFFFF;text-transform:uppercase; margin-right:0; background-color:#999999; padding-bottom:10px;}
form.servicios .field_right{ width:412px}
form.servicios .label{ font-weight:normal;display:block;clear:both;color:#FFFFFF; padding:9px 0px 5px 0px; background:#666666}
form.servicios .label span{ padding-right:20px;  margin-left:10px;font-size:1em;background:#666666 url(../images/flecha_blanca.gif) no-repeat right center}
/*form.servicios .field_left select,form.servicios .field_right select{ width:325px;margin:6px 0 0 10px; height:20px; padding:2px 10px; color:#333333;font-size:1.1em}*/
form.servicios .field_left select,form.servicios .field_right select{ width:325px;margin:6px 0 0 10px; height:20px; padding:2px 10px; color:#333333;font-size:1em}
form.servicios .field_right select{ width:397px;margin:6px 10px 0 0;}

/* Seleccionar servicio y unidad especial*/
form.especial { /*width:751px;*/ width:555px;float:left; margin:0}
form.especial .field{ /*width:751px;*/ width:555px; float:left; color:#FFFFFF;text-transform:uppercase; padding-bottom:3px;}
/*form.especial .label{ width:102px; float:left; font-weight:normal;display:block;clear:both;color:#FFFFFF; padding:5px 22px 5px 6px;background:#26A6DF url(../images/topo_blanco2.gif) no-repeat right center}*/
form.especial .label{ width:250px; float:left; font-weight:bold; font-size:11px;display:block;clear:both;color:#26A7E0; padding:5px 22px 5px 6px;background:transparent}
form.especial .field select{/* width:600px;*/ width:555px;height:22px; border:1px solid #CCCCCC; margin:0;padding:0px; color:#333333;font-size:1.1em}


form.servicios .field_unidad{width:751px;float:left; color:#FFFFFF;text-transform:uppercase; margin-right:0; background-color:#999999; padding-bottom:10px;}
form.servicios .field_unidad .label{ font-weight:normal;display:block;clear:both;color:#FFFFFF; padding:9px 0px 5px 0px; background:#666666; margin-bottom:5px}
form.servicios .field_unidad .label span{ padding-right:20px;  margin-left:10px;font-size:1em;background:#666666 url(../images/flecha_blanca.gif) no-repeat right center}
form.servicios .field_unidad select {  width:730px; margin-left:10px}



/* FORMULARIOS*********************************/ 
.content_left form{ margin:0 0 20px 0; clear:both}
.content_left .field{ width:312px; float:left; padding-bottom:15px; margin-right:10px}
.content_left form label{ font-size:1.2em; font-weight:normal;display:block;clear:both;color:#333333; padding-bottom:2px}
.content_left form input, .content_left form select { width:302px;border:1px solid #CCCCCC; height:18px; padding:1px 5px}
.content_left form input.radio{ width:10px;border:0; height:18px; padding:1px 5px}
.content_left form  span{ font-size:1.2em; margin-top:-3px;}
.content_left form  span.select-box{ float:left; height:25px}
/*form.servicios .field_right span.select-boxselect{ height:40px}*/

form.servicios .field_right span.select-box{ height:25px}
.content_left .largo{ width:624px; display:block; clear:both}
.content_left textarea{ width:624px; margin:0px 10px 10px 0px; clear:none;border:1px solid #CCCCCC; padding:1px 5px}

.content_left form input.boton{width:auto; float:right; margin:0;clear:both; color:#FFFFFF; text-transform:uppercase; padding-left:20px;background:#2AB3EA url(../images/topo_blanco.gif) no-repeat 10px 5px; border:0px }


.content_left div.bloque_texto div.filed{ font-size:0.2em}

/* NOTICIAS  */
/*column right****************/

.bloqueRight .noticia .date{display:block;clear:both;color:#00CCFF;font-size:1.1em;}
.bloqueRight .noticia{padding:12px 0 0 16px}
.bloqueRight .noticia h3 { padding-bottom:0px}
	.bloqueRight .noticia h3 a{display:block;clear:both;color:#99CC00;font-size:0.7em;line-height:1.4em;font-weight:bold;text-decoration:none}
		.bloqueRight .noticia h3 a:hover{ text-decoration:underline}




/*noticias listado ***************/

.content_left .noticia{ padding:12px 0 8px 0; display:block; clear:both; overflow:hidden; background:transparent url(../images/bg_bloqueRight.gif) repeat-x left bottom}
.content_left .listado{width:751px;}
.content_left .noticia img{ float:right; margin:0 0 10px 10px}
.content_left .noticia .date{color:#00CCFF;font-size:1.1em}
.content_left .noticia h3 { padding:7px 0 10px 0; font-size:1.4em;color:#26A7E0; font-weight:bold}
.content_left  p.entradilla { color:#000}


/*noticias listado ***************/
.news-single-item h3{  font-size: 14px; color:#666; padding-bottom:30px;}

.news-single-item .contenido_noticia{ width:738px; border-bottom:1px solid #ccc; margin-bottom:15px;}



/*TABLAS
********************************************************/
.content_left table{  clear:both; overflow:hidden; }
CAPTION{ display:none}
th{ background:#CBCBCB; color:#333333; text-transform:uppercase; font-size:1.1em; font-weight:bold; padding:8px 0px 8px 10px} 
td{ border-bottom:1px solid #E1E1E1;border-top:1px solid #FFFFFF; font-size:1.2em; line-height:1.2em;padding:15px 10px 15px 10px; background-color:#F3F3F3}
tr.centrado td{ padding-left:20px}
tr td.destacado{color: #FF9900;padding:15px 0px 15px 10px;}
	tr.fin td.destacado{color: #FF9900;padding:15px 0px 15px 10px;}
tr.fin td{ padding:7px 0 7px 10px;background:transparent url(../images/bg_bloqueRight.gif) repeat-x left bottom; border:0}
	tr.borde_top td{ border-top:3px solid #666666}
tr.titular td{ padding:7px 0 7px 10px; color:#FFFFFF; background:#4EB6E5; border:0}
	
/*tabla Tarifas*/
.content_left table.tarifas{clear:none;}

table.tarifas th{ background:#FFFFFF; color:#26A6DF; border-bottom:4px solid #BFBFBF; border-right:1px solid #BFBFBF; text-transform:uppercase; font-size:1.1em; font-weight:bold; padding:3px 0px 8px 10px} 



/* TABLAS ESPECIALES

.tabla_especial table{ font-size:0.9em} */