/* CNIO: Centro Nacional de Investigaciones Oncologicas CSS 2007 (v.240907) */

/*Elementos Generales 
---------------------------------*/
body{
	margin:0;
	padding:0;
	font: small Verdana, Arial, Helvetica, sans-serif;
	background:#EFEFEF;
	color:#333;
	}

div#tapiz{
	width:745px;
	margin:0;
	background:#fff;
}

h1{	/* epigrafe principal*/
	float:left;
	width:140px;
	margin: 0;
	padding:0;
	text-indent: -9999px;
	font-size: large;
	}

h4,h5,h6{
	font-size:small;
	}

h6{margin-top: 1.5em; margin-bottom: 1.5em;}

abbr, acronym {cursor: help;}

img{border:0}

.mini{font-size:0.8em;}

.bloque{display:block}

.centrar{text-align:center;}

.middle{vertical-align:middle}

.dcha{text-align:right;}

.izq{text-align:left;}

.neg{font-weight:bold}

.normal{font-weight:normal}

.gris{color:#CCC;}

.cur{font-style:italic}

.ind01{text-indent:10px}

.ind02{text-indent:20px}

.interlineado{margin:0; padding-bottom:4px;}

.linea01{border-bottom:1px solid #ccc; margin-top:1em;}
	
.separar{margin-top:2em;}

.separarBot0{margin-bottom:0;}

.separarBot05{margin-bottom:.5em;}

.separarBot{margin-bottom:1.5em;}

.separarLeft{margin-left:.5em;}

.separarLeft2{margin-left:2em;}

.separarTop0{margin-top:0;}

.separarTop{margin-top:1em;}

.separarTop2{margin-top:2em;}

.separarTop3{margin-top:3em;}

.separarTop4{margin-top:4em;}

.separarTopBot{margin-top:1em;margin-bottom:1em;}

.rellenoTop05{padding-top:0.5em;}

.minuscula{text-transform:lowercase;}

.ocultar {display:none;}

.ocultar2 {visibility:hidden;}

.ocultarAccesible {
	position:absolute;
	left:-9999px;
	overflow:hidden;
}

.flotarDcha{float:right;}

.flotarIzq{float:left;margin:5px 5px 5px 0;}

.marco{border:1px solid #ccc;}

.flotarDchaMarco{
	float:right;
	padding:1px;
	margin:.1em;
	border:1px solid #ccc;
	}

.flotarDchaMarcoNo{
	float:right;
	padding:1px;
	margin:2px;
	}
	
.fondoColor{
	background:#f5f5f5;
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	padding:4px;
	}

.destacar{color:#36c;}

.destacar2{color:#F00;}

.destacar02{
	padding:0.8em;
	background:#f5f5f5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
	
.destacar03{
	padding:.1em .5em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#fff;
	font-size:.9em;	
	background:#ccc;
}

hr.separador{
	height:1px;
	margin-top:20px;
	border-bottom:none;
	border-top:1px solid #E87C00;
	}

.espacio{white-space:nowrap;}

.clear{clear:both;}

.clearleft{clear:left;}

.clearright{clear:right;}

label#recibirinformacionLabel{
	display:block;
	overflow:hidden; 
	width:0; 
	height:0;
	}

#contenido .minuscula{text-transform:lowercase;}
	
a{color:#333;}

a:hover{color:#F90;}

.justificar{
	text-align: justify;
}
	
/*Cabecera 
---------------------------------*/

div#cabecera_es{
	height:93px;
	background:transparent url(/img/cabecera2-es.gif) left top no-repeat;
	}

div#cabecera_en{
	height:93px;
	background:transparent url(/img/cabecera2-en.gif) left top no-repeat;
	}

div#cabecera_en h1 a, div#cabecera_es h1 a{
	display:block;
	text-decoration: none;
	width: 150px;
	height: 55px;
	}


/*Cabecera: Accesos directos 
---------------------------------*/

#cabAccesosDir {
	margin-left:355px;
}

#cabAccesosDir li {
	float: left;
	list-style: none;
	background:transparent url(/img/puntitos.gif) 14px 0 no-repeat;
	margin: 0;
	padding: 0 1px;
	font-size:9px;
}

#cabAccesosDir ul { 
	margin:0;
	padding:0;
	width:385px;
	height:15px;
 }
	
div#cabIdioma_es, div#cabIdioma_en{
	margin-top:-3px;
}	

