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

body {
	color				: #3b3b3b;
	background			: #FFF url(../img/back_body.jpg) center top no-repeat;
}

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

#grupPag {
	background			: #eaeaea;
	border-bottom		: 5px solid #3b3b3b;
	padding				: 0 0 20px 0;
}

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


#logo {
	height				: 130px;
	display				: block;
	position			: absolute;
	top 				: 10px;
	left				: 150px;
}

.ACT #logo,
.FAM #logo,
.WEL #logo {
	left				: 230px;	
}

#cabe {
	padding				: 0 0 14px 0 0;
	background			: url(../img/back_pestanyes_ALL.png) left bottom repeat-x;
	position			: relative;
}

#slider,
#slideShow {
	height				: 310px;
	width				: 100%;
}

#imatgeCabe {
	position			: absolute;
	top					: 24px;
	right				: 53px;
}

/*---------------------------------------------
//  pagina Home
//---------------------------------------------
*/

#paginaHome {
	padding				: 200px 0 0 0;	
}

#menuHome {
	background			: url(../img/back_menu_home.png) left bottom no-repeat;
	width				: 100%;
	overflow			: hidden;
	padding				: 10px 0 20px 0;
}

#menuHome ul{
	margin				: 0 10px;
}

#menuHome li{
	border-bottom		: 1px solid red;
	font-weight			: bold;
	padding				: 4px 0;
}

#menuHome li:before{
	content				: " . ";
}

#menuHome .columnaHome {
	width				: 160px;
	float				: left;
}

#menuHome #colALL {
	width				: 400px;	
}

#menuHome #colALL a {
	display				: block;
	height				: 70px;
	width				: 80%;
	position			: relative;
	border				: 1px solid #bdbcbd;
	-moz-border-radius	: 5px;
	-webkit-border-radius: 5px;
	border-radius		: 5px;
	behavior			: url(ie-css3.htc);
	margin				: 10px 0 0 20px;
	z-index				: 10;
	background			: #FFF;
	color				: #3b3b3b;
}


#menuHome #colALL a:hover {
	background			: #e7e7e7;
	text-decoration		: none;
}

#menuHome #colALL a img{
	position			: absolute;
	left				: 10px;
	top					: 10px;
	border				: 1px solid #bdbcbd;
}


#menuHome #colALL a strong{
	position			: absolute;
	top 				: 15px;
	left				: 85px;	
}

#menuHome #colACT li{
	border-color		: #c4cd99;
	color				: #4c5b01;
}

#menuHome #colACT li a{
	color				: #4c5b01;
}

#menuHome #colFAM li{
	border-color		: #bfc1d6;
	color				: #49496e;
}

#menuHome #colFAM li a{
	color				: #49496e;
}

#menuHome #colWEL {
	width				: 230px;
	color				: red;
}

#menuHome #colWEL li{
	border-color		: #a7cdf0;
	color				: #2263a4;
}

#menuHome #colWEL li a{
	color				: #2263a4;
}


/*---------------------------------------------
//  idiomes
//---------------------------------------------
*/

#idiomes {
	position			: absolute;
	top					: 10px;
	right				: 20px;	
}

#idiomes img {
	border				: 1px solid #999999;
	margin				: 0 0 0 3px;
}

/*---------------------------------------------
//  pestanyes
//---------------------------------------------
*/
#pestanyes {
	padding				: 130px 0 14px 5px;
	background			: url(../img/back_pestanyes_ALL.png) left bottom repeat-x;

}

.home #pestanyes {
	background			: url(../img/back_pestanyes_home.jpg) left top no-repeat;
	padding				: 188px 0 10px 0;
	overflow			: hidden;
}

.WEL #pestanyes,
.WEL #cabe{
	background-image	: url(../img/back_pestanyes_WEL.png);
}

.FAM #pestanyes,
.FAM #cabe {
	background-image	: url(../img/back_pestanyes_FAM.png);
}

.ACT #pestanyes,
.ACT #cabe {
	background-image	: url(../img/back_pestanyes_ACT.png);
}

#pestanyes li {
	display				: inline-block;
	*display			: inline;
	font-size			: 18px;
	font-weight			: bold;
	text-transform		: uppercase;
	margin				: 0 0 0 1px;
	border				: 1px  solid #3b3b3b;
}

