body {margin:0; padding:0; background:url(../img/bg_pie.gif) center}
#top {height:137px; border-bottom:solid 2px #fff; background:url(../img/bg.gif) center; text-align:center}
#top .contenedor {width:971px; margin:0 auto; background:url(../img/bg.gif) 0 0 ; height:137px; position:relative;}
#top .logo {position:absolute; right:6px; width:224px; height:54px; background:url(../img/top_logo.gif) 0 -54px no-repeat; position:absolute; bottom:14px !important; *bottom:13px; left:10px;}
#top .logo a {display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/top_logo.gif) top left no-repeat}
#top .logo a:hover {background-image:none; color:yellow}
#top .logo a:active {color:black}
#top .acerca {position:absolute; right:6px; bottom:14px; width:162px; height:55px; background:url(../img/top_acerca.gif) 0 -55px no-repeat}
#top .acerca a {display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/top_acerca.gif) top left no-repeat}
#top .acerca a:hover {background-image:none; color:yellow}
#top .acerca a:active {color:black}
#top .acerca_in {position:absolute; right:6px; bottom:14px; width:162px; height:55px; background:url(../img/top_acerca_in.gif)}
#top .servicios {width:162px; height:55px; position:absolute; right:340px; bottom:14px; background:url(../img/top_servicios.gif) 0 -55px no-repeat}
#top .servicios a {display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/top_servicios.gif) top left no-repeat}
#top .servicios a:hover {background-image:none; color:yellow}
#top .servicios a:active {color:black}
#top .servicios_in {width:162px; height:55px; position:absolute; right:340px; bottom:14px; background:url(../img/top_servicios_in.gif)}
#top .desarrollos {width:162px; height:55px; position:absolute; right:173px; bottom:14px; background:url(../img/top_desarrollos.gif) 0 -55px no-repeat}
#top .desarrollos a {display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/top_desarrollos.gif) top left no-repeat}
#top .desarrollos a:hover {background-image:none; color:yellow}
#top .desarrollos a:active {color:black}
#top .desarrollos_in {width:162px; height:55px; position:absolute; right:173px; bottom:14px; background:url(../img/top_desarrollos_in.gif)}

