/* --------------------------------------------- PISCINAS HERMANOS RUIZ 25 CCTUBRE 2005 Diseņo:. www.websjuridicas.com --------------------------------------------- */ /* GENERAL */ body { background: #3399CC url(../img/bg.gif) repeat-x; margin: 0; font-family: tahoma, sans-serif; font-size: 11px; color: #7a7a7a; text-align: center; } #cuadro { width: 771px; position: relative; margin: 0 auto; } #filete { position: relative; margin: 0 auto; width: 669px; height: 21px; top: 6px; background:url(../img/filete.gif) no-repeat; right: 1px; } #dil_nav { float: right; margin: 4px 0 0 0; padding-right: 10px; } #dil_nav li { padding: 0 4px 0 0; list-style: none; display: inline; } #barra { position: relative; margin: 0 auto; padding: 0; width: 771px; height: 60px; background:url(../img/fondo_cabecera.gif) no-repeat; } #menu_bar { position: relative; margin: 0 auto; padding: 0; width: 771px; height: 24px; background:url(../img/menu_barra.gif) no-repeat; } #logo_place { position: absolute; left: 25px; top: 45px; width: 250px; height: 48px; background: url(../img/logo.gif) no-repeat; } #logo_place span { display: none; } /* MEN INGILIZCE */ #navegacion_superior { position: absolute; width: 660px; height: 24px; background: url(../img/menu.gif); right: 25px; margin: 0; padding: 0; } #navegacion_superior li { position: absolute; margin: 0px; padding: 0px; list-style: none; } #navegacion_superior span { display: none; } #navegacion_superior li, #navegacion_superior a { height: 24px; display: block } #inicio { left: 0; width: 49px; } #servicios { left: 51px; width: 91px; } #empresa { left: 144px; width: 130px; } #consejos { left: 276px; width: 111px; } #localizacion { left: 389px; width: 133px; } #contacto { left: 524px; width: 72px; } #fotos { left: 598px; width: 62px; } #inicio a:hover{background: transparent url(../img/menu.gif) 0 -24px no-repeat;} #servicios a:hover{background: transparent url(../img/menu.gif) -51px -24px no-repeat;} #empresa a:hover{background: transparent url(../img/menu.gif) -144px -24px no-repeat;} #consejos a:hover{background: transparent url(../img/menu.gif) -276px -24px no-repeat;} #localizacion a:hover{background: transparent url(../img/menu.gif) -389px -24px no-repeat;} #contacto a:hover{background: transparent url(../img/menu.gif) -524px -24px no-repeat;} #fotos a:hover{background: transparent url(../img/menu.gif) -598px -24px no-repeat;} #banner { position: relative; margin: 0 auto; padding: 0; width: 771px; height: 204px; background:url(../img/banner_bg.gif) no-repeat; } #banner_flash { position: relative; margin: 0 auto; padding: 0; width: 757px; height: 194px; background:url(../img/banner01.jpg) no-repeat; top: 3px; } #verde { position: relative; margin: 0 auto; padding: 0; width: 669px; height: 36px; background:url(../img/barra_verde.gif) no-repeat; right: 1px; } #novedades { position: absolute; left: 5px; width: 177px; height: 36px; } #piscinas { position: absolute; left: 184px; width: 301px; height: 36px; } #galeria { position: absolute; left: 487px; width: 177px; height: 36px; } #verde2 { position: relative; margin: 0 auto; padding: 0; width: 669px; height: 36px; background: url(../img/bnav_bg2.jpg) no-repeat; right: 1px; } #bnav_ic_content1 { position: absolute; left: 20px; float: left; } #bnav_ic_content2 { position: absolute; left: 500px; float: left; } #contenido { position: relative; margin: 0 auto; padding: 0; width: 669px; height: 452px; background:url(../img/barrita_ver.gif) repeat-y; right: 1px; } #principal { position: relative; margin: 0 auto; padding: 0; width: 659px; background-color: #ececec; } #lateral_izda { position: absolute; left: 0; background:url(../img/lateral.gif) repeat-x; width: 177px; height: 449px; text-align: left; padding: 0; } #separador { position: absolute; left: 177px; background:url(../img/barrita_ver2.gif) no-repeat; width: 2px; height: 449px; } #centro { position: absolute; left: 179px; background:url(../img/fondo_ppal.gif) repeat-x; width: 301px; height: 449px; text-align: left; padding: 0; } #separador2 { position: absolute; left: 480px; background:url(../img/barrita_ver2.gif) no-repeat; width: 2px; height: 449px; } #lateral_dcha { position: absolute; left: 482px; background:url(../img/lateral.gif) repeat-x; width: 177px; height: 449px; text-align: left; padding: 0; } #il { position: relative; margin: 0 auto; padding: 0; width: 659px; height: 449px; background: url(../img/icsayfa_bg.gif) repeat-x; } #centradoder { position: absolute; left: 0; width: 480px; height: 449px; padding: 0; background:url(../img/lateral.gif) repeat-x; } #ilvl { position: absolute; left: 480px; background:url(../img/main_vln.gif) no-repeat; width: 2px; height: 449px; } #ilsg { position: absolute; left: 482px; background:url(../img/icsayfa_lsag.gif) repeat-x; width: 177px; height: 449px; text-align: left; padding: 0; margin: 0; } .sidebar { margin: 10px; padding: 0 0 8px 0; border-bottom: 1px solid #d2d2d2; } .sidebar dt { margin: 0 0 10px 0; padding: 0 0 0 15px; } .sidebar dd { margin: 0; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 3px; } .sidebar dd.son { background: none; } #content { margin: 30px; text-align: left; } #news_list { float: right; } .lateral1 { margin: 15px 5px; } .centro1 { margin: 25px 8px; border-bottom: 1px solid #ccc; height: 135px; } .lateral_dcha2 { margin: 15px 5px; } /* DL DT DD */ .lateral_nov { margin: 10px 0; padding: 0 5px; border-bottom: 1px solid #dadada; } .lateral_nov dt { margin: 0; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 50%; text-decoration: underline; } .lateral_nov dd { margin: 5px; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 3px; } .lateral_nov dd.son { background: none; border: 0; } .columna_centro { margin: 0; padding: 0; } .columna_centro dt dl { float: left; margin: 0; padding: 0; } .columna_centro dt img { float: left; margin: 0 5px 0 0; padding: 0; } .columna_centro dd { margin: 8px 5px 10px 10px; } .galeria { margin: 0; padding: 0; } .galeria dt dl { margin: 0; padding: 0; } .galeria dt img { margin: 0 5px 0 0; padding: 0; } .galeria dd { margin: 5px 0; padding: 0 0 0 10px; } .irtibat { margin: 10px 0; padding: 0 5px; border-bottom: 1px solid #dadada; } .irtibat dt { margin: 0; padding: 0; } .irtibat dd { margin: 5px; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 3px; } .servicios { margin: 10px 0; padding: 0 0 10px 10px; border-bottom: 1px solid #dadada; } .servicios dt { margin: 0; padding: 0; line-height: 1.4em; } .servicios dd { margin: 15px 0 0 0; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 3px; line-height: 1.4em; } .servicios dd.son { background: none; } .room_ic { margin: 10px 0; padding: 0 0 5px 10px; border-bottom: 1px solid #dadada; } .room_ic dt { margin: 0; padding: 0; } .room_ic dd { margin: 3px 0 0 0; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 3px; } .pixel { margin: 10px 0; padding: 0 0 20px 10px; border-bottom: 1px solid #dadada; } .pixel dt { margin: 0; padding: 0; line-height: 1.4em; } .pixel dd { margin: 15px 0 0 0; padding: 0 0 0 10px; line-height: 0.2em; } .pixel dd.son { background: none; } .mail { margin: 10px 0; padding: 0 0 10px 10px; border-bottom: 1px solid #dadada; } .mail dt { margin: 0; padding: 0; line-height: 1.4em; } .mail dd { margin: 15px 0 0 0; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 3px; font: 1.2em "Trebuchet MS", Tahoma, sans-serif; color: #CC0000; } /* DL DT DD */ #pie { position: relative; margin: 0 auto; width: 669px; height: 23px; background:url(../img/pie.gif) no-repeat; right: 1px; } #pie_dcha { position: absolute; left: 440px; top: 2px; padding: 0; margin: 0; } #pie_dcha span { margin: 0 2px; color: #C2BAAE; } #direccion { position: absolute; left: 25px; top: 2px; padding: 0; margin: 0; } hr { border: 0; width: 100%; color: #d2d2d2; background-color: #d2d2d2; height: 1px; margin: 5px 0; } /* GALERI */ #galeri { margin: 12px 5px; text-align: left; } .foto_yorum { margin: 10px; padding: 0 0 10px 0; } .foto_yorum dt { margin: 10px 0; padding: 0 0 10px 20px; background: url(../img/galeri_bullet.gif) no-repeat 0 3px; border-bottom: 1px solid #dadada; } .foto_yorum dd { margin: 0; padding: 0; } #foto_panel { position: absolute; left: 5px; bottom: 10px; width: 150px; background-color: #f2f2f2; margin: 0 10px; padding: 3px 0; text-align: center; } #foto_panel img { vertical-align: text-bottom; } /* REZERVASYON */ #rezervasyon { margin: 20px 20px; text-align: left; width: 446px; } .rez dl, dt, dd { margin: 0; padding: 0; } #rez_form { marg???in: 0; padding: 0; } .rez_first { margin: 0; padding: 2px 5px; border-bottom: 1px solid #dadada; } .rez_first dt { margin: 0; padding: 0; line-height: 1.4em; } .rez_first dd { margin: 0; padding: 0 0 0 15px; background: url(../img/flecha.gif) no-repeat 0 3px; line-height: 1.4em; } fieldset { border:0; margin:0; } input, textarea, select { font-family: Verdana, Helvetica, Sans-serif; font-size: 1em; margin-bottom: 0.4em; color: #2A546C; } .bar fieldset{ padding:0; } #rez_form input, #rez_form textarea { border: 1px solid #AFAFAF; background: #FFF url(../img/form.gif) 0px 0px repeat-x scroll; padding: 0.3em; } #rez_form textarea { background: #FFF url(../img/frm_ta.gif) 0px 0px repeat-x scroll; } #rez_form input { width: 180px; } #rez_form select { width: 187px; } #rez_form textarea { width: 378px; height: 30px; overflow: auto;} #rez_form input:hover, #rez_form textarea:hover, #rez_form input:focus, #rez_form textarea:focus, #rez_form select:hover, #rez_form select:focus { border-color: #838383; background-position: 0px -2px; } #rez_form textarea:hover, #rez_form textarea:focus { background-position: 0px -10px; } #rez_form input.gonder { width: 100px; color: #999; background-position: 0px 0px; } #rez_form input.gonder:hover { background-position: 0px -2px; color:#777; } #rez_form label:hover + br + input, #rez_form label:hover + br + textarea { border: 1px solid #838383; } #rez_form input.adres { width: 378px; } img { border: 0; padding: 0; margin: 0; } span.none {display: none;} dl, dt, dd { color: #7a7a7a; font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; } a:link { color: #323232; } a:visited { color: #8F8F8F; } a:hover { color: #7C082C; } #pie_dcha a:link, #pie_dcha a:visited, #direccion a:link, #direccion a:visited { color: #C2BAAE; text-decoration: none; font-family: "Trebuchet MS", sans-serif; } #pie_dcha a:hover, #direccion a:hover { color: #7C082C; } u { cursor: pointer; } em { font-size: small; color: #2A546C; cursor: help; font-style: normal; line-height: 0; } acronym { text-decoration: underline; cursor: pointer; } span.altbar { font-family: tahoma, sans-serif; color: #B8AA97; font-size: smaller; } span { margin: 0; padding: 0; line-height: 1.3em; } .sidebar a { margin: 0; padding: 0; } #warning { background: url(../img/exclamation.gif) no-repeat; margin: 0; padding: 0; }