body {
   margin:0;
   padding:0;
   background:#5582A3 url("../img/page/bg_page.gif") repeat-y 0 0;
   text-align:center; 
}
#Container {
   margin:5px auto 0 auto;
   padding:0;
   border:5px solid #FFF;
   background:#FFF url("../img/page/hotel_regina_olga.gif") no-repeat;
   font:normal 7pt/15pt "Verdana";
   width:767px;
}
#Container #logo{
   margin:0;
   padding:0;
   border:0;
   background:#FFF url("../img/page/hotel_regina_olga.gif") no-repeat;
   width:767px;
   height:90px;
}
#swf {
   margin:0; 
   padding:0;
}
.right{
   margin:0 0 0 400px; 
   padding:0;
}
.right ul li{
   color:#FFF;
}
#swf{
   border:1px solid #000;
   border-left:1px solid #8596CA; 
   border-bottom:0;
   width:365px;
   float:right;
}
#Container .Content{
   width:765px;
   border:1px solid #000;
   margin:0;
   padding:0;  
   background:url("../img/page/bg_Content.gif") repeat-y;  
   text-align:left;
}
.left{
   margin:0;
   padding:0;
   width:400px;
   float:left;
}

p{
   margin:12pt;
   padding:0;
   line-height:11pt;
   color:#FFF;
   text-align:justify;
   font:normal 8pt/16px "Verdana";
}
h1, h2 {
   margin:3pt 12pt;
   padding:0;
   color: #FFF;
   font:bold 12pt/15pt "georgia";
   text-align:left;
}

h3, h4, h5 {
   margin:0;
   padding:0;
   color: #006;
   font:bold 9pt/15pt "arial";
   background:url("../img/page/bg_h3_14.gif") repeat-x;
   text-transform:uppercase;
   letter-spacing:1pt;
}

a {
  color: #FFF;
  font-weight:bold;
  text-decoration:none;
}
.right ul{   
   margin:0;
   padding:0;
   border:0;
   list-style-type:none;
}
.right ul li{    
    font:normal 8pt/12pt "verdana";
	margin:0;
	padding:0 0 0 40px;
	line-height:12pt;
	background:url("../img/page/li_bullet.gif") no-repeat 25px 9px;
}
/***********************************
SEZIONE INTERNA: FOOTER
***********************************/
#footer {
   clear: both;
   margin:0;
   padding:0;
   height:20px;
   width:765px;
   border:0;
   background:url("../img/page/bg_footer.gif") repeat-x; 
   font:normal 8pt/20px "Verdana";
   color:#FFF;
   text-align:center;
}
/*--------------------------------------------
MENU ORRIZZONTALE
----------------------------------------------*/
div#hnav{
   margin:0 auto;
   padding:0;
   height:20px;
   font-size:7pt;
   width:765px;  
   background:#0153A9; 
   border-bottom:1px solid #000;
}
div#hnav ul{
	margin:0;
	padding:0;
	list-style:none;
}
div#hnav li {
    float:left;
	position:relative;
	width:85px;
	margin:0;
	padding:0;
	text-align:center;  
}
div#hnav ul li a.corrent{
    color:#006;
    text-decoration:none;
	display:block;
	background:#F90 url("../img/page/bg_menu_c_14.gif") repeat-x;
	width:85px;
    height:20px;
}
div#hnav ul li a.corrent:hover, div#hnav ul li a.corrent:active{
	background:url("../img/page/bg_menu_h.gif") repeat-x;
    text-decoration:none;
	color:#FFF;
}
div#hnav ul li a.attivo{
    color:#FFF;
    text-decoration:none;
	display:block;
	background:#0153A9 url("../img/page/bg_menu.gif") repeat-x;
	width:85px;
    height:20px;
}
div#hnav ul li a.attivo:hover, div#hnav ul li a.attivo:active{
	background:#B21208 url("../img/page/bg_menu_h.gif") repeat-x;
    text-decoration:none;
	color:#FFF;
}

div#hnav li ul { /* second-level lists*/
	display: none;
	position: absolute;
	top:20px;
	left:0;
	margin:0 0 0 -1px; 
    padding:0;
	list-style:none;
	width:85px;
    border:1px solid #002260;
	border-top:0;
	z-index:100;
}
div#hnav li>ul {  /*to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left*/
	top: auto;
	left: auto;
}
div#hnav li:hover ul, div#hnav li.over ul {  /*lists nested under hovered list items*/ 
   display: block;
   background:#EEE;
   width:85px;
}
div#hnav li ul li a{
   margin:0;
   padding:0 0 0 5px;
   border:0;
   color:#006;
   border-left:4px solid #EEE;
   font-weight:normal;
   text-align:left;
   float:left;
}
div#hnav li ul li a:hover, div#hnav li ul li a:active{
   color:#C00;
   border-left:4px solid #C00;
   font-weight:bold;
}
/*------------------------------------------
SEZIONE FORM ONESCREEN
--------------------------------------------*/
#iform {
   color:#006;
   padding:10px;
   margin:0;
   border:0;
}
.spazio {
	height:10px;
	display:block;
	margin:0;
	padding:0;
	}