div#cabAccesosDir li a{
	font-size:9px;
	padding-right:2px;
	margin-left:17px;
	color:#fff;
	text-decoration:none;
	}

div#cabAccesosDir li a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
div#cabIdioma_es a, div#cabIdioma_en a{
	display:block;
	height:12px;
	width:130px;
	font-size:9px;
	padding-left:22px;
	margin-left:8px;
	color:#fff;
	text-decoration:none;
	background:transparent url(/img/idioma-en.gif) left top no-repeat;
}

div#cabIdioma_en a{
	background:transparent url(/img/idioma-es.gif) left top no-repeat;
}

div#cabIdioma_es a:hover, div#cabIdioma_en a:hover{
	text-decoration:underline;
}
	
	
/*Cabecera: Buscar 
---------------------------------*/

div#cabBuscar{
	margin:25px 0 0 530px;
}

form#formBuscar{
	padding:0; 
	margin:0;
	width:200px;
	}
	
#txtBuscar {
	width: 90px;
}

#txtBuscar, #cmdBuscar {
	float:none;
	vertical-align: bottom;
}

#cmdBuscar{
	margin:0 10px 1px 0;
	padding:0;
	width:auto;
	border:none;
	background:transparent;
}

#lblBuscar{
	float:none;
	display:inline;
	}

input#txtBuscar{
	padding:2px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #630;
	}

label#lblBuscar{
	margin:0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	}
	
div#titBuscarAv{
	margin:0 0 0 55px;
	font-size:10px;
}

a#titBuscarAvLnk{
	color:#fff;
	text-decoration:none;
}

a#titBuscarAvLnk:hover{
	text-decoration:underline;
}
	
	
/*Contenido
---------------------------------*/

div#contenido{
	margin:0 10px;
	line-height:1.5em;
	width:97%;
	height:400px;
}

html>body div#contenido {
	min-height: 400px;
	height: auto;
}

div#contenidoPie{
	clear:both;
	}

div#contPrincipal{
	width:74%;
	overflow:hidden;
}

div#contLateral{
	float:right;
	width:25%;
	clear:right;
	overflow:hidden;
}

div#migas{
	font-size:x-small;
}

h2#h2oculto, h2.h2oculto{display:none}/*agrupa epigrafe02 si es que existe*/

.epigrafe02{ /*epigrafe02 (subseccion)*/
	margin:20px 1px 0 0;
	padding:4px 0;
	border-top:1px solid #FFD966;
	border-bottom:1px solid #FFD966;
	background:#fff url(/img/fondoh3.gif) top right no-repeat;
	color:#F90;
	letter-spacing:1px;
	line-height:1.2em;
	font-size:small;
	text-transform:uppercase;
	}

div#imgH3{
	padding:4px;
	background:#fff;
	border:1px solid #FFD966;
	float:right;
	}

.epigrafe03{/*epigrafe03 (subsubsección)*/
	color:#F90;
	border-bottom:1px dotted #F90;
	font-size:small;
}

.mapa {
	color:#000;
	font-size:1em;
	border-bottom:none;
}

div#contenido  div#director{
	padding:2px;
	margin-top:-15px;
	border:1px solid #FFD966;
	background:#fff;
	float:right;
	}	
	
.jefe a, .secretaria a {
	text-decoration: none;
	font-weight: bold;
}

.jefe a:hover, .secretaria a:hover {
	text-decoration: underline;
}
	
div#contenido ol.romano{
	list-style-type:upper-roman;
	}
	
div#contenido ul li {
	line-height:1.6em;
	list-style-image:url(/img/bullet02.gif);
	} 

div#contenido ul ul li {
	line-height:1.6em;
	list-style-image:url(/img/bullet03.gif);
	} 

div#contenido ul ul ul li {
	line-height:1.6em;
	list-style-image:url(/img/bullet04.gif);
	} 
	
div#contenido ul ul ul ul li {
	line-height:1.6em;
	list-style-image:url(/img/bullet05.gif);
	} 	
	
div#contenido ol li {
	line-height:1.6em;
	} 
	
div#contenido ul.rss li {
	list-style-image:none;
	list-style:none;
	margin-top:.2em;
	}

div#contenido ul li img{
	padding-left:.5em;
} 

div#contenido .lstForm, div#contenido .lstPdf, div#contenido .lstWord, div#contenido .lstWeb, div#contenido .lstSound{
	list-style-image:none;
	list-style-type:none;
	padding:6px 0 6px 40px;
}

