/* 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:#333 url(/Img/bg_quadratino.jpg) repeat; font-family:Georgia; text-align:center; font-size:62.5%;} /* 10px */ h1 {color:#CCCCCC; font-size:1em; padding:3px 0 3px 5px; background:#F7F4EE;} #container {width:951px; border:0px solid #FFFFFF; margin:0 auto; overflow:hidden;} /* =2 Links –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ a {color:#AEA177; text-decoration: none;} a:hover {color:#DED8C6;} .link a {font-family:Georgia, "Times New Roman", Times, serif; 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;} #header .top .language li a {color: #BC5100; text-decoration:none;} #header .top .language li a:hover, #header .top .language li.lang_on a {color:#FFFFFF;} /* menu */ /* old #menu .list_menu li {color: #868279; font-variant:small-caps; text-transform:capitalize; font-size:1.35em; font-family:"Times New Roman", Times, serif; letter-spacing: 0px;} #menu .list_menu li a {color: #868279; text-decoration:none;} #menu .list_menu li a:hover, #menu .list_menu li.active a {color:#922F23;} */ #menu .list_menu li a {color:#191919; font-variant:small-caps; text-transform:capitalize; font-size:1.25em; text-decoration:none; font-family:"Times New Roman", Times, serif; letter-spacing:0px; padding: 0; display: block;} #menu .list_menu li a:hover, #menu .list_menu li.active a {border-left: 1px solid #5E5945; border-right: 1px solid #5E5945; color:#DED8CA; background: url(/Img/bg_menu_hover.jpg) repeat-x; z-index: 1000;} #menu .list_menu li a span {border-left: 1px solid #5E5945; border-right: 1px solid #5E5945; padding: 0 10px;} #menu .list_menu li a:hover span, #menu .list_menu li.active a span {border-left: 1px solid #DED8CA; border-right: 1px solid #DED8CA; padding: 22px 9px;} #menu .list_menu li a.lastitem span {border-right: 0;} #menu .list_menu li.active a.firstitem span, #menu .list_menu li a:hover.firstitem span {border-left: 1px solid #DED8CA;} #menu .list_menu li a.firstitem span {border-left: 0;} /* list menu footer */ #content .menu_footer li a {color: #922F23; text-decoration:none;} #content .menu_footer li a:hover {text-decoration:underline;} /* menu list hotels */ .elenco_ht .hotel a {color: #E7E2CE; text-decoration:none;} .elenco_ht .hotel a:hover, .elenco_ht .active a {color:#FFFFFF; text-decoration:none;} /* menu current hotel */ .list_menu_hotel { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.4em; } .list_menu_hotel li { font-family:"Times New Roman", Times, serif; padding-bottom: 5px; font-variant:small-caps; letter-spacing:0.5px; text-transform:capitalize; } .list_menu_hotel li a {color:#AEA177; text-decoration:none;} .list_menu_hotel li a:hover, .list_menu_hotel li.active a {color:#FFFFFF; text-decoration:none;} /* booking form */ .btn:hover {color:#333333;} .btn_cancel:hover {color:#DED8C6;} /* =3 Headings –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /* =4 Header –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #header {} #header .top {width:100%; border:0px solid #00CC99; float:left; padding-top:20px; margin-bottom:5px;} #header .top .h1 {float:left; 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 .language {float:right; 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%; height:60px; background:url(../Img/bg_menu.jpg) no-repeat; clear:both; } #menu .logo {float:left; width: 50px; height: 50px; background:url(../Img/logo_tr2.gif) no-repeat; border:0px solid; margin-top:5px; margin-left:15px;} /* #menu .list_menu {border:0px solid #FF0000; float:right; text-align:right; line-height:60px; height:60px; padding-right:10px;} * #menu .list_menu li {display:inline; float:left; border:0px solid; text-align:center; padding:0 5px;} * */ #menu .list_menu {border:0px solid #FF0000; float:right; text-align:right; line-height:60px; height:60px; margin: 0;} #menu .list_menu li {display:inline; float:left; border:0px solid; text-align:center; padding:0; margin: 0; margin-right: -1px;} #flash {width:100%; height:280px; margin-top:2px; margin-bottom:1px; position:relative;} #flash .bookingform {/*background-color: #E5D9C2;*/background:url(/Img/bg_booking.jpg) no-repeat; width:199px; float:left; height: 280px; margin-right: 1px;} #flash #flashcontent, #flash .staticimage, #flash #headermap {width:750px; height:280px; float:left; margin-bottom:0px; padding:0px; border:0px solid #FFFFFF} /* =5 Navigation –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ #content .column_sx {width:198px; float:left; margin-left: 0px;background:url(/Img/bg_column_sx.jpg);height: 270px;} #content .content {width:575px; float:left; margin:0 2px 0;} #content .menu_footer { width:168px; height:240px; float: left; padding-top: 30px; margin-left: 4px; background:url(/Img/bg_column_dx.jpg); list-style: none; } #content .menu_footer li {margin-left: 10px; padding:10px 10px 0 20px; text-align: left; font-size: 1.2em; background: transparent url(/Img/decor_menudx.gif) 0 12px no-repeat;} #content .elenco_ht { padding-top: 10px; /* background-color: #BDAD8C; the background */ font-family:"Times New Roman", Times, serif; text-transform: uppercase; } #content .elenco_ht span {font-size: 2.0em; display:block; padding:0; margin:0; text-align:left; padding-left: 15px; color: #922F23; font-weight: bold;} .elenco_ht .hotel {margin-top: 10px; padding: 3px 0 3px 15px; color: #E7E2CE; text-align:left; border:0px solid; font-size:1.3em; font-variant:small-caps; text-transform:capitalize; letter-spacing:0.5px;} #content .content_page * {font-family:Georgia, "Times New Roman", Times, serif} #content .content_page .sottotitolo {font-style:italic;} #content .content_page .corpo {padding-top:10px;} #content .content_page span {font-size: 1em;} #content {width:100%; float:left; background: url(../Img/bg_content.gif) repeat-y;padding-bottom:20px;min-height:560px;} #content_sx {padding:15px 10px; text-align:left;} #content_sx span {font-variant:small-caps; text-transform:capitalize; font-size:1.8em; color:#DED8C6; border:0px solid; } #content span {text-align:left; display:block; padding-left:20px; font-variant:small-caps; text-transform:capitalize; font-size:1.8em; color:#922F23;} #content .link {padding-left:10px;} #content_sx div {font-size:1.2em; color:#AEA177; font-family:Georgia, "Times New Roman", Times, serif; padding-top:20px;} #content .title_page {float: none; color: #922F23; font-size:2em; padding: 30px 10px 10px 20px; text-align:left; border:0px solid; display:block;} #content .content_page {font-family:Georgia, "Times New Roman", Times, serif; color: #000; font-size:1.2em; padding:0 10px 15px 20px; text-align:left; line-height:1.2em;} #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;} /*#txtoptions {margin: 0; padding: 0; padding-top:3px; color: gray; font-size:1em; display:block; float:left; border:0px solid; text-decoration:none; font-variant:small-caps; text-transform:capitalize;}*/ #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;} /* =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 */ div#linksform {border-bottom:1px dotted #AEA177; padding-bottom:10px;} div#linksform .Msg {color:red; padding-bottom:10px;} form .submit {font-size: 1.1em; color: #922F23; text-transform: capitalize; font-variant: small-caps; border: 0; background-color: transparent; cursor: pointer;} .listlinks {padding-top:15px; font-size:10px; } .column_links {float:left; border:0px solid; width:245px;} .TitleLink {float:left; } .TitleLink a {font-size:1em; float:left; border:0px solid} .descriptionlinks {float:left; 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 10px; font-family:"Times New Roman", Times, serif; margin-left:0; padding-left:0;} .offerta .image {float:left; padding:3px; padding-right: 8px;} .offerta div.titolo {float: none; padding: 0 0 0 20px; background: transparent url(/Img/decor_menudx_off.gif) 0 2px no-repeat; margin: 0; letter-spacing: 0.5px; font-size:1em; text-decoration: none; color: gray; width:300px; cursor:pointer;} .offerta div.active, .offerta div.titolo:hover {background-image: url(/Img/decor_menudx.gif); color: #922F23;} .offerta p {font-size:0.8em; color: #000;} 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 {text-decoration: underline; color: #922F23;} 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);} .listThumb { padding-left: 20px; } .listThumb .boxThumbnail { float: left; padding: 10px 10px 10px 0; } .button {float: left; } .professional table td {padding: 5px;} .professional input.text, .professional textarea {width: 150px;} #gallery ul {margin:5px; border:0px solid; overflow:hidden;} #gallery ul li {float:left; margin:5px; width: 70px; height:70px;} #gallery ul li img {width:70px; height:70px; border:1px solid #AEA177;} #gallery ul li a {border:0;} #gallery ul li a:hover img {border: 1px solid red;} #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-left: 10px;} .faq img {display: inline; float: left;} .faq span {float: left; margin: 0; padding: 0;} .faq a {display: inline;font-size: 0.8em; margin: 0;} .faq .risposta {width: 90%; margin:5px 0; border:solid 1px #333; margin-left:10px; padding:3px 10px; color:#333; 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:#E2DECF; padding-left:5px;} /* AGGIUNTE HOMEPAGE*/ .offevent_sottotitolo { font-size:1.8em; color:#922F23; font-variant:small-caps; padding: 5px 0px; } .offevent_image {width: 105px; height: 80px; border:1px solid #701713; margin-right: 5px;} .offevent_item {padding:5px 2px; font-size:12px;} .offevent_box {padding:3px; font-size:12px;} .offevent_sub {padding:5px 0px; font-size:12px; color: #868279;} .offevent_title {padding:0px 0px 5px 0px; font-size:12px; color: #000;} .offevent_more {padding:5px 0px; font-size:12px;} .clearer {height:10px; width:100px;}