/*---------------------------------------------
//  estructura
//---------------------------------------------
*/

html {
	
}

body {
	color				: #3b3b3b;
	height				: 100%;
	background			: #FFF url(../img/back_body.png) center top repeat-y;
}

#contenidor {
	width				: 1000px; 
	margin				: 0 auto 0 auto;
	padding				: 0;
	position			: relative;
}

#grupPag {
	width				: 980px;
	overflow			: hidden;
	margin				: 0 0 0 0;
}

/*---------------------------------------------
//  cabe
//---------------------------------------------
*/

#cabe {
	position			: relative;
	padding				: 12px 20px 25px 20px;
	clear				: both;
	width				: 960px;
}

#logo-idiomes {
	float				: left;
	padding				: 0 15px 0 0;
}

#destacat_cabe{
	width				: 240px;
	height				: 130px;
	overflow			: hidden;
	float				: left;
}

#cabe blockquote {
	background			: #d3e9ed;
	border				: 1px solid #6fc2d1;
	padding				: 10px 10px 2px 10px
}

#cabe h3{
	font-size			: 22px;
	line-height			: 120%;
	color				: #00375d;
	padding				: 0 0 3px 0;
}

#cabe h3 img{
	vertical-align		: middle;
}

#idiomes {
	margin				: 5px 0 0 0;
	text-align			: center;
	font-size			: 11px;
	font-weight			: bold;
}

#idiomes a {
	color				: #3b5997;
	padding				: 0 0 0 4px;
}

#idiomes a:first-child {
	padding				: 0;
}

#idiomes a.selected {
	color				: #79a316;
}

#logo {
	display				: block;
	width				: 122px;
	height				: 111px;
	font-size			: 0.0;
	line-height			: 0.0;
	text-indent			: -9999px;
	overflow			: hidden;
	background			: url(../img/logo.png) left top no-repeat;
	z-index				: 9;
}

#slide{
	position			: relative;
	border				: 1px solid #6fc2d1;
	float				: right;
	clear				: right;
	width				: 560px;
	height				: 130px;
	overflow			: hidden;
}

#slide #slideShow{
	width				: 560px;
	height				: 130px;
	overflow			: hidden;
}

#slideShow img {
	width				: 560px;
}

/*---------------------------------------------
//  Menu Superior
//---------------------------------------------
*/

ul#menuSuperior{
	width				: 100%;
	height				: 43px;
	overflow			: visible;
	background			: #0067ab url(../img/back_menu_superior_ul.png) right bottom no-repeat;
	clear				: both;
	border-radius		: 8px;
	margin				: 15px 0 0 0;
	behavior			: url(../scripts/PIE.htc);
}

ul#menuSuperior>li{
	float				: left;
	margin				: 0;
	position			: relative;
	font-weight			: bold;
	height				: 43px;
	max-width			: 170px;	
	vertical-align		: middle;
	background			: url(../img/separador_menu_superior.png) left center no-repeat;
	*min-width			: 100px;
}

#menuSuperior>li>a, #menuSuperior>li>a:link, #menuSuperior>li>a:visited{
	display				: table-cell;
	font				: normal bold 14px/15px Arial, sans-serif;
	height				: 43px;
	color				: #FFF;
	vertical-align		: middle;
	margin				: auto 0 auto 20px;
	*display			: block;
	*position			: absolute;
	*left				: 0px;
	*cursor				: pointer;
	*top				: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
	padding				: 0 10px;
}

#menuSuperior>li>a:hover,
#menuSuperior>li:hover{
	background			: #0067ab;
	text-decoration		: none;
}

#menuSuperior>li.selected a{
	color				: #d3e9ed;
}

ul#menuSuperior>li#menu-item-1{
	background			: none;
	*min-width			: 10px;
}

#menuSuperior > li#menu-item-1 a{ /* Home */
	
	width				: 30px;
	overflow			: hidden;
	text-indent			: -9999px;
	background			: url(../img/ico_menu_superior_home.png) center center no-repeat;
	padding				: 0 0 0 0;	
}

