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

html, body {
	
	
}

body {
	height			: 100%;	
	color			: #3d3d3d;
	background		: url(../img/back_body.png) top left repeat-x;
}
body.areaALL{
	background-color: #7f000b;
}
body.areaSPA{
	background-color: #1b3d75;
}
body.areaCAM{
	background-color: #2f4709;
}
body.areaSAL{
	background-color: #ec4f0c;
}
body.areaGAS{
	background-color: #903d1d;
}
body.areaHOME{
	background		: url(../img/back_body_index.png) top left repeat-x #bcb9d1;
}

#contenidor {
	width			: 950px;
	margin			: 0 auto;
	overflow		: hidden;
}


.salta {
	clear			: both;
}

#grupCabe {
	height			: 271px;
	position		: relative;
	overflow		: hidden;
	}
	
	
#grupPag {
	width			: 942px;
	overflow		: hidden;
	position		: relative;
}


/*---------------------------------------------
//  home
//---------------------------------------------
*/

#conteHome {
	width			: 840px;
	margin			: 0 auto;
	position		: relative;
}

#logoHome {
	text-align		: center;
	padding			: 30px 0 0 0;
}

#vinticincAnysHome{
	position		: absolute;
	right			: 0;
	top				: 20px;
	width			: 161px;
	height			: 126px;
}

#grupEntrada {
	width			: 100%;
	overflow		: hidden;
}
#entraWell,
#entraAllotjaments,
#entraCamping {
	width			: 280px;
	height			: 448px;
	float			: left;
	position		: relative;
}

.idiomesHome {
	display			: none;
	position		: absolute;
	bottom			: 20px;
	left			: 90px;
	font-size		: 14px;
}

.idiomesHome li {
	padding			: 1px 0 1px 0;
	font			: normal bold 12px Arial, Verdana, sans-serif;
	letter-spacing	: 1px;
}

.idiomesHome img {
	border			: 1px solid #FFF;
	vertical-align	: middle;
	margin			: 0 8px 0 0;
}

.idiomesHome a {
	color			: #FFF;	
}

#entraWell {
	background		: url(../img/back_home_spa.jpg) top left no-repeat;
}

#entraWell:hover,
#entraWell.hover{
	background-position	: top right;
}

#entraWell:hover > .idiomesHome,
#entraWell.hover > .idiomesHome{
	display				: block;	
}



#entraAllotjaments {
	background		: url(../img/back_home_all.jpg) top left no-repeat;
}

#entraAllotjaments:hover {
	background-position	: top right;
}

#entraAllotjaments:hover > .idiomesHome {
	display				: block;	
}

#entraCamping {
	background		: url(../img/back_home_cam.jpg) top left no-repeat;
}

#entraCamping:hover {
	background-position	: top right;
}

#entraCamping:hover > .idiomesHome {
	display				: block;	
}

#peuHome {
	margin			: 20px 0 0 0;
	color			: #3b3b3b;
}

#peuHome address{
	font			: normal bold 16px Arial;
	opacity			: 1;
	padding			: 0 0 10px 20px;
	filter			: alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
	zoom			: 1; /* per ie6 i ie7, per transparencia*/
	text-align		: center;
	letter-spacing	: 2px;
}
/*---------------------------------------------
//  cabe
//---------------------------------------------
*/

.areaSPA #grupCabe {
	background		: url(../img/back_cabe_spa.jpg) top left no-repeat;
}

.areaALL #grupCabe {
	background		: url(../img/back_cabe_all.jpg) top left no-repeat;
}

.areaCAM #grupCabe {
	background		: url(../img/back_cabe_cam.jpg) top left no-repeat;
}

.areaSAL #grupCabe {
	background		: url(../img/back_cabe_sal.jpg) top left no-repeat;
}

.areaGAS #grupCabe {
	background		: url(../img/back_cabe_gas.jpg) top left no-repeat;
}

#botons {
	position		: absolute;
	right			: 30px;
	top				: 15px;
}

#botons a {
	color			: #FFF;
	display			: inline-block;
	background		: url(../img/back_botons_ca.png) top left no-repeat;
	width			: 88px;
	height			: 241px;
	overflow		: hidden;
	text-decoration	: none;
	text-align		: center;
}

#botons a span {
	display 		: inline-block;
	visibility		: hidden;
	padding			: 50px 0 0 0;
}



#botons a.botES {
	background		: url(../img/back_botons_es.png) top left no-repeat;
}

#botons a.botEN {
	background		: url(../img/back_botons_en.png) top left no-repeat;
}

#botons a.botFR {
	background		: url(../img/back_botons_fr.png) top left no-repeat;
}

