/* CSS Document */ /********************* BASICO **************************/ html {min-height:100%; height:100%; width:100%; } body { /*Parte con 16px de tamaño de fuente*/ font-family: 'Trebuchet MS', Arial, sans-serif; margin:0; height:100%; width:100%; background-color:#FFF; color:#666;} a:link,a:visited{ color:#666;} a:hover,a:focus,a:active{ color:#119FCD;} /* COLORES */ .azul{ color:#119FCD!important;} a.azul:link,a.azul:visited{ color:#119FCD!important;} a.azul:hover,a.azul:focus,a.azul:active{ color:#000!important;} .azulOscuro{ color:#00458A!important;} a.azulOscuro:link,a.azulOscuro:visited{ color:#00458A!important;} a.azulOscuro:hover,a.azulOscuro:focus,a.azulOscuro:active{ color:#000!important;} .grisClaro{ color:#ccc!important;} a.grisClaro:link,a.grisClaro:visited{ color:#ccc!important} a.grisClaro:hover,a.grisClaro:focus,a.grisClaro:active{ color:#000!important;} .gris{ color:#999!important;} a.gris:link,a.gris:visited{ color:#999!important} a.gris:hover,a.gris:focus,a.gris:active{ color:#000!important;} .negro{ color:#000!important;} a.negro:link,a.negro:visited{ color:#000!important} a.negro:hover,a.negro:focus,a.negro:active{ color:#999!important;} .subrayado{border-bottom:1px dotted #999;} a.subrayadoAzul:link,a.subrayadoAzul:visited{color:#119FCD!important; text-decoration:underline!important} a.subrayadoAzul:hover,a.subrayadoAzul:focus,a.subrayadoAzul:active{ color:#000!important} /*ERRORES .modalError{ font-size:0.75em;} .modalError strong{ color:#f3760a} .mensaje{font-family:Arial, Helvetica, sans-serif; color:#333333; width:94%; padding:2%; margin:2%; border:1px solid #FF0000; float:none } .mensaje strong{ color:#FF0000} #capaErrores .rojo{color:#ff0000; font-size:1.125em} */ /*GENERAL*/ /*.contenedor{ width:100%; min-width:48em; max-width:78.625em;min-height:1em; overflow:visible; padding:0; margin:auto; float:left;} */ .contenedorTotal{width:100%; float:left;} #enlaceContenidoDatos {visibility:hidden; height:0; padding:0; margin:0; width:0; line-height:0; float:left} .estiloDivTabla{width:100%; float:left; display:table;vertical-align:top; height:100%; min-height:100%} .capaCrece { display:table-cell;vertical-align:top; padding-bottom:1em } #laCabecera{ width:100%; min-height:8em; min-width:20em;/*480*/ max-width:78.625em/*1258px*/;margin:0 auto;} #logoGV{ display:table-cell; width:12em; text-align:center; padding:1em 0.125em 0 0} #logoGV img{ width:11.25em;} #logo{min-height:8em;padding:0.6875em 0 0 0; background-repeat:no-repeat; background-position:top right;background-size: contain; } #logo a.rss:link,#logo a.rss:visited{ font-size:0.8125em; float:right; padding: 0.25em 1.5em 0.25em 0.5em; margin-top:7.5em; background-color:#FFFFFF} #logo .fotoLogo{ padding-left:1.0625em;padding-top:0.625em; width:22.5em;/*360*/; clear:left } #logo .logoFP{ float:right; padding-right:9em; padding-top:0.75em; height:80px} .fondoCab1{ background-image:url(/images/cabeceras/imgCabecera1.jpg);} .fondoCab2{ background-image:url(/images/cabeceras/imgCabecera2.jpg);} .fondoCab3{ background-image:url(/images/cabeceras/imgCabecera3.jpg);} .fondoCab4{ background-image:url(/images/cabeceras/imgCabecera4.jpg);} .fondoCab5{ background-image:url(/images/cabeceras/imgCabecera5.jpg);} .fondoCab6{ background-image:url(/images/cabeceras/imgCabecera6.jpg);} .fondoCab7{ background-image:url(/images/cabeceras/imgCabecera7.jpg);} .fondoCab8{ background-image:url(/images/cabeceras/imgCabecera8.jpg);} .fondoCab9{ background-image:url(/images/cabeceras/imgCabecera9.jpg);} .fondoCab10{ background-image:url(/images/cabeceras/imgCabecera10.jpg);} #menumovil,#back { display:none;} .fondoMenuSup{background-image:url(/images/general/fondoMenuSup.jpg); background-repeat:repeat-x; background-position:bottom; height:2.625em;min-width:20em;/*768*/} #menuSup{ width:100%; height:2.625em; padding:0; min-width:20em/*768*/; max-width:78.625em/*1258px*/; margin:0 auto } #menuSup div{ height:2.625em; background-image:url(/images/general/menuSupSeparador.jpg); background-repeat:repeat-y; background-position:right } #menuSupIzda{ width:13.0625em;float:left} #menuSupIzda a:link,#menuSup a:visited { float:left; color:#333; font-size:0.75em; font-weight:bold; background-image:url(/images/general/menuSupSeparador.jpg); background-repeat:repeat-y; background-position:left; padding:1em 1.25em} #menuSupIzda a:hover,#menuSup a:focus,#menuSup a:active {color:#119FCD;} .bordeDcho{background-image:url(/images/general/menuSupSeparador.jpg); background-repeat:repeat-y; background-position:right ; padding-right:1em} #menuSupIzda a.menuSel:link,#menuSup a.menuSel:visited{ color:#119FCD;} #menuSupDcha{ overflow-x: hidden; } #menuSup #breadCrumb{ padding-left:4em; float:left; background-image:none } #breadCrumb a:link,#breadCrumb a:visited,#breadCrumb > span{ float:left;color:#666; font-size:0.75em; padding:1em 0.25em 1em 1.125em;background-image:url(/images/general/breadcrumb-flecha.png); background-position:left center; background-repeat:no-repeat;} #breadCrumb a:hover,#breadCrumb a:focus,#breadCrumb a:active{color:#119FCD;} #capaIdiomas{ float:right; padding-right:1em} #capaIdiomas a,#capaIdiomas span{float:left; color:#666; font-size:0.75em; padding:1em 0.375em} #capaIdiomas span{ text-decoration:underline; color:#333} #menuSup #capaBuscador{ float:right;height:2.125em; padding:0.5em 1em 0 1em; } #capaBuscador input[type=submit]{border-radius:0.25em; padding:0.25em 0.25em; font-size:0.75em; background-color:#27b1d8; color:#fff; font-weight:bold; border:none} #capaBuscador input[type=text]{border-radius:0.25em; border:1px solid #999; padding:0.25em 0.5em; font-size:0.75em; font-weight:normal; width:10em } #capaBuscador label span{ display:none} #capaBuscador label span+span{ display:inherit} #cuerpo{width:100%; padding:0; min-width:20em/*480*/; max-width:78.625em/*1258px*/; min-height:1em; margin:0 auto; display:table; } #menu { display:table-cell;width: 13em; min-height:80%; padding-bottom:2em;background-image:url(/images/general/fondoMenuLat.jpg); background-repeat:repeat-y; background-position:right;} #menu .decoracion{ float:right; width:88%; padding:1em 0;border-bottom:1px solid #ccc;} #menu ul{ float:right; width:88%; } #menu li{ float:left; width:100%} #menu li img{ float:left; clear:both; padding-left:1em; width:30px} #menu li span{ float:left; clear:both;} #menu li a:link, #menu li a:visited { width:95%; padding:0.75em 5% 0.75em 0; float:left;color:#000; font-size:0.9375em; font-weight:bold;} #menu li a:hover, #menu li a:focus, #menu li a:active {color:#119FCD;} #menu ul li a.menuSel:link,#menu ul li a.menuSel:visited,#menu li.fondoGrisOsc a.menuSel:link,#menu li.fondoGrisOsc a.menuSel:visited{color:#119FCD!important; font-style:italic} #menu li+li { border-top:1px dotted #ccc;} #menu li.fondoAzul a:link, #menu li.fondoAzul a:visited{background-image:url(/images/general/fondoMenuLatAzul.jpg); background-repeat:repeat-y; background-position:right; } #menu li.fondoGrisOsc a:link, #menu li.fondoGrisOsc a:visited{background-image:url(/images/general/fondoMenuLatGrisOsc.jpg); background-repeat:repeat-y; background-position:right;} #menu li.fondoGrisOsc a:hover, #menu li.fondoGrisOsc a:focus, #menu li.fondoGrisOsc a:active{ color:#119FCD} #menu li.bordeBajo{ border-bottom:1px solid #ccc} #menu ul li#servOrientacion{ padding-left:0; height:2.5em} #menu ul li#servOrientacion img{ padding-left:0; clear:none; width:33px; margin-left:-0.25em} #menu ul li#servOrientacion span{ padding-top:0.25em; clear:none; padding-left:0} #menu ul li.liOrientadores{ padding-top:0;} #menu ul li.liOrientadores span{ padding-left:3em;} #menu .txtCentro a{ display:block; padding-top:0.5em} .twitter-follow-button{ margin-bottom:2em} #contenido { display:table-cell;padding-left:4em; vertical-align:top; text-align:left; padding-right:0.25em } #contenido h1.conFondo,#contenido .h1{ font-size:1em; color:#119FCD; padding:1.25em 2.5em;/*padding:0.6875em 2.5em;*/ margin:0; background-image:url(/images/general/iconoH1.gif); background-position:left center; background-repeat:no-repeat; border-bottom:1px solid #ccc } #contenido h1.reconocimiento,#contenido .h1{background-image:url(/images/reconocimiento/ICONO-RECONOCIMIENTO-APRENDIZAJE-p.png); } #contenido h1{ font-size:1.25em; padding:0.6875em 0em; margin:0; } #contenido .h1Oscuro{ font-size:1.125em; color:#00458A; padding:0.6875em 0; margin:0;} #contenido h2,#contenido .h2{ font-size:1.125em; padding:0.6875em 0; margin:0; } #contenido h2 img{vertical-align:middle; margin-top:-1em } #contenido h3,#contenido .h3{ font-size:1.125em; color:#119FCD; padding:0.6875em 0 0 0; margin:0; border-bottom:1px dotted #ccc; font-weight:normal } #contenido h3.sinborde,#contenido .sinborde{ border:none!important } #contenido h3 img,#contenido .h3 img{ vertical-align:middle; padding:0 1.5em 0 12.5%; /*padding:0 1.5em 0 5.8889em;*/} /* OJO Nsi algo de tablas falla. Quitado para el calendario de orientadores de Procedimiento... #contenido table{ border-collapse:collapse; border-spacing:0; } #contenido th, #contenido td{ border:1px solid #ccc; padding-left:1em} #contenido th,#contenido td,#contenido table caption{ font-size:0.75em; padding:0.5em 2em} */ p,body > strong, body > ul > li > strong, body > ol > li > strong,body > span, body > ul > li > span, body > ol > li > span {font-size:0.75em;} /*#cuerpo p,#cuerpo li,#cuerpo span,#cuerpo strong,#cuerpo li p,#cuerpo li span,#cuerpo li strong,#cuerpo p span,#cuerpo p strong{ font-size:0.75em;}*/ #contenido ul.ulMas li, ul.ulMas li,#contenido ul ul.ulMas li,ul ul.ulMas li{ margin-top:0.375em;padding-left:1.25em;background-image:url(/images/iconos/ivac/Mas.gif); background-repeat:no-repeat; /*background-position:left 2px;*/} #contenido ul.ulPunto li, ul.ulPunto li,#contenido ul ul.ulPunto li,ul ul.ulPunto li{ margin-top:0.375em;padding-left:1em;background-image:url(/images/iconos/ivac/puntoAzul.png); background-repeat:no-repeat; background-position:left 4px;} #contenido ul.ulPunto li.liEnlace, ul.ulPunto li.liEnlace{ clear:both; margin-bottom:1em } #contenido ul.ulMayor li, ul.ulMayor li,#contenido ul ul.ulMayor li,ul ul.ulMayor li{ margin-top:0.375em;list-style:none!important;padding-left:1em;background-image:url(/images/iconos/ivac/flechaDcha.gif); background-repeat:no-repeat; background-position:left 4px;} .padLateral{ padding-left:2.25em} .enlaceEmail img{ vertical-align:middle} /*#contenido input[type=submit]{border-radius:0.25em; padding:0.25em 0.25em; font-size:0.75em; background-color:#27b1d8; color:#fff; font-weight:bold; border:none} #contenido input[type=text]{border-radius:0.25em; border:1px solid #999; padding:0.25em 0.5em; font-size:0.75em; font-weight:normal; width:10em } #contenido label span{ display:none} #contenido label span+span{ display:inherit}*/ /*FORMULARIOS....*/ #contenido fieldset{ border:none} #contenido legend{ font-size:0.875em; padding-bottom:1em; color:#119FCD} #contenido label{ display:block; clear:left; width:100%; padding:0; margin:0 0 0.25em 0; } #contenido label span{ font-size:0.75em; float:left; padding:0;min-height:2em; min-width:10em; color:#000} #contenido label span+span{float:none; display: block; overflow: hidden; padding:0; width:auto; font-size:1em; min-width:0;min-height:1.5em ;} #contenido label span input,#contenido label span textarea{ width: 100%; float:right; display:block;border-radius:0.25em; border:1px solid #999; padding:0.0909em 0.5em; font-size:0.6875em; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */; font-family: 'Trebuchet MS', Arial, sans-serif;} #contenido label span select,label span input[type=checkbox],label span input.inCalendario{ float:left; width:auto;display:block;border-radius:0.25em; border:1px solid #999; font-size:0.75em; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ } #contenido label span img{ float:left; padding: 0 0 0.5em 0; max-width:15em; max-height:4em } #contenido input[type=submit],#contenido a.botonAzul{border-radius:0.25em; padding:0.25em 0.25em; background-color:#27b1d8; color:#fff; font-weight:bold; border:1px solid #27b1d8; cursor:pointer} #contenido input[type=submit]:hover,#contenido a:hover.botonAzul,#contenido a:focus.botonAzul,#contenido a:active.botonAzul{ background-color:#fff; color:#27b1d8;} #contenido a.botonAzulLinea{ height:4.5em;font-size:0.75em;border-radius:0.25em; padding:0.25em 0.5em; background-color:#fff; color:#27b1d8; font-weight:bold; border:1px solid #27b1d8; cursor:pointer; display:inline-block; vertical-align:middle; margin-top:1em} #contenido a:hover.botonAzulLinea,#contenido a:focus.botonAzulLinea,#contenido a:active.botonAzulLinea{ background-color:#27b1d8; color:#fff;} #contenido a.botonAzulLinea img{ float:left; height:50px} #contenido a.botonAzulLinea span{ float:left;padding-top:0.5em; padding-left:0.25em} #contenido a.botonAzulLinea+a.botonAzulLinea{ margin-left:0.25em} #contenido .obligatorio{color:#FF6600; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;} #contenido .cmpError {border:1px solid #FF6600; color:#000; background-color:#f3ebe4} #listadoFamilias li{ width:13.5em; padding: 0.75em 0.5em 0.5em 0; float:left; border-bottom:1px dotted #999; margin:0; margin-right:1.25em; } #listadoFamilias li span{ vertical-align:middle;display:table-cell; font-size:0.8125em; text-transform:uppercase; } #listadoFamilias li a img{ vertical-align:middle; padding:0.125em; border:1px solid #ccc } #submenuFamilias{ display:table-cell; width: 9.4375em; text-align:right; } #submenuFamilias li{ width: 8.1875em; padding:0.5em 0.3125em 0.25em 0em; float:right; border-bottom:1px dotted #999; margin-bottom:0.5em; } #submenuFamilias li img,#submenuFamilias li strong{ float:right; clear:both; font-size:0.9375em} /*#submenuFamilias{ display:table-cell; padding-left:2em; width:10em; text-align:right; } #submenuFamilias li{ width: 9.6875em; padding:0.5em 0.3125em 0.25em 0em; float:right; border-bottom:1px dotted #999; margin-bottom:0.5em; } #submenuFamilias li img,#submenuFamilias li strong{ float:right; clear:both; font-size:0.9375em} */ #submenuCatDocumentos{ display:table-cell;width:9em; min-height:3em; padding-right:2em; padding-bottom:2em; } #submenuCatDocumentos ul.menuDesplegable{ float: right;} #submenuCatDocumentos .menuDesplegable li{ position:relative;width:100%;float:right; padding:0.5em 0; text-align:right;} #submenuCatDocumentos .menuDesplegable li+li{ border-top:1px dotted #999; } #submenuCatDocumentos li a:link,#submenuCatDocumentos li a:visited{color:#000; } #submenuCatDocumentos li a:hover,#submenuCatDocumentos li a:focus,#submenuCatDocumentos li:hover a,#submenuCatDocumentos li.visible a,#submenuCatDocumentos li:target a{color:#119FCD;} #submenuCatDocumentos li:hover a span+span, #submenuCatDocumentos li:focus a span+span, #submenuCatDocumentos li.visible a span+span,#submenuCatDocumentos ul.menuDesplegable li:target a span+span{background-image:url(/images/iconos/ivac/flechaDcha.gif);background-position:right bottom; padding-left:0; padding-right:1.5em; } #submenuCatDocumentos li:hover a.grisAA span+span, #submenuCatDocumentos li:focus a.grisAA span+span, #submenuCatDocumentos li.visible a.grisAA span+span{background-image:url(/images/iconos/ivac/flechaAbajoGris.gif); background-position:left bottom; background-repeat:no-repeat; padding-left:1.5em; padding-right:0.5em } #submenuCatDocumentos li:hover a.grisAA span+span{background-image:url(/images/iconos/ivac/flechaAbajoGris.gif); color:#aaaaaa} #submenuCatDocumentos ul.menuDesplegable li.visible > ul, #submenuCatDocumentos ul.menuDesplegable li:hover > ul,#submenuCatDocumentos ul.menuDesplegable a:focus + ul,#submenuCatDocumentos ul.menuDesplegable a:active + ul{ visibility: visible;opacity: 1; width:36em; } #submenuCatDocumentos ul.menuDesplegable li:target ul{ visibility: visible;opacity: 1; width:36em; z-index:301 } #submenuCatDocumentos li a strong{ font-size:1.125em;clear:both; float:right;padding-right:0.25em;} #submenuCatDocumentos li a span{ font-size:0.8125em;clear:both; float:right;padding-right:0.5em} #submenuCatDocumentos li a span+span{ color:#119FCD;background-image:url(/images/iconos/ivac/flechaAbajo.gif); background-position:left bottom; background-repeat:no-repeat; padding-left:1.5em} #submenuCatDocumentos li a.grisAA span+span{ background-image:url(/images/iconos/ivac/flechaAbajoGris.gif); color:#aaaaaa} #submenuCatDocumentos li a.grisAA span,#submenuCatDocumentos li a.grisAA strong{color:#aaaaaa} /*Estilos de los submenús del menu principal...*/ #submenuCatDocumentos ul.menuDesplegable ul, #submenuCatDocumentos ul.menuDesplegable li.invisible:hover > ul{ border:1px solid #ccc;visibility: hidden; overflow-x:hidden;opacity: 0; width:0; position: absolute; top:0em;left:9em; z-index: 999; box-shadow: 3px 5px 20px #777; background-color:#FFFFFF; /*opacity: 0.5;*/ -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; } #submenuCatDocumentos ul.menuDesplegable ul { background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.95); } #submenuCatDocumentos ul.menuDesplegable ul li { width:36em;float: left;text-align:left; padding:0.25em 0 0 0 } #submenuCatDocumentos ul.menuDesplegable ul li a:link, #submenuCatDocumentos ul.menuDesplegable ul li a:visited { float: left;width:92% ;color:#333; padding:0 4%;opacity: 1;} #submenuCatDocumentos ul.menuDesplegable ul li a.menuSel,#submenuCatDocumentos ul.menuDesplegable ul li a:hover, #submenuCatDocumentos ul.menuDesplegable ul li a:focus, #submenuCatDocumentos ul.menuDesplegable ul li a:active{ color:#119FCD;} #submenuCatDocumentos ul.menuDesplegable ul li img{ float:left; padding:0.25em 4%; width:2.5em; vertical-align:top} #submenuCatDocumentos ul.menuDesplegable ul li a span{ float:none; font-size:0.75em; clear:right!important; } #submenuCatDocumentos ul.menuDesplegable ul li a span+span{ float:none; font-size:0.6875em; color:#999; background-image:none; padding:0} #submenuCatDocumentos ul.menuDesplegable ul li+li{ border:none} #submenuCatDocumentos ul.menuDesplegable ul li+li+li{border-top:1px dotted #999;} #submenuCatDocumentos ul.menuDesplegable ul li.liCerrar{ text-align:right; float:right; padding-bottom:0.25em} .resultadoBusqueda{} #contenido .resultadoBusqueda h2{ font-size:0.875em;color:#119FCD;} .tipoRtdo{} .fondoPie {background-color:#f4f4f4;background-image:url(/images/general/fondoPie.gif); background-repeat:repeat-x; background-position:top; padding-bottom:2em;min-width:20em;/*768*/} #pieBlog {width:100%; padding:1em 0 0 0; min-width:20em/*768*/; max-width:78.625em/*1258px*/; min-height:2em; margin:0 auto;} .titularBlog{ font-size:1em; border-bottom:1px solid #999; font-weight:bold; padding:0.5em 0; color:#999} .titularBlog img{ width:30px; vertical-align:middle} #pieBlog ul li{border-bottom:1px solid #999; padding:0.5em 0} #pieBlog a{ color:#666;} #pieBlog a:hover,#pieBlog a:focus,#pieBlog a:active{ color:#119FCD; } #pieBlog a.azul:link,#pieBlog a.azul:visited{ color:#119FCD;} #pieBlog a.azul:hover,#pieBlog a.azul:focus,#pieBlog a.azul:active{ color:#000;} .resumenCategorias{ width:23%; padding-left:2%; float:left;} .resumenCategorias li a{ font-size:0.75em} .resumenEntradas{ width:47%; padding-left:3%; float:left;} .resumenEntradas li p{ font-size:0.75em} .resumenEtiquetas{ width:22%; padding-left:3%; padding-right:0; float:left;} .resumenEtiquetas ul{ } #pieBlog .resumenEtiquetas li{ text-align:left; clear:none; display:inline; border:none } .resumenEtiquetas li a:link,.resumenEtiquetas li a:visited{ clear:both; text-align:left; } .nube0{ font-size:55%} .nube1{ font-size:60%} .nube2{ font-size:65%} .nube3{ font-size:70%} .nube4{ font-size:80%} .nube5{ font-size:90%} .nube6{ font-size:100%} .nube7{ font-size:120%} .nube8{ font-size:130%} .nube9{ font-size:140%} .nube10{ font-size:150%} /*#cabeceraBlog{ width:100%; text-align:center; padding:0.5em 0} #cabeceraBlog span{background-image:url(/images/comunicaciones/icBlog.png); background-repeat:no-repeat; background-position:left middle; padding:0.25em 1em 1em 2em} */ #pie {width:100%; padding:1em 0 1em 0; min-width:20em/*768*/; max-width:78.625em/*1258px*/; min-height:1em; margin:0 auto; } .bordeSup{ border-top:1px solid #ccc;background-color:#f4f4f4;} /*PAGINACION*/ .paginacion { min-height:1em; margin:0 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; text-align:right; padding-top:0.5em} .paginacion ul{ margin:0; padding:0 0 0 0.5em; list-style:none; float:right;} .paginacion li { margin:0; padding:0 0.125em 0 0; list-style:none; float:left} .paginacion ul span{ float:left; padding:0.25em 0 0 0; font-size:0.75em} .paginacion span.textoPag { padding-top:0;color:#000;font-size:0.75em;font-weight:bold; } .btnPagina, .btnPagina:link, .btnPagina:visited{ float:left; font-size:0.75em; font-weight:bold; min-height:1em; padding:0.25em 0.125em 0.125em 0.25em; margin:0; color:#119FCD; text-decoration:none} .btnPagina:hover, .btnPagina:focus, .btnPagina:active{ color:#000} .paginacion .pagActual {float:left; font-size:0.75em; font-weight:bold; min-height:1em; padding:0.25em 0.2em 0.125em 0.25em; margin:0 0.125em 0.125em 0.125em; color:#000;} /*GOOGLE MAP*/ #map { width:100%; min-height:25em; margin-top:0em; float:left; text-align:center; } #map div{} #map p{ text-align:left} /*#pano { width: 16.4em; min-height:35em; margin-top:0.5em; padding-left:2em; float:left;background-color:#transparent }*/ .iwstyle { font-size:16pt;} #pano { width:100%/*1002*/; height:15em;text-align:center; } .capaFlash1{ height: 0; padding: 0 0 75% 0; position: relative;} .capaFlash2{ height: 0; padding: 0 0 90% 0; position: relative;} .flashSCFP{position:absolute;top:0;left:0;width:100%;height:100%;padding:0; margin:0;} .capaDesplegable{ margin-top: 1rem;} .capaDesplegable ul{ cursor: default;} .capaDesplegable ul li {margin-top: 0.75rem;padding-left: 1.75em; background-image: url(/images/iconos/ivac/flechaDcha.gif); background-repeat: no-repeat;background-position: left 2px; font-size: 0.8125rem!important; cursor: default;} .capaDesplegable ul li.desplegado { background-image: url(/images/iconos/ivac/flechaAbajo.gif); background-repeat: no-repeat; cursor: s-resize;} .capaDesplegable ul li.noDesplegado { background-image: url(/images/iconos/ivac/Mas.gif); background-repeat: no-repeat; cursor: s-resize;} .capaDesplegable ul li a:link,.capaDesplegable ul li a:visited{ color: #27b1d8!important;} /* estilos Cookie tool */ .cookietool-message { position: fixed; width: 100%; padding: .5em; text-align: center; background-color:#000000;opacity: .85; border: 0 solid #ccc; color: #eee; z-index:999} .cookietool-message-top { border-width: 1px;border-bottom: 1px; top: 0;} .cookietool-message-bottom { border-top: 1px solid; bottom: 0;} .cookietool-message p { margin: 0 1em; margin-bottom: .5em; font-size:0.875em; color:#CCCCCC} .cookietool-message a { color:#fff; text-decoration:underline} .cookietool-message button { font-size:0.875em;background-color:#fff; border:1px solid #eee; color:#000000; text-transform:uppercase; padding:0 1em } #cookietool-settings a { color:inherit; text-decoration:underline; font-weight:bold} #submenuFamilias.capaBanners{ padding:3.75em 0 0 1em; box-sizing: border-box; width:14.75rem } img.bannerFamilias{ max-width:13.75em; box-shadow: 5px 6px 10px #bbb; } #listaArticulos li{ width:100%; padding:0.5rem 0; border-bottom:none; border-top:1px dotted #999} #listaArticulos li h3{font-size:.875rem; font-weight:normal; border:none; text-align:justify} .opentip .content li{ list-style-image:url(/images/iconos/ivac/puntoAzul.png);} hr.fino{ height: 1px; border: 0; color: #ccc; background-color: #ddd; margin: 2rem 0; } @media screen and (max-width:480px) { #submenuCatDocumentos ul.menuDesplegable li.visible > ul, #submenuCatDocumentos ul.menuDesplegable li:hover > ul,#submenuCatDocumentos ul.menuDesplegable a:focus + ul,#submenuCatDocumentos ul.menuDesplegable a:active + ul{ width:10em; } #submenuCatDocumentos ul.menuDesplegable li:target ul{ width:10em; } /* #submenuCatDocumentos ul.menuDesplegable li > ul.visible, #submenuCatDocumentos ul.menuDesplegable ul li,#submenuCatDocumentos ul.menuDesplegable li:hover > ul,#submenuCatDocumentos ul.menuDesplegable a:focus + ul,#submenuCatDocumentos ul.menuDesplegable a:active + ul { width:10em; } #submenuCatDocumentos ul.menuDesplegable ul:target {width:10em; } */ #submenuCatDocumentos ul.menuDesplegable ul { border:none;} #submenuCatDocumentos ul.menuDesplegable ul li { width:10em;} #logoGV{ width:8; display:block; margin-top: -3em} } @media screen and (min-width:481px) and (max-width:799px) { #submenuCatDocumentos ul.menuDesplegable li.visible > ul, #submenuCatDocumentos ul.menuDesplegable li:hover > ul,#submenuCatDocumentos ul.menuDesplegable a:focus + ul,#submenuCatDocumentos ul.menuDesplegable a:active + ul{ width:30em; } #submenuCatDocumentos ul.menuDesplegable li:target ul{ width:30em; } #submenuCatDocumentos ul.menuDesplegable ul { border:none;} #submenuCatDocumentos ul.menuDesplegable ul li { width:30em;} } @media screen and (max-width:799px) { #logo { background-image:none;} #logo .logoFP{ padding-right:0; margin-bottom:1em; float:right; width:4em; height:auto } #logo .fotoLogo{ padding-left:0em; width:18em; } #logoGV{ width:8; text-align:center; padding:1em 0 0 0} #logoGV img{ width:7.25em;} .padLateral{ padding-left:1em} .capaCrece,.estiloDivTabla, #submenuFamilias{ display:block; width:100%; padding:0;} #submenuFamilias{ text-align:center;} #submenuFamilias.capaBanners{ padding-left: 0; margin-top:3em} img.bannerFamilias{ max-width:100%;} .capaFlash1,.capaFlash2{ height:auto; padding:0; position:inherit} .flashSCFP{position:inherit;} .fondoMenuSup{height:auto;} #menuSup{ height:auto; } #menuSup div{ height:auto;} #menuSupDcha{ overflow-x: visible; } #logo a.rss:link,#logo a.rss:visited{ float:right; padding: 0.25em 1.5em 0.25em 0.5em; margin-top:1em; background-color:#FFFFFF;} #menuSup #breadCrumb{ padding-left:4em; float:left; background-image:none } #breadCrumb a:link,#breadCrumb a:visited,#breadCrumb > span{ float:left;color:#666; font-size:0.75em; padding:1em 0.25em 1em 1.125em;background-image:url(/images/general/breadcrumb-flecha.png); background-position:left center; background-repeat:no-repeat;} #breadCrumb a:hover,#breadCrumb a:focus,#breadCrumb a:active{color:#119FCD;} #capaIdiomas{ float:right; padding-right:1em} #capaIdiomas a,#capaIdiomas span{float:left; color:#666; font-size:0.75em; padding:1em 0.375em} #capaIdiomas span{ text-decoration:underline; color:#333} #menuSup #capaBuscador{ float:right;height:2.125em; padding:0.5em 1em 0 1em; } #capaBuscador input[type=submit]{border-radius:0.25em; padding:0.25em 0.25em; font-size:0.75em; background-color:#27b1d8; color:#fff; font-weight:bold; border:none} #capaBuscador input[type=text]{border-radius:0.25em; border:1px solid #999; padding:0.25em 0.5em; font-size:0.75em; font-weight:normal; width:6em } #capaBuscador label span{ display:none} #capaBuscador label span+span{ display:inherit} .nube4{ font-size:75%} .nube5{ font-size:80%} .nube6{ font-size:85%} .nube7{ font-size:90%} .nube8{ font-size:95%} .nube9{ font-size:100%} .nube10{ font-size:105%} #cuerpo{ display:block} #menu { display:block; background-image:none; } #contenido { display:block;padding-left:1em; } #menu li.fondoAzul a:link, #menu li.fondoAzul a:visited,#menu li.fondoGrisOsc a:link, #menu li.fondoGrisOsc a:visited{background-image:none; } #menu li.fondoAzul img {display:none; height:0; visibility:hidden} #menu li.fondoAzul {/*font-size:1.5em;*/ padding-top:0; margin:0; background-color:#FFCCCC} .noVisiblePeq{ display:none} #menumovil { width: 100%; overflow:hidden; display:block; text-align:center; padding:0;background-color:#CCCCCC; } #menu { width: 100%; float:left;padding:0; margin:0;min-height:0; } #menu .paddingLateral{ padding:0} #menu #menuDesplegable{display:none; margin:0; padding:0; z-index: 330; } #menu #menuDesplegable:target{ margin:0;padding:0em; width:100%; list-style-type:none; float:left; display:block; } #menu #menuDesplegable:target ul{ padding-left:0em; float:left} #menu #menuDesplegable:target li{ margin:0;padding:0em;width:100%; } #menu #menuDesplegable:target li+li {border:none} #menu #menuDesplegable:target li a:link, #menu #menuDesplegable:target li a:visited { color:#666;float:left; width:100%; padding:.75em 2em; background-color:#fff; font-size:0.875em; font-weight: bold;text-transform:uppercase; cursor:pointer; box-sizing:border-box } #menu #menuDesplegable:target li a img{ margin:0; padding:0; width:0} #menu #menuDesplegable:target li a:hover, #menu #menuDesplegable:target li a:focus, #menu #menuDesplegable:target li a:active, #menu #menuDesplegable:target li span:hover {background-color:#ddd; } #menu #menuDesplegable:target li span { color:#666;float:none; width:100%; padding:0; /*font-size:0.6875em;*/ } #menu #menuDesplegable:target li ul li a:link, #menu #menuDesplegable:target li ul li a:visited { font-size:0.75em;color:#666666;width:100%; padding:1em 0 1em 0; background-color:#FFFFFF; font-weight:normal; text-transform:none } #menu #menuDesplegable:target li ul li a:hover, #menu #menuDesplegable:target li ul li a:focus, #menu #menuDesplegable:target li ul li a:active { background-color:#ddd} #menu #menuDesplegable:target li a.activo{ color:#fff!important; background-color:#aaa} #menu #menuDesplegable:target li ul li a.activo{ color:#FF6600!important} #menu #menuDesplegable:target li.liOrientadores span { padding-left:2em } #menu ul li#servOrientacion{ height:auto} #menu ul#menuDesplegable ul { visibility:visible;position: relative; z-index: 298; box-shadow:none; background-color:#FFFFFF; text-align:center; width:100%; margin:0; left:0} #menu ul#menuDesplegable ul li { float: left; width:100%; padding:0.5em 0 0 0; margin:0} #menu ul#menuDesplegable ul li+li { padding:0; border:none;border-top:1px solid #999} #menu ul#menuDesplegable li ul li a:link, #menu ul#menuDesplegable li ul li a:visited { font-size:0.75em;width:100% ;color:#999; background-color:#fff; padding:0; font-weight:normal} #menu ul#menuDesplegable li ul li a.menuSel,#menu ul#menuDesplegable li ul li a:hover, #menu ul#menuDesplegable ul li a:focus, #menu ul#menuDesplegable ul li a:active{ color:#119FCD; background-color:#eee} #menu ul#menuDesplegable li:hover > ul { visibility: visible; display:block} #menu { margin: 0; } /*menu movil #menu ul { margin-bottom: 0; } #menu a { display: block; }*/ #menuDesplegable { margin: 0; outline: 0; padding:0; } #jump { width:100%; display:block; font-weight:bold; padding:1em 0} /* #jump { background-color:#B3000D; cursor: pointer; text-decoration:none; display: block; padding: 0; margin:0; text-align:center; vertical-align:middle; width: 100%; min-width:20em; position: absolute; right: 0; top: 0; z-index: 200; padding-top:1em} #jump span {color:#FFFFFF; width:100%; position:relative;display:block; top:-1em } #jump #tituloMenu { font-size:1.5em} #jump #iconoMenu { text-align:right; vertical-align:middle; float:right; } */ body:not(:target) #menuDesplegable { outline: 0; margin: 0; padding-top:0; position: absolute; /*top: 0em;*/ right: 0; left: 0; z-index: 1; } body:not(:target) #menuDesplegable a,body:not(:target) #menuDesplegable span { border-bottom-width: 0; /*font-weight: bold;*/ overflow: hidden; /*height: 0; line-height: 0;*/ } body:not(:target) #menuDesplegable:target { z-index: 999; } body:not(:target) #menuDesplegable:target a,body:not(:target) #menuDesplegable:target span { position: relative; z-index: 999; -moz-transition: height .25s, line-height .25s; -ms-transition: height .25s, line-height .25s; -o-transition: height .25s, line-height .25s; -webkit-transition: height .25s, line-height .25s; transition: height .25s, line-height .25s; } body:not(:target) #menuDesplegable:target #back { display: block; position: relative; } body:not(:target) #menuDesplegable:target #back a { background: transparent; border: 0; display: block; height: auto; line-height: 1; position: absolute; top: -101em; bottom: -101em; left: 0; right: 0; text-indent: -999em; z-index: 0; } body:not(:target) #menuDesplegable:target + #overMenu { background:transparent url(/images/general/bgTransNegro.png); background-repeat:repeat; z-index:100; border: 0; display: block; height: auto; line-height: 1; position: fixed; top: -101em; bottom: -101em; left: 0; right: 0; text-indent: -999em; } /*menu movil*/ } @media screen and (min-width:800px) and (max-width:1024px) { #submenuCatDocumentos ul.menuDesplegable li.visible > ul, #submenuCatDocumentos ul.menuDesplegable li:hover > ul,#submenuCatDocumentos ul.menuDesplegable a:focus + ul,#submenuCatDocumentos ul.menuDesplegable a:active + ul{ width:30em; } #submenuCatDocumentos ul.menuDesplegable li:target ul{ width:30em; } #submenuCatDocumentos ul.menuDesplegable ul { border:none;} #submenuCatDocumentos ul.menuDesplegable ul li { width:30em;} #logo .logoFP{ padding-right:0; } } @media screen and (min-width:1024px) and (max-width:1024px){ #logo .logoFP{ padding-right:9em; } } @media screen and (min-width:1025px){ #breadCrumb a:before,#breadCrumb span:before{ content: attr(title);} #breadCrumb a span,#breadCrumb span span{ display:none} #submenuCatDocumentos ul.menuDesplegable li.visible > ul, #submenuCatDocumentos ul.menuDesplegable li:hover > ul,#submenuCatDocumentos ul.menuDesplegable a:focus + ul,#submenuCatDocumentos ul.menuDesplegable a:active + ul{ width:45em; } #submenuCatDocumentos ul.menuDesplegable li:target ul{ width:45em; } #submenuCatDocumentos ul.menuDesplegable ul { border:none;} #submenuCatDocumentos ul.menuDesplegable ul li { width:45em;} /*#cuerpo{width:78.625em}*/ }