#menuSuperior > li#menu-item-38 a{ /* Contacte */
	background			: #d3e9ed url(../img/back_menu_superior_contacte.png) left bottom repeat-x;
	color				: #004a7c;
}

#menuSuperior > li#menu-item-37 a{ /* Reserves */
	background			: #afd459 url(../img/back_menu_superior_reserves.png) left bottom repeat-x;
	color				: #44531f;
}

#menuSuperior > li#menu-item-37,
#menuSuperior > li#menu-item-38{
	float				: right;
}

#menuSuperior > li#menu-item-37{
	margin				: 0 5px 0 0;
}

#menuSuperior li ul{
	position			: absolute;
	background			: #FFF;
	border				: 5px solid #0067ab;
	left				: 0;
	top					: 100%;
	width				: 170px;
	display				: none;
	z-index				: 100;
}

#menuSuperior>li:hover ul{
	display				: block;
}

#menuSuperior ul li{
	float				: none;
	font-weight			: normal;
	border-top			: 1px solid #d3e9ed;
	line-height			: 110%;
}

#menuSuperior ul li:first-child{
	border				: none;
}

#menuSuperior li ul li a,
#menuSuperior li.selected ul li a{
	color				: #599ba7;
	display				: block;
	padding				: 8px 5px 8px 10px;
}

#menuSuperior ul li a:hover{
	background			: #f1f1f1;
	text-decoration		: none;
}

/*---------------------------------------------
//  Lateral
//---------------------------------------------
*/

#lateralEsquerra{
	float				: left;
	width				: 172px;
	margin				: 0 0 0 20px;
}

#facebookFaces {
	width				: 172px;
	overflow			: hidden;
	margin				: 0 0 0 -5px;	
}

ul#menuLateral{
	padding				: 0 0 20px 0;
}

#menuLateral li{
	font				: normal normal 11px/12px Arial, Helvetica, sans-serif;
	padding				: 0 0 2px 0;
}

#menuLateral li a, #menuLateral li a:link, #menuLateral li a:visited {
	color				: #00375d;
}

#menuLateral li a:before{
	content				: "> ";
}

#widgetReserves {
	border				: 1px solid #d3e9ed;
	background			: #f1f1f1;
	padding				: 10px 2px 10px 10px;
	border-radius		: 4px;
}

/*---------------------------------------------
//  Pagina
//---------------------------------------------
*/

#pagina {
	width				: 760px;
	overflow			: hidden;
	float				: right;
	background			: url(../img/back_pagina.png) 590px top repeat-y;
}


#titPagina {
	margin				: 0 0 20px 0;
	padding				: 0 0 10px 0;
}

#titPagina h1{
	color				: #65b0be;
	font				: normal normal 42px/46px Arial, sans-serif;
}

#titPagina h2{
	color				: #59c8d9;
	font				: normal bold 12px/13px Arial,sans-serif;
	text-transform		: uppercase;
}

#contePagina,
#conteLlistat {
	width				: 760px;
	overflow			: hidden;
}

#textePagina,
.texteLlistat{
	padding				: 0 0 30px 0;	
	width				: 570px;
}

#textePagina h3{
	font				: normal normal 19px/23px Arial, Helvetica, sans-serif;
	color				: #497f89;
	padding				: 0 0 5px 0;
}

#textePagina h4 {
	font				: normal bold 14px/18px Arial, Helvetica, sans-serif;
	color				: #497f89;
}

#textePagina .texte ul {
	padding				: 5px 0 10px 10px;
}
#textePagina .texte ul  li {
	padding				: 0 0 5px 14px;
	background			: url(../img/back_li_pagina.png) left 5px no-repeat;
}

.imgLeft {
	float				: left;		
}

.imgLeft img{
	margin				: 0 10px 0 0;	
}

