/* Arquitectura General */ * {padding:0px; margin:0px} body {background-color:#fff} #pagina {position:relative; width:980px; height:auto; margin:0 auto; background-color:#eee} #pie {position:relative; width:980px; height:65px; margin:0 auto} /* Elementos generales */ img {border:none} table {border:0px; border-collapse:collapse; border-spacing:0px;} th, td {vertical-align:top; padding:0px;} .divrel {position:relative; width:100%; height:auto} .drel {position:relative} .alphali {list-style:lower-alpha; font:12px Arial, Helvetica, Sans-serif; color:#666; padding-bottom:5px; padding-left:10px; display:block} .numberli {list-style:decimal; font:12px Arial, Helvetica, Sans-serif; color:#666; padding-bottom:5px; padding-left:10px; display:block} .subli {list-style:circle; font:12px Arial, Helvetica, Sans-serif; color:#666; padding-bottom:5px; padding-left:10px; display:block} .puntoli {list-style:disc inside; font:12px Arial, Helvetica, Sans-serif; color:#666} br {line-height:6px} i {color:#336666} .floatimgleft {float:left; margin-right:10px; margin-top:5px; margin-bottom:10px} .floatimgright {float:right; margin-left:10px; margin-top:5px; margin-bottom:10px} /* Fuentes */ h1 {font:bold 18px Arial, Helvetica, Sans-serif; color:#666; text-align:left} h2 {font:bold 16px Arial, Helvetica, Sans-serif; color:#999; text-align:left} h3 {font:bold 18px Arial, Helvetica, Sans-serif; color:#666; text-align:left} h4 {font:bold 14px Arial, Helvetica, Sans-serif; color:#ccc; text-align:left} p {font:12px Arial, Helvetica, Sans-serif; color:#666} .spanfichas {font:12px Arial, Helvetica, Sans-serif; color:#666; text-align:justify} a:link {font:12px Arial, Helvetica, Sans-serif; color:#333; text-decoration:underline} a:hover {font:12px Arial, Helvetica, Sans-serif; color:#000; text-decoration:underline} a:active {font:12px Arial, Helvetica, Sans-serif; color:#000; text-decoration:none} a:visited {font:12px Arial, Helvetica, Sans-serif; color:#333; text-decoration:none} .apeq:link {font:11px Arial, Helvetica, Sans-serif; color:#333; text-decoration:underline} .apeq:hover {font:11px Arial, Helvetica, Sans-serif; color:#000; text-decoration:underline} .apeq:active {font:11px Arial, Helvetica, Sans-serif; color:#000; text-decoration:none} .apeq:visited {font:11px Arial, Helvetica, Sans-serif; color:#333; text-decoration:none} /* Botones */ .btngen {width:100px; height:20px; background:transparent url(../img/btn_gen.gif) no-repeat; border:none; font:11px Arial, Helvetica, Sans-serif; color:#3D6000; text-align:left; padding-left:10px} .btngen_verde1 {width:110px; height:30px; background:transparent url(../img/btn_gen_verde.gif) no-repeat; border:0px; font:11px Arial, Helvetica, Sans-serif; color:#3D6000; text-align:left; padding-left:10px} .btngen_verde2 {width:110px; height:30px; background:transparent url(../img/btn_gen_verde_2.gif) no-repeat; border:0px; font:11px Arial, Helvetica, Sans-serif; color:#3D6000; text-align:left; padding-left:10px} /* Elementos MasterPagina ******************************************************************************************/ #tdmargen_izq {width:10px; background:url(../img/izq_pix.gif) repeat-y} #tdmargen_der {width:10px; background:url(../img/der_pix.gif) repeat-y} #tdizq {width:215px} #tdder {width:745px} /********************************************** Elementos Cabecera *********************************************/ /* Esquinas */ #esq_sup_izq {position:absolute; top:0px; left:0px; width:10px; height:20px; background:url(../img/esquina_sup_izq.gif) no-repeat} #esq_sup_der {position:absolute; top:0px; right:0px; width:10px; height:20px; background:url(../img/esquina_sup_der.gif) no-repeat} /* Logo */ #deg_pag_izq {position:absolute; top:20px; left:0px; width:10px; height:auto; background:url(../img/izq_pix.gif) repeat-y} #logo {position:relative; width:215px; height:125px} /* Cabecera y Menu */ #divcab {position:relative; width:745px; height:100px; background-color:#eee} #der_logo {position:absolute; top:0px; left:0px; width:25px; height:60px; background:url(../img/logo_der.gif) no-repeat} #mnu_fla {position:absolute; top:60px; left:0px; width:745px; height:40px} #esq_logo {position:absolute; top:100px; left:0px; width:20px; height:25px; background:url(../img/esq_logo.png) no-repeat} #deg_pag_sup {position:absolute; top:0px; left:25px; height:15px; width:415px; *width:416px; background:url(../img/sup_pix.gif) repeat-x} /* Menu idiomas */ #esq_der_idiomas {position:absolute; top:0px; right:0px; *right:-1px; width:20px; height:35px; background:url(../img/panel_idiomas_der.gif) no-repeat} #bg_idiomas {position:absolute; top:0px; right:20px; *right:19px; width:290px; height:35px; background:url(../img/panel_idiomas_pix.gif) repeat-x} #esq_izq_idiomas {position:absolute; top:0px; right:310px; *right:309px; width:20px; height:35px; background:url(../img/panel_idiomas_izq.gif) no-repeat} #bg_idiomas ul {margin:0; padding:7px 10px 0 0; list-style-type:none; text-align:right} #bg_idiomas ul li {display:inline; padding-left:2px} #bg_idiomas ul li img {padding-left:4px; vertical-align:middle} #bg_idiomas ul li a {font-size:11px; color:#999} #bg_idiomas ul li a:hover {font-size:11px; color:#666; text-decoration:underline} /********************************************* Elementos Cuerpo ************************************************/ /*********** TD Izquierdo *************/ /* Panel Busqueda */ #pnl_busq {position:relative; width:210px; height:302px; background:url(../img/pix_panel_alojamiento.gif) repeat-y} #tit_busq {position:absolute; top:0px; left:0px; width:215px; height:40px} #tit_busq_txt {position:absolute; top:0px; left:0px; width:215px; height:40px; z-index:1} #tit_busq_txt h2 {font-size:9px} #pnl_busq p {font-size:11px; color:#fff} #tit_busq_img {position:absolute; top:0px; left:0px; z-index:2} #subtit_busq {position:absolute; top:50px; left:0px; width:100%; text-align:center} #subtit_busq2 {position:absolute; top:140px; left:0px; width:100%; text-align:center} #subtit_busq2 h3 {font:bold 12px arial, helvetica, sans-serif; color:#fff; padding-left:10px} #subtit_busq h3 {font:bold 12px arial, helvetica, sans-serif; color:#fff; padding-left:10px} #pnl_busq_pie {position:absolute; bottom:0px; _bottom:-4px; left:0px; width:215px; height:15px; background:url(../img/pie_pnl_alojamiento.gif) no-repeat} .select_busq {position:absolute; top:80px; left:10px; width:190px; height:20px; font:11px Arial, Helvetica, Sans-serif; color:#3D6000} .txt_busq {position:absolute; top:150px; left:10px; width:183px; height:16px; font:11px Arial, Helvetica, Sans-serif; color:#3D6000; padding-top:3px; padding-left:3px} .txtboxbusq {font:11px Arial, Verdana, Sans-serif; color:#000; padding:2px; padding-left:3px} #btnbuscar {position:absolute; top:190px; left:95px;} .lnkbusqueda {position:absolute; bottom:10px; left:0px; width:100%; height:50px} .lnkbusqueda p {padding-bottom:10px} .lnkbusqueda p a {font-size:12px; color:#fff; padding-left:12px} .lnkbusqueda a:link, .lnkbusqueda a:visited {font-size:12px; color:#fff; text-decoration:none} .lnkbusqueda a:hover, .lnkbusqueda a:active {font-size:12px; color:#fff; text-decoration:underline} /* Paneles inferiores */ .lnkpanel {position:absolute; bottom:15px; right:15px; z-index:2} .lnkpanel a:link, a:visited {font-size:13px; color:#666; text-decoration:none} .lnkpanel a:hover, a:active {font-size:13px; color:#333; text-decoration:underline} /* Panel contactar alojamiento */ #top_pnl_reserva {position:relative; width:215px; margin:0 auto} #bg_pnl_reserva {position:relative; width:215px; height:auto; margin:0 auto; background:url(../img/pix_pnl_reserva.gif) repeat-y} #pie_pnl_reserva {position:relative; width:215px; height:10px; margin:0 auto; background:url(../img/pie_pnl_reserva.gif) no-repeat} /* Formulario contactar alojamiento */ .divcontactrel {position:relative; width:195px; height:17px; margin:0 auto; padding-bottom:10px} .divcontactreltxt p {position:relative; width:185px; height:15px; font-size:11px; color:#3D6000; padding-left:10px} .inputcontcontact {position:absolute; top:0px; left:0px} .inputcontact {width:185px; height:17px; font:11px arial; background-color:#fff; color:#3D6000; border:none; padding-left:5px; padding-top:3px} .inputcontactgr {width:185px; height:105px; font:11px arial; background-color:#fff; color:#3D6000; border:none; padding-left:5px; padding-top:3px; overflow:auto} .alojamiento {position:absolute; top:0px; right:0px} /*********** TD Derecho *************/ /* Panel Margen Derecha */ #pnrelder {position:relative; width:140px; height:auto; float:right; background-color:#ddd} .pnrelder_pie {position:relative; width:140px; height:15px; float:right; background:url(../img/pie_panel_publicidad.gif) no-repeat} /** PANELES BLANCOS **/ /* Panel Blanco Contenidos Texto */ #pnl_blanco {position:relative; width:598px; height:auto; float:left; border:solid 1px #aaa; background-color:#fff} /* esquinas*/ .esq_izq_sup_bl {position:absolute; top:-1px; left:-1px; width:10px; height:10px; background:url(../img/pnl_bl_esq_sup_izq.gif) no-repeat} .esq_der_sup_bl {position:absolute; top:-1px; right:-1px; width:10px; height:10px; background:url(../img/pnl_bl_esq_sup_der.gif) no-repeat} .esq_izq_inf_bl {position:absolute; bottom:-1px; _bottom:-10px; left:-1px; width:10px; height:10px; background:url(../img/pnl_bl_esq_inf_izq.gif) no-repeat} .esq_der_inf_bl {position:absolute; bottom:-1px; _bottom:-10px; right:-1px; width:10px; height:10px; background:url(../img/pnl_bl_esq_inf_der.gif) no-repeat} /* Sistema DOS paneles blancos derecha e izquierda */ /* Float right o left y height en html */ #pnl_blanco_gr {position:relative; width:424px; height:auto; border:solid 1px #aaa; background-color:#fff; margin:25px auto; padding:10px} #pnl_blanco_pq {position:relative; width:274px; height:auto; border:solid 1px #aaa; background-color:#fff; margin:25px auto; padding:10px} .nota {position:relative; width:100%; padding-top:20px } .nota p {font-size:11px; line-height:11px; text-align:left} /* Sistema DOS paneles blancos superior e inferior */ #pnl_blanco_top {position:relative; width:742px; height:248px; border:solid 1px #aaa; background-color:#fff; margin:0px auto} #pnl_blanco_bottom {position:relative; width:722px; height:auto; border:solid 1px #aaa; background-color:#fff; margin:5px auto; padding:10px} .fleft {float:left; padding:10px 10px 0px 10px} /* paddings */ #pnl_blanco h1 {padding-top:10px; padding-left:10px;} #pnl_blanco p {padding:5px 10px 10px 10px; text-align:justify} /* Contenedor Flashes Panel Inferior */ #pnl_cont_flash {position:relative; width:605px; padding-top:4px; height:200px; float:left} #cont_flash1 {position:absolute; top:4px; left:0px; width:302px; height:196px} #cont_flash2 {position:absolute; top:4px; left:302px; width:303px; height:196px} /* Pie *************************************************************************************************************/ #esq_inf_izq {position:absolute; top:35px; left:0px; width:10px; height:10px; background:url(../img/esquina_inf_izq.gif) no-repeat} #esq_inf_der {position:absolute; top:35px; right:0px; width:10px; height:10px; background:url(../img/esquina_inf_der.gif) no-repeat} #deg_inf_izq {position:absolute; top:0px; left:0px; width:10px; height:35px; background:url(../img/izq_pix.gif) repeat-y} #deg_inf_der {position:absolute; top:0px; left:970px; width:10px; height:35px; background:url(../img/der_pix.gif) repeat-y} #logo_aflua {position:absolute; top:0px; left:10px; width:30px; height:35px} #lnk_aflua {position:absolute; top:8px; left:5px; width:50px; height:35px} #lnk_aflua a {font:9px/9px Arial, Helvetica, Sans-serif; color:#669900; text-decoration:none} #divpie {position:absolute; top:0px; left:40px; width:925px; height:35px; background-color:#BED62C} #end_pie {position:absolute; top:0px; left:965px; width:5px; height:35px; background:url(../img/pie_der.gif) no-repeat} #sub_pie {position:absolute; top:35px; left:10px; width:960px; height:10px; background:url(../img/inf_pix.gif) repeat-x} /* Menu Pie */ #divpie ul {margin:0; padding:0px; padding-left:70px; line-height:11px; list-style-type:none; text-align:right} #divpie ul li {display:inline; list-style:none} #divpie ul li span {font:11px Arial, Helvetica, Sans-serif; color:#666; text-decoration:none} #divpie ul li a:link, #divpie ul li a:visited {font:11px Arial, Helvetica, Sans-serif; color:#666; text-decoration:none} #divpie ul li a:hover, #divpie ul li a:active {font:11px Arial, Helvetica, Sans-serif; color:#444; text-decoration:underline} /* Páginas individuales ********************************************************************************************/ /* Elementos comunes a los Formularios Contacto y Reserva */ .txtcontacto {position:absolute; top:10px; left:0px} .txtcontacto p {font-size:11px} .txtcontacto p b {color:#3D6000} .etiqueta {position:absolute; top:25px; left:0px} .etiqform {width:270px; height:20px; border:solid 1px #BCBCBC} .etiqformmd {width:130px; height:20px; border:solid 1px #BCBCBC} .etiqformpq {width:82px; height:20px; border:solid 1px #BCBCBC} .etiqformgr {width:269px; height:105px; border:solid 1px #BCBCBC; overflow:auto} .etiqformverde {width:268px; height:18px; border:solid 2px #99CC00}/* Campos obligatorios*/ .etiqformmdverde {width:128px; height:18px; border:solid 2px #99CC00}/* Campos obligatorios*/ .chkbox {position:absolute; top:450px; left:0px;_left:0px} .chkboxtxt {position:absolute; top:435px; _top:440px; left:20px; width:250px} .chkboxtxt p {font-size:11px; line-height:11px} .chkboxtxt p a {color:#333} .chkboxtxt p a:hover {text-decoration:underline} /* Contacto */ /* Formulario Contacto */ #form_contacto {position:relative; width:274px; height:470px; margin:0 auto} .contacto {position:absolute; bottom:10px; right:10px} /* Viajes Detalle *********/ /* Formulario Reserva */ #form_reserva {position:relative; width:274px; height:570px; margin:0 auto} .reserva {position:absolute; bottom:10px; right:10px} /* Alojamiento Rural Lista */ /* Top Panel */ #bg_pnl_alojamiento_det {position:absolute; top:-1px; left:-1px; width:250px; height:250px; background-image:url(../img/img_alojamientos.jpg)} #txt_pnl_alojamiento_det {position:absolute; top:0px; left:250px; width:495px; height:250px} #txt_pnl_alojamiento_det p {font-size:14px} #txt_pnl_alojamiento_det h1, #txt_pnl_alojamiento_det p {padding:10px 0px 0px 10px} /* Bottom Panel */ #pnl_blanco_bottom h2 {font:bold 19px Arial, Helvetica; color:#BCBCBC} /* Repeater Alojamientos */ .divficha {position:relative; width:176px; height:300px; margin-top:20px; margin-left:4px} .divfichaimg {position:absolute; top:0px; left:0px; width:174px; height:116px} .titfichadet {position:absolute; top:120px; left:0px; height:18px; overflow:hidden} .tipofichadet {position:absolute; top:140px; left:0px; height:18px; overflow:hidden} .zonafichadet {position:absolute; top:160px; left:0px; height:18px; overflow:hidden} .yabadudet {position:absolute; top:170px; left:0px;} .descdet {position:absolute; top:195px; left:0px; height:43px; width:160px; overflow:hidden} .preciodet {position:absolute; top:250px; left:0px; height:20px; overflow:hidden} .plazasdet {position:absolute; top:270px; left:0px; height:20px; overflow:hidden} .titfichadet h3 {font:bold 14px Arial; color:#666} .yabadu {font:bold 12px Arial; color:#669900; padding-bottom:2px} .zonafichadet h4, tipofichadet h4 {font:bold 12px Arial; color:#999} .icopos {margin-left:2px; margin-top:7px;} #pnl_blanco_gr * li {list-style:disc inside; padding-left:10px; font:12px Arial, Helvetica, Sans-serif; color:#666} /******* Paginación *********************/ /****************************************/ .divtitpaginacion {position:relative; margin:0 0 0 15px} .divpaginacion {position:relative; margin:0 15px 15px 13px} .btnumero {position:relative; width:20px; height:20px; background:url(../img/paginacion.gif) 0 0 no-repeat; margin:2px} .btnumeroint {position:absolute; width:20px; top:-1px; left:0px; text-align:center} .btnumeroint .pagnum {font:bold 18px Arial; text-decoration:none; color:#fff} .btnumeroint .pagnumsel {font:bold 18px Arial; text-decoration:none; color:#CCFF00} /* Alojamiento Rural Detalle */ /* Visor Fotos */ #visor_fotos {position:relative; width:424px; height:370px; margin:10px auto} #ampli_foto {position:absolute; top:0px; left:0px; width:100%; height:285px; overflow:hidden} .thumb {position:absolute; bottom:0px; left:0px; width:100px; height:75px; overflow:hidden} /* Google Maps */ #div_google_maps {position:relative; width:424px; height:236px; margin:40px auto} #gmap {position:absolute; top:25px; left:0px; width:100%; height:210px; border:solid 1px #ccc} #gmap iframe {width:424px; height:210px} /* Buscar Alojamiento Mapa */ #bg_pnl_mapa_det {position:absolute; top:-1px; left:-1px; width:150px; height:150px; background:url(../img/img_busc_mapa.jpg) no-repeat} #txt_pnl_mapa_det h1, #txt_pnl_mapa_det p {padding-left:160px; padding-top:7px} #txt_pnl_mapa_det p {font-size:14px} /* Panel Flash Derecha */ #pnl_fla_der {position:relative; float:right; height:655px} /* Viajes Alternativos, Culturales, Gastronomicos, etc */ /* Fondos Paneles Viajes */ #bg_pnl_viajes_det {position:absolute; top:-1px; left:-1px; width:250px; height:250px} .bg_pnl_culturales {background-image:url(../img/img_viajes_culturales.jpg)} .bg_pnl_deportivos {background-image:url(../img/img_viajes_deportivos.jpg)} .bg_pnl_gastronomicos {background-image:url(../img/img_viajes_gastronomicos.jpg)} .bg_pnl_naturales {background-image:url(../img/img_viajes_naturales.jpg)} .bg_pnl_alternativos {background-image:url(../img/img_viajes_alternativos.jpg)} /* Viajes a medida */ .imgviajemedida1 {position:absolute; top:0px; left:0px} .imgviajemedida2 {position:absolute; top:0px; left:218px} /* Repeater Viajes */ .divficha2 {position:relative; width:358px; height:300px; margin-top:10px} .divfichaimg2 {position:absolute; top:0px; left:0px;} .titfichadet2 {position:absolute; top:145px; left:0px;height:18px; overflow:hidden} .yabadudet2 {position:absolute; top:158px; left:0px; height:20px} .descdet2 {position:absolute; top:185px; left:0px; height:58px; width:340px; overflow:hidden} .preciodet2 {position:absolute; top:250px; left:0px;} .titfichadet2 h3 {font:bold 14px Arial; color:#666} .divfichadet2 h4 {font:bold 12px Arial; color:#999} .icopos {margin-left:2px; margin-top:7px;} /* En construccion */ #centrado {position:absolute; left:50%; top:50%} #const {position:absolute; left:-235px; top:-108px; height:219px; width:471px}