@charset "UTF-8";
/* CSS Document */

body {
	margin:0 0 0 0;
	background:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000;
}

.offers-badge {
	width: 102px;
	height: 101px;
	position: absolute;
	display: block;
	left: 245px;
	top: 40px;
	z-index: 10000000;
	background:url(../../img/site/offers.png) top center no-repeat;
}

img {
	border:0px;
}

#container {
	position:relative;
	width:1000px;
	height:auto;
	min-height:634px;
	background:url(../../img/site/page_backgr.jpg) top center no-repeat;
	margin:0 auto;
	z-index:10;
}

.homepage-image {
	width:997px;
	height:623px;
	margin:0 auto;
	background:url(../../img/site/001.jpg) top center no-repeat;
}

.interne-backgr {
	width:997px;
	height:1280px;
	margin:0 auto;
}

.interne-nobackgr {
	width:997px;
	min-height:680px;
	margin:0 auto;
}

#cameresuite {
	background:url(../../img/site/backgr-camere.jpg) top center no-repeat;
}

#piscinagiardino {
	background:url(../../img/site/backgr-giardinopiscina.jpg) top center no-repeat;
}

#servizicomfort {
	background:url(../../img/site/backgr-comfort.jpg) top center no-repeat;
}

#cosafare {
	background:url(../../img/site/backgr-cosafare.jpg) top center no-repeat;
}

#tariffecontatti {
	background:url(../../img/site/backgr-tarifscontacts.jpg) top center no-repeat;
}

#whitebackground {
	background:#fff;
}

#top {
	margin:0 auto;
	font-size:12px;
	color:#CCC;
	width:1000px;
	text-align:center;
}

#top h3 {
	margin:8px 0 16px 0;
	padding:0 0 0 0;
	font-size:10px;
}
#top .language-nav a {color:#000}
#top .language-nav {
	float:left;
	width:30%;
	text-align:left;
	padding:16px 0 8px 16px;
	color:#000
}
#top .special-nav {
	float:right;
	width:50%;
	text-align:right;
	padding:0 16px 8px 0;
	color:#000
}

#header {
	background:url(../../img/site/header.png) top left no-repeat;
	width:997px;
	height:155px;
	margin:0 auto;
	z-index:100;
}

.nav {
	position:absolute;
	margin:105px 0 0 250px;
	padding:0 0 0 0;
	z-index:100000;
}

.nav ul li {
	list-style:none;
	display:inline;
	padding:0 3px 0 3px;
	margin:0 0 0 0;
	font-style:italic;
	font-weight:bold;
	color:#FFF;
}

.nav a:link, .nav a:visited {
	color:#FFF;
	text-decoration:none;
}

.nav a:hover {
	color:#FC0;
	text-decoration:none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav ul ul {
visibility:hidden;
position:absolute;
top:25px;
left:30px;
background:url(../../img/site/subnav_nackgr.png) top left no-repeat;
width:221px;
height:136px;
}

.nav ul ul.ultariffe {left: 460px;height:96px}

.nav li li {
display:list-item;
list-style:none;
padding:0 0 15px 0;
margin:0 0 0 -10px;
text-indent:30px;
font-size:12px;
font-weight:normal;
}

.nav li li a:link, .nav li li a:visited {
	color:#333;
	text-decoration:none;
}

.nav li li a:hover {
	color:#F30;
	text-decoration:none;
}

/* make the second level visible when hover on first level list OR link */
.nav ul li:hover ul,
.nav ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.nav ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.nav ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.nav-title {
	font-size:17px;
	margin-left:-30px;
}

#testimonial {
	position:absolute;
	margin:0 0 0 5px;
	z-index:1000;
}

#images {
	position:absolute;
	width:997px;
	height:662px;
	margin:0 auto;
	z-index:10;
}

#footer {
	background:url(../../img/site/footer_backgr.png) top left no-repeat;
	width:997px;
	height:183px;
	z-index:1000;
	margin:0 auto;
}

#footer-block {
	width:800px; 
	height:150px;
	margin:0 auto;
	text-align:center;
	color:#666;
	padding:30px 0 0 0;
}

#footer-block ul li {
	list-style:none;
	display:inline;
	margin:10px 0 0 0;
	padding:0 2px 15px 2px;
}

#footer-block p {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#footer-block a:link, #footer-block a:visited {
	color:#666;
	text-decoration:none;
}

#footer-block a:hover {
	color:#F30;
	text-decoration:none;
}

