/* ------------------------------- RESET CSS ------------------------------------ */





html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}



body {

	line-height: 1;

	color: #333;

	background: white;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 100%;

}





html,body {

height:100%;

}





ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}



/* ------------------------------------ LAYOUT XERAL --------------------------------------- */



#envoltura{

height:100%;

text-align:center;

background:url(../img/fondoenvoltura.gif) repeat-x 0 -103px;

border: 1px solid transparent;

}



#container{

width:831px;

margin:0 auto;

text-align:left;

background: #FFFFFF;

min-height:100%;

height:100%;

}





/* Hack para IE 6 */



* html #container {

 height:100%;

}





/* --------------------------------------- CABECEIRA --------------------------------------- */



#header{

height:179px;

}



#idioma{

height:37px;

background:url(../img/fondoidiomas.gif) no-repeat right -70px;

}



#encabezadoidioma{

padding-top:14px;

}



#encabezadoidioma h2 {

float:left;

font-size:0.8em;

font-weight:bold;

color:#d3671c;

text-transform:uppercase;

}



#encabezadoidioma h2 a, #encabezadoidioma h2 a:visited{



font-weight:bold;

color:#048da1;

text-transform:uppercase;

text-decoration:none;

}



#encabezadoidioma h2 a:hover{

color:#d3671c;

}



#logo{

clear:both;

height:142px;

background: #d3671c url(../img/fondologo.gif) no-repeat top right;

}

#logo_en{

clear:both;

height:142px;

background: #d3671c url(../img/fondologo.gif) no-repeat top right;

}



#logo h1{

display:block;

width:672px;

height:112px;

text-indent:-10000px;

background:url(../img/logo.gif) no-repeat 0 22px;

}

#logo_en h1{

display:block;

width:672px;

height:112px;

text-indent:-10000px;

background:url(../img/logo_en.gif) no-repeat 0 22px;

}



#navmenu{

height:54px;

background:url(../img/fondonav.gif);

font-size:11px;

text-transform:uppercase;

color:#fff;

}



/* ----------------------------------- MENÚ PRINCIPAL ------------------------------------------------ */



#nav {

float:left;

width:800px; 

height:auto;

position:relative;

margin-left:5px;

font-weight:bold;

}



#nav .select, #nav .current {

margin:0;

padding:0;

list-style:none;

display:block;

}



#nav li {

display:inline;

margin:0; 

padding:0;

height:auto;

}



#nav .select a, #nav .current a {

display:block;

height:23px;

float:left;

background:#333;

padding:0 2px 0 2px; 

text-decoration:none;

line-height:23px;

white-space:nowrap; 

margin-top:8px;

margin-right:1px;

color:#fff;

width:auto;

text-align:center;



}



* html #nav .select a, * html #nav .current a {

width:1px;

}



#nav .select a b, #nav .current a b {

height:100%; 

display:block; 

background: #333; 

padding:0 7px 0 3px; 

color:#000;



}



#nav .select a:hover, #nav .select li:hover a {

background:#333 url(../img/flechamenu.gif) no-repeat 50% 0;

cursor:pointer;

color:#ccc;

}



#nav .select a:hover b, #nav .select li:hover a b {

color:#fff;

}



#nav .sub {display:none;}



/* for IE5.5 and IE6 only */

#nav table {

position:absolute; 

border-collapse:collapse; 

left:0; 

top:0; 

}



#nav .current a {

background:#333 url(../img/flechamenu.gif) no-repeat 50% 0;

color:#ccc

}



#nav .current a b {

}





#nav .sub li a:hover, #nav .select a:hover .sub li a:hover, #nav .select li:hover .sub li a:hover, #nav .sub_active a:hover {

background:#8e8787; 

color:#ccc;  

text-decoration:none;

font-weight:bold;

}



#nav .sub_active .current_sub a, #nav .sub_active a:hover {

background:#8e8787; 

color:#ccc; 

text-decoration:none;

font-weight:bold;

}





