/* @override http://integration.hotelsearch.com/stylesheets/hsrpStyles.css */

@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------------------
	BASIC ELEMENTS
	CREATION DATE: 04.05.2009
	UPDATED DATE: 18.11.2009 
-----------------------------------------------------------------------------------------------------

	INDEX:
	. NORMALIZATION
	. TYPOGRAPHY
	. HEADINGS
	. LINKS
	. RESISTANT STRUCTURE
	    · Header
	    · Contents
	        · Filter 
	        · Searched criteria
	        · Buttons Search
	        · No hotel text
	        · Tabs
	        · 'Sort By' Drop menu
	    · HOTEL LIST
	        · Corners
	        · Hotel Name + Location + Section
	        · Hotel Sections
	        · Photos
	        · Hotel Reviews
        · MAP VIEW 
            · Google Map styles  
        · Hotel Reviews  
        · Paging   
        · Footer
        · Misc
        
---------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------
	=NORMALIZATION  ---------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

/* Background Color */

body { background-color:#fff;}

/* Remove padding and margin */

* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */

select option { padding:0 0.2em;}

/* Class for clearing floats */
.pusher { clear:both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Remove style on lists and address */

ul { list-style:none;}

/* Remove border around linked images */

a img, :link img, :visited img, img { border: 0; }


/*---------------------------------------------------------------------------------------------------
	=TYPOGRAPHY  ------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

/* =Types and Sizes 
-----------------------------------------------------*/

body { font: 62.5% Verdana, sans-serif; }

body, p, div, ol, ul, li, form, select, input, textarea, table, tr, td, th { 
	color:#444;
}

li ul li { font-size:1.05em;}

.smallText { font-size:1.1em;}

/*---------------------------------------------------------------------------------------------------
	=HEADINGS  --------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", Verdana, sans-serif; 
	font-weight:normal;
}


h1 a {
	display:block;
	height:30px;
	width:227px;
	outline:none;
	padding:0;
}

h2 { font-size: 2.2em;}

h3 { 
	font-size: 2em;
	margin-top:1.5em;
}
h4 { 
	font-size: 1.8em;
	margin-top:1.1em;
}

h5 { 
	font-size: 1.6em;
	font-weight:bold;
}


/*---------------------------------------------------------------------------------------------------
	=LINKS  -----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

a { text-decoration:none;}
a:link { color:#005AFF; }
a:visited { color:#8E1ECF; }
a:hover, a:active { 
	color:#FF1A00;
	text-decoration:none;
 }

/* Remove mark around active links */

*:focus { outline:none;}
 
.rightArrow {
	background: url('../imagesv02/bgFivestar.png') no-repeat top right;
	padding-right:1em;
	font-size:.8em;
	 }

/*---------------------------------------------------------------------------------------------------
	=RESISTANT STRUCTURE ---------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

#hsContainer.resultPage {
	width:98em;
	margin:0 auto;
	max-width:1260px;
	position:relative;
}

/* =Header 
-----------------------------------------------------*/

#hsContainer #logo{
	height:48px;
	width:260px; 
	background:url('../imagesv02/bgFivestar.png') no-repeat 0 0;
	text-indent: -10000px;
	margin:.1em .7em 0;
	}
p.breadcrumb{
	font-size: 1.1em;
    margin:0 1.5em 2em;
    }
/* =Language
-----------------------------------------------------*/
ul#languages {
   position: absolute;
   top: 1em;
   right:1.2em;
  }
ul#languages li {float:left; display:inline; padding:0 0.8em; color:#a5a5a5;}


p, td, th, li, input { font-size:1.2em;}

/* =Contents
-----------------------------------------------------*/

/* Filter */

#hotelListFilter {
	margin:-1em 0 1.5em 0;
	height: 10em;
}

#hotelListFilter .hotelNumber {
	width:16em;
	display:inline;
	float:left;
	text-align:center;
	padding-bottom:1em;
}

#hotelListFilter .hotelNumber span {
	display:block;
	font:4em "Trebuchet MS", Verdana, sans-serif;
	color:#000;
}

/* Searched criteria */

#hotelListFilter #criteria {
	width:50em;
	display:inline;
	float:left;
	margin:0.8em 0 0 0;
	border-left: solid 1px #e1e0e0;
	padding-left:2em;
	min-height:7em;
}

* html #hotelListFilter #criteria { height:7em;}

#hotelListFilter #criteria p { margin:0.7em 0;}


/* No hotel text */

#hsContainer .noHotel {
	text-align:center; 
	font-size:1.6em; 
	color:#cd0000; 
	margin:3em auto;
	clear:both;
}

/*= HOTEL LIST
-------------------------------------------------------------- */

#hsContainer .hotelDetails { 
	background:url('../imagesv02/bgFivestar.png') repeat-x 0 -148px; 
	margin: 0.8em auto 1.5em auto;
	position: relative;
	border: solid 1px #c9cacd;
	text-align:left;
	padding:1em;
 }

