body{
margin:3em;
background: url(sfondo.jpg) repeat top right;
padding:0;
color: #000;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 90%;


}

.boxalto {
	border-width: thin;
	border-color: #CC3333 #003300 #003300 #CC3333;
 border-style: double;
    position: Absolute;
	background-color: #CC0000;
	width: 700px;
	top: 20px;
	left: 100px;
}

.boxtitolo {
	border-width: thin;
	border-color: #CC3333 #003300 #003300 #CC3333;
	border-style: double;
	position: Absolute;
	background-color: #CC0000;
	width: 700px;
	top: 200px;
	left: 100px;
	visibility: visible;

}
.boxtitolo h2 {
font-size: 30%;
background: #E8E8E8;
border-bottom: 1px solid #808080;
padding: .4em;
margin: 0 0 4em 0;
}

h2{ 
font-size: 130%;
background: #E8E8E8;
border-bottom: 1px solid #808080;
padding: .4em;
margin: 0 0 4em 0;
}

.cl, .cb{
height:0;
margin: .5em 0 0 ;
border:none;
}

.cl{clear: left;}
.cb{clear: both;}

* html .cl, 
* html .cb{
position:absolute; 
visibility:hidden;
}

* html #navigation{
margin-bottom:.8em;
}


#navigation{
	margin: 0;
	padding: 0;
	list-style-type: none;

	float:left;
	width: 830px;
}
			
#navigation li{
	padding: 0;
	margin: 0;
	display: inline;

	}
		
#navigation li a{		
	float: left;
	color: #000;
	border-bottom: 3px solid #666;
			
	text-decoration: none;
	padding: .2em  1.5em;	
	}
		
#navigation li a:hover{
	border-bottom: 3px solid #000;
	color: #FFF;
	background: #e6e6e6;			
	}
			
		#navigation li.home{ background: #CC4200; }
		#navigation li.dove a:hover{ background: #CC4200; }
		#navigation li.soste a:hover{ background: #CC4200; }
		#navigation li.camere a:hover{ background: #CC4200; }
		#navigation li.servizi a:hover{ background: #CC4200; }
		#navigation li.cosa a:hover{ background: #CC4200;}
		#navigation li.prenotazioni a:hover{ background: #CC4200; }
		#navigation li.hanno a:hover{ background: #CC4200; }
		
		.boxcentro1 {
    position: Absolute;
				border-width: 2px;
	border-color: #ff9a31 #003300 #003300 #ffcf31;
 border-style: double;
	width: 550px;
	height: 400px;
	top: 160px;
	left: 170px;

}
		.boxcentroin {
	position: Absolute;
	width: 248px;
	height: 400px;
	top: 170px;
	left: 180px;
	z-index: -1;



}


		.boxcentro2 {

    position: Absolute;
		border-width: 1px;
	border-color: #003300 #003300 #003300 #003300;
 border-style: double;
	width: 178px;
	top: 380px;
	height: 178px;
	left: 172px;

}
		.boxcentro3 {

    position: Absolute;
		border-width: 1px;
	border-color: #003300 #003300 #003300 #003300;
 border-style: double;
	width: 178px;
	height: 178px;
	top: 380px;
	left: 354px;

}
		.boxcentro4 {

    position: Absolute;
		border-width: 1px;
	border-color: #003300 #003300 #003300 #003300;
 border-style: double;
	width: 178px;
	height: 178px;
	top: 380px;
	left: 536px;

}

		.boxtraverso {

    position: Absolute;
			border-width: 1px;
	border-color: #003300 #003300 #003300 #003300;
 border-style: double;
	width: 540px;
	height: 20px;
	top: 160px;
	left: 170px;
	text-color: #FFF;
		background-color: #CC4200;

}

.boxsinistra {

    position: Absolute;
			border-width: 2px;
	border-color: #ff9a31 #003300 #003300 #ffcf31;
 border-style: double;
    width: 130px;
    background-color: #FFFFCC;
	top: 160px;
	left: 20px;
}	

.boxsinistra_2 {

    position: Absolute;
			border-width: 2px;
	border-color: #ff9a31 #003300 #003300 #ffcf31;
 border-style: double;
    width: 130px;
	top: 362px;
	left: 20px;
	    background-color: #FFFFCC;
}