.imgTop img,
.imgBottom img {
	max-width			: 500px;
	padding				: 2px;
	border				: 1px solid #c7c7c7;	
}

.imgTop img {
	margin				: 0 0 15px 0;	
}

.imgBottom img {
	margin				: 15px 0 0 0;	
}

.fitxafd .imgTop {
	float					: right;
	margin					: 0 0 5px 10px;
}

.fitxafe .imgTop {
	float					: left;	
	margin					: 0 10px 5px 0;
}

.fitxafd .imgTop img,
.fitxafe .imgTop img{
	max-width			: 300px;	
}

#grupOfertesHome {
	border				: 1px solid #6e6e6e;
	background			: #FFF;
	padding				: 2px;
	float				: right;
	margin				: 0 0 0 15px;
}

.links {
	overflow			: hidden;
	background			: url(../img/back_li_pagina.png) left 6px no-repeat;
	padding				: 0 0 10px 20px;
}

.grupLink h2 {
	font				: normal bold 20px/18px Arial, Helvetica, sans-serif;
	color				: #497F89;
	padding				: 0 0 15px 0;
}

.links h3 {
	font				: normal bold 14px/18px Arial, Helvetica, sans-serif;
	color				: #3b3b3b;
}

.links a {
	display				: inline-block;
	line-height			: 14px;
	background			: url(../img/ico_fletxa.png) right center no-repeat;
	color				: #939393;
	padding				: 2px 20px 2px 2px;
}

.titFormulariFeina {
	color				: #0067ac;
	font-size			: 14px;
	font-weight			: bold;
	border-bottom		: 2px solid #0067ac;
}

/*---------------------------------------------
//  Tipus pagina llistat
//---------------------------------------------
*/

.introLlistat,
.peuLlistat{
	width				: 100%;
	overflow			: hidden;
}
.introTexte {
	padding				: 0 0 40px 0;	
}

.peuLlistat {
	padding				: 40px 0 0 0;	
}

.introLlistat h3,
.peuLlistat h3{
	font				: normal normal 21px/24px Arial, Helvetica, sans-serif;
	color				: #497f89;
	margin				: 0 0 5px 0;
}

#grupLlistat h3{
	font				: normal bold 14px/18px Arial, Helvetica, sans-serif;
	color				: #497f89;
}

#grupLlistat .llistat {
	font				: normal normal 12px/15px Arial, Helvetica, sans-serif;	
}

.introLlistat .imgTop img,
.peuLlistat .imgTop img {
	width				: 200px;
}

.descarrega {
	font-size			: 14px;
	padding				: 0 0 20px 0;
}

.descarrega img{
	vertical-align		: middle;
	padding				: 0 10px 0 0;
}

.descarrega a {
	font-weight			: bold;
	color				: #0067ac;
}

.tipusf1 .introLlistat .imgTop,
.tipusf1 .peuLlistat .imgTop,
.tipusf3 .introLlistat .imgTop,
.tipusf3 .peuLlistat .imgTop,
.tipusf5 .introLlistat .imgTop,
.tipusf5 .peuLlistat .imgTop{
	float				: left;
}

.tipusf1 .introLlistat .imgTop img,
.tipusf1 .peuLlistat .imgTop img,
.tipusf3 .introLlistat .imgTop img,
.tipusf3 .peuLlistat .imgTop img,
.tipusf5 .introLlistat .imgTop img,
.tipusf5 .peuLlistat .imgTop img{
	margin				: 0 20px 10px 0;
}

.tipusf2 .introLlistat .imgTop,
.tipusf2 .peuLlistat .imgTop,
.tipusf4 .introLlistat .imgTop,
.tipusf4 .peuLlistat .imgTop,
.tipusf6 .introLlistat .imgTop,
.tipusf6 .peuLlistat .imgTop{
	float				: right;
}