#nav .sub_active .current_sub a  {

background:#8e8787; 

color:#fff; 

text-decoration:none;

font-weight:bold;

}



#nav .select li a:hover .sub, #nav .select li:hover .sub {

display:block; 

position:absolute; 

width:800px; 

top:26px;

background:#8e8787 url(../img/fondomenu.gif) -5px 0;

border-top:5px solid #333;

padding:0; 

z-index:100;

}



#nav .sub, #nav .sub_active {

margin:0; 

padding:0; 

list-style:none;

}



#nav .sub_active {

display:block; 

position:absolute; 

width:800px; 

top:26px;

left:0;

background:#8e8787 url(../img/fondomenu.gif) -5px 0;

border-top:5px solid #333;

padding:0; 

z-index:10; 

color:#fff; 

}



* html #nav .sub_active, * html #nav .select a:hover .sub {

z-index:-1; 

margin-top:0; 

}





#nav .sub_active a {

height:30px; 

float:left; 

text-decoration:none; 

line-height:20px; 

white-space:nowrap; 

font-weight:normal;



}







#nav .sub_active a, 

#nav .select a:hover .sub li a, 

#nav .select li:hover .sub li a {

display:inline; 

background:#8e8787; 

padding:0 2px; 

margin:0; 

width:auto; 

white-space:nowrap; 

font-weight:bold; 

border:0; 

color:#fff; 

height:23px; 

line-height:23px;

}



/* -------------------- ÁREA DE CONTIDO ------------------------------------------------ */



#contido{

min-height:695px;

height:auto !important;

height:100%;

background:url(../img/fondocontido.gif) no-repeat 584px 0px;

margin-bottom:20px;

}



/* ------------------------------- CONTIDO DA COLUMNA ESQUERDA --------------------------*/



#esquerda{

float:left;

width:155px;

}



#logofortox{

text-align:center;

margin-top:43px;

}



#menuesquerda{

margin-top:20px;

padding-top:20px;

background:url(../img/separador_horz.gif) repeat-x 0 0;



}



#menuesquerda h3{

display:block;

width:84px;

height:15px;

font-size:0.9em;

font-weight:bold;

color:#048da1;

text-transform:uppercase;



}



#menuesquerda h4{

display:block;

width:50px;

margin:20px 0 0 10px;

color:#048da1;

font-size:0.7em;

font-weight:bold;

background:url(../img/fondo_inicio.gif) no-repeat 90% 50%;

}



#menuesquerda h4 a, #menuesquerda h4 a:visited{

color:#048da1;

text-decoration:none;

}



#menuesquerda h4 a:hover{

color:#999;

}



#menuesquerda ul{

margin-top:13px;

font-size:0.7em;

}



#menuesquerda li{

margin-bottom:12px;

}



#menuesquerda li a, #menuesquerda li a:visited{

display:block;

text-decoration:none;

color:#333;

font-weight:bold;

padding-left:10px;

}



#menuesquerda li a:hover{

background:url(../img/fondo_menuesq.gif) no-repeat 0 50%;

color:#d3671c;

padding-left:10px;

}



#menuesquerda li.activo{

background:url(../img/fondo_menuesq.gif) no-repeat 0 50%;

color:#d3671c;

padding-left:10px;

font-weight:bold;

}



#buscador{

margin-top:20px;

padding-top:20px;

background:url(../img/separador_horz.gif) repeat-x 0 0;



}



#buscador h3{

display:block;

width:84px;

height:15px;

font-size:0.9em;

font-weight:bold;

color:#048da1;

text-transform:uppercase;

}



#buscador form{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

padding-top:15px;

font-size:0.7em

}



.campotexto{

width:131px;

background-color:#f6f6f2;

border:1px solid #999;

}



.cse-branding-logo{

margin-top:15px;

}



.boton{

margin-top:15px;

margin-left:30px;

}



#banners{

margin-top:20px;

background:url(../img/separador_horz.gif) repeat-x 0 0;

