/* CSS Divs */
#header {
background:transparent url(../images/bg-header.gif) no-repeat;
width:900px; 
height: 100px;
margin-left: auto;
margin-right:auto;
overflow:hidden;
}

#logo {
width:250px;
height: 80px;
float:left;
padding: 10px 10px 0px 10px;
background:transparent url(../images/mayfair_logo.gif) no-repeat bottom;
/*border:1px dashed #ff00ff;*/
}

#language {
margin-top: 70px;
width: 150px;
float: right;
padding: 13px 10px 0px 10px;
/*border:1px dashed #ff00ff;*/
}
#language a.en{
background:transparent url(../images/en.gif) no-repeat top;
padding: 5px;
padding-top: 11px; height: 20px;
}
#language a.it{
background:transparent url(../images/it.gif) no-repeat top;
padding: 5px;
padding-top: 11px;
}
#language a.es{
background:transparent url(../images/es.gif) no-repeat top;
padding: 5px;
padding-top: 11px;
}
#language a.fr{
background:transparent url(../images/fr.gif) no-repeat top;
padding: 5px;
padding-top: 11px;
}
#language a.ru{
background:transparent url(../images/ru.gif) no-repeat top;
padding: 5px;
padding-top: 11px;
}

#nav{
width:900px;
margin-left: auto;
margin-right:auto;
position: relative;
}

#nav-book{
width:900px;
height:25px;
margin-left: auto;
margin-right:auto;
position: relative;

}

#mainpic{
width:900px;
z-index: 1;
position: absolute;
height: 450px; 
margin-top:30px;
}

#menu-book{
background:transparent url(../images/bg-menu-trans.png) repeat;
width:850px;
_width:870px; /* IE hack */
height: 20px;
z-index: 10;
position:absolute;
top: 0px;
padding-top: 5px;
padding-left: 50px;
_padding-left: 30px; /* IE hack */
}

#menu-fr{
background:transparent url(../images/bg-menu-trans.png) repeat;
width:850px;
_width:870px; /* IE hack */
height: 20px;
z-index: 10;
position:absolute;
top: 20px;
padding-top: 5px;
padding-left: 50px;
_padding-left: 30px; /* IE hack */
}

#booking{
background:transparent url(../images/bg-booking-trans.png) top left no-repeat;
width:260px;
height: 150px;
position:absolute;
z-index: 15;
padding: 10px 0px 0px 10px;
top: 290px;
right:0px;
color: #fff;
}

#content{
margin-top: 480px;
width:880px;
margin-left: auto;
margin-right:auto;
padding: 10px 10px 0px 10px;
background:#FFFFFF;
overflow:hidden;
}

#content_booking{
margin-top: 30px;
width:880px;
margin-left: auto;
margin-right:auto;
padding: 10px 10px 0px 10px;
background:#FFFFFF;
overflow:hidden;
}

#home-text{
width:575px;
height:150px;
float: left;
background:transparent url(../images/bg-home-text.gif) top left no-repeat;
font-size: 0.85em;
overflow:auto;
padding: 10px 10px 0px 10px;
}

#home-opinioni{
width:255px;
height:150px;
float: right;
background:transparent url(../images/bg-home-opinioni.gif) top left no-repeat;
overflow:auto;
padding: 10px 10px 0px 10px;
}

#home-offerte{
width:255px;
height:140px;
float: left;
background:transparent url(../images/bg-home-item.gif) top left no-repeat;
color: #333333;
overflow:auto;
padding: 10px 10px 0px 10px;
font-size: 0.85em;
}


