body { background-color: #FFFFFF; background-image: url(/images/ui/trama_bg.gif); margin: 20px 20px 20px 20px; font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px !important; font-size: 0.75em; } /* font-size: 12px; font-size: 1.1em !important; font-size: 0.75em; */ .contenedor { width: 75em; margin: auto; overflow: auto;} /***************************************************************************************************************** * VARIOS *****************************************************************************************************************/ h3.bienvenido { margin-bottom: 0.5em; } div.texto ul { margin-top: 0.5em; } div.texto + li { list-style: circle; margin-left: 2em;} div.no-list ul { margin: 0px;} div.no-list li { list-style: none; margin: 0px; } .float-left { float: left; } .clear-both { clear: both; } .margin-top-10 { margin-top: 10px; } .padding-top-15 { padding-top: 15px; } .margin-top-15 { margin-top: 15px; } .no-visible { display: none; } .display-none { display: none; } strong, b, .bold { font-weight: bold; } a { text-decoration: none; } a:hover { text-decoration: underline; } .desplazamiento-main { margin-top: 400px; } .aviso {line-height: 1.5em;} /***************************************************************************************************************** * CABECERA *****************************************************************************************************************/ #cabecera { background: url(/images/ui/degradado_cabecera.gif) repeat-x; height: 100% !important; height: 90px; width: 75em; background-color: #012756; overflow: hidden;} #cabecera-titulo { clear: both; background: url("/images/ui/label_bg.gif") repeat-x; background-color: #00408C; height: 3.7em; border-bottom: 5px solid #CCCCCC; z-index: 0;} #cabecera-titulo .izquierda { float: left;background: url("/images/ui/label_izq.gif") no-repeat; height: 15px; width: 17px; z-index: 0; } #cabecera-titulo .derecha { float: right; background: url("/images/ui/label_dch.gif") no-repeat; height: 15px; width: 17px; z-index: 0; } #cabecera-titulo .contenido { padding-top: 20px; z-index: 0; } #logo-eoi { float: left; margin-top: 15px; } #logo-reg-murcia { float: right; margin-right: 40px; margin-top: 10px;} #contenedor-foto-cabecera { z-index: 1; overflow: hidden; padding-bottom: 21em;} #foto-cabecera { display: block; z-index: 1; margin-top: -4.25em; position: absolute; width: 55.42em; height: 23.42em;} /***************************************************************************************************************** * LAYOUT *****************************************************************************************************************/ #contenido-derecha { width: 15.83em;float: right;} #contenido-izquierda { float: left; width: 55.42em; } #contenido-izquierda h2 { clear: both; font-size: 1.5em; color: #003C83; padding-bottom: 15px; } #contenido-izquierda .texto { float: left; width: 38em; padding-left: 1.25em; color: #0f0f0f; text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; } #contenido-izquierda .texto strong { color: #003C83; } #contenido-izquierda .texto td { border: 1px solid gray; padding: 2px;} #contenido-izquierda .texto-wide { float: left; } /* BUSQUEDA */ #contenido-izquierda .busqueda { font-family: arial; color: #848484; padding-bottom: 15px; } #contenido-izquierda .resaltado { font-family: arial; color: #CC0000; } #contenido-izquierda .busqueda-resultado { border-top: 1px solid #E0E0E0; padding-top: 15px; padding-bottom: 15px; color: #3674AC; } #contenido-izquierda .busqueda-resultado a { font-weight: bold; color: #003C83; } #contenido-izquierda .busqueda-resultado p { color: black; padding-top: 8px;} #contenido-izquierda .busqueda-resultado p strong { color: #cc0000; } /* MENÚ */ #menu { margin-top: 15px; float: right; margin-right: 15px; width: 58.33em; text-align: right; } #menu li { display : inline; padding: 0px 0px 0px 5px; border-left: 2px solid white; } #menu li a { font-weight: bold; color: white; margin-right: 10px; font-size: 1em; text-decoration: none;} #menu li a:hover { text-decoration: underline; } #menu a.ingles-online { background: url("/images/ui/micro_icono_EOI_online.png") 1px 2px no-repeat; padding-left: 45px;} #breadcrumb { margin-left: 10px !important; margin-left: 0px; margin-top: 2px; z-index: 2; position: absolute;} #breadcrumb li h2, #breadcrumb li h3 { display: inline; } #breadcrumb li h2 { font-size: 1.1em;} #breadcrumb li h3 { font-weight: normal; font-size: 1em; } #breadcrumb li { display: inline; color: white; margin-left: 8px; font-size: 1.1em; } #breadcrumb li a { color: #B5D7F1; font-size: 1.0em; padding-right: 3px; } /* LOGOTIPO */ a.inicio { display: block; float: left; margin-left: 35px !important; margin-left: 20px; margin-top: 15px; margin-bottom: 10px;} #enlaces-menu { float: right; margin-top: 5px; margin-right: 15px; z-index: 0;} #enlaces-menu li { display: inline; } #enlaces-menu li.first { margin-right: 20px;} a.rss { padding-left: 40px; background: url("/images/ui/icono_rss_barra.gif") no-repeat 5px -2px; font-size: 0.9em; color: #B5D7F1; text-decoration: none; } a.contactar { padding-left: 20px; background: url("/images/ui/icono_contactar.gif") no-repeat; font-size: 0.9em; color: #B5D7F1; } #contenedor-foto-seccion { z-index: 1; overflow: hidden; padding-bottom: 12em;} #foto-seccion { display: block; z-index: 1; margin-top: -3.6em; position: absolute; height: 14.08em; width: 55.50em; margin-bottom: 15px; } #contenido-seccion { padding: 15px; background-color: white; overflow: hidden;} /* SUBMENU */ #menu-izquierda { float: left; width: 15.42em; overflow: hidden;} #submenu { clear: both; width: 15.42em; } #submenu li { padding: 5px 0px 5px 20px; background: url(/images/ui/boton_seleccion.gif) no-repeat 0px 5px; border-top: 1px solid #E8E8E8; } #submenu li.first { border: 0px; } #submenu li a { font-weight: bold; color: #003C83; text-decoration: none; font-weight: bold; } #submenu li a:hover { text-decoration: underline; } #submenu li.subseccion { padding: 2px 0px 2px 30px; background: none; } #submenu li.subseccion a { font-weight: normal; color: #0C61C6; } #banners { margin-top: 25px; } #banners li { margin-top: 25px;} #banners li img { display: block; margin: auto;} .css { clear: both; float: right; padding: 10px; padding-top: 60px; } /* PIE */ #pie { background: url("/images/ui/degradado_pie.gif") repeat-x; height: 89px; clear: both; } #enlaces-pie { width: 71em; margin: auto; overflow: hidden; margin-top: 1.5em; padding-right: 2em; padding-left: 2em;margin-bottom: 2em; } #enlaces-pie li.o2w { float: left; } #enlaces-pie li { float: right; font-size: 0.9em;} #enlaces-pie li a { color: #444; font-size: 1.2em;} #enlaces-pie li.privacidad { margin-right: 1em; border-right: 1px solid gray; padding-right: 1em;} /***************************************************************************************************************** * UI *****************************************************************************************************************/ .modulo-derecha { background-color: #E0E0E0; margin-bottom: 15px; } .modulo-derecha h4 { color: white; font-size: 0.9em; padding: 5px; text-indent: 5px; } .modulo-derecha .contenido { padding: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.4em;} #buscar-en-la-web h4 { background: url("/images/ui/icono_buscar.gif") no-repeat 98% 50%; background-color: #00408C;} #buscar-en-la-web input { width: 10em; float: left; font-size: 0.9em;} #buscar-en-la-web input.submit { width: auto; float: right; font-weight: bold; font-size: 1.1em;} #cursos h4 { background: url("/images/ui/icono_cursos.gif") no-repeat 98% 50%; background-color: #00408C;} #cursos .contenido { background: url("/images/ui/icono_cursos_color.gif") no-repeat 8px 50%; padding-left: 45px; } #cursos .contenido a { color: black; } #rss h4 { background: url("/images/ui/icono_rss.gif") no-repeat 98% 50%; background-color: #00408C;} #rss .contenido { background: url("/images/ui/icono_rss_color.gif") no-repeat 8px 50%; padding-left: 45px; } #rss .contenido a {color: black; } #legislacion { background-color: #F3EFE4;} #legislacion h4 { background: url("/images/ui/icono_legislacion.gif") no-repeat 98% 50%; background-color: #4B84B9; } #legislacion a { color: #4A4A4A; } #legislacion acronym { color: #00408C; font-weight: bold; } #legislacion li { border-top: 1px solid #E1DCD3; padding-top: 5px; padding-bottom: 5px; } #legislacion .ver-todo { background-color: #D9D2C2; display: block; padding: 2px; text-align: right; font-size: 1em; margin-top: 10px; height: 12px;} #campus-virtual { background-color: #F3EFE4; overflow: hidden; } #campus-virtual .contenido { padding-bottom: 0px;} #campus-virtual h4 { background: url("/images/ui/icono_security.gif") no-repeat 98% 50%; background-color: #4B84B9; } #campus-virtual p { background: url("/images/ui/icono_usuarios_color.gif") no-repeat 0px 0px; padding-left: 40px; display: block; height: 4em; } #campus-virtual div.celda { float: left; padding-bottom: 1.2em;} #campus-virtual label { font-size: 0.9em; color: #3674AC; width: 6.9em !important; width: 5em; display: block; margin-right: 0.3em;} #campus-virtual input.text { font-size: 0.9em !important; font-size: 1em; color: #3674AC; width: 90% !important; width: 6em; height: 1em;} #campus-virtual input.submit { float: left; padding-top: 1em; } /***************************************************************************************************************** * NOTICIAS/HOME *****************************************************************************************************************/ div.noticia-destacada { border: 1px solid #4B84B9; margin-top: 15px; margin-bottom: 15px; overflow: hidden;} div.noticia-destacada h2#noticia-title { font-size: 1.1em; background-color: #4B84B9; padding: 3px; color: white; text-indent: 0.6em;} div.noticia-destacada h3 a { font-size: 1.3em;color: #3674AC; margin-bottom: 10px; line-height: 1.2em; display: block;} div.noticia-destacada a { color: #3674AC; } div.noticia-destacada .contenido { padding: 15px; color: #818181; line-height: 1.1em; font-size: 0.9em; } div.noticia-destacada .contenido .fecha { font-size: 0.9em; margin-right: 0.6em; color: #3674AC; } div.noticia-destacada img { margin-left: 6px; float: right; margin-bottom: 1em;} ul.noticias { line-height: 1.2em; font-size: 0.9em; color: #818181; } ul.noticias a { color: #3674AC; font-size: 1.1em; display: block; margin-bottom: 2px; text-decoration: none;} ul.noticias a:hover {text-decoration: underline;} ul.noticias .fecha { font-size: 0.9em; color: #4A4A4A;} ul.noticias li { border-top: 1px solid #E0E0E0; padding-top: 15px; padding-bottom: 15px; overflow: hidden;} ul.noticias li.first { border: 0px; } img.foto-noticia { float: right; border: 1px solid #ccc; padding: 1px; margin-left: 1em; } /***************************************************************************************************************** * NOTICIAS/VIEW *****************************************************************************************************************/ h2.noticias { padding-top: 25px; font-size: 1.4em; color: #003C83; padding-bottom: 5px; } /***************************************************************************************************************** * CONTENT/VIEW *****************************************************************************************************************/ h3.subtitulo { color: #848484; font-weight: normal; margin-bottom: 15px;} div.adjunto { border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; padding-top: 10px; font-size: 0.9em; color: #818181; margin-top: 15px; overflow: hidden; margin-bottom: 15px; padding-bottom: 10px;} div.adjunto a { color: #3674AC; display: block; font-size: 1.2em; margin-bottom: 5px; } div.adjunto .size { color: #4A4A4A;} div.adjunto img.pdf { float: left; margin-top: 0px; margin-right: 10px;border-bottom: 2px solid #E0E0E0; border-right: 2px solid #E0E0E0; padding: 1px ;} ul.adjuntos { } li.otros.adjuntos { border-bottom: 1px solid #E0E0E0; padding-top: 0px; font-size: 0.9em; color: #818181; overflow: hidden; margin-bottom: 15px; padding-bottom: 10px; } li.otros.adjuntos a { color: #3674AC; display: block; font-size: 1.2em; margin-bottom: 5px; } li.otros.adjuntos img.pdf { float: left; margin-top: 0px; margin-right: 10px;border-bottom: 2px solid #E0E0E0; border-right: 2px solid #E0E0E0; padding: 1px ;} /***************************************************************************************************************** * DONDE_ESTAMOS/INDEX *****************************************************************************************************************/ .donde-estamos { color: #848484; } #mapas { width: 350px; background-color: #F6F3F3; float: left; overflow: hidden; margin-bottom: 25px; margin-top: 15px; border: 1px solid #CCCCCC;} #mapas #pestanas { overflow: hidden; } #mapas #pestanas li { display: block; float: left; } #a-mapa-caravaca.selected, #a-mapa-mula.selected { background-color: #F6F3F3; border: 0px; color: #3674AC; width: 165px; } #a-mapa-mula, #a-mapa-caravaca { border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #CCCCCC; color: #818181; background-color: #E4E4E4;} #a-mapa-caravaca { border-right: 1px solid #CCCCCC; border-left: 0px;} #mapas #pestanas li a { display: block; width: 164px; padding: 5px; padding-top: 10px; padding-bottom: 10px;text-align: center; } #map { margin: 5px; } #formulario-contacto { width: 300px; font-size: 0.9em; color: #3674AC; float: right; overflow: hidden; margin-bottom: 25px; margin-top: 15px;} #formulario-contacto h5 { color: #3674AC;} #formulario-contacto label { float: left; width: 120px; padding-bottom: 5px; margin-top: 15px; } #formulario-contacto label.br { float: right; width: 143px; padding-bottom: 5px; margin-top: 15px; } #formulario-contacto #nombre, #formulario-contacto #apellidos, #formulario-contacto #telefono, #formulario-contacto #email { float: left; width: 135px; font-size: 0.9em;} #formulario-contacto #apellidos, #formulario-contacto #email { margin-left: 15px;} #formulario-contacto .text-padding { width: 10em; margin-top: 35px; } #formulario-contacto #enviar-consulta { font-size: 0.9em; margin-top: 30px; } #formulario-contacto #consulta { width: 295px; height: 6em; font-size: 0.9em; margin-top: 35px; margin-bottom: 15px;} #formulario-contacto #enviar { margin-left: 13em; font-size: 0.9em;} #messageBox label.error { color: red; width: 300px; display: block;} #messageBox { width: 350px; display: none; overflow: hidden;} #direcciones { margin-bottom: 25px; color: #4A4A4A; overflow: hidden; width: 635px; padding: 15px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; line-height: 1.3em; } #direcciones .direccion { width: 350px; float: left; } #direcciones h6 { color: #3674AC;} #direcciones .phone { color: black; } /***************************************************************************************************************** * CURSOS_MONOGRAFICOS/INDEX *****************************************************************************************************************/ div.monograficos { border: 0px; width: 180px; padding-top: 10px; font-size: 0.9em; color: #818181; overflow: hidden; margin:0px; padding-bottom: 10px; width: 180px; float: right; padding-left: 10px; } div.monograficos .size { text-align: center; } ul.monograficos { line-height: 1.2em; font-size: 0.9em; color: #818181; width: 665px; } ul.monograficos a { color: #3674AC; font-size: 1.1em; display: block; margin-bottom: 2px; text-decoration: none;} ul.monograficos a:hover {text-decoration: underline;} ul.monograficos .fecha { font-size: 0.9em; color: #4A4A4A;} ul.monograficos li { border-top: 1px solid #E0E0E0; padding-top: 15px; padding-bottom: 15px; overflow: hidden;} ul.monograficos li.first { border: 0px; } ul.monograficos h3 { margin-bottom: 10px; color: #3674AC; font-size: 1.2em; font-weight: bold; } ul.monograficos li .texto { color: #0f0f0f;} ul.monograficos li .texto strong { color: gray; } ul.monograficos li .texto li { margin: 2px; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1em; list-style: inside circle; border: 0px;} .sitemap li { padding: 5px 0px 5px 20px; background: url(/images/ui/boton_seleccion.gif) no-repeat 0px 5px;} ul.sitemap li { list-style: none; margin-left: 25px; } .sitemap .level-1 ul { margin-top: 5px;} .sitemap .level-2 { margin-left: 25px; } .sitemap .level-3 { margin-left: 50px; }