margin-bottom:20px;

}



#banners img {

margin-top:20px;

border:1px solid #ccc;

}



.separador{

margin-top:20px;

height:5px;

background:url(../img/separador_horz.gif) repeat-x 0 50%;

}



.separador2{

clear:both;

margin-top:20px;

margin-bottom:20px;

height:5px;

background:url(../img/separador_horz.gif) repeat-x 0 50%;

}



.separador3{

clear:both;

}



.separador4{

clear:both;

margin:5px auto;

height:15px;

}



#principal{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

float:right;

width:486px;

padding:70px 100px 0 0px;

}



#contidocentral{

}







#contidocentral ul{

list-style:none;

padding-left:15px;

font-size:12px;

margin-bottom:20px;

}



#contidocentral li{

line-height:15px;

padding-left:20px;

margin-bottom:10px;

}



/* ---------------------------------------------- QUIENES SOMOS ----------------------------------------------------*/



/* ------------------------ Historia ------------------------------ */



#titular{

margin-bottom:20px;

padding-left:15px;

background: url(../img/fondotitular.gif) repeat-y 0 0;

}



#titular h3{

font-size:1em;

font-weight:bold;

color:#333;

margin-bottom:2px;

text-transform:uppercase;



}



#titular h4 {

font-size:1em;

color:#d3671c;

font-weight:bold;

text-transform:uppercase;

}



#contidocentral p{

clear:both;

margin-bottom:15px;

word-spacing: 0;

text-align: left;

letter-spacing: 0;

text-indent: 0px;

line-height: 22px;

font-size: 12px;

}



#firma{

float:right;

background:url(../img/fondofirma.jpg) no-repeat 0 0;

}



#firma p{

padding-top:5px;

padding-left:50px;

line-height:17px;

}



.azul{

color:#048da1;

}



.azul2{

color:#048da1;

font-weight:bold;

}



.laranxa{

color:#d3671c;

}



.negrita{

font-weight:bold;

}



/*---------------------- Grupo ----------------------------- */



#numerario h3{

font-size:0.8em;

font-weight:bold;

color:#333;

margin-bottom:20px;

}



#numerario p{

margin-bottom:10px;

}



#investigador {

clear:both;

}



#investigador h3{

font-size:0.8em;

font-weight:bold;

color:#333;

margin-bottom:20px;

}



#investigador p{

margin-bottom:10px;

}



.miembro {

float:left;

width:140px;

margin-bottom:10px;

margin-right:15px;



}







/* ----------------------- usc iuml --------------------------- */



.imaxedecontido {

float:left;

margin:5px 7px 7px 7px;

padding:5px;

background:#eee;

border:1px solid #ccc;

}





/* --------------------------------- NOTICIAS ----------------------------------------- */





#selectfecha {

margin:10px 0 20px 0;

}



#titularnoticias{

margin-bottom:20px;

padding-left:15px;

background: url(../img/fondotitular.gif) repeat-y 0 0;

}



.fecha {

float:left;

text-align:center;

display:block;

width:40px;

padding:1px;

background:#ccc;

border:1px solid #bbb;

margin-right:10px;

margin-bottom:20px;

}



h3.dia{

display:block;

width:100%;

font-size:20px;

font-weight:bold;

color:#fff;

}



h4.mesano{

display:block;

width:40px;

font-size:12px;

font-weight:bold;

color:#fff;

text-transform: capitalize;

}



.encabezado {

margin-left:55px;

min-height:35px;

}



.encabezado h3 {

color:#666;

font-size:0.8em;

font-weight:bold;

line-height:20px;

}



.encabezado h3 a, .encabezado h3 a:visited{

color:#666;

text-decoration:none;

}



.encabezado h3 a:hover{

color:#d3671c;

}



.fotonoticia {

clear:both;

text-align:left;

margin:5px 5px 10px 0;

}



.fotonoticia img{

padding:5px;

background:#eee;

border:1px solid #ccc;

}