div#contenido .idiomaDe{
	list-style-image:none;
	list-style-type:none;
	padding:0 0 0 25px;
}

div#contenido .lstPdf2, div#contenido .lstPdf3, div#contenido .lstPelicula, div#contenido .lstWeb2, div#contenido .lstYoutube{
	list-style-image:none;
	list-style-type:none;
	padding:10px 0 10px 40px;
}

div#contenido .lstPelicula{
	background:transparent url(/img/icon-video.png) 0 .5em no-repeat;
}

div#contenido .lstPdf2{
	background:transparent url(/img/icon-pdf.png) 0 .4em no-repeat;
}

div#contenido .lstPdf3{
	background:transparent url(/img/pdf.png) 0 .4em no-repeat;
}

div#contenido .idiomaDe{
	background:transparent url(/img/idioma-de.png) 0 .5em no-repeat;
}

div#contenido .lstForm{
	background:transparent url(/img/formulario.gif) left top no-repeat;
}

div#contenido .lstPdf{
	background:transparent url(/img/pdf.gif) 2px 4px no-repeat;
}

div#contenido .lstWord{
	background:transparent url(/img/word.gif) left center no-repeat;
}

div#contenido .pdf{
	background:transparent url(/img/pdf.gif) left center no-repeat;
	line-height:32px;
	padding-left:35px;
}

div#contenido .word{
	background:transparent url(/img/word.gif) left center no-repeat;
	padding-left:30px;
}

.iconYoutube{
	background:transparent url(/img/logo-youtube.gif) left center no-repeat;
	padding-left:60px;
}

div#contenido .lstYoutube{
	background:transparent url(/img/logo-youtube.png) left center no-repeat;
}

div#contenido .lstWeb{
	background:transparent url(/img/web.gif) 1px 6px no-repeat;
}

div#contenido .lstWeb2{
	background:transparent url(/img/icon-web.png) 0 .4em no-repeat;
}

div#contenido .lstSound{
	background:transparent url(/img/icon-sound.png) 1px 6px no-repeat;
}


.figura{
	line-height:1.3em;
	font-size:11px;
	color:#EF9D00;
	}
	
.audioTitle{
	position:relative;
	top:-4px;
}

.iconMail{
	padding-left:20px;
	background:transparent url(/img/icon-mail.png) 0 .4em no-repeat;
}

.iconFax{
	padding-left:20px;
	background:transparent url(/img/icon-fax.png) 0 .4em no-repeat;
}

.iconPhone{
	padding-left:20px;
	background:transparent url(/img/icon-phone.png) 0 .4em no-repeat;
}

.iconWeb2{
	padding-left:20px;
	background:transparent url(/img/icon-web2.png) 0 .4em no-repeat;
}

.iconPdf2{
	padding-left:20px;
	background:transparent url(/img/icon-pdf2.png) 0 .4em no-repeat;
}

/*Contenido: submenu
---------------------------------*/

div#contenido ul#subMenu{
	background:#fff;
	padding:0;
	margin:10px 0 20px 0;
	border-left:1px dotted #F90;
}

div#contenido ul#subMenu ul{
	margin:0;
	padding-left:1em;
}

div#contenido ul#subMenu li{
	margin:1px;
	line-height:1.2em;
	list-style-image:none;
	list-style-type:none;
	}
	
div#contenido ul#subMenu li#subMenuOn, span.subMenuOnSpan{
	margin:1px;
	padding:4px 4px;
	font-size:small;
	font-weight:bold;
	color:#F90;
	background:#ffe4af url(/img/fondo-submenu.gif);
	border-bottom:1px solid #f5f5f5;
	width:98%;
	}
	
span.subMenuOnSpan{
	display:block;
	}
	
div#contenido #subMenu li a{
	display:block;
	padding:4px 6px;
	font-size:small;
	color:#333;
	text-decoration:none;
	background:#fff;
	border-bottom:1px solid #f5f5f5;
	width:96%;
	}

div#contenido #subMenu li a:hover {
	padding:4px 6px;
	background:#ffe4af url(/img/fondo-submenu.gif);
	color:#F90;
}

/*Contenido - Acerca del CNIO: submenu
---------------------------------*/

body#bienvenida li#menuBienvenida a, body#antecedentes li#menuAntecedentes a, body#hitos li#menuHitos a, 
body#edificio li#menuEdificio a, body#organizacion li#menuOrganizacion a{
	padding:4px 6px;
	cursor:default;
	font-weight:bold;
	color:#F90;
	background:#ffe4af url(/img/fondo-submenu.gif);
	}
	