#menu {width:943px; height:25px; margin:0 auto; background:url(../img/menu_raya.gif); text-align:left}
#menu div {margin-right:22px; float:left}
#menu .servicios {width:163px; height:19px; background:url(../img/menu_servicios.gif) 0 -19px no-repeat}
#menu .servicios a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_servicios.gif) top left no-repeat}
#menu .servicios a:hover{background-image:none; color:yellow}
#menu .servicios a:active{color:black}
#menu .servicios_in {width:163px; height:25px; background:url(../img/menu_servicios_in.gif)}
#menu .identidad {width:169px; height:19px; background:url(../img/menu_identidad.gif) 0 -19px no-repeat}
#menu .identidad a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_identidad.gif) top left no-repeat}
#menu .identidad a:hover{background-image:none; color:yellow}
#menu .identidad a:active{color:black}
#menu .identidad_in {width:169px; height:25px; background:url(../img/menu_identidad_in.gif)}
#menu .prensa {width:55px; height:19px; background:url(../img/menu_prensa.gif) 0 -19px no-repeat}
#menu .prensa a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_prensa.gif) top left no-repeat}
#menu .prensa a:hover{background-image:none; color:yellow}
#menu .prensa a:active{color:black}
#menu .prensa_in {width:55px; height:25px; background:url(../img/menu_prensa_in.gif)}
#menu .web {width:35px; height:19px; background:url(../img/menu_web.gif) 0 -19px no-repeat}
#menu .web a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_web.gif) top left no-repeat}
#menu .web a:hover{background-image:none; color:yellow}
#menu .web a:active{color:black}
#menu .web_in {width:35px; height:25px; background:url(../img/menu_web_in.gif)}
#menu .sponsoreo {width:86px; height:19px; background:url(../img/menu_sponsoreo.gif) 0 -19px no-repeat}
#menu .sponsoreo a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_sponsoreo.gif) top left no-repeat}
#menu .sponsoreo a:hover{background-image:none; color:yellow}
#menu .sponsoreo a:active{color:black}
#menu .sponsoreo_in {width:86px; height:25px; background:url(../img/menu_sponsoreo_in.gif)}
#menu .publicidad {width:80px; height:19px; background:url(../img/menu_publicidad.gif) 0 -19px no-repeat}
#menu .publicidad a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_publicidad.gif) top left no-repeat}
#menu .publicidad a:hover{background-image:none; color:yellow}
#menu .publicidad a:active{color:black}
#menu .publicidad_in {width:80px; height:25px; background:url(../img/menu_publicidad_in.gif)}
#menu .fotografia {width:77px; height:19px; background:url(../img/menu_fotografia.gif) 0 -19px no-repeat}
#menu .fotografia a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_fotografia.gif) top left no-repeat}
#menu .fotografia a:hover{background-image:none; color:yellow}
#menu .fotografia a:active{color:black}
#menu .fotografia_in {width:77px; height:25px; background:url(../img/menu_fotografia_in.gif)}
#menu .desarrollos_propios {width:153px; height:19px; background:url(../img/menu_desarrollos.gif) 0 -19px no-repeat}
#menu .desarrollos_propios a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_desarrollos.gif) top left no-repeat}
#menu .desarrollos_propios a:hover{background-image:none; color:yellow}
#menu .desarrollos_propios a:active{color:black}
#menu .desarrollos_propios_in {width:153px; height:25px; background:url(../img/menu_desarrollos_in.gif)}
#menu .go {width:129px; height:19px; background:url(../img/menu_go.gif) 0 -19px no-repeat}
#menu .go a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_go.gif) top left no-repeat}
#menu .go a:hover{background-image:none; color:yellow}
#menu .go a:active{color:black}
#menu .go_in {width:129px; height:25px; background:url(../img/menu_go_in.gif)}
#menu .viajepor {width:63px; height:19px; background:url(../img/menu_viajepor.gif) 0 -19px no-repeat}
#menu .viajepor a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_viajepor.gif) top left no-repeat}
#menu .viajepor a:hover{background-image:none; color:yellow}
#menu .viajepor a:active{color:black}
#menu .viajepor_in {width:63px; height:25px; background:url(../img/menu_viajepor_in.gif)}
#menu .filosofia {width:124px; height:19px; background:url(../img/menu_filosofia.gif) 0 -19px no-repeat}
#menu .filosofia a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_filosofia.gif) top left no-repeat}
#menu .filosofia a:hover{background-image:none; color:yellow}
#menu .filosofia a:active{color:black}
#menu .filosofia_in {width:124px; height:25px; background:url(../img/menu_filosofia_in.gif)}
#menu .nosotros {width:157px; height:19px; background:url(../img/menu_nosotros.gif) 0 -19px no-repeat}
#menu .nosotros a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_nosotros.gif) top left no-repeat}
#menu .nosotros a:hover{background-image:none; color:yellow}
#menu .nosotros a:active{color:black}
#menu .nosotros_in {width:157px; height:25px; background:url(../img/menu_nosotros_in.gif)}
#menu .enlaprensa {width:98px; height:19px; background:url(../img/menu_enlaprensa.gif) 0 -19px no-repeat}
#menu .enlaprensa a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_enlaprensa.gif) top left no-repeat}
#menu .enlaprensa a:hover{background-image:none; color:yellow}
#menu .enlaprensa a:active{color:black}
#menu .enlaprensa_in {width:98px; height:25px; background:url(../img/menu_enlaprensa_in.gif)}
#menu .staff {width:35px; height:19px; background:url(../img/menu_staff.gif) 0 -19px no-repeat}
#menu .staff a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_staff.gif) top left no-repeat}
#menu .staff a:hover{background-image:none; color:yellow}
#menu .staff a:active{color:black}
#menu .staff_in {width:35px; height:25px; background:url(../img/menu_staff_in.gif)}
#menu .contacto {width:72px; height:19px; background:url(../img/menu_contacto.gif) 0 -19px no-repeat}
#menu .contacto a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_contacto.gif) top left no-repeat}
#menu .contacto a:hover{background-image:none; color:yellow}
#menu .contacto a:active{color:black}
#menu .contacto_in {width:72px; height:25px; background:url(../img/menu_contacto_in.gif)}
#menu .news {width:43px; height:19px; background:url(../img/menu_news.gif) 0 -19px no-repeat}
#menu .news a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/menu_news.gif) top left no-repeat}
#menu .news a:hover{background-image:none; color:yellow}
#menu .news a:active{color:black}
#menu .news_in {width:43px; height:25px; background:url(../img/menu_news_in.gif)}