#botons a.botDE {
	background		: url(../img/back_botons_de.png) top left no-repeat;
}

#botALL{
	background		: #7f000b;
}

a#botALL, a#botALL.botES, a#botALL.botEN, a#botALL.botDE, a#botALL.botFR{
	background-position: -88px bottom;
}


a#botSPA, a#botSPA.botES, a#botSPA.botEN, a#botSPA.botDE, a#botSPA.botFR{
	background-position: -177px bottom;
}

a#botCAM, a#botCAM.botES, a#botCAM.botEN, a#botCAM.botDE, a#botCAM.botFR{
	background-position: 0 bottom;
}

.grupSPA #botSPA, .grupALL #botALL, .grupCAM #botCAM{
	display			: none;	
}

a#botALL:hover{
	background		: #c00d00;
}

a#botSPA:hover{
	background		: #2d66c2;
}

a#botCAM:hover{
	background		: #548110;
}

#botons a:hover span {
	visibility		: visible;	
	height			: 10px;
	
}


#grupCabe h1{
	font			: normal normal  44px Impact;
	text-transform	: uppercase;
	color			: #FFF;
	position		: absolute;
	bottom			: 16px;
	left			: 245px;
}

#logo {
	width			: 200px;
	height			: 76px;
	/* background		: url(../img/logo_berga.png) left top no-repeat; */
	/* behavior		: url(css/iepngfix.htc); /* per ie&*/
	position		: absolute;
	top				: 150px;
}

#vinticincAnys{
	width			: 85px;
	height			: 69px;
	position		: absolute;
	left			: 120px;			
	top				: 100px;
}

#idiomes{
	text-align		: center;
	width			: 210px;
	position		: absolute;
	bottom			: 20px;
}

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

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



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

#menuLateral{
	margin			: 2px 0 0 0;
	width			: 210px;
	float			: left;
	font			: normal bold 16px Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
	padding			: 0 0 0 0;
}

#menuLateral a:hover {
	text-decoration	: none;	
}

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


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

#menuLateral li {

	height			: 1%; /* per ie6*/
}

#menuLateral li.titMenuALL span{ 
	background		: url(../img/back_menu_inferior.png) bottom left repeat-x #590008;
	border-bottom	:	1px solid #99333c;
}

#menuLateral li.titMenuALL a:hover span{ 
	background		:  #99333c;
}

#menuLateral li#actual.titMenuALL a:hover span{ 
	background		: #590008;
	cursor			: text;
}

#menuLateral li.titMenuCAM span{
	background		: url(../img/back_menu_inferior.png) bottom left repeat-x #213206;
	border-bottom	: 1px solid #596c3a;
}

#menuLateral li.titMenuCAM a:hover span{
	background		: #596c3a;
}

#menuLateral li#actual.titMenuCAM a:hover span{ 
	background		: #213206;
	cursor			: text;
}

#menuLateral li.titMenuSPA span{
	background		: url(../img/back_menu_inferior.png) bottom left repeat-x #132b52;
	/*background		:  #132b52;*/
	border-bottom	:	1px solid #496491;
}

#menuLateral li.titMenuSPA a:hover span{
	background		:  #496491;
}

#menuLateral li#actual.titMenuSPA a:hover span{ 
	background		: #132b52;
	cursor			: text;
}


#menuLateral li#actual.titMenuSAL span{ 
	background		: #ac4011;	
	border-bottom	: 1px solid #f97c47;
}


#menuLateral li.titMenuSAL span{
	background		: url(../img/back_menu_inferior.png) top left repeat-x;
}



#menuLateral li.titMenuSAL a:hover span{
	background		:  #f97c47;
}

#menuLateral li#actual.titMenuSAL a:hover span{ 
	background		: #ac4011;
	cursor			: text;
}

#menuLateral li#actual.titMenuGAS span{
	background		:  #652b14;
}

#menuLateral li.titMenuGAS span{
	background		: url(../img/back_menu_inferior.png) top left repeat-x;
}

#menuLateral li.titMenuGAS a:hover span{
	background		:  #652b14;
}

#menuLateral li#actual.titMenuGAS a:hover span{ 
	background		: #652b14;
	cursor			: text;
}

#menuLateral li span{
	display			: block;
	padding			: 40px 0 10px 10px;
	height			: 1%;
}

#menuLateral li.titMenuGAS span,
#menuLateral li.titMenuSAL span {
	padding			: 10px 0 10px 10px;
}


#menuLateral li a{
	display			: block;
	height			: 1%;
}

#menuLateral li li:first-child {
	background		: url(../img/back_li_li-trans.png) 0 0 repeat-x;
}