#home-dove{
width:255px;
height:140px;
float: left;
background:transparent url(../images/bg-home-item.gif) top left no-repeat;
color: #333333;
overflow:auto;
padding: 10px 10px 0px 10px;
margin-left:27px;
margin-right:27px;
}
#home-dove img{
padding-right: 10px;
}
#home-servizio{
width:255px;
height:140px;
float: left;
background:transparent url(../images/bg-home-item.gif) top left no-repeat;
color: #333333;
overflow:auto;
padding: 10px 10px 0px 10px;
}
#home-servizio img{
padding-right: 10px;
}
#content-top{
width:880px;
height:20px;
float:left;
background:transparent url(../images/bg-content-top.gif) top left no-repeat;
}

#content-text{
width:860px;
background:#CCCCCC;
font-size: 0.85em;
overflow:hidden;
float:left;
padding: 10px 10px 0px 10px;
}

#content-offers
{
	background-color: #FFFFFF;
	background-image: url(http://www.bookassist.com/conduit/images/dropbg_top.jpg);
	float:left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 280px;
}
		#content-offers h2
		{
			height: 20px;
			padding: 8px 10px 4px 10px;
			width: 190px;
		}
		#content_booking #content-offers .oferta
		{
			background:#f1f1f1;
			border-bottom: 1px solid #973400;
			float:left;
			font-size: 10px;
			margin: 0px 10px 0px 0px;
			padding: 10px;
			width: 260px;
		}
		#content-text .oferta
		{
			background:#f1f1f1;
			border-bottom: 1px solid #b7410e;
			float:left;
			font-size: 10px;
			margin: 0px 10px 10px 0px;
			padding: 10px;
			width: 255px;
		}
				.oferta .img
				{
					background:#FFFFFF;
					border: 1px solid #CCCCCC;
					float:left;
					padding: 3px;
				}
				.oferta .img img
				{
					border: 0px;
					padding: 0px;
				}
				.oferta .img:hover
				{
					border: 1px solid #b16740;
				}
				.oferta .txt
				{
					margin: 0px 0px 0px 85px;
					min-height: 50px;
				}
				.oferta .pvp
				{
					color: #b7410e;
					clear: right;
					font-weight: bold;
					margin: 10px 0px 0px 85px;
					width: 90px;
				}
				.oferta .url
				{
					float: right;
					margin: -14px 0px 0px 85px;
					text-align: right;
					width: 85px;
				}
						.oferta .url a
						{
							background-color: #b7410e;
							border: 1px solid #973400;
							color: #FFFFFF;
							padding: 2px 7px;
							text-decoration: none;
						}
						.oferta .url a:hover
						{
							background-color: #ffb700;
							border: 1px solid #b7410e;
						}

#index-left{
width:300px;
background:#CCCCCC;
font-size: 0.85em;
overflow:hidden;
float:left;
padding-right:10px;
}

#index-right{
width:500px;
background:#CCCCCC;
font-size: 0.85em;
overflow:hidden;
float:right;
}
#content-bottom{
width:880px;
height:20px;
margin-bottom:10px;
float:left;
background:transparent url(../images/bg-content-bottom.gif) top left no-repeat;
}

#footer{
width:890px;
margin-left: auto;
margin-right:auto;
padding: 5px;
background:#EEEEEE;
overflow:auto;
text-align:center;
}


/* CSS Body */

body {
/*background:transparent url(../images/bg.png) top center repeat;*/
/*background:transparent url(http://www.hotellondraroma.com/images/wing_shadow.png) top center repeat;*/
background:transparent url(../images/sides_body.png) top center repeat;
font-family:verdana, helvetica, sans-serif, arial;
color: #333333;
font-size: 0.90em;
margin-top:0px;
margin-bottom:0px;
/*background-color: #e5dccd;*/
background-color: #f5ede3;
}

a {
color: #525D55;
text-decoration: underline;
}

a:hover {
color: #525D55;
text-decoration: underline;
}

h1 {
	font-size: 1.4em;
	margin:0px;
	color:#8D2508;
}

h2 {
font-size: 1.1em;
margin:0px;
color:#4F220A;
}
h4 {
	font-size: 1em;
	margin:0px;
	color:#6D2D0C;
}


