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

/*Banner 
----------------------------------*/

div#bannerContainer{
	margin: 0 2px 5px 2px;
	width: 740px;
	position: relative;
}

/*Fotos 
----------------------------------*/

div#fotos{
	margin: 0;
	padding: 0;
	float: left;
	height: 142px;
	width: 490px;
}

div#fotos img{
	visibility: hidden;
}

/*Noticias CNIO 
----------------------------------*/

#noticiasCnioContenedor{
	margin: 0;
	padding: 0;
	width: 247px;
	float: right;
	position: relative;
}

#subir, #bajar{
	width: 12px;
	height: 15px;
	position: absolute;
	top: 0px;
	cursor: pointer;
}

#subir{
	right: 18px;
	background: transparent url(/img/scroll-subir.gif) 0 0 no-repeat;
}

#bajar{
	right: 5px;
	background: transparent url(/img/scroll-bajar.gif) 0 0 no-repeat;
}

h2#noticiasCnio_es, h2#noticiasCnio_en{
	margin: 0;
	padding: 0;
	height: 18px;
	font-size: .5em;
	text-indent: -9999px;
	background:#E87C00;
}

h2#noticiasCnio_es a, h2#noticiasCnio_en a{
	margin: 0;
	padding: 0;
	display: block;
	height: 18px;
	text-decoration: none;
	}

h2#noticiasCnio_es a{
	background: transparent url(/img/publicacion-tit-es.gif) top left no-repeat;
}
	
h2#noticiasCnio_en a{
	background: transparent url(/img/publicacion-tit-en.gif) top left no-repeat;
}

#homeEs #noticiasCnioContenido, #homeEn #noticiasCnioContenido{
	position:relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#homeEs #noticiasCnioContenido, #homeEn #noticiasCnioContenido{
	height:460px;/*height:370px;553px*/
}

.mas_es, .mas_en{
	margin: 2px 0 0 0;
	padding: 0;
	height: 10px;
	font-size: .5em;
	text-indent: -9999px;
}

#noticiasCnioContenido li.mas_es a, #noticiasCnioContenido li.mas_en a{
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
	height: 10px;
	width:246px;
	text-decoration: none;
	}

ul#publicaciones_es li.mas_es a{
	background: transparent url(/img/mas-publicaciones-es.gif) top left no-repeat;
}

ul#publicaciones_en li.mas_en a{
	background: transparent url(/img/mas-publicaciones-en.gif) top left no-repeat;
}

ul#publicaciones_es li.mas_es a:hover{
	background: transparent url(/img/mas-publicaciones-es.gif) top left no-repeat;
}

ul#publicaciones_en li.mas_en a:hover{
	background: transparent url(/img/mas-publicaciones-en.gif) top left no-repeat;
}

ul#noticias_es li.mas_es a{
	background: transparent url(/img/mas-noticias-es.gif) top left no-repeat;
}

ul#noticias_en li.mas_en a{
	background: transparent url(/img/mas-noticias-en.gif) top left no-repeat;
}
 
ul#noticias_es li.mas_es a:hover{
	background: transparent url(/img/mas-noticias-es.gif) top left no-repeat;
}

ul#noticias_en li.mas_en a:hover{
	background: transparent url(/img/mas-noticias-en.gif) top left no-repeat;
}

ul#publicaciones_es li.mas_es a:hover, ul#publicaciones_es li.mas_en a:hover, ul#noticias_es li.mas_es a:hover, ul#noticias_en li.mas_en a:hover{
	background-position: 0 -10px;
}

ul#publicaciones_es li.mas_es, ul#publicaciones_en li.mas_en, ul#noticias_es li.mas_es, ul#noticias_en li.mas_en {
	background-image: none;
}
	
#noticiasCnioContenedor em{
	color: #36c;
}

#noticiasCnioContenedor em.normal{
	color: #E87C00;
}

/*Publicaciones, otras noticias
----------------------------------*/

ul#publicaciones_es, ul#noticias_es, ul#publicaciones_en, ul#noticias_en{
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	background-repeat:no-repeat;
	background-position: 0 10px;
}

ul#noticias_es, ul#noticias_en{
	padding-top: 35px;
	margin-top: 5px;
}

ul#noticias_es{
	background-image:url(/img/noticias-cnio-tit-es.gif);
} 

ul#noticias_en{
	background-image:url(/img/noticias-cnio-tit-en.gif);
} 

#noticiasCnioContenido li{
	margin: 0;
	padding: 0;
	height: auto !important;
	height: 1%;
}

ul#publicaciones_es li, ul#publicaciones_en li{
	background: #fff url(/img/bullet-publicacion.gif) 2px 5px no-repeat;
}

ul#noticias_es li, ul#noticias_en li{
	background: #fff url(/img/bullet-noticia.gif) 0 3px no-repeat;
}

#noticiasCnioContenido li a{
	margin-left: 18px;
	padding: 2px 3px;
	display: block;
	width: 225px;
	font-size: 10px;
	color: #E87C00;
	text-decoration: none;
}

ul#publicaciones_es li a:hover, ul#publicaciones_en li a:hover{
	color: #c60;
	background: #ffe4af url(/img/fondo-submenu.gif);
}

ul#noticias_es li a:hover, ul#noticias_en li a:hover{
	color: #c60;
	background: #ffe4af url(/img/fondo-submenu.gif);
}
	
