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

body {
	background		: url(../img/back_body.png) top left repeat-x;	
}

#contenidor	{
	width			: 950px;
	margin			: 0 auto;
	background		: url(../img/back_menu_lateral.png) top left repeat-y;
	overflow		: hidden;
}


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

#cabe {
	width			: 686px;
	position		: relative;
}

#menuSuperior {
	text-align		: right;
	width			: 686px;
	overflow		: hidden;
	font			: normal normal 20px/20px "Arial Narrow", Helvetica, sans-serif;
	padding			: 0 0 0 0;
	height			: 68px;
	position		: relative;
}

#menuSuperior ul {
	position		: absolute;
	bottom			: 0;
	right			: 0;
	/* width			: 686px; */
	overflow		: hidden;
}

#menuSuperior li {
	float			: right;
	margin			: 0 0 0 15px;
}

#menuSuperior li a {
	padding			: 8px 10px;
	display			: inline-block;
	text-decoration	: none;
	color			: #5c5c5c;
	height			: 1%;
}

#menuSuperior li.selected a {
	background		: url(../img/back_menu_superior_esquerra.png) top left no-repeat;
	padding			: 0;
	color			: #FFF;
}

#menuSuperior li.selected { /* per ie (deixa dos pixels en blanc)*/
	background		: #ffa41b;	
}


#menuSuperior li.selected  a strong {
	background		: url(../img/back_menu_superior_dreta.png) top right no-repeat;
	display			: inline-block;
	padding			: 8px 10px;
	height			: 1%;
}

#menuSuperior li a:hover {
	background		: #ffe4ba;
}

#menuSuperior li.selected a:hover {
	cursor			: text;
	background		: url(../img/back_menu_superior_esquerra.png) top left no-repeat;
}

#cabeFlash {
	/* temporal */
	height			: 207px;
	width			: 686px;
	overflow		: hidden;
}

#botones {
	text-align		: right;
	margin			: 12px 0;
}

a.botoInfo, a.botoReserves{
	background		: url(../img/back_boto_info_left.png) top left no-repeat;
	display			: inline-block;
	color			: #FFF;
	font			: normal bold 18px/16px "Arial Narrow", Helvetica sans-serif;
	text-transform	: uppercase;
	padding			: 0 0 0 40px;
	height			: 1%;
	margin			: 0 20px 0 0;
	text-decoration	: none;
}

a.botoInfo:hover, a.botoReserves:hover{
	color			: #006483;
}


a.botoReserves{
	background		: url(../img/back_boto_reserves_left.png) top left no-repeat;
}

a.botoReserves strong, a.botoInfo strong {
	background		: url(../img/back_boto_right.png) top right no-repeat;
	padding			: 8px 10px;
	height			: 1%;
	display			: inline-block;
}

/*---------------------------------------------
//  Lateral
//---------------------------------------------
*/
#lateral {
	padding			: 0 0 20px 0;	
}

#idiomes {
	text-align		: right;	
	padding			: 15px;
}

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

#idiomes img {
	border			: 1px solid #73a801;
}

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

#lateral {
	width			: 264px;
	float			: left;
}

#logo {
	text-align		: center;	
}


#menuLateral h2 {
	font			: normal bold 20px/20px "Arial Narrow", Helvetica sans-serif;
	background		: url(../img/back_menu_lateral_top.png) top left no-repeat;
	padding			: 20px 0 0 0;
}

#menuLateral h2 a{
	font			: normal bold 20px/22px "Arial Narrow", Helvetica sans-serif;
	padding			: 0 25px 15px 45px;
	display			: block;
	height			: 1%;
	color			: #364702;
	background		: url(../img/back_menu_lateral_reves.png) bottom left no-repeat;

}


#menuLateral h2 a:hover{
	color			: #588100;
	text-decoration	: none;

}

#menuLateral h2.selected {
	padding			: 20px 25px 0 45px;
	color			: #FFF;
}



#menuLateral ul{
	background		: url(../img/back_menu_lateral_bottom.png) bottom left no-repeat;
	padding			: 5px 21px 20px 21px;
}


#menuLateral li a  {
	color			: #2a0f00;
	font-size		: 12px;
	display			: block;
	height			: 1%; /* per ie 6 */
	padding			: 5px 5px 5px 25px;
	margin			: 2px 0;
}


#menuLateral li a:hover {
	background		: #9ddf0d;
	text-decoration	: none;
}

#menuLateral li.selected a, #menuLateral li.selected a:hover{
	background		: url(../img/back_li_selected.png) center left no-repeat #cffd6b;
	cursor			: text;
}


#menuOfertes ul{
	background		: url(../img/back_menu_ofertes_bottom.png) bottom left no-repeat;
	padding			: 5px 21px 50px 21px;
}

#menuOfertes li a {
	font-size		: 11px;
	color			: #FFF;
	padding			: 0 5px 0 25px;
	text-decoration	: none;
	display			: block;
	height			: 1%; /*per ie 6 */
}

#menuOfertes li a:hover {
	background		: #6ea300;
}

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



