/* Barcelona Hotels  */

body {
    background-color: #00CCCC;
    color: #000000;
    font-family:  Arial;
	 
    margin: 0 0 0 0;
    padding: 0 0 0 0;}

#pic_right {border: 0.5px solid #C30; float:right; margin: 0 0 9 9; }
#pic_left {border: 0.5px solid #C30; float:left; margin: 0 9 9 0; }




#form_items{
	border: 1px solid #B22222;
	background-color: White;
}


#top_menu{
	font-family: Arial;
	font-size: 12px;
	color: #B22222;
	text-align: center;
}



#book{
	font-family: Arial;
	font-size: 12px;
	background-color: #B22222;
	color: White;
	text-align: center;
	width: 40px;
	font-weight: bold;
}

#top_title{
	background-color: #FFCC00;
	color: #D60021;
	border-top: 20px solid;
	border-bottom: 20px solid;
	font-family: Arial;
	font-size: 30px;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 3px;
}

#title_h1{
	color: #D60021;
	font-family: Arial;
	font-size: 30px;
	text-align: center;
	font-weight: bold;

}

#article{
    
    background-color: #FFFFFF;
	font-family: Arial;

	padding-bottom: 0px;
	padding-top: 15px;
 }

#article h1 {
    font-size: 25px;
    color: #D60021;
    font-family: Arial;
}

#article h2 {
    font-size: 23px;
    color: #D60021;
    font-family: Arial;
}

#article p {
    font-size: 14px;
    color: Black;
    font-family: Arial;
} 

#article li {
    font-size: 14px;
    color: Black;
    font-family: Arial;
    padding-top: 4px;
    padding-bottom: 4px;
} 

#article strong {
    font-size: 14px;
    color: #970017;
    font-family: Arial;
	font-weight: bold;
 } 

#article td {
    font-size: 14px;
    color: Black;
    font-family: Arial;
} 

 
#masthead {

    width: 100%;
    height: 123px;
    background-color: #FFFFFF;
    background-image: url(barcelona_hotel_images/banner1.jpg); background-attachment: fixed;
    text-align: center;
    background: url(bannerlogo_bk_css.gif) repeat-x;
 }


#logo {float: right;}

#masthead h1 {
    text-align: center;
    font-size: 30px;
    color: #CC3300;
    font-family: Arial, Helvetica, sans-serif;
/*    padding-top: 20px;  */
    margin: 0 0 0 0;}

#masthead p {
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;}

#band {
    height: 20px;
    background-image: url(barcelona_hotel_images/headband.gif);}

ul {list-style-image: url("barcelona_hotel_images/bullet.gif")}
li {color: #000000;}

#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: 243px;
    background-color: white; /*#FFcc00;*/
    vertical-align: top;
    /*border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;*/
	 border: none;
    padding-bottom: 20em;
    font-family: Verdana, Arial, Helvetica, sans-serif;}


#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: 0px 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; }


/* Print */
@media print {
body {margin: 1cm 1cm 1cm 1cm;}
#logo {display: none;}
#leftnav {display: none;}
#masthead h1 {font-size: 24pt;text-align: center;color: #000000;margin: 0 0 0 0;padding: 0 0 0 0;}
#masthead p {font-size: 10pt;text-align: center;margin: 0 0 0 0;padding: 0 0 0 0;}
#content {font-size: 12pt;position: absolute;top: 100px;left: 0px;}
#content h2 {font-size: 16pt;}
#content h3 {font-size: 14pt;}
#content h4 {font-size: 12pt;}
}