body{
	padding: 10px 0px 10px 0px;
	font-family: Verdana;
	background-color: white;
}


.clear{
	clear: both;
}

.main_container{ /*centred container*/
	margin:0 auto;
	width: 886px;
}
.logo
{
	font-family: Arial;
	font-size: 27px;
	font-weight: bold;
	color: #CC3300;
	text-align: center;
}

.logo a{
	text-decoration: none;
	color: #CC3300;
}

.main_container h1{
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	color: #CC3300;
	text-align: center;
}



.main_container h2{
	font-size: 14px;
	font-weight: bold;
	color: #4B5870;
	text-align: center;
	margin-top : 25px;
	margin-bottom: 15px;
}

.main_container_second_page{ /*centred container*/
	margin:0 auto;
	width: 560px;
}

.main_container_second_page h1{
	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	color: #72809E;
	padding: 0px 0px 0px 0px;
}

.main_container_second_page h3{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #4B5970;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
}

.main_container_second_page h3 a{
	color: #647693;
	text-decoration: none;
}

.main_container_second_page h3 a:hover{
	
	color: #004182;
	text-decoration: underline;
}



.main_container_second_page p{
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 0px 0px 0px 0px;
}

.left_column{
	position: relative;
	float: left;
	width: 277px;
	/*min-height: 631px;*/
	background: url(img/left_col_bg.jpg) repeat-x top;
}

.right_column{
	position: relative;
	float: left;
	width: 558px;
}

.left_logo{
	background: url(img/barcelona-hotels.jpg) no-repeat;
	width: 277px;
	height: 386px;
}

.top_logo{
	padding-left: 17px;
	padding-top: 5px;

	
}

.top_menu{
	font-family: Arial;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #CC0000;
	background-color: #FFCC00;
	text-align: center;
}

.top_menu a{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

.top_menu a:hover{
	text-decoration: underline;
}

.top_menu #color{
	color: white;fo
	font-weight: bold;
}


.footer_menu{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	color: #CC0000;
	/*background-color: #FFCC00;*/
}

.footer_menu a{
	font-family: Verdana;
	font-size: 10px;
	color: #CC0000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

.footer_menu a:hover{
	text-decoration: underline;
}



.top_blue_area{
	background: url(img/top_blue_area.gif) no-repeat;
	width: 525px;
	height: 197px;
	padding: 17px 17px 17px 17px;
}

.top_blue_area p{
	font-family: Verdana;
	font-size: 11px;
	color: #383838;
}

.main_content{
	padding: 17px 17px 17px 17px;
}

.main_content h2{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 27px 0px 10px 0px;
}


.main_content p{
	font-family: Verdana;
	font-size: 11px;
}

.main_content a{
	color: #1855c1;
	text-decoration: none;
}

.main_content a:hover{
	text-decoration: underline;
}





.footer{
	border-top: 2px solid #B7C7E9;
	font-size: 12px;
	text-align: center;
	color: #850000;
	margin-top: 30px;
}

.hotel_list_container{/*centred container*/
	margin:0 auto;
	width: 636px;
}

.hotel_list_container h3{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 27px 0px 10px 0px;
}

.hotel_list_container h3 a{
	color: #CC3300;
}



.hotel_list_container p{
	font-family: Verdana;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	
}


.hotels_list_1{
	background-color: #EEEEEE;
	padding: 10px 10px 10px 10px;

}

.hotels_list_2{
	background-color: White;
	padding: 10px 10px 10px 10px;

}

.hotel_list_item{
	position: relative;
	float: left;
	width: 134px;
	background: transparent;
	text-align: center;
	padding: 10px 10px 10px 10px;
}

.hotel_list_item h3{
	margin: 2px 0px 2px 0px;
	color: #850000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	height: 25px;
}

.hotel_list_item p{
	margin: 2px 0px 2px 0px;
	color: #850000;
	font-family: Verdana;
	font-size: 12px;
}

.hotel_list_item a{
	text-decoration: none;
	color: #850000;
}

.hotel_list_item a:hover{
	text-decoration: underline;
	color: #850000;
}

.hotel_list_item img{ 
	border: 1px solid;
	color: #850000;
}

.photo_container{ 
	padding-top: 15px;
	padding-bottom: 15px;
}

.photo_container img{ 
	border: 1px solid #850000;

}


.latest_news{
	padding-left: 0px;
	padding-bottom: 5px;
}

.latest_news #caption{
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
	margin: 1px 1px 1px 1px;
}