.home #pestanyes li {
	display				: block;
	float				: left;
	border				: none;
	width				: 160px;
	text-align			: center;
	overflow			: hidden;
}

.home #pestanyes li:first-child {
	width				: 400px;
}

.home #pestanyes li:last-child {
	width				: 230px;
}

#pestanyes li a{
	line-height			: 28px;
	display				: inline-block;
	width				: 220px;
	text-align			: center;
	color				: #FFF;
}

.home #pestanyes li a{
	display				: inline;
}

li#pestaALL  {
	background			: #6b3626;
}

.HOT li#pestaALL,
.CAM li#pestaALL{
	padding				: 0 0 5px 0;
	border-bottom		: 0;
	background			: #4f1501;
}

li#pestaACT  {
	background			: #6c8201;
}

.ACT li#pestaACT  {
	padding				: 0 0 5px 0;
	border-bottom		: 0;
}

li#pestaFAM  {
	background			: #656599;
}

.FAM li#pestaFAM  {
	padding				: 0 0 5px 0;
	border-bottom		: 0;
	background			: #732dda;
}

li#pestaWEL  {
	background			: #2d83da;
}

.WEL li#pestaWEL  {
	padding				: 0 0 5px 0;
	border-bottom		: 0;
	background			: #2263a4;
}

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

#menuSuperior {
	overflow			: hidden;
	width				: 700px;
	padding				: 0 0 0 260px;
	position			: absolute;
	left				: 0;
	bottom				: 30px;
	background			:  url(../img/back_menu_superior_ALL.png) left top repeat-x;
}

#menuSuperior li {
	display				: inline-block;
	*float				: left; /* IE6, IE7 */
	font-size			: 11px;
	margin				: 0 20px 0 0;
	white-space			: nowrap; /* IE6, IE7 */
	padding				: 7px 0 7px 0;
}

#menuSuperior li:last-child {
	margin				: 0;
}

#menuSuperior strong{
	display				: block;
	font				: normal bold 21px "Arial Narrow", Helvetica, Arial, sans-serif;
}

#menuSuperior a{
	color				: #3b3b3b;	
}

#menuSuperior a strong {
	color				: #2e0a00;	
}

/*---------------------------------------------
//  Menu lateral
//---------------------------------------------
*/

#seccioLateral {
	margin				: -110px 0 0 10px;
	width				: 240px;
	float				: left;
}

#menuLateral>ul {
	border				: 1px solid #2e0a00;
	width				: 196px;
	padding				: 10px 15px 30px 15px;
	color				: #FFF;
	font-family			: "Arial Narrow", Helvetica, Arial, sans-serif;
	background			: #330d02 url(../img/back_menu_lateral_ALL.png) left top repeat-x;
	position			: relative;
	z-index				: 5;
}

.ACT #menuLateral>ul{
	background			: #75890c url(../img/back_menu_lateral_ACT.png) left top repeat-x;	
}

.FAM #menuLateral>ul{
	background			: #8740ee url(../img/back_menu_lateral_FAM.png) left top repeat-x;	
}

.WEL #menuLateral>ul{
	background			: #1c6fe9 url(../img/back_menu_lateral_WEL.png) left top repeat-x;	
}

#menuLateral ul a {
	color				: #FFF;
	display				: block;
	padding				: 5px 0 7px 0;
}

/* per evitar el doble padding dels links fets desde sopinet*/
#menuLateral ul a+a{
padding:0 0 7px 0;
margin: -5px 0 0 0;
}

#menuLateral>ul>li:not(:first-child) {
	border-top			: 1px solid #a64e35;
	border-bottom		: 1px solid #2e0a00;
	font-size			: 15px;
	font-weight			: bold;
	background			: url(../img/back_menu_lateral_li_ALL.png) left 12px no-repeat;
	padding				: 0 0 0 15px;
}

.FAM #menuLateral>ul>li:not(:first-child) {
	background			: url(../img/back_menu_lateral_li_FAM.png) left 12px no-repeat;
	border-bottom		: 1px solid #732dda;
	border-top			: 1px solid #c5a0fe;
}

.ACT #menuLateral>ul>li:not(:first-child) {
	background			: url(../img/back_menu_lateral_li_ACT.png) left 12px no-repeat;
	border-top			: 1px solid #b5c179;
	border-bottom		: 1px solid #6c8201;
}

