/* .::Created by Dot Design::.   .:: www.dotdesign.es ::.    */

/****************************/
/* GENERIC STYLE DEFINITION */
/****************************/

btext { 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; }
a { text-decoration: none; color:#666699;}
a:hover { color: #D21243; text-decoration: underline; }	
a:link { text-decoration: none; }	
a:visited { text-decoration: none; }	
input, 
select {	font-size: 10px;	margin:2px;}
label {display:block;}
.grey {	color: #999999;}
.black {color: #000000;	font-size: 11px;	line-height: 9px;}
.body {height: 390px;}


/******************************/
/* COMMON ELEMENTS DEFINITION */
/******************************/

/*HEADER AND SITE UTILITY*/
#logo {float:left;}
#utility { float:right; border-left: 1px solid #cccccc; height:92px; width: 179px; }
.reservations { border-top: 1px #CCCCCC solid; color: #D21243; font-size: 11px; font-weight: bold; width: 178px; line-height: 20px;
	padding-left: 5px; }
.contact { border-top: 1px #CCCCCC solid; color: #D21243; font-size: 11px; font-weight: bold; width: 100px; line-height: 20px;
	padding-left: 6px; }

.utilitytext	{font-size:11px;	line-height: 18px;	padding: 6px;	color: #999999; }
.utilitytext a	{	color: #999999;	}
.utilitytext a:hover { color: #D21243; text-decoration: underline; }	

/* THIS CONTAINS THE MAIN NAVIGATION */
#topnav  {background-color: #D21243; width: 100%; height:24px; padding: 0; margin-top: 3px; list-style: none;  color: #FFFFFF; }
#topnav ul {background-color: #D21243;  height:24px; padding: 0; margin: 0; list-style: none;  color: #FFFFFF; }

ul.mainnav { float: left;   font-size: 11px; }	
ul.language  { float:right; width: 179px;	border-left: thin  #FFFFFF solid ; font-size: 9px; 	}	

li.menuitem { text-decoration:none;	cursor:pointer;	color:#FFF;	display: block;	padding: 5px 10px 5px 10px;	letter-spacing:.1em;	text-transform:uppercase;	float: left; border-right: 1px #FFFFFF solid;	font-weight:bold;		}
li.menuitem a {text-decoration:none; color:#FFF; }

li.menuitemactive { 	text-decoration:none; cursor:pointer; color:#FFF;	display: block; padding: 5px 10px 5px 10px;	letter-spacing:.1em;	text-transform:uppercase;	float: left;	display:block;	border-right: 1px #FFFFFF solid;	font-weight:bold;	background-color: #666699; }
li.menuitemactive a  { 	text-decoration:none; color:#FFF; font-weight:bold;	background-color: #666699; }

li#last, li#last a  { border-right: 0px #D21243 solid;}

li.lang{ color:#FFF;	display: block;		font-size: 10px; padding: 7px 5px 0 7px; text-transform: uppercase; letter-spacing:.1em; }
li.lang a{ text-decoration:underline;	cursor:pointer;	color:#FFF; }


/* FOOTER */
.bkg_grey {	background-image:  url(img/linea.gif);	background-repeat: repeat-x; background-position:center; margin: 20px 0 5px 0; display:block;}
span.txtfooter { float:left; width: 600px;}
a.txtfooter, .txtfooter { color: #666666; font-size: 10px; text-decoration: none;}
.txtfooter a:hover{ color: #D21243; font-size: 10px; text-decoration: underline;}

/************************/
/* HOME PAGE DEFINITION */
/************************/


/* SPECIAL OFFERS - GREY BACKGROUND BOXES WITH TEXT */
.hpbox {
	width:176px;
	height:199px;
	min-height:145px;
	background: url(img/HPTextBackground.gif) #E9EBF0 bottom no-repeat;}
.hpbox h1{ color: #D21243; font-size: 14px; padding: 9px 9px 0 9px; margin:0;}
.hpbox p{ color: #666666; font-size: 14px; padding: 0 9px 0 9px;}
.hpbox a{ padding: 0 9px 15px 9px; color: #D21243; font-size: 14px; text-decoration:underline;}
.hpbox a:hover{	Text-decoration:none; }


/* CORPORATE BANNER - BELOW THE SEARCH WIDGET - CHANGE HERE THE IMAGE */
.HPBanner {  background-image: url(img/HP-Corporate-Campaign.jpg); background-repeat:no-repeat; background-position:bottom; width: 238px; overflow:hidden; border-top:#FFF 1px solid;}
/* creating a clickable area */
#corporatecampaignlink { 	width: 238px; 	cursor: pointer; 	cursor: hand; 	}




/***************/
/* SEARCH FORM */
/***************/

.search { background-color:#d5d7e2;}

.searchheader  {background-color:#d5d7e2; font-weight:bold;  _padding: 2px; padding: 2px; padding-top:2px; height: 16px;	}

.searchbody {background-color: #e9ebf0;	margin-top: 7px; margin: auto;	_padding: 2px;	padding: 2px;	font-size: 11px;
	height: 130px; }

#checkin {float:left; display:block;	width: 20px; margin-right:2px; margin-top:2px; height:auto; }
#rooms  {float:left;  width: 45px; margin-top:2px;  height:auto;}
#adults {display:block; width:auto; float:left; margin-top:2px; margin-left:2px; height:auto; text-align:center;}

#checkout {clear:both;	width: 20px; float:left; margin-top:3px; height:auto;  }
#children { width: 20px; float:left;  margin-top:5px; margin-left:2px; height:auto;}

div#rate {clear:both; padding-top: 5px; _padding-top: 2px;	width: 100%; margin:5px auto; height:20px; }
#rate label {display: inline; font-size:11px;}
#rate input {float: right;}
.button {border-style:solid; border-width:2px 3px; border-color:#6970A4; background-color:#6970A4; text-align:center; color: #FFFFFF; width: 98%; cursor: pointer; margin-top: 6px; height:20px;}

#discounts  {background-color:#d5d7e2; padding: 5px 2px 5px  2px; 	margin: auto; height:32px;   }
#corporate, 
#promo {font-size: 9px;	line-height:10px;	margin-top: 1px;	color:#666666;	float:left;	padding-right:5px;	margin-right:5px;	border-right: #fff 1px dotted;	margin-bottom:1px;	text-align:center;	text-transform:capitalize;  height:auto;}
#iata{	font-size: 9px;	line-height:10px;	margin-top: 1px;	color:#666666;	float:left;	margin-bottom:2px;	text-align:center;	text-transform:capitalize;   height:auto; padding:0px; margin:0px;}
#corporate input, 
#iata input, 
#promo input {	width: 50px;     height:auto;}
form.searchform {padding:0px; margin:0px;	background-color:#e9ebf0; height:221px;}

/*********************/
/*     CALENDAR      */
/*********************/

.cpYearNavigation, 
.cpMonthNavigation	{background-color:#d5d7e2;	text-align:center;	padding:1px; vertical-align:center;	text-decoration:none; color:#FFFFFF;			font-weight:bold;}
	.cpDayColumnHeader, 
	.cpYearNavigation,
	.cpMonthNavigation,
	.cpCurrentMonthDate,
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDate,
	.cpOtherMonthDateDisabled,
	.cpCurrentDate,
	.cpCurrentDateDisabled,
	.cpTodayText,
	.cpTodayTextDisabled,
	.cpText {font-family:arial;	font-size:8pt;	}
	TD.cpDayColumnHeader	{padding-top:3px; text-align:right;	font-weight:bold;	border-bottom:1px #cccccc solid;		}
	.cpCurrentMonthDate,
	.cpOtherMonthDate,
	.cpCurrentDate	{	text-align:right;text-decoration:none;		}
	.cpCurrentMonthDateDisabled,
	.cpOtherMonthDateDisabled,
	.cpCurrentDateDisabled	{	}
	.cpCurrentMonthDate {color: #6970A4;	}
	.cpCurrentDate {color: #FFFFFF;font-weight:bold;	}
	.cpOtherMonthDate {color:#999999;	}
	TD.cpCurrentDate {color:#FFFFFF;	background-color: #CD2042;	border-width:1;	border:solid thin #CD2042;	}
	SPAN.cpTodayTextDisabled, 
	TD.cpCurrentDateDisabled, 
	TD.cpTodayText,
	TD.cpTodayTextDisabled	{visibility:hidden;		}
	A.cpTodayText,
	SPAN.cpTodayTextDisabled{	height:20px;}
	A.cpTodayText{	color:#6970A4;font-weight:bold;	}
	.cpBorder{border:solid thin #6970A4;	}		
	.calendar_icon {margin-left:2px;}


/**********************************************/
/*  INTERIOR & SECTION PAGE COMMON ELEMENTS   */
/**********************************************/

/* INTERIOR PAGE: HEADER */
#header { background: #eaebf0;	display:block;	height: 75px;	margin:3px; margin-bottom: 3px;}
.bkg_white {	background-image:  url(images/white.gif);	background-repeat: repeat-x;}
.border-leftwhite {	border-left-width: 3px;	border-left-style: solid;	border-left-color: #FFFFFF;}
.headline {	color: #4f5994; 	font-size: 14px;	font-weight: bold;}


/******************************/
/*  SECTION PAGE DEFINITION   */
/******************************/
#sectionbox {margin:20px 15px 15px 35px; float:left; width:40%; height:auto; min-height:80px;}
#sectionimage{margin-right:5px; border:none; float:left; height:80px;}
a.sectionlink  {text-decoration:none; height:auto; font-weight:bold;}
.sectionsummary{margin-left:2px;  display:block; }


/*****************/
/* INTERIOR PAGE */
/*****************/


/* INTERIOR PAGE: PAGE UTILITIES */
#PageUtility  {float:right; width: auto; margin-top:20px; margin-bottom:20px;  margin-right:15px;}
#icon_utility { width: auto; display:block; margin: 5px;}
.page-utilities {	color: #4F5994;}


/* INTERIOR PAGE: CONTENT  */

#title {width: 50%; margin-top:40px; margin-bottom:10px; margin-left:15px; float:left; 	font-size: 14px; 	color: #D21243;	font-weight: bold;}
#title_1 {width: 100%; margin-top:40px; margin-bottom:10px; margin-left:15px; float:left; 	font-size: 14px; 	color: #D21243;	font-weight: bold;}

#Content {margin: 12px; width:520px; float:left; }
.h2 {font-size: 16px; font-weight: bold; color: #D21243;}
.h3 { font-size: 14px; font-weight: bold; color: #4f5994;}
.h4 { font-size: 12px; font-weight: bold; color: #D21243;}
.subheading {font-size: 14px; padding:5px; font-weight: bold; color: #4f5994;}
#booknow a{	float:right; margin: 5px; padding:5px; 	font-size: 14px; 	color: #D21243;		font-weight: bold;}	
.image{float:left; width:auto; padding:5px;	}s	

.h4 { color: #333366; font-size: 14px; font-weight: bold; line-height: 135%;}
.form_header { color: #333366; background-color: #E9EBF0; border-top: 4px solid #333366;    font-weight: bold;
	margin-bottom: 8px; margin-left: 5px; padding: 5px 15px 5px 15px;}


	
/*    INTERIOR PAGE: NAVIGATION     */

#Nav {
	float:left;
	width: 220px;
	margin-bottom: 0px;	
 	padding: 5px 10px 5px 2px;	 
}
#Nav ul{
	margin:0;
	padding: 0;
 	line-height: 14px;

}
 #Nav li {
 	list-style-type: none;
	display: block;
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #CCCCCC; 
	color: #696B8F;
	height:auto;
	margin:0px; 
	padding:5px; 
}
 #Nav li a {
	background: transparent;
	color: #696B8F; text-decoration:none; height:auto;
}
 #Nav li a:hover {
	color: #D21243; text-decoration:underline; height:auto;
}
#Nav li.selected, 
#Nav li.selected a:link { margin:0px; background-color: #eaebf0; font-weight: bold;	height:auto;}


	
/*    INTERIOR PAGE: SECOND NAVIGATION     */

li#sec_level {
 	line-height: 14px;
	background:#FFFFFF;
	font-weight:normal;	 
 	background:#FFFFFF;
	padding:5px 6px 0 0;
	margin: 3px 0 3px 15px;
	border-bottom: 1px dotted #D5D7E2;
	list-style-image:  url(images/arrow.gif);
	list-style-position:inside;
}
li#sec_level_active {
 	font-weight:bold;
}