/*Onsitus.it - template css gratuito - esempio 5:
Altri layout gratuiti:
http://css.flepstudio.org/css-templates
Se usate questo template, grazie per lasciare queste informazione o un link back a onsitus.it è sempre il benvenuto*/
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 10pt / 14pt Georgia;
	color: #000000;
}
… html>body, html>body {
	height: auto;
}
#sfondo {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
#sfondo_navbar {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 533px;
	left: 0;
	padding-top: 184px;
	position: absolute;
	top: 0;
	width: 256px;
	z-index: 2;
}
#navbar {
	height: 717px;
	left: 0;
	position: absolute;
	top: 0;
	width: 256px;
	z-index: 3;
}
#navbar ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 180px;
}
#navbar ul.menuSxEnd {
	margin: 0;
	padding: 0;
}
#navbar li {
	background: url('../images/tasti/lineaTasto.png') no-repeat scroll 0 0 transparent;
	height: 31px;
}

.c1:hover {
	background: url('../images/tasti/lineaTastoPesce.png') no-repeat !important;
}
.c1.select {
	background: url('../images/tasti/lineaTastoPesce.png') no-repeat !important;
}
.c1.selectnolinea {
	background: url('../images/tasti/lineaTastoPesceNoLinea.png') no-repeat !important;
}
.c1nolinea:hover {
	background: url('../images/tasti/lineaTastoPesceNoLinea.png') no-repeat !important;
}
.c1.select {
	background: url('../images/tasti/sfMenuSx.png') no-repeat;
}
.c1 a {
	margin-left: 18px;
	text-decoration: none;
	color: #777777;
}
.c1 a:hover {
	color: #5D81BF;
}
.c3.selectc3 {
	color: #2A4772;
}
.c3:hover {
	color: #2A4772;
}
.c2 a:link, a {
	margin-left: 18px;
	text-decoration: none;
	color: #012933;
}
.c2 a:hover, #navbar a:hover {
	color: #2A4772;
}
.c2_home a:link, #navbar a:visited, a {
	margin-left: 18px;
	text-decoration: none;
}
.c2_home a:hover, #navbar a:hover {
	color: #2A4772;
}
#sfondo_contenuto {
	height: 686px;
	overflow: hidden;
	position: absolute;
	top: 28px;
	width: 100%;
	z-index: 0;
}
#sfondo_contenuto .flash {
	height: 685px;
	/*left:256px;*/
	position:absolute;
	top: 0;
	width: 100%;
}

#contenuto {
	position: absolute;
	z-index: 5;
	/*width: 77%;*/
	height: 592px;
	left: 282px;
	top: 28px;
	padding: 0;
}
#contenuto a {
	text-decoration: underline;
	
}
#contenuto p a {
	color:#ffffff;
	margin:0;
	
}
.logo {
	position: absolute;
	left: 34px;
	top: 16px;
}
.pay {
	position: absolute;
	top: 135px;
	left: 10px;
}
.clear {
	clear: both;
}
.footer {
	position: absolute;
	top: 716px;
	left: 0;
	width: 100%;
	height: 3px;
	background: url(../images/lineaFotter.jpg) repeat-x;
	z-index: 100;
}
.menuTop {
	height: 28px;
	/*left:254px;*/
	position:absolute;
	top: 0;
	width: 100%;
	color: #000;
}
.menuTop div {
	background: none repeat scroll 0 0 #658BC5;
	color: #000;
	height: 28px;
	margin: 0 0 0 288px;
	top: 0;
}
.menuTop div .menu {
	left: 294px;
	margin: 0;
	position: absolute;
	top: 4px;
	width: 840px;
}
.menuTop div a {
	margin-left: 0px;
}
.menuTop div a._1 {
	margin-left: 10px;
	/*margin-right:70px;*/
}
.menuTop div a._2 {
	margin-left: 40px;
	margin-right: 5px;
}
.menuTop div a._3 {
	margin-left: 5px;
	margin-right: 5px;
}
.menuTop div a._4 {
	margin-left: 80px;
	margin-right: 10px;
}
.booking {
	background: #406CAD;
	width: 134px;
	height: 144px;
	position: absolute;
	top: 123px;
	left: 40px;
	color: #8EB0CC;
	
}
.booking a {
	margin:0 !important;
}
.booking div {
	margin-bottom: 6px;
	margin-left: 10px;
}
.booking input {
	background: #406CAD;
	border: solid 1px #8EB0CC;
	width: 112px;
	height: 18px;
	font-size: 12px;
}
.footer .menu {
	padding-left: 280px;
	padding-top: 10px;
}
.footer .menu a {
	color: #676767;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.menuSx {
	left: 5px;
	position: absolute;
	top: 220px;
}
.menuSxEnd {
	left: 9px;
	position: absolute;
	top: 592px;
	width: 152px !important;
}
.c1 {
	color: #777777;
	font-size: 19px;
	letter-spacing: 1px;
	padding-left: 12px;
	padding-top: 4px;
}
.c2 {
	font-size: 26px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	text-align: center;
	height: 36px !important;
}
.c2_home {
	font-size: 28px;
	letter-spacing: 1px;
	text-align: center;
	border-bottom: none !important;
}
.c2_home a {
	color: #ffffff;
}
.c3 {
	font-size: 11px;
	margin-bottom: 5px;
	font-weigh: bold;
	color: #ffffff;
}
.cl1 {
	position: absolute;
	z-index: 1;
	left: 256px;
	top: -1px;
}
h3.nomevilla {
	font-size: 19px;
	letter-spacing: 1px;
	position: absolute;
	text-align: center;
	top: 300px;
	width: 214px;
}
.menusuite {
	position: absolute;
	top: 358px;
	padding: 0;
	margin: 0;
	left: 10px;
	widows: 204px;
}
.menusuite li {
	font-size: 12px;
	height: 23px;
	letter-spacing: 0.5px;
	list-style: none outside none;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	padding-top: 2px;
	text-align: right;
	width: 199px;
}
.menusuite li:hover {
	background: none repeat scroll 0 0 #B6C8E2;
}
.menusuite li.select {
	background: none repeat scroll 0 0 #B6C8E2;
}
.menusuite li a {
	font-size: 14px;
	text-decoration: none !important;
	letter-spacing: 0.5px;
	margin: 0 16px 0 0;
	padding: 0;
}
.menusuite li a:hover {
}
div.contenutotesto {
	background: url('../images/fond_rosa.png');
	height: 566px;
	left: 218px;
	position: absolute;
	top: 119px;
}
div.contenutotestobooking {
	background: url('../images/fond_rosa.png');
	height:256px;
	left: 216px;
	position: absolute;
	top: 42px;
	width:198px;
}
div.contenutotesto div {
	
	display: none;
	height:565px;
	left:10px;
	overflow:hidden;
	padding-right:26px;
	position:absolute;
	top:0;
	width:314px;
}
div.contenutotesto div h2 {
	color: #FFFFFF;
	font-size:18px;
}

