/*stili per il layout fisso*/
html,body{
margin: 0;
padding:0
}

body{
color:#665D55;
font-family: Arial, Verdana, sans-serif;
font-size: 70%;
text-align: center;
background: url(../img/bg_body.png) 50% 0 no-repeat;
}

#container{
background:none;
width:935px;
text-align:left;
margin:0 auto;
position:relative;
padding:0;
font-size:1em;
line-height:1.4em;
}

#header{
float:left;
position:relative;
width:305px;
height:180px;
background:transparent url(../img/bg_header2.jpg) no-repeat 0 0;
padding:0;
top:55px;
}

#header2{
position:relative;
width:305px;
height:180px;
background:transparent url(../img/bg_header2.jpg) no-repeat 0 0;
margin:30px 0 10px 0;
}

h1,h2,h3,p{
margin:0;
padding:0
}
a:link, a:visited{
color:#665D55; 
text-decoration:underline
}

a:hover, a:active{
color: #660000
}

a:active{
color: #660000
}
img{
border:none
}

h1{
font-size:1.3em;
position:absolute;
top:10px;
left:55px;
width:190px;
height: 133px;
background: transparent url(../img/logo2.png) no-repeat 0 0;
text-indent:-9999px;
margin:0;
padding:0
}


h2{
font-size:1.2em
}

h3{
font-size:1.1em; 
margin-top:15px
}

h3 a{
background: url(../img/freccia_up.gif) 0 50%  no-repeat;
padding-left:20px;
}


h3 a:link{
background: url(../img/freccia_up.gif) 0 50%  no-repeat;

}

h3 a:visited{
background: url(../img/freccia_down.gif) 0 50%  no-repeat;

}

h3 a:hover, h3:active{
background: url(../img/freccia_down.gif) 0 50%  no-repeat;
}


#navigation{
position:absolute;
top:0;
left:0;
margin:0;
}

#lang  {
margin:0;
padding:0;
list-style:none;
height:24px;
float:left;
position:absolute;
top:145px;
left:130px;
}


#lang  li {
float:left; 
padding:0 10px 0 0;
}

#lang  a {
float:left;
padding:0 0 5px 0;
text-decoration:none;
margin:0 ;
text-align:center;
border:none
}

#lang a:link, #lang  a:visited {

}

#lang  a:hover, #lang  a:active{

}

#lang  #active a{

}


#box_photo{

float:left;
width:285px;
padding:5px 10px;
height:100px;
background: url(../img/bg_photogallery.jpg) 0 0 repeat-x;
color:#FFFFFF;
margin-top:-108px
}

#box_photo h2{
margin-top:15px;


}

#box_photo p{
font-size:1em;

}

#box_photo img{
float:left; 
margin: 5px 10px 0 5px
}

#box_photo span{
display:block;
background: url(../img/btn_photo.png) no-repeat 50% 50%;
padding:3px 21px;
float:right;
margin-right:10px;
margin-top:10px
}

#box_photo span a, #box_photo span a:link, #box_photo span a:visited {
color:#FFFFFF;
text-decoration:none
}

#box_photo span a:hover, #box_photo span a:active {
color:#FFFFFF;
text-decoration:underline
}

.box_photo2{
margin:0 0 10px 0;
font-size:1em;
width:285px;
padding:5px 10px;
height:100px;
background: url(../img/bg_photogallery.jpg) 0 0 repeat-x;
color:#FFFFFF;

}

.box_photo2 h2{
margin-top:15px;
}


.box_photo2 p{
font-size:1em;

}
.box_photo2 img{
float:left; 
margin: 5px 10px 0 5px
}

.box_photo2 span{
display:block;
background: url(../img/btn_photo.png) no-repeat 50% 50%;
padding:0px 21px;
float:right;
margin-right:10px;
margin-top:10px;
line-height:22px;
}

.box_photo2 span a, .box_photo2 span a:link, .box_photo2 span a:visited {
color:#FFFFFF;
text-decoration:none
}

.box_photo2 span a:hover, .box_photo2 span a:active {
color:#FFFFFF;
text-decoration:underline
}




