body {
 margin-top: 0px;
 font: 11px Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #0F1177;
 background-color: #FBF7DB;
 text-align: center;  
}

#box {
 margin: 0 auto;
 text-align: center; 
 width: 950px;
 position: relative;
}

td {
 font: 11px Arial, Sans-serif;  
}

a:link, a:visited, a:hover, a:active {
 color: #61110E;
 text-decoration: underline; 
}
a:hover {
 color: #0F1177;
 text-decoration: none; 
}

#online-booking img{
	border:1px solid #fff;
}
#online-booking img:hover{
	border:1px solid #000;
}

#top {
 background-image: url(garni-royal-top.gif);
 background-repeat: no-repeat; 
 height: 109px; 
 top: 0px;
 left: 0px;
}

 /* Menu */
#menu {
 position: absolute;
 width: 650px;
 height: 13px;
 top: 70px;
 left: 290px;
 font: 12px "Trebuchet MS", Arial, Sans-serif;   
 color: #FBF7DB;
 padding-top: 5px; 
 padding-left: 15px; 
 z-index: 10;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 12px;
	text-align: left;
}

#nav a {
	display: block;
	text-decoration: none;
	color: #FBF7DB;
	width: auto;
	padding: 6px 15px 6px 15px;
	text-align: center;
}
#nav a:hover {
	color: #F6DA18;
	background-color: #0F1177;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}
#nav li li a {
	width: 150px;
	font: 11px "Trebuchet MS";   	
	padding: 2px 2px 2px 16px;
	color: #FBF7DB;
	text-align: left;
	background: #0F1177;	
}
#nav li li a:hover {
	color: #F6DA18;
}

#nav li ul { /* second-level lists */
	position: absolute;
	padding-top: 2px;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 150px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li li span.next {
	float: right;
	width: auto;
	background-color: #C3891F;
	margin-right: 8px;

}
#nav li li a:hover span.next {
	color: #F6DA18;
	background-color: #0F1177;
}
#nav .sel {
	color: #F6DA18;
	background-color: #0F1177;
}
/* Fine Menu */

#logo {
 position: absolute;
 top: 30px;
 left: 22px;
 z-index: 1;
}

#link {
 position: absolute;
 top: 68px;
 left: 810px;
}

#foto {
 position: absolute;
 top: 109px;
 left: 0px;
}

#gallery {
 position: absolute;
 background-image: url(sfondo-gallery.gif);
 background-repeat: no-repeat; 
 width: 205px;
 height: 388px;
 top: 109px;
 left: 460px;
 color: #FBF7DB;
}

#gallery a:link, #gallery a:visited, #gallery a:hover, #gallery a:active {
 font: 11px Arial, Sans-serif;
 color: #FBF7DB;
 text-decoration: none; 
}
#gallery a:hover {
 color: #0F1177;
 text-decoration: underline; 
}

#didascalia {
 position: absolute;
 top: 425px;
 left: 468px;
 width: 190px;
 color: #FBF7DB;
 line-height: 16px; 
 text-align: left;
 z-index: 10;
}

#titolo {
 position: absolute;
 top: 55px;
 left: 35px;
 text-align: left;
}

#contenuto {
 position: absolute;
 background-image: url(sfondo-testo.gif);
 background-repeat: no-repeat; 
 width: 285px;
 height: 388px;
 top: 109px;
 left: 665px;
}

#contenuto .testo {
 position: absolute;
 left: 25px;
 top: 140px;
 height: 230px;
 width: 230px;
 padding-right: 10px;
 font: 11px Arial, Sans-serif; 
 line-height: 16px;
 text-align: justify;
 overflow: auto; 
 scrollbar-face-color: #EAE8E6;
 scrollbar-highlight-color: #0F1177;
 scrollbar-shadow-color: #ECE1C2;
 scrollbar-3dlight-color: #EAE8E6;
 scrollbar-arrow-color:  #525352;
 scrollbar-track-color: #EAE8E6;
 scrollbar-darkshadow-color: #EAE8E6;  
}

#bottom {
 position: absolute;
 background-image: url(bottom.gif);
 background-repeat: no-repeat;
 top: 497px;
 left: 0px;
 width: 950px;
 height: 29px;
}

#indirizzo_royal {
 position: absolute;
 font: 11px Arial, Sans-serif;
 color: #FBF7DB;
 left: 187px;
 padding-top: 7px; 
}

#indirizzo_royal a:link, #indirizzo_royal a:visited, #indirizzo_royal a:hover, #indirizzo_royal a:active {
 font: 11px Arial, Sans-serif;
 color: #FBF7DB;
 text-decoration: underline; 
}
#indirizzo_royal a:hover {
 color: #FBF7DB;
 text-decoration: none; 
}

#lingue_royal {
 position: absolute;
 font: 11px Arial, Sans-serif;
 color: #FBF7DB;
 left: 40px;
 padding-top: 7px; 
}

#lingue_royal a:link, #lingue_royal a:visited, #lingue_royal a:hover, #lingue_royal a:active {
 font: 11px Arial, Sans-serif;
 color: #FBF7DB;
 text-decoration: none; 
 padding: 1px;
}
#lingue_royal a:hover {
 color: #FBF7DB;
 text-decoration: underline; 
 padding: 1px; 
}
#lingue_royal .sel {
 color: #EFBE34;
 text-decoration: none; 
 padding: 1px; 
}

#copy {
 position: absolute;
 left: 915px;
 text-align: right;
 font: 10px Arial, Sans-serif;
 color: #FBF7DB;
 padding-top: 7px; 
}

#copy a:link, #copy a:visited, #copy a:hover, #copy a:active {
 font: 11px Arial, Sans-serif;
 color: #FBF7DB;
 text-decoration: none; 
}
#copy a:hover {
 color: #FBF7DB;
 text-decoration: underline; 
}

/*---*/

.input {
 border: #D4A41D 1px solid;
 background-color: transarent;
 font: 11px Arial, Sans-serif;
 width: 100px;
 height: 18px;
 color: #0F1177;
 } 
 
 .input2 {
 border: #D4A41D 1px solid;
 background-color: transarent;
 font: 11px Arial, Sans-serif;
 width: 35px;
 height: 18px;
 color: #0F1177;
 } 
 
 .area {
 margin: 1px; 		
 font: 11px Arial, Sans-serif;
 width: 653px; 
 height: 50px;  
 color: #0F1177;
 border: #D4A41D 1px solid;
 background-color: transarent;
}
 
 .button {
 background-color: #F2F1F1;
 font: 11px Arial, Sans-serif;
 font-weight: bold; 
 width: auto;
 color: #0F1177;
 text-align: center;
 }  

  .mini {
 font: 10px Arial, Sans-serif;
 font-weight: normal; 
 color: #0F1177;
 }