#cuerpo {background:url(../img/bg_cuerpo.gif) repeat-x #fff; text-align:center; border-bottom:solid 2px #000}
#cuerpo .contenedor {width:973px; margin:0 auto; padding:28px 0}
#cuerpo #contenido {text-align:left; font:12px/18px Helvetica, "Helvetica Neue", Arial, sans-serif; color:#000; padding:0 15px 10px 0; background:url(../img/e2e2e2.gif) 697px 0 repeat-y; margin-top:20px}
#cuerpo #contenido .seccion {height:47px; background:url(../img/bg_tit.gif) no-repeat; color:#fff; font-size:20px; line-height:47px; padding-left:15px; margin-left:15px}
#cuerpo #contenido .imgilustra {margin:10px 0 10px 15px}
#cuerpo #contenido .txt {padding:0 311px 0 30px; font-size:12px; line-height:18px;}
#cuerpo #contenido .txt h3 {padding:0; margin:15px 0 5px 0; font-size:16px}
#cuerpo #contenido .txt a, #cuerpo #contenido .txt a:visited, #cuerpo #contenido .txt a:active {color:#99411d; text-decoration:none}
#cuerpo #contenido .txt a:hover {color:#fff; text-decoration:none; background-color:#d97545; padding:0 3px}
#cuerpo #contenido .txt span {color:#d97545; border-right:solid 1px #d97545; padding:0 3px 0 0}
#cuerpo #contenido .txt .leer {color:#d97545; border-left:solid 1px #d97545; padding:0 0 0 3px}
#cuerpo #contenido .txt .leer a, #cuerpo #contenido .txt .leer a:visited, #cuerpo #contenido .txt .leer a:active {color:#d97545; text-decoration:none}
#cuerpo #contenido .txt .leer a:hover {color:#fff; text-decoration:none; background-color:#d97545; padding:0 3px}
#cuerpo #contenido .txt .listado {padding:5px 0; border-bottom:solid 1px #e2e2e2}

#cuerpo #contenido .separador {border-top:solid 1px #e2e2e2; margin:24px 0 10px 15px; width:682px; height:1px; line-height:1px; font-size:0}
#cuerpo #contenido .separador_corto {border-top:solid 1px #e2e2e2; margin:24px 0 0 30px; width:632px; height:1px; line-height:1px; font-size:0}
#cuerpo #contenido .bt_revistago {width:145px; height:29px; background:url(../img/bt_revistago.gif) 0 -29px no-repeat}
#cuerpo #contenido .bt_revistago a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_revistago.gif) top left no-repeat}
#cuerpo #contenido .bt_revistago a:hover{background-image:none; color:yellow; background-color:transparent;}
#cuerpo #contenido .bt_revistago a:active{color:black; background:url(../img/bt_revistago.gif) bottom left no-repeat}
#cuerpo #contenido .bt_viajepor {width:125px; height:29px; background:url(../img/bt_viajepor.gif) 0 -29px no-repeat}
#cuerpo #contenido .bt_viajepor a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_viajepor.gif) top left no-repeat}
#cuerpo #contenido .bt_viajepor a:hover{background-image:none; color:yellow; background-color:transparent;}
#cuerpo #contenido .bt_viajepor a:active{color:black; background:url(../img/bt_viajepor.gif) bottom left no-repeat}
#cuerpo #contenido .bt_masinfo{width:78px; height:29px; background:url(../img/bt_masinfo.gif) 0 -29px no-repeat; margin:8px 0 0 0}
#cuerpo #contenido .bt_masinfo a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_masinfo.gif) top left no-repeat}
#cuerpo #contenido .bt_masinfo a:hover{background-image:none; color:yellow; background-color:transparent;}
#cuerpo #contenido .bt_masinfo a:active{color:black; background:url(../img/bt_masinfo.gif) bottom left no-repeat}

#cuerpo #contenido .cajeta {padding:24px 311px 0 0; position:relative;}
#cuerpo #contenido .cajeta .miniatura {position:relative; width:188px; height:123px; float:left}
#cuerpo #contenido .cajeta .imagen {position:absolute; top:32px; left:39px}
#cuerpo #contenido .cajeta .marco {width:188px; height:123px; background:url(../img/miniatura_marco.png); position:absolute; top:24px; left:30px; cursor:pointer}
#cuerpo #contenido .cajeta .marco a {display:block; width:188px; height:123px; overflow:hidden;}
#cuerpo #contenido .cajeta .marco_nozoom {width:188px; height:123px; background:url(../img/miniatura_marco_nozoom.png); position:absolute; top:24px; left:30px}
#cuerpo #contenido .cajeta .textiritillo {padding:0 0 0 230px; min-height:123px}
#cuerpo #contenido .cajeta .titular {font-size:16px; font-weight:bold; padding-top:8px}
#cuerpo #contenido .cajeta .fecha {font-size:9px; color:#999; padding-bottom:10px}
#cuerpo #contenido .cajeta .bt_mas {width:42px; height:22px; background:url(../img/bt_masCH.gif) 0 -22px no-repeat; margin:12px 0 0 0}
#cuerpo #contenido .cajeta .bt_mas a{display:block; margin:0; padding:0; width:42px; height:22px; overflow:hidden; background:url(../img/bt_masCH.gif) top left no-repeat}
#cuerpo #contenido .cajeta .bt_mas a:hover{background-image:none; color:yellow; background-color:transparent;}
#cuerpo #contenido .cajeta .bt_mas a:active{color:black; background:url(../img/bt_masCH.gif) bottom left no-repeat}
h2.trigger {width:18px; height:18px; background:url(../img/bt_toggle.gif) no-repeat; margin:5px 0}
h2.trigger a{display:block; margin:0; padding:0; width:18px; height:18px; overflow:hidden;}
h2.trigger a:hover{background-image:none; color:yellow; background-color:transparent;}
h2.active{color:black; background:url(../img/bt_toggle.gif) bottom left no-repeat}
.toggle_container{margin:0; padding:0;}
#cuerpo #contenido .cajeta .bt_mail{display:block; margin:0; padding:0; width:18px; height:18px; overflow:hidden; background:url(../img/bt_mail.gif) top left no-repeat; margin:-8px 0 3px 0}
#cuerpo #contenido .cajeta .bt_mail:hover{background-image:none; color:yellow; background-color:transparent; background:url(../img/bt_mail.gif) 0 -18px no-repeat}
#cuerpo #contenido .cajeta .bt_mail:active{background-image:none; color:yellow; background-color:transparent; background:url(../img/bt_mail.gif) bottom left no-repeat}

