/* - - - - - - - - - - - - - - - - - - - - BAIA FLAMINIA RESORT www.hotelflaminio.com website by websolute - - - - - - - - - - - - - - - - - - - - */ /* BODY & ALTRO - - - - - - - - - - - - - - - - - - - - */ * {margin:0; padding:0; /*border:none;*/ outline:none;/* -moz-outline: none;*/} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clear {clear:both;} .clearfix {display:block;} /* End hide from IE-mac */ body {background: url(../img/sf_pag_int.jpg) no-repeat top center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#4b555b; } body.body_hp {background: url(../img/sf_hp.jpg) no-repeat top center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#4b555b; } body.body_foto_bassa {background: url(../img/sf_pag_int_fotobassa.jpg) no-repeat top center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#4b555b; } * ul li {height:auto;#height:1%;} a {color:#4b555b; text-decoration:none; } a:hover {color:#4b555b; text-decoration: underline; } H2 {text-decoration: none;font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#4b555b; } /* CONTAINER - - - - - - - - - - - - - - - - - - - - */ #container {width:955px; margin:0 auto; position:relative; } /* COL SX -MENU VERTICALE (tutto testuale) - - - - - - - - - - - - - - - - - - - - */ #col_sx {float: left; width:127px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #menu_vert_3lev{clear: both; margin-top: 105px; } #menu_vert_3lev ul {list-style:none; padding: 0px 0px 0px 0px; } #menu_vert_3lev ul li {list-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #menu_vert_3lev ul li a {display:block; color: #697b81; font-size: 11px; font-weight:bold; padding: 6px 0px 2px 0px; text-decoration: none; } #menu_vert_3lev ul li a:hover {color: #bc0593; } #menu_vert_3lev ul li a.on {color: #bc0593; } #menu_vert_3lev ul li ul {list-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-top: 1px solid #d8dcdd;} #menu_vert_3lev ul li ul li{list-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #d8dcdd; } #menu_vert_3lev ul li ul li a{display:block; padding: 8px 0px 2px 10px; margin: 0px 0px 0px 0px; width:117px; } #menu_vert_3lev ul li ul li a:hover{background:#f3f4f5; } #menu_vert_3lev ul li ul li a.on{background:#f3f4f5; color: #bc0593;} #menu_vert_3lev.lang_it li.lang_it {display: none; } #menu_vert_3lev.lang_en li.lang_en {display: none; } #menu_vert_3lev.lang_fr li.lang_fr {display: none; } #menu_vert_3lev.lang_de li.lang_de {display: none; } #lingue a.lang_it {color: #bc0593; text-transform:uppercase;} #lingue a:hover.lang_it {color: #697b81;} #lingue a.lang_en {color: #bc0593; text-transform:uppercase;} #lingue a:hover.lang_en {color: #697b81;} #lingue a.lang_fr {color: #bc0593; text-transform:uppercase;} #lingue a:hover.lang_fr {color: #697b81;} #lingue a.lang_de {color: #bc0593; text-transform:uppercase;} #lingue a:hover.lang_de {color: #697b81;} /* COL SX -MENU VERTICALE (con img di sf) - - - - - - - - - - - - - - - - - - - - */ /*#col_sx {float: left; /*width:127px; margin: 105px 0px 0px 0px;}*/ /*#menu_vert_3lev{float: left; width:127px;} #menu_vert_3lev ul {list-style:none; padding: 0px 0px 0px 0px; } #menu_vert_3lev ul li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height:1%; } #menu_vert_3lev ul li a {display:block; min-height: 4px; width: 117px; color: #697b81; font-size: 11px;font-weight:bold; padding: 8px 0px 2px 10px; border-bottom: 1px solid #d8dcdd;} #menu_vert_3lev ul li a:hover {color: #bc0593; background:#f3f4f5; text-decoration: none;} #menu_vert_3lev ul li#resort {margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#resort a{background: url(../img/puls_resort.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd; } #menu_vert_3lev ul li#resort a:hover{background: url(../img/puls_resort.gif) no-repeat -14px left; } html > body #menu_vert_3lev ul li#resort a:hover{background: url(../img/puls_resort.gif) no-repeat bottom left; } #menu_vert_3lev ul li#resort ul {list-style:none; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px ; border-top: 1px solid #d8dcdd; }*/ /*#menu_vert_3lev ul li#resort ul li{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} *//*#menu_vert_3lev ul li#resort ul li a{background:none; padding: 8px 0px 2px 10px; text-indent:0px; font-size:11px; width: 117px; border-bottom: 1px solid;} #menu_vert_3lev ul li#resort ul li a:hover{background:#f3f4f5; padding: 8px 0px 2px 10px; text-indent:0px; font-size:11px; text-decoration: none; }*/ /*#menu_vert_3lev ul li#resort a{background: url(../img/puls_resort.gif) no-repeat left top; padding: 0px 0px 0px 0px; text-indent:-9999px; font-size:0.0001em;} #menu_vert_3lev ul li#resort a:hover{background: url(../img/puls_resort.gif) no-repeat left bottom;}*/ /*#menu_vert_3lev ul li#hotels{margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#hotels a{background: url(../img/puls_hotels.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd; padding: 8px 0px 2px 10px;} #menu_vert_3lev ul li#hotels a:hover{background: url(../img/puls_hotels.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#hotels a:hover{background: url(../img/puls_hotels.gif) no-repeat bottom left; } #menu_vert_3lev ul li#congressi {margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#congressi a{background: url(../img/puls_congressi_it.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#congressi a:hover{background: url(../img/puls_congressi_it.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#congressi a:hover{background: url(../img/puls_congressi_it.gif) no-repeat bottom left; } #menu_vert_3lev ul li#benessere {margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#benessere a{background: url(../img/puls_benessere_it.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#benessere a:hover{background: url(../img/puls_benessere_it.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#benessere a:hover{background: url(../img/puls_benessere_it.gif) no-repeat bottom left; } #menu_vert_3lev ul li#prenota {margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#prenota a{background: url(../img/puls_prenota_it.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#prenota a:hover{background: url(../img/puls_prenota_it.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#prenota a:hover{background: url(../img/puls_prenota_it.gif) no-repeat bottom left; } #menu_vert_3lev ul li#contatti{margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#contatti a{background: url(../img/puls_contatti_it.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#contatti a:hover{background: url(../img/puls_contatti_it.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#contatti a:hover{background: url(../img/puls_contatti_it.gif) no-repeat bottom left; } #menu_vert_3lev ul li#dovesiamo{margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#dovesiamo a{background: url(../img/puls_dovesiamo_it.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#dovesiamo a:hover{background: url(../img/puls_dovesiamo_it.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#dovesiamo a:hover{background: url(../img/puls_dovesiamo_it.gif) no-repeat bottom left; } #menu_vert_3lev ul li#territorio{margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#territorio a{background: url(../img/puls_territorio_it.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#territorio a:hover{background: url(../img/puls_territorio_it.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#territorio a:hover{background: url(../img/puls_territorio_it.gif) no-repeat bottom left; } #menu_vert_3lev ul li#mappa{margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#mappa a{background: url(../img/puls_mappa_it.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#mappa a:hover{background: url(../img/puls_mappa_it.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#mappa a:hover{background: url(../img/puls_mappa_it.gif) no-repeat bottom left; } #menu_vert_3lev ul li#english{margin: 8px 0px 0px 0px; } #menu_vert_3lev ul li#english a{background: url(../img/puls_english.gif) no-repeat left top; text-indent:-9999px; font-size:0.0001em; border-bottom: 0px solid #d8dcdd;} #menu_vert_3lev ul li#english a:hover{background: url(../img/puls_english.gif) no-repeat -14px left;} html > body #menu_vert_3lev ul li#english a:hover{background: url(../img/puls_english.gif) no-repeat bottom left; } #menu_vert_3lev ul li ul li { padding: 0px 0px 0px 0px; margin: 0px; } #menu_vert_3lev ul li ul li a{display: block; padding: 8px 0px 2px 10px; font-size: 11px; font-weight:bold; border-bottom: 1px solid #d8dcdd;} #menu_vert_3lev ul li ul li a:hover{ background: #f3f4f5; color: #bc0593; } */ /* COL DX - - - - - - - - - - - - - - - - - - - - */ #col_dx{float: left; width: 710px; } #logo {clear: both; width: 257px; margin-left: 222px; background:url(../img/logo_baiaflaminiaresort.gif) no-repeat top left; height: 105px;} #logo a{display:block; text-indent:-9999px; font-size:0.0001em; width: 257px; height: 105px; } #flash_hp {clear: both; margin-left: 23px; width: 655px; } /* COL DX - HP PRENOTA e NEWS - - - - - - - - - - - - - - - - - - - - */ #hp_blocco_sotto{clear: both; background: url(../img/sf_prenota_hp.jpg) no-repeat top left; margin-top: 89px; width: 710px;} #hp_prenota {float: left; /*width: 288px;*/} #hp_prenota iframe{margin: 0px 0px 0px 23px; background: #fff;} #hp_offerte {float: left; font-size: 11px; width: 390px; } #hp_offerte .offerta_01{clear: both; background: url(../img/01.gif) no-repeat top left; padding: 3px 0px 0px 0px; margin: 11px 0px 0px 15px; width: 384px;} #hp_offerte .offerta_02{clear: both; background: url(../img/02.gif) no-repeat top left; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 15px; width: 384px;} #hp_offerte .offerta_03{clear: both; background: url(../img/03.gif) no-repeat top left; padding: 3px 0px 0px 0px; margin: 5px 0px 0px 15px; width: 384px;} .txt_offerta{float: left; width: 250px; padding: 12px 0px 0px 0px;} .img_offerta{float: right; width: 117px; height: 78px; background: url(../img/sf_thumb.jpg) no-repeat top left; padding: 6px 0px 0px 7px;} #hp_offerte dl {width: 380px; padding: 0px 0px 0px 20px;} #hp_offerte dt.dt_image {float: right; border: 0px; /*width: 117px;*/ height: 78px; padding: 0px 0px 0px 10px; } #hp_offerte dt.dt_image a { padding: 0px 0px 0px 0px; } #hp_offerte dt.dt_image img{border: 0px; background: url(../img/sf_thumb.jpg) no-repeat top left; padding: 6px 6px 6px 7px;} #hp_offerte dt{padding: 10px 5px 0px 0px; margin: 0px 0px 0px 0px; } #hp_offerte dt a{padding: 0px 0px 0px 0px;} #hp_offerte dd{ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; } /*#hp_offerte .bm_paginatore { padding: 8px 0 8px 0; margin: 10px 0px 0px 0px;} #hp_offerte .bm_paginatore a {padding:2px; background: #d0ecf5; color: #fff;} #hp_offerte .bm_paginatore strong {padding:1px 4px 1px 4px; background: #d0ecf5; font-size: 11px; margin-right: 1px solid #fff;}*/ /* COL DX HP- CONSULTA LE OFFERTE - - - - - - - - - - - - - - - - - - - - */ #hp_blocc_offerte{clear: both; background: url(../img/sf_blocc_offerte_hp.jpg) no-repeat top left; padding: 0px 130px 0px 0px; margin: 10px 0px 0px 17px; width: 249px; height: 84px;} #hp_blocc_offerte p{ padding: 0px 0px 0px 17px; } /* COL DX HP- NEWSLETTER - - - - - - - - - - - - - - - - - - - - */ #newsletter_hp{clear: both; background: url(../img/sf_newsl_hp.jpg) no-repeat top left; padding: 30px 15px 0px 17px; margin: 12px 0px 0px 17px; width: 352px; height: 54px;} #newsletter_hp #newsletter_hp_txt{float: left; width: 190px;} #newsletter_hp #newsletter_hp_input{float: right;} #newsletter_hp #newsletter_hp_input input{width: 135px; height: 15px; background: #fff; border: 1px solid #d1d4d5; font-size: 11px; margin-bottom: 3px;} #newsletter_hp #newsletter_hp_input input.input_puls_hp{width: 137px; height: 15px; background: #8c9a9f; border: 0px; color: #fff; font-weight: bold; font-size: 11px;} /* NEWSLETTER - - - - - - - - - - - - - - - - - - - - */ #iscrizione legend {font-weight:bold; } #iscrizione em {color: #bc0593; background:none;} #iscrizione ol {list-style:none; margin-top:20px; padding:0;} #iscrizione li {margin:5px 0; padding:0;} #iscrizione label {display:block; width:190px; padding:6px 0 0 10px; vertical-align:bottom; clear:left; float:left;} #iscrizione ol li input { width:200px; background: #eceeef; border: 1px solid #dfe2e4;} #iscrizione select {font-size: 11px; width:203px; background: #eceeef; border: 1px solid #dfe2e4;} #iscrizione .checkbox {width:auto; background:none; border: 0px solid #dfe2e4;margin:5px 5px 0 0 ;} #iscrizione p {padding-left:20px} #iscrizione .puls_iscriz_newsl {width:200px; background: #dfe2e4; margin-left: 200px;} /* HP - COL DX - indirizzo - - - - - - - - - - - - - - - - - - - - */ #indirizzo{clear: both; background: url(../img/sf_indirizzo.jpg) no-repeat left 2px; padding: 0px 0px 5px 50px; margin: 15px 0px 0px 0px; font-size: 11px;} /* PAG INTERNA - blocco testo - - - - - - - - - - - - - - - - - - - - */ #blocco_sotto_paginterna{clear: both; background: url(../img/sf_blocc_pag_int.jpg) no-repeat top left; margin-top: 55px; padding: 0px 50px 10px 50px; width: 600px;} #blocco_sotto_paginterna h1{font-size: 15px; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 18px 0px; } #blocco_sotto_paginterna_chiusura{clear: both; background: url(../img/sf_blocc_pag_int02.jpg) no-repeat top left; width: 700px; /*height: 93px;*/} #blocco_sotto_paginterna_bassa{clear: both; background: url(../img/sf_blocc_pag_int_bassa.jpg) no-repeat top left; margin-top: 6px; padding: 27px 50px 10px 50px; width: 600px;} #blocco_sotto_paginterna_bassa h1{font-size: 15px; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 18px 0px; } .bm_galleria_immagini{margin:0px 0; float: right;} .bm_galleria_immagini ul {display:inline; list-style: none;} .bm_galleria_immagini ul li {list-style: none; width: 117px; height: 78px; background: url(../img/sf_thumb.jpg) no-repeat top left; padding: 6px 0px 0px 7px; margin-left:8px;} .bm_galleria_immagini ul li a {display:inline;} #blocco_sotto_paginterna .img_offerta{float: right; width: 117px; height: 78px; background: url(../img/sf_thumb.jpg) no-repeat top left; padding: 6px 0px 0px 7px; margin-top: 5px;} #blocco_sotto_paginterna img{float: right; background: url(../img/sf_thumb.jpg) no-repeat top left; padding: 6px 7px 7px 7px; margin-top: 5px;} #blocco_sotto_paginterna_bassa img{float: right; background: url(../img/sf_thumb.jpg) no-repeat top left; padding: 6px 7px 7px 7px; margin: 5px 0px 0px 10px;} /* PAG INTERNA - tabelle sale congressi - - - - - - - - - - - - - - - - - - - - */ .congressi {width: 280px; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; float: left;} .congressi td {border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; padding: 6px;} .congressi02 {width: 280px; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; float: right;} .congressi02 td {border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; padding: 5px;} .congressi_tutte {width: 600px; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; float: left; } .congressi_tutte td {border-bottom: 1px solid #dfdfdf; border-left: 0px solid #dfdfdf; padding: 6px;} .congressi_tutte td.bordo_bianco {border-bottom: 1px solid #fff; padding: 6px; background: #e8e6e6; width: 100px;} /* MAPPA DEL SITO - - - - - - - - - - - - - - - - - - - - */ #mappa_sito{clear: both;} #mappa_sito ul{list-style:none; padding: 0px 0px 0px 0px; /*border-top: 1px solid #d1d4d5;*/} #mappa_sito ul li{padding: 5px 0px 5px 10px; margin: 0px; border-bottom: 1px solid #d1d4d5; font-weight: bold;} #mappa_sito ul li a{display: block; padding: 0px 0px 0px 0px; margin: 0px; font-weight: normal;} #mappa_sito ul li ul{list-style:none; padding: 0px 0px 0px 0px; border-top: 0px solid #d1d4d5; } #mappa_sito ul li ul li{padding: 0px 0px 0px 20px; margin: 0px; border-bottom: 0px solid #d1d4d5;} /* LISTINO PREZZI - - - - - - - - - - - - - - - - - - - - */ .listino {border-bottom:1px solid #dddfe0; border-top:1px solid #dddfe0; margin-bottom:5px; margin-top:5px; padding-bottom:5px; padding-top:5px;font-size: 11px; } /* FOOTER - - - - - - - - - - - - - - - - - - - - */ #footer {clear: both; background: url(../img/sf_footer.gif) no-repeat top left; padding: 0px 0px 10px 60px; margin: 10px 0px 0px 23px; color: #a3aeb2; font-size: 11px; width: 600px;} #footer ul {clear: both; list-style:none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #footer ul li{float: left; padding: 0px 9px 0px 9px; margin: 0px 0px 0px 0px; background: url(../img/fil_footer.gif) no-repeat right; } #footer ul li a{color: #a3aeb2; } #footer ul li a:hover{color: #4b555b; } #blocco_sotto_paginterna_chiusura #footer {clear: both; background: url(../img/sf_footer.gif) no-repeat left 30px; padding: 30px 0px 20px 60px; margin: 0px 0px 0px 50px; color: #a3aeb2; font-size: 11px;} /* CONTATTI - form richiesta info - - - - - - - - - - - - - - - - - - - - */ form#frm_contatti fieldset {border: none;} form#frm_contatti legend {display: none;} form#frm_contatti label {display:block; float:left; width:190px; margin:0px 0 0px 0px;/*padding:6px 0 0 0px; vertical-align:bottom; clear:left;*/} form#frm_contatti ul {list-style:none} form#frm_contatti input.text,form select,form textarea {background: #eceeef; border: 1px solid #dfe2e4; margin:0px 0 6px 0px; width:200px;} form#frm_contatti li.bg_error {background:transparent url(/img/bg_input_error.gif) no-repeat top right;} form#frm_contatti li.bg_error input {border: double 1px #ff0000; background-color:#fffff0;} form#frm_contatti li.bg_error select {border: double 1px #ff0000; background-color:#fffff0;} form#frm_contatti li.bg_error textarea {border: double 1px #ff0000; background-color:#fffff0;} form#frm_contatti li.bg_error label {color:#f00;} input.checkbox{width:20px; margin:0px 0 0 0px; background:none; border: 0px solid #dfe2e4;} form#frm_contatti input.button{margin:6px 0 0 0px; background:#cbced0; border: 0px solid #dfe2e4; width:200px;} form ul li {clear:both} /* NEWS - - - - - - - - - - - - - - - - - - - - */ #news{clear: both;} #news dt.dt_image {float: right; border: 0px; width: 117px; height: 78px; padding: 6px 0px 0px 7px; } #news dt.dt_image img{border: 0px; } #news dt{padding: 10px 5px 0px 0px; margin: 0px 0px 0px 0px;} #news .bm_paginatore { padding: 8px 0 8px 0; margin: 10px 0px 0px 0px;} #news .bm_paginatore a {padding:2px; background: #d0ecf5; color: #fff;} #news .bm_paginatore strong {padding:1px 4px 1px 4px; background: #d0ecf5; font-size: 11px; margin-right: 1px solid #fff;} .box_msg {padding:6.0em}