html { overflow-y: scroll; }
* {margin:0;padding:0;}
img {border:0;}
body {
  margin: 0;
  height: 100%;
  padding: 0;
  background:#CDE;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  font-size:12px;
  padding-bottom:20px
}
h1, h2, h3, h4, h5, h6 {margin: 0 0 5px 0;}
h1 {padding-bottom: 0px;font-size:16px;color: #333;font-weight:bold;}
h2 {font-size:15px;}
h3 {font-size:16px;color:#0088CC}
h6 {font-size:18px;border-bottom:2px solid #555; color:#555; margin-bottom:10px;}

a {color: #0066CC;}
a:hover {text-decoration:underline;}

#header, #columns, #menu, #footer {border-left:15px solid #AACCEE;border-right:15px solid #AACCEE;background:#FFFFFF;margin: 0 auto;}

#header {clear:both;height:120px; font-size:18px; background:#FFF url(../img/cabecera.jpg) right top no-repeat;}
#header #eslogan {font-size:20px; font-weight:normal; color:#BB3377; display:block; }

#menu ul {
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	background-color:#0088CC
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li a {
  float: left;
  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  color: #FFF;
  padding:12px 10px 9px 10px;
  text-decoration:none;
  border-left:1px solid #7AD;
}
#menu ul li a span {display: block;padding: 2px 7px;}
#menu ul li a:hover{text-decoration:underline;}
#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
  
}

/* Column widths */
.width {
  width: 940px;
}

.widthPad {
  width: 856px;
}

.widthL {width:180px;padding:0;}
/*.widthL {width:180px;padding:0;overflow:hidden;}*/
.widthL1 {width:280px;padding:0;}
.widthL2 {width:350px;padding:0;}
.widthL a {text-decoration:none;}
.widthL a:hover {text-decoration:underline;}
.widthL ul {list-style-type:none;}
.widthL li { padding:2px 0}
.widthC {width:550px;padding:0;}
.widthC2 {width:757px;}
.widthR {width:200px;padding:0;}
.widthR1 {width:300px;padding:0;}
.widthR2 {width:475px;padding:0;}

.widthC2 ul {margin:0 20px;}
.widthC2 li {padding-right:20px; padding-bottom:5px}

/*html .widthC {width:460px;padding:0 5px;}*/

#footer {
  clear: both;
  line-height:18px;
  border-bottom:15px solid #AACCEE;
  padding-bottom:5px;
  padding-top:10px;
  text-align:center;
  /*background:#FFF url(../img/footer.jpg) right bottom no-repeat;*/
}

.listaC img {float:left; margin-right:10px; padding:4px; border:1px solid #AAA;}

.listaC span a { border:1px solid #0BF; padding:0 5px; background-color:#0099FF; color:#FFFFFF; text-decoration:none; float:right }
.widthR span a { border:1px solid #991166; padding:0 5px; background-color:#BB3377; color:#FFFFFF; text-decoration:none; }

.btn1 a { border:1px solid #0BF; padding:0 5px; background-color:#0099FF; color:#FFFFFF; text-decoration:none; }
.btn2 a { border:1px solid #991166; padding:0 5px; background-color:#BB3377; color:#FFFFFF; text-decoration:none; }

.separador {clear:both; text-align:right; padding-bottom:15px; padding-top:0; margin-bottom:15px; border-bottom:5px solid #AACCEE}
.separador2 {border-bottom:5px solid #AACCEE; padding:0;margin:0;line-height:0;}
.separador3 {clear:both; text-align:right; padding-bottom:5px; padding-top:0; margin-bottom:10px; border-bottom:5px solid #AACCEE}
.separadorMini {clear:both; text-align:right; padding-bottom:1px; padding-top:0; margin-bottom:20px; border-bottom:5px solid #AACCEE}
.separadorPunts {clear:both; padding-bottom:15px; border-top:6px solid #8BF}
.separadorSimple {clear:both; text-align:right; padding:0 0 15px 0;margin:0; border-top:3px solid #AACCEE}
.separadorSimple2 {clear:both; text-align:right; padding:0 0 15px 0;margin:0 100px; border-top:1px solid #ABD;height:1px;}

.floatLeft {float:left;}
.floatRight {float:right;}

ol {margin-left:20px;}

/*********** Site commons *************/
.image_border { padding:4px; background-color: #FFF; border:1px solid #AAA}
.msg_info { background:#EFE; border:2px solid #0C0; padding:5px; margin:5px 0;}
.msg_info2 { background:#EFE; border-top:2px solid #0C0; border-bottom:2px solid #0C0; padding:5px 0; margin:5px 0;}
.msg_error { background:#FFA; border:2px dotted #E00; padding:5px; margin:5px auto; clear:both; }
.floatL {float:left;}
.floatR {float:right;}
.padding1 { padding:15px; }
.padding2 { padding:10px; }
.padding3 { padding:0 15px 10px 15px; }
.padding4 { padding:5px; }
.paddingT1 {padding-top:5px;}
.paddingT2 {padding-top:10px;}
.paddingT3 {padding-top:35px;}
.paddingB1 {padding-bottom:5px;}
.paddingR1 {padding-right:10px;}
.paddingL1 {padding-left:10px;}
.marginT1 { margin-top:10px; }
.marginT2 { margin-top:13px; }
.clearer {clear:both; padding:5px 0}
.borderT1 {border-top:2px solid #AAA; padding:10px 0}
.borderT2 {border-top:2px solid #AAA; padding:4px 0}
.fontsize1 {font-size:11px}
.fontsize2 {font-size:14px}
.fontsize3 {font-size:13px}
.fontcolor1 {color:#BB3377}
.fontcolor2 {color:#333; font-weight:bold}
.fontcolor3 {color:#484; font-weight:bold}
.fontcolor4 {
	color:#F33ABC;
	font-weight:bold
}
.fontcolor5 {
	color:#FF0000;
	font-weight:bold
}
.fontcolor6 {
	color:#FF9900;
	font-weight:bold
}
.fontcolor7 {
	color:#009900;
	font-weight:bold
}
.alignC {text-align:center}
.par {
	background-color:#EAF0F7
}
.tablaCompara {margin:0 auto; background-color:#FFFFFF}
.tablaCompara td {padding:3px;}
.sitemaplinks {line-height:22px; width:320px; float:left; margin-right:20px; margin-bottom:10px}
.sitemaplinks a {border:1px solid #ABE; padding:1px 3px; text-decoration:none; display:block; margin-bottom:5px}
.sitemaplinks a:hover { border:1px solid #ABE; padding:1px 3px; text-decoration:underline}
.guide1, .guide2, .guide3, .guide4 {width:300px; float:left; margin:35px 10px 0px 30px}
.guide1D, .guide2D, .guide3D, .guide4D {width:480px; float:left; margin:30px 15px 0px 40px}

.guide1 h1, .guide1D h1 {background: url(../img/bg_guide1.gif) no-repeat; height:30px; padding-left:50px; padding-top:10px; margin-bottom:0}
.guide2 h1, .guide2D h1 {background: url(../img/bg_guide2.gif) no-repeat; height:30px; padding-left:50px; padding-top:10px; margin-bottom:0}
.guide3 h1, .guide3D h1 {background: url(../img/bg_guide3.gif) no-repeat; height:30px; padding-left:50px; padding-top:10px; margin-bottom:0}
.guide4 h1, .guide4D h1 {background: url(../img/bg_guide4.gif) no-repeat; height:30px; padding-left:50px; padding-top:10px; margin-bottom:0}
.guide1 a, .guide2 a, .guide3 a, .guide4 a {text-decoration:none}
.guide1 a:hover, .guide2 a:hover, .guide3 a:hover, .guide4 a:hover {text-decoration:underline}

.guide1D h2 {
	background-color:#FF3E3E;
	color:#FFFFFF;
	padding:5px;
	margin-top:15px;
}
.guide1D ol li {padding-bottom:15px}

/*********** Forms ***********/
fieldset { margin:0; padding:3px 5px 10px 5px; border:2px solid #999}
fieldset legend {font-size:14px;color:#222; padding:0 5px 10px 5px}
.fieldset1 label { width:145px; float:left; text-align:right; padding:4px;}
.fieldset1 span { display:block; float:left; padding:3px; width:245px;}
.minifieldset label { width:70px; display:block; float:left; text-align:right; padding:4px;}
.minifieldset span { display:block; float:left; padding:3px 0; width:100px; }
input, textarea, select {font-family: verdana, arial, sans-serif;color: #222;font-size:12px;border:1px solid #999}
.botones_01 { padding:3px 3px; cursor:pointer; font-size:11px; }
.campos_01 { font-size:12px; width:26px; }
.campos_02 { font-size:11px; }
.InputWidth {width:180px}

.Paginador {padding:5px;background-color:#FFFFFF}
.Paginador span {float:right}
.Paginador a {margin: 1px;background-color:#EEE;border: 1px solid #bbb;padding:1px 4px;  text-decoration:none}
.Paginador a:hover {border: 1px solid #08C;background-color:#FFF;}
.Paginador ul { list-style-type:none; display:inline; margin:0; padding:0; }
.Paginador ul li { display:inline; margin:0; padding:0; }
.Paginador .activo { padding: 0 5px 0 5px; font-weight:bold; }
ol {margin-left:20px;}
blockquote {padding:10px}

.headSResult {background-color:#0088CC; padding:5px; color:#FFFFFF; text-align:right}
.headSResult a {color:#FFFFFF}

.tableResults th {font-size:11px; background-color:#DDEEFF; padding:5px; font-weight:normal}
.tableResults td {padding:5px}
.tableResults .imgprop {
	width:150px;
	padding:4px;
	background-color: #FFF;
	border:1px solid #AAA;
}
.tableResults label { margin-left:25px }
.tableResults del { color:#666; font-weight:normal; font-size:12px; }
.priceList {font-size:16px; color:#BB3377; text-align:center; font-weight:bold}

.tablePrices {
	background-color:#F2FBFD;
	border:2px solid #ABD;
}

.InfoBox {
	background-color:#F2FBFD;
	border:2px solid #ABD;
	padding:5px;
	font-size:11px;
}

#calendari .ng-cal {width:178px;
		float:left;
		margin-right:15px;}
#calendari { width:710px; }
#calendari .ng-cal-header-table { width:670px; }

/*
 * EXTRA CSS
 */

.sr_table {
	border-spacing:3px;
	width:100%;
	background-color:#E0EBF4;
	padding:0;
	color: #043F80;
	border-top:10px solid #E0EBF4;
}
.ckboxlist {
	list-style:none;
	padding:0 0 15px 0;
	float:left;
	clear:both;
	width:100%;
	background-color:#E0EBF4;
	color: #043F80;
}
.ckboxlist li { display:block; float:left; width:200px; padding-left:25px; }
.sr_btn { margin: 5px 0; padding: 1px 5px;  }


.fontcolorBlue { color:#0088CC; }

.calPop {
border:solid #666666 1px;
background:#ffffff;
padding-bottom:5px;
padding-top:5px;
}
.calPop {width:220px;height:220px;display:none;} /* posar el height evita error en JS en ie6 */
.calPop .ng-cal-header-table { width:210px; }


.ajax-loading {
	padding: 17px 0 0 0;
	background: url(/img/spinner.gif) no-repeat center;
}

#menu ul li { text-transform:capitalize}

#apartmentMenuList li {font-size:11px}
.button_big {margin: 0 0 15px 0;}
.gmaps_info {
	padding:10px 0 10px 0;
	margin:0;
	width:210px;
}

.breadCrumb {
  font-size:12px;
  color:#0088CC;
  margin: 0;
  padding-bottom:0;
}

.breadCrumb .breadCrumbCaret {
  font-size: 16px;
  color: #666;
  font-weight: normal;
  line-height: 10px;
  padding: 0 4px 0 4px;
}

.breadCrumb a:link,
.breadCrumb a:active,
.breadCrumb a:visited {
  color:#0088CC;
  text-decoration: none;
}

.breadCrumb a:hover {
  text-decoration: underline;
}
.detailDesc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size:12px;
	text-decoration:none;
	font-weight: normal;
}
#calculatorTable {
	width: 100%;
/*cellSpacing="5" cellPadding="0"*/	
}
#calculatorTable td {
	padding: 2px 5px 0 0;
}
.note {
	font-style: italic;
	font-size: 10px;
}
.currencyBox {
	border:1px solid;
	display:block;
	float:right;
	padding: 4px;
	background-color:#F2FBFD;
	border:2px solid #ABD;
	font-size: 11px;
	font-weight: bold;
	color: #0088CC;
}
.currencyBox select {
	font-size: 11px;
}

#centralCalc .calcSelect, #calculatorTable .calcSelect {
	width:42px;
}
#centralCalc .calcSelectMonth, #calculatorTable .calcSelectMonth {
	margin-left: 2px;
}
.calcDateTrigger {
	background:url(../img/ico-cal.gif) no-repeat; 
	width:18px;
	height:18px;
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	text-indent:-9999px;
}

#searcherLateral .calcSelect, #searcherLateral .calcSelectMonth {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	margin-bottom:1px;
}
#searcherLateral .calcSelect { width:40px; }
#searcherLateral .calcSelectMonth { width:106px; }

/**** TOOLTIPS *****/


.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background-color: black;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background-color: black;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.Tips1 {border:0;vertical-align:middle;margin:0;padding:0 0 0 4px;}

/* segona home */
div.row {
	clear: both;
}

#home2 {
margin:0;
padding:0;
list-style:none;
}
#home2 a {
	text-decoration:none;
	color: #043f80;
}
#home2 a:hover {
	text-decoration:underline;
}
#home2 li {
	margin:0;
	padding:0;
	font-weight: bold;
	color: #043f80;
	height:67px;
	padding:13px 0 0 110px;
	font-size: 12px;
}

#home2 strong {
	color: #4599f9;
	font-size: 16px;
}

#home2 li.icon1 {
	background: url(../img/home-icon01.jpg) no-repeat 10px 0px;
}
#home2 li.icon2 {
	background: url(../img/home-icon02.jpg) no-repeat 10px 0px;
}
#home2 li.icon3 {
	background: url(../img/home-icon03.jpg) no-repeat 10px 0px;
}

/* enquesta satisfacció */
.survey {padding-top: 15px}
.survey p {padding: 10px }
.survey .col2 {background-color:#E0EBF4}

.survey ul {margin:0;padding:0 0 5px 0;list-style:none;}
.survey ul li {margin:0;padding-left:10px;list-style:none;}
.survey textarea {width:400px;height:80px;}

.surveyTable2 {width:100%;padding:0;}
.surveyTable2 th {font-weight: bold; color:#333; width:100px;}
.surveyTable2 .lst {font-weight: bold; color:#333;text-align: left;}
.surveyTable2 td {text-align: center; vertical-align: middle; width:100px;}

#tableReviews {
	background-color:#F2FBFD;
	border:2px solid #ABD;
	float:left;
	margin-top:20px;
	width:698px;
	padding:8px;
}

#tableReviews img { vertical-align:middle }
#tableReviews .tableReviewsItem {  
	float:left;
	padding-bottom:10px;
}
#tableReviews table { float:left;width:220px;border-spacing:8px }
#tableReviews table th { vertical-align:middle }
#tableReviews .tableReviewsComments {  
	float:left;
	padding-bottom:10px;
	padding-left:10px;
	width:460px;
}
#tableReviews .tableReviewsRecommend {  
	float:left;
	padding-bottom:10px;
	padding-left:8px;
	clear:both;
}

#searcherLateral {
	border: 1px solid #ECECEC;
	border-bottom:0;
	border-top:0;
}
#searcherLateral h6 {
	font-size:11px;
	line-height:12px;
	/*cursor:pointer;*/
	border:0;
	margin:0;
	padding:5px 0;
}
#slider,#slider2 { margin: 0 5px; }

#searcherLateral fieldset {
	background:transparent url(/img/bg-nav-facet.png) repeat-x scroll 0 bottom;
	margin:0;
	border:0;
	border-bottom:1px solid #ECECEC;
	padding:0 10px 10px 10px;
}
#searcherLateral input {
	border:0;
}
#searcherLateral label {
	font-size:11px;
	padding-left:5px;
}
.sliderContainer { height:35px; }
.sliderContainer a:hover { text-decoration:none; }
.ui-slider-label { font-size:9px; }
.newHeader {
	background:transparent url(/img/bg-header.gif) repeat-x scroll 0 0;
	background-color:#0088CC;
	color:#FFFFFF;
	padding:3px 10px;
	border: 1px solid #ECECEC;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

.ui-effects-transfer {
	border: 2px solid #888;
	z-index:9999;
}

#tabwrapper {
	height:24px;
	text-align:right;
}

/* NEW TAB */
a.tab {
    background: transparent url('/img/bg-header.gif') repeat-x scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom:0;  
}

a.tab span {
    background: transparent url('/img/bg-header.gif') repeat-x;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    -moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom:0;
}
a.tab:hover { color: #fff; text-decoration: underline; }

/* BUTTON DEFAULT (MYLIST) */
a.button {
    background: transparent url('/img/bg-buttonblue.gif') repeat-x scroll top right;
    color: #333;
    display: block;
    float: left;
    height: 19px;
    font-size: 11px;
    margin-right: 0px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.button span {
    background: transparent url('/img/bg-buttonblue.gif') repeat-x;
    display: block;
    line-height: 9px;
    padding: 5px 0 5px 10px;
    -moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}
a.button:hover { color: #333; text-decoration: none; }
/* BUTTON GREY */
a.buttongrey {
	background: transparent url('/img/bg-buttongrey.gif') repeat-x;
}
a.buttongrey span {
	background: transparent url('/img/bg-buttongrey.gif') repeat-x;
}
/* BUTTON BLUE */
a.buttonblue2 {
	color: #fff;
	background: transparent url('/img/bg-header.gif') repeat-x;
}
a.buttonblue2 span {
	background: transparent url('/img/bg-header.gif') repeat-x;
}
a:hover.buttonblue2 {
	color: #fff;
	text-decoration:underline;
}
/* BUTTON GREEN BIG */
a.buttongreen {
	color: #fff;
	background: transparent url('/img/bg-buttongreen.gif') repeat-x;
	height: 24px;
    font-size: 13px;
    font-weight:bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
a.buttongreen span {
	background: transparent url('/img/bg-buttongreen.gif') repeat-x;
	line-height: 12px;
	padding: 6px 0 6px 10px;
}
a:hover.buttongreen {
	color: #fff;
	text-decoration:underline;
}

.translating_msg {
	font-weight: bold;
	color: #BB3377;
	background: url(/img/spinner.gif) no-repeat right 0;
	padding-right:20px;
}

.original_msg, .translated_msg {
	font-weight: bold;
	color: #BB3377;
	display: none;
	cursor: pointer;
	text-decoration: underline;
}

/* Booking button */
.button-big {
    font-size: 13px;
    font-weight:bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background: url(/img/button1.png);
    float: left;
    padding-left: 8px;
    display: block;
}


.button-big a {
    background: url(/img/button1.png) 100% 0;
    float: left;
    padding-right:35px;
    text-decoration: none;
    line-height: 33px;
    cursor:pointer;
    color:#fff;
}

.button-big a:hover {
    color:#FFF;
    text-decoration: underline;
}

.button-big.current a:hover {
    color:#FF5500;
}

.button-big a span{
    height:33px;
    float:left;
}