#grupPag {
	/* margin			: 0 0 0 264px; */
	float			:left; /* flota per evitar els 3px de ie6 */
}

#pagina {
	padding			: 0 0 20px 30px;
	overflow		: hidden;
}

#titPagina h1{
	font			: normal bold 40px "Arial Narrow", Helvetica, sans-serif;
	color			: #3ba3e9;
	border-top		: 1px solid #ffd18d;
	padding			: 10px 0 20px 60px;
	background		: url(../img/back_titol_pagina.png) top left no-repeat;
}

#textePagina {
	color			: #5c5c5c;
	font-size		: 13px;
	line-height		: 18px;
	width			: 650px;
	overflow		: hidden;
	
}

.imgTop {
	float			: right;	
}

.imgBottom {
	text-align		: center;
}

.imgTop img{
	padding			: 1px;
	background		: #FFF;
	border			: 2px solid #d8edfb;
	margin			: 0 0 10px 20px;
}

.imgBottom img{
	max-width: 645px;
}

h3 {
	font			: normal bold 14px Arial, sans-serif;	
}
/*---------------------------------------------
//  Pagina Home
//---------------------------------------------
*/

#grupNovetatsHome {
	color			: #5c5c5c;
	font-size		: 13px;
	width			: 650px;
	overflow		: hidden;
	position		: relative;
	border-bottom	: 1px solid #d8edfb;
}


#grupNovetatsHome h3 {
	font			: normal bold 18px "Arial Narrow", Helvetica, sans-serif;
	text-transform	: uppercase;
	color			: #3ba3e9;
	border-bottom	: 1px solid #d8edfb;
	padding			: 15px 0 0 0;
	margin			: 0 0 10px 0;
position: relative;
}


.novetatHome {
	float			: left;
	width			: 46%;
	overflow		: hidden;
	margin			: 0 20px 0 0;
}

.novetatHome h4 {
	font			: normal bold 14px "Arial Narrow", Helvetica, sans-serif;
}

.novetatHome img {
	max-width		: 100px;	
	float			: left;
	margin			: 0 5px 2px 0;
	padding			: 1px;
	background		: #FFF;
	border			: 1px solid #d8edfb;
}

#logosCamping {
	border-top		: 1px solid #d8edfb;
	position		: relative;
	height			: 30px;
}

#logosCamping img {
	position		: absolute;
	bottom			: -20px;

}

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

.ofertes, .grupEnllac {
	border-bottom	: 1px solid #ffd18d;
	padding			: 10px 0 15px 0;
	overflow		: hidden;
	width			: 650px; /* per ie6*/
	color			: #5c5c5c;
	margin			: 0 0 15px 0;
}

.ofertes h2, .grupEnllac h2{
	text-transform	: uppercase;
	font			: normal bold 20px "Arial Narrow", Helvetica, sans-serif;
	color			: #e64c00;
}

.ofertes img, .grupEnllac img {
	max-width		: 300px;
	float			: right;
	margin			: 0 0 10px 20px;
	padding			: 1px;
	background		: #FFF;
	border			: 2px solid #e64c00;
}


.grupEnllac img {
	max-width		: 200px;
}



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

.tarifes td {
	font			: normal bold 14px Arial, sans-serif;
	text-align		: right;
	padding			: 3px;
}

.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;
}


.mes .nomMes {
	text-align		: center;
	text-transform	: uppercase;
	font			: normal bold 13px Arial, sans-serif;
	color			: #1eb8e9;
	padding			: 10px 0 0 0;
}

.mes .nomDia th{
	color			: #FFF;
	background		: #1eb8e9;
	text-align		:center;
}

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

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

.mes td {
	padding			: 2px;	
}

.mes .t1, .tarifes th.t1 {
	color			: #FFF;
	background		: #9ddf0d;
}
.tarifes td.t1 {
	color			: #9ddf0d;
	border-bottom	: 1px solid #9ddf0d;
}

.mes .t2, .tarifes th.t2{
	color			: #FFF;
	background		: #659500;
}

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

.mes .t3, .tarifes th.t3 {
	color			: #FFF;
	background		: #ffa41b;	
}

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

.mes .t4, .tarifes th.t4 {
	color			: #FFF;
	background		: #e64c00;	
}

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




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

#peu {
	margin			: 0 0 0 264px;
	padding			: 50px 0 0 0;
	position		: relative;
	height			: 1%; /* Per ie 6 */
	clear			: both;
}

#planta {
	position		: absolute;
	right			: 20px;
	bottom			: 0;
}

#menuInferior {
	background		: url(../img/back_peu_top.png) top right no-repeat;
	text-align		: center;
	padding			: 10px 10px 2px 10px;
	font-size		: 13px;
}

#menuInferior a {
	color			: #FFF;
	padding			: 0 20px 0 0;
}

#direccioInferior {
	background		: url(../img/back_peu_bottom.png) top right no-repeat;
	font-size		: 12px;
	text-align		: center;
	padding			: 10px;
}