BODY { min-width:995px; margin:0px; padding:0px; background:url(../img/bg.gif) repeat-x #FFFFFF; font-size:12px; font-family:Arial, Georgia; color:#646967; } HTML, BODY { height:100%; } A IMG { border:none; color:#007987; } #tamanio { min-height:100%; margin-bottom:-140px; } #cuerpo { margin:0px auto; width:995px; overflow:auto; .overflow:hidden; padding-bottom:140px; } #contenido { position:relative; margin:0px; padding:0px; margin-left:10px; width:656px; } #borde_azul { width:615px; margin:0px; padding:0px; margin-bottom:10px; border:1px solid #B3D4D9; margin-left:45px; } #borde_blanco { margin:0px; padding:0px; padding-bottom:20px; width:609px; border:3px solid #FFFFFF; background:#EEF8F9; } /* --- Estilo para la cabecera --- */ #cabecera { position:relative; height:320px; .height:310px; margin:0px; padding:0px; background:url(../img/bg_nube.jpg) top center no-repeat; } #cabecera #logo { position:absolute; left:50%; top:5px; _top:-5px; margin-left:-212px; z-index:5; } #cabecera #nube_fija { position:absolute; left:50%; top:-10px; _top:-20px; margin-left:-175px; z-index:4; } #cabecera #destello { position:absolute; left:50%; top:-10px; _top:-20px; margin-left:-250px; z-index:3; } #cabecera #centros { position:absolute; left:50%; top:230px; margin-left:250px; height:22px; width:187px; font-family:Georgia; font-size:15px; font-style:italic; color:#2D976E; z-index:3; } #cabecera #visitar { position:absolute; left:50%; top:223px; margin-left:442px; z-index:4; } *html #cabecera #nubes { position:absolute; left:0px; top:0px; z-index:0; } #menu { position:absolute; top:260px; left:50%; margin-left:-497px; padding:0px; width:995px; height:42px; list-style:none; overflow:hidden; background:url(../img/bg_menu.gif) no-repeat; z-index:9; } #menu li { float:left; display:block; margin-right:12px; } #menu a { height:84px; } #menu #inicio { width:44px; height:42px; overflow:hidden; margin-left:30px; _margin-left:15px; } #menu #conocenos { width:92px; height:42px; overflow:hidden; } #menu #proyecto { width:160px; height:42px; overflow:hidden; } #menu #actividades { width:92px; height:42px; overflow:hidden; } #menu #servicios { width:188px; height:42px; overflow:hidden; } #menu #blog { width:39px; height:42px; overflow:hidden; } #menu #empleo { width:56px; height:42px; overflow:hidden; } #menu #contacto { width:79px; height:42px; overflow:hidden; } #menu #inicio a img { margin-left:0px; margin-top:0px; } #menu #conocenos a img { margin-left:-64px; margin-top:0px; } #menu #proyecto a img { margin-left:-175px; margin-top:0px; } #menu #actividades a img { margin-left:-355px; margin-top:0px; } #menu #servicios a img { margin-left:-467px; margin-top:0px; } #menu #blog a img { margin-left:-674px; margin-top:0px; } #menu #empleo a img { margin-left:-732px; margin-top:0px; } #menu #contacto a img { margin-left:-807px; margin-top:0px; } #menu #inicio a:hover img { margin-top:-42px; } #menu #conocenos a:hover img{ margin-top:-42px; } #menu #proyecto a:hover img { margin-top:-42px; } #menu #actividades a:hover img { margin-top:-42px; } #menu #servicios a:hover img { margin-top:-42px; } #menu #blog a:hover img { margin-top:-42px; } #menu #empleo a:hover img { margin-top:-42px; } #menu #contacto a:hover img { margin-top:-42px; } #menu #inicio a.actual img { margin-top:-42px; } #menu #conocenos a.actual img{ margin-top:-42px; } #menu #proyecto a.actual img { margin-top:-42px; } #menu #actividades a.actual img { margin-top:-42px; } #menu #servicios a.actual img { margin-top:-42px; } #menu #blog a.actual img { margin-top:-42px; } #menu #empleo a.actual img { margin-top:-42px; } #menu #contacto a.actual img { margin-top:-42px; } /* Menu en IE6 */ *html #menu #inicio a { width:44px; overflow:hidden; cursor:hand; } *html #menu #conocenos a { width:92px; overflow:hidden; cursor:hand; } *html #menu #proyecto a { width:160px; overflow:hidden; cursor:hand; } *html #menu #actividades a { width:92px; overflow:hidden; cursor:hand; } *html #menu #servicios a { width:188px; overflow:hidden; cursor:hand; } *html #menu #blog a { width:39px; overflow:hidden; cursor:hand; } *html #menu #empleo a { width:56px; overflow:hidden; cursor:hand; } *html #menu #contacto a { width:79px; overflow:hidden; cursor:hand; } *html #menu #inicio a:hover { margin-top:-42px; } *html #menu #conocenos a:hover{ margin-top:-42px; } *html #menu #proyecto a:hover { margin-top:-42px; } *html #menu #actividades a:hover { margin-top:-42px; } *html #menu #servicios a:hover { margin-top:-42px; } *html #menu #blog a:hover { margin-top:-42px; } *html #menu #empleo a:hover { margin-top:-42px; } *html #menu #contacto a:hover { margin-top:-42px; } *html #menu #inicio a.actual:hover { margin-top:0px; } *html #menu #conocenos a.actual:hover{ margin-top:0px; } *html #menu #proyecto a.actual:hover { margin-top:0px; } *html #menu #actividades a.actual:hover { margin-top:0px; } *html #menu #servicios a.actual:hover { margin-top:0px; } *html #menu #blog a.actual:hover { margin-top:0px; } *html #menu #empleo a.actual:hover { margin-top:0px; } *html #menu #contacto a.actual:hover { margin-top:0px; } /* Fin en IE6 */ /* --- Estilo para el index --- */ #accesos { float:right; width:269px; margin:0px; padding:0px; padding-right:40px; } #corazon, #estrella { position:absolute; top:10px; left:1px; } #rotulos { position:relative; margin:0px; padding:0px; margin-left:10px; width:656px; height:285px; background:url(../img/bg_contenido.png) top right no-repeat; } #rotulos_rot { position:absolute; top:17px; left:69px; width:553px; height:266px; z-index:1; overflow:hidden; } #rotulos_rot div { float:left; width:553px; height:266px; z-index:-1; } #rotulos_rot p { position:absolute; bottom:0px; margin:0px; padding:10px; width:533px; text-align:center; font-size:20px; font-family:Georgia; font-weight:bold; font-style:italic; color:#FFFFFF; background:#2A916E; opacity:.9; filter:alpha(opacity=90); z-index:2; } #rotulos_rot p span { color:#FFFFFF; opacity:none; filter:none; } #rotulos_rot a { text-decoration:none; } #novedades_destacadas { position:relative; margin-left:10px; margin-top:15px; padding-left:65px; padding-top:10px; width:591px; min-height:285px; background:url(../img/bg_contenido.png) top right no-repeat; } #not_ant { float:right; padding-right:20px; } .novedad { margin:0px; padding:7px 10px 24px 7px; width:567px; height:177px; background:url(../img/bg_foto.png) no-repeat; } .novedad p { margin:0px; padding:0px; padding-left:220px; font-family:Georgia; font-size:11px; color:#646967; } .novedad p a { text-decoration:none; color:#646967; } .novedad p .fecha { font-family:Arial; font-size:11px; color:#007987; } .novedad p .titulo { font-family:Arial; color:#454646; font-size:18px; font-weight:bold; line-height:22px; } /* Estilo para conocenos */ #mnu_conoce { list-style:none; margin:0px; padding:0px; padding-left:22px; width:587px; height:160px; } #mnu_conoce li { float:left; width:277px; height:35px; overflow:hidden; margin-right:14px; margin-top:5px; } #mnu_conoce li span { display:block; height:70px; } #mnu_conoce li span a img { margin-top:-35px; } #mnu_conoce li span a:hover img { margin-top:0px; } *html #mnu_conoce li span a:hover { margin-top:0px; } .sec_conoce { position:relative; margin-top:10px; } .sec_conoce #muneca_presentacion { padding-left:50px; margin-top:10px; } .sec_conoce .etiqueta { position:absolute; top:0px; left:-42px; } .sec_conoce .rotulo_conoce { padding-left:20px; margin-bottom:10px; _padding-left:0px; _margin-left:20px; } .sec_conoce p { margin:0px; padding:0px; margin-left:237px; padding-left:17px; width:345px; text-indent:-17px; font-family:Georgia; font-size:12px; color:#007987; } .sec_conoce p span { font-family:Arial; font-size:15px; font-weight:bold; color:#454646; } .sec_conoce p img { margin-right:7px; } .sec_conoce .subir { clear:left; width:590px; margin-top:10px; text-align:right; } .sec_conoce .subir img { margin-bottom:5px; } .sec_conoce ul { clear:left; list-style-image:url(../img/flecha.gif); font-weight:bold; margin-left:70px; margin-left:30px; font-size:13px; } .sec_conoce ul li { margin-top:3px; } .sec_conoce ul li a { text-decoration:none; } .sec_conoce ul li a:hover { text-decoration:underline; } .sec_conoce ul #infantiles a { color:#42A62A; } .sec_conoce ul #ludotecas a { color:#E2007A; } .sec_conoce ul #granjas a { color:#009EE0; } .sec_conoce ul #equipamiento a { color:#EE8002; } .sec_conoce ul #alimentacion a { color:#9A00EA; } .sec_conoce .p_entero { margin-left:30px; width:550px; } .sec_conoce #img_recursos { margin-left:30px; margin-top:5px; } /* Estilo para proyecto educativo */ #mnu_proyecto { list-style:none; margin:0px; padding:0px; padding-left:22px; width:587px; } #mnu_proyecto li { width:377px; height:35px; overflow:hidden; margin-right:14px; margin-top:5px; } #mnu_proyecto li span { display:block; height:70px; } #mnu_proyecto li span a img { margin-top:-35px; } #mnu_proyecto li span a:hover img { margin-top:0px; } *html #mnu_proyecto li span a:hover { margin-top:0px; } .sec_proyecto { position:relative; margin-top:10px; padding-right:10px; color:#007987; } .sec_proyecto .etiqueta { position:absolute; top:0px; left:-42px; } .sec_proyecto .rotulo_proyecto { padding-left:20px; margin-bottom:10px; _padding-left:0px; _margin-left:20px; } .sec_proyecto .logo_proyecto { padding-left:30px; margin-top:10px; } .sec_proyecto .iconos_proyecto { text-align:center; } .sec_proyecto .p_2 { text-indent:0px; } .sec_proyecto .img_der { margin-top:5px; margin-left:10px; } .sec_proyecto .img_izq { margin-top:5px; margin-right:10px; } .sec_proyecto #img_izq_cai { margin-top:5px; margin-right:30px; } .sec_proyecto p { margin:0px; padding:10px; margin-left:13px; padding-left:17px; text-indent:-17px; font-family:Georgia; font-size:12px; color:#007987; } .sec_proyecto p img { margin-right:7px; } .sec_proyecto p span { font-family:Arial; font-size:15px; font-weight:bold; color:#454646; } .sec_proyecto p a { text-decoration:none; color:#007987; } .sec_proyecto p a:hover { text-decoration:underline; } .sec_proyecto ul { margin:0px; margin-left:30px; list-style-image:url(../img/star.gif); color:#007987; font-weight:bold; } .sec_proyecto ul li { .padding-left:10px; } .sec_proyecto ul li a { color:#007987; text-decoration:none; } .sec_proyecto ul li a:hover { text-decoration:underline; } #lista_ninos, #lista_edu, .sec_proyecto ul.lista_cai { font-style:normal; font-weight:normal; } .sec_proyecto .subir { clear:left; width:580px; margin-top:10px; text-align:right; } .sec_proyecto .subir img { margin-bottom:5px; } /* Estilo para actividades */ #mnu_actividad { list-style:none; margin:0px; padding:0px; padding-left:22px; width:587px; } #mnu_actividad li { width:377px; height:35px; overflow:hidden; margin-right:14px; margin-top:5px; } #mnu_actividad li span { display:block; height:70px; } #mnu_actividad li span a img { margin-top:-35px; } #mnu_actividad li span a:hover img { margin-top:0px; } *html #mnu_actividad li span a:hover { margin-top:0px; } .sec_actividad { position:relative; margin-top:10px; color:#007987; } .sec_actividad .etiqueta { position:absolute; top:0px; left:-42px; } .sec_actividad .rotulo_actividad { padding-left:20px; margin-bottom:10px; _padding-left:0px; _margin-left:20px; } .sec_actividad .logo_actividad { padding-left:30px; margin-top:10px; } .sec_actividad .iconos_actividad { text-align:center; } .sec_actividad .p_entero { margin-left:30px; width:550px; text-indent:0px; } .sec_actividad p { margin:0px; padding:10px; margin-left:237px; padding-left:17px; width:325px; text-indent:-17px; font-family:Georgia; font-size:12px; color:#007987; } .sec_actividad p img { margin-right:7px; } .sec_actividad p span { font-family:Arial; font-size:15px; font-weight:bold; color:#454646; } .sec_actividad p a { text-decoration:none; color:#007987; } .sec_actividad p a:hover { text-decoration:underline; } .sec_actividad ul { list-style-image:url(../img/star.gif); color:#007987; font-weight:bold; } .sec_actividad ul li { .padding-left:10px; } .sec_actividad .subir { clear:left; width:590px; margin-top:10px; text-align:right; } .sec_actividad .subir img { margin-bottom:5px; } /* Estilo para servicios profesionales */ .sec_servicios { position:relative; margin-top:10px; padding-right:10px; color:#007987; } .sec_servicios .etiqueta { position:absolute; top:0px; left:-42px; } .sec_servicios .rotulo_servicios { padding-left:20px; margin-bottom:10px; _padding-left:0px; _margin-left:20px; } .sec_servicios .logo_servicios { padding-left:30px; margin-top:10px; } .sec_servicios .iconos_servicios { text-align:center; } .sec_servicios p { margin:0px; padding:10px; margin-left:13px; padding-left:17px; text-indent:-17px; font-family:Georgia; font-size:12px; color:#007987; } .sec_servicios p img { margin-right:7px; } .sec_servicios p span { font-family:Arial; font-size:15px; font-weight:bold; color:#454646; } .sec_servicios p a { text-decoration:none; color:#007987; } .sec_servicios p a:hover { text-decoration:underline; } .sec_servicios ul { list-style-image:url(../img/star.gif); color:#007987; font-weight:bold; } .sec_servicios ul li { .padding-left:10px; } /* Estilo para contacto */ .sec_contacto { position:relative; margin-top:20px; padding-right:10px; color:#007987; } .sec_contacto .etiqueta { position:absolute; top:100px; left:-42px; } .sec_contacto .rotulo_contacto { padding-left:20px; margin-bottom:10px; _padding-left:0px; _margin-left:20px; } .sec_contacto p { margin:0px; padding:10px; margin-left:30px; margin-top:10px; font-family:Georgia; font-size:12px; color:#007987; } .sec_contacto p span { font-family:Arial; font-size:15px; font-weight:bold; color:#454646; } .sec_contacto form { padding-left:10px; width:590px; font-size:14px; font-weight:bold; text-align:right; } .sec_contacto form span { font-size:11px; font-weight:normal; font-family:Georgia; font-style:italic; text-align:right; } #nom_ape, #e_mail, #telef, #cargo, #poblac, #departamento, #comentario { font-size:14px; color:#2E2E2E; border:1px solid #007987; margin:5px 0px; margin-left:10px; vertical-align:0px; .vertical-align:-2px; } #nom_ape { width:375px; margin-right:30px; } #e_mail { width:296px; } #o_e { margin-left:10px; margin-right:50px; .margin-right:47px; } #telef { width:185px; margin-right:220px; } #cargo { width:185px; } #o_c { margin-left:10px; margin-right:161px; .margin-right:158px; } #poblac { width:185px; } #o_p { margin-left:10px; margin-right:161px; .margin-right:158px; } #departamento { width:287px; margin-right:120px; } #comentario { width:375px; height:88px; margin-right:30px; overflow-y:scroll; vertical-align:5px; .vertical-align:-73px; } #contactar { margin:0px 30px; margin-top:20px; } /* Estilo para empleo */ .sec_empleo { position:relative; margin-top:10px; padding-right:10px; color:#007987; } .sec_empleo .etiqueta { position:absolute; top:0px; left:-42px; } .sec_empleo .rotulo_empleo { padding-left:20px; margin-bottom:10px; _padding-left:0px; _margin-left:20px; } .sec_empleo .logo_empleo { padding-left:30px; margin-top:10px; } .sec_empleo .iconos_empleo { text-align:center; } .sec_empleo p { margin:0px; padding:10px; margin-left:13px; padding-left:17px; text-indent:-17px; font-family:Georgia; font-size:12px; color:#007987; } .sec_empleo p img { margin-right:7px; } .sec_empleo p span { font-family:Arial; font-size:15px; font-weight:bold; color:#454646; } .sec_empleo form { padding-left:10px; width:590px; font-size:14px; font-weight:bold; text-align:right; } .sec_empleo form span { font-size:11px; font-weight:normal; font-family:Georgia; font-style:italic; text-align:right; } #nombre, #email, #telefono, #poblacion, #a_cv, #perfil { font-size:14px; color:#2E2E2E; border:1px solid #007987; margin:5px 0px; margin-left:10px; vertical-align:0px; .vertical-align:-2px; } #nombre { width:345px; margin-right:100px; } #email { width:345px; margin-right:100px; } #telefono { width:185px; } #f_m { margin-left:10px; margin-right:183px; .margin-right:180px; } #poblacion { width:345px; margin-right:100px; } #a_cv { width:235px; } #d_p { margin-left:10px; margin-right:66px; .margin-right:65px; } #perfil { width:414px; height:88px; margin-right:30px; overflow-y:scroll; vertical-align:5px; .vertical-align:-73px; } #enviarcv { margin:5px 30px; } /* Estilo para blog */ .rotulo_blog { margin-top:10px; margin-bottom:10px; padding-left:20px; _padding-left:0px; _margin-left:20px; } .blanco { background:#FFFFFF; } .historial { margin:0px; padding:10px; width:570px; margin-left:10px; color:#5C5C5C; font-size:11px; } .historial .anio { font-family:Georgia; font-style:italic; color:#606060; } .historial .num_anio { font-family:Georgia; font-style:italic; color:#000000; } .historial .num_post { font-weight:normal; color:#007987; } .historial a { text-decoration:none; color:#5C5C5C; } .historial a:hover { text-decoration:underline; } #comentado { margin:0px; padding:0px; margin-left:30px; font-size:11px; color:#007987; } .sec_blog { position:relative; margin-top:10px; padding-right:10px; color:#007987; } .sec_blog .a_coment { text-decoration:none; } .sec_blog .etiqueta { position:absolute; top:0px; left:-42px; z-index:1; } .sec_blog .num_etiqueta { position:absolute; top:43px; left:-25px; z-index:2; font-family:Georgia; font-size:16px; font-weight:bold; color:#007987; text-decoration:none; } .sec_blog h2 { font-family:Arial; font-size:16px; font-weight:bold; color:#454646; margin-left:30px; } .sec_blog h2 a { color:#454646; text-decoration:none; } .sec_blog h2 a:hover { text-decoration:underline; } .sec_blog h2 img { margin-right:7px; vertical-align:2px; } .sec_blog p.fecha { position:relative; background:url(../img/fechapost.gif) no-repeat; margin:0px; margin-left:30px; padding:10px; padding-left:40px; font-size:11px; } .sec_blog p.fecha span { position:absolute; left:355px; top:5px; color:#2E2E2E; font-size:11px; } .sec_blog p.fecha span a { text-decoration:none; color:#2E2E2E; } .sec_blog p.fecha span a:hover { text-decoration:underline; } .sec_blog p.fecha span img { vertical-align:-5px; } .sec_blog .cuerpo_entrada p { margin:0px; padding:0px; margin-top:10px; margin-left:30px; margin-right:50px; font-size:12px; color:#2E2E2E; } .sec_blog .cuerpo_entrada p a { text-decoration:none; color:#007987; } .sec_blog .cuerpo_entrada p a:hover { text-decoration:underline; } .sec_blog .cuerpo_post { padding-bottom:20px; } .sec_blog .leer_mas, .sec_blog .subir { clear:left; width:590px; margin-top:10px; text-align:right; } .comentario { margin:0px; padding:10px; margin-top:10px; margin-left:30px; padding-left:50px; font-size:11px; background:url(../img/fechacomentario.gif) no-repeat; } .comentario a { color:#007987; text-decoration:none; } .comentario a:hover { text-decoration:underline; } .txt_comentario { margin:0px; padding:0px; margin-top:10px; margin-bottom:20px; margin-left:30px; font-size:12px; color:#2E2E2E; } #escribir_coment { width:608px; text-align:right; border:none; font-size:16px; font-weight:bold; color:#007987; font-family:Arial; } #autor, #mail, #text { padding:2px 5px; border:2px solid #007987; color:#2E2E2E; font-family:Arial; } #autor { width:179px; margin:11px 311px 0px 10px; font-size:16px; } #mail { width:179px; margin:11px 13px 0px 10px; font-size:16px; } #opcional { font-weight:normal; font-size:11px; font-family:Georgia; margin-right:248px; .margin-right:250px; } #text { width:440px; height:150px; margin:11px 50px 0px 10px; vertical-align:5px; .vertical-align:-135px; font-size:12px; color:#000000; } #comentar { margin-top:11px; margin-right:40px; } #paginador_blog { margin-left:9px; position:relative; width:645px; height:40px; } #izquierda { display:block; height:19px; overflow:hidden; position:absolute; top:10px; left:40px; } #izquierda:hover img { margin-top:-19px; } #derecha { display:block; height:19px; overflow:hidden; position:absolute; top:10px; right:0px; } #derecha:hover img { margin-top:-19px; } /* Estilo para detalle de novedad */ .sec_novedades { position:relative; margin-top:10px; padding-right:10px; color:#007987; } .sec_novedades .etiqueta { position:absolute; top:130px; left:-42px; } .sec_novedades .rotulo_novedades { padding-left:20px; margin-bottom:10px; _padding-left:0px; _margin-left:20px; } .sec_novedades #foto_novedades { margin-left:30px; margin-top:10px; height:216px; background:url(../img/bg_foto_detalle.png) no-repeat; } .sec_novedades #foto_novedades img { margin:7px; margin-right:20px; } .sec_novedades #foto_novedades p { margin:0px; padding:0px; padding-top:10px; font-family:Georgia; font-size:11px; color:#646967; background:url(../img/bg_fecha_novedades.gif) 276px 0px no-repeat; } .sec_novedades #foto_novedades p span { padding-left:40px; font-family:Arial; color:#007987; } .sec_novedades #titulo { margin:0px; padding:10px; margin-left:13px; padding-left:17px; text-indent:-17px; font-family:Arial; font-size:15px; font-weight:bold; color:#454646; } .sec_novedades #titulo img { margin-right:7px; } .sec_novedades p { margin:0px; padding:10px; margin-left:30px; font-family:Arial; font-size:12px; color:#2E2E2E; } .sec_novedades p a { text-decoration:none; color:#007987; } .sec_novedades p a:hover { text-decoration:underline; } /* --- Estilo para el aviso legal y la protecci—n de datos --- */ #aviso_leg p, #protec_dat p { margin:10px; } #aviso_leg a, #protec_dat a { text-decoration:none; color:#007987; } #aviso_leg a:hover, #protec_dat a:hover { text-decoration:underline; } #aviso_leg h2, #protec_dat h2 { margin-left:2px; color:#007987; } #aviso_leg h3, #protec_dat h3 { margin-left:5px; color:#007987; } /* --- Estilo para el pie --- */ #pie { height:140px; background:url(../img/bg_pie.gif) repeat-x; overflow:auto; } #cont_pie { position:relative; margin:0px auto; width:965px; height:120px; padding:0px 15px; padding-top:20px; } #disena { position:absolute; top:120px; left:900px; } #cont_pie #info { float:left; margin-left:20px; _margin-left:20px; margin-top:0px; .margin-top:10px; font-family:Georgia; color:#7E7E7E; line-height:30px; height:100px; } #cont_pie #info img { vertical-align:-9px; } #cont_pie #info a { text-decoration:none; color:#2E9C7C; } #cont_pie #info a:hover { text-decoration:underline; } #cont_pie #rss { float:right; margin-top:0px; color:#696969; height:100px; } #cont_pie #rss img { margin-top:5px; }