/* Estructura Global */
* {padding:0px; margin:0px}
#pagina {width:100%; margin:0 auto; min-height:100%; text-align:left}
* html #pagina {height:100%}

/* Posicionar Pie */
html {height:100%}
body {height:100%; background:url(../img/deg_cabecera.jpg) repeat-x; overflow-x:hidden}
#contenido {position:relative; min-height:100%; width:100%}
* html #contenido {height:100%}
* html #pie {margin-top:-100px}

/* DIVs principales */
#cabecera {position:relative; height:165px; width:100%}
#divcab {position:relative; height:165px; width:979px; margin:0px auto}
#cuerpo {position:relative; height:auto; width:100%}
.divcuerpo {position:relative; height:auto; width:979px; margin:0 auto; _margin:0 auto 100px auto; background:url(../img/deg_blue_top.jpg) no-repeat}
#pie {position:relative; height:100px; width:100%; background:#f0f2f5 url(../img/deg_pie.jpg) repeat-x; margin-top:50px}
#divpie {position:relative; height:100px; width:979px; margin:0 auto}
.fondojuguem {position:relative; height:400px; width:100%; background-image:url(../img/fondo_juguem.gif)}
.imagentopjuguem {position:relative; height:400px; width:979px; margin:0 auto -50px; *margin:0 auto 100px auto; background:url(../img/trans.gif) no-repeat}
/* DIVs Thickbox */
#divoferta1 {position:relative; width:690px; height:460px}

/* Columnas de Tablas */
.td1ud {width:187px}
.td1ud2 {width:238px}
.td2ud2 {width:487px}
.td3ud {width:583px}
.td3ud2 {width:738px}
.td4ud {width:781px}
.tdespacio5 {width:5px}
.tdespacio11 {width:11px}
.tdespacio12 {width:12px}
.tdespacio19 {width:19px}
.tdespacio23 {width:23px}
.tdespacio30 {width:30px}
.tdficha1 {width:439px}
.tdficha2 {width:317px}
.tdlista1 {width:452px}
.tdlista2 {width:116px}
.tdtxtcol {width:325px}
.tdtxtcol2 {width:231px; text-align:center}