.latest_news #title{
	font-size: 10px;
	color: #CC0000;
	margin: 1px 1px 1px 1px;
	text-align: left;
}


.latest_news span{
	font-size: 9px;
	margin: 1px 1px 1px 1px;
}

.latest_news a{
	color: #CC0000;
	text-decoration: none;
}

.latest_news a:hover{
	color: #CC0000;
	text-decoration: underline;
}

.top_logo_text{
	text-indent: -1000px;
	height: 1px;
	}

/*.top_logo_text a{
	text-decoration: none;
	color: #CC0000;
}*/

.google-map{
text-align: center;
}	

.google-map iframe {
	border: 1px solid #850000;
}	

.location{
}

.location .items{
	position: relative;
	float: left;
	padding-right: 15px;
}

.location .items p{
	margin: 0px 0px 7px 0px;
	font-size: 13px;
}

.book_now{
	font-weight: bold;
   color: #D60021;
}

.book_now a{
   color: #D60021;
	text-decoration: none;
}

.book_now a:hover{
	text-decoration: underline;
}









/*current content-b*/
.current_content{
}

.current_content h2{
   font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #CC3300;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 27px 0px 10px 0px;
}

.current_content p {
   font-family: Verdana;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
} 

.current_content li {
    font-size: 11px;
    color: Black;
    font-family: Verdana;
    padding-top: 4px;
    padding-bottom: 4px;
} 

.current_content strong {
	color: #970017;
 	font-weight: bold;
 } 
 
 
 
 
 
 #content {
 
    position: absolute;
    
    left: 220px;
    padding-left: 3em;
    padding-top: 2em;
    padding-right: 1%;
    padding-bottom: 5em;
    color: #696F72;
    font-size: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;}
    #content a:link { color: #CC3300;}
    #content a:visited { color: #CC3300;}
    #content a:hover { background-color: #CC3300; color:#ffffff;}

#content img {border-color:"#CC3300";}  

#content P { color: #000000; margin-top:0em;}

#content h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-bottom: 0em; margin-top:0em;
    color: #CC0033;}

#content h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    margin-bottom: 0em; margin-top:0em;
    color: #CC3300;}

#content ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #696F72;}

#content h4 {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #696F72;
    margin-top: 1.5em;
    margin-bottom: .1em;}

h4 + p {margin-top: 0;}

#content h3 {
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    color: #696F72;
    margin-top: .5em;
    margin-bottom: .5em;}

#leftnav {
   width: 277px;
    background-color: white;
    vertical-align: top;
   /* border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;*/
	 border: none;
    padding-bottom: 20em;
	 margin-left: 1em;
    margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

#leftnav p {
 padding-left: 5em;
}

#leftnav a {
    font-size: 15px; 
    display: block;
    padding-left: 1em; padding-top: .2em; padding-right: .4em; padding-bottom: .1em;
    border-bottom: 1px solid #000000; color:#ffffff; text-decoration: none;
	 border: none;
	 }

	
	 #leftnav a:link { color: #000000;}
    #leftnav a:visited { color: #000000;}
	 /*#leftnav a:hover { background-color: #cc0033; color:#ffffff;}*/

#photo { border-bottom: 1px solid #000000; }

.band{
	padding-top: 800px;	
} 
 
.old_current_content {
	background-color: white;
}
 
 
/*current content-e*/


/*-----2008.12.19----add gta search form------- */

#top_search{
	position: relative;
	width: 541px;
	height: 134px;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	margin-top: 30px;
	margin-bottom:15px;
	background: url(img/search-form-bg.gif) no-repeat;
	
}
#top_search .caption{
	position: relative;
	float: left;
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;
	width: 340px;
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;
}

#top_search select{
	border: 1px solid #cc3300;
	margin-right: 0px;
}

label {
  
  font-weight: bold;
}