.leer a, .leer a:visited{

font-weight:bold;

color:#d3671c;

text-decoration:none;

}



.leer a:hover{

color:#8e8787;

text-decoration:underline;

}



/* -------------------------------------------------- GALERIAS -------------------------------------- */



#galeria {

display:block;

min-height:100px;

}



.marco a, .marco a:visited {

float:left;

margin:5px;

padding:5px;

background:#eee;

border:1px solid #ccc;

}



.marco a:hover {

float:left;

margin:5px;

padding:5px;

background:#81c6d0;

border:1px solid #ccc;

}



.marco img{

width:75px;

height:56px;

}



/* ------------------------------------- EVENTOS --------------------------------------- */



#eventos p{

margin-bottom:7px;

}



.marcoeventos {

float:left;

margin:5px 5px 5px 0;

padding:5px;

background:#eee;

border:1px solid #ccc;

margin-right:10px;

margin-bottom:10px;

}



.evento{

clear:both;

margin-top:30px;

margin-bottom:30px;

}



.datosevento{

}





.datosevento h3{

font-size:0.8em;

font-weight:bold;

line-height:15px;

margin-bottom:7px;

padding-top:3px;



}



.datosevento h4{

font-size:0.7em;

font-weight:bold;

line-height:15px;

margin-bottom:7px;

padding-top:12px;

color:#d3671c;

}



/* ---------------------------------------------- LINEAS DE INVESTIGACION ------------------------------------- */



/* ---------------- Titulo y responsable ------------------------ */

#titres {

margin-top:40px;



}



#titres h3{

font-size:0.8em;

font-weight:bold;

line-height:15px;

margin-bottom:7px;

padding-top:3px;

padding-left:20px;

background:url(../img/titulo.gif) no-repeat 0 2px;



}



#titres p{

padding-left:20px;

background:url(../img/responsable.gif) no-repeat 0 0;



}



/* ---------------------- Tesis Doctorales ---------------------------- */



#tesis {

margin-top:40px;



}



#tesis h3{

font-size:0.8em;

font-weight:bold;

line-height:15px;

margin-bottom:7px;

padding-top:3px;

padding-left:20px;

background:url(../img/tesis.gif) no-repeat 0 5px;



}



#tesis p{

padding-left:20px;

background:url(../img/responsable.gif) no-repeat 0 0;



}



/* ------------------ Trabajos Publicados ---------------------------- */



#basic-accordian h3{

font-size:0.8em;

font-weight:bold;

line-height:20px;

margin-bottom:7px;

padding-top:3px;

}



#basic-accordian p{

margin:0 0 10px 0;}



/* ------------ Acordeon -----------------------*/



#basic-accordian{

margin-top:40px;

	padding:5px;

	width:476px;

	z-index:2;

}



.accordion_headings{

	padding:5px;

	background:#e9b38d;

	color:#FFFFFF;

	border:1px solid #FFF;

	cursor:pointer;

	font-weight:bold;

}



.accordion_headings:hover{

	background:#d3671c;

}



.accordion_child{

	padding:15px 0 0 0;

	background:#fff;

}



.header_highlight{

	background:#d3671c;

}



.tab_container *{

	float:left;

	text-align:center;

	width:56px;

}



/* ------------------ Otros trabajos ---------------------------- */









/* --------------------------------------------------------- FORMACION ------------------------------------------------------- */



.tab_container2 *{

	float:left;

	text-align:center;

	width:223px;

}



.accordion_child ul {

font-size:12px;}



.accordion_child li {

line-height:20px;

margin-bottom:10px;

padding-left:20px;

background:url(../img/formacion.gif) no-repeat 0 0;

}



/* ---------------------------------------------------- ENLACES -------------------------------------------------------------- */





#enlaces {

margin-top:20px;



}



#enlaces h3{

font-size:0.8em;

font-weight:bold;

line-height:15px;

margin-bottom:12px;