#content-text h2 {
font-size: 1.1em;
margin:0px;
color:#4F220A;
width: 100%;
float: left;
}

h3 {
font-size: 0.95em;
margin:0px;
}

#address{
position: absolute;
height:30px;
width:900px;
top:0;   
left: 0;
z-index:10;        
background-color: #fff;
font-size: 0.80em; 
/*border: 1px dashed #ff00ff;*/
} 
#address p{
	margin-left: 5px; margin-top 0;
	color:#B77134;
} 
#language {
font-size: 0.80em;
color: #333333;
}

#language a{
text-decoration: none;
color: #333333;
}

#language a:hover{
text-decoration: underline;
color: #00baff;
}
#menu{
background:transparent url(../images/bg-menu-trans.png) repeat;
width:850px;
_width:860px; /* IE hack */
height: 20px;
z-index: 10;
position:absolute;
top: 20px;
padding-top: 5px;
padding-left: 50px;
_padding-left: 35px; /* IE hack */
}
#menu {
font-size: 0.75em; 
margin-top:5px;
}

#menu a{
color: #FFFFFF;
text-decoration: none;
}

#menu a:hover{
color: #ffb700;
text-decoration: underline;
}

#menu ul{
list-style:none;
display:inline;
text-transform: uppercase;
}

#menu li {
float:left;
margin-left: 10px;
margin-right: 10px;
}
#menu_ru{ 
background:transparent url(../images/bg-menu-trans.png) repeat;
width:900px;
_width:910px; /* IE hack */
height: 20px;
z-index: 10;
position:absolute;
top: 20px;
padding-top: 5px;
padding-left: 0;
_padding-left: 10px; /* IE hack */

}
#menu_ru {
font-size: 0.70em; 
margin-top:5px;
}

#menu_ru a{
color: #FFFFFF;
text-decoration: none;
}

#menu_ru a:hover{
color: #ffb700;
text-decoration: underline;
}

#menu_ru ul{
list-style:none;
display:inline;
text-transform: uppercase;
test-align: right;
}

#menu_ru li {
float:left; 
margin-left: 2px;
margin-right: 3px;
}
#menu_es{ 
background:transparent url(../images/bg-menu-trans.png) repeat;
width:850px;
_width:860px; /* IE hack */
height: 20px;
z-index: 10;
position:absolute;
top: 20px;
padding-top: 5px;
padding-left: 50px;
_padding-left: 60px; /* IE hack */
}
#menu_es {
font-size: 0.70em; 
margin-top:5px;
}

#menu_es a{
color: #FFFFFF;
text-decoration: none;
}

#menu_es a:hover{
color: #ffb700;
text-decoration: underline;
}

#menu_es ul{
list-style:none;
display:inline;
text-transform: uppercase;
}

#menu_es li {
float:left; 
margin-left: 7px;
margin-right: 7px;
}
#menu-book {
font-size: 0.80em;
}

#menu-book a{
color: #FFFFFF;
text-decoration: none;
}

#menu-book a:hover{
color: #973400;
text-decoration: underline;
}

#menu-book ul{
list-style:none;
display:inline;
text-transform: uppercase;
}

#menu-book li {
float:left;
margin-left: 15px;
margin-right: 15px;
}

#menu-fr {
font-size: 0.80em;
}

#menu-fr a{
color: #FFFFFF;
text-decoration: none;
}

#menu-fr a:hover{
color: #973400;
text-decoration: underline;
}

#menu-fr ul{
list-style:none;
display:inline;
text-transform: uppercase;
}

#menu-fr li {
float:left;
margin-left: 10px;
margin-right: 10px;
}

#home-opinioni {
color: #333333;
font-size: 0.85em;
}

#home-opinioni a{
color: #333333;
text-decoration: underline;
}

#home-opinioni a:hover{
color: #973400;
text-decoration: none;
}

#home-dove {
color: #333333;
font-size: 0.75em;
}

