body { background:#fff url(../img/bg.jpg) repeat-x top; }

#sx  {
width:1024;
position:absolute;
top:0;
left:50%;
margin-left:-512px;
background:url(../img/bg_sx.jpg) no-repeat;
}

#dx {
margin-left:151px;
width:873px;
background:#fff url(../img/bg_dx.jpg) top right no-repeat;
}

#logo, #menu, #contenuto {
width:692px;
margin-left:23px;
}

#logo {
height:210px;
}
#home #logo {background:url(../img/top_home.jpg) top right no-repeat;}
.pag_camere #logo {background:url(../img/top_camere.jpg) top right no-repeat;}
.pag_contatti #logo {background:url(../img/top_contatti.jpg) top right no-repeat;}
.pag_disponibilita #logo {background:url(../img/top_disponibilita.jpg) top right no-repeat;}
.pag_dovesiamo #logo {background:url(../img/top_dovesiamo.jpg) top right no-repeat;}
.pag_eventi #logo {background:url(../img/top_eventi.jpg) top right no-repeat;}
.pag_guest #logo {background:url(../img/top_guest.jpg) top right no-repeat;}
.pag_offerte #logo {background:url(../img/top_offerte.jpg) top right no-repeat;}
.pag_servizi #logo {background:url(../img/top_servizi.jpg) top right no-repeat;}
.pag_tariffe #logo {background:url(../img/top_tariffe.jpg) top right no-repeat;}
.pag_itinerari #logo {background:url(../img/top_itinerari.jpg) top right no-repeat;}

#logo #marchio {
margin:10px;
float:left;
border:0
}
#logo ul {
list-type:none;
margin:0;
padding:0;
position:absolute;
top:180px;
left:237px;}


#logo ul li {display:inline; }

#logo ul li a, #logo ul li {
font-size:11pt;
color:#666;
text-decoration:none
}

#logo ul li a:hover {
color:#000;
text-decoration:underline
}


#logo #fotone {
float:right;
position:relative;
top:155px;
}

#menu {
height:38px;
}
#menu ul {
margin:0;
padding:0;
list-style:none;
}

#menu li{display:inline;
maring:0;
padding:0;}

a img  {border:0}

#footer {
width:738px;
border-bottom:#ccc 1px solid;
}

#footer p {
padding:10px 0 0 0;
font:8pt arial;
text-align:center;
}

#footer a { color:#000; }
#footer a:hover {color:#666; }

#contenuto {
overflow:hidden;
padding:0 0 15px 0;
margin-top:20px;
border-bottom:#000 1px solid;

}

#cont_sx, #cont_dx {float:left;}

#home #cont_sx {
width:266px;
height:462px;
background:url(../img/bg_cont_sx_home.jpg) no-repeat;
background-position: 0 35px;
}

#home #cont_dx {
width:426px;
height:462px;
background:url(../img/bg_cont_dx_home.jpg) bottom right no-repeat;
overflow:hidden;
}

#home #cont_dx img {
padding:0 0 0 25px;
}

#home #cont_dx p {
font: 10pt georgia;
margin:15px 28px 0 28px;
padding:0;
text-align:justify;
}


#pagine #cont_sx, #pagine #cont_dx {height:491px; }

#pagine #cont_sx {
width:194px;
}

#pagine #cont_dx {
width:498px;
margin:0;
}

#pagine #cont_dx h5, #popup h5 {
font:bold 9pt georgia;
color:#575454;
border-bottom:#9a9898 1px solid;
margin:0 0 3px 15px;
padding:0 0 5px 0;
}

#pagine #cont_dx p {
font: 9pt georgia;
margin:5px 15px;
text-align:justify;
}

#pagine #cont_dx a  {
font: 9pt georgia;
color:#000;
}
#pagine #cont_dx #listatesto li  {
font: 9pt georgia;
margin:0;
list-style:none;
padding:0 15px;
background: url(../img/bgli.jpg) top left no-repeat;
background-position:0 4px;
line-height:20px;
}

#pagine #cont_dx #listatesto  {margin:0 15px;}


#pagine #cont_dx #scroll  {
overflow:auto;
scrollbar-arrow-color:#996600;
	scrollbar-base-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-track-light-color:#FFFFFF;
}





/*fotogallery */

