/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#000000;
   background: #FFF;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;}
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}
  

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#1B547F;
 text-decoration: underline;}

a:hover, a:active {
 text-decoration:none;}

.nounderline{
  text-decoration:none !important;}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
   width:947px;
   margin: 0 auto;}


/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#header{
   background:url('../images/bg_header.jpg') no-repeat top right;}

#header-wrapper{
   padding: 0 0 3px 0;
   background: url('../images/nav_bottom.gif') no-repeat bottom left;}

#header h1 a{
   display:block;
   text-indent:-9999px;
   overflow:hidden;
   width: 402px;
   height:79px;
   background: url('../images/logo.gif') no-repeat top left;}

ul#main-nav{
   font-weight:bold;
   background:#2E78B0 url('../images/bg_nav.gif') repeat-x top left;
   font-size:1.2em;}

ul#main-nav li{
   float:left;
   color:#FFFFFF;}

ul#main-nav li a{
   color:#FFF !important;
   display:block;
   float:left;
   height:14px;
   padding: 10px 14px;
   text-decoration:none !important;
   border-left:1px solid #75AAD2;
   border-right:1px solid #2B6484;}

ul#main-nav li a:hover,
ul#main-nav li:hover a,
ul#main-nav li.sfhover a{
   background:#3F4C6B;
   border-color:#3F4C6B !important;}

ul#main-nav li.first a{
   background:url('../images/nav_left.gif') no-repeat top left;
   border-left:none;}

ul#main-nav li.first a:hover{
  background:#3F4C6B url('../images/nav_left.gif') no-repeat 0 -34px !important;}

ul#main-nav li.last{
   padding: 7px 14px 3px 15px;
   border-left:1px solid #75AAD2;
   font-size:1.6em;
   color:#FEFF55;}

ul#main-nav ul{
   position:absolute;
   width: 109px;
   clear:left;
   font-size:0.9em;
   visibility:hidden;
   font-weight:normal !important;
   background:#2E77AF;}

ul#main-nav li:hover ul,
ul#main-nav li.sfhover ul{
   visibility:visible;}

ul#main-nav li:hover ul a,
ul#main-nav li.sfhover ul a{
   background:#2E77AF !important;}

ul#main-nav ul li{
   float:none !important; }

ul#main-nav ul li a{
   float:none !important;
   padding: 5px;
   border:none !important;}

ul#main-nav ul li a:hover{
   background:#3F4C6B !important; }

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#breadcrumbs{
   font-size:1.2em;
   color:#2E2D2D;
   padding: 6px 0 10px 0;}

#breadcrumbs a{
   color:#2E2D2D !important;
   padding: 0 3px 0 0;
   text-decoration:none !important;}

#breadcrumbs li{
   float:left;
   padding: 0 3px;}

#sidebar{
   width: 160px;
   float:left;}

#sidebar .subnav-box{
   padding: 0 0 10px 0;}

#sidebar .subnav-box h2,
#sidebar .sponsors h3,
#sidebar .shop h3{
   background:url('../images/rounded_red.gif') no-repeat top left;
   height:23px;
   color:#FFF;
   padding: 8px 0 0 10px;
   font-size:1.1em;}

#sidebar .subnav-box ul{
   border:1px solid #E2E2E2;
   border-top:none;
   font-size:1.1em;
   padding: 6px;}

#sidebar .subnav-box ul li{
   display:inline;}

#sidebar .subnav-box ul li a{
   display:block;
   padding: 5px;
   color:#000000 !important;
   text-decoration:none !important;
   border-bottom:1px solid #E7E8E6;
   background:url('../images/bullet_arrowgray.gif') no-repeat 135px center;}

#sidebar .subnav-box ul li a:hover{
   color:#1B547F !important;}

#sidebar  .sponsors{
   padding: 0 0 15px 0;}

#sidebar  .sponsors h3{
   background:url('../images/rounded_green.gif') no-repeat top left;
   margin: 0 0 7px 0;}

#sidebar  .sponsors a{
   display:block;
   margin: 0 0 10px 0;}

#sidebar  .shop h3{
   background:url('../images/rounded_yellow.gif') no-repeat top left;
   font-size:1.7em;
   color:#660000;}

#sidebar .shop a{
   border:1px solid #F7B001;
   display:block;
   border-top:none;}

#main-content{
   width: 778px;
   float:right;}

#main-content .box p{
   padding: 7px 3px 8px 3px;
   font-size:1.1em;
   line-height:1.2em;}

#main-content .last{
  padding:0 !important;}

#main-content  .box{
  margin: 0 0 15px 0;
  float:left;
  padding: 0 10px 0 0;}