#menuLateral li li li:first-child {
	background		: none;	
}

#menuLateral li li {
	font-size		: 12px;
	font-weight		: normal;
	padding			: 9px 0 7px 28px;
	background		: none;
	background		: url(../img/back_li_li-trans.png) 0 0 no-repeat;
	/* behavior		: url(css/iepngfix.htc); per ie&*/
	height			: 1%; /* per ie6*/
}

#menuLateral li li.selected {
	background		: url(../img/back_li_li_selected-trans.png) 0 0 repeat-x;
}

#menuLateral li li li{
	font-size		: 11px;
	text-transform	: none;
	padding			: 1px 0 1px 0;
	background		: none;
	opacity			: .6;
	filter			: alpha(opacity=60); /* per ie6 i ie7, per transparencia*/
	/*zoom			: 1;  per ie6 i ie7, per transparencia*/
}

#menuLateral a {
	color			: #fff;	
}


/* banners */

#menuBanners {
	width		: 210px;
	overflow: hiden;
}

#menuBanners .banner a{
	display			: block;
	width			: 210px;
	height			: 90px;
	position		: relative;
	margin			: 0 0 1px 0;
	color			: #3b3b3b;
	opacity			: .9;
	filter			: alpha(opacity=90); /* per ie6 i ie7, per transparencia*/
}

#menuBanners .banner a strong {
	position		: absolute;
	top				: 30px;
	left			: 10px;
	display			: block;
	height			: 1%;
}

.areaSPA #menuLateral .banner a:hover {
	color			: #2d66c2;
	opacity			: 1;
	filter			: alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
}

.areaALL #menuLateral .banner a:hover {
	color			: #7f000b;
	opacity			: 1;
	filter			: alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
}

.areaCAM #menuLateral .banner a:hover  {
	color			: #548111;	
	opacity			: 1;
	filter			: alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
}

.areaSAL #menuLateral .banner a:hover {
	color			: #fe7235;
	opacity			: 1;
	filter			: alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
}

.areaGAS #bannerReserva a, .areaGAS #bannerPromo a {
	color			: #903d1d;
	opacity			: 1;
	filter			: alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
}


/*---------------------------------------------
//  menu Superior
//---------------------------------------------
*/
#menuSup {
	text-align			: right;
	font				: normal bold 15px Arial, verdana, sans-serif;
		
}

ul#menuSup  {
	overflow			: hidden;
	border-bottom		: 1px solid #FFF;
	display				: block;
	padding				: 5px 5px 8px 5px;
	width				: 630px; /* per ie6 */
}

#menuSup li {
	float				: right;
}

.areaSPA #menuSup li {
	border-right		: 2px solid #356cc4;
	padding				: 0px 7px 0 7px;
}

.areaSPA #menuSup a, .areaSPA #menuSup a:link, .areaSPA #menuSup a:active, .areaSPA #menuSup a:visited, .areaSPA #menuSup a:hover{
	color				: #172a5d;	
}
.areaSPA #menuSup .selected a{
	background			: #172a5d;
	padding				: 2px 5px;
	color				: #FFF;
}

.areaALL #menuSup li {
	border-right		: 2px solid #90111c;
	padding				: 0px 7px 0 7px;
}

.areaALL #menuSup a, .areaALL #menuSup a:link, .areaALL #menuSup a:active, .areaALL #menuSup a:visited, .areaALL #menuSup a:hover{
	color				: #590008;	
}

.areaALL #menuSup .selected a{
	background			: #590008;
	padding				: 2px 5px;
	color				: #FFF;
}

.areaCAM #menuSup li {
	border-right		: 2px solid #596c3a;
	padding				: 0px 7px 0 7px;
}

.areaCAM #menuSup a, .areaCAM #menuSup a:link, .areaCAM #menuSup a:active, .areaCAM #menuSup a:visited, .areaCAM #menuSup a:hover{
	color				: #213206;	
}

.areaCAM #menuSup .selected a{
	background			: #213206;
	padding				: 2px 5px;
	color				: #FFF;
}

.areaSAL #menuSup li {
	border-right		: 2px solid #f75b19;
	padding				: 0px 7px 0 7px;
}

.areaSAL #menuSup a, .areaSAL #menuSup a:link, .areaSAL #menuSup a:active, .areaSAL #menuSup a:visited, .areaSAL #menuSup a:hover{
	color				: #ac4011;	
}

.areaSAL #menuSup .selected a{
	background			: #ac4011;
	padding				: 2px 5px;
	color				: #FFF;
}


