/************************************************************/ /* FUENTES */ /************************************************************/ @font-face { font-family: 'UC'; src: url('fonts/unvr57w-webfont.eot'); src: url('fonts/unvr57w-webfont.eot?iefix') format('eot'), url('fonts/unvr57w-webfont.woff') format('woff'), url('fonts/unvr57w-webfont.ttf') format('truetype'), url('fonts/unvr57w-webfont.svg#webfontTs97vHat') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'UCBold'; src: url('fonts/unvr67w-webfont.eot'); src: url('fonts/unvr67w-webfont.eot?iefix') format('eot'), url('fonts/unvr67w-webfont.woff') format('woff'), url('fonts/unvr67w-webfont.ttf') format('truetype'), url('fonts/unvr67w-webfont.svg#webfont23h4Pngb') format('svg'); font-weight: normal; font-style: normal; } /************************************************************/ /* GENERICO */ /************************************************************/ * { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333; } .clear { clear: both; } .oculto { display:none; } .centrado { text-align:center; } .justificado { text-align:justify; } body { margin: 0px; padding:0px; text-align: center; background:url(../img/background.jpg) repeat-x; } #franja_contenido { width:998px; margin:0 auto; } p { margin-bottom:10px; } #franja_contenido .volver { margin-top:10px; text-align:right; } #franja_contenido .volver a { color:#0066ff; text-decoration:none; } #franja_contenido .volver a:hover { text-decoration:underline; } #franja_contenido a.vermas { color:#0066ff; text-decoration:none; } #franja_contenido a.vermas:hover { text-decoration:underline; } #franja_contenido .mensaje_ok { padding:20px; color:#009900; font-size:12px; } #franja_contenido .mensaje_error { padding:20px; color:#cc0000; font-size:12px; } /************************************************************/ /* CABECERA */ /************************************************************/ #cabecera_web { height:211px; } #cabecera_web .contenido_cabecera { position:relative; width:998px; margin:0px auto; } #cabecera_web .contenido_cabecera .cabecera_logo { position:absolute; top:0px; left:0px; width:158px; height:212px; background:url(../img/cabecera_logo.jpg) no-repeat right; } #cabecera_web .contenido_cabecera .cabecera_logo img { padding:3px 0 0 15px; border:none; } #cabecera_web .contenido_cabecera .fisiocanarias { position:absolute; top:65px; left:170px; width:311px; height:157px; text-align:left; } #cabecera_web .contenido_cabecera .fisiocanarias a { text-decoration:none; } #cabecera_web .contenido_cabecera .fisiocanarias h1 { font-family:"UC"; font-size:41px; color:#365f8f; line-height:40px; font-weight:normal; letter-spacing:1px; } #cabecera_web .contenido_cabecera .animacion { position:absolute; top:0px; right:0px; width:495px; height:201px; } #cabecera_web .contenido_cabecera .links { position:absolute; top:20px; left:180px; width:60px; height:15px; } #cabecera_web .contenido_cabecera .links a { display:block; float:left; margin-right:8px; } #cabecera_web .contenido_cabecera .links a img { border:none; filter: alpha(opacity=50); opacity:.5; vertical-align:middle; } #cabecera_web .contenido_cabecera .links a:hover img { filter:alpha(opacity=100); opacity:1; } #cabecera_web .contenido_cabecera .buscador_cabecera { position:absolute; top:15px; left:330px; width:465px; height:24px; } #cabecera_web .contenido_cabecera .buscador_cabecera i { font-faimly:"UC"; font-size:13px; } #cabecera_web .contenido_cabecera .buscador_cabecera input.txt_buscador { width:240px; heght:18px; padding:2px 0; border:solid 1px #ccc; font-size:13px; } #cabecera_web .contenido_cabecera .buscador_cabecera input.txt_buscador:hover { border:solid 1px #999; } #cabecera_web .contenido_cabecera .buscador_cabecera input.btn_buscar { vertical-align:middle; width:22px; height:22px; background:url(../img/btn_buscar.png) no-repeat; border:none; cursor:pointer; } #cabecera_web .contenido_cabecera .buscador_cabecera input.btn_buscar:hover { background:url(../img/btn_buscar_over.png) no-repeat; } /************************************************************/ /* IZQUIERDA */ /************************************************************/ #menu_izquierda { float:left; width:158px; background:url(../img/sombra_menu.png) repeat-y right; } /*** Menu general ***/ #menu_izquierda #menu_general {} #menu_izquierda #menu_general ul { list-style:none; } #menu_izquierda #menu_general li { padding:4px 10px 4px 0; border-bottom:dotted 1px #999; text-align:right; } #menu_izquierda #menu_general a { color:#333; font-family:"UC"; font-size:15px; cursor:pointer; text-decoration:none; } #menu_izquierda #menu_general a:hover { color:#000; } /*** Menu facebook ***/ #menu_izquierda #menu_facebook { margin-top:20px; } #menu_izquierda #menu_facebook img { border:none; } /*** Menu colegiados ***/ #menu_izquierda #menu_colegiados { margin-top:20px; } #menu_izquierda #menu_colegiados .cabecera_menu_colegiados {} #menu_izquierda #menu_colegiados #items_menu_privado { margin-top:10px; } #menu_izquierda #menu_colegiados ul { list-style:none; } #menu_izquierda #menu_colegiados li { padding:4px 10px 4px 0; border-bottom:dotted 1px #999; text-align:right; } #menu_izquierda #menu_colegiados a { color:#333; font-family:"UC"; font-size:15px; cursor:pointer; text-decoration:none; } #menu_izquierda #menu_colegiados a:hover { color:#000; } #menu_izquierda #menu_colegiados #scroll_menu { background:#f0f0f0; padding:5px 0; text-align:center; cursor:pointer; border-top:solid 1px white; } #menu_izquierda #menu_colegiados #scroll_menu span { color:#0066ff; font-size:14px; font-family:"UC"; } #menu_izquierda #menu_colegiados .caja_login { padding:15px 0 15px 10px; background-color:#e5e5e5; background-image:url(../img/sombra_menu.png) repeat-y right; border-top:solid 1px white; } #menu_izquierda #menu_colegiados .caja_login .linea { margin-bottom:2px; } #menu_izquierda #menu_colegiados .caja_login .campo1 { float:left; width:50px; font-family:"UCBold"; font-size:14px; } #menu_izquierda #menu_colegiados .caja_login .campo2 { float:left; width:85px; } #menu_izquierda #menu_colegiados .caja_login .campo2 input.txt_form { width:83px; border:solid 1px #ccc; font-size:13px; font-size:11px; } #menu_izquierda #menu_colegiados .caja_login .campo2 input.txt_form:hover { border:solid 1px #999; } #menu_izquierda #menu_colegiados .caja_login .campo2 input.btn_entrar { width:75px; height:22px; background:url(../img/btn_entrar.png) no-repeat; cursor:pointer; text-align:center; font-size:14px; font-family:"UC"; border:none; } #menu_izquierda #menu_colegiados .caja_login .campo2 input.btn_entrar:hover { background:url(../img/btn_entrar_over.png) no-repeat; } #menu_izquierda #menu_colegiados .caja_login a.instrucciones { display:block; padding-top:10px; color:#0066ff; text-decoration:none; } #menu_izquierda #menu_colegiados .caja_login a.instrucciones:hover { text-decoration:underline; } /*** Estadisticas ***/ #menu_izquierda #estadisticas { margin-top:30px; margin-bottom:20px; padding:20px 0 0 40px; width:138px; height:128px; background:url(../img/estadisticas.png) no-repeat; color:#000; font-size:15px; text-align:left; font-family:"UC"; line-height:20px; } #menu_izquierda #estadisticas .negrita { font-family:"UCBold"; font-size:15px; } #menu_izquierda .sombra_menu_down { width:158px; height:96px; background:url(../img/sombra_menu_down.png) no-repeat right; } /************************************************************/ /* DERECHA */ /************************************************************/ #lateral_derecho { float:left; width:179px; margin-bottom:20px; } /*** Ultimas noticias ***/ #lateral_derecho #ultimas_noticias { background:#f0f0f0; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias { padding:8px 10px; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia { margin-bottom:20px; font-size:11px; text-align:left; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia a { text-decoration:none; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia .titulo { font-weight:bold; color:#000; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia .fecha { color:#ff6600; font-size:10px; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia .resumen { margin-top:8px; color:#666; font-size:11px; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia .foto { margin-top:8px; text-align:center; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia .foto img { padding:5px; border:solid 1px #ff6600; background:white; cursor:pointer; filter:alpha(opacity=90); opacity:.9; } #lateral_derecho #ultimas_noticias .listado_ultimas_noticias .noticia .foto img:hover { filter:alpha(opacity=100); opacity:1; } /*** Destacadas ***/ #lateral_derecho #destacadas { margin-top:1px; background:#f0f0f0; } #lateral_derecho #destacadas .listado_destacadas { padding:8px 10px; } #lateral_derecho #destacadas .listado_destacadas .destacada { margin-bottom:20px; font-size:11px; text-align:left; } #lateral_derecho #destacadas .listado_destacadas .destacada .fecha { color:#ff6600; font-size:10px; } #lateral_derecho #destacadas .listado_destacadas .destacada .titulo {} #lateral_derecho #destacadas .listado_destacadas .destacada .titulo a { color:#0066ff; text-decoration:none; } #lateral_derecho #destacadas .listado_destacadas .destacada .titulo a:hover { text-decoration:underline; } #lateral_derecho .botonera { padding-bottom:10px; } #lateral_derecho .botonera a.btn_noticias { margin:0 auto; display:block; width:151px; height:26px; padding-top:4px; background:url(../img/btn_noticias.png) no-repeat; text-align:center; font-size:14px; font-family:"UC"; cursor:pointer; border:none; color:#000; text-decoration:none; } #lateral_derecho .botonera a.btn_noticias:hover { background:url(../img/btn_noticias_over.png) no-repeat; } /************************************************************/ /* CENTRO */ /************************************************************/ #contenido_principal { float:left; width:613px; padding: 0 24px; text-align:left; } #contenido_principal h2.seccion { color:#004f88; font-size:22px; font-family:"UC"; font-weight:normal; border-bottom:dotted 1px #004f88; } #contenido_principal h2.seccion span.colorNaranja { color:#ff9900; font-size:22px; font-family:"UC"; font-weight:normal; } /************************************************************/ /* PIE */ /************************************************************/ #pie { margin-top:20px; border-top:solid 1px white; background:#333; width:100%; height:120px; } #pie .contenido_pie { position:relative; width:998px; height:120px; margin:0px auto; } #pie .contenido_pie .logo_fisiocanarias { position:absolute; top:24px; left:0px; width:188px; height:69px; } #pie .contenido_pie .direcciones { position:absolute; top:30px; left:190px; width:600px; height:80px; } #pie .contenido_pie .direcciones div.centrado { margin-bottom:8px; } #pie .contenido_pie .direcciones span.ciudad { font-size:10px; color:white; } #pie .contenido_pie .direcciones span.direccion { font-size:10px; color:#999; } #pie .contenido_pie .logo_vf { position:absolute; top:34px; right:10px; width:210px; height:60px; } #pie .contenido_pie .logo_vf .logo { float:left; margin-right:8px; } #pie .contenido_pie .logo_vf .info { float:left; padding-top:15px; color:white; text-align:left; } #pie .contenido_pie .logo_vf .info b { color:white; } #pie .contenido_pie .logo_vf .info a { color:white; font-weight:bold; text-decoration:none; } #pie .contenido_pie .logo_vf .info a:hover { text-decoration:underline; } /************************************************************/ /* PAGINACION */ /************************************************************/ .paginacion { padding:5px; background:#f8ab05; text-align:center; font-size:12px; } .paginacion span.actual { color:white; font-size:12px; background:#FF6600; padding:1px 4px; } .paginacion a { margin-right:2px; color:white; text-decoration:none; font-size:12px; } .paginacion a:hover { text-decoration:underline; } /*************************************************/ /* MODULO AGENDA */ /*************************************************/ /**** Calendario *****/ .modulo_agenda { padding:5px 0 10px 0; background:#f0f0f0; border-top:solid 4px #FFCC00; } .modulo_agenda .cabecera {height: 36px; color: #FFF;} .modulo_agenda .cabecera .titulo {color: #FFF; float: left; font-size: 16px; padding: 8px 0 0 15px; text-align: left; width: 100px;} .modulo_agenda .cabecera .titulo a {color: #FFF; text-decoration: none;} .modulo_agenda .cabecera .titulo a:hover {text-decoration: underline;} .modulo_agenda .cuerpo {border: 1px #b5b5b5 solid; border-top: none; width: 283px; padding: 10px 0px; background: url(../img/fondo_agenda.jpg) no-repeat center center; background-color: #fff;} .modulo_agenda #modulo_agenda_cargando {padding: 10px; text-align: center;} .modulo_agenda .modulo_calendario {width: 170px; margin: 0 auto;} .modulo_agenda .modulo_calendario #navegador_agenda_calendario { } #navegador_agenda_calendario .btn_anterior_calendario { float: left; margin-left: 5px; width:23px; height:22px; background:url(../img/btn/btn_anterior.png) no-repeat; border:none; cursor:pointer; } .modulo_agenda .modulo_calendario #navegador_agenda_calendario .meses_calendario {float: left; width:100px; padding:2px; background:#fff; border:solid 1px #365F8F; text-align: center; margin-left: 5px; font-size:11px; } #navegador_agenda_calendario input.btn_siguiente_calendario {float: left; margin-left: 5px; width:23px; height:22px; background:url(../img/btn/btn_siguiente.png) no-repeat; border:none; cursor:pointer;} .modulo_agenda .modulo_calendario .calendario { margin-top:5px; margin-bottom:3px; background: #fff; width: 169px; -moz-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888; -webkit-box-shadow: 0px 0px 3px #888;} .modulo_agenda .modulo_calendario .calendario .cabecera_calendario { width:169px; background:#365F8F; text-align: center;} .modulo_agenda .modulo_calendario .calendario .cabecera_calendario .dia { float:left; width:24px; height:16px; padding-top:2px; font-size:11px; font-weight:bold; text-align:center; color:white; background-color: #365F8F;} .modulo_agenda .modulo_calendario .calendario .contenedor_calendario { font-size:10px; } .modulo_agenda .modulo_calendario .calendario .otro_mes { background:#ECECEC; color:#AAA; } .modulo_agenda .modulo_calendario .calendario .con_evento { background-color:#6896c9; color: #fff; font-weight: bold;} .modulo_agenda .modulo_calendario .calendario .primero { border-left:solid 1px #c3cddc; } .modulo_agenda .modulo_calendario .calendario .ultimo { border-left:none; } .modulo_agenda .modulo_calendario .calendario .hoy { font-weight:bold; /*color:#fff; background-color: #7ec1ca;*/ } .modulo_agenda .modulo_calendario .calendario div.categoria {padding: 2px; font-size: 8px; overflow: hidden; width: 15px; height: 12px; margin-right:5px; float: left; margin-right: 5px;} .modulo_agenda .modulo_calendario .calendario div.categoria:hover {width: auto; height: auto; overflow: none;} .modulo_agenda .modulo_calendario .calendario .contenedor_dia { float:left; position: relative; left:0px; width:23px; height:23px; border-right:dotted 1px #365F8F; border-bottom:dotted 1px #538dc7; border-top:none; cursor:pointer; } .modulo_agenda .modulo_calendario .calendario .contenedor_dia:hover {background-color: #e0e9f3; color:black; } .modulo_agenda .modulo_calendario .calendario .contenedor_dia .dia {width:23px; height:19px; left:0px; padding-top:4px; text-align:center; z-index: 10; font-size:11px; } .modulo_agenda .modulo_calendario .calendario .contenedor_dia .info_agenda {cursor: default; position: absolute; right:0px; top:0px; width: 180px; border: 1px #96accc solid; background: #f0f0f0; z-index: 20; padding: 4px;} .modulo_agenda .modulo_calendario .calendario .contenedor_dia div.info_agenda:hover {font-weight: normal;} .modulo_agenda .modulo_calendario .calendario .contenedor_dia .info_agenda ul {list-style: none; text-align: left; } .modulo_agenda .modulo_calendario .calendario .contenedor_dia .info_agenda li.titulo {color: #fff; background-color: #365F8F; padding: 4px 10px; font-size: 11px; margin: 5px 0px; font-weight: bold; text-transform: uppercase;} .modulo_agenda .modulo_calendario .calendario .contenedor_dia .info_agenda li {color: #03366c; font-family: "Arial"; margin-bottom:8px; margin-left:5px; } .modulo_agenda .modulo_calendario .calendario .contenedor_dia .info_agenda li a {color: #03366c; text-decoration: none;} .modulo_agenda .modulo_calendario .calendario .contenedor_dia .info_agenda li a:hover {text-decoration: underline;}