padding-top:3px;

}



#enlaces h4{

font-size:0.7em;

font-weight:bold;

line-height:15px;

margin-bottom:12px;

padding-top:3px;

}



#enlaces h4 a, #enlaces h4 a:visited{

display:block;

text-decoration:none;

font-weight:bold;

color:#048da1;

padding-left:20px;

background:url(../img/link.gif) no-repeat 0 0;

}



#enlaces h4 a:hover{

text-decoration:none;

font-weight:bold;

color:#d3671c;

}



/* ----------------------------------------------------- DOCUMENTOS DE INTERES -------------------------------------- */



#documentos {

margin-top:20px;



}



#documentos h3{

font-size:0.8em;

font-weight:bold;

line-height:15px;

margin-bottom:12px;

padding-top:3px;

}



#documentos h4{

font-size:0.7em;

font-weight:bold;

line-height:15px;

margin-bottom:12px;

padding-top:3px;

}



#documentos h4 a, #documentos h4 a:visited{

text-decoration:none;

font-weight:bold;

color:#048da1;

padding-left:20px;

background:url(../img/doc.gif) no-repeat 0 50%;

}



 #documentos h4 a:hover{

text-decoration:none;

font-weight:bold;

color:#d3671c;

}



/* -------------------------------------------------------- SERVICIOS ---------------------------------------------------- */



/* ------------------ Acerca -------------------------- */



#acerca h3, #faq h3, #medios h3{

clear:both;

font-size:0.8em;

font-weight:bold;

color:#333;

margin-bottom:15px;

}



#medios h4{

clear:both;

font-size:0.7em;

font-weight:bold;

color:#048da1;

margin-bottom:15px;

}


#analisis h4{

clear:both;


font-weight:bold;

color:#048da1;


}

#contidoservicios h3{

font-size:0.8em;

font-weight:bold;

line-height:15px;

margin-bottom:12px;

padding-top:3px;

}



#contidoservicios h4{

font-size:0.7em;

font-weight:bold;

line-height:15px;

margin-bottom:7px;

padding-top:3px;

color:#048da1;

}



ul#analisis li, ul#controles li, ul.instrumenta li, ul#laboratorio li, ul#usuarioservicio li, ul.bio li{

background:url(../img/analisis.gif) no-repeat 0 0;

}



 ul.instrumenta li a, ul.instrumenta li a:visited {

 text-decoration: underline;

 color:#333

 }

 

 ul.instrumenta li a:hover {

 text-decoration:underline;

 color:#d3671c

 }

 





/* ------------------ Medios -------------------------- */







/* ------------------ faq -------------------------- */



#faq h4{

clear:both;

font-size:0.7em;

font-weight:bold;

color:#048da1;

margin-bottom:15px;

}





/* ------------------------------------------------------------ CONTACTO ------------------------------------------------------ */

#formcontacto {

 margin-top:20px;

 }

 

 #formcontacto  h3{

 margin-bottom:20px;

 }

 

 #formcontacto h5{

 font-family:"Trebuchet MS";

 font-size:0.7em;

 margin-bottom:7px;

 

 }

 

.formulario {

	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;

	font-size:11px;

	color:#666;

	background-color:#f9f9f9;

	border:1px solid #ccc;

	margin-bottom:20px;

}



.formulario2 {

	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;

	font-size:11px;

	color:#666;

	background-color:#f9f9f9;

	border:1px solid #ccc;

	margin-bottom:10px;

	width:275px;

	

}



.boton2 {

	font: bold 120% "Trebuchet MS";

	color:white;

    background:#d3671c;

    border:0px;

    width:100px;

    height:25px;

	margin:0 0 20px 0;

	}





/* ------------------------------------------- MAPA WEB ---------------------------------------------------*/





#mapaweb3 {

margin-top:40px;

}



#mapaweb3 h3{

font-size:0.8em;

font-weight:bold;

color:#048da1;

margin-bottom:10px;

}



#mapaweb3 ul {

