body{
	font-family: Arial, Verdana, sans-serif;
	background: #dcdddc;
	}

p{
	line-height: 1.5em;
	}	
	
a.btn_logo{
	display:block;
	float:left;
	width: 177px;
	height: 60px;	
	text-indent: -999em;
	background:url(../images/logo_barcelo_raval.png);
	}

#top_nav{
	width: 254px;
	height: 60px;
	background:url(../images/top_nav_back.png) no-repeat;
	}

#header a{
	color: #9ca29b;
	font-weight:bold;
	font-size: 1.7em;
	}
	
	#header a:hover{
		color: #333;
		}

a.btn_hotel{
	display:block;
	float:left;
	width: 110px;
	height: 30px;	
	margin: 33px 30px 0 0px;
	text-align:right;
	}
	
	
	.hotel #header a.btn_hotel{
				color: #333;
				}
	


a.btn_area{
	display:block;
	float:left;
	width: 90px;
	height: 30px;	
	margin: 33px 0px 0 5px;
	}
	
	.area #header a.btn_area{
				color: #333;
				}
	
#book_now{
	float:left;
	width: 142px;
	height: 60px;	
	background:url(../images/btn_book_now.png);
	}
	
	
#book_now a.btn_book_now{
	display:block;
	width: 102px;
	height: 30px;	
	margin: 32px 0px 0 10px;
	color: #333;
	}
	
	#book_now a.btn_book_now:hover{
	color: #9ca29b;
	}
	
	
	
/*** LAYOUT ***/

div#container{
	width: 980px;
	margin: 0 auto;
	background:#FFFFFF;
	overflow:hidden;
	margin-top: 50px;
	}
	
div#logo_print{
	display:none;
	}

div#header{
	height: 6em;
	text-transform:uppercase;
	}
	
div#sec_nav_panel{
	width: 960px;
	height: 3.2em;
	margin: 0 auto;
	background: url(../images/sec_nav_back.png);
	text-transform:uppercase;
	}
	
	#sec_nav a{
	color: #9ca29b;
	font-weight:bold;
	font-size: 1.1em;
	}
	
		#sec_nav a:hover{
		color: #333;
		}
		
		#standard_suite #sec_nav li a.standard_suite{
				color: #333;
				}
				
		#junior_suite #sec_nav li a.junior_suite{
				color: #333;
				}
				
		#superior_suite #sec_nav li a.superior_suite{
				color: #333;
				}
				
		#roof_terrace #sec_nav li a.roof_terrace{
				color: #333;
				}
		
		#deluxe_suite #sec_nav li a.deluxe_suite{
				color: #333;
				}
		
		#blounge_suite #sec_nav li a.blounge_suite{
				color: #333;
				}
		
		#meetingsevents_suite #sec_nav li a.meetingsevents_suite{
				color: #333;
				}
		
		#nightlife #sec_nav li a.nightlife{
				color: #333;
				}
		
		#shopping #sec_nav li a.shopping{
				color: #333;
				}
				
		#restaurants #sec_nav li a.restaurants{
				color: #333;
				}
				
		#architecture #sec_nav li a.architecture{
				color: #333;
				}
				
		#museumsgalleries #sec_nav li a.museumsgalleries{
				color: #333;
				}
		
	
	#sec_nav{
	margin-left: 263px;
	}
	
	#sec_nav li{
	float: left;
	padding-top: 12px;
	}
	
		#sec_nav li a{
		padding: 10px 15px;
		height: 3.2em;
		}
		
			
				
#middle{
	border: 1px solid #f2f3f2;
	border-top:none;
	clear: both;
	width: 958px;
	margin: 0 auto;
	overflow:hidden;
	background:url(../images/left_column.jpg) repeat-y;
	}

/*** HOME ***/
	
