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: 180px;
 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: 130px;
	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: 130px;
	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: 800px;
}

#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: 200px;
 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: 900px;
 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;
 }  
 
 #foto #offers {
 position: absolute;
 top: 5px;
 left: 5px;
 height: 380px;
 width: 440px;
 padding-right: 10px;
 font: 11px Arial, Sans-serif; 
 line-height: 16px;
 text-align: center;
 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;  
}
 
/* ******************************************************************* RICHIESTA */
.form_richiesta {
	overflow: auto;
	height: 388px;
	width: 460px;
}
#richiesta {
	width: 440px;
}
#richiesta td {
	font: 11px Arial, Sans-serif;
}
#richiesta .titoloform {
	padding-top: 8px;
	border-bottom: 3px solid #D4A41D;
	font-weight: bold;
}
#form {
	margin: 0;
}
input, textarea {
	border: 1px solid #000;
	font: 11px Arial, Sans-serif;
	color: #000;
}
input.no_color {
	border: 0;
}
input.invia {
	background-color: #F9C624;
	color: #000;
	padding: 0px 17px;
	font-size: 12px;
}
input.red, select.red, textarea.red {
	border: 1px solid #eb3426;
}
#ris_form {
	display: none;
	margin: 3px 3px 3px 0;
	border: 2px solid #eb3426;
	color: #000;
	padding: 7px 16px;
}
#ris_form p {
	margin: 2px 0;
}
/* ******************************************************************* FINE RICHIESTA */