.boxsinistra_3 {
    position: Absolute;
			border-width: 2px;
	border-color: #ff9a31 #003300 #003300 #ffcf31;
 border-style: double;
    width: 125px;
	height: 25px;
	top: 470px;
	left: 20px;
	    background-color: #FFFFCC;
			text-indent: 1px;
}

.boxhannodettodinoi {
    position: Absolute;
	width: 100px;
	top: 430px;
	left: 740px;
}
.boxnotesfromabruzzo {
    position: Absolute;
	width: 120px;
	top: 450px;
	left: 740px;
}

	a:link{		
	float: left;
	color: #000;
	border-bottom: 3px solid #FFFFCC;
	text-decoration: none;	
	}
	
	a:{		
	float: left;
	color: #FFF;
	border-bottom: 3px solid #000;			
	text-decoration: underline;
	color: #000000;
	padding: .2em  1.5em;	
	}
		
    a:hover{
	border-bottom: 3px solid #CC4200;
	color: #CC4200;			
	}
	
}
.boxlink {
	border-width: thin;
	border-color: #CC3333 #003300 #003300 #CC3333;
 border-style: double;
    position: Absolute;
    width: 150px;
	top: 260px;
	left: 30px;
}
.boxdestra {

    position: Absolute;
    height: 142px;
	width: 73px;
	top: 160px;
	left: 735px;
}

.boxdestra1 {

    position: Absolute;
	border-width: 2px;
border-color: #ff9a31 #003300 #003300 #ffcf31;
border-style: double;
background-color: #FFFFCC;
    height: 42px;
	width: 106px;
	top: 320px;
	left: 735px;
}

.boxlogoilex {
	position: Absolute;
	height: 64px;
	width: 100px;
	top: 492px;
	left: 745px;
}

.boxprenota {

	border-style:;
	position: Absolute;
	text-indent: 2px;
	width: 130px;
	height: 25px;
	top: 520px;
	left: 20px;
	padding-top: 12px;
	padding-left: 10px;

}


.boxnavigazione {
	border-width: thin;
	border-color: #FFFFFF #FFFFFF #003300 #FFFFFF;
 border-style: double;
    position: Absolute;
	text-indent: 1px;
	text-allign: center;
	letter-spacing: 1.4px;
    width: 890px;
	top: 130px;
	left: 20px;
	font-size: 9px;
}
.boxtesta {
	position: Absolute;
	width: 830px;
	heigh: 100px;
	top: 10px;
	left: 20px;
	height: 111px;
	visibility: visible;
}
.boxlogobici {
	position: Absolute;
	height: 75px;
	width: 75px;
	top: 32px;
	left: 40px;
	visibility: visible;

}
.boxtestatesto {
	position: Absolute;
	width: 500px;
	heigh: 40px;
	top: 10px;
	left: 320px;
	height: 50px;

}
.boxtestatesto1 {
	position: Absolute;
	width: 600px;
	heigh: 60px;
	top: 39px;
	left: 320px;
	letter-spacing: 1.2px;
	height: 30px;

}
.boxtestatesto2 {
	position: Absolute;
	width: 500px;
	heigh: 40px;
	top: 43px;
	left: 324px;
	height: 40px;
	letter-spacing: 3.6px;

}

.boxtronco {
	position: Absolute;
	width: 100px;
	heigh: 700px;
	top: 10px;
	left: 850px;
	height: 619px;

}

.boxprepiede {
    position: Absolute;
		width: 200px;
	top: 565px;
	left: 350px;
	box-allign: center;
}

.boxpiede {
				border-width: 2px;
	border-color: #ff9a31 #003300 #003300 #ffcf31;
 border-style: double;
    position: Absolute;
	width: 835px;
	top: 560px !important; top: 570px;
	left: 20px;
}
.box_flag_en {
    position: Absolute;
    width: 29px;
	height: 20px;
	top: 510px;
	left: 20px;
	    background-color: #FFFFCC;
}
.box_flag_it {
    position: Absolute;
    width: 29px;
	height: 20px;
	top: 510px;
	left: 49px;
	    background-color: #FFFFCC;
}
.box_flag_fr {
    position: Absolute;
    width: 29px;
	height: 20px;
	top: 510px;
	left: 78px;
	    background-color: #FFFFCC;
}

#dropmenudiv{
position:absolute;
background-color: #FFFFCC;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:20px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7FF5E;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}