#containerfoto {
position:absolute;
width: 500px;
left:377px;
}
#containerfoto.containerservizi {top:434px;}
#containerfoto.containercamere {top:400px;}

a.gfoto span {
	display:block; 
	position:absolute;
	width:1px; 
	height:1px; 
	top: 100px; 
	left: -9px;
	overflow:hidden; 
}

a.gfoto, a.gfoto:visited {
	display:block; 
	width:120px; 
	height:83px; 
	float:left; 
	margin:0 0 0 1px;
	z-index:100;

}

a.gfoto:hover {	border:0;}
a.gfoto:hover img {
	position:relative; 
	z-index:100;
}
a.gfoto:hover span {
	display:block; 
	position:absolute; 
	width:497px; 
	z-index:100;
}

.containercamere a.gfoto:hover span {height:259px;}
.containerservizi a.gfoto:hover span {height:225px;}

.imagefoto {
display:block; 
position:absolute; 
width:497px; 
top:100px;
left:-9px;

}
.containercamere .imagefoto {height:259px;}
.containerservizi .imagefoto {height:225px;}


a.foto1 {background:url(../img/foto_camere_1_pic.jpg);}
a.foto2 {background:url(../img/foto_camere_2_pic.jpg);}
a.foto3 {background:url(../img/foto_camere_3-pic.jpg);}
a.foto4 {background:url(../img/foto_camere_4_pic.jpg);}

a.foto5 {background:url(../img/foto_servizi_1_pic.jpg);}
a.foto6 {background:url(../img/foto_servizi_2_pic.jpg);}
a.foto7 {background:url(../img/foto_servizi_3_pic.jpg);}
a.foto8 {background:url(../img/foto_servizi_4_pic.jpg);}



/* eventi */
.eventi {
margin:0 0 0 15px;
padding:5px 0 10px 0 ;
clear:both;
}
#home .eventi {
position:absolute;
top:555px;
left:165px;
width: 250px;
border:0;
}

#pagine #cont_dx .eventi p, #home  .eventi p {
font: 8pt georgia;
color:#000;
line-height:18px;
margin: 0;
}
#home .eventi p {
line-height:14px;
text-align:justify;
font:10px gerogia; }
#pagine #cont_dx .eventi img, #home  .eventi img{
border:#ccc 1px solid;
float:left;
margin:0 15px 0 0;
}

#home  .eventi img{margin-right:3px;}
#pagine #cont_dx .eventi a.nome_evento, #home .eventi a.nome_evento {
font:bold 10pt georgia;
color:#003333;
text-decoration:underline;
}
 .divisorio {
clear:both;
width:93%;
height:1px;
display:block;
margin: 3px 0 3px 15px;
}

#home .eventi a.nome_evento {font-size:10px;}
.eventi h3 {
font:bold 10pt georgia;
color:#003333;
margin: 0 0 5px 0;}
#pagine #cont_dx .eventi b , #home .eventi b{ color:#666666;}
#pagine #cont_dx .eventi a.testo_evento , #home .eventi a.testo_evento{
color: #000;
text-decoration:none;
}

/* tariffe */
.tariffe {
font:8pt arial;
background:#ccc;
}
.tariffe td {background:#FFFFFF;
text-align:center;}

.tariffe h6 {
font:8pt arial;
color:#666;
margin:0;

}
.tariffe h6 b {font:bold 9pt georgia;}

.tariffe .tipo {
color:#000;
font-family:georgia;
text-align:left;}

.pag_tariffe #cont_dx #scroll .procedi{
	font: bold italic 12px georgia;
	text-decoration:underline;
	color:#000;
}
.procedi:hover {color:#666;}

.pag_servizi #scroll {height:123px;}
.pag_camere #scroll  {height:100px;}
.pag_dovesiamo #scroll  {height:250px;}
.pag_itinerari #scroll, .pag_tariffe #scroll, .pag_eventi #scroll  {height:464px;}

.pag_itinerari #cont_dx #scroll #listatesto {margin-left: 40px;}

#popup {
font: 9pt georgia;
padding: 10px;
background:#fff;
scrollbar-arrow-color:#996600;
	scrollbar-base-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-track-light-color:#FFFFFF;
overflow:auto;
height:295px;
}
#popup p {
padding:10px 15px;
margin:0;
}