.WEL #menuLateral>ul>li:not(:first-child) {
	background			: url(../img/back_menu_lateral_li_WEL.png) left 12px no-repeat;
	border-top			: 1px solid #82bbfd;
	border-bottom		: 1px solid #1a63ca;
}

#menuLateral ul ul li {
	background			: url(../img/back_menu_lateral_li_ALL.png) left 9px no-repeat;
	padding				: 0 0 0 15px;
	font-size			: 13px;
}

.FAM #menuLateral ul ul li {
	background-image	: url(../img/back_menu_lateral_li_FAM.png);
}

.ACT #menuLateral ul ul li {
	background-image	: url(../img/back_menu_lateral_li_ACT.png);
}

.WEL #menuLateral ul ul li {
	background-image	: url(../img/back_menu_lateral_li_WEL.png);
}

#menuLateral ul ul li a{
	padding				: 2px 0 4px 0;
}

#menuLateral>ul>li:first-child {
	font-size			: 18px;
	font-weight			: bold;
	text-align			: center;
	background			: #4f1500;
	margin				: 0 0 10px 0;
	line-height			: 28px;
	-moz-border-radius	: 5px;
	-webkit-border-radius	: 5px;
	border-radius		: 5px;
	border				: none;
	behavior			: url(ie-css3.htc);
	z-index				: 10;
	position			: relative;
}

.ACT #menuLateral>ul>li:first-child {
	background			: #6c8201;
}

.FAM #menuLateral>ul>li:first-child {
	background			: #6519d6;
}

.WEL #menuLateral>ul>li:first-child {
	background			: #1c5287;
}

#menuLateral>ul>li:nth-child(2) {
	border-top			: none;
	behavior			: url(ie-css3.htc);
}

.bannerMenu {
	
}

.bannerMenu img {
	margin				: 10px 0 0 0;
	border				: 1px solid #3b3b3b;	
}



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

#pagina {
	margin				: 0 20px 0 260px;
	padding				: 15px 0 0 0;
	font-size			: 13px;
	line-height			: 150%;
}

#pagina.ofertesHome {
	margin				: 0 20px 0 10px;
}

#titPagina h2 {
	font				: normal normal 14px/10px "Arial Narrow", Helvetiva, Arial, sans-serif;
	text-transform		: uppercase;	
}

#titPagina h1 {
	font				: normal bold 38px/40px "Arial Narrow", Helvetiva, Arial, sans-serif;
	color				: #4f1500;
	border-bottom		: 2px solid #4f1500;
	padding				: 0 0 10px 0;
	margin				: 0 0 20px 0;
}

.ACT #titPagina h1 {
	color				: #6c8201;
	border-bottom		: 2px solid #6c8201;
}

.FAM #titPagina h1 {
	color				: #6519d6;
	border-bottom		: 2px solid #6519d6;
}

.WEL #titPagina h1 {
	color				: #1c5287;
	border-bottom		: 2px solid #1c5287;
}

#textePagina p {
	margin				: 2px 0 4px 0;	
}

#textePagina .imgTop,
#textePagina .imgBottom {
	text-align			: center;
	overflow			: hidden;
	width				: 100%;
	_width				: 99%; /* per IE6*/
}

#textePagina .imgTop img,
#textePagina .imgBottom img{
	max-width			: 678px;
	margin				: 0 0 15px 0;
	border				: 1px solid #3b3b3b;
}

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

#textePagina h3{
	padding				: 0 0 10px 0;
	font-size			: 18px;
	font-weight			: bold;
	color				: #4f1500;
}


#textePagina ul {
	margin				: 2px 0 4px 10px;
}

#textePagina li {
	padding				: 0 0 2px 12px;
	background			: url(../img/back_li.png) left 8px no-repeat;
}

.conte_noticies {
	overflow			: hidden;
	margin				: 0 0 15px 0;
}

.conte_noticies img{
	max-width			: 75px;
	float				: left;
	margin				: 5px 15px 0 0;
	border				: 1px solid #3b3b3b;	
}

.texte_noticies {
	overflow			: hidden;
	height				: 63px;
}

.texte_noticies img {
	display				: none;
}

/* 	############ allotjaments ##################
	###########################################
	###########################################
*/