* html #hsContainer .hotelDetails {height:10px;}
*+html #hsContainer .hotelDetails  {min-height:10px;}


/* Corners */

#hsContainer .hotelDetails span.cn {
	position: absolute;
  	height: 8px; width: 8px;
  	background: url('../imagesv02/bgFivestar.png') no-repeat;
  	line-height: 1px; font-size: 1px;
  	
}
 
#hsContainer .hotelDetails span.tl {top: -1px; left: -1px; background-position:0 -64px; }
#hsContainer .hotelDetails span.tr {top: -1px; right: -1px; background-position:-8px -64px;}
#hsContainer .hotelDetails span.bl {bottom: -1px; left: -1px; background-position:0 -72px;}
#hsContainer .hotelDetails span.br {bottom: -1px; right: -1px; background-position:-8px -72px;}
#hsContainer .hotelDetails span.bd { 
    position:absolute;
    height: 80px;
    width: 1px;
    background-color: #fff;
    top: 7px;
}

* html #hsContainer .hotelDetails span.tr, * html #hsContainer .hotelDetails span.br {right: -2px; }


#hsContainer .hotelDetails b.bd.l { left: 0;}
#hsContainer .hotelDetails b.bd.r { right: 0; }


/* Hotel Name + Location + Section */

#hsContainer .hotelDetails .hotelInfo {
	display:inline;
	float:left;
	width:26em;
	margin-right:1.5em;
	text-align:right;
	height:100%;
}

#hsContainer .hotelInfo h3 { 
	margin:0 0 0.3em 0;
    text-align: right;
    }

#hsContainer .hotelInfo span{ 
	width:42px;
	height:6px;
	margin-top:1.5em;
	text-align: right;
	float: right;
	font-size: .1em;
	}
* html #hsContainer .hotelInfo span, *+html #hsContainer .hotelInfo span{
	
	margin-top: 0.2;
}

#hsContainer .hotelInfo span.star5 { background:url('../imagesv02/bgFivestar.png') no-repeat -135px -65px;}
#hsContainer .hotelInfo span.star4 { background:url('../imagesv02/bgFivestar.png') no-repeat -135px -81px;}
#hsContainer .hotelInfo span.star3 { background:url('../imagesv02/bgFivestar.png') no-repeat -135px -97px;}
#hsContainer .hotelInfo span.star2 { background:url('../imagesv02/bgFivestar.png') no-repeat -135px -112px;}
#hsContainer .hotelInfo span.star1 { background:url('../imagesv02/bgFivestar.png') no-repeat -135px -128px;}


/* Hotel Sections */

#hsContainer ul.hotelSections {
	position:absolute;
	bottom:1em;
	left:13em;
	width: 157px;
}

#hsContainer ul.hotelSections li {
	display:inline;
	float:left;
	margin:0 0.5em 0.5em 0.5em;
	font-size:1.1em; 
}

/* Photo */
#hsContainer .hotelDetails .hotelPhotoWrapper{
    position:relative;
    width:140px;
    height:140px;
    float:left;
    display:inline;
}

#hsContainer .hotelDetails .hotelPhoto {
	float:left;
	width:140px;
	height:140px;
	padding:2px;
	border:solid 2px #C9CACD;
	background:#FFF;
}

	
#hsContainer .hotelDetails .hotelPhoto img {
	width:140px;
	height:140px;
}

#hsContainer .hotelDetails img.noPhoto {
	width:140px;
	height:140px;
	display:inline;
	float:left;
	padding:2px;
	border:solid 2px #C9CACD;
	background:#FFF;
}

/* Hotel Reviews */

#hsContainer .hotelOverview  {
	display:inline;
	float:left;
	width:51em;
	margin-left:2.3em;
}


#hsContainer .hotelOverview .note.rating{ 
	position:absolute;
	top:0;
	left:0;
	width: 40px;
	height: 41px;
	padding-top: 8px !important;
	padding-left: 2px;
	text-align: center;
	font-size: 1.2em !important;
	font-weight:bold;
	background: url('../imagesv02/bgFivestar.png') no-repeat -57px -65px;
	}
* html #hsContainer .hotelOverview .note.rating{
	left:-60px;
}
.ratingBarUser {
      background:url('../imagesv02/bgFivestar.png') no-repeat 0 -85px;
      width:31px;
      height:5px;
      margin:0.5em auto 0;
      padding:0;
      display:block;
      line-height:1px;
    }
.filledBarUser {
      background:url('../imagesv02/bgFivestar.png') no-repeat 0 -91px;
      height:5px;
      margin:0;
      padding:0;
      float:left;
    } 
