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

html {
	background			: #59c8d9 url(../img/back_html.png) top left repeat-x;
	
}

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

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

#grupPag {
	width				: 100%;
	overflow			: hidden;
	background			: url(../img/back_grup_pagina.png) left top repeat-y;
	margin				: 20px 0 0 0;
}


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

#cabe {
	position			: relative;
	/* temp */
	height				: 210px;
	clear				: both;
}

#cabe blockquote {
	position			: absolute;
	width				: 400px;
	height				: 100px;
	top					: 90px;
	left				: 200px;
	overflow			: hidden;
	font				: normal normal 22px/24px "Arial Black", Helvetica, sans-serif;
	color				: #0a162c;
}

#idiomes {
	padding				: 0;
	position			: absolute;
	left				: 2px;
	top					: 185px;
}

#idiomes a {
	display				: inline-block;
	padding				: 4px;
}

#idiomes a.selected {
}

#idiomes a img {
	border				: 1px solid #FFF;	
}

#logo {
	display				: block;
	width				: 148px;
	height				: 129px;
	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;
	margin				: 0 auto;
	position			: absolute;
	top					: 23px;
	left				: 15px;
}

#slide{
	position			: relative;
	height				: 182px;
}


#slide #slideShow{
	width				: 970px;
	height				: 165px;
	overflow			: hidden;
}

#peuCabe {
	background			: url(../img/back_top_grup_pagina.png) left top no-repeat;
	height				: 23px;
}

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

#menuSuperior {
	margin				: 0 0 0 180px;
}

#menuSuperior ul{
	width				: 100%;
	overflow			: hidden;
	height				: 30px;
}

#menuSuperior li{
	float				: left;
	margin				: 0 3px 0 0;
	background			: url(../img/back_menu_superior_li.png) right top no-repeat;
}

#menuSuperior li a, #menuSuperior li a:link, #menuSuperior li a:visited{
	display				: inline-block;
	height				: 1%; /* per ie 6 */
	font				: normal normal 11px/24px "Arial Black", Helvetica, sans-serif;
	text-transform		: uppercase;
	padding				: 0 8px 0 6px;
	color				: #FFF;
}


#menuSuperior li a:hover {
	background			: #68b154;
	text-decoration		: none;
}


#menuSuperior li.selected {
	background			: #6a9914;
}

#menuSuperior li.selected a:hover{
	background			: #68b154;	
}


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

#menuLateral {
	float				: left;
	width				: 195px;
	background			: url(../img/back_menu_lateral.png) left top repeat-x;
	min-height			: 570px;
}

#menuLateral ul{
	padding				: 0;
}

#menuLateral li {
	font				: normal normal 12px/14px "Arial Black", Arial, Helvetica, sans-serif;
	font-style: inherit;
	padding				: 10px 0;
	text-transform		: uppercase;
	border-top			: 1px solid #d4deb5;
	border-bottom		: 1px solid #FFF;
}

#menuLateral li a, #menuLateral li a:link, #menuLateral li a:visited {
	color				: #207a00;
	display				: block;
	height				: 1%;
	padding				: 2px 2px 2px 10px;
}

#menuLateral li a.pijama1 {
	color				: #0067ac;
}

#menuLateral li.selected0 a,
#menuLateral li.selected1 a{
	color				: #FFF;
}



#menuLateral li.selected0 {
	background			: #207a00;
}
#menuLateral li.selected1{
	background			: #0067ac;
}
#menuLateral li li {
	border				: none;
	font				: normal normal 13px/15px Arial, Verdana, sans-serif;
	text-transform		: none;
	padding				: 1px 0 2px 10px;
}

#menuLateral li#menuLat37,
#menuLateral li#menuLat38{
	text-align			: right;
	padding				: 10px 10px 10px 0;
		
}

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

#pagina {
	width				: 775px;
	overflow			: hidden;
	float				: right;
}



#titPagina {
	padding				: 7px 0 10px 30px;
}

#titPagina h1{
	color				: #3b3b3b;
	font				: normal normal 36px/42px "Arial Black", Impact, sans-serif;
	text-transform		: uppercase;
}