#footer-button {
	margin:0 auto;
	padding:35px 0 0 0;
}

#credits {
	width:997px;
	height:auto;
	margin:0 auto;
	text-align:right;
	font-size:11px;
	padding:0 0 10px 0;
}

#credits a:link, #credits a:visited {
	color:#666;
	text-decoration:none;
}

#credits a:hover {
	color:#F30;
	text-decoration:none;
}
	

.button-book {
	width:285px;
	height:53px;
	float:right;
	margin:25px 20px 0 0;
}

#button-book-ita a:link, #button-book-ita a:visited {
	background:url(../../img/site/button-book-ita.png) top left no-repeat;
	display:block;
}

#button-book-ita a:hover {
	background:url(../../img/site/button-book-itahover.png) top left no-repeat;
	display:block;
}

#button-book-eng a:link, #button-book-eng a:visited {
	background:url(../../img/site/button-book-eng.png) top left no-repeat;
	display:block;
}

#button-book-eng a:hover {
	background:url(../../img/site/button-book-enghover.png) top left no-repeat;
	display:block;
}

#button-book-fra a:link, #button-book-fra a:visited {
	background:url(../../img/site/button-book-fra.png) top left no-repeat;
	display:block;
}

#button-book-fra a:hover {
	background:url(../../img/site/button-book-frahover.png) top left no-repeat;
	display:block;
}

/* homepage */

#claim {
	background:url(../../img/site/claim_bakcgr.png) top left no-repeat;
	width:604px;
	height:44px;
	text-align:center;
	vertical-align:middle;
	margin:0 0 0 250px;
}

#claim h2 {
	margin:0 0 0 0;
	padding:10px 0 0 0;
	font-size:18px;
	font-weight:normal;
}

.claim-apici {
	font-size:48px;
}

#galleria {
	background:url(../../img/site/home-gallery-backgr.png) top left no-repeat;
	width:559px;
	height:115px;
	float:right;
	margin:155px 5px 0 0;
	z-index:1000;
}

#galleria-titolo {
	float:right;
	margin:5px 70px 0 0;
	font-size:14px;
}

#galleria img {
	float:right;
	margin:10px 0 0 2px;
	border:2px solid #FFF;
}

#galleria img:hover {
	border:2px solid #F30;
}

#hometext {
	background:url(../../img/site/home-texteblock_backgr.png) top left no-repeat;
	width:603px;
	height:149px;
	max-height:149px;
	overflow:hidden;
	float:right;
	margin:1px 5px 0 0;
}

#hometext p {
	width:550px;
	height:auto;
	font-size:12px;
	text-align:justify;
	margin:8px auto;
}

.slideshow { 
height: 662px; 
width: 987px;
}

.slideshow img { 
padding: 0; 
border:none; 
background:inherit; 
}

/* interne */

/* sfondi presenti in testa del CSS */

#contentbox-top-camere {
	background:url(../../img/site/interne-title-backgr.png) top left no-repeat;
	width:540px;
	height:49px;
	margin:300px 0 0 5px;
}

#contentbox-top-tariffe {
	background:url(../../img/site/interne-title-backgr.png) top left no-repeat;
	width:540px;
	height:49px;
	margin:100px 0 0 5px;
}


#contentbox-top {
	background:url(../../img/site/interne-title-backgr.png) top left no-repeat;
	width:540px;
	height:49px;
	margin:250px 0 0 5px;
}

#contentbox-top_title {
	margin:0 0 0 300px;
	width:205px;
	height:30px;
	text-align:center;
}

#contentbox-top_title h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#333;
	font-weight:normal;
	margin:0 auto;
	padding:5px 0 0 0;
}

#contentbox {
	background:url(../../img/site/interne-textbox-backgr.png) top left repeat-y;
	width:540px;
	height:auto;
	min-height:180px;
	padding:10px 0 10px 0;
	text-align:justify;
	margin:0 0 0 5px;
}

#contentbox p {
	width:90%;
	text-align:justify;
	padding:5px 0 0 0;
	margin:0 auto;
}

.contentbox-box {
	width:90%;
	text-align:left;
	padding:10px 0 0 30px;
	margin:0 auto;
}


#contentbox input, .contentbox-box input {
	border:1px solid #999;
	background:#fff;
	color:#666;
	width:150px;
	height:15px;
}

#contentbox textarea, .contentbox-box textarea {
	border:1px solid #999;
	background:#fff;
	color:#666;
	width:150px;
	height:100px;
}