font-size:12px;}



#mapaweb3 li {

display:block;

line-height:20px;

margin-bottom:10px;

padding-left:20px;

background:url(../img/mapaweb.gif) no-repeat 0 0;

}



#mapaweb3 li a, #mapaweb3 li a:visited {

text-decoration:none;

color:#333;



}



#mapaweb3 li a:hover {

text-decoration:underline;

color:#048da1;



}



#quienes {

display:block;

height:140px;

width:200px;

float:left;

margin-bottom:25px;

}



#lineas {

display:block;

height:140px;

float:left;

margin-bottom:25px;



}





#servicios{

clear:both;

display:block;

height:125px;

float:left;

width:200px;

margin-bottom:25px;

}



#formacion{

float:left;

display:block;

height:125px;

margin-bottom:25px;

}





#noticias{

display:block;

height:125px;

clear:both;

float:left;

width:200px;

margin-bottom:25px;

}



#utilidades{

display:block;

height:125px;

float:left;

margin-bottom:25px;

}



#galeria2{

display:block;

height:125px;

float:left;

width:200px;

}



#contacto{

display:block;

height:125px;

float:left;

}







/* --------------------------------------------------------------- FOOTER ------------------------------------------------------- */



#footer{

clear:both;

position:relative;

height:155px;

margin-top:-155px;

background:#333 url(../img/fondofooter.gif) repeat-x;

text-align:center;



}



#contidofooter {

width:831px;

margin:0 auto;

}



#footeresq{

float:left;

text-align:left;

}



#footeresq ul{

font-size:0.7em;

font-weight:bold;

color:#FFFFFF;

text-transform:uppercase;

padding-top:25px;

word-spacing: 1px;



}



#footeresq li {

margin-bottom:5px

}







#footeresq li a, #footeresq li a:visited {

color:#fff;

text-decoration:none;

padding-left:10px;

}



#footeresq li a:hover {

color:#ccc;

background:url(../img/fondo_menu_footer2.gif) no-repeat 0 50%;

}



#footeresq li span#sinfondo a, #footeresq li span#sinfondo a:visited {

background:none}



#footeresq li span#sinfondo a:hover {

background:none}





#footerder{

float:right;

text-align:right;

color:#FFFFFF;

padding:0px 50px 0 0px;

margin-top:20px;

}



#footerder h4{

text-transform:uppercase;

font-weight: bold;

font-size:11px;

letter-spacing:0px;

line-height:15px;

padding:0

}



#footerder p{

display:block;

font-weight:bold;

font-size:0.7em;

letter-spacing:0px;

line-height:15px;

padding:0

}



#footerder h5{

display:block;

font-weight:bold;

font-size:0.7em;

letter-spacing:0px;

line-height:20px;

}



/* --------------------------------------------- AVISO LEGAL ---------------------------------------------------- */



#containeraviso {

text-align:center;

margin:0 auto;

padding:0;

width:400px;

background:url(../img/fondoaviso.gif) repeat-x 0 0;

}



#cabeceiraaviso {

}



#cabeceiraaviso h1{

font-size:1.1em;

font-weight:bold;

color:#fff;

margin-bottom:60px;

text-transform:uppercase;

margin-top:20px;

}



#contidoaviso {

text-align:left;

padding:7px;

}



#contidoaviso h3{

font-size:0.8em;

font-weight:bold;

color:#d3671c;

margin-bottom:10px;

text-transform:uppercase;

}



#contidoaviso p{

clear:both;

margin-bottom:20px;

word-spacing: 0;

text-align: left;

letter-spacing: 0;

text-indent: 0px;

line-height: 22px;

font-size: 12px;

}



#contidoaviso p a, #contidoaviso p a:visited {

text-decoration:none;

color:#333;

}



#contidoaviso p a:hover {

text-decoration:underline;

color:#048da1;

}

a.uni{
	color:#333;
	}

a.uni:hover{
	color:#d3671c;
	}