/* Elementos Generales */
img {border:none}
table {border:0px; border-collapse:collapse; border-spacing:0px}
td {vertical-align:top; padding:0px}
.divrel {position:relative; width:auto; height:auto}
.drel {position:relative; width:100%; height:auto}
.divrel_linea {position:relative; width:100%; height:auto; border-bottom:solid 1px #e5e5e5; margin-bottom:8px; padding-bottom:8px}
br {line-height:10px}
.hidden {display:none}
.floatimgleft {margin:0px 15px 0px 0px; float:left}
.floatimgright {margin:0px 0px 10px 15px; float:right}
.combos {width:180px}
.combodia {width:55px}
.combomes {width:80px}
.banner_guiactrl {position:relative; margin:0 auto; width:auto}

/* Elemento para ocultar */
.hide {display:none; visibility:collapse}
.visible {visibility:visible}

/* RAD Calendario */
#calendarbuscagenda a {text-decoration:none; font-weight:bold}
.csstitlestyle {color:#FE9900; font-weight:bold} 
.cssheaderstyle {font-weight:bold}
.cssseldaystyle a {color:#FE9900}
.cssothermonthstyle a {color:#ccc}
.cssdaystyle a {color:#666}
.cssweekendstyle a {color:#999}
.cssdayoverstyle a {color:#FE9900}

/* Fuentes */
h1, h2, h3, h4, p, a {font-family:Arial, Trebuchet MS, sans-serif}/* definiciones globales de familias de fuentes */
h5 {font:18px Arial, Trebuchet MS, sans-serif; color:#333}
/* Tipografías */
h1 {font-size:38px; color:#333; font-weight:lighter; letter-spacing:-1px}
.subh1 {font-size:16px; letter-spacing:0px}/* subtit principal */
h2 {font-size:22px; color:#ff9900; font-weight:lighter}/* Naranja tit secciones genericas */
.subh2 {font-size:16px; font-weight:lighter; letter-spacing:0px; color:#999}/* Subtit textos secciones */
h3 {font-size:16px; color:#ff9900; font-weight:lighter}/* Naranja tit destacados */
h4 {font-size:16px; font-weight:normal; letter-spacing:0px; color:#666}
p {font-size:14px; color:#333}
.pxgr {font-size:18px; color:#333}
.pgr {font-size:16px; color:#333}
.pgrmed {font-size:15px; color:#333}
.pmed {font-size:13px; color:#666}
.ppq {font-size:12px; color:#666; text-decoration:none}
.pblanco {font-size:13px; color:#fff}

/* ENLACES */

/* Link generico */
a {font-size:13px; color:#666}
a:hover {color:#ff9900}
/* Links */
.aform {color:#666; text-decoration:none}
.aformsel {color:#999; text-decoration:none}
.agr {font-size:16px; color:#333; text-decoration:none}
.agrsel:link, .agrsel:visited {font-size:16px; color:#FFF; text-decoration:none}
.agrsel:hover, .agrsel:active {font-size:16px; color:#333; text-decoration:none}
/* Link Naranja */
.anaranja {font-size:15px; color:#ff9900; text-decoration:none}
/* Links Cabecera */
.acab {font-size:18px; font-weight:500; color:#fff; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em; cursor:default}
.acab_on {font-size:18px; font-weight:500; color:#ff9900; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em; cursor:default}
/* Links Sub Cabecera */
.asubcab {font-size:12px; font-weight:bolder; color:#ccc; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em}
.asubcab_on {font-size:12px; font-weight:bolder; color:#ff9900; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em; padding-left:10px}
/* Link destacados */
.adesc {font-size:14px; text-decoration:none} 
/* Link grande fondo naranja */
.agrcirculo {font-size:20px; font-weight:bolder; color:#333; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em}
.agrcirculo:hover {color:#fff}
/* Link normal fondo naranja */
.amedcirculo {font-size:17px; color:#333; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em}
.amedcirculo:hover {color:#fff}
.amedcirculo_abierto {font-size:17px; color:#fff; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em}
.amedcirculo_abierto:hover {color:#FF9900}

/* Link normal blanco fondo naranja */
.ablancocirculo {font-size:17px; color:#fff; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em}
.ablancocirculo:hover {color:#333}
.ablancocirculo_on {font-size:17px; color:#333; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em}
.ablancocirculo_on:hover {color:#333}
.ablancocirculo_on2 {font-weight:bold; font-size:17px; color:#333; text-align:center; text-decoration:none; line-height:15px; letter-spacing:0.02em}
.ablancocirculo_on2:hover {font-weight:bold; color:#333}

/* Link circulo vacio */

.avacio {font-size:13px; text-decoration:none; font-weight:bolder; line-height:13px; color:#ffffff}
.avacio:hover {color:#ff9900 !important}
.avacio2 {font-size:15px; line-height:10px; cursor:pointer; text-decoration:none; color:#000000}
.avacio2:hover {color:#000000 !important}
/* Link pie */
.apie {font-size:12px; text-decoration:none}
.apie:hover {color:#333; text-decoration:underline}
/* Link subcategoria menu educant */
.asubcat {font-size:15px; text-decoration:none}
.asubcat:hover {color:#333; text-decoration:none}
.asubcat_on {font-size:15px; color:#ff9900; text-decoration:none}
.asubcat_on:hover {color:#ff9900; text-decoration:none}

/* Botones construidos */
.tdbtnblanco_izq {width:12px; height:26px; background:url(../img/botonblanco_izquierda.jpg) no-repeat}
.tdbtnblanco_izq_enviar {width:26px; height:26px; background:url(../img/boton_enviaramigo_izquierda.gif) no-repeat}
.tdbtnblanco_izq_atras {width:27px; height:26px; background:url(../img/botontipo3_izquierda.jpg) no-repeat}
.tdbtnblanco_izq_rss {width:26px; height:26px; background:url(../img/boton_rss_izquierda.gif) no-repeat}
.tdbtnblanco_izq_imp {width:26px; height:26px; background:url(../img/boton_imprimir_izquierda.gif) no-repeat}
.tdbtnblanco_med {width:auto; height:20px; background:url(../img/botonblanco_medio.jpg) repeat-x; padding-top:5px}
.tdbtnblanco_der {width:12px; height:21px; background:url(../img/botonblanco_derecha.jpg) no-repeat}
.tdbtngris_izq {width:14px; height:26px; background:url(../img/interfaz_botones2_izquierda.jpg) no-repeat}
.tdbtngris_med {width:auto; height:20px; background:url(../img/interfaz_botones2_medio.jpg) repeat-x; padding-top:6px}
.tdbtngris_der {width:14px; height:26px; background:url(../img/interfaz_botones2_derecha.jpg) no-repeat}
.tdbtnnaranja_izq {width:10px; height:26px; background:url(../img/botones2_naranja_izquierda.jpg) no-repeat}
.tdbtnnaranja_med {width:auto; height:20px; background:url(../img/botones2_naranja_middle.jpg) repeat-x; padding-top:6px}
.tdbtnnaranja_der {width:10px; height:26px; background:url(../img/botones2_naranja_derecha.jpg) no-repeat}
.tdbtnagenda_izq {width:13px; height:26px; background:url(../img/agenda_but_naranja_izquierda.jpg) no-repeat}
.tdbtnagenda_med {width:auto; height:22px; background:url(../img/agenda_but_naranja_middle.jpg) repeat-x; padding-top:4px}
.tdbtnagenda_der {width:13px; height:26px; background:url(../img/agenda_but_naranja_derecha.jpg) no-repeat}
.tdbtn_espacio {width:10px; height:10px}
.tdbtnbgnaranja_izq {width:10px; height:26px; background:url(../img/btn2_naranja_izq.jpg) no-repeat}
.tdbtnbgnaranja_med {width:auto; height:20px; background:url(../img/btn2_naranja_mid.jpg) repeat-x; padding:6px 6px 0px 6px}
.tdbtnbgnaranja_der {width:10px; height:26px; background:url(../img/btn2_naranja_der.jpg) no-repeat}
.tdbtnteleentrada a {width:101px; height:26px; background:url(../img/agenda_telentrada_but.jpg) no-repeat; display:block}
.tdbtnservicaixa a {width:101px; height:26px; background:url(../img/agenda_servicaixa_but.jpg) no-repeat; display:block}
.tdbtntoctoc a {width:101px; height:26px; background:url(../img/agenda_oferta_but.jpg) no-repeat; display:block}

/* Cabecera */
#logo {position:absolute; top:25px; left:17px}
#circulo_logo {position:absolute; top:49px; left:195px}
.input_busq {position:absolute; top:0px; left:0px; width:110px; border:none; background:none; height:20px; padding:2px 20px; font:12px Arial, Trebuchet MS; color:#999}
#divfecha {position:absolute; top:50px; right:0px; width:185px; height:20px; border-top:solid 2px #4b4b4b; border-bottom:solid 2px #4b4b4b; text-align:right; padding-top:7px; padding-right:5px}
#divfecha p {color:#ccc; text-align:right; font-size:11px}
/* Menu principal */
#mnu_sup {position:absolute; top:110px; right:0px; width:709px; height:35px}
#mnu_sup ul {list-style-type:none; text-align:right; padding:0px 10px 0 0px}
#mnu_sup ul li {display:inline}
#mnu_sup ul li a {margin-left:38px}
#submnu {position:absolute; top:142px; left:268px; _left:269px; width:700px; height:20px; text-align:right}
#submnu .asubcab {margin-left:10px}
.submenu_off {display:none; visibility:hidden}
.submenu {display:block; visibility:visible}

/* Menu secundarios (categorias) */
.subcat_off {display:none; visibility:hidden}
.subcat {display:block; visibility:visible; position:relative; height:auto; width:100%}

/* Pie */
#mnu_pie {position:absolute; top:15px; left:10px; width:500px; height:20px}
#mnu_pie ul {list-style-type:none; text-align:left; padding:0px 10px 0 0px}
#mnu_pie ul li {display:inline}
#mnu_pie ul li span {font-size:12px; color:#666}
#mnu_pie ul li a img {vertical-align:middle; padding-left:3px}
#moscabravo {position:absolute; height:50px; width:160px; left:10px; top:53px; text-align:left}
#txtmoscabravo {position:absolute; left:30px; top:0px; width:60px; line-height:9px}
#moscaaflua {position:absolute; height:50px; width:160px; left:110px; top:50px; text-align:left}
#txtmoscaaflua {position:absolute; left:28px; top:3px; width:90px}
.aflua:link, .aflua:visited, .aflua:hover, .aflua:active {font:9px Arial, sans-serif; color:#9fa3a6; text-decoration:none}
.moscaradio {position:absolute; top:25px; left:740px}
.moscatv {position:absolute; top:25px; left:830px}
.moscatv2 {position:absolute; top:25px; left:770px}
#colaboradores {position:absolute; top:55px; left:690px}

/* CUERPO */

/* Inicio */
#divportada {position:relative; width:100%; height:400px; border-bottom:solid 1px #e5e5e5}
#imgportada {position:absolute; bottom:0px; left:0px; width:566px; height:320px; background:url(../img/home_ilustracion.jpg) no-repeat}
#deg_naranja {position:absolute; bottom:0px; left:556px; width:266px; height:81px; background:url(../img/deg_naranja_bottom.jpg) no-repeat}
#titportada {position:absolute; top:30px; left:485px}
/* Circulos */
#circ_agenda {position:absolute; top:140px; left:560px; width:129px; height:118px; background-image:url(../img/circ_naranja_agenda.jpg); text-align:center}
#circ_vacio {position:absolute; top:85px; left:725px; width:77px; height:78px; background-image:url(../img/circ_vacio.jpg)}
#circ_avance {position:absolute; top:255px; left:660px; width:103px; height:105px; background-image:url(../img/bolanegra1.jpg)}
#lna_der {position:absolute; top:30px; left:781px; width:11px; height:360px; background:url(../img/pix_gris.jpg) repeat-y center; z-index:6}

#div_destacados {position:absolute; top:69px; left:792px; width:167px; height:220px; padding:10px}
#divimgdestacados {position:relative; width:167px; height:187px; margin-top:20px}
#img_destacados {position:absolute; top:9px; left:-14px; width:180px; height:170px; overflow:hidden; z-index:1}
#marco_destacados {position:absolute; top:-7px; left:-30px; width:208px; height:194px; background:url(../img/circulo.png) no-repeat; z-index:2; display:block}
#super_marco_lnk a {position:absolute; top:9px; left:-14px;; width:180px; height:170px; z-index:3; display:block}
.divlstdest {position:relative; width:175px; padding-top:10px; padding-bottom:8px; border-bottom:solid 1px #e5e5e5; z-index:7}
.poslnkcirc {position:absolute; top:45px; left:15px; height:52px; width:100px; text-align:center; padding:2px}
/* Secciones Portada */
#sec_portada {position:relative; width:100%; height:280px; margin-top:10px; margin-bottom:40px}
#secrevista {position:absolute; top:0px; left:0px; width:167px; height:260px; padding:10px}
.lna_secciones {position:absolute; top:0px; left:187px; width:11px; height:270px; background:url(../img/pix_gris.jpg) repeat-y center}
#sectrobar {position:absolute; top:0px; left:198px; width:167px; height:260px; padding:10px}
#seceducant {position:absolute; top:0px; left:396px; width:167px; height:260px; padding:10px}
#secjuguem {position:absolute; top:0px; left:594px; width:167px; height:260px; padding:10px}
/* circulos secciones */
#circ_revista {position:absolute; top:110px; left:20px; width:138px; height:139px; background-image:url(../img/bola_home_ontrobarla.jpg)}
#circ_trobar {position:absolute; top:130px; left:20px; width:108px; height:99px; background-image:url(../img/circ_guia.jpg)}
#circ_literatura {position:absolute; top:140px; left:-5px; width:107px; height:109px; background-image:url(../img/circ_literatura.jpg)}
#circ_blog {position:absolute; top:210px; right:16px; width:68px; height:64px; background-image:url(../img/circ_blog.jpg)}
#circ_articles {position:absolute; top:130px; right:0px; width:82px; height:74px; background-image:url(../img/circ_articles.jpg)}
#circ_juguem {position:absolute; top:130px; left:20px; width:129px; height:118px; background-image:url(../img/circ_naranja_agenda.jpg)}
#banner_portada {position:absolute; top:10px; left:825px}
	
/* Agenda */
#divagenda_top {position:relative; width:100%; height:275px; border-bottom:solid 1px #e5e5e5; margin-bottom:15px}
#divagenda_top2 {position:relative; width:100%; height:340px; border-bottom:solid 1px #e5e5e5; margin-bottom:15px}
#deg_naranja_agenda {position:absolute; top:184px; left:0px; width:200px; height:104px; background:url(../img/agenda_bolablancatitulo.jpg)}
#deg_naranja_agenda_neg {position:absolute; top:184px; left:0px; width:200px; height:104px; background:url(../img/bolanegra2.jpg)}
#personaje_agenda {position:absolute; top:11px; left:200px; width:190px; height:264px; background:url(../img/agenda_personaje.jpg)}
#personaje_agenda2 {position:absolute; top:86px; left:0px; width:490px; height:254px; background:url(../img/cercadoravacat_ilustracion.jpg)}
.titagenda {position:absolute; top:40px; left:10px; width:200px; height:140px; z-index:4}
.lna_secciones_agenda {position:absolute; top:58px; left:560px; width:11px; height:198px; background:url(../img/pix_gris.jpg) repeat-y center}
.topoagenda {position:absolute; top:44px; left:365px; width:30px; height:30px; background:url(../img/circulo_steps.png)}
.numtopoagenda {position:absolute; top:5px; left:0px; width:30px; text-align:center}
.titbuscagenda {position:absolute; top:50px; left:405px}
.combobuscagenda {position:absolute; top:85px; left:385px}
.titcombosfechas {position:absolute; top:4px; left:0px}
.titcheckbox {position:absolute; top:-1px; left:18px; width:150px}
.combobuscagendadia {position:absolute; top:0px; left:35px}
.combobuscagendames {position:absolute; top:0px; left:100px}
.combopointer {cursor:default}
#calendarbuscagenda {position:absolute; top:90px; left:585px; width:190px}
#pos_btn_agenda {position:absolute; top:130px; left:835px}
.txtfrmbusagenda{border:#ccc solid 1px; font:14px Arial, Trebuchet MS, sans-serif; color:#666}
.busctxtagenda {width:337px; height:20px; border:#ccc solid 1px;padding-left:5px; font:14px Arial, Trebuchet MS, sans-serif; color:#666}
.divbtnaspagenda {position:absolute; top:0px; left:0px}

.btnaspagenda {border:0px; width:auto; height:auto; background-color:Transparent; cursor:pointer; font:15px Arial, Trebuchet MS, sans-serif; color:#000000}

.btnasparticulos {border:0px; width:auto; height:auto; background-color:Transparent; cursor:pointer; font:bold 13px Arial, Trebuchet MS, sans-serif; color:#666}
.divabsright {position:absolute; top:0px; right:10px}
.altresdies {position:absolute; top:2px; left:450px; width:335px; height:262px; background-color:#ccc; background:url(../img/agenda_altresdies.png) no-repeat; z-index:5; padding:20px; overflow:auto}
.x_altresdies {position:absolute; top:10px; right:52px; width:20px; height:20px; cursor:pointer}

/* Circulos */
#circ_cons_agenda {position:absolute; top:110px; left:845px; width:91px; height:84px; background-image:url(../img/agenda_bolanaranja.jpg)}
#circ_busc_av {position:absolute; top:195px; left:890px; width:91px; height:84px; background-image:url(../img/bolablancagr.jpg)}

/* Lista Agenda - Destacados */
.banner_dest_agenda {position:relative; width:186px; height:160px; margin-bottom:11px; overflow:hidden}
.divtrans_destagenda {position:absolute; top:80px; left:0px; width:186px; height:80px; padding:10px; background:url(../img/agenda_pastilla_destacados.png) no-repeat; z-index:4}
.divtrans_destagenda_lnk a {position:absolute; top:80px; left:0px; width:186px; height:80px; padding:10px; z-index:5; display:block; background-color:Transparent}
/* Paginación */
.div_paginacion {position:relative; width:100%; height:26px; background:url(../img/paginacion_pastilla_medio.jpg) repeat-x; padding-bottom:4px}
.paginar_esq_izq {position:absolute; top:0px; left:0px; width:12px; height:26px; background-image:url(../img/paginacion_pastilla_izquierda.jpg)}
.paginar_flecha_izq {position:relative; padding-right:5px}
.txtpaginar_flecha_izq {position:relative; padding:5px 10px 0px 0px}
.paginar_flecha_der {position:relative; padding-left:5px}
.txtpaginar_flecha_der {position:relative; padding:5px 0px 0px 10px}
.paginar_iconos {position:relative; width:125px; height:26px}
.paginar_num_resultados {position:absolute; top:7px; left:10px}
.paginar_num_paginas {position:absolute; top:7px; left:230px}
.pagnum a {position:relative; top:0px; left:0px; margin-right:3px; width:23px; height:20px; padding-top:6px; text-align:center; display:block; background:url(../img/paginacion_icono.jpg) no-repeat}
.pagnumsel a {position:relative; color:#ff9900; top:0px; left:0px; margin-right:3px; width:23px; height:20px; padding-top:6px; text-align:center;font-weight:bold; display:block; background:url(../img/paginacion_iconoactivo.jpg) no-repeat}

/* Lista Agenda - Resultados */
.avanzament a {position:absolute; width:186px; height:139px; top:-130px; left:10px; background:url(../img/bola_avanzament.png); cursor:pointer}
.contenedor_resultado {position:relative; width:785px; height:68px; cursor:pointer}
.panelnaranja {position:absolute; top:0px; left:2px; width:781px; height:67px; background-color:#FF9900}
.panelabierto {position:absolute; top:0px; left:2px; width:781px; height:67px; background-color:#333}
.sombraizq_panelnaranja {position:absolute; top:0px; left:0px; width:2px; height:68px; background:url(../img/agenda_panel_izquierda.jpg) repeat-y}
.sombrader_panelnaranja {position:absolute; top:0px; left:782px; width:2px; height:68px; background:url(../img/agenda_panel_izquierda.jpg) repeat-y}
.sombrainf_panelnaranja {position:absolute; top:67px; left:0px; width:785px; height:4px; background:url(../img/agenda_panel_inferior.jpg) no-repeat}
.dets_panelnaranja {position:absolute; top:5px; left:10px; width:auto}
.dets_panelnaranja_fijo {position:absolute; top:5px; left:10px; width:440px; height:57px; border-right:solid 1px #664d26}
.pastillas_panelnaranja {position:absolute; bottom:-5px; right:2px; height:auto; width:auto}
.pastillas_panelnaranja_top {position:absolute; top:5px; right:7px; height:auto; width:auto}
.div_white_box {width:35px; height:34px; background:url(../img/agenda_cajablanca_precios.png) no-repeat; margin-top:6px; padding-left:6px}
.div_black_box {width:50px; height:34px; background:url(../img/agenda_iconooferta.png) no-repeat}

.top_pastilla_naranja_izq {width:8px; height:24px; background:url(../img/agenda_cajablanca_big_izquierda.png) no-repeat}
.top_pastilla_naranja_cont {width:auto; height:20px; background:url(../img/agenda_cajablanca_big_middle.png) repeat-x; padding-top:4px}
.top_pastilla_naranja_cont p {color:#ff9900}
.top_pastilla_naranja_der {width:8px; height:24px; background:url(../img/agenda_cajablanca_big_derecha.png) no-repeat}

/* Guia practica */
#divguia_top {position:relative; width:100%; height:177px; border-bottom:solid 1px #e5e5e5}
#titguia {position:absolute; top:30px; left:200px}
#titguiaeducant {position:absolute; top:30px; left:20px; width:150px}
#personaje_guia {position:absolute; top:7px; left:649px; width:330px; height:170px; background:url(../img/trobar_ilustracion.jpg)}
.sombrainf_panelnaranja2 {position:absolute; top:130px; left:0px; width:586px; height:4px; background:url(../img/trobar_panel_inferior.jpg) no-repeat}
#personaje_guia2 {position:relative; width:187px; height:270px; background:url(../img/trobar_ilustracion_2.jpg); border-bottom:solid 1px #e5e5e5; margin-bottom:40px}
#banner_guia {position:relative; width:160px; height:600px; background-color:#ddd}
#divbtn2_guiadet {position:absolute; top:0px; right:0px}
.comboguia {position:absolute; top:50px; left:150px}
.divficha_guia {position:relative; width:563px; height:auto; padding:10px; border-bottom:solid 1px #d3d3d3; border-top:solid 1px #d3d3d3; background-color:#FFE1B2}
.divficha_guia2 {position:relative; width:563px; height:auto; padding:10px}
#divbtn2_guiadet_alt {position:absolute; top:0px; right:0px}
.btnnaranjaguia {position:absolute; top:48px; _top:48px; left:350px; width:200px; height:30px}
.btnasp {margin-top:-3px; border:0px; background-color:Transparent; cursor:pointer; font:Arial, Trebuchet MS, sans-serif 12px; color:#333}
.tdbtnblanco_izq_atras div a {display:block; width:100%; height:auto}
/* Guia practica - Menu Alfabetico */
.mnualpha {position:relative; width:480px; height:27px; margin:0 auto; left:52px; *left:0px; *height:33px}
.mnualpha ul {margin:0 auto; padding:0; list-style-type:none; text-align:center}
.mnualpha ul li {display:inline}
 .alpha_off {position:relative; width:30px; height:23px; display:block; float:left; margin-right:4px; margin-bottom:4px; background:url(../img/trobar_botonunselect.jpg) no-repeat;  color:#6e6e6e; text-decoration:none; font-size:16px; padding-top:7px}
 .alpha_off:hover, .alpha_on {position:relative; width:30px; height:23px; display:block; float:left; margin-right:4px; margin-bottom:4px; background:none; background-color:#333; color:#FE9900; text-decoration:none; font-size:16px; padding-top:7px}

.pxgr {text-decoration:none}
.trobartxt {position:absolute; top:10px; left:60px; width:200px; height:30px}
.logo_aux {position:absolute; bottom:10px; right:10px; width:114px; height:114px; background-color:#ddd}
.distribuidor_S {position:absolute; bottom:20px; right:140px; width:70px; height:70px; background:url(../img/puntdistribucio.png) no-repeat; z-index:2}
.distribuidor_N {display:none; visibility:collapse}

.btns_guia {font:13px Arial, Trebuchet MS, sans-serif; color:#999; cursor:pointer}
.btns_guia:hover {color:#ff9900}

/* Educant */
#personaje_educant {position:absolute; top:7px; left:649px; width:330px; height:170px; background:url(../img/educant_ilustracion.jpg)}
#menueducant {position:relative; width:177px; height:auto; padding-left:10px}
.sombrainf_panelnaranja3 {position:absolute; top:33px; left:0px; width:164px; height:4px; background:url(../img/educant_pastilla_abajo.jpg) no-repeat}
.mnueducant_subcat {position:relative; width:146px; height:auto; border-bottom:solid 1px #e5e5e5; padding:8px}
.buscador_educant {position:relative; width:163px; height:140px; background:url(../img/buscador_educant.jpg) no-repeat; margin:20px 0px 0px 10px}
.divbtn_educant {position:absolute; top:0px; right:0px}
#articledelmes {position:absolute; top:0px; left:520px; width:66px; height:66px; background-image:url(../img/article_del_mes.png)}
.txtbox_educant {position:absolute; top:25px; left:28px}
.txtbox_educant_style {width:125px; border:0px; background-color:transparent}
.combopos_educant {position:absolute; top:60px; left:10px; width:143px}
.lnkpos_educant {position:absolute; top:102px; left:55px}
.lnkpos_educant a {text-decoration:none}
.leermasarticles {position:absolute; top:70px;  *top:100px; right:125px}

/* Juguem */
#divjuguemportada {position:relative; height:400px; width:979px}
#divjuguem_top {position:relative; height:208px; width:979px; top:3px; border-bottom:solid 1px #e5e5e5}
.titbolasjuguem {position:absolute; top:50px; left:20px}
.bolasjuguem {position:absolute; height:208px; width:557px; top:0px; right:208px}
.lnk1juguem {position:absolute; top:60px; left:35px}
.lnk2juguem {position:absolute; top:145px; left:92px}
.lnk3juguem {position:absolute; top:50px; left:170px}
.lnk4juguem {position:absolute; top:145px; left:215px}
.lnk5juguem {position:absolute; top:60px; left:290px}
.lnk6juguem {position:absolute; top:140px; left:365px}
.lnk7juguem {position:absolute; top:60px; left:450px}
.dibujojuguem {position:absolute; height:208px; width:208px; top:0px; right:0px}
.mnujuguem_subcat {position:relative; margin-bottom:-1px; width:146px; height:auto; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; padding:8px}
#personajes_juguem {position:relative; width:979px; height:400px; background:url(../img/juguem_portada.jpg)}
#titjuguem {position:absolute; top:345px; left:725px}
#titjuguem2 {position:absolute; top:345px; left:570px}

/* Qui Som */
#personaje_quisom {position:absolute; bottom:0px; right:0px; width:460px; height:170px; background:url(../img/quisom_ilustracion.jpg) no-repeat}
#divquisom_top {position:relative; width:100%; height:177px; border-bottom:solid 1px #e5e5e5}
#titquisom {position:absolute; top:30px; left:15px}
.divpanel2_quisom {position:absolute; top:0px; left:163px}
.divpanel3_quisom {position:absolute; top:0px; left:326px}
.divpanel4_quisom {position:absolute; top:0px; left:242px}
.divpanel5_quisom {position:absolute; top:0px; left:484px}
#banner_quisom {position:absolute; top:36px; left:37px; width:160px; height:600px}
#circ_publicidad1 {position:absolute; top:200px; left:420px; width:103px; height:95px; background-image:url(../img/quisom_bola1.jpg); text-align:center}
#circ_publicidad2 {position:absolute; top:230px; left:540px; width:94px; height:102px; background-image:url(../img/quisom_bola2.jpg); text-align:center}
.fichaequip {position:relative; width:706px; height:auto; background-color:#EDEBD9; border:#D3D3D3 solid 1px; border-bottom:0px; padding:10px}
.sombrainf_panelnaranja4 {position:absolute; top:33px; left:0px; width:732px; height:4px; background:url(../img/sombra_presentacion.jpg) no-repeat}
.sombrainf_panelnaranja5 {position:absolute; top:33px; left:0px; width:256px; height:4px; background:url(../img/sombra_descarregas.jpg) no-repeat}

/* Contacte */
#personaje_contacte {position:absolute; bottom:0px; right:0px; width:330px; height:170px; background:url(../img/contacte_ilustracion.jpg) no-repeat}
#banner_contacte {position:absolute; top:0px; left:37px; width:160px; height:600px; background-color:#ddd}
.sombrainf_panelnaranja6 {position:absolute; top:33px; left:0px; width:486px; height:4px; background:url(../img/sombra_contacte_1.jpg) no-repeat}
.sombrainf_panelnaranja7 {position:absolute; top:33px; left:0px; width:238px; height:4px; background:url(../img/sombra_contacte_2.jpg) no-repeat}
#datos_contacto_rel {position:relative; width:208px; height:auto; margin:20px auto}

/* Contacte - Formulari */
#contact_form {position:relative; width:400px; height:auto; margin:30px auto; padding-bottom:80px}
#contact_form * p {font:14px Arial; color:#666}
.campo_form {position:relative; width:100%; height:23px; margin:3px 0px 15px 0px}
.contact_lbl {width:400px; height:23px; border:solid 1px #666; padding-left:5px; padding-top:3px; font:14px Arial, Trebuchet MS, sans-serif; color:#666}
.contact_lbl_gr {width:400px; height:105px; border:solid 1px #666; overflow:auto; font:14px Arial, Trebuchet MS, sans-serif; color:#666; padding-left:5px; padding-top:3px;}
.btnpos {position:relative; width:91px; height:26px; margin:10px auto; _margin:20px auto}
.btn_contact {width:91px; height:26px; background:transparent url(../img/tb_boton.jpg) no-repeat; border:0px; font:bold 14px Arial; color:#666}
.btn_contact:hover {color:#ff9900}
.btn_centro {margin:15px auto}
/* Contacte - boles */
#contact_bola1 {position:absolute; top:30px; left:30px; width:102px; height:95px; background-image:url(../img/contacte_bola1.jpg)}
#contact_bola2 {position:absolute; top:0px; left:200px; width:102px; height:95px; background-image:url(../img/contacte_bola2.jpg)}
#contact_bola3 {position:absolute; top:60px; left:335px; width:95px; height:97px; background-image:url(../img/contacte_bola3.jpg)}
#contact_bola4 {position:absolute; top:5px; left:490px; width:152px; height:143px; background-image:url(../img/contacte_bola4.jpg)}

/* Avís legal*/
#personaje_legal {position:absolute; bottom:0px; right:0px; width:330px; height:170px; background:url(../img/avislegal_ilustracion.jpg) no-repeat}
#divtxtlegal {position:relative; width:700px; height:auto; padding:10px 0px 0px 20px; margin-top:40px}
#divtxtlegal ul {padding:20px 0px 0 25px}
#divtxtlegal ul li {font:13px Arial, Trebuchet MS, sans-serif; color:#333; list-style:outside decimal; padding-bottom:10px}

/* Enllaços */
#personaje_links {position:absolute; bottom:0px; right:0px; width:330px; height:170px; background:url(../img/links_personajes.jpg) no-repeat}
.divrel_linea_lnks {position:relative; width:738px; height:140px; border-bottom:solid 1px #e5e5e5; margin-bottom:8px; padding-bottom:8px}
.cont_txt_lnks {position:absolute; top:0px; left:35px; width:500px; height:120px}
.cont_txt_lnks p {font:14px Arial; color:#666; padding-top:10px}
.cont_lnks {position:absolute; top:120px; left:35px; width:200px; height:20px;}
.cont_logo_lnk {position:absolute; top:15px; left:580px; border:solid 1px #ccc; background-color:#ccc}

/* Revista */
#personaje_revista {position:absolute; bottom:0px; right:0px; width:330px; height:170px; background:url(../img/revista_ilustracion.jpg) no-repeat}
#imgcolrevista {position:relative; width:230px; height:539px; float:left}
#txtcolsrevista {position:relative; width:496px; height:499px; float:right; padding-top:40px}
.txtcolrevista {position:relative; width:228px; height:auto; padding:10px}
#portada_revista {position:relative; width:186px; height:526px; margin:20px auto; background-color:#ccc}

/* Portada Revista */
#colizqrevista {position:relative; width:230px; height:650px; float:left; margin:20px 0 20px 0; border-right:solid 1px #e5e5e5;}
#colizqrevista p {padding:80px 10px 0 10px}
#colderrevista {position:relative; width:496px; height:750px; float:right; margin:20px 0 20px 0; border-right:solid 1px #e5e5e5;}
#portada {position:absolute; top:0px; left:60px; width:186px; height:526px; background-color:#ccc}
#desc_portada_revista {position:absolute; top:50px; left:270px; width:190px; height:auto}
#galeria_run {position:absolute; bottom:40px; left:60px; height:160px; width:375px; overflow:hidden; border-left:solid 1px #ccc; border-right:solid 1px #ccc}
.prev {position:absolute; bottom:135px; left:15px; width:30px; height:30px; border:none; background:url(../img/revista_flecha1.jpg) no-repeat}
.next {position:absolute; bottom:135px; right:15px; width:30px; height:30px; border:none; background:url(../img/revista_flecha2.jpg) no-repeat}

/* Subscripcion Revista */
#form_subscripcion_escola * p, #form_subscripcion_particular * p {color:#666}
/* Escuela */
#form_subscripcion_escola {position:relative; width:100%; height:500px; margin:40px auto; border:solid 1px #ccc; border-bottom:none}
.tab_escola_act {position:absolute; top:0px; left:0px; width:365px; height:30px; color:#ff9900}
.tab_escola_act .aform {color:#ff9900}
.tab_particular_inact {position:absolute; top:0px; right:0px; width:370px; height:30px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; background:url(../img/deg_tab_pub.jpg) repeat-x}
.tab_particular_inact .aform {color:#999}
.txtinform {position:absolute; top:75px; left:16px; width:704px; height:40px; border-bottom:solid 1px #ccc}
.pos_elements_form {position:absolute; top:165px; left:24px}
.etiq_form_subs {width:333px; height:23px; border:solid 1px #666; padding-top:3px; padding-left:5px}
.nota_form_subs {position:absolute; bottom:0px; left:16px; width:704px; height:40px}
.pos_btn_subs {position:relative; width:91px; height:26px; margin:-20px auto 20px auto}

/* Particular o empresa */
#form_subscripcion_particular {position:relative; width:100%; height:800px; margin:40px auto; border:solid 1px #ccc; border-bottom:none}
.tab_escola_inact {position:absolute; top:0px; left:0px; width:365px; height:30px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; background:url(../img/deg_tab_pub.jpg) repeat-x }
.tab_escola_inact .aform {color:#999}
.tab_particular_act {position:absolute; top:0px; right:0px; width:370px; height:30px}
.tab_particular_act .aform {color:#ff9900}

.chkfltxt {float:left; margin-right:10px; margin-top:0px}
.chkfltxt2 {float:left; margin-right:10px; margin-top:0px; margin-left:30px}

/* Publicitat */
#personaje_publicitat {position:absolute; bottom:0px; right:0px; width:330px; height:170px; background:url(../img/publicitat_ilustracion.jpg) no-repeat}
.sombrainf_panelnaranja8 {position:absolute; top:33px; left:0px; width:981px; height:4px; background:url(../img/sombra_publicitat_1.jpg) no-repeat}
#txtcolpub1 {position:absolute; top:0px; left:0px; width:468px; height:115px; padding:20px 10px 20px 10px}
#txtcolpub2 {position:absolute; top:0px; left:495px; width:218px; height:115px; padding:20px 120px 20px 10px}
#txtcolpub3 {position:absolute; top:0px; left:740px; width:218px; height:115px; padding:20px 10px 20px 10px}
#txtcolpub2 p, #txtcolpub3 p {color:#FC9900}
.txtpublicitat {position:relative; width:218px; padding:10px; margin:15px 0 15px 0; height:auto}
.formpublicidad {position:relative; width:500px; height:250px; margin:20px auto}
.txtformpublicidad {position:absolute; top:0px; left:10px}
.txtformpublicidad p {color:#666}
.etiqformpublicidad {width:215px; height:23px; border:solid 1px #666; padding-top:3px; padding-left:5px; font:14px Arial, Trebuchet MS, sans-serif; color:#666 }
.etiqformpublicidadgr {width:475px; height:100px; border:solid 1px #666; overflow:auto; padding-top:3px; padding-left:5px; font:14px Arial, Trebuchet MS, sans-serif; color:#666}
.posbtnpub {position:absolute; top:255px; left:205px}
.chkpublicitat {font:13px Arial, Trebuchet MS, sans-serif; color:#666; padding-left:16px} 
.btn_continuar {position:absolute; top:8px; left:160px; width:91px; height:26px; border:none; background:transparent url(img/tb_boton.jpg); cursor:hand;  font:bold 14px Arial; color:#666}
.pubmsg {position:absolute; top:30px; left:350px; width:250px; height:auto; border:solid 1px #ff9900; z-index:3; padding:15px; background-color:#fff}

/* Sala de Prensa */
#personaje_sala_prensa {position:absolute; bottom:0px; right:0px; width:330px; height:170px; background:url(../img/salaprensa_ilustracion.jpg) no-repeat}
.ficha_noticia_lst {position:relative; width:378px; height:195px; border-top:solid 1px #e5e5e5; margin-right:20px}
.img_ficha_noticia {position:absolute; bottom:10px; right:0px; width:114px; height:114px; overflow:hidden}
.txt_ficha_noticia {position:absolute; top:10px; left:0px; width:255px; height:130px}
.lnk_det_noticia {position:absolute; bottom:10px; right:125px; width:14px; height:14px; z-index:2}
.txt_ficha_noticia p {font-size:12px}
.txt_ficha_noticia p a {font-size:13px; color:#333; text-decoration:none}
.txt_ficha_noticia p a:hover {color:#ff9900}
.p3 {color:#666; font-size:11px}

/* Detalle de la Noticia */
.tit_noticia_det h1 {font-size:31px; padding:20px 10px 20px 110px}
.txt_noticia_det p { padding:20px 10px 20px 110px}
.tdbtnblanco_izq_atras div a {display:block; width:100%; height:auto}

/* Mapa Web */
.mw {text-decoration:none; font-size:15px}

/* Usuarios */
#personaje_usuario {position:absolute; bottom:0px; right:0px; width:460px; height:170px; background:url(../img/usuario_ilustracion.jpg) no-repeat}
#pos_bola_usuario1 {position:absolute; top:20px; left:200px; width:154px; height:145px; background:url(../img/usuario_bola1.jpg) no-repeat}
#pos_bola_usuario2 {position:absolute; top:110px; left:420px; width:104px; height:98px; background:url(../img/usuario_bola2.jpg) no-repeat}

/* RSS */
#personaje_rss {position:absolute; bottom:0px; right:0px; width:330px; height:170px; background:url(../img/rss_ilustracion.jpg) no-repeat}

/* Juguem */
#overvideo {position:relative; margin-top:20px}
.orangebox {position:relative; width:585px; height:89px; margin:40px auto 5px auto; background:url(../img/panel_naranja.gif) no-repeat}
.blackborderbox {position:relative; width:589px; height:93px; margin:5px auto 5px auto; background:url(../img/panel_blanco.gif) no-repeat}

.video_on {position:absolute; z-index:102; _left:25%; _top:25%; border:3px solid #FE9900; border-top:36px solid #FE9900}
.video_off {display:none}
.btncerrarvideo {position:absolute; top:-31px; right:5px; background:url(../img/thickbox_tancar.jpg) no-repeat; width:88px; height:26px; cursor:pointer}
.TB_overlayvideo {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html .TB_overlayvideo { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.posbtnver {margin:30px auto}
.ma:hover {color:#FE9900 !important}
.rep_audio {position:relative; width:300px; height:60px; padding-top:10px; *padding-top:0px; margin:30px auto; *margin:10px auto}