#contentbox option, .contentbox-box option {
	border:1px solid #999;
	background:#fff;
	color:#666;
	width:150px;
	height:15px;
}
	
.contentbox_tagline {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

.contentbox_details {
	font-size:13px;
	font-style:italic;
}

#contentbox-bottom {
	background:url(../../img/site/interne-textbox-bottom.png) top left no-repeat;
	width:540px;
	height:16px;
	margin:0 0 0 5px;
}

#interne-gallery {
	width:520px;
	height:auto;
	margin:10px 0 0 5px;
}

#interne-gallery ul li {
	list-style:none;
	display:inline;
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 2px;
}

#interne-gallery img {
	height:100px;
	width:auto;
	border:3px solid #FFF;
}

#interne-gallery.small img {
	height:70px;
}

#interne-gallery img:hover {
	border:3px solid #F33;
}

.button-scopri {
	background:url(../../img/site/buttons_scopri.png) top left no-repeat;
	display:block;
	width:289px;
	height:44px;
	vertical-align:middle;
	text-align:right;
	margin:10px 0 0 240px;
	padding:15px 0 0 0;
}

.button-scopri:hover {
	background:url(../../img/site/buttons_scoprihover.png) top left no-repeat;
	display:block;
}

.button-scopri a:link, .button-scopri a:visited, .button-scopri a:hover {
	color:#FFF;
	text-decoration:none;
	padding:0 38px 0 0;
}

.button-scopri-2 {
	background:url(../../img/site/buttons_scopri.png) top left no-repeat;
	display:block;
	width:289px;
	height:44px;
	vertical-align:middle;
	text-align:right;
	margin:2px 0 0 240px;
	padding:15px 0 0 0;
}

.button-scopri-2:hover {
	background:url(../../img/site/buttons_scoprihover.png) top left no-repeat;
	display:block;
}

.button-scopri-2 a:link, .button-scopri-2 a:visited, .button-scopri-2 a:hover {
	color:#FFF;
	text-decoration:none;
	padding:0 38px 0 0;
}

iframe {
	width:303px;
	height:200px;
	border:5px solid #FFF;
}
	
/* text */

.white, .white a:link, .white a:visited {
	color:#FFF;
	text-decoration:none;
}

.white a:hover {
	color:#F30;
	text-decoration:none;
}

.orange, .orange a:link, .orange a:visited {
	color:#ff6633;
	text-decoration:none;
}

.orange a:hover {
	color:#F00;
	text-decoration:none;
}

.orange-dark, .orange-dark a:link, .orange-dark a:visited {
	color:#F33;
	text-decoration:none;
}

.orange-dark a:hover {
	color:#F00;
	text-decoration:none;
}

.grey, .grey a:link, .grey a:visited {
	color:#333;
	text-decoration:none;
}

.grey a:hover {
	color:#F30;
	text-decoration:none;
}

.greylight, .greylight a:link, .greylight a:visited {
	color:#999;
	text-decoration:none;
}

.greylight a:hover {
	color:#F30;
	text-decoration:none;
}

.greenlight {
	color:#9C3;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:10px;
	margin:0 0 0 0;
	padding:0 0 0 30px;
}

h1 {
	margin:0 auto;
	padding:0 0 0 0;
	font-size:14px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	margin:0 0 0 0;
	padding:15px 10px 0 0;
}

.small {
	font-size:11px;
}

/* hacks */

.clear {
clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* end hacks */

/* Mods by GIO */
#login {
	position: relative;
	width: 288px;
	height: 208px;
	color: #fff;
	background: url("../../img/site/login.png") no-repeat top left;
	display: block;
	padding: 40px 20px 10px 20px;
	top: 100px;
	left: 450px;
}

#error404 {
	position: relative;
	width: 288px;
	height: 208px;
	color: #fff;
	background: url("../../img/site/404.png") no-repeat top left;
	display: block;
	padding: 60px 20px 10px 20px;
	top: 100px;
	left: 450px;
}

#mailok {
	position: relative;
	width: 288px;
	height: 208px;
	color: #fff;
	background: url("../../img/site/mailok.png") no-repeat top left;
	display: block;
	padding: 60px 20px 10px 20px;
	top: 100px;
	left: 450px;
}

#mailerror {
	position: relative;
	width: 288px;
	height: 208px;
	color: #fff;
	background: url("../../img/site/mailerror.png") no-repeat top left;
	display: block;
	padding: 60px 20px 10px 20px;
	top: 100px;
	left: 450px;
}

