audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical;} /********************************* Helper classes ********************************/ /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1;} /*********************************************************************************/ /* Generales */ body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; min-width:320px; } a { text-decoration:none; color: #1e4a90; } a:hover { text-decoration:underline; } p { line-height: 1.4; margin-bottom: 8px; } /**********************************/ /* cabecera */ #cabeceraExterior { position:fixed; z-index:110; width:100%; height:64px; background:#1e4a90; box-shadow: 4px 0 13px rgba(0, 0, 0, 0.5); } #cabecera { position: relative; min-width:320px; max-width:1000px; margin:0 auto; } #cabecera h1 { display:inline-block; width:180px /*215px sin mosca*/; height:64px; margin:0; vertical-align:top; padding-left:15px; } #cabecera h1 a { display:block; } #cabecera h1 a img.web { display:block; } #cabecera h1 a img.movil { display:none; } #cabecera h1 .alt-logo { } #menuPrincipal { display:inline-block; width:34% /*36% sin mosca*/; position:relative;z-index:10;} #menuPrincipal .menuPadre { margin:0; padding:0 0 0 10%; height:64px; } #menuPrincipal .menuPadre > li { display:inline-block; font-weight:bold; } #menuPrincipal .menuPadre > li + li { padding-left: /*25px sin mosca*/ 20px; } #menuPrincipal .menuPadre > li > a { display:inline-block; font-size:1.8em; line-height:64px; color:#fff; text-transform:lowercase; } #menuPrincipal .menuPadre > li > a:hover { text-decoration:underline; } #menuPrincipal .menuPadre > li:hover > ul { display:block;} #menuPrincipal .menuHijo.nivel0 { display:none; position:absolute; z-index: 110; top:72px; width:180px; height: auto; margin:0; padding:20px 0; background:#1e4a90; text-align:left;} #menuPrincipal .menuHijo.nivel0 > li { display:block; padding:6px 20px; font-size:1.6em; font-weight:normal; color:#ffff; white-space:nowrap;} #menuPrincipal .menuHijo.nivel0 > li.conHijos { position:relative;} #menuPrincipal .menuHijo.nivel0 > li a { color:#fff; } #menuPrincipal .menuHijo.nivel0 > li.menuSeleccionado a, #menuPrincipal .menuHijo.nivel0 > li a:hover { text-decoration:underline; } #menuPrincipal .menuHijo.nivel0 > li.topMenuHijo { position: absolute; top:-8px; display: block; height:8px; width:100%; padding:0; background:url(/img/interface/topSubmenu.png) no-repeat 50% 0;} #menuPrincipal .menuHijo.nivel0 > li:hover > ul { display:block;} #menuPrincipal .menuHijo.nivel1 { display:none; position:absolute; z-index: 110; top:0; left:180px; min-width:180px; height: auto; margin:0; padding:20px 0; background:#1e4a90; text-align:left;} #menuPrincipal .menuHijo.nivel1 > li { display:block; padding:6px 20px; font-size:0.9em; font-weight:normal; color:#ffff; white-space:nowrap;} #menuPrincipal .menuHijo.nivel1 > li.topMenuHijo { display:none;} #cabecera .headerDerecha { display:inline-block; width:32% /*40% sin mosca*/; vertical-align:top; height:64px; line-height:64px; } #cabecera .headerDerecha .formBuscadorHeader { display:inline-block; width: 40% /*53% sin mosca */; height:32px; padding-left:4%; text-align:right; vertical-align:middle;} #cabecera .headerDerecha .formBuscadorHeader .divInputSearch { float:right; height:32px; width:100%; background:#d2effc; border-radius:6px; font-size: 1.3em; color:#504e4f;} #cabecera .headerDerecha .formBuscadorHeader .divInputSearch label {} #cabecera .headerDerecha .formBuscadorHeader .divInputSearch input { width:80%; height:32px; border:0; padding:0; margin-right:15%; color:#1e4a90; background:#d2effc; vertical-align:top;} #cabecera .headerDerecha .formBuscadorHeader .divlupa { float:right; width:16px; height:16px; margin:-24px 6px 0 0;} #cabecera .headerDerecha .formBuscadorHeader .divlupa .formEnviar { vertical-align:top;} #cabecera .headerDerecha .btnBuscador {display: inline-block; height: 30px; width: 30px; text-align: center; vertical-align: middle; border-radius: 5px; background:#1e4a90; display:none; } #cabecera .headerDerecha .btnBuscador img { vertical-align:top; margin:5px 0;} #cabecera .headerDerecha .btnCabecera { display:inline-block; width: auto; height: 35px; line-height: 35px; margin-left:10px; padding: 0 10px; font-size:1.2em; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; border-radius: 7px; background:#1e4a90;} #cabecera .headerDerecha .btnCabecera:hover { background:#032c40; text-decoration:none;} #cabecera .headerDerecha .btnContacta { } #cabecera .headerDerecha .btnContacta:hover { } #cabecera .headerDerecha .bloqueLogin { display:inline-block;} #cabecera .headerDerecha .bloqueLogin .btnLogin { } #cabecera .headerDerecha .bloqueLogin .btnLogin:hover { } #cabecera .headerDerecha .bloqueLogin .btnLogout {} #cabecera .headerDerecha .bloqueLogin .btnLogout:hover {} #cabecera .headerDerecha .formularioLogin { display:none; position:absolute; top:75px; right:8px; width:250px; padding-top:20px; background:#1e4a90;} #cabecera .headerDerecha .formularioLogin .flecha { position:absolute; top:-8px; right:23px;} #cabecera .headerDerecha .formularioLogin p { padding:0 25px 15px 25px; margin:0;} #cabecera .headerDerecha .formularioLogin p.textForm label { } #cabecera .headerDerecha .formularioLogin p.textForm input { font-size:1.2em; color:#1e4a90; width:90%; padding:2% 5%; background:#d2effc; border:none;} #cabecera .headerDerecha .formularioLogin p input.btnEntrar { display:block; height:30px; line-height:30px; margin:0 auto; padding: 0 15px; font-size:1.3em; color: #ffffff; font-weight: bold; border-radius:4px; background:#1e4a90; border:none;} #cabecera .headerDerecha .formularioLogin p input.btnEntrar:hover { background:#032c40; text-decoration:none;} #cabecera .menuMovil { display:none; float:right; padding:10px;} #cabecera .menuMovil .off { display:block; } #cabecera .menuMovil .on { display:none; } #cabecera .menuMovil:hover, #cabecera .menuMovil.activo { } #cabecera .menuMovil:hover, #cabecera .menuMovil.activo .off { display:none; } #cabecera .menuMovil:hover, #cabecera .menuMovil.activo .on { display:block; } #menuMovil { display:none; width:100%; background:#1e4a90; } #menuMovil nav { } #menuMovil nav .menuPadre { margin:0; padding:0; list-style:none; } #menuMovil nav .menuPadre > li { display: inline-block; width: 100%; line-height: 44px; text-align: center; text-transform: uppercase; border-bottom:1px solid #023750;} #menuMovil nav .menuPadre > li + li { } #menuMovil nav .menuPadre > li > a { display:block; font-size:1.3em; color:#fff; font-weight:bold; } #menuMovil nav .menuPadre > li a.menuSeleccionado, #menuMovil nav .menuPadre > li > a:hover { background:#023750; } #menuMovil nav .menuPadre > li:hover > ul { /*display:block;*/} #menuMovil nav .menuHijo.nivel0 { display:none; padding:0; } #menuMovil nav .menuHijo.nivel0 > li { display:block; width:100%; line-height: 44px; background:#02415f; text-align: left; text-indent: 32px; text-transform:none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #menuMovil nav .menuHijo.nivel0 > li.conHijos { } #menuMovil nav .menuHijo.nivel0 > li a { display:block; font-size:1.6em; color:#fff; font-weight:bold; } #menuMovil nav .menuHijo.nivel0 > li a.menuSeleccionado, #menuMovil nav .menuHijo.nivel0 > li a:hover { background:#1e4a90; } #menuMovil nav .menuHijo.nivel0 > li.topMenuHijo { display:none;} #menuMovil nav .menuHijo.nivel0 > li:hover > ul { /*display:block;*/} #menuMovil nav .menuHijo.nivel1 { display:none; padding:0; } #menuMovil nav .menuHijo.nivel1 > li { display:block; width:100%; line-height: 44px; background:#02415f; text-align: left; text-indent:50px; text-transform:none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #menuMovil nav .menuHijo.nivel1 > li a { display:block; font-size:1.4em; color:#fff; font-weight:bold;} #menuMovil nav .menuHijo.nivel1 > li.topMenuHijo { display:none;} #menuMovil .btnContacta { display:block; width:100%; height: 44px; font-size:1.3em; line-height: 44px; color:#fff; font-weight:bold; text-align: center; text-transform: uppercase;} #menuMovil .btnContacta:hover { background:#023750;} #menuMovil .formBuscadorHeader { display:block; width:80%; height:32px; margin:0 auto; padding:10px 0 15px 0; text-align:right; vertical-align:middle;} #menuMovil .formBuscadorHeader .divInputSearch { float:right; height:32px; width:100%; background:#d2effc; border-radius:6px; font-size: 1.3em; color:#504e4f;} #menuMovil .formBuscadorHeader .divInputSearch label {} #menuMovil .formBuscadorHeader .divInputSearch input { width:80%; height:32px; border:0; padding:0; margin-right:15%; color:#1e4a90; background:#d2effc; vertical-align:top;} #menuMovil .formBuscadorHeader .divlupa { float:right; width:16px; height:16px; margin:-24px 6px 0 0;} #menuMovil .formBuscadorHeader .divlupa .formEnviar { vertical-align:top;} /* banda verde ultima hora */ .bandaUltimaHora {position: absolute; left: 20px; top: 57px;width: 95%; padding-top: 20px; margin: 0 auto; max-width: 999px; background: url(/img/interface/trianguloUltimaHora.png) no-repeat 20px top; } .bandaUltimaHora .contenedorBanda{ padding: 10px 30px 10px 15px ; background: url(/img/interface/bandaUltimaHora.png); } .bandaUltimaHora .contenedorBanda a.noticiaUltimaHora{ display: inline-block;text-decoration: none; color: #ffffff} .bandaUltimaHora .contenedorBanda a.noticiaUltimaHora img { float:left; vertical-align: text-bottom} .bandaUltimaHora .contenedorBanda a span{ display:block; margin-left:25px;color: #fff; font-size: 1.7em; } .bandaUltimaHora .contenedorBanda a.cerrarBanda{float: right; margin-right:-20px; opacity: 0.8; filter: alpha(opacity=80);} .bandaUltimaHora .contenedorBanda a.cerrarBanda:hover, .bandaUltimaHora .contenedorBanda a.cerrarBanda:active{opacity: 1; filter: alpha(opacity=100);} /* banda verde ultima hora movil */ .bandaUltimaHora.vMovil { display:none; position:relative; left:0; top:0; width:100%; padding-top:0; margin: 0; background:none;} .bandaUltimaHora.vMovil .contenedorBanda{ padding: 10px 30px 10px 15px ; background: url(/img/interface/bandaUltimaHora.png); } .bandaUltimaHora.vMovil .contenedorBanda a.noticiaUltimaHora{ display: inline-block;text-decoration: none; color: #ffffff} .bandaUltimaHora.vMovil .contenedorBanda a.noticiaUltimaHora img { float:left; vertical-align: text-bottom} .bandaUltimaHora.vMovil .contenedorBanda a span{ display:block; margin-left:25px;color: #fff; font-size: 1.5em; } .bandaUltimaHora.vMovil .contenedorBanda a.cerrarBanda{float: right; margin-right:-20px; opacity: 0.8; filter: alpha(opacity=80);} .bandaUltimaHora.vMovil .contenedorBanda a.cerrarBanda:hover, .bandaUltimaHora.vMovil .contenedorBanda a.cerrarBanda:active{opacity: 1; filter: alpha(opacity=100);} /* media queries cabecera */ @media screen and (max-width: 1023px){ #cabecera { } #cabecera h1 { } #menuPrincipal { width:45%; } #menuPrincipal .menuPadre { padding-left:2%; } #cabecera .headerDerecha { width:23%; } #cabecera .headerDerecha .formBuscadorHeader { width:80%; } #cabecera .headerDerecha .btnContacta { display:none;} #cabecera .headerDerecha .bloqueLogin { display:none;} } @media screen and (max-width: 767px){ #cabecera { } #cabecera h1 { width:160px; height:54px; padding:10px 0 0 10px; float: left; } #cabecera h1 a img.web { display:none; } #cabecera h1 a img.movil { display:block; } .mosca12Congreso{overflow: hidden; max-width: 25%; float: left; padding-top: 15px} .mosca12Congreso img{max-width: 100%} #menuPrincipal { width:60%; } #menuPrincipal .menuPadre { padding-left:7%; } #menuPrincipal .menuPadre > li { } #cabecera .headerDerecha { width:8%; } #cabecera .headerDerecha .btnBuscador { display: inline-block;} #cabecera .headerDerecha .formBuscadorHeader { display:none; } #cabecera .headerDerecha .btnContacta { display:none;} #cabecera .headerDerecha .bloqueLogin { display:none;} } @media screen and (max-width: 600px){ #menuPrincipal { width:57%; font-size:9px;} #menuPrincipal .menuPadre > li + li { padding-left:10px; } } @media screen and (max-width: 520px){ #cabeceraExterior { } #menuPrincipal { display:none;} #cabecera .headerDerecha { display:none;} #cabecera .menuMovil { display:inline-block;} .bandaUltimaHora { display:none;} .bandaUltimaHora.vMovil { display:block;} } /***************/ #contenedorTotal { position: relative; overflow:hidden; width:100%; /*min-width:1000px;*/ padding-top:110px;} #paginaExterior { position: relative; width:100%; /*min-width:1000px;*/ } #pagina { position: relative; max-width:1000px; margin:0 auto; text-align: left; min-height:300px;} /* pie */ #pieExterior { overflow:hidden; width:100%; /*min-width:1000px;*/ background:#1e4a90; } #pie { display:table; overflow: hidden; width:92%; max-width:920px; margin:0 auto; padding: 0px 4% 20px 4%; text-align: left; font-family:'Droid Sans', sans-serif;} #pie ul{overflow: hidden; margin: 0; padding: 0; } #pie ul li{list-style: none;} #pie > .menuPie { display:table-cell; vertical-align:top;} #pie > .menuPie > li{margin:40px 0 0 0; padding: 0; float: left;} #pie > .menuPie > li a.tituloCategoria{display: inline-block; padding-bottom: 15px; font-size: 1.7em; color: #ffffff; text-decoration: none; font-weight: bold;} #pie > .menuPie > li + li{margin-left:10%; } #pie > .menuPie > li > ul li a{display: inline-block; padding-bottom: 8px; font-size: 1.4em; text-decoration: none; color: #ffffffb3} #pie > .menuPie > li > ul li a:hover, #pie > .menuPie > li > ul li a:active{color: #ffffff} #pie > .menuPie > li > ul > li > ul{margin-left: 35px;} #pie .bloqueFinPie{display:table-cell; width:285px; padding:23px 0 0 0;} #pie .bloqueFinPie p.tituloPie{ font-size: 1.7em; color: #ffffff; font-weight: bold;} #pie .bloqueFinPie ul{margin-bottom: 20px} #pie .bloqueFinPie ul.canalesRedes li{float: left; } #pie .bloqueFinPie ul.canalesRedes li + li{margin-left: 10px} #pie .bloqueFinPie ul.canalesRss li{overflow: hidden; margin-bottom: 10px;} #pie .bloqueFinPie ul.canalesRss li a{text-decoration: none; color: #ffffffb3; text-transform: uppercase; font-size: 1.4em;} #pie .bloqueFinPie ul.canalesRss li a:hover, #pie .bloqueFinPie ul.canalesRss li a:active{color: #ffffff} #pie .bloqueFinPie ul.canalesRss li a img{margin-right: 5px} #pie .bloqueFinPie ul.listadoApps li{overflow: hidden; margin-bottom: 10px;} #pie .bloqueFinPie ul.listadoApps li a{text-decoration: none; color: #ffffffb3; font-size: 1.4em;} #pie .bloqueFinPie ul.listadoApps li a:hover, #pie .bloqueFinPie ul.listadoApps li a:active{color: #ffffff} #pie .bloqueFinPie ul.listadoApps li a img{margin-right: 5px} #pieExterior .logosPie { clear:both; width:92%; max-width:920px; margin:0 auto; padding: 0px 4% 5px 4%; text-align: left; font-family:'Droid Sans', sans-serif;} #pieExterior .logosPie ul { list-style:none; text-align:center;} #pieExterior .logosPie ul li { display:inline-block; } #pieExterior .logosPie ul li.sinOpacidad { opacity:1;} /*#pieExterior .logosPie ul li:hover { opacity:1;}*/ #pieExterior .logosPie ul li + li { margin-left:15px;} #pieExterior .copyright { clear:both; display:block; text-align:center; width:92%; max-width:920px; margin:0 auto; font-family:'Droid Sans', sans-serif; font-size:1.4em; color:#fff;} #pieExterior .aviso { clear:both; display:block; text-align:center; width:92%; max-width:920px; margin:0 auto 40px auto; font-family:'Droid Sans', sans-serif; font-size:1.4em; color:#fff;} #pieExterior .aviso a { color:#fff; text-decoration:underline;} #pieExterior .aviso a:hover { text-decoration:none;} .politicaCookies {position:fixed;bottom:0;left:0;background:rgba(0,0,0, 0.7);color:white;font-size:13px;width:100%;z-index:999;display:none;} .politicaCookies p {padding:20px 40px;} .politicaCookies p a:link, .politicaCookies p a:visited {color:#F7A614;font-weight:bold;text-decoration:none;} .politicaCookies .cerrar {font-size:18px;padding:5px 10px;float:right;color:white;text-decoration:none;font-weight:bold;} @media screen and (max-width: 768px){ #pagina img{max-width: 100%} #pie > .menuPie { display:block; width:100%; } #pie > .menuPie > li { margin:25px 10% 0 0;} #pie > .menuPie > li + li { margin-left:0%; } #pie .bloqueFinPie { display:block; width:100%;} } @media screen and (max-width: 520px){ #pie > .menuPie { display:block; width:100%; } #pie > .menuPie > li { margin:25px 10% 0 0;} #pie > .menuPie > li + li { margin-left:0%; } #pie .bloqueFinPie { display:block; width:100%;} } /* fijos */ #pagina .word { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_doc.gif) no-repeat 0px 2px;} #pagina .excel { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_xls.gif) no-repeat 0px 2px;} #pagina .pdf { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_pdf.gif) no-repeat 0px 2px;} #pagina .zip { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_archive.gif) no-repeat 0px 2px;} #pagina .txt { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_txt.gif) no-repeat 0px 2px;} #pagina .audio{ padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_music.gif) no-repeat 0px 2px;} #pagina .video { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_film.gif) no-repeat 0px 2px;} /***************************/ /* Estilos para contenido proveniente de editor avanzado */ .textoEditor { } .textoEditor > * { font-size:1.4em; } .textoEditor p { margin:0 0 10px 0; } .textoEditor ul { margin:8px 0 10px 0px; list-style-position:outside;} .textoEditor ul li { margin:0 0 5px 20px; list-style-type:disc; } .textoEditor ol { margin:8px 0 10px 10px;} .textoEditor ol li { margin: 0 0 3px 5px; list-style-type:decimal;} .textoEditor li li { font-size:1em;} .textoEditor h2 { font-size: 3em; } .textoEditor h3 { font-size: 2.4em; font-weight:normal; color:#1e4a90; margin:20px 0 10px 0; } .textoEditor h4 { font-size: 2em; font-weight:normal; color:#1e4a90; margin:15px 0 10px 0; } .textoEditor h5 { font-size: 1.8em; color:#1e4a90;} .textoEditor .tinyLeft { text-align:left;} .textoEditor .tinyCenter { text-align:center;} .textoEditor .tinyRight { text-align:right;} .textoEditor .tinyFull { text-align:justify;} .textoEditor .tinyUnderline { text-decoration:underline;} .textoEditor .tinyStrikethrough { text-decoration:line-through;} .textoEditor img.tinyLeft, .textoEditor table.tinyLeft { float:left; margin: 0 10px 5px 0; } .textoEditor img.tinyRight, .textoEditor table.tinyRight { float:right; margin: 0 0 5px 10px;} /* Estilos para contenido proveniente de editor avanzado SOLO en pagina editable */ .paginaEditor { padding:0 15px 30px 15px; } .paginaEditor h2 { font-size:3.4em; color: #4d4949; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin:0 0 30px 0; } /* Estilos para módulos */ .modulos { padding:0 15px 30px 15px; } h2.tituloPagina { font-size:3.4em; line-height:1; color: #4d4949; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin:0 0 30px 0; } h3.subtituloPagina { } /* ajuste logo tablet - escritorio */ @media (min-width: 768px) { #cabeceraExterior > #cabecera > h1 > a > img{ padding: 10% 0% !important; } } @media (max-width: 767px) { #cabeceraExterior > #cabecera > h1 > a > img.movil{ padding: 5% !important; } }