#box_video{
font-size:1em;
float:left;
width:285px;
padding:10px;
margin-top:-120px;
height:100px;
background: url(../img/bg_photogallery.jpg) 0 0 repeat-x;
color:#FFFFFF
}

#box_video h2{
margin-top:20px
}

#box_video img{
float:left; 
margin: 5px 10px 0 5px
}

#box_video span{
display:block;
background: url(../img/btn_photo.png) no-repeat 50% 50%;
padding:0px 21px;
float:right;
margin-right:10px;
margin-top:10px;

}
#box_video span a, #box_video span a:link, #box_video span a:visited {
color:#FFFFFF;
text-decoration:none
}

#box_video span a:hover, #box_video span a:active {
color:#FFFFFF;
text-decoration:underline
}

#video{
float:left;
width:620px;
padding: 55px 0 0 0;
margin:0 0 0 10px;
height:298px;
}

#img_int{
padding: 55px 0 0 0;
margin:0 0 0 315px;
height:180px;

}

#content{
font-size:1.1em;
padding: 0;
margin:10px 0 10px 325px;
}

#content img{
float:left
}

#content h2{
width:620px;
background:url(../img/linea.gif) left bottom no-repeat;
padding:10px 0;
color:#660000;
}

#content span{
float:right;
margin-bottom:0;
padding:0
}

#colonna1{
float:left;
width:305px;
margin-top:10px;
padding:0

}




/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


.navi {
	width: 935px;
	height: 45px;
	background: url(../img/nav.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	margin:0;
	padding:0;
	float:left
}
.navi li {
	display: inline;
}
.navi li a:link, .navi li a:visited {
	position: absolute;
	top: 0;
	height: 45px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	
.navi .albergo a:link, .navi .albergo a:visited {
	left: 112px;
	width: 140px;
}
	
.navi .albergo a:hover, .navi .albergo a:focus {
	background: url(../img/nav.png) no-repeat -112px -46px;
}
	
.navi .albergo a:active {
	background: url(../img/nav.png) no-repeat -112px -92px;
}
	
.current-albergo .albergo a:link, .current-albergo .albergo a:visited {
	background: url(../img/nav.png) no-repeat -112px -138px;
	cursor: default;
}
	
.navi-albergo, .navi-albergo-click {
	position: absolute;
	top: 0;
	left: 112px;
	width: 140px;
	height: 45px;
	background: url(../img/nav.png) no-repeat -112px -46px;
}

.navi-albergo-click {
	background: url(../img/nav.png) no-repeat -112px -92px;
}



	.navi .benessere a:link, .navi .benessere a:visited {
		left: 257px;
		width: 140px;
	}
	.navi .benessere a:hover, .navi .benessere a:focus {
		background: url(../img/nav.png) no-repeat -257px -46px;
	}
	.navi .benessere a:active {
		background: url(../img/nav.png) no-repeat -257px -92px;
	}
	.current-benessere .benessere a:link, .current-benessere .benessere a:visited {
		background: url(../img/nav.png) no-repeat -257px -138px;
		cursor: default;
	}
	.navi-benessere, .navi-benessere-click {
		position: absolute;
		top: 0;
		left: 257px;
		width: 140px;
		height: 45px;
		background: url(../img/nav.png) no-repeat -257px -46px;
	}
	.navi-benessere-click {
		background: url(../img/nav.png) no-repeat -257px -92px;
	}



	.navi .territorio a:link, .navi .territorio a:visited {
		left: 398px;
		width: 140px;
	}
	.navi .territorio a:hover, .navi .territorio a:focus {
		background: url(../img/nav.png) no-repeat -398px -46px;
	}
	.navi .territorio a:active {
		background: url(../img/nav.png) no-repeat -398px -92px;
	}
	.current-territorio .territorio a:link, .current-territorio .territorio a:visited {
		background: url(../img/nav.png) no-repeat -398px -138px;
		cursor: default;
	}
	.navi-territorio, .navi-territorio-click {
		position: absolute;
		top: 0;
		left: 398px;
		width: 140px;
		height: 45px;
		background: url(../img/nav.png) no-repeat -398px -46px;
	}
	.navi-territorio-click {
		background: url(../img/nav.png) no-repeat -398px -92px;
	}


	
	.navi .prezzi a:link, .navi .prezzi a:visited {
		left: 540px;
		width: 140px;
	}
	.navi .prezzi a:hover, .navi .prezzi a:focus {
		background: url(../img/nav.png) no-repeat -540px -46px;
	}
	.navi .prezzi a:active {
		background: url(../img/nav.png) no-repeat -540px -92px;
	}
	.current-prezzi .prezzi a:link, .current-prezzi .prezzi a:visited {
		background: url(../img/nav.png) no-repeat -540px -138px;
		cursor: default;
	}
	.navi-prezzi, .navi-prezzi-click {
		position: absolute;
		top: 0;
		left: 540px;
		width: 140px;
		height: 45px;
		background: url(../img/nav.png) no-repeat -540px -46px;
	}
	.navi-prezzi-click {
		background: url(../img/nav.png) no-repeat -540px -92px;
	}
	
	
	
	
	.navi .contatti a:link, .navi .contatti a:visited {
		left: 682px;
		width: 140px;
	}
	.navi .contatti a:hover, .navi .contatti a:focus {
		background: url(../img/nav.png) no-repeat -682px -46px;
	}
	.navi .contatti a:active {
		background: url(../img/nav.png) no-repeat -682px -92px;
	}
	.current-contatti .contatti a:link, .current-contatti .contatti a:visited {
		background: url(../img/nav.png) no-repeat -682px -138px;
		cursor: default;
	}
	.navi-contatti, .navi-contatti-click {
		position: absolute;
		top: 0;
		left: 682px;
		width: 140px;
		height: 45px;
		background: url(../img/nav.png) no-repeat -682px -46px;
	}
	.navi-contatti-click {
		background: url(../img/nav.png) no-repeat -682px -92px;
	}
	
	
#nav_sub {
float:left;
padding:0 0 10px 0 ;
margin:10px 0 0 0;
}	
#nav_sub h2 {
position:absolute;
text-indent: -9000px;
margin:0;
padding:0
}
	