.places-to-stay .box{
   width: 147px;}

.places-to-stay h2,
.transportation h2{
   background:url('../images/rounded_blue.gif') no-repeat top left;
   font-size:1.2em;
   padding: 8px;
   height:11px;
   color:#FFF;}

.places-to-stay h2 a{
   color:#FFF !important;
   display:block;
   background:url('../images/icon_find.gif') no-repeat top right;
   text-decoration:none !important;}

.places-to-stay p{
   border:1px solid #B4B4B4;
   border-top:none;}

.places-to-stay p img{
   margin: 0 0 5px 0;}

.transportation .box{
   width: 186px;}

.transportation .box h2{
   background:url('../images/rounded_bluebig.gif') no-repeat top left;}

.transportation .box p{
   background:#F6F6F6;
   padding-left:7px !important;
   border:1px solid #D0D0D0;}

.transportation .box p span{
   min-height:190px;
   display:block;
   height: auto !important;
   height:190px;}

.transportation .box p img{
   margin: 8px 0 0 0;}

.transportation .box a.more{
   display:block;
   background:url('../images/btn_learnmore.gif') no-repeat top left;
   margin: 10px 0 5px 0;
   width:92px;
   height:24px;
   text-indent:-9999px;
   overflow:hidden;}

#main-content .col{
   width:383px;
   float:left;}

#search-box{
   background:url('../images/searchbox_top.gif') no-repeat top left;
   padding: 9px 0 0 0;
   margin: 0 0 10px 0;}

#search-box-wrapper{
   background:#4F93C4 url('../images/searchbox_bottom.gif') no-repeat bottom left;
   padding: 0 6px 9px 11px;}

#search-box h3{
   color:#FFF;
   font-size:1.4em;
   padding: 0 0 15px 0;}

#search-box ul#tabs li{
   float:left;
   padding: 0 4px 0 0;
   font-size:1.2em;}

#search-box ul#tabs li a{
   display:block;
   text-decoration:none !important;
   padding: 3px 8px;
   background:#2D5F83;
   color:#D7D7D7;
   float:left;}

#search-box ul#tabs li a:hover,
#search-box ul#tabs li a.selected{
   background:#FFF;
   color:#000 !important;}

#search-box ul#tabs li a.selected{
   font-weight:bold;}

#tab-hotel,#tab-apartment,#tab-hostel{
   background:#FFF;
   padding: 18px 0px 5px 14px;}

#search-box h4{
   color:#000;
   font-weight:normal;
   font-size:1.4em;
   padding: 0 0 10px 0;}

#search-box h5{
   font-style:italic;
   font-size:1.4em;
   clear:both;
   padding: 5px 0 0 0;
   color:#2D5F83;}

#search-box label{
   font-weight:bold;
   font-size:1.1em;
   display:block;
   padding: 0 0 3px 0;}

#search-box .date{
   width: 170px;
   float:left;}

#search-box .persons{
   width: 65px;
   padding: 10px 0 0 0;
   float:left;}

#search-box input.text{
   border:1px solid #6897C5;
   padding: 3px 5px;
   height:13px;
   font-size:11px;
   width: 143px;
   background:#ECECEC;}

#search-box select{
   width: 38px;
   height:20px;
   font-size:11px;
   border-top:1px solid #808080;
   border-left:1px solid #808080;
   border-bottom:1px solid #D4D0C8;
   border-right:1px solid #D4D0C8;}
#search-box select.text {
	border:1px solid #6897C5;
	background:#ECECEC;
	padding: 1px;
	width: auto;
}   

#search-box  .submit{
   margin: 18px 0 0 0;
}

#main-content  .city-guide{
   float:right;
   padding: 0 0 9px 0;
   margin: 0 0 10px 0;
   background:url('../images/rounded_colbottom.gif') no-repeat bottom left;}

#main-content  .city-guide-wrapper{
   border:1px solid #C6C6C6;
   border-width: 0 1px;
   padding: 5px 9px 0 9px;}

.custom-tours{
   background:#E0ECF4 url('../images/rounded_lightblue.gif') no-repeat top left;
   padding: 10px 0 0 0;
   margin: 0 0 10px 0;}

.custom-tours-wrapper{
   background:url('../images/rounded_lightbluebottom.gif') no-repeat bottom left;
   padding: 0 5px 10px 11px;}

.custom-tours h3{
   color:#2D5F83;
   padding: 0 0 5px 0;
   font-size:1.4em;}
.custom-tours h3 a {
	text-decoration: none;
}

.custom-tours img{
   float:left;}

.custom-tours ul{
   float:right;
   width:200px;
   font-size:1.1em;}

