/* ======= HEADER ======= */ #header { background:url("bitmaps/bg_top.gif") repeat-y 0 0; *background:url("bitmaps/bg_top.gif") repeat-y 0 -6px; width:100%; height:auto; margin-bottom:20px; } #header .top { width:990px; height:200px; padding:0; margin:0 auto; position:relative; } /*LOGO*/ #header .logo_programa { max-width:490px; margin-left:25px; overflow: hidden; position:relative; } #header .logo_programa a { float:left; line-height:21px; } #header .logo_programa h1, #header .logo_programa img { float:left; } #header .logo_programa h1 { max-width:300px; position:absolute; bottom:10px; left:190px; /*font-family:"gob_regular";*/ font-size:19px; } #header .logo_programa h1 span { font-size:24px; display:block; text-transform:uppercase; /*font-family:"gob_bold";*/ font-weight:bold; } #header .logo_programa h1 a { color:#333; } #header .volver_conicyt { position:absolute; top:12px; left:195px; font-size:11px; background:url("bitmaps/icon_volver.gif") left 7px no-repeat; padding-left:6px; } #header .nav { background:url("bitmaps/bg_nav.jpg") 0 0 repeat-x; width:984px; height:44px; margin-left:4px; font-size:13px;text-align:center; } #header .nav ul { font-family:"gob_regular"; } #header .nav .menu { position:relative; height:44px; width:100%; } #header .nav .menu > li { height:38px; background:url("bitmaps/border_li_nav.gif") top right repeat-y; position:relative; display:inline-block; /*iE7 Fix*/ vertical-align: top; zoom: 1; *display: inline;} #header .nav .menu > li:last-child { background:0 none; } #header .nav .menu > li a { padding:12px 12px 0 12px; display:block; } #header .nav li a:hover, #header .current-menu-item a, #header .current-page-ancestor a { color:#006CB7; } /*SUBMENU*/ #header .menu ul { position:absolute; top:38px; left:-1px; display:block; width:100%; text-align:left; } #header .nav li .sub-menu li { width:auto; padding:0; margin:0; border-bottom:1px solid #eae4e4; display:block; } #header .nav li .sub-menu li a { display:block; background:#f6f6f6; padding:8px; } /*MENU TOP*/ #header .nav_top { position:absolute; top:0; right:25px; z-index: 10; width:640px; } #header .nav_top ul { overflow: hidden; margin-top:15px; float:right; } #header .nav_top ul li { float:left; margin-right:25px; } #header .nav_top ul li a { display:block; font-size:10px; } .lnkAccesos { width:44px; } .lnkProgramas { width:60px; } /*BUSCADOR*/ #header .buscar { width:192px; height:29px; float:right; background:url("bitmaps/bg_buscador.png") 0 0 no-repeat; margin-top:8px; overflow: hidden; } #header .buscar .screen-reader-text { display:none; } #header .buscar input[type="text"] { width:154px; height:19px; background:none; font-size:11px; color:#e74445; padding:5px; border:0 none; float:left; } #header .buscar input[type="submit"] { width:18px; height:18px; float:right; background:url("bitmaps/icon_buscar_header.gif") 0 0 no-repeat; text-indent:-9999px; border:0 none; margin:5px 7px 0 0; } #header .buscar input[type="submit"]:hover { background-position:bottom left; } /*SOCIAL*/ #header .social { position:absolute; top:72px; right:25px; } #header .social li { float:left; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-style:italic; font-size:10px; margin-left:5px; } #header .social li a { display:block; width:16px; height:16px; text-indent:-9999px; } #header .social li.sigue { padding-top:2px; } #header .social li a.facebook { background:url("bitmaps/icon_social_header.png") 0 0 no-repeat; } #header .social li a.twitter { background:url("bitmaps/icon_social_header.png") -16px 0 no-repeat; } #header .social li a.rss { background:url("bitmaps/icon_social_header.png") -32px 0 no-repeat; } #header .social li a.facebook:hover { background-position:0 -16px; } #header .social li a.twitter:hover { background-position:-16px -16px; } #header .social li a.rss:hover { background-position:-32px -16px; } /*AYUDA*/ #header .ayuda { position:absolute; bottom:63px; right:25px; } #header .ayuda li { float:left; margin-left:10px; } #header .ayuda li.oirs a { display:block; background:url("bitmaps/bg_boton_gris.jpg") 1px 4px repeat-x #FFF; border:1px solid #cecece; width:136px; height:18px; padding-top:8px; text-align:center; /*font-family:"gob_bold";*/ font-weight:bold; font-size:11px; } #header .ayuda li.oirs a:hover { color:#e74445; } #header .icon_fono { background:url("bitmaps/icons.png") 0 9px no-repeat; padding:5px 0 0 15px; } /*MOSTRAR ACCESOS Y PROGRAMAS*/ .mostrar_header { /*background:url("bitmaps/flecha_mostrar_header.gif") 270px top no-repeat;*/ width:320px; height:auto; overflow:hidden; margin:5px 0 0 0; float:right; font-size:11px; display:none; position:relative; z-index:10000; } .mostrar_header h3 { font-weight:bold; } #accesos_header li a { color:#005294; } #header .mostrar_header > ul { width:275px; padding:15px; margin-right:3px; border:1px solid #E7E7E7; background:#FFF; box-shadow:2px 2px 2px #CCC; margin-top:5px; float:right; } #header .mostrar_header ul li { width:270px; background:url("bitmaps/bullets.gif") 0 5px no-repeat; padding:0 0 5px 10px; margin:0 0 5px 0; display:block; border-bottom:1px solid #EEE; } #header .mostrar_header ul li:last-child { border-bottom:0 none; margin-bottom:0; padding-bottom:0; } #header .mostrar_header ul li a { font-size:11px; } .mostrar_header li a span { font-weight:bold; display:block; } .mostrar_header .conicyt h3 { color:#333; } .mostrar_header .fondecyt h3, #programas_header .fondecyt span { color:#adcb57; } .mostrar_header .fondap h3, #programas_header .fondap span { color:#009580; } .mostrar_header .fondef h3, #programas_header .fondef span { color:#0071b8; } .mostrar_header .regional h3, #programas_header .regional span { color:#21388c; } .mostrar_header .pia h3, #programas_header .pia span { color:#4c7fb5; } .mostrar_header .fonis h3, #programas_header .fonis span { color:#40b9d4; } .mostrar_header .astronomia h3, #programas_header .astronomia span { color:#56378a; } .mostrar_header .pai h3, #programas_header .pai span { color:#f29000; } .mostrar_header .dri h3, #programas_header .dri span { color:#9260a0; } .mostrar_header .informacion_cientifica h3, #programas_header .informacion_cientifica span { color:#b70068; } .mostrar_header .becas_conicyt h3, #programas_header .becas_conicyt span { color:#e2007a; } .mostrar_header .explora h3, #programas_header .explora span { color:#e8352c; }