#nav_sub ul {
float:left;
margin:0;
padding:0;
}

#nav_sub li {
list-style:none;
float:left;
width: 305px;
display:block;
height:110px;
margin-right:10px;
text-indent:-9000px;
}

#nav_sub .box_albergo a {
display:block;
height:110px;
width: 305px;
background: url(../img/box_albergo.jpg) no-repeat 0 0;	
}

#nav_sub .box_albergo a:link, .box_albergo a:visited {
background: url(../img/box_albergo.jpg) no-repeat 0 0;	
}

#nav_sub .box_albergo a:hover, #nav_sub .box_albergo a:focus {
background: url(../img/box_albergo_up.jpg) no-repeat 0 0;
}
	
#nav_sub .box_albergo a:active {
background: url(../img/box_albergo_up.jpg) no-repeat 0 0;
}

#nav_sub .box_benessere a {
display:block;
height:110px;
width: 305px;
background: url(../img/box_benessere.jpg) no-repeat 0 0;
}

#nav_sub .box_benessere a:link, .box_benessere a:visited {
background: url(../img/box_benessere.jpg) no-repeat 0 0;	
}
	
#nav_sub .box_benessere a:hover, #nav_sub .box_benessere a:focus {
background: url(../img/box_benessere_up.jpg) no-repeat 0 0;
	}
	
#nav_sub .box_benessere a:active {
background: url(../img/box_benessere_up.jpg) no-repeat 0 0;
}

#nav_sub .box_territorio a {
display:block;
height:110px;
width: 305px;
background: url(../img/box_territorio.jpg) no-repeat 0 0;
}

#nav_sub .box_territorio a:link, .box_territorio a:visited {
background: url(../img/box_territorio.jpg) no-repeat 0 0;	
}
	
#nav_sub .box_territorio a:hover, #nav_sub .box_territorio a:focus {
background: url(../img/box_territorio_up.jpg) no-repeat 0 0;
}
	
