/************************************************************************************************/ /* STILI UTILIZZATI */ /************************************************************************************************/ /* PAGINE E BODY */ /***********************************************************************/ html,body{ margin: 0; padding: 0; height:550px;} body{ font: 12px Arial, Helvetica, sans-serif; text-align: center; background-color: white; color: #800000; margin-top: 0px;} /***********************************************************************/ img{ border: none;} fieldset{ border:none;} textarea{ font-family: Arial, Helvetica, sans-serif;} .bold{ font-weight: bold; } .under{ text-decoration: underline; } a{ color: #800000; text-decoration: none;} a:hover{text-decoration: underline;} /* CONTENITORE */ /***********************************************************************/ .contenitore{ position: relative; margin: 0 auto auto; width: 760px; height: auto; text-align: left; top: 0px; border: 1px solid #800000; z-index: 1; background-color:#FFFBF0;} .contenitore_interne{ position: relative; margin: 0 auto; width: 760px; height: auto; text-align: left; top: 0px; border: 0px solid #800000; z-index: 1; background-color: #FFFBF0;} /***********************************************************************/ .txt_sfondo{ position:absolute; width: 300px; height: 200px; background-color: White;z-index: 1;} .txt_testo{ position: absolute; width: 300px; height: 200px; z-index: 1; font: normal normal normal 4px/2px Arial, Helvetica, sans-serif; color: #dddddd;} .home_zagara{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; } /* .home_titolo{ position: relative; left:330px; height: 65px; top:0px; float: left; } .home_foto{ position: absolute; left:370px; top:70px; float: left; } .home_scritta{ position: absolute; left: 320px; top:250px; width: 440px; text-align: center; font-size: 18px; color: #800000; font-family: "arial black"; line-height: 22px; float: left; } .home_barra_piccola{position:relative; left:0px; top:10px;float: left; } .home_barra_grande{position:relative; left:0px; top:10px;float: left; } */ .home_titolo{ position: relative; margin: -340px 0px 0px 330px; padding: 0px 0px 0px 0px; float: none; } .home_foto{ position: relative; margin: 0px 0px 0px 370px; padding: 0px 0px 0px 0px; float: none; } .home_scritta{ position: relative; margin: 10px 0px 0px 325px; padding: 0px 0px 0px 0px; width: 440px; text-align: center; font-size: 14px; color: #800000; font-family: "arial black"; line-height: 18px; float: none; } .home_barra_piccola{position:relative; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; } .home_barra_grande{position:relative; margin: 3px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; } .home_piede{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 60px; float: none; } .home_maremarineria_rosso{position:relative; margin: 4px 0px 0px 25px; padding: 0px 0px 0px 0px; float: left; } .home_inglese{position:relative; margin: 10px 0px 0px 160px; padding: 0px 0px 0px 0px; float: left; } .home_zagara_piccola_sx{position:relative; margin: 5px 0px 0px 20px; padding: 0px 0px 0px 0px; float: left; } .home_italiano{position:relative; margin: 10px 0px 0px 20px; padding: 0px 0px 0px 0px; float: left; } .home_zagara_piccola_dx{position:relative; margin: 5px 0px 0px 20px; padding: 0px 0px 0px 0px; float: left; } .home_tedesco{position:relative; margin: 10px 0px 0px 20px; padding: 0px 0px 0px 0px; float: left; } .home_barra_piccola_inferiore{position:relative; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .home_testo_piede{position:absolute; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 350px; color: #ff9900; font-size: 12px; font-family: "arial black"; text-align: right;float: none; } .testo_trasferimento{ font-size:14px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", "sans-serif"; color: #006699; text-align: center; position: relative; width: 730px; float: left; } .testo_trasferimento a{ font-size:14px; font-family: "Verdana", "Geneva", "Arial", "Helvetica", "sans-serif"; color: #006699; } .interne_barra_grande{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 24px; width: 760px; float: none; background-image: url(barra_760x24.jpg); z-index: 4;color: #dddddd; } .interne_barra_grande_offerte{ position: relative; margin: auto 0px auto 0px; padding: 0px 0px 0px 0px; height: 24px; width: 760px; float: none; background-image: url(barra_760x24.jpg); z-index: 4;color: #dddddd; } .piede_credits{position: relative; margin: 4px 0px 0px 15px; padding: 0px 0px 0px 0px; color: #cccccc; float: left; z-index: 5;} .piede_telefono{position: relative; margin: 4px 0px 0px 100px; padding: 0px 0px 0px 0px; text-align: right; width: 450px; color: #dddddd; float: left; z-index: 5; } .grigio a{color: #dddddd; } .grigio a:link{color: #dddddd; text-decoration: underline;} .grigio a:active{color: #dddddd; text-decoration: none;} .grigio a:hover{color: #dddddd; text-decoration: none;} .marron a{color: #800000; } .marron a:link{color: #800000; text-decoration: underline;} .marron a:active{color: #800000; text-decoration: underline;} .marron a:hover{color: #800000; text-decoration: underline;} .interne_zagara{position:relative; margin: 10px 0px 0px 40px; padding: 0px 0px 0px 0px; float: none; } .interne_titolo{ position: relative; margin: -150px 0px 0px 200px; padding: 0px 0px 0px 0px; float: none; } .interne_foto{ position: relative; margin: -105px 0px 0px 470px; padding: 0px 0px 0px 0px; float: none; } .interne_menu_or_sup{position:relative; margin: 0px 0px 0px 200px; padding: 0px 0px 0px 0px; height: 45px; float: none; } .interne_zagara_verde_1{ position: relative; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; } .interne_menu{ position: relative; margin: 0px 0px 0px 14px; padding: 0px 0px 0px 0px; float: left; } .interne_zagara_verde_2{ position: relative; margin: 7px 0px 0px 14px; padding: 0px 0px 0px 0px; float: left; } .interne_barra_piccola{position:relative; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 0px; float: none; } .interne_barra_titolo{position:relative; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; } .interne_corpo_inf{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 310px; float: none; } .interne_corpo_inf_corsi{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 360px; float: none; } .interne_corpo_inf_albergo{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 210px; float: none; } .interne_corpo_inf_tariffe{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 180px; float: none; } .interne_corpo_inf_prenota{position:relative; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 285px; float: none; } .interne_corpo_inf_offerte{position:relative; margin: auto 0px 100% 0px; padding: 0px 0px 0px 0px; height: auto; float: none; } .interne_corpo_inf_credits{position:relative; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 285px; float: none; } .interne_vela_home{position:relative; margin: 13px 0px 0px 15px; padding: 0px 5px 0px 5px; float: left; } .interne_testo_sx_home{position:relative; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 210px; color: #800000; font-size: 11px; line-height: 11px; font-family: arial Arial, Helvetica, sans-serif; text-align: justify; float: left; } .interne_hotel_home{position:relative; margin: 15px 0px 0px 0px; padding: 0px 5px 0px 5px; float: left; } .interne_testo_dx_home{position:relative; margin: 15px 0px 0px 0px; padding: 0px 5px 0px 5px; width: 130px; color: #800000; font-size: 11px; line-height: 11px; text-align: justify; float: left; } .corsi_foto_sx{position:relative; margin: 20px 0px 0px 25px; padding: 0px 5px 0px 5px; float: left; } .corsi_titolo{ position: relative; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 5px; width: 530px; border: 0px solid #800000; color: #800000; font-size: 16px; text-align: center; float: left;} .corsi_testo{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; width: 530px; border: 0px solid #800000; color: #800000; font-size: 12px; text-align: justify; line-height: 12px; float: left; z-index: 1; } .corsi_testo a{ font-weight: bold; color: #800000; z-index: 4;} .corsi_testo a:link{ font-weight: bold; color: #800000; z-index: 4;} .corsi_testo a:hover{ font-weight: bold; color: #800000; z-index: 4;} .corsi_link_maremarineria{ position: relative; margin: 10px 0px 0px 215px; padding: 10px 10px 10px 10px; width: 200px; border: 1px solid #800000; color: #800000; font-size: 12px; text-align: center; line-height:13px ; float: none ;} .tariffe_foto_sx{position:relative; margin: 15px 0px 0px 10px; padding: 0px 5px 0px 5px; float: left;} .tariffe_testo_cx{position: relative; margin: 8px 0px 0px 0px; padding: 0px 5px 0px 0px; width: 490px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: left;} .tariffe_titolo_monolocali{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 200px; border: 0px solid #800000; color: #800000; font-size: 16px; font-weight: bold; text-align: justify; float: none;} .tariffe_testo_monolocali{position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 480px; border: 0px solid #800000; color: #800000; font-size: 11px; line-height: 11px; text-align: justify; float: left;} .tariffe_titolo_monolocali_2{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 350px; border: 0px solid #800000; color: #F81AF9; font-size: 14px; font-weight: bold; text-align: justify; float: none;} .tariffe_colonna_1{width: 80px; float:left; font-size: 10px;} .tariffe_colonna_2{width: 300px; float:left; font-size: 11px;} .tariffe_colonna_euro{width: 40px; float:left; text-align:right;} .tariffe_colonna_3{width: 40px; float:left; text-align:right;} .tariffe_colonna_4{width: 380px; float:left; } .tariffe_titolo_monolocali_3{ position: relative; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; width: 200px; border: 0px solid #800000; color: #800000; font-size: 16px; font-weight: bold; text-align: justify; float: none;} .tariffe_testo_monolocali_3{position: relative; margin: 0px 0px 10px 5px; padding: 0px 0px 0px 0px; width: 650px; border: 0px solid #800000; color: #800000; font-size: 12px; line-height: 12px; text-align: justify; float: left;} .tariffe_foto_dx{position:relative; margin: 20px 0px 0px 5px; padding: 0px 5px 0px 5px; float: left;} .tariffe_testo_basso{position: relative; margin: 5px 0px 0px 15px; padding: 0px 0px 0px 0px; width: 730px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: none;} .float_left{position: relative; float: left;} .titolo_viola{color: #F81AF9; font-size: 14px; font-weight: bold; border: 0px solid #800000; } .testo_basso{color: #F81AF9; font-size: 14px; font-weight: bold; border: 0px solid #800000; } .tariffe_testo_basso_blocco_sx{position: relative; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; width: 280px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: left;} .tariffe_testo_basso_blocco_cx{position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 270px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: left;} .tariffe_testo_basso_blocco_dx{position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 170px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: left;} .supplementi_testo_basso{position: relative; margin: 3px 0px 0px 15px; padding: 0px 0px 0px 0px; width: 740px;height: 85px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: none;} .supplementi_testo_basso_blocco_sx{position: relative; margin: 0px 8px 0px 5px; padding: 0px 0px 0px 0px; width: 450px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: left;} .supplementi_testo_basso_blocco_dx{position: relative; margin: 0px 8px 0px 5px; padding: 0px 0px 0px 0px; width: 250px; border: 0px solid #800000; color: #800000; font-size: 11px; text-align: justify; float: left;} .titolo_rosso{font-size: 12px; width:90px; color: red;float: left;} .titolo_orange{font-size: 12px; width: 70px; color: #FFA500; float: left;} .testo_supplementi_sx{width:330px; float: left;} .testo_supplementi_dx{width:180px; float: left;} .prenota_foto_sx{position:relative; margin: 0px 0px 0px 10px; padding: 0px 5px 0px 5px; float: left;} .prenota_titolo{position:relative; margin: 0px 0px 15px 230px; padding: 0px 5px 0px 5px; width: 500px; border: 0px solid #800000; color: #00B7DB; font-size: 16px; font-weight: bold; text-align: center; float: none;} .prenota{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #00B7DB; width: 80px; float: left;} .prenota_bambini{ position: relative; margin: 2px 5px 0px 0px; padding: 0px 0px 0px 0px; color: #00B7DB; width: 75px; text-align: right; float: left;} .prenota_monolocale{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #00B7DB; width: 160px; height: 25px; float: left;} .prenota_note{ position: relative; margin: 15px 0px 0px 0px; padding: 0px 5px 0px 5px; color: red; width: 230px; text-align: center; float: left;} .prenota_dal{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #00B7DB; width: 75px; height: 25px; float: left;} .prenota_al{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #00B7DB; width: 10px; height: 25px; text-align:right; float: left;} .prenota_invia{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 140px; color: #00B7DB; width: 80px; float: left;} .prenota_cancella{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; color: #00B7DB; width: 0px; float: left;} .prenota_spiegazioni{ position: relative; margin: 13px 0px 0px 0px; padding: 0px 0px 0px 0px; color:red; font-size: 10px; border: 0px solid #800000; width: 220px; height: 40px; float: left;} .valore_campo{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 400px; text-align: left; float: left;} .prenota_titolo_conferma{color: #800000;} .valore_campo_chk{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 20px; text-align: left; float: left;} .valore_campo_dal{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 100px; float: left;} .prenota_invia_conferma{ position: relative; margin: 20px 0px 0px 320px; padding: 0px 0px 0px 0px; color: #00B7DB; width: 80px; z-index: 3; float: left;} input.base{position:relative; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; width: 100%; font-size: 10px; color: #800000 ; border: 1px solid #800000; } textarea.base{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; font-size: 10px; color: #800000 ; border: 1px solid #800000; } .input_base{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 140px; float: left; } .input_telefono{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100px; float: left; } .input_adulti{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; float: left; } .input_textarea{position:relative; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; width: 230px; float: left; } .input_monolocale{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; float: left; } .input_da{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 60px; float: left; } .input_help{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #800000;width: 260px; float: left; } .modulo_prenota{position:relative; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; float: left;} .prenota_cx{position:relative; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;width: 245px; border-left: 2px solid #800000; height: 230px; border-right: 2px solid #800000; float: left;} .prenota_titolo_errore{position:relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;width: 230px; text-align: center; font-size: 12px; color: red; float: left;} .prenota_dx{position:relative; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;width: 240px; border-right: 2px solid #800000; height: 230px; float: left;} .red{ margin-top: 3px; color: Red; font-weight: bold; font-size: 14px;} .offerte_foto_sx{position:relative; margin: 20px 0px 0px 5px; padding: 0px 5px 0px 5px; float: left;} .offerte_tutto{position:relative; margin: 20px 0px auto 0px; padding: 0px 0px 0px 0px;width: 470px; float: left;} .offerte_titolo{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 470px; text-align: left; font-weight: bold; float: none;} .offerte_descrizione{ position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 470px; text-align: justify; float: left;} .offerte_pulsante{ position: relative; margin: 2px 0px 0px 190px; padding: 0px 5px 0px 5px; color: #800000; width: 70px; float: left;} .input_quantita{position:relative; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 30px; float: left; } .riga_prezzo{position: relative; float: left; width: 450px;} .barra_300x2{position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; width: 490px; text-align: center; float: left;} .credits_colonna_sx{position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 300px; height: 60px; text-align: right; font-weight: bold; float: left;} .credits_colonna_cx{position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 200px; height: 60px; text-align: left; font-weight: bold; float: left;} .credits_colonna_dx{position: relative; margin: 2px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #800000; width: 300px; height: 60px; text-align: left; font-weight: bold; float: left;} /***********************************************************************/ /* MENU ORIZZONTALE SUPERIORE */ /***********************************************************************/ div#menu_or_interne{position:relative; margin: 0px 0px 0px 190px; padding: 0px 0px 0px 0px; height: 45px; float: none; width: 530px; } div#menu_or_interne ul{list-style-type: none;margin: 0;padding: 0} div#menu_or_interne li{float:left;margin: 0px 0px 0px 10px ;padding:0;border: 0px solid #CCC} div#menu_or_interne a{position:relative;display:block;height: 40px} div#menu_or_interne a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/ } div#menu_or_interne a:hover{color: #ccc /*per IE*/} div#menu_or_interne a:hover span{background-position: -42px 0} div#menu_or_interne a#current span{background-position: -42px 0} div#menu_zagara{position:relative; margin: 10px 0px 0px 20px; padding: 0px 0px 0px 0px; height: 140px; float: none; width: 154px;} div#menu_zagara ul{list-style-type: none;margin: 0;padding: 0} div#menu_zagara li{float:left;margin: 0px 0px 0px 10px ;padding:0;border: 0px solid #CCC} div#menu_zagara a{position:relative;display:block;height: 140px} div#menu_zagara a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/ } div#menu_zagara a:hover{color: #ccc /*per IE*/} div#menu_zagara a:hover span{background-position: -154px 0} div#menu_zagara a#current span{background-position: -154px 0} li#zagara a{width: 154px;} li#albergo a{width: 42px} li#offerte a{width: 42px} li#corsi a{width: 42px} li#tariffe a{width: 42px} li#prenota a{width: 42px} li#foto a{width: 42px} li#zagara span{background: url("roll_zagara_home.jpg") no-repeat top left} li#albergo span{background: url("roll_albergo.jpg") no-repeat top left} li#offerte span{background: url("roll_offerte.jpg") no-repeat top left} li#corsi span{background: url("roll_corsi.jpg") no-repeat top left} li#tariffe span{background: url("roll_tariffe.jpg") no-repeat top left} li#prenota span{background: url("roll_prenota.jpg") no-repeat top left} li#foto span{background: url("roll_foto.jpg") no-repeat top left} /***********************************************************************/