#cuerpo .derecha {width:240px; float:right; background:url(../img/der_cierre.gif) bottom no-repeat #000; margin:0;}
#cuerpo .derecha .titulo {height:auto}
#cuerpo .derecha .textito {padding:16px 16px 22px 16px; color:#fff; font:10px/14px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;}
#cuerpo .derecha .textito a, #cuerpo .derecha .textito a:visited, #cuerpo .derecha .textito a:active {color:#99411d; text-decoration:none}
#cuerpo .derecha .textito a:hover {color:#fff; text-decoration:none; background-color:#d97545; padding:0 3px}
#cuerpo .derecha .textito span {color:#d97545; border-right:solid 1px #d97545; padding:0 3px 0 0}
#cuerpo .derecha .textito .bt_masCH {width:42px; height:22px; background:url(../img/bt_masCH.gif) 0 -22px no-repeat; margin:12px 0 0 0}
#cuerpo .derecha .textito .bt_masCH a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_masCH.gif) top left no-repeat}
#cuerpo .derecha .textito .bt_masCH a:hover{background-image:none; color:yellow; background-color:transparent;}
#cuerpo .derecha .textito .bt_masCH a:active{color:black; background:url(../img/bt_masCH.gif) bottom left no-repeat}

#pie {padding:14px 0 15px 0; text-align:center; background:url(../img/bg_pie.gif) center; }
#pie .contenedor {width:943px; margin:0 auto; position:relative; background:url(../img/pie_bg.gif) 0 0; height:60px; }
#pie .lemot {width:138px; height:38px; background:url(../img/pie_lemot.gif) 0 -38px no-repeat; position:absolute; top:11px; left:11px}
#pie .lemot a {display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/pie_lemot.gif) top left no-repeat}
#pie .lemot a:hover {background-image:none; color:yellow}
#pie .lemot a:active {color:black}
#pie .go {width:45px; height:38px; background:url(../img/pie_go.gif) 0 -38px no-repeat; position:absolute; top:11px; right:77px}
#pie .go a {display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/pie_go.gif) top left no-repeat}
#pie .go a:hover {background-image:none; color:yellow}
#pie .go a:active {color:black}
#pie .vx {width:26px; height:38px; background:url(../img/pie_vx.gif) 0 -38px no-repeat; position:absolute; top:11px; right:30px}
#pie .vx a {display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/pie_vx.gif) top left no-repeat}
#pie .vx a:hover {background-image:none; color:yellow}
#pie .vx a:active {color:black}
#pie .data {font:10px/14px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif; color:#fff; height:60px}
#pie .data a, #pie .data a:link, #pie .data a:visited, #pie .data a:active {color:#fff; text-decoration:none; position:relative; z-index:999;}
#pie .data a:hover {color:#fff; text-decoration:underline}
#pie .data span {color:#333}

.cluetip-default {font-size:10px; color:#fff; line-height:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", Helvetica, "Helvetica Neue", Arial, sans-serif;}
.cluetip-default #cluetip-outer {position:relative; margin:0;}
.cluetip-default h3#cluetip-title {font-weight:bold; font-size:11px; margin:0; color:#d97545; padding:10px 12px 1px 12px; background: url(../img/balloon.png) top left !important; background: url(../img/balloon.gif) top left}
.cluetip-default #cluetip-title a {}  
.cluetip-default #cluetip-inner {font-size:10px; padding:2px 12px 10px 12px; background:url(../img/balloon.png) bottom left no-repeat !important; background: url(../img/balloon.gif) bottom left;}
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {zoom: 1;}