body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; background-color: #fff; color: #000; margin: 0; padding: 10px; text-align: center; } h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; font-weight: normal; } h1 { display: none; } h2 { font-size: 25px; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; color: #006ea7; margin-bottom: 5px; } span.subtitle { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #898989; } h3 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #006ea7; font-weight: bold; margin: 20px 0 15px 0; } h4 { font-size: 110%; } a { color: #000; text-decoration: none; } p { margin: 0; padding: 0; } img.border_big { background: url(../img/img_240x180.gif); padding: 5px 5px 5px 12px; } img.border_small { background: url(../img/img_152x102.gif); padding: 4px 4px 4px 9px; } div.column { float: left; } div.separator { clear: both; height: 1px; width: 888px; background: url(../img/separator.gif) no-repeat; margin: 10px 0; } #content hr { border: none; clear: both; height: 1px; width: 888px; background: url(../img/separator.gif) no-repeat; margin: 10px 0 10px -20px; } /********* PRENOTAZIONI *********/ form#prenota .row, form#prenota .row_small { clear: both; } form#prenota .row div { float: left; width: 230px; margin: 5px 10px 10px 0; } form#prenota .row_small div { float: left; width: 120px; margin: 5px 20px 10px 0; } form#prenota .row label { clear: both; width: 230px; padding-left: 2px; } form#prenota .row input { width: 220px; margin-top: 2px; } form#prenota #data_arrivo, form#prenota #data_partenza { width: 190px; } form#prenota .row_small input { width: 110px; margin-top: 2px; } form#prenota select { margin-top: 10px; } form#prenota textarea { width: 460px; height: 140px; } form#prenota div.buttons { width: 80px; padding-bottom: 20px; } form#prenota div.buttons input { width: auto; } form#prenota input, form#prenota select, form#prenota textarea { font-family: Georgia, "Times New Roman", Times, serif; color: #666666; } #container { text-align: left; margin: 0 auto; width: 948px; } /********* HEADER *********/ #header { background: url(../img/header_bg.jpg) no-repeat; float: left; } #header.logged { background: url(../img/header_bg_logged.jpg) no-repeat; float: left; } #header #logo { padding: 6px 0 17px 24px; width: 203px; float: left; } #header #choose_lang { padding: 10px 0 0 0; float: left; font-size: 90%; width: 559px; } #header #choose_lang a:hover { color: #888; } #header #choose_lang ul, #header #choose_lang li { margin: 0; padding: 0; float: left; list-style-type: none; } #header #choose_lang li { width: 24px; padding-left: 16px; } #header #choose_lang li.it { background: url(../img/flag_it.gif) 0 1px no-repeat; } #header #choose_lang li.de { background: url(../img/flag_de.gif) 0 1px no-repeat; } #header #choose_lang li.en { background: url(../img/flag_en.gif) 0 1px no-repeat; } #header #choose_lang li.fr { background: url(../img/flag_fr.gif) 0 1px no-repeat; } #header #login_form { padding: 38px 0 0 20px; float: right; width: 142px; } #header #login_form.it { background: url(../img/it/area_riservata.gif) 20px 16px no-repeat; } #header #login_form.de { background: url(../img/de/area_riservata.gif) 20px 16px no-repeat; } #header #login_form.en { background: url(../img/en/area_riservata.gif) 20px 16px no-repeat; } #header #login_form.fr { background: url(../img/fr/area_riservata.gif) 20px 16px no-repeat; } #header.logged #login_form { background: none !important; } #header #login_form div { padding-bottom: 6px; } #header #login_form input, #header #login_form select { border: 0 none #fff; font-size: 90%; } #header #login_form .login_form_row1 input { width: 122px; height: 15px; } #header #login_form .login_form_row2 select { width: 99px; height: 18px; float: left; margin-top: 1px; } #header #login_form .login_form_row2 div { float: left; margin-left: 3px; } .logged_in a { color: #fff; } .logged_in p { margin: 10px 0; text-align: center; height: 25px; color: #fff; } .logged_in { margin: 0 0 0 25px; float: right; width: 162px; } /********* RESPONSE *********/ #response div { margin: 10px 0; padding: 5px } #response ul { margin: 0 10px; padding: 0 10px; list-style: none; } #response .success { } #response .error { color: #900; } #response .info { } /********* NAV *********/ #nav { background: url(../img/menu_bg.gif); float: left; height: 35px; width: 948px; } #nav ul { list-style-type: none; padding: 0; margin: 0; } #nav li { margin: 0; padding: 0 10px; float: left; height: 25px; background: url(../img/menu_separator.gif) left no-repeat; } #nav li.first { background: none; padding-left: 0; } #nav span { display: none; } #nav a { display: block; height: 25px; } #nav.it ul { margin-left: 40px; } #nav.it a.menu_home { background-image: url(../img/it/menu_home.gif); width: 34px; } #nav.it a.menu_banqueting { background-image: url(../img/it/menu_banqueting.gif); width: 72px; } #nav.it a.menu_camere { background-image: url(../img/it/menu_camere.gif); width: 146px; } #nav.it a.menu_gallery { background-image: url(../img/it/menu_gallery.gif); width: 51px; } #nav.it a.menu_tariffe { background-image: url(../img/it/menu_tariffe.gif); width: 45px; } #nav.it a.menu_prenotazioni { background-image: url(../img/it/menu_prenotazioni.gif); width: 80px; } #nav.it a.menu_offerte { background-image: url(../img/it/menu_offerte.gif); width: 49px; } #nav.it a.menu_animazione { background-image: url(../img/it/menu_animazione.gif); width: 69px; } #nav.it a.menu_link { background-image: url(../img/it/menu_dintorni.gif); width: 60px; } #nav.it a.menu_dovesiamo { background-image: url(../img/it/menu_dovesiamo.gif); width: 70px; } #nav.de ul { margin-left: 20px; } #nav.de a.menu_home { background-image: url(../img/de/menu_home.gif); width: 34px; } #nav.de a.menu_banqueting { background-image: url(../img/de/menu_banqueting.gif); width: 53px; } #nav.de a.menu_camere { background-image: url(../img/de/menu_camere.gif); width: 146px; } #nav.de a.menu_gallery { background-image: url(../img/de/menu_gallery.gif); width: 48px; } #nav.de a.menu_tariffe { background-image: url(../img/de/menu_tariffe.gif); width: 41px; } #nav.de a.menu_prenotazioni { background-image: url(../img/de/menu_prenotazioni.gif); width: 86px; } #nav.de a.menu_offerte { background-image: url(../img/de/menu_offerte.gif); width: 62px; } #nav.de a.menu_animazione { background-image: url(../img/de/menu_animazione.gif); width: 91px; } #nav.de a.menu_link { background-image: url(../img/de/menu_dintorni.gif); width: 71px; } #nav.de a.menu_dovesiamo { background-image: url(../img/de/menu_dovesiamo.gif); width: 102px; } #nav.en ul { margin-left: 10px; } #nav.en a.menu_home { background-image: url(../img/en/menu_home.gif); width: 34px; } #nav.en a.menu_banqueting { background-image: url(../img/en/menu_banqueting.gif); width: 72px; } #nav.en a.menu_camere { background-image: url(../img/en/menu_camere.gif); width: 146px; } #nav.en a.menu_gallery { background-image: url(../img/en/menu_gallery.gif); width: 51px; } #nav.en a.menu_tariffe { background-image: url(../img/en/menu_tariffe.gif); width: 30px; } #nav.en a.menu_prenotazioni { background-image: url(../img/en/menu_prenotazioni.gif); width: 86px; } #nav.en a.menu_offerte { background-image: url(../img/en/menu_offerte.gif); width: 49px; } #nav.en a.menu_animazione { background-image: url(../img/en/menu_animazione.gif); width: 96px; } #nav.en a.menu_link { background-image: url(../img/en/menu_dintorni.gif); width: 95px; } #nav.en a.menu_dovesiamo { background-image: url(../img/en/menu_dovesiamo.gif); width: 87px; } #nav.fr ul { margin-left: 78px; } #nav.fr a.menu_home { background-image: url(../img/fr/menu_home.gif); width: 34px; } #nav.fr a.menu_banqueting { background-image: url(../img/fr/menu_banqueting.gif); width: 61px; } #nav.fr a.menu_camere { background-image: url(../img/fr/menu_camere.gif); width: 65px; } #nav.fr a.menu_gallery { background-image: url(../img/fr/menu_gallery.gif); width: 48px; } #nav.fr a.menu_tariffe { background-image: url(../img/fr/menu_tariffe.gif); width: 41px; } #nav.fr a.menu_prenotazioni { background-image: url(../img/fr/menu_prenotazioni.gif); width: 86px; } #nav.fr a.menu_offerte { background-image: url(../img/fr/menu_offerte.gif); width: 38px; } #nav.fr a.menu_animazione { background-image: url(../img/fr/menu_animazione.gif); width: 65px; } #nav.fr a.menu_link { background-image: url(../img/fr/menu_dintorni.gif); width: 64px; } #nav.fr a.menu_dovesiamo { background-image: url(../img/fr/menu_dovesiamo.gif); width: 113px; } #nav a:hover { background-position: 0 25px; } /********* CONTENTS *********/ #content { float: left; margin: 50px 30px 30px 30px; font-family:Georgia, "Times New Roman", Times, serif; color: #666666; width: 888px; } #content p { margin-bottom: 14px; } #content a { color: #0076b3; text-decoration: underline; } #content table { width: 760px; padding: 0; margin: 0; border-collapse: collapse; } #content tr { margin: 0; padding: 0; } #content td, #content th { color: #3f3f3f; text-align: center; background: #a9dffa url(../img/table_bg.gif) top repeat-x; border: 1px solid #0076b3; border-collapse: collapse; padding: 4px; margin: 0; } div.section { padding: 0 20px; width: 888px; } div.section_left { float: left; width: 260px; margin-bottom: 20px; } div.section_right { float: left; width: 528px; margin-bottom: 20px; } div.gallery_img { float: left; margin: 0 21px 18px 0; } /********* MAP *********/ #map_left { float: left; width: 420px; height: 320px; padding: 5px 5px 5px 12px; margin: 20px 20px 20px 0; background: url(../img/map_bg.gif); } #map_right { float: left; width: 420px; margin: 20px 0; } #map_bottom { clear: both; float: left; width: 100%; margin: 20px 0; } /********* FOOTER *********/ #footer { clear: both; } #footer_menu div { float: left; } #footer_menu_right { background: url(../img/footer_3.gif); width: 791px; height: 54px; } #footer_menu_right.it ul { margin-left: 31px; } #footer_menu_right.en ul { margin-left: 34px; } #footer_menu_right.fr ul { margin-left: 63px; } #footer_menu_right.de ul { margin-left: 13px; } #footer_menu_right ul { list-style-type: none; margin: 16px 0 0 0; padding: 0; float: left; } #footer_menu_right li { padding: 0 4px 0 6px; float: left; background: url(../img/menu_bottom_separator.gif) left no-repeat; } #footer_menu_right li.first { padding-left: 0; background-image: none; } #footer_menu_right a { color: #fff; font-size: 10px; text-transform: uppercase; } #footer_menu_right a:hover { color: #ffdf4f; } #footer_contacts { width: 100%; text-align: center; font-size: 9px; margin-bottom: 10px; } #footer_contacts a { color: #0089d0; } #footer_contacts a:hover { color: #ffdf4f; } /********* HOMEPAGE *********/ #home_content { float: left; margin: 9px 0 0 0; width: 948px; } #home_boxes { float: left; margin: 29px 0 0 1px; padding-bottom: 31px; } .home_box { float: left; } #home_boxes.it .home_box_newsletter { float: left; background: url(../img/it/box_newsletter.gif); width: 189px; height: 174px; } #home_boxes.en .home_box_newsletter { float: left; background: url(../img/en/box_newsletter.gif); width: 189px; height: 174px; } #home_boxes.de .home_box_newsletter { float: left; background: url(../img/de/box_newsletter.gif); width: 189px; height: 174px; } #home_boxes.fr .home_box_newsletter { float: left; background: url(../img/fr/box_newsletter.gif); width: 189px; height: 174px; } #subscribe_newsletter { padding: 77px 0 0 20px; } #subscribe_newsletter p { height:30px; font-size: 90%; color: #fff; } #subscribe_newsletter #newsletter_email { width: 128px; border: 0 none #fff; font-size: 90%; margin: 0 0 8px 10px; } /********* ANIMAZIONE *********/ .section_animazione { padding: 70px 20px; width: 868px; } .section_animazione p { width: 575px; padding-bottom: 20px; } .animazione_img { float: left; width: 250px; height: 190px; } /********* LINKS *********/ ul.linklist { margin: 20px 0 0 0; padding: 0; } ul.linklist li { margin: 0 0 5px 0; padding: 0; list-style-type: none; }