.tipusf2 .introLlistat .imgTop img,
.tipusf2 .peuLlistat .imgTop img,
.tipusf4 .introLlistat .imgTop img,
.tipusf4 .peuLlistat .imgTop img,
.tipusf6 .introLlistat .imgTop img,
.tipusf6 .peuLlistat .imgTop img{
	margin				: 0 0 10px 20px;
}


/* *************** f1 i f2*************** */ 


.tipusf1 #grupLlistat,
.tipusf2 #grupLlistat {
	overflow: hidden;
	width: 585px;
	margin: 0 0 0 -25px;
}


.tipusf1 .llistat,
.tipusf2 .llistat {
	float				: left;
	width				: 170px;
	margin				: 0 0 0 25px;
	padding				: 0 0 30px 0;
}


.tipusf1 .llistat .imgTop img,
.tipusf2 .llistat .imgTop img {
	width				: 160px;
}

.tipusf1 .saltaTriple,
.tipusf2 .saltaTriple {
	clear				: both;
}


/* *************** f3 i f4 *************** */ 

.tipusf3 #grupLlistat,
.tipusf4 #grupLlistat {
	overflow: hidden;
	width: 585px;
	margin: 0 0 0 -30px;
}

.tipusf3 .llistat,
.tipusf4 .llistat {
	float				: left;
	width				: 260px;
	margin				: 0 0 0 30px;
	padding				: 0 0 30px 0;
}
.tipusf3 .llistat h3,
.tipusf3 .llistat  .llistatTexte,
.tipusf4 .llistat h3,
.tipusf4 .llistat  .llistatTexte {
	margin				: 0 0 0 90px;	
}


.tipusf3 .llistat .imgTop,
.tipusf4 .llistat .imgTop {
	float				: left;
	margin				: 0;
}



.tipusf3 .llistat img,
.tipusf4 .llistat img {
	width				: 75px;
	margin				: 0;
}


.tipusf3 .saltaDoble,
.tipusf4 .saltaDoble {
	clear				: both;
}

/* *************** f5 i f6 *************** */ 

.tipusf5 .llistat ,
.tipusf6 .llistat {
	width				: 100%;
	overflow			: hidden;
	padding				: 0 0 35px 0;
}

.tipusf5 .llistat .imgTop{
	float				: left;

}

.tipusf6 .llistat .imgTop {
	float				: right;

}

.tipusf5 .llistat .imgTop img{
	width				: 150px;
}

.tipusf6 .llistat .imgTop img{
	width				: 150px;
}

.tipusf5 .llistat h3,
.tipusf5 .llistat  .llistatTexte{
	margin				: 0 0 0 170px;	
}

.tipusf6 .llistat h3,
.tipusf6 .llistat  .llistatTexte {
	margin				: 0 180px 0 0;	
}


/*---------------------------------------------
//  Allotjaments
//---------------------------------------------
*/

.allotjaments {
	background			: #f1f1f1;
	width				: 100%;
	border-top			: 1px solid #d3e9ed;
}

.allotjaments td {
	vertical-align		: top;
	min-width			: 32%;
}

.inclou,
.noInclou,
.altres {
	padding				: 10px;
	font				: normal normal 11px arial, sans-serif;
}

.inclou h4 {
	background			: url(../img/ico_inclou.png) left top no-repeat;
	padding				: 0 0 8px 25px;
}

.noInclou h4 {
	background			: url(../img/ico_no_inclou.png) left top no-repeat;
	padding				:  0 0 8px 25px;
}

.altres h4 {
	background			: url(../img/ico_altres.png) left top no-repeat;
	padding				:  0 0 8px 25px;
}


.tiAllotjaments {
	padding				: 10px;
	border-top			: 1px solid #FFF;
}


/*---------------------------------------------
//  Lateral Reserves
//---------------------------------------------
*/

#lateralDreta {
	float				: right;
	width				: 150px;
	padding				: 0 0 0 0;
}