.areaGAS #menuSup li {
	border-right		: 2px solid #903d1d;
	padding				: 0px 7px 0 7px;
}

.areaGAS #menuSup a, .areaGAS #menuSup a:link, .areaGAS #menuSup a:active, .areaGAS #menuSup a:visited, .areaGAS #menuSup a:hover{
	color				: #652b14;	
}

.areaGAS #menuSup .selected a{
	background			: #ac4011;
	padding				: 2px 5px;
	color				: #FFF;
}


#menuSup li:first-child {
	border-right	: none;	
}

/*---------------------------------------------
//  pagina
//---------------------------------------------
*/
#pagina {
	margin			: 0 0 0 210px; 
	background		: #fff;
	padding			: 0 20px 20px 20px;
	position		: relative;
}

#pagina h2 {
	font			: normal normal 45px "Arial Narrow", Arial, Helvetica, sans-serif;
	padding			: 0 0 20px 0;
}

#textePagina ul {
	margin			: 5px 0 10px 5px;
}

#textePagina li {
	padding			: 0 0 2px 10px;
	background		: url(../img/back_texte_li.png) 0 3px no-repeat;
}

.contePagina {
	padding			: 0 20px 20px 20px;
	overflow		: hidden;
	border-top		: 1px solid #FFF;
	width			: 646px;
	min-height		: 700px;
}

.areaSPA .contePagina {
	background	: url(../img/back_pagina_spa.png) top left repeat-x #d5e0f3;
}

.areaSPA #pagina {
	border			: 1px solid #0f2a56;
	border-top		: none;
}

.areaSPA #pagina h2 {
	color			: #0f2a56;
}


.areaALL .contePagina {
	background-color: #f5dccc;
}

.areaALL #pagina {
	border			: 1px solid #640600;
	border-top		: none;
}

.areaALL #pagina h2 {
	color			: #590008;
}


.areaCAM .contePagina {
	background-color: #d5dace;
}

.areaCAM #pagina {
	border			: 1px solid #213303;
	border-top		: none;
}

.areaCAM #pagina h2 {
	color			: #213206;
}

.areaSAL .contePagina {
	background-color: #fdded1;
}

.areaSAL #pagina {
	border			: 1px solid #bf4613;
	border-top		: none;
}

.areaSAL #pagina h2 {
	color			: #ac4011;
}

.areaGAS .contePagina {
	background-color: #eee2dd;
}


#pagina img {
	border			: 5px solid #eaeff9;
	position		: relative; /* per ie 6 */
}



.areaALL #pagina img {
	border			: 5px solid #e7c9b5;
}

/* Fitxa Standard */
.imgTop, .imgBottom{
	text-align			: center;
	overflow			: hidden;
	width				: 645px;
	position		: relative; /* per ie 6 */
}

.imgTop img, .imgBottom img {
	position		: relative; /* per ie 6 */
	max-width			: 635px;
}

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

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

/* Fitxa A */

.imgRight{
	float				: right;
	position			: relative; /* per ie 6 */
}

.imgRight img {
	max-width			: 400px;
	margin				: 0 0 20px 20px;
}

.imgLeft{
	float				: left;
	position			: relative; /* per ie 6 */
}

.imgLeft img {
	max-width			: 400px;
	margin				: 0 20px 20px 0;
}

/* Fitxa A */

.imgBack{
	position		: relative;	
}

.imgBack #textePagina{
	position		: absolute;
	right			: 40px;
	top				: 40px;
	padding			: 20px;
	width			: 240px;
	height			: 300px;
	overflow-y		: auto;
	background		: url(../img/back_fitxa_c.png) left top repeat;
	behavior		: url(css/iepngfix.htc); /* per ie&*/
}

/* Noticies i promocions */
.ofertes {
	margin			: 0 0 35px 0;	
	padding			: 0 0 10px 0;
	border-bottom	: 1px solid #FFF;
}



.ofertes h3 {
	font			: normal bold 18px Arial, Helvetica, sans-serif	;
	padding			: 0 0 10px 0;
	color			: #356cc4;
}

.ofertes img {
	float			: left;
	margin			: 5px 20px 10px 0;
}


/* videos */

.videoSPA {
	background		: url(../img/back_video_spa.jpg) top right no-repeat;
	border-top		: 1px solid #92afdf;

}

.videoSPA td {
	vertical-align	: top;
	height			: 375px;
	padding			: 25px 0 0 0;
}


/*---------------------------------------------
//  peu
//---------------------------------------------
*/


#peu {
	margin			: 0 0 0 210px;
	color			: #FFF;
}

#peu a {
	color			: #FFF;	
}

