/* CSS Document */ /* =0 Reset –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ @import url('reset.css'); /* =1 Global –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* 1.1em = 11px 1.2em = 12px 1.3em = 13px 1.4em = 14px 1.5em = 15px 1.6em = 16px 1.7em = 17px 1.8em = 18px */ /* COLOR #3B487D - titolo pagine (41px) #8CBDDD - sottotitolo pagine (12px) #3A477D - blu font body (13px) #EDEADF - voci menù (10px) ? - voci menù TAG a #725433 - voci footer (10px) */ /* se vogliono togliere lo spazion H1 grigio, intervenire sull'immagine background.jpg e togliere DIV H1 */ body {background:#EDEADF url(/Img/background.jpg) repeat-x; font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%;color:#3A477D;} /* 10px */ /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /*language*/ #language li a{color:#BFE1EB;font-size:1.0em; text-decoration:none; } #language li a:hover{ color:#FFF; font-size:1.0em; text-decoration:none; } #language .on a{ color:#FFF; font-size:1.0em; text-decoration:underline; } /*sitemap*/ #sitemap {padding-left:50px; padding-bottom:20px;} #sitemap li {border:0px solid; margin-bottom:2px;} #sitemap li a{color:#3B487D; text-decoration:none;} #sitemap li a:hover{color:#83AFD3; text-decoration:underline} /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #container {width:970px; margin:0 auto;} #h1 {height:13px; width:970px; margin:0 auto; background:none; display:block; margin-top:2px;} #h1 li {display:inline; padding:0; margin:0; } #h1 li h1,h2, h3 {float:left; font-size:1.0em; line-height:1.0em; margin:0 1px; padding:0 2px; } #h1 li h1 a, h2 a, h3 a {color:#666; text-decoration:none;} #h1 li h1 a:hover, h2 a:hover, h3 a:hover {color:#999; text-decoration:underline;} #top {height:406px; width:100%; border:0px solid red;} #header {height:60px; width:100%; background:#003399 url(/Img/header.jpg) no-repeat; border:0px solid #FF0000} /*menu*/ #menu{float:left;width:780px;overflow:hidden;} #menu #elemento {background:#ff9900; display:inline; line-height:2.5em;} #elemento a{height:55px;color:#FFF; text-decoration:none;} #menu #elemento div {float:left;} #elemento .ombra_sx {width:6px; height:50px; background:none} #elemento .ombra_dx {width:6px; height:50px; background:none} #elemento .vocemenu {line-height:50px; padding:0 6px; font-size:11px;} #elemento a:hover .vocemenu{height:50px;color:#FFF; text-decoration:underline; font-size:12px; padding:0 6px; cursor:pointer;} #elemento a:hover .ombra_sx{width:6px; height:50px; background: url(/Img/ombramenu_sx.jpg) no-repeat;} #elemento a:hover .ombra_dx{width:6px; height:50px; background: url(/Img/ombramenu_dx.jpg) no-repeat;} #elemento a:hover .vocemenu{height:50px;color:#FFF; text-decoration:underline; font-size:12px; padding:0 6px; cursor:pointer;} #elemento a:hover .ombra_sx{width:6px; height:50px; background: url(/Img/ombramenu_sx.jpg) no-repeat;} #elemento a:hover .ombra_dx{width:6px; height:50px; background: url(/Img/ombramenu_dx.jpg) no-repeat;} #elemento #current .vocemenu{height:50px;color:#FFF; text-decoration:underline; font-size:12px; padding:0 6px; cursor:pointer;} #elemento #current .ombra_sx{width:6px; height:50px; background: url(/Img/ombramenu_sx.jpg) no-repeat;} #elemento #current .ombra_dx{width:6px; height:50px; background: url(/Img/ombramenu_dx.jpg) no-repeat;} /*language*/ #language li{float:left;display:inline;color:#BFE1EB;font-size:1.0em; text-decoration:none; padding:19px 5px 0px 4px;} /*sitemap*/ #sitemap li{display:block;padding:3px;} #flash {height:341px; width:100%; background:url(/Img/flash.jpg) repeat-y; position:relative;} #flash_bottom {height:5px; width:100%; background:url(/Img/flash-bottom.jpg) no-repeat;} #logo{width:260px; height:346px; position:absolute; top:0px; right:15px;} /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #content {width:940px; margin:0 auto; margin-top:5px;} #body {border-bottom:1px dotted #725433; background:none; float:left; padding-bottom:10px;} .col_left {width:650px; float:left; } .col_left .title {font-size:4.1em; color:#3B487D; padding:10px 0 20px 0;} .col_left .subtitle {font-size:1.3em; line-height:1.4em;color:#8CBDDD; padding-bottom:15px;} .col_left .body {font-size:1.3em;color:#3A477D; width:570px; line-height:20px;} .col_right {width:290px; float:right; background:none; } .col_right .box {width:260px; /*height:300px;*/ float:right; border:1px solid #3B487D; background:#FFFFFF; margin-top:20px;padding-left:10px;} /*last offers*/ .smalltitle{font-size:2.0em;color:#3B487D;padding-top:15px;padding-bottom:25px;} .logo_list{float:left;width:120px;height: 80px;border:solid 1px #3D4A7F;padding:2px;} .logo_list_big{float:left;width:240px; height:160px;border:solid 1px #3D4A7F;padding:2px;} .text_list{float:left;width:120px;padding-left:10px;} .text_list .title {color:#83AFD3;font-size:1.1em;line-height:1.1em;padding-bottom:5px; } .text_list .titlebig {color:#83AFD3;font-size:1.6em;line-height:1.4em;padding-bottom:15px; } .text_list .title a {color:#83AFD3;font-size:1.2em;line-height:1.2em;padding-bottom:5px; text-decoration:none} .text_list .subtitle {color:#3B487D;font-size:1.2em;line-height:1.2em; padding-bottom:0; } .text_list .subtitlebig {color:#3B487D;font-size:1.4em;line-height:1.2em; padding-bottom:0; margin-top:15px;} .text_list .body {color:#3B487D;font-size:1.3em;line-height:1.3em;padding-top:5px; border:0px solid; width:430px;} .text_list .body_hidden {color:#3B487D;font-size:1.3em;line-height:1.3em;padding-top:5px; border:0px solid; width:430px; display:none;} /*gallery colonna destra*/ #thumb{} #thumb .thumbimg img {width:112px;height:73px;} #thumb .thumbimg a{float:left;width:112px;height:73px;margin-left:10px;margin-bottom:30px;border:solid 1px #3D4A7F;padding:3px;} #thumb .thumbimg a:hover{float:left;width:112px;height:73px;margin-left:10px;margin-bottom:30px;border:solid 1px #CFC5A8;} #gallery{} #gallery .galleryimg img {width:112px;height:73px;} #gallery .galleryimg a{float:left;width:112px;height:73px;margin-left:30px;margin-bottom:30px;border:solid 1px #3D4A7F;padding:3px;} #gallery .galleryimg a:hover{float:left;width:112px;height:73px;margin-left:30px;margin-bottom:30px;border:solid 1px #CFC5A8} /*links*/ .colonna_links{float:left;width:250px;} #linkcol1{float:left;width:400px;} #linkcol2{float:left;} .TitleLink a {color:#3B487D; text-decoration:none;} .TitleLink a:hover {color:#83AFD3; text-decoration:none;} .descriptionlinks a {color:#3B487D; text-decoration:none;} .descriptionlinks a:hover {color:#83AFD3; text-decoration:none;} /* =6 BookingForm –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #bf {height:59px; width:100%; margin:0 auto; background:none;} #bf label {color: #FFF;} #bf a {color: #fff;} #bf a:hover {color: #FC0000;} legend {display:none;} .titolo_bf {text-align:left; font-size:2.0em; color:#FFF; border:0px solid; padding-top:12px; width:170px; float:left;} .bf_arrival {float:left; border:0px solid; width:200px; margin-right:10px;} .hidden {display:none;} .visible {display:block;} label {font-size:1.0em; padding-bottom:3px; display:block; } input, select {font-size:1.0em;} .btn_book {width:88px; height:22px; background:url(../Img/btn_bookinform.png) no-repeat; border:0px solid; font-size:13px; font-weight:bold; text-transform:uppercase; cursor:pointer; color:#3B487D;} /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .clearer{clear:both;} .more{padding-top:5px;padding-bottom:10px;color:#3B487D;} .more a{padding-top:5px;padding-bottom:10px;color:#3B487D; } .more a:hover{padding-top:5px;padding-bottom:10px;color:#3B487D;} .faq {color:#3B487D; padding:3px 0; text-decoration:none;} .faq_r {border:solid 1px #ccc; margin-top:5px; margin-left:15px; padding:5px;} .googlemap {padding:3px; border:1px solid #333; background:#FFF; width:250px; height:170px;} .googlemap:hover {background:#3B487D} .newsletter {border:1px solid; padding:10px; background:#FFFFFF;} .newsletter .radio, .newsletter input, textarea, select, .txt {font-size:11px;} .newsletter .label {width:100px; float:left; padding-top:10px; font-size:11px;} .hand {float:right; padding-top:5px;} .close {background:url(../Img/arrow.jpg) no-repeat; padding-left:13px;} .open {background:url(../Img/arrow-open.jpg) no-repeat bottom left; padding-left:13px;} .open .faq {font-weight:bold;} /* btn_send */ .btn_send {background:#3B497D; border:1px solid #CFC3A9; padding:2px; text-align:center; font-size:10px; color:#CFC3A9;} .booknow {font-size:10px; text-transform:uppercase; color:#83AFD3; padding-left:0; margin-left:0; background:none;cursor:pointer; border:0; } /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer {height:30px; width:100%; background:none;} #menu_footer {float:left; padding:10px 0;} #menu_footer li {display:inline; padding-right:8px; font-size:1.0em; color:#725433; text-transform:uppercase;} #menu_footer li a {font-size:1.0em; color:#725433; text-transform:uppercase; text-decoration:none;} #menu_footer li a:hover {text-decoration:underline;} #menu_footer #active a {text-decoration:underline; color:#3B487D;} #copy {float:right; padding:10px 0; font-size:1.0em; color:#725433; } div.my_more {border: 1px solid #83AFD3; margin:10px 10px 10px 0; text-align:center; } .my_more a {font-size: 15px; font-weight:bold;}