#home_middle{
	clear: both;
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
	}
	
	div#home_middle_top{
	width: 960px;
	height: 129px;
	float:left;
	background: url(../images/home_top.jpg) no-repeat;
	}
	
	div#home_middle_left{
	width: 67px;
	height: 87px;
	float:left;
	background: url(../images/home_middle_left.png) no-repeat;
	}
	
	div#home_middle_center{
	width: 354px;
	height: 87px;
	float:left;
	background: url(../images/home_middle_center.png) no-repeat;
	}
	
	div#home_middle_right{
	width: 88px;
	height: 87px;
	float:left;
	background: url(../images/home_middle_right.png) no-repeat;
	}
	
	div#home_middle_bottom{
	clear:both;
	width: 960px;
	height: 264px;
	background: url(../images/home_bottom.jpg) no-repeat;
	}

	a.explore_hotel{
	display: block;
	float:left;
	width: 231px;
	height: 87px;
	text-indent: -999em;
	background:url(../images/btn_explore_hotel.png) no-repeat;
	}
	
		a.explore_hotel:hover{
		background-position: 0 -87px;
		}
		
	a.explore_area{
	display: block;
	float:left;
	width: 220px;
	height: 87px;
	text-indent: -999em;
	background:url(../images/btn_explore_area.png) no-repeat;
	}
	
		a.explore_area:hover{
		background-position: 0 -87px;
		}
	
#content{
	width: 484px;
	float: left;
	margin: 40px 34px 0 30px;
	}	
	
	
	#content h1, #content_contact h1{
	font-size: 1.6em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1.7em;
	}
	
	#content h2, #content_contact h2, #side_contact h2{
	font-size: 1.2em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1.2em;
	}
	
	#content p, #content_contact p, #side_contact p{
	font-size: 1.1em;
	color: #798479;
	margin-bottom: 2em;
	}
	
	#content ul, #content_contact ul, #side_contact ul{
	font-size: 1.1em;
	color: #798479;
	margin-bottom: 2em;
	line-height: 1.5em;
	}

#content_wide{
	width: 644px;
	float: left;
	margin: 40px 34px 0 30px;
	}	
	
	
	#content_wide h1, #content_contact h1{
	font-size: 1.6em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1.7em;
	}
	
	#content_wide h2, #content_contact h2, #side_contact h2{
	font-size: 1.2em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 1.2em;
	}
	
	#content_wide p, #content_contact p, #side_contact p{
	font-size: 1.1em;
	color: #798479;
	margin-bottom: 2em;
	}
	
	#content_wide ul, #content_contact ul, #side_contact ul{
	font-size: 1.1em;
	color: #798479;
	margin-bottom: 2em;
	line-height: 1.5em;
	}
	
#content_contact{
	width: 354px;
	float: left;
	margin: 40px 60px 0 30px;
	padding-bottom: 15px;
	}
	
	#side_contact{
	float: left;
	width: 211px;
	margin-top: 47px;
	}	
		#side_contact #map{
		margin-bottom: 15px;
		}
		
		#side_contact ul li{
		margin-bottom: 10px;
		}
			
#side_nav{
	float: left;
	width: 141px;
	margin-top: 47px;
	text-transform:uppercase;
	background: url(../images/dotted_line.png) bottom no-repeat;
	}
	
	#side_nav a{
	color: #9ca29b;
	font-weight:bold;
	font-size: 1.1em;
	}
	
		#side_nav a:hover{
		color: #333;
		}
	
	#side_nav li a{
		background: url(../images/dotted_line.png) top no-repeat;
		display: block;
		width: 141px;
		line-height: 3em;
		padding-top: 1px;
		}
		
				#side_nav li#active a.room_rates{
				color: #333;
				}	
				
				#side_nav li#active a.room_facilities{
				color: #333;
				}	
				
				#side_nav li#active a.gallery{
				color: #333;
				}	

/*** AREA ***/