#home-dove a{
color: #333333;
text-decoration: underline;
}

#home-dove a:hover{
color: #973400;
text-decoration: none;
}

#home-servizio {
color: #333333;
font-size: 0.75em;
}

#home-servizio a{
color: #333333;
text-decoration: underline;
}

#home-servizio a:hover{
color: #973400;
text-decoration: none;
}


.offerte a:hover{
color:#FFFFFF;
}

.offerte a:hover{
color:#A47549;
opacity:0.7;
}

.servizio-list{
width:235px;
float:left;
}

#footer {
color: #333333;
font-size: 0.75em;
}


/* Rooms */

#rooms {
color:#333333;
height:100%;
margin:0 auto;
max-width:900px;
min-width:300px;
overflow:hidden;
}

/* Rooms Items */
.room_information {
padding-left:5px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #973400;
background:#FFFFFF none repeat scroll 0 0;
margin-bottom:8px;
float:left;
width:840px;
}

.room_information:hover {
background-color:#FFFFFF;
}

.room_information p {
}

.room_information img {
border:1px solid #CCCCCC;
padding:2px;
float:left;
display:inline;
width: 110px;
height:90px;
margin-top: 3px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 5px;	
}

.room_information h4{
font:bold 12px;
color: #4F220A;
margin:0px;
padding: 0px 0 8px;
font-size:1.1em;
font-weight: 600;
}

.room_description {
font-size: 11px;
color: #333333;
padding-top: 5px;
float:none;		
}

.room_description p{
padding-top: 5px;
float:none;
}

.room_description ul{
width: 550px;
float: left;;
}


.hotel_price {
font-size: 12px;
color: #666666;
font-weight: bold;
text-transform: capitalize;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
float:left;
clear:both;
}

.price_number {
font-size: 14px;
color: #973400;
font-weight: bold;
float:left;
padding-top: 5px;
}

/* Book Now Button Arrow */
a.booknow:hover {
text-decoration:none;
background: #973400;
color:#FFFFFF;
border: 1px solid #615211;
}

a.booknow {
float:right;
clear: left;
height:20px;
margin:10px 5px 0;
padding:3px 5px 1px 5px;
background: #B16740;
color:#FFFFFF;
cursor:hand;
text-decoration:none;
text-transform: capitalize;
border: 1px solid #615211;
}

/* slideshow */

#slideshow {
position:relative;
height:450px;
clear:left;
z-index: 1;
}

#slideshow img {
position:absolute;
top:0;
left:0;
z-index:8;
width:900px;
height:450px;
opacity:0.0;
}

#slideshow IMG.active {
z-index:10;
width:900px;
height:450px;
opacity:1.0;
}

#slideshow IMG.last-active {
z-index:9;
}

/* Bookassist box */
#bookassist_form {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
overflow:hidden;
width:250px;
}
#bookassist_form .search_title {
color:#FFFFFF;
float:left;
font-size:18px;
margin-bottom:2px;
margin-top:2px;
width:250px;
display:block;
}
#bookassist_form label {
float:left;
font-weight:bold;
margin-bottom:3px;
padding-top:3px;
width:60px;
}
#bookassist_form #DatesForm #inday {
width:43px;
}

#bookassist_form #DatesForm #outday {
width:43px;
}

#bookassist_form #inmonthyear {
float:left;
width:80px;
}
#bookassist_form #DatesForm {
color:#FFFFFF;
margin-left:5px;
overflow:hidden;
}
#bookassist_form .date_input {
background:none repeat scroll 0 0 #973400;
border:1px solid #FFFFFF;
clear:both;
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:25px;
margin:5px 0 5px 75px;
width:90px;
}
#bookassist_form .date_select {
background:none repeat scroll 0 0 #FFFFFF;
color:#666666;
display:inline;
float:left;
font-family:verdana;
font-size:10px;
margin:0 0 3px 5px;
width:60px;
}
#bookassist_form #ba_adults {
float:left;
margin-left:45px;
width:38px;
}