#iform label{
   margin:0 5px 0 15px;
   padding:0;
   height:16px;
   font:normal 7pt/16px "Verdana";
}
#iform input {
    font:normal 7pt/16px "Verdana";
    height:16px;    
	color:#006;  
	background:#FFF;
	margin:0;
	padding:0 5px;
	border:1px solid #006;
}
#iform #submit {
   font:bold 7pt/14px "Verdana";
   background:#023963;
   color:#FFF;
   border:1px solid #012A4A;
   margin:0 5px;
   padding:0;
   height:18px; 
}
#iform select{
   font:normal 7pt/14px"Verdana";
   height:14px;
   color:#006; 
   background:#FFF;
   border:1px solid #006;
}
#iform img {
   margin:4px 0 -4px 0;
   padding:0;
   border:0;
}
/*-----------------------------------------
SEZIONE LINGUAGGIO
------------------------------------------*/
#lingua {
   margin:0;
   padding:0;
}
#lingua ul {
   text-align:right;
   list-style:none; /* elimino i punti elenco */
   margin:10px 0 10px 10px;
   padding:0; /* elimino i rientri delle liste */
   }
#lingua ul li{
   margin:0 10px;
   padding:0;
   display:inline;
   background:none;
}
#lingua ul li a img{
   border:1px solid #FB0;
}
#lingua ul li a:hover img{
   border:1px solid #FFF;
}
#lingua ul li .current a img, #lingua ul li .current a:hover img{
   border:1px solid #FFF;
}
/*-----------------------------------------
SEZIONE LINK
------------------------------------------*/
#link_michelin {
   width:315px;
   height:30px;
   margin:12pt;
   padding:2px;
   border:1px solid #006;
   background:#fff url('../img/loghi/michelin.gif') no-repeat 2px center;
   text-align:center;
}
#link_michelin a{
   margin:0 0 0 100px;
   padding:0 0 0 5px;
   color:#006;
   height:16px;
   text-transform:uppercase;
   text-align:center;
}
#link_michelin a:hover{
   color:#C30;
   text-decoration:underline;
}
.Content #link_loghi{
   position:absolute;
   top:425px;
   width:345px;
   margin:12pt;
   padding:0;
}
.Content #link_loghi p{
   margin:0;
   padding:0;
}
.loghi{
   margin:5px 5px 0 0;
   float:left;
   width:108px;
   padding:1px;
   background:#fff;
}
.loghi a:link img, .loghi a:active img, .loghi a:visited img{
   border:1px solid #006;
   width:106px;
}
.loghi a:hover img{
   border:1px solid #C30;
}
/*-----------------------------------------
SEZIONE IMMAGINI MINI
------------------------------------------*/
.Content #mini{
   position:absolute;
   top:465px;
}

#mini{
   margin:5px 12pt;
   float:left;
   padding:0;
}
#mini img{
   margin:0 10px 5px 0px;
}
#mini a:link img, #mini a:active img, #mini a:visited img{
   border:2px solid #FFF;
}
#mini a:hover img{
   border:2px solid #006;
}
/*-----------------------------------------
SEZIONE LINKS UTILI
------------------------------------------*/
.right #links_utili ul{   
   margin:0;
   padding:12pt;
   border:0;
   list-style-type:none;
}
.right #links_utili ul li{    
    font:normal 8pt/28px "verdana";
	margin:0;
	padding:0 0 0 58px;
	line-height:28px;
	border-bottom:1px solid #8596CA;
}
.right #links_utili ul li a:hover{
   text-decoration:underline;
}
.right #links_utili ul #nave li{
	background:url("../img/loghi/links/icona_nave.gif") no-repeat 0 0;
}
.right #links_utili ul #villa_erba li{
	background:url("../img/loghi/links/icona_villa_erba.gif") no-repeat 0 0;
}
.right #links_utili ul #casino li{
	background:url("../img/loghi/links/icona_casino.gif") no-repeat 0 0;
}
.right #links_utili ul #idrovolante li{
	background:url("../img/loghi/links/icona_idrovolante.gif") no-repeat 0 0;
}
.right #links_utili ul #fiera li{
	background:url("../img/loghi/links/icona_fiera.gif") no-repeat 0 0;
}
.right #links_utili ul #golf {
	background:url("../img/loghi/links/icona_golf.gif") no-repeat 0 10px;
	height:135px;
	margin:10px 0;
}
.right #links_utili ul #golf li{
   margin:0 0 0 55px;
   padding:0;
	background:none;
	line-height:18px;
	border-bottom:0;
	background:url("../img/loghi/links/bg_line.gif") repeat-x 0 17px;
}
.right #links_utili ul #bicicletta li{
background:url("../img/loghi/links/icona_bicicletta.gif") no-repeat 0 0;
}

.right #links_utili ul #musica li{
background:url("../img/loghi/links/icona_musica.gif") no-repeat 0 0;
}

/*-----------------------------------------
SEZIONE MAPPA MEETING
------------------------------------------*/
#mappa_meeting {
  width:365px;
  height:180px;
  margin:8pt 0 0 0; 
  padding:0;
  position:absolute;
}
/*-----------------------------------------
SEZIONE IMMAGINI
------------------------------------------*/
.big_swf{
   width:400px;
   margin:0;
   padding:0;
}
.big_swf img{
   width:400px;
   height:315px;
}
.viewer{
   width:400px;
   height:315px;
   margin:-63px 0 63px;
   padding:0;
}
.viewer img{
   width:400px;
   height:315px;
}
/*firefox + opera*/
.viewer > img{
   width:400px;
   height:315px;
   margin:-4px 0 4px;
}
.little{
   position:relative;
   top:-305px;
   left:12pt;
   margin:0 0 -265px 400px;
   width:365px;
}
.little a{
   margin:0 23px 0 0;
   padding:0;
   position:relative;
}
.little a.normal img{
   border:3px solid #FFF;
   width:60px; 
   margin:9px 0 0 0;
}
.little > a.normal img{
   margin:4px 0 0 0;
}
.little a:hover.normal img{
   border:3px solid #006;
}
.little a.corrente img{
   border:3px solid #006;
   width:60px;
}