#hsContainer .hotelOverview p.outOfLine { 
	clear: left;  
	margin-bottom: 1em;
	font-size:1.1em;
}
#hsContainer .hotelOverview .hotelDescription{
padding:.5em 0;
min-height: 4em;

}
#hsContainer .hotelOverview p.firstlink  { 
	font-size:1.1em;
	clear:both;
	margin:0em 0; }
        
#hsContainer .hotelOverview p.link  { 
	font-size:1.1em;
	clear:both;
	margin:1em 0; }
        
.bocadillo_googlemap p.firstlink, .bocadillo_googlemap p.link {
        clear:both;
        margin:0;
}
        
#hsContainer .hotelOverview .defaultBox, .reviewsSummary .defaultBox {
	text-align: left;
	position:relative;
	padding-left:60px;
}

/* Price and Room description */

#hsContainer .priceDetails {
	position:relative;
	background-color:#e1e0e0;
	border:solid 1px #c9cacd;
	padding:0.7em;
	min-height:2.4em;
}

* html #hsContainer .priceDetails {
	height:4em;
}

/* Corners */
#hsContainer .priceDetails span.cn {
	position: absolute;
	height: 4px; 
	width: 4px;
	background: url('../imagesv02/bgFivestar.png') no-repeat;
	line-height: 1px; font-size: 1px;/* IE/Win 'hacks' */
}  

#hsContainer .priceDetails span.tl { top: -1px; left: -1px; background-position: -20px -64px;}
#hsContainer .priceDetails span.tr { top: -1px; right: -1px; background-position: -24px -64px;}
#hsContainer .priceDetails span.bl { bottom: -1px; left: -1px; background-position: -20px -68px; }
#hsContainer .priceDetails span.br { bottom: -1px; right: -1px; background-position: -24px -68px; }

* html #hsContainer .priceDetails span.tr{ right: -2px;}
* html #hsContainer .priceDetails span.br{ right: -2px;}


/* Price */

#hsContainer .priceDetails .number  {
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	display:inline;
	float:left;
	padding-right:1.2em;
}

#hsContainer .priceDetails .number span.euroSign { 
	font-size:0.8em;
	font-weight:normal;
	padding-left:0.3em;
}

#hsContainer .priceDetails .number span.perNight { 
	font-size:0.7em;
	font-weight:normal;
	color:#444;
	display:block;
}

/* Room description  */

#hsContainer .priceDetails .roomDescription {
	float:left;
	display:inline;
	margin-top:0.1em;
	font-size:1.1em;
	width:30em;
	text-align:left;
}

#hsContainer .priceDetails .roomDescription p a{ font-size:0.8em;}

/* Button Book & Contact Link  */

#hsContainer .priceDetails p.btBook, #hsContainer .priceDetails p.contact {
	display:block;
	position:absolute;
	top:0.5em;
	right:0.5em;	
	font-size:1.1em;
}

#hsContainer .priceDetails p.btBook a {
	text-align: center;
	line-height: 1.8em;
	height: 27px;
	width: 80px;
	float:left;
	color: #fff;
	font-size: 1.3em;
	background: url('../imagesv02/bgFivestar.png') no-repeat -240px -65px;
	
}
#hsContainer .priceDetails p.btBook a:hover{
	text-decoration: none;
	color: #ddd;
}

/*#hsContainer .priceDetails p.btBook a.en { background:url('../imagesv02/btBookEn.png') no-repeat center;}
#hsContainer .priceDetails p.btBook a.es { background:url('../imagesv02/btBookEs.png') no-repeat center;}
#hsContainer .priceDetails p.btBook a.fr { background:url('../imagesv02/btBookFr.png') no-repeat center;}
#hsContainer .priceDetails p.btBook a.de { background:url('../imagesv02/btBookDe.png') no-repeat center;}
#hsContainer .priceDetails p.btBook a.ja { background:url('../imagesv02/btBookJa.png') no-repeat center;}*/

#hsContainer .priceDetails p.contact a { 
	background:url('../imagesv02/arrowBlue.gif') no-repeat right;
	padding-right:8px;
}
/*\*/
html*#hsContainer .priceDetails p.contact { background:url('../imagesv02/arrowBlue.gif') no-repeat right;} /* sólo en safari */


/*\*/
html*#hsContainer .priceDetails p.contact a  { padding-right:8px; background:none;} /* sólo en safari */


/* =Footer
-----------------------------------------------------*/
#footer {
	width:auto;
	border-top: solid 1px #E1E0E0;
	padding:0.3em 0 2em 0;
	float: right;
	margin-top: 2em;
  }
ul#footer li {float:left; display:inline; padding:0 0.8em; color:#a5a5a5;}

p#footerLinks{
	margin-top: 7em;
	font-size: 1.1em;
	
}
p#footerLinks a:link{
	color: #6297f8;
}

p#footerLinks a:hover, p#footerLinks a:active{
color: #f25e5e;
}
/*---------------------------------------------------------------------------------------------------
	=MISC.  -----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

.on { display:block;}
.off { display:none; }