/* 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 */ body {background-color: #FFF; font-family: Arial; text-align:center; font-size:62.5%;} /* 10px */ h1 {color:#CCCCCC; font-size:1em; padding:3px 0 3px 5px; background:#F7F4EE;} #container {width: 983px; border: 0; margin:0 auto;} /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a {color:#A6A6A6; text-decoration:none;} a:hover {color:#4E9BB9; text-decoration:underline;} .link a {font-family: "Arial"; font-size:1.2em; text-decoration:none; display:block; border:0px solid; text-align:left; padding-left:10px; padding-top:20px; padding-bottom:25px; text-decoration:none;} .link a:hover {color:#DED8C6; text-decoration:underline;} #header .top .language li a {color: #D0D0D0; text-decoration:none;} #header .top .language li a:hover, #header .top .language li.lang_on a {color:#5B8A9A;} /* menu */ #menu .list_menu li {text-transform: uppercase; font-size:1.2em; font-family:"Arial"; margin: 0; padding: 0;} #menu .list_menu li a {background: #467182 url(/Img/bg_menu.jpg) repeat-x; color: #FFF; text-decoration:none; display: block; margin: 0 2px 0 0; padding: 10px 2px; color: #B7C6D9; font-weight: bold;} #menu .list_menu li a:hover, #menu .list_menu li.active a {background: #FFF; color:#5B8A9A;} /* submenu */ #menu #submenu ul li a {color: #A6A6A6; text-decoration: none;} #menu #submenu ul li a:hover, #menu #submenu ul li.active a {color: #4E9BB9; text-decoration: underline;} /* list menu footer */ #footer .menu_footer li a {color: ; text-decoration:none;} #footer .menu_footer li a:hover {text-decoration:underline;} /* booking form */ .btn:hover {color:#333333;} .btn_cancel:hover {color:#DED8C6;} /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #header {} #header .top {width:100%; border:0px solid #00CC99; clear:both; padding-top:20px; margin-bottom:5px; position:relative; text-align: left;} #header .top .h1 {clear:both; border:0px #FF0000; padding-left:5px;} #header .top .h1 li {display:inline;} #header .top .h1 li h1, h2, h3 {background:none; color:#E2DECF; float:left; padding:0 5px 0 0; font-size:0.9em;} #header .top .logo {width: 217px; height: 100px; background:url(../Img/logo.jpg) no-repeat; border:0; margin: 0 5px 5px;} #header .top .language {position: absolute; right: 5px; bottom: 5px; border:0px #FF0000; width:210px; text-align:right; padding-right:5px; padding-top:10px;} #header .top .language li {display:inline; padding:0 2px; color:#AEA177;} #menu { width:100%; no-repeat; clear:both; margin: 0; padding: 0;} #menu .list_menu {border: 1px solid #49746D; float:none; text-align:right; padding-right:0px; background: #467182 url(/Img/bg_menu_bordi.jpg) repeat-x; zoom: 1; clear: both;} #menu .list_menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #menu .list_menu li {display:inline; float:left; border:0px solid; text-align:center; padding:0; width: ; max-width: ; font-weight: bold;} #menu .list_menu li a {width: 116px;} #menu .list_menu li.lastitem a {margin: 0;} #submenu {height: 30px; clear:both; border-left: 1px solid #A49E90; background: #FFF url(/Img/bg_submenu.jpg) repeat-x;} #menu #submenu ul {float: left; padding: 10px 10px 2px 10px;} #menu #submenu ul li {float: left; font-size: 1.2em; border-right: 1px solid #A6A6A6; padding: 0 4px; margin: 0; text-align: center;} #menu #submenu ul li.lastitem {border-right: 0;} /*#flash {width:100%; height:280px; margin-top:2px; margin-bottom:1px; position:relative;}*/ #content .bookingform {background-color: #558EAB; width:100%; float:left;} #content #flashcontent, #content .staticimage, #content #headermap {width:600px; height:436px; float:left; margin-bottom:0px; padding:0px; border:0px solid #FFFFFF;} #content .staticimage img {width: 600px; height: 436px;} /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #content {height: 436px; height: 100%; margin: 0 auto; border-right: 2px solid #A49E90; border-bottom: 2px solid #A49E90; width: 980px; padding: 0px;} #content .content {height: 100%; background-color: #5197B1;} #footer .menu_footer { float: left; margin-top: 0px; margin-left: 0px; /* background-color: #E6D6C5; the background */ /*list-style-image: url(../Img/decor_menudx.gif); list-style-type: disc; list-style-position: inside; */ list-style: none; } #footer .menu_footer li {float: left; padding: 0 5px; text-align: left; font-size: 1em;} #content .content_page * {} #content .content_page {width:360px; height: 100%; min-height: 421px; float:left; margin:0; background-color: #343434; color: #868279; padding: 0 10px 15px 10px; text-align:left; line-height:1.4em;} #content .content_page .title_page {float: none; color: #4E9BB9; font-size:2.4em; padding: 20px 10px 10px 0px; text-align:left; border:0px solid; display:block;} #content .content_page .sottotitolo {font-style:italic; font-size:1.2em;} #content .content_page .corpo {color: #fff; font-size:1.2em;} #content .content_page span {font-size: 1em;} #content .link {padding-left:10px;} #content_disabled {background-color: #5E563D;} /* =6 BookingForm –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* #bf {border:0px solid #FF0000; padding: 30px 10px 0 20px;} .title {text-align: left; font-size: 1.6em; padding: 10px 0; color: #922F23; text-transform: uppercase; font-weight: bold; text-transform: capitalize;} label {font-family:Georgia, "Times New Roman", Times, serif; display:block; font-size:1.1em; color:#65452B; text-align:left; margin-top: 10px; display: block;} select, input {font-size:10px; padding:0;} #txtarrival, #frommonth, #fromyear {float: left; width: 40px; margin-right: 5px;} #frommonth {width: 50px;} #fromyear {width: 60px;} #txtnights, #txtadults, #txtchildren {width: 40px;} .labsel {width: 40px; float: left; margin-right: 5px;} .btnwrapper {border:0px solid; float:right; width:80px; padding-top:15px;} .btnwrapper * {vertical-align: bottom;} .btn {color: #922F23; border:0px solid; font-variant:small-caps; text-transform:capitalize; background:none; font-size:1.5em; font-weight:bold; font-family:'Times New Roman', Times, serif; text-align:left; padding-right:0; cursor:pointer;} #txtcancel, #txtoptions { width: 50px; float: left; margin: 0; padding: 0; border:0; padding-top: 2px; background:none; font-size:1em; color: gray; font-variant:small-caps; text-transform:capitalize; cursor:pointer; text-align: left; float:left; border:0px solid; width:50px;} */ div.bookingform {border-top: 1px solid #5890B3; background: #fff url(/Img/bg_booking_form.jpg) 0 0 repeat-x; color: #3C3B40; zoom: 1;} div.bookingform form div, .bookingform form br, .bookingform form legend, .bookingform input, .bookingform select, .bookingform a {display: inline; float: none; font-size: 1em;} div.bookingform form input, div.bookingform select, div.bookingform a {margin-bottom: 10px;} div.bookingform legend {font-size: 2.3em; padding-top: 10px; text-align: left;} div.bookingform label {display: block; clear: both; padding-top: 5px; text-transform: uppercase; text-align: left;} div.bookingform fieldset {float: left;} div.bookingform a {color: #3C3B40;} div.bookingform #book {padding: 2px 20px; border: 0; background-color: #5197B1; color: #313840; font-size: 1.2em;} /* =7 Form –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .mis label {padding-top:10px; padding-bottom:5px; font-size:1em;} .bf_content {float:left; padding-top:10px;} .bf_content label { padding-bottom:5px; font-size:1em;} .clear {clear:both;} .small {width:60px;} /* links */ #linksform {border-bottom:1px dotted #868279; padding-bottom:10px;} .Msg {color:red; padding-bottom:10px; font-size: 1.2em;} #linksform .column1 {width: 45%; padding-left: 0px; float: left; clear: left;} #linksform .column2 {clear: right; padding-right: 0px; width: 45%; float: right;} #linksform label {font-size: 1.2em; display: block;} #linksform input.txt {width: 350px;} form .submit, .bookonline {padding: 2px 20px; border: 1px solid #417D99; background-color: #5197B1; color: #313840; font-size: 1.2em;} form input.txt {font-size: 1em;} .listlinks {padding-top:15px; font-size: 1.0em; } .column_links {float:left; border:0px solid; width:245px;} .TitleLink {display:left; } .TitleLink a {font-size:1.2em; border:0px solid} .descriptionlinks {display: block;border:0px solid; padding-bottom:4px;} .descriptionlinks a {font-size:12px; text-decoration:none; } /* =8 Extra –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ .separa {width:100%; height:15px; background:url(../Img/separatore.gif) center center no-repeat; padding:10px 0;} .ClearAll {clear: both;} /* immagine trasparente */ img.spacer {width:0px; height:0px;} .offerta {clear: both; padding:5px; margin-left:0; padding-left:0;} .offerta .image {float:left; padding:3px; padding-right: 8px;} a.back {background: transparent url(/Img/arrow-back.gif) 0 4px no-repeat; padding-left: 10px; margin-bottom: 10px; font-size: 1.2em; text-transform: capitalize; font-variant: small-caps;} a.back:hover {background-image: url(/Img/arrow-back_on.gif);} /*a.bookonline {margin-bottom: 10px; font-size: 1.2em; color: #922F23;} */ a.bookonline:hover {color: #313840;} a.more {background: transparent url(/Img/arrow.gif) 0 4px no-repeat; padding-left: 10px; font-size: 1.2em; text-transform: capitalize; font-variant: small-caps;} a.more:hover {background-image: url(/Img/arrow_on.gif);} /* Rooms */ .listThumb { padding-left: 20px; clear: both; zoom: 1; } .listThumb .boxThumbnail { float: left; background-color: #fff; margin: 3px; padding: 3px;} .button {float: left; } #gallery ul {margin: 5px 0 5px -5px; padding: 10px 0; border: 0;} #gallery ul li {float:left; margin: 5px 15px 5px 0; width: 85px; height:55px;} #gallery ul li img {width:85px; height:55px; border:1px solid #AEA177; background-color: #fff; margin: 0 3px; padding: 3px;} #gallery ul li a {border:0;} #gallery ul li a:hover img {border: 1px solid #4E9BB9;} #galleries { /* list-style-image: url(../Img/decor_menudx_off.gif); list-style-type: disc; list-style-position: inside; */ list-style: none; } #galleries li {margin-left: 10px; padding:10px 10px 0 20px; text-align: left; font-size: 1.2em; background: transparent url(/Img/decor_menudx_off.gif) 0 12px no-repeat;} #galleries li.active { background-image: url(../Img/decor_menudx.gif); } #galleries li a {color: gray; text-decoration:none;} #galleries li a:hover, #galleries li.active a {color: #922F23;} /* mappa */ .map_image {width:120px; height:80px; border:1px solid #ccc; float:right; margin-left:10px; margin-bottom:10px;} .image-unit { float:right; width:125px; margin-left:10px; margin-bottom:10px; } .image-unit .image { display:block; height:80px; width:120px; text-decoration:none; border:1px solid #ccc; } .image-unit a.caption { filter:alpha(opacity=70); /* Internet Explorer */ -moz-opacity:0.70; /* Mozilla 1.6 and below */ opacity: 0.70; /* newer Mozilla and CSS-3 */ background:#6F6F6F; color:#fff; margin-top: -30px; padding: 5px 0; position:absolute; width: 121px; text-align: center; text-decoration:none; font-size: 10px; font-weight: bold; } .image-unit a.caption:hover { background-color:#fff; color:#000; } .faq {text-align: left; margin: 10px; color: #fff; font-size:1.2em;} .faq img {display: inline; float: left;} .faq span {float: left; margin: 0; padding: 0;} .faq a {display: inline; margin: 0;} .faq .risposta {width: 90%; margin:5px 0; border:solid 1px gray; margin-left:10px; padding:3px 10px; display: none;} .faq .attiva {display: block;} /* =9 Footer –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #footer {width:100%; height:25px; border:0px solid #FF0000; line-height:20px;} #footer .copy {float:left; color:#A6A6A6; padding-left:5px;}