#peu address{
	font			: normal bold 16px Arial;
	opacity			: .6;
	padding			: 0 0 10px 20px;
	filter			: alpha(opacity=60); /* per ie6 i ie7, per transparencia*/
	zoom			: 1; /* per ie6 i ie7, per transparencia*/
	text-align		: center;
	letter-spacing	: 2px;
}
#mesPeu {
	padding			: 0 0 0 20px;
	overflow		: hidden;
}
#mesPeu div {
	float			: left;
	width			: 30%;
	padding			: 0 0 20px 20px;
}

#lineaPeu{
	height			: 22px;
	background		: url(../img/back_menu_lateral.png) top left repeat-x;
	behavior		: url(css/iepngfix.htc); /* per ie&*/
	clear			: both;
}
#menuInf {
	background		: url(../img/back_menu_inferior.png) top left repeat-x;
	behavior		: url(css/iepngfix.htc); /* per ie&*/
	padding			: 20px 5px 20px 20px;
	margin			: 0 0 10px 0;
	text-align		: right;
}


#menuInf li{
	display			: inline;
	font			: normal normal 14px Arial, sans-serif;
	padding			: 0 15px 0 15px;
	border-left		: 1px solid #FFF;
}

#menuInf li:first-child{

	border-left		: none;
}


#menuInf li a {
	color			: #FFF;
}


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

.conteTarifes td {
	vertical-align	: top;
	font-size		: 12px;
}

.tarifes {
	background		: #FFF;
	width			: 99%;
}
.tarifes td {
	font			: normal bold 18px Arial, sans-serif;
	text-align		: right;
	padding			: 3px;
	vertical-align	: middle;
}

.tarifes thead th {
	text-align		: center;
	padding			: 5px;
	vertical-align	: top;
	background		: #adadad;
	color			: #FFF;
}

.tarifes tbody th {
	padding			: 3px;
	border-bottom	: 1px solid #adadad;
	font-size		: 12px;
}

.tarifes tbody th strong {
	font-size		: 16px;
	font-weight		: bold;
}

.tarifes tbody td em {
	font-size		: 12px;
	font-style		: normal;
}


#pagina .tarifes img {
	border			: 1px solid #3b3b3b;
margin: 0 0 0 3px;	
}

.conteTarifes td.texteTarifes {
	padding			: 0 0 0 15px;	
	font-size		: 11px;
	line-height		: 13px;
}

.conteTarifes td.texteTarifes strong{
	color			: #871019;
}


.mes {
	background		: #FFF;	
}
.mes .nomMes {
	text-align		: center;
	text-transform	: uppercase;
	font			: normal bold 12px Arial, sans-serif;
	color			: #FFF;
	padding			: 10px 0 2px 0;
	background		: #871019;
}

.mes .nomDia th{
	color			: #FFF;
	background		: #11100e;
	text-align		: right;
}

.nomDia th{
	font-size		: 11px;	
}

.mes td, .mes th {
	margin			: 0;
	padding			: 0 2px 0 2px;	
	text-align		: right;
}

.mes td {
	font-size		: 11px;
	font-weight		: bold;
}

.mes td strong {
	text-decoration	: underline;	
}
.mes tr td:first-child{
	padding			: 0 2px 0 12px;
}
.tarifes th.t1 {
	color			: #FFF;
	background		: #434343;
}

.tarifes td.t1 {
	color			: #434343;
	border-bottom	: 1px solid #434343;
}

.mes .t1 {
	color			: #434343;
}

.tarifes th.t2{
	color			: #FFF;
	background		: #ff0016;
}

.tarifes td.t2 {
	color			: #ff0016;
	border-bottom	: 1px solid #ff0016;
}

.mes .t2 {
	color			: #ff0016;
}

.tarifes th.t3 {
	color			: #FFF;
	background		: #0072ff;	
}

.tarifes td.t3 {
	color			: #0072ff;
	border-bottom	: 1px solid #0072ff;
}

.mes .t3 {
	color			: #0072ff;
}

.tarifes th.t4 {
	color			: #FFF;
	background		: #3f9f37;	
}

.tarifes td.t4 {
	color			: #3f9f37;
	border-bottom	: 1px solid #3f9f37;
}

.mes .t4{
	color			: #3f9f37;
}

.tarifes th.t5 {
	color			: #FFF;
	background		: #e20072;	
}

.tarifes td.t5 {
	color			: #e20072;
	border-bottom	: 1px solid #e20072;
}

.mes .t5 {
	color			: #e20072;
}


#iconesSocials {
	padding			: 10px 0 0 0;	
}

#iconesSocials a{
	padding			: 0 10px 0 0;	
}