div.contenutotesto p {
	font-size: 11px;
	color: #FFFFFF;
	font-family: verdana;
	line-height:15px;
	width:334px;
}
div.contenutotesto .open {
	display:block;
	left:2px;
	margin:0;
	padding-left:1px;
	width:16px;
	height:40px;
	background: url('../images/freccia.png') no-repeat;
	margin:2px 0 0 1px;
}

div.contenutotesto .openfissa {
	display:block;
	left:2px;
	margin:0;
	padding-left:1px;
	width:16px;
	height:40px;
	background: url('../images/freccia.png') no-repeat;
	margin:2px 0 0 1px;
}
div.contenutotesto .open:hover {
	background: url('../images/freccia_rollover.png') no-repeat;
}
div.contenutotesto .close {
	display: none;
	margin-left:345px !important;
	margin-top:2px;
	padding-left:6px;
	position:absolute;
	width:16px;
	height:40px;
	z-index:9999999;
	background: url('../images/frecciaClose.png') no-repeat;
}
div.contenutotesto .close:hover {
	background: url('../images/frecciaClose_rollover.png') no-repeat;
}
div.contenutotesto .close-margin-420 {
	position: absolute:
	top:123px;
	left: 2px;
	margin-left: 426px !important;
}
.w-20 {
	width: 10px;
}
.w-440 {
	width: 356px !important;
}

.displaynone {
	display: none !important;
}

.displayinline {
	display: inline !important;
}
.gallerysuite {
/*left:227px;*/
position:absolute;
z-index: 0;
}
.bgnone {
	background: none !important;
}
.sound {
	left:826px;
	margin:0 !important;
	position:absolute;
	top:2px !important;
}
/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 665px;
	width: 700px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}

#actions {
 	left:326px;
	position:absolute;
	top:524px;
	width:10px;	
}
.prev {
	display: block;
	background: url('../images/scroll/up.png') no-repeat;
	width:18px;
	height:18px;
}
.prev:hover {
	background: url('../images/scroll/up.png') no-repeat;
	/*background-position: 9px top !important;*/
}
.costruzione {
	height:148px !important;
	height:58px !important;
}
.costruzione div h2{
	text-align: center;
	
}
.left-115 {
	left:78px !important;
}

.cufon-loading #navbar li {
visibility: hidden !important;
}
.cufon-loading .menuTop div a {
visibility: hidden !important;
}
.cufon-loading h3.nomevilla {
visibility: hidden !important;
}
.cufon-loading .menusuite li {
visibility: hidden !important;
}
h3.mtop {

	top:32px;
}
.menusuite.mtop_2 {
	top:80px;
}
#calendar {
	top:30px !important;
	left:0 !important;
}
.menuhotel {
	margin-left:0px !important;
}
#login {
	
}
.tbbooking {
width:198px;	
}