#login label {
	width: 100px;
	display: inline-block;
	font-style: italic;
}

#login input[type="text"], #login input[type="password"] {
	border: 2px solid #fff;
	width: 135px;
	margin-bottom: 5px;
}

#login input[type="checkbox"] {
	margin-bottom: 20px;
}
/* end Mods by GIO */

/* modifiche Marzo 2010 */

#contentbox-top-2 {
	background:url(../../img/site/interne-title-backgr.png) top left no-repeat;
	width:540px;
	height:49px;
	margin:20px 0 0 5px;
}

#contentbox-2 {
	background:url(../../img/site/interne-textbox-backgr.png) top left repeat-y;
	width:540px;
	height:auto;
	padding:10px 0 10px 0;
	text-align:justify;
	margin:0 0 0 5px;
}

#contentbox-2 p {
	width:500px;
	text-align:justify;
	padding:5px 0 0 0;
	margin:0 auto;
}

.submit {
	background:url(../../img/site/button_send.png) no-repeat top left !important;
	border: 0 !important;
	width: 70px !important;
	height: 44px !important;
	float: right;
	cursor: pointer;
}

.map {
	float: right;
	width: 310px !important;
	height: 210px !important;
}

.tariff-text {
border-bottom: 1px solid #cccccc; padding: 5px 0;
}

.tariff-price {
width: 50px; text-align: center;  border-bottom: 1px solid #cccccc; padding: 5px 0; 
}

#res_period_1_table, #res_period_2_table {
	margin: 10px 0;
}
/************************************************
*	Awesome buttons				*
************************************************/
.awe-content { vertical-align:bottom }
.awesome:link, .awesome:visited {
	background: #222 url(/ui/img/alert-overlay.png) repeat-x;
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-decoration:none;
} 
.awesome:hover					{ background-color: #111; color: #fff; }
.awesome:active					{ top: 1px; }

.small.awesome, .small.awesome:visited 		{ font-size: 11px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
	
.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover				{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #006699; }
.blue.awesome:hover				{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited		{ background-color: #e33100; }
.red.awesome:hover				{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover				{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover				{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #F4DC9C;color:#333 }
.yellow.awesome:hover				{ background-color: #333;color:#fff }
.gray.awesome, .gray.awesome:visited		{ background-color: #F0F0F0; }
.gray.awesome:hover				{ background-color: #4d4d4d;color:#fff }
.beige.awesome, .beige.awesome:visited		{ background-color: #e8d8c3; }
.beige.awesome:hover				{ background-color: #F6F0E7; }
.brown.awesome, .brown.awesome:visited		{ background-color: #BA997D; }
.brown.awesome:hover				{ background-color: #F6F0E7; }

/************************************************
*	Tabelle					*
************************************************/
.hastable {}
.hastable table {margin:0 0 10px 0;background:#fff;width:100%;border:1px solid #dedede;border-bottom:none;border-left:none;clear:both}
.hastable thead td, .hastable thead th {background-color:#F9EBC6;}
.hastable tr td, .hastable thead th {border-left:1px solid #ccc;text-align:left;padding:8px;color:#616161;vertical-align:middle;}
.hastable thead td, .hastable thead th {font-weight:bold;padding:10px 6px;text-align:center;}
.hastable th, .hastable td {border-bottom:1px solid #dedede;}
.hastable tbody th {padding:8px 8px;text-align:left;}
.hastable tbody tr.alt td, .hastable tbody tr.odd td {color:#464646;}
.hastable tbody tr.alt td, .hastable tbody tr.alt th, .hastable tbody tr.odd {background-color:#f5f5f5;}
.hastable tbody tr:hover td, .hastable tbody tr:hover th {background-color:#FFFFCF;}
.headerSortDown, .headerSortUp {background-repeat:no-repeat;background-color:#dcdcdc!important;color:#404040!important;}
.header span {float:right;}
.hastable tr .center {padding:15px;width:5px;}
.hastable table a.btn span.ui-icon {left:0.1em;}
.hastable td p.descri {color:#656563;font-size:11px;padding:0;line-height:1.2em;}
.hastable td.firstcol {width:150px}

/************************************************
*	Forms					*
************************************************/
.required-asterisk {color:#FDB813;font-weight:bold}
label.error {display:block;color:#cc0000}
#privacypolicy label.error {display:inline;color:#cc0000;padding:0 4px}
input.error {background-color:#FFFFC5}