/* Menus desplegables 
----------------------------------*/

div#menuContainer {
	width: 490px;
	margin: 5px 0 20px 0;
	padding: 0;
	background: #FFDA88 url(/img/menus-fondo.gif) no-repeat;
	float: left;
	position: relative;
	z-index: 10;
	}

div#menuContainer ul{
	padding: 0;
	margin: 0;
	width: auto;
	background: #fff;
	border: 1px solid #f5f5f5;
	}
	
div#menuContainer ul li{
	list-style: none;
	border: 1px solid #fff;
}
	
div#menuContainer h2#h2primero{
	border-top: 1px solid #E78F03;
	}

div#menuContainer h2#h2Ultimo{
	border-bottom: 1px solid #FDD376;
	}

div#menuContainer h2{
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	text-indent: 5px;
	background: transparent url(/img/menu-bullet.gif) 205px 8px no-repeat;
	border-left: 8px solid #FFB200;
	border-bottom: 1px solid #fff;
	width: 210px;
}

div#menuContainer h2.hand{
	background-image:none;
}

#menuContainer h2 a{
	display: block;
	padding: 5px;
	margin: 1px;
	text-decoration: none;
	width: 200px;
	color: #333;
	cursor: default;
	}

#menuContainer h2.hand a{
	cursor:pointer;
}

#menuContainer h2 a:hover{
	background: #fff url(/img/menu-bullet-on.gif) 205px 8px no-repeat;
	width: 201px;
	}
	
#menuContainer h2.hand a:hover{
	background-image:none;
	}
	
#menuContainer li a{
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 4px;
	vertical-align: middle;
	border-left: 2px solid #FFE198;
	font-size: 11px;
	color: #333;
	width: 240px;
	}
	
#menuContainer li a.registro{
	color: #900;
}

#menuContainer li a:hover{
	background: #fff url(/img/submenu-fondo.gif) no-repeat;
	border-left: 2px solid #FFB200;
	color: #E87C00;
	}

/*Accesos directos 
----------------------------------*/

div#accesosDirectos_es, div#accesosDirectos_en{
	position: relative;
	margin: 0 0 18px 2px;
	/*width: 490px;*/ /*width: auto; clear:both;*/
	}

div#accesosDirectos_es ul, div#accesosDirectos_en ul{
	margin:0;
	padding:0;
	}
	
div#accesosDirectos_es li, div#accesosDirectos_en li{
	float:left;
	padding: 5px 38px 15px 46px; /*padding: 0 12px;*/
	list-style:none;
}

div#accesosDirectos_es li.sr, div#accesosDirectos_en li.sr{
	position:relative;
	top:-12px;
}
	
/* Instituciones: patrocinadores, ministerio
----------------------------------------------*/

#institucionesContainerEs, #institucionesContainerEn{
	height: 70px;
	padding: 14px 0 0 0;
	background-repeat:no-repeat;
	background-position:20px 2px;
}

#institucionesContainerEn{
	/*background-image:url(../img/patrocinio/bg-patrocinio-en.gif);*/
}

#institucionesContainerEs{
	/*background-image:url(../img/patrocinio/bg-patrocinio-es.gif);*/
}

#patrocinadores, #instituciones, #patrocinadoresOtros {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	text-align:center;
}

#instituciones{
	width:440px;
}

#instituciones li:first-child{
	position:relative;
	right:-2px;
}

#instituciones li:last-child{
	position:relative;
	left:-3px;
}

#patrocinadores, #patrocinadoresOtros {
	margin-left:11px;
	margin-right:11px;
	width:130px;
}

.pics {  
    height:58px;  
    width:130px;  
} 	

#instituciones li{
	display:inline;
	margin:0;
}

/* Direccion
----------------------------------------------*/

#direccion{
	margin-left:auto;
	margin-right:auto;
	padding-top:1em;
	padding-bottom:1em;
	text-align:center;
	font-size:10px;
	color:#333;
	background:#EFEFEF;
}	

/*Estandares: w3c 
---------------------------------*/

div#estandares{
	background:#EFEFEF;
	width:545px;
	padding:10px 0 30px 200px;
}

.w3cbutton {
    float: left;
    margin-left: 10px;
    width: 90px;
    border: 1px solid #AFAFAF;
    font:bold 10px helvetica,arial,sans-serif;
}

.w3cbutton a {
    display: block;
    width: 100%;
}

#estandares .w3cbutton a, #estandares .w3cbutton a:link, #estandares .w3cbutton a:visited, #estandares .w3cbutton a:hover {
    background-color: #fc6;
    color: #000;
    text-decoration: none;
}

.w3cbutton span {
    display: inline;
}

.w3cbutton span.w3c {
    padding: 0 .4em;
    background-color: #fff;
    color: #0c479d;
}

.w3cbutton span.spec {
    padding: 0 0.6em;
}

div#pie{
	clear:both;
	height:12px;
	width:744px;
	color:#FFFFFF;
	border-bottom:none;
	margin:20px auto 0 auto;
	padding:4px 0;
	text-align:center;
}

div.pie_es{
	background:#E87C00 url(../img/pie-es-old.gif) no-repeat top left !important;
}

div.pie_en{
	background:#E87C00 url(../img/pie-en-old.gif) no-repeat top left !important;
}