#nav_sub .box_territorio a:active {
background: url(../img/box_territorio_up.jpg) no-repeat -540px -92px;
}
	
#content_extra {
margin-top:0;
border-top:2px solid #CFC7A7;
background:#F9F2DA url(../img/bg_content_extra.png) left bottom no-repeat;
padding:5px 0;
width:935px;
border-bottom:none;
margin-bottom:10px;
height:85px
}

#content_extra h2, #content_extra p {
margin:0;
padding:0;
}

#content_extra h2 {
color:#7C543A;
padding:0 0 0 18px;
}

#content_extra p {
padding-left:18px
}

#content_extra img {
margin:0 25px
}

#content_extra div {
float:left;
width:245px;
border-right: 1px solid #CDC5A5;
margin:0;
padding: 0 5px;
height:85px
}

#content_extra a:link, #content_extra a:visited {
color:#665D55; 
text-decoration:underline
}

#content_extra a:hover, #content_extra a:active{
color:#660000; 
}




#footer {
clear:both;
text-align:right;
margin:0;
padding:0
}

/*===Menu 1===*/
#links{
margin:0;
padding:0;
float: left;
}

#links ul{
list-style:disc inside;
margin:5px 0 0 18px;
padding:0;
}

#links ul li{
float: left;
width: 110px; 
margin-bottom:2px
}

#links ul li a{
color:#665D55; 
text-decoration:underline
}

#links ul li a:hover{
color: #660000; 
}
/*===Fine Menu 1===*/


form {
margin-left:18px;
margin-top:5px;
padding:0;
line-height:0;
margin-bottom:0;
}

input.label {
border:none;
background:#FFFFFF;
width:140px;
margin-right:2px;
padding:2px 0;
border:1px solid #CDC5A5
}

input.btn{
background-color:#7C5538;
width:60px;
color:white;
font-size:1em;
padding:0;
margin:0;
border:none;
padding:2px 0;
margin-bottom:0;
}
/*===Fine Menu 1===*/

div.box{
float:left;
width: 610px;
margin-top: 25px;   
}

div.box img{
float:left;
margin:0 10px 10px 0
}

div.box p{
padding: 0
}

div .box .clearer{
clear: left;
height:0
}

table {
border-left:1px solid #CEC6A6;
border-collapse:collapse;
margin:20px 0
}


caption {margin-top:10px}

td {
border-right:1px solid #CEC6A6;
border-bottom:1px solid#CEC6A6;
padding:2px 4px;
text-align:center;
background-color:#FFFFFF}

th {
border-right:1px solid white;
padding:4px;
text-align:center;
background-color:#FFFFFF}


th {
color:#665D55;
background-color:#CEC6A6}


th.last {
border-right:1px solid #CEC6A6}

td.align {
text-align:left}


/*moduli*/

form #moduli {
margin:0;
padding:0
}

#moduli fieldset {
border: none
}

#moduli input, #moduli input.button, #moduli textarea, #moduli select {
margin:5px 0;
border:1px solid #999
}

#moduli label{
display:block;
margin-top:10px;
padding:5px 0
}

form#moduli input.button {
margin-top:10px;
}

/*photogallery*/

ul#photos{
		list-style:none;
		margin:15px 0 0 0;
		padding:0
		}
		
        ul#photos li{
		float:left;
		margin-right:20px;
		
		padding:0;
		margin-bottom:20px
		}
        ul#photos li img{
		display:block;
		border: 1px solid #ccc;
		}



/*meteo*/

#meteo{
margin-top:15px

}
#meteo .floatfoto{
width:600px;
float:right; 
margin:0.5em 0 0.5em 0; 
padding:20px 0 20px 0; 
}

#meteo .floatfoto img {
float:right;
margin: 0 0.5em 0.5em 0;
}
#meteo .floatfoto p{
margin-bottom:10px
}


#meteo ul {
margin:0;
padding:0;
list-style:disc inside
}

#meteo ul li {
margin:0;
padding:0;
}