/*Contenido - cancer familiar: submenu
---------------------------------*/

body#presentacion li#menuPresentacion a, body#consulta li#menuConsulta a, body#cancer li#menuCancer a, 
body#sindrome01 li#menuSindrome01 a, body#sindrome02 li#menuSindrome02 a, body#sindrome03 li#menuSindrome03 a,
body#sindrome04 li#menuSindrome04 a{
	padding:4px 6px;
	cursor:default;
	font-weight:bold;
	color:#F90;
	background:#ffe4af url(/img/fondo-submenu.gif);
	}	

/*Contenido - programas docentes: submenu
---------------------------------*/

body#presentacion li#menuPresentacion a, body#doctorado li#menuDoctorado a, body#postdoctorado li#menuPostdoctorado a, 
body#postresidencia li#menuPostresidencia a, body#patologia li#menuPatologia a, body#familiar li#menuFamiliar a,
body#practicas li#menuPracticas a, body#master li#menuMaster a, body#cursos li#menuCursos a{
	padding:4px 6px;
	cursor:default;
	font-weight:bold;
	color:#F90;
	background:#ffe4af url(/img/fondo-submenu.gif);
	}
	
	
/*Contenido - Oportunidades de Colaboración: submenu
---------------------------------*/

body#introduccion li#menuIntroduccion a, body#comocolaborar li#menuComoColaborar a, body#particulares li#menuParticulares a, 
body#asociaciones li#menuAsociaciones a, body#cajamadrid li#menuCajaMadrid a, body#patrocinadores li#menuPatrocinadores a,
body#otrospatrocinadores li#menuOtrosPatrocinadores a, body#instituciones li#menuInstituciones a{
	padding:4px 6px;
	cursor:default;
	font-weight:bold;
	color:#F90;
	background:#ffe4af url(/img/fondo-submenu.gif);
	}


/*Contenido - empleo: submenu
---------------------------------*/

body#informacion li#menuInformacion a, body#solicitud li#menuSolicitud a, body#jefe li#menuJefe a, 
body#investigador li#menuInvestigador a, body#ayudante li#menuAyudante a, body#tecnico li#menuTecnico a,
body#administracion li#menuAdministracion a, body#beca li#menuBeca a{
	padding:4px 6px;
	cursor:default;
	font-weight:bold;
	color:#F90;
	background:#ffe4af url(/img/fondo-submenu.gif);
	}


/*Contenido: como colaborar, memoria, sr
---------------------------------*/

div.caja{
	padding:0 0 8px 0;
	margin: 0 auto 10px auto;
	width:160px;
	background:#F5F5F5 url(/img/caja/bottom.gif) bottom left no-repeat;
}

div.cajaCont{
	padding:22px 20px 15px 20px;
	background:#F5F5F5 url(/img/caja/top.gif) no-repeat;
	text-align:center;
	}
	
div.cajaCont img {
	border:1px solid #fff;
	}

div.cajaCont div.centrar img{
	margin:10px 0;
}

#introduccion div.cajaCont, #comocolaborar div.cajaCont, #particulares div.cajaCont, #asociaciones div.cajaCont,
#cajamadrid div.cajaCont, #patrocinadores div.cajaCont, #otrospatrocinadores div.cajaCont{
	padding:10px 5px 5px 5px;
}


/*Contenido: concursos
---------------------------------*/

div#contenido ul#concursos li{
	list-style-image:none;
	list-style-type:none;
	padding-left:40px;
	background:#fff url(/img/bullet03.gif) no-repeat;
}


/*Contenido: accesibilidad
---------------------------------*/

.enlinea{
	float: left;
	margin-top: 1em;
	margin-bottom: 2em;
	width: 33%;
	text-align:center;
	}

dl.formaTeclado dt{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	display:inline;
	padding:.1em;
	background:#f5f5f5;
}

dl.formaTeclado dd{
	padding-top:.2em;
	padding-bottom:.8em;
}


/*Contenido: eventos, cursos
---------------------------------*/

.eventoHis{
	color:#333;
	margin:20px 0 0 0;
	padding-left:3px;
	background:transparent url(/img/linea-off.gif) left bottom no-repeat;
	}

.evento{
	color:#D35511;
	margin:10px 0 0 0;
	border-bottom:none;
	padding-left:3px;
	background:transparent url(/img/linea-on.gif) left bottom no-repeat;
	clear:left;
}