#titPagina h2{
	color				: #59c8d9;
	font				: normal normal 13px/13px "Arial Black", Impact, sans-serif;
	text-transform		: uppercase;
}
#contePagina,
#conteLlistat {
	width				: 790px;
	overflow			: hidden;
}


#textePagina,
.texteLlistat{
	padding				: 13px 0 50px 30px;	
	width				: 525px;
}



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

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

#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 #6e6e6e;	
}


.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				: #207a00 ;
	padding				: 0 0 15px 0;
}


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

.links a {
	display				: inline-block;
	line-height			: 14px;
	background			: url(../img/ico_fletxa.png) right center no-repeat;
	color				: #266a14;
	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				: #81af20;
	margin				: 0 0 5px 0;
}

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

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


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


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

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

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

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

.tipusf3 .llistat,
.tipusf4 .llistat {
	float				: left;
	width				: 250px;
	margin				: 0 0 0 20px;
	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			: #e3e9df url(../img/back_allotjaments.png) left top no-repeat;
}

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

.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				: 217px;
	padding				: 13px 0 0 0;
}

.botons {
	padding				: 20px 10px;
	background			: #e3e9df;
}

.botons  li {
	display				: inline;
	padding				: 0 15px 0 0;
}

.botonsLateral li {
	padding				: 0 0 10px 0;
}

.botons a,
.botonsLateral a {
	background			: url(../img/back_botons_reserves.png) left top no-repeat;
	display				: inline-block;
	font				: normal normal 13px/39px "Arial black", Helvetica, sans-serif;
	padding				: 0 0 0 35px;
	color				: #207a00;
}

.botonsLateral a {
	width				: 138px;	
}

.botInfo a {
	background-position	: 0 -39px;
	color				: #0067ac;
}

.botTarifes a {
	background-position	: 0 -78px;
	color				: #0067ac;
}

.botons em,
.botonsLateral em{
	display				: inline-block;
	background			: url(../img/back_botons_reserves.png) right top no-repeat;
	height				: 39px;
	font				: normal normal 13px/39px "Arial black", Helvetica, sans-serif;
	width				: 12px;
}

.botons a:hover,
.botonsLateral a:hover{
	text-decoration		: none;
}

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


.bannerColor0,
.bannerColor1 {
	background			: #0067ac url(../img/back_banner_top-trans.png) left top no-repeat;
	width				: 184px;
	margin				: 0 0 10px 0;
}


.bannerColor0 {
	background			: #207a00 url(../img/back_banner_top-trans.png) left top no-repeat;
}

.bannerColor0 dt a,
.bannerColor1 dt a{
	color				: #FFF;	
}

.bannerColor0 dd a,
.bannerColor1 dd a{
	color				: #000;	
}

.bannerColor0 dt,
.bannerColor1 dt {
	color				: #FFF;
	font-size			: 12px;
	font-weight			: bold;
	padding				: 10px 10px 3px 10px;
	text-transform		: uppercase;
}

.bannerColor0 dd.bannerDescripcio,
.bannerColor1 dd.bannerDescripcio{
	background			: #aedb91;
	padding				: 4px;
	margin				: 0 10px 5px 10px;
	font-size			: 11px;
	line-height			: 14px;
}

.bannerColor1 dd.bannerDescripcio {
	background			: #6ac6dd;
}
.bannerImatge {
	padding				: 0 10px;	
}

.bannerColor0 .bannerImatge a {
	border				: 1px solid #aedb91;
	display				: inline-block;
}

.bannerColor1 .bannerImatge a {
	border				: 1px solid #6ac6dd;
	display				: inline-block;
}

.bannerImatge img {
	width				: 162px;	
}

.bannerPeu {
	background			: url(../img/back_banner_bottom-trans.png) left top no-repeat;
	height				: 4px;
}




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


#menuInferior {
	background			: #cbd7a6 url(../img/back_top_peu.png) left top no-repeat;
}

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

#menuInferior li{
	display				: inline;
	font				: normal normal 11px/24px "Arial Black", Helvetica, sans-serif;
	text-transform		: uppercase;
	padding				: 0 10px;
}

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

#peu address p {
}

#menuInferior a {
	color				: #3b3d00;
}

/*---------------------------------------------
//  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;	
}