.allotjaments{
	background: #f7f5eb;
	border-top: 1px solid #ccc7ae;
	vertical-align: top;
	width: 100%;
}

.allotjaments th{
	border-right: 1px solid #ccc7ae;
	background: #f0ecd7;
	padding: 15px;
	vertical-align: top;
}
.allotjaments td{
	padding: 15px;
	vertical-align: top;
}

.allotjaments p{
	padding: 0 0 20px 0;
	line-height: 16px;
}

.botReserva{
	text-align:center;
}

.botReserva a{
	background: url(../img/back_boto_reserva.png) bottom left repeat-x #25410e;
	border: 2px solid #FFF;
	font: normal bold 18px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding: 10px 25px;
	margin: 20px 0;
	border:2px solid #000;
	display: inline-block;
	_display: inline;
	-webkit-border-radius: 4px;
	-moz-border-radius	: 4px;
	border-radius		: 4px;
	behavior			: url(ie-css3.htc);
	position			: relative;
	z-index				: 5;
	background			: #3b3b3b;
}

/* 	############ tarifas     ##################
	###########################################
	###########################################
*/

.tableTarifas{
border: 1px solid #4f1500;
	width				: 80%;
}

.tableTarifas td, .tableTarifas th{
	padding: 5px;
	border-bottom:1px solid #FFF;
	background:#f4f4f4;
}

.tableTarifas thead th{
	font-weight			: bold;
	background			: #b9af73;
	color				: #FFF;
}

.tableTarifas tbody th{
	font-weight			: bold;
	background			:#e1e1e1;
}

.tableTarifas a:link, .tableTarifas a:active, .tableTarifas a:visited{
	padding				: 5px;
	background			: #3b3b3b;
	color				: #FFF;
	border				: 1px solid #000;
	display				: inline-block;
	_display			: inline;
	-webkit-border-radius: 4px;
	-moz-border-radius	: 4px;
	border-radius		: 4px;
	behavior			: url(ie-css3.htc);
	position			: relative;
	z-index				: 5;
}

.tableTarifas a:hover{
	background			: #718708;
	border				: 1px solid #1f3a08;
}

thead th.tespecial,
tbody th.tespecial{
	background			: #b3b3ed;
	color				: #FFF;
}

td.tespecial {
	background			: #ddddf7;
}

thead th.talta,tbody th.talta{
	background			: #f2a32b;
	color				: #FFF;
}

td.talta {
	background			: #f9d6a0;
}

thead th.tbaixa,
tbody th.tbaixa{
	background			: #6eddb8;
	color				: #FFF;
}

td.tbaixa {
	background			: #bef0df;
}

.tableTarifas h1{
	padding				: 0 0 10px 0;
	font-size			: 18px;
	font-weight			: bold;
	color				: #4f1500;
}


/*---------------------------------------------
//  Ofertes
//---------------------------------------------
*/

#ofertes {
	width				: 220px;	
}

.ofertes dl,
#ofertes dl {
	background			: #FFF;
	padding				: 10px;
}

.ofertes h3,
.ofertes dt,
#ofertes dt {
	font				: normal bold 24px/120% "Arial Narrow", Arial, Helvetica, sans-serif;
	border-bottom		: 4px solid #c2b986;
}

.WEL #ofertes dt {
	border-bottom		: 4px solid #aedbfa;
}

.ofertes dd,
#ofertes dd {
	background			: url(../img/back_ofertes_home_dd.png) left bottom repeat-x;
	overflow			: hidden;
	padding				: 7px 0;
}

.ofertes dd img,
#ofertes dd img{
	max-width			: 40px;
	border				: 1px solid #3b3b3b;
	margin				: 0 10px 0 0;
	float				: left;
}

.ofertes a,
#ofertes a {
	color				: #3b3b3b;	
}

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



address {
	width				: 100%;
	overflow			: hidden;
	font-size			: 11px;
	padding				: 25px 0;
	background			: url(../img/logo_resort_peu.png) left 5px no-repeat;
}

address a{
	color				: #3b3b3b;
	text-decoration		: underline;
}

address p{
	float				: left;
	margin				: 0 15px 0 0;
}

address p:first-child{
	margin				: 0 20px 0 180px;	
}

address p:last-child{
	margin				: 0;	
}