div.fechas{
	color:#D35511;
	padding-left:3px;
}

div.fechasHis{
	color:#333;
	padding-left:3px;
}

dl.cursos{
	margin:0 0 30px 3px;
}

dl.cursos dt{
	float:left;	
	width:140px;
	padding-top:5px;
	clear:left;
	font-weight:bold;
}

dl.cursos dd{
	margin-left:150px;
	padding-top:5px;
}

ul.reducirTop{
	margin-top:5px;
}


/*Contenido, cantactar, eventos (listhotels), seccion enlaces
---------------------------------*/

dl.hotels{
	margin:0 0 0 2em;
}

dl.contactar {
	margin:2em 0em 2em 2em;
}

dl.contactar dt, dl.hotels dt{
	width:15em;
	float:left;	
	background:#ffe4af url(/img/fondo-submenu.gif);
	margin-top:2em;
	padding:.3em;
	clear:left;
}

dl.contactar dd, dl.hotels dd{
	margin:0 0 0 15.6em;
	padding-left:.5em;
	border-left:1px solid #ffe4af;
}

dl.contactar dt.dtPrimero, dl.hotels dt.dtPrimero{
	margin-top:0;
}

dl.contactar dd.ddSeparador, dl.hotels dd.ddSeparador{
	margin-top:2em;
}

dl.enlaces {
	width:530px;
}

dl.enlaces dt{
	color:#000;
	width:21em;
	float:left;
}

dl.enlaces dd{
	margin:0 0 2em 21em;
	text-align:right;
}

dl.enlaces span.urlEnlaces, .noticiasConFuente span{
	display:block;
	color:#999;
	text-decoration:none;
	font-size:0.9em;
	}
	
	
/*contenido: patronato, cca
---------------------------------*/

dl.dlPatronato dt{
	font-weight:bold;
	margin-top:1.5em;
	margin-left:20px;
	padding:.1em .4em;
	background:#ffe4af url(/img/fondo-submenu.gif);
	}
	
dl.dlPatronato dd{
	margin-left:20px;
	padding:.1em .4em;
}


/*contenido: paginacion
---------------------------------*/

div.paginacion {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #D3662B;
	font-weight: bold;
	font-size: small;
}

div.paginacion a {
	color: #D3662B;
	font-weight: normal;
	font-size:small;
}

div.paginacion a:hover {
	color:#F90;
	font-weight: normal;
	font-size: small;
}


/*contenido: registro
---------------------------------*/

#acceso{
	clear:both;
	text-align:right;
	color:#CCC;
	}

.izq #acceso{
	text-align:right;
}
	
#loginusuario{
	margin-right: .6em;
	padding-right: .6em;
	border-right: 1px solid #ccc;
	color:#c00;
}

#notificarOk #loginusuario{
	margin-right: 0;
	padding-right: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	border-right: none;
}

.politicaprivacidad{
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #ccc;

}

input#recibirinformacion{
	vertical-align:middle;
}

/*contenido: form
---------------------------------*/

div#contenido ul li.form{
	list-style-image:none;
	background:none;
}

a.form{
	padding:10px 0 10px 41px;
	line-height:60px;
	text-decoration:none;
	background:transparent url(/img/formulario4.gif) no-repeat center left;
	}

a.form:hover{
	background-image:url(/img/formulario4-on.gif)
	}


a.form span{
	padding:.2em .4em;
	background:#f5f5f5;
	border-bottom:1px dotted #666;
	line-height:1em;
}

a.form:hover span{
	color:#E87C00;
	border-bottom:1px solid #E87C00;
}

/*Pie
---------------------------------*/

div#pie{
	padding:4px;
	margin:20px 0 0 0;
	text-align:center;
	font-size:xx-small;
	border-bottom:1px solid #BF6700;
	background:#E87C00;
	color:#fff;
	clear:both;
	}

div#pie ul{
	margin:0;
	padding:0;
	height:1.2em;
}

div#pie li{
	padding:0 0.8em;
	display:inline;
	background:transparent url(/img/pie-separador.gif) top right no-repeat;
	}

div#pie li.rss{
	background:none
}

div#pie li.rss span{
	margin-left: 4px;	
}

div#pie li.rss img{
	position:relative;
	top:-2px;
	vertical-align:middle;
	}

div#pie a{
	color:#fff;
	text-decoration:none;
	}

div#pie a:hover{
	text-decoration:underline;
	}
	
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */