body {
font: 11px Verdana;
background-color: #000;
margin-top: 0px; 
background: url(img/bg.jpg) #ffffff repeat left top;
}
#container_1 {
margin: 0 auto;
width: 832px; 
height: 560px;
border: 2px solid #fff;
}
#container {
margin: 0 auto;
width: 832px; 
height: 660px; 
margin-top: 0px; 
border-left: 0px solid #807061;
border-right: 0px solid #807061;
border-top: 0px solid #333366;
border-bottom: 0px solid #807061;
background: url(img/bg_container.gif)  no-repeat center top;
}
#col_sin{
	float: left;
	width: 230px;
	height: 400px; 
	margin-top: 95px; 
    margin-left: 30px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #000;
	display:inline;
}
#box_reserve{
	float: left;
	width: 100%;
	height: 200px; 
	margin-top: 0px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #000;
	display:inline;
}
#TA_rated854 {
	float: right;
	width: 160px;
	height: 100px; 
	margin-top: 32px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 20px;
	border: 0px solid #000;
	display:inline;
}
#TA_tchotel606 {
	float: right;
	width: 160px;
	height: 120px; 
	margin-top: 5px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 10px;
	border: 0px solid #000;
	display:inline;
	clear:right;
}
#menu {
	float: left;
	width: 540px;
	height: 30px; 
	margin-top: 260px; 
    margin-left: 5px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #000;
	display:inline;
}
#menu p{
margin-left:0px;
margin-top:5px;
}

#menu a{
font-size: 12px; 
color: #BB7A28; 
text-decoration: none;
font-weight: normal;
margin-left:10px;
}

#menu a:hover{
font-size: 12px; 
color: #DA7340;
font-weight: normal; 
}
#box_testo {
	float: left;
	width: 350px;
	height: 320px; 
	margin-top: 5px; 
    margin-left: 5px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #000;
	display:inline;
}
#box_testo p{
font-size: 11px; 
color: #000000;
margin-left:10px;
margin-top:0px;
margin-right:5px;
}
#box_testo strong{
color: #BB7A28; 
font-weight: normal; 
font-size: 12px; 
}
#picto {
	float: left;
	width: 320px;
	height: 290px; 
	margin-top: 5px; 
    margin-left: 12px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 1px solid #000;
	display:inline;
}
#picto_slide {
	float: left;
	width: 320px;
	height: 290px; 
	margin-top: 5px; 
    margin-left: 17px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #000;
	display:inline;
	background-color: #ffffff;

}
#picto_img {
	float: left;
	width: 315px;
	height: 268px; 
	margin-top: 5px; 
    margin-left: 12px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 1px solid #000;
	display:inline;
}
#footer_fine {
    clear:both;
	width: 800px;
	height: 20px; 
	margin-top: 5px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #000;
}
#footer_fine p{
font-size: 11px; 
color: #000000;
margin-left:15px;
margin-top:0px;
}

b{
font-family: Verdana; 
font-size: 11px; 
color: #000000; 
font-weight: bold; 
}
a {
color: #BB7A28; 
text-decoration: none;
font-weight: bold; 

}
a:hover {
color: #DA7340;
font-weight: bold; 

}
img.sin {
 border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
  border-left: 0px solid #ccc;
  border-right: 0px solid #ccc;
  float:left;
  margin-right:3px;
}
img.sin_slide {
 border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  float:left;
  margin-right:3px;
  margin-top:3px;
}
img.destr {
 border-top: 1px solid #CC9999;
  border-bottom: 1px solid #CC9999;
  border-left: 1px solid #CC9999;
  border-right: 1px solid #CC9999;
  float:right;
  margin-left:5px;
    margin-bottom:5px;
}
img.band {
 border-top: 0px solid #CC9999;
  border-bottom: 0px solid #CC9999;
  border-left: 0px solid #CC9999;
  border-right: 0px solid #CC9999;
  float:right;
  margin-left:3px;
  margin-bottom:0px;
    margin-top:3px;
}

p.contact{
clear:both;
}


#bandiere{
	float: left;
	width: 100%;
	height: 27px; 
	margin-top: 0px; 
	border-bottom: 0px solid #807061;
    background: url(bandiere.jpg) #660000 no-repeat center top;
	font-size: 10px; 
color: #000000; 

}
#reserve{
	float: left;
	width: 100%;
	height: 27px; 
	margin-top: 100px; 
    border-top: 0px solid #999;
	border-bottom: 0px solid #999;
}
form.reserve{
 margin-left: 5px;
  margin-top: 5px;
margin-bottom: 0px;
margin-right:0px;
	font-size: 10px; 
color: #fff; 
font-weight: normal; 

}

.inputbox   {
font-family:arial,sans-serif; 
font-size:10px; 
color:#000000;
margin-top: 5px;
margin-right: 2px;
}
#nome_form{
    float:left;
    width:70px;
	margin-left: 0px;
    margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	color: #000;
}
#nome_form_a{
    float:left;
    width:80px;
	margin-left: 5px;
    margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	color: #000;
}

#nome_form_b{
    float:left;
    width:200px;
	margin-left: 5px;
    margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	color: #000;
	border: 0px solid #000000;
}
#nome_form_largo_book{
    float:left;
    width:400px;
	margin-left: 5px;
    margin-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	color: #000;
    border-bottom: 0px solid #333366;
}
#nome_form_largo{
    clear:both;
    width:400px;
	margin-left: 0px;
    margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 0px;
	color: #000;
    border-bottom: 0px solid #333366;
}
#nome_form_largo_b{
    float:left;
    width:400px;
	margin-left: 0px;
    margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 0px;
	color: #000;
    border-bottom: 0px solid #333366;
}
#campo_form{
    float:left;
    width:35px;
	margin-left: 5px;
    margin-bottom: 2px;
}
#centrale {
	float: left;
	width: 100%;
	height: 218px; 
	margin-top: 0px; 
	border-bottom: 0px solid #333366;
    background: url(centrale.jpg) #660000 no-repeat left top;
}
#text_home {
	float: left;
	width: 100%;
	height: 490px; 
	margin-top: 0px; 
	border-bottom: 0px solid #fff;
}
#box_1 {
	float: left;
	width: 555px;
	height: 570px; 
	margin-top: 0px; 
    margin-left: 5px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #cccccc;
    position:relative;
	display: inline;
}
#box-1{
position:absolute;
left:380px;
top: 460px;
width:  152px;
height: 31px; 
background-color:#A2A2A2;
border: 0px solid #807061;
}
#box-2{
position:absolute;
left:12px;
top: 12px;
width:  520px;
height: 40px; 
background-color:#000000;
border-bottom: 0px solid #cccccc;
}
#box-2 p{
	padding-top: 5px; 
    padding-left: 5px; 
	padding-bottom: 5px; 
    padding-right: 5px;
	clear:both;
font-family:arial,sans-serif; 
font-size:12px; 
color:#ffffff;
}
#box-2 a{
	padding-top: 5px; 
    padding-left: 15px; 
	padding-bottom: 5px; 
    padding-right: 5px;
	clear:both;
font-family:Verdana; 
font-size:12px; 
color:#ffffff;
border-left: 0px solid #ffffff;
font-weight: bold; 
font-style: normal;

}
#box-2 a:hover{
	padding-top: 5px; 
    padding-left: 15px; 
	padding-bottom: 5px; 
    padding-right: 5px;
	clear:both;
font-family:Verdana; 
font-size:12px; 
color:#993333;
font-weight: bold; 

}

#box-4{
position:absolute;
left:12px;
top: 402px;
width:  520px;
height: 60px; 
background-color:#000000;
border: 0px solid #807061;
}

#box-4 p{
	padding-top: 5px; 
    padding-left: 5px; 
	padding-bottom: 5px; 
    padding-right: 5px;
	clear:both;
font-family:arial,sans-serif; 
font-size:12px; 
color:#ffffff;
}
#box-4 a{
}
#box-4 a:hover{
}

#box-3{
	 width: 520px;
	 height: 480px; 
	 border: 2px solid #807061;
     margin-left: 10px;
     margin-top: 10px;
     background-color:#A2A2A2;
}
#box_contatti {
	float: left;
	width: 520px;
	height: 75px; 
	margin-top: 5px; 
    margin-left: 10px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border-left: 0px solid #807061;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #807061;

}
#box_contatti p{
	padding-top: 0px; 
    padding-left: 5px; 
	padding-bottom: 0px; 
    padding-right: 5px;
	color: #CC9999; 
    font-size: 10px; 
	font-weight: bold; 
    margin-top: 0px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;
text-align:left;
}
#box_contatti a{
	color: #ffffff; 
    font-size: 10px; 
	font-weight: bold; 
}
#box_contatti a:hover{
	color: #CCCCCC; 
    font-size: 10px; 
	font-weight: bold; 
}