.custom-tours ul li{
   padding: 0 0 5px 0;}

.custom-tours ul li a{
  color:#2D5F83 !important;}

#main-content  .city-guide h3{
  background:url('../images/rounded_bluebiggest.gif') no-repeat top left;
  height:26px;
  padding: 10px 0 0 10px;
  font-size:1.4em;
  color:#FFF;}

#main-content  .city-guide h4{
  color:#1B547F;
  font-size:1.2em;
  padding: 0 0 8px 0;}

.city-guide .weather,
.city-guide .barcelona-info{
  border-bottom:1px solid #B7B7B7;
  padding: 10px 0;}

.city-guide .weather .today{
  width:139px;
  font-size:1.3em;
  float:left;}

.city-guide .weather .today .temp{
  font-size:1.4em;
  font-weight:bold;}

.city-guide .weather .today span{
  display:block;}

.city-guide .weather  ul{
   float:right;
   font-size:1.3em;
   width:210px;}

.city-guide .weather  ul li{
   float:left;
   width: 70px;
   text-align:center;}

.city-guide .weather  ul li img{
   border:1px solid #BBBBCC;
   margin: 5px 0;}

.city-guide .top-rated-tours{
   float:left;
   padding: 5px 0 0 0;
   width: 175px;}

.city-guide .top-rated-tours ul{
   padding: 0 0 10px 0;
   font-size:1.2em;
   line-height:1.5em;}

.city-guide .map{
   border-left:1px solid #B7B7B7;
   width: 165px;
   float:left;
   padding: 5px 0 0 17px;}

.city-guide .map p{
   font-size:1.2em;
   padding: 8px  0;}

.city-guide .map a{
  color:#497EB4 !important;}

.city-guide .restaurants{
  padding: 10px 0 0 0;}

.city-guide .restaurants img{
   float:left;
   border:1px solid #5485B7;}

.city-guide .restaurants ul{
  float:right;
  color:#4277AD;
  font-size:1.1em;
  width: 180px;}

.city-guide .restaurants ul a{

  color:#4277AD !important;}

.city-guide .restaurants ul li{
  padding: 0 0 12px 0;
  line-height:1.2em;}

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer {
  padding: 14px 0 0 0; 
  color:#404040;}

#footer a{
  color:#5252FF !important;}

#footer .announce{
   background:#F4F3F3;
   border:1px solid #1F72A1;
   padding: 13px 10px 0 10px;
   font-size:1.4em;}

#footer .announce p {
   padding: 0 0 15px 0;}

#footer .announce span{
   text-transform:uppercase;
   font-weight:bold;
   color:#000;}

#footer .footer-text{
   color:#858585;
   padding: 15px 0 0 0;
   font-size:1.1em;}

#footer .footer-text a{
  color:#858585 !important;}

#footer .footer-text p{
   float:left;
   line-height:1.3em;
   width: 350px;}

#footer .footer-text p a{
   text-decoration:none !important;
   color:#858585 !important;}

#footer .footer-text p a:hover{
   text-decoration:underline !important;}

#footer .footer-text ul{
   width: 440px;
   float:right;}

#footer .footer-text ul li{
   float:left;
   padding: 0 5px;
   border-right:1px solid #858585;}

#footer .footer-text ul li.last{
   border:none;
   padding-right:0 !important;}

#footer .footer-text ul a:hover{
  color:#5252FF !important;
  text-decoration:underline !important;}
  
  
  
/* 3.4 INTERIOR PAGES
-----------------------------------------------------------------------------------------------
===============================================================================================*/ 
#interior {
	padding: 0 0 0 10px;
}
#interior h1 {
	margin: 0 0 1.0em 0;
	font-size: 2.4em;
	color: #1b547f;
} 
#interior h3 {
	margin: 1.5em 0 1.0em 0;
	font-size: 1.6em;
}
#interior p {
	margin: 1.0em 0 1.0em 0;
	font-size: 1.3em;
	line-height: 150%;
}
#interior li {
	list-style-type: inherit;
	font-size: 1.3em;
	line-height: 150%;
}
#interior ol {
	margin: 1.0em 0 1.0em 0;
	padding: 0 0 0 20px;
	list-style-type: decimal;
}
#interior .divider {
	margin: 1.5em 0 1.5em 0;
	height: 1px;
	overflow: hidden;
	background-color: #CCCCCC;
}
#interior .threecol {
	float: left;
	width: 246px;
	margin: 0 15px 0 0;
}
#interior .threecol.last, #interior .fourcol.last {
	margin-right: 0;
}
#interior .fourcol {
	float: left;
	width: 180px;
	margin: 0 16px 0 0;
}
#interior table.general-table.center {
	margin: 0 auto;
}
#interior table.general-table.border {
	padding: 8px;
	border: 1px solid #cccccc;
	background-color: #fafafa;
}
#interior table.general-table th {
	font-weight: bold;
	font-size: 1.3em;
	padding: 4px;
}
#interior table.general-table .red {
	background-color: #de0605;
	color: #fff;
}
#interior table.general-table .green {
	background-color: #4c964b;
	color: #fff;
}
#interior table.general-table .blue {
	background-color: #3f85ba;
	color: #fff;
}
#interior table.general-table .dkgrey {
	background-color: #404040;
	color: #fff;
}
#interior table.general-table .ltgrey {
	background-color: #ededed;
}
#interior table.general-table td {
	font-size: 1.3em;
	padding: 4px;
}
#interior small {
	font-size: .8em;
}
#interior .textbox {
	font-size: 1em;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666 #d9d9d9 #d9d9d9 #666666;
}
#interior input.textbox {
	width: 250px;
}
#interior textarea.textbox {
	width: 250px;
	height: 100px;
}