#bookassist_form img {
margin:0 0 -5px 3px;
float:left;
margin-left:5px;

}

#bookassist_form #outmonthyear {
float:left;
width:80px;
}

#bookassist_form #ba_children {
float:left;
width:38px;
}

#calendar {
	border:#C1A086;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	margin-left:-100px;
margin-top:0px;
display:none;
/*overflow:hidden;
position:absolute;
z-index:300;*/
}

.caltab a:link, .caltab a:visited {
color:#000000;
}
.days td a {
border:1px solid #FFFFFF;
padding:0.1em;
}
.caltab a:hover {
color: #000000;
border-color: #CDA503;     
background:#CDA503;
}
.caltab a:active {
color: #000000;
border-color: #CDA503;
}
.caltab td {
text-align: center;  
}


.caltab td a {
display:block;
text-decoration:none;
}
.days td {
border:1px solid #FFFFFF;
color:#999999;
padding-left:3px;
padding-right:3px;
}
.caltab td {
text-align:center;
}

.caltab {
background: #FFFFFF;
border:1px solid #000000;
font-size:20px;
}


.caltab td.calheader a {
display: inline;
vertical-align: -.2em;
}

.caltab td.calheader img.calNoPrevMonth {
    background: transparent url(http://bookassist.com/scripts/calendar/calprev.png) 0 -32px no-repeat;
    vertical-align: -.2em;
}
.caltab td.calheader img.calNoNextMonth {
    background: transparent url(http://bookassist.com/scripts/calendar/calnext.png) 0 -32px no-repeat;
    vertical-align: -.2em;
}
.caltab td.calheader .calNextMonth img {
    background: transparent url(http://bookassist.com/scripts/calendar/calnext.png) 0 0 no-repeat;
	border:none;
}
.caltab td.calheader .calPrevMonth img {
    background: transparent url(http://bookassist.com/scripts/calendar/calprev.png) 0 0 no-repeat;
	border:none;
}

.caltab td.calheader .calNextMonth:hover img, .caltab td.calheader .calPrevMonth:hover img {
background-position: 0 -16px;
}

.caltab td.calheader .calNextMonth:active img, .caltab td.calheader .calPrevMonth:active img {
background-position: 0 -32px;
}

.calheader {
padding: 3px;
/*white-space: nowrap;  */
}  

.calheader select {
/*font-size:0.9em;*/
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #333333;
color:#000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}

.weekdays td {
border-bottom: 1px solid #000000;
margin-left:2px;
margin-right:2px;
color:#999999;
text-transform:capitalize;}

.days td {
color: #999999;
padding-left:3px;
padding-right:3px;
border: 1px solid #FFFFFF;
}

.days td.weekend {
background-color: #EEEEEE;
border-color: #EEEEEE;   
padding-left:3px;
padding-right:3px;     
}
         
.days td.gone {
text-decoration: line-through;      
padding:0.2em;
}

.days td.today, .days td.future {
border: none;
}

.days td a {
padding: .1em;
border: 1px solid #FFFFFF;
}

.days td.weekend a {
border-color: #eee;   
}

.days td.today a {
/*background-color: #cccccc;  */ 
/*border:1px solid #cccccc;*/}

.days td.selected {
font-weight: bold;
}

.days td.selected a {
	border-color: #9C3C04;
	background:#C47A5C;
}             

.caltab .calfoot{
background:#ffffff;
border-top:1px solid #000000;
}

.caltab .calfoot{
padding:0;
}

/* Support for the "iehover-fix.js" */
#calendar iframe {
position: absolute;
z-index: 300;
/*filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);   */
width:100%;       
height:auto;
}
              
* html table.caltab { z-index: 10; }
   
a.calNextMonth, a.calPrevMonth{
background:transparent !important;
}