#box_1 p{
	padding-top: 5px; 
    padding-left: 5px; 
	padding-bottom: 10px; 
    padding-right: 5px;
	clear:both;

}
#box_2 {
	float: left;
	width: 355px;
	height: 420px; 
	margin-top: 130px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border-left: 0px solid #807061;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 1px solid #807061;
}
#box_2 p{
	padding-top: 0px; 
    padding-left: 5px; 
	padding-bottom: 0px; 
    padding-right: 5px;
	color: #fff; 
    font-size: 12px; 
    margin-top: 0px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;

}
#box_2_senza {
	float: left;
	width: 380px;
	height: 440px; 
	margin-top: 5px; 
    margin-left: 10px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border-left: 0px solid #807061;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 1px solid #807061;
    background: url(logo_colonna.jpg) #AC9E91 no-repeat left top;
}
#box_2_senza p{
	padding-top: 0px; 
    padding-left: 5px; 
	padding-bottom: 0px; 
    padding-right: 5px;
	color: #000; 
    font-size: 12px; 
		margin-top: 0px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;
}
#box_logo {
	float: left;
	width: 128px;
	height: 430px; 
	margin-top: 5px; 
    margin-left: 10px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border-left: 0px solid #807061;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #807061;
    background: url(logo_colonna.jpg) #AC9E91 no-repeat left top;

}
#box_logo_testo {
	width: 250px;
	height: 430px; 
	margin-top: 5px; 
    margin-left: 95px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border-left: 0px solid #807061;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #807061;
}
#box_all {
	float: left;
	width: 355px;
	height: 75px; 
	margin-top: 5px; 
    margin-left: 10px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border-left: 0px solid #807061;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #807061;

}
#box_all p{
	padding-top: 0px; 
    padding-left: 5px; 
	padding-bottom: 0px; 
    padding-right: 5px;
	color: #CC9999; 
    font-size: 10px; 
	font-weight: bold; 
    margin-top: 0px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;
text-align:right;
}
#box_all a{
	color: #ffffff; 
    font-size: 10px; 
	font-weight: bold; 
}
#box_all a:hover{
	color: #CCCCCC; 
    font-size: 10px; 
	font-weight: bold; 
}
#text_int {
	float: left;
	width: 100%;
	height: 284px; 
	margin-top: 0px; 
	border-bottom: 0px solid #333366;
    background: url(text_int.jpg) #BB7A28 no-repeat left top;
}
#box_int {
	float: left;
	width: 580px;
	height: 270px; 
	margin-top: 5px; 
    margin-left: 100px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border: 0px solid #ffffff;
	display: inline;
}
#box_int p{
	padding-top: 5px; 
    padding-left: 5px; 
	padding-bottom: 10px; 
    padding-right: 5px;
	clear:both;

}
#box_band {
	float: left;
	width: 355px;
	height: 30px; 
	margin-top: 5px; 
    margin-left: 10px; 
	margin-bottom: 0px; 
    margin-right: 0px;
	border-left: 0px solid #807061;
	border-top: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #807061;

}
#box_band p{
	padding-top: 0px; 
    padding-left: 5px; 
	padding-bottom: 0px; 
    padding-right: 5px;
	color: #CC9999; 
    font-size: 10px; 
	font-weight: bold; 
    margin-top: 0px; 
    margin-left: 0px; 
	margin-bottom: 0px; 
    margin-right: 0px;
text-align:right;
}
#footer {
	float: left;
	width: 100%;
	height: 30px; 
	margin-top: 0px; 
	border-top: 1px solid #807061;
    background: url() #B5A99B no-repeat left top;
    display: inline;
}
#footer p{
	padding-top: 0px; 
    padding-left: 160px; 
	padding-bottom: 0px; 
    padding-right: 0px;
	color: #807061; 
}
#map{
width: 380px; 
height: 200px; 
border: 1px solid #151515;
float:left;
margin-right:5px;
display: inline;

}
dl.list1 {
	margin: 0;
	padding-top: 0px; 
    padding-left: 5px; 
	padding-bottom: 0px; 
    padding-right: 5px;
	list-style: none;
	font-size: 12px; 
	color: #CC9999; 
	clear:both;
}

dl.list1 dt {
	float: left;
	width: 120px;
}

dl.list1 dd {
	margin-bottom: 10px;
}
<!----rollover-----!>
.button_ex {
width: 150px;
height: 155px;
float:left;
}

.button_ex a {
display: block;
width: 150px;
height: 155px;
background: url(sphere_1.jpg) no-repeat top left;
float:left;
}

.button_ex a:hover {
background: url(sphere_2.jpg) no-repeat top left;
}