.botons {
	padding				: 20px 10px;
	background			: #d3e9ed;
	overflow			: hidden;
	background			: #f1f1f1;
	border-bottom		: 1px solid #d3e9ed;
	text-align			: left;
}

.botons  li {
	float				: left;
	padding				: 0 15px 0 0;
}

.botons a {
	display				: inline-block;
	font				: normal bold 15px/18px Arial, Helvetica, sans-serif;
	/*border				: 1px solid #132a3f;*/
	border-radius		: 4px;
	background			: #0067ab url(../img/back_menu_superior_ul.png) left bottom no-repeat;
	padding				: 5px 12px;
	color				: #FFF;
	position			: relative;
	zoom				: 1;
	behavior			: url(../scripts/PIE.htc);
}

.botReserves a {
	background			: #afd459 url(../img/back_menu_superior_reserves.png) left bottom repeat-x;
	color				: #44531f;
}

.botons a:hover {
	opacity				: 0.8;
	text-decoration		: none;
}


/*---------------------------------------------
//  Lateral Banners
//---------------------------------------------
*/

#bannersEsquerra {
	margin				: 15px 0;	
}

.bannerFoto {
	padding				: 0 0 20px 0;	
}

.bannerFoto dt a{
	color				: #00375d;
	font-size			: 12px;
}


.bannerImatge{
	position			: relative;
	width				: 150px;
	overflow			: hidden;	
}

#bannersEsquerra .bannerImatge{
	width				: 166px;
}

.bannerImatge img {
	width				: 148px;
	border				: 1px solid #6fc2d1;	
}

#bannersEsquerra .bannerImatge img {
	width				: 164px;
	border				: 1px solid #6fc2d1;	
}


.bannerImatge a span {
	position			: absolute;
	background			: url(../img/back_banner_descripcion.png) right bottom no-repeat;
	bottom				: 1px;
	z-index				: 10;
	width				: 140px;
	left				: 1px;
	min-height			: 20px;
	padding				: 3px 5px 3px 3px;
	color				: #3b3b3b;
}

#bannersEsquerra .bannerImatge a span {
	width				: 156px;
	
}

.bannerImatge a:hover span{
	text-decoration		: none;
	background-color	: #FFF;
}

.bannerImatge a:hover{
	text-decoration		: none;	
}

/*---------------------------------------------
//  Peu
//---------------------------------------------
*/

#peu {
	color				: #FFF;
	background			: #132a3f;
	padding				: 10px 20px;
}


#menuInferior {
}

#menuInferior ul{
	width				: 100%;
	text-align			: center;
	padding				: 0 0 20px 0;
	
}

#menuInferior li{
	display				: inline;
	font				: normal normal 13px/16px Arial, sans-serif;
	padding				: 0 10px;
	border-left			: 1px solid #59c8d9;
}

#menuInferior li:first-child{
	border				: none;
}


#peu address p {
}

#menuInferior a {
	color				: #59c8d9;
	display				: inline-block;
}

#menuInferior a:hover {
	text-decoration		: none;
	color				: #a3d2d9;
}

/*---------------------------------------------
//  Widget
//---------------------------------------------
*/

#widget select,
#widget input[type=text]{
	font				: normal normal 11px Arial, sans-serif;
}

#widget select {
	width				: 140px;
}

#widget div {
	text-align			: right;
	padding				: 2px 40px 2px 0;
	vertical-align		: bottom;
	width				: 150px;
	overflow			: hidden;
	margin				: 0 auto;
}

#widget label {
	font-size			: 11px;	
}
/*---------------------------------------------
//  Notificaciones
//---------------------------------------------
*/
#postit-container{
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 999999;
	display: none;
}

#post-it{}

#tancar{
	color: black;
	background: #ffffff;
	text-align: right;
	position: absolute;
	right: -21px;
	top: -17px;
	background: url('../img/tancar.png') center center no-repeat;
	width: 40px;
	height: 40px;
}

#tancar:hover{
	cursor: pointer;
}