/* page-specific - apartment pages */
#interior ol.aptsteps {
	margin-top: 1.5em;
}
#interior ol.aptsteps li {
	margin: 0 0 .5em 0;
	font-size: 1.5em;
	font-weight: bold;
}
#interior .apBox {
	margin: 0 0 40px 0;
	clear: both;
}
#interior .apBox .header {
	margin: 0 0 6px 0;
	font-size: 1.5em;
	font-weight: bold;
}
#interior .apBox .apImg {
	float: left;
	width: 120px;
	margin: 0 0 10px 0;
}
#interior .apBox .apCont {
	margin: 0 0 0 130px;
	width: 635px;
}
#interior .apBox .apCont table.infoBar {
	
}
#interior .apBox .apCont table.infoBar th {
	padding: 4px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	background-color: #cfdde5;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#interior .apBox .apCont table.infoBar td {
	padding: 4px;
	font-size: 1.2em;
	background-color: #f5f8fa;
	border-right: 1px solid #fff;
}
#interior .apBox .apCont table.infoBar td sup {
	font-size: .8em;
	line-height: .8em;
}
#interior .apBox .apCont .descArea {
	margin: 1.0em 0 0 0;
	font-size: 1.2em;
	line-height: 130%;
}
#interior .apBox .apCont .buttons {
	margin: .6em 0 0 0;
	font-size: 1.2em;
}
#interior .apBox .apCont .buttons a {
	margin-right: 6px;
}
#interior table.apt-features {
	width: 100%;
}
#interior table.apt-features th {
	padding: 4px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	background: #4c964b;
	color: #fff;
	border: 1px solid #fff;
}
#interior table.apt-features td {
	padding: 4px;
	width: 25%;
	font-size: 1.3em;
	background: #fafafa;
	border: 1px solid #fff;
}
#interior table.apt-dates {
	width: 100%;
}
#interior table.apt-dates th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
	font-size: 1.3em;
	background: #e0e0e0;
	border: 1px solid #fff;
}
#interior table.apt-dates td {
	padding: 4px;
	font-size: 1.3em;
	background: #fafafa;
	border: 1px solid #fff;
}
#interior table.apt-dates td.months {
	background: #f2f2f2;
	border: 1px solid #fff;
}
#interior ul.bull {
	list-style-type: disc;
	padding: 0 0 0 20px;
}
#interior ul.bull li {
	list-style-type: disc;
}

/* page-specific - hotel pages */
#interior table.find-hotels {
	margin: 0 auto;
	border: 1px solid #bfbfbf;
	background: #f7f7f7;
}
#interior table.find-hotels td {
	font-size: 1.3em;
	padding: 6px;
}
#interior table.find-hotels .button {
	background-color: #3f85ba;
	border: 1px solid #2e6087;
	color: #fff;
	padding: 2px 5px;
	font-size: .9em;
	font-weight: bold;
	cursor: pointer;
}

/* page-specific - flight deals */
#interior .rumbo_maleta {
	color: #fff;
}
#interior a.rumbo_maleta {
	text-decoration: underline;
}
#interior a.rumbo_maleta:hover {
	color: #e5e5e5;
}


/* page-specific - shop */
table.shop {
	width:768px;
}
.shop .left {
	width: 140px;
	text-align: left;
}
.shop .right {
	width: 140px;
	text-align: right;
}
.shop .images {
	width: 244px;
	text-align: right;
	padding: 4px 0 4px 0;
}
.shop .links {
	width: 224px;
	padding: 0 0 0 20px;
	font-size: 1.4em;
	font-weight: bold;
}