.area #content{
	width: 890px;
	}
	
	div.facility{
	clear:both;
	border: 1px solid #f2f3f2;
	overflow: hidden;
	margin-bottom: 34px;
	}
	
	div.facility h2, div.facility p.desc{
	margin: 15px;
	width: 543px;
	margin-left: 34px;
	}
	
	div.facility h2{
	margin-top: 25px;
	}
	
	div.facility img.image{
	margin-left: 34px;
	margin-bottom: 8px;
	}
	
	div.facility div.info{
	float: right;
	width: 230px;
	}
	
		div.facility div.info h3{
		color: #333;
		font-size: 1.1em;
		margin-bottom: 10px;
		}
		
		div.facility div.info ul{
		margin-bottom: 20px;
		color:#333333;
		font-size: 1.1em;
		}
		
			div.facility div.info ul li{
			margin-bottom: 5px;
			}
			
			div.facility div.info p.tel{
			color:#333333;
			}
			
				div.facility div.info p.tel span{
				color: #333;
				margin-right: 8px;
				}
	

	
#bottom{
	clear: both;
	width: 960px;
	margin: 0 auto;
	background:url(../images/bottom_back.jpg) top no-repeat;
	text-transform:uppercase;
	text-align:right;
	height: 3.1em;
	}
	
	
	#bottom a{
	color: #686968;
	font-size: 0.9em;
	padding: 12px 10px 0 10px;
	}
	
		#bottom a:hover{
		color: #000;
		}			
	
	#bottom #buttons{
	width: 200px;
	float: right;
	}
	
	a.english{
	display: block;
	float:right;
	}
	
		a.english:hover{
		background-position: 0 -31px;
		}
	
	a.spanish{
	display: block;
	float:right;
	}
	
		a.spanish:hover{
		background-position: 0 -31px;
		}		

#footer{
	clear: both;
	width: 960px;
	margin: 0 auto;
	background:url(../images/footer_back.jpg) top no-repeat;
	font-size: 0.9em;
	color: #9ca29b;
	line-height: 2.8em;
	
	}
	
	#footer_left{
	width: 450px;
	float:left;
	padding-left: 5px;
	}
	
	#footer a{
	color: #9ca29b;
	}
	
		#footer a:hover{
		color: #333;
		}

		
	#footer_nav{
	width: 355px;
	float:right;
	text-align:right;
	margin-top:-25px;
	}
	
	#footer_nav, #footer_nav li{
	display: inline;
	}
	
		#footer_nav a{
		padding: 0 10px;
		}
		

				
				#terms_and_conditions #footer_nav li a.terms_and_conditions{
				color: #333;
				}	
				
				#contact_us #footer_nav li a.contact_us{
				color: #333;
				}
				
				#newsletter #footer_nav li a.newsletter{
				color: #333;
				}
	
				#flash_version #footer_nav li a.flash_version{
				color: #333;
				}
		
/*** FORMS ***/	



form li{
	margin-bottom: 10px;
	}

		
label{
	width: 90px;
	display: -moz-inline-box;
	display:inline-block;
	}
	
input.textfield, textarea{
	border:1px solid #CCCCCC;
	width: 250px;
	padding: 4px 6px;
	font-size: 1.1em;
	}
	
select{
	border:1px solid #CCCCCC;
	font-size: 1.1em;
	}
	
label.top{
	vertical-align:top;
	}
	
input.submit{
	border:0px solid #CCCCCC;
	padding: 6px;
	font-size: 1.1em;
	float:right;
	background: #ccc;
	}
	
.margin_left-3px{
	margin-left: -3px;
	}

#gallery {
	margin-left:12px;
}
	
#gallery .gallery_item {
	display: inline;
	}		
		
#loadarea2 {
	width: 430px;
	heigh:211px;
	margin-bottom: 5px;
	}	
 
.newsletter_text {
	color: #888888;
}

.newsletter_submit {
	background-color: #D3D3D3;
	color: #000000;
	height:18px;
	border-style: none;
	cursor: pointer;
	margin:0px;
}
		
#contact_us_form {
	margin-right: 280px;
	}	
		
#flashdiv {
	height:39px;
	width:300px;
	margin-left:10px;
	padding-top:220px;
}

#flashdiv a.flash {
	color: white;
	line-height: 16px;
	}

#flashdiv a.flash:hover { text-decoration:underline!important}