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

body {
	color				: #3b3b3b;
	background			: #0e4f8f;
}

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

#grupPag {
	background			: #FFF url(../img/back_grup_pagina.png) left top repeat-y;
	border-left			: 1px solid #FFF;
	border-right		: 1px solid #FFF;
	overflow			: hidden;
}

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

#cabe {
	position			: relative;
	background			: #1b1b26;	
}

#grupLogo {
	width				: 100%;
	height				: 109px;
	position			: absolute;
	z-index				: 5;
	background			: transparent url(../img/back_cabe-trans.png) left top no-repeat;
}

#logo a{
	position			: absolute;
	width				: 280px;
	height				: 70px;
	overflow			: hidden;
	line-height			: 99999px;
	top					: 20px;
	left				: 370px;
}

#idiomes {
	position			: absolute;
	top					: 66px;
	right				: 60px;
	width				: 190px;
}

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

#idiomes a {
	border-bottom		: 1px solid #5a86b2;
	border-right		: 1px solid #5a86b2;
	padding				: 0;
	margin				: 0 0 0 7px;
	display				: inline-block;
}

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

#fotoCapsalera {
	border				: 1px solid #FFF;

}

#slide {
	padding				: 66px 0 0 0;	
}

#slideShow  {
	height				: 260px;
	width				: 100%;
	overflow			: hidden;
}

#menuSuperior {
	border				: 1px solid #FFF;
	border-top			: none;
	font-size			: 16px;
	text-transform		: uppercase;
	font-weight			: bold;
	padding				: 10px 0;
}

#menuSuperior li {
	display				: inline-block;
	*display			: inline;
	border-left			: 1px solid #FFF;
	padding				: 0 10px 0 10px;
}

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

#menuSuperior li a{
	display				: block;
	*display			: inline;
	padding				: 5px 7px;
	color				: #FFF;
}

#menuSuperior li a:hover{
	text-decoration		: none;
	color				: #dc8505;
}

#menuSuperior li.selected a {
	background			: #dc8505;
	-webkit-border-radius: 6px;
	-moz-border-radius	: 6px;
	border-radius		: 6px;
	behavior			: url(PIE.htc);
	position			: relative;
	z-index				: 10;
}

#menuSuperior li.selected a:hover {
	color				: #FFF;
}

#peu {
	behavior			: url(PIE.htc);	
}


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

#seccioLateral {
	width				: 210px;
	float				: left;
}

#seccioLateral h3 {
	font-size			: 16px;
	font-weight			: bold;
	text-transform		: uppercase;
	text-align			: center;
	background			: #FFF url(../img/back_seccio_lateral_h3.png) center center repeat-y;
	margin				: 0 0 10px 0;
	
}

#grupMenuLateral {
	background			: #ec5519 url(../img/back_menu_lateral.png) left bottom no-repeat;
	padding				: 10px 0 0 0;
}

#sub-menuLateral {
	text-align			: right;
	font-size			: 14px;
	font-weight			: bold;
	padding				: 0 10px 50px 0;
}

#sub-menuLateral li {
	padding				: 0 22px 5px 0;	
}

#sub-menuLateral li.selected {
	background			: url(../img/back_menu_lateral_li_selected.png) right 6px no-repeat;
}

#sub-menuLateral li#sub-menu-item-36.selected{
	background-position : right 20px;
}

#sub-menuLateral a {
	color				: #ffc167;
}

#sub-menuLateral li.selected a {
	color				: #fff;
}



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


#sub-menuLateral li#sub-menu-item-36,
#sub-menuLateral li#sub-menu-item-200,
#sub-menuLateral li#sub-menu-item-201,
#sub-menuLateral li#sub-menu-item-202,
#sub-menuLateral li#sub-menu-item-203{
	text-align			: right;
	font-size			: 17px;
	padding				: 15px 20px 5px 10px;
}

#sub-menuLateral li#sub-menu-item-202{
	padding				: 10px 20px 5px 10px;
}


#sub-menuLateral li#sub-menu-item-36 a,
#sub-menuLateral li#sub-menu-item-200 a,
#sub-menuLateral li#sub-menu-item-200 a:hover,
#sub-menuLateral li#sub-menu-item-201 a,
#sub-menuLateral li#sub-menu-item-201 a:hover,
#sub-menuLateral li#sub-menu-item-202 a,
#sub-menuLateral li#sub-menu-item-202 a:hover,
#sub-menuLateral li#sub-menu-item-203 a,
#sub-menuLateral li#sub-menu-item-203 a:hover{
	color				: #fff;
	/*cursor				: text; */
}


#sub-menuLateral li span	{
	display				: block;
	font-size			: 15px;
}

/*---------------------------------------------
//  Form Newsletter
//---------------------------------------------
*/

#bannerNewsletter h3 {
	background			: url(../img/back_newsletter_h3.png) center center repeat-y;
}


#contacte {
	padding				: 0 15px 15px 15px;
}

#contacte label {
	color				: #FFF;
	display				: block;
	padding				: 10px 0 2px 0;
}

#contacte input[type=text] {
	font-size			: 13px;	
}

#contacte #submit-container {
	padding				: 10px 0 0 0;	
	text-align			: center;
}

p#ok{
	padding				: 15px;
	margin				: 20px;
	background			: #FFF;
	color				: green;
}


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

#ofertesLateral {
	width				: 190px;
	float				: right;
	margin				: 25px 55px 55px 0;
}

#ofertesLateral h3 {
	font-size			: 16px;
	line-height			: 24px;
	font-weight			: bold;
	text-transform		: uppercase;
	text-align			: center;
	color				: #03261f;
	background			: url(../img/back_h3_lateral.png) center center repeat-y;
	margin				: 0 0 15px 0;
}

#grupOfertes {
	padding				: 0 0 20px 0;
} 

#grupOfertes div {
	border				: 1px solid #c0d7ed;
	-webkit-border-radius: 8px;
	-moz-border-radius	: 8px;
	border-radius		: 8px;
	border-left			: none;
	background			: #71a9e0;
	behavior			: url(PIE.htc); /* IE */
	position			: relative; /* IE */
	margin				: 5px 0 30px 0;
}

#grupOfertes p {
	background			: #71a9e0;
	border				: 1px solid #4785c1;
	-webkit-border-radius: 8px;
	-moz-border-radius	: 8px;
	border-radius		: 8px;
	behavior			: url(PIE.htc);
	padding				: 10px 10px 20px 10px;
	position			: relative;	 /* IE */
}

#grupOfertes img {
	max-width			: 165px;
	border				: 1px solid #c0d7ed;	
}

#grupOfertes a {
	display				: block;
	color				: #3b3b3b;
	font-weight			: bold;
}

#grupOfertes img+a {
	margin				: 10px 0 0 0;
}



#grupOfertes a.verOferta,
.actualitat a.mesInfo,
.imatge-banner-home a.mesInfo {
	display				: inline-block;
	position			: absolute;
	bottom				: -10px;
	right				: 10px;
	background			: #ec5519;
	color				: #FFF;
	padding				: 5px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius	: 10px;
	border-radius		: 10px;
	behavior			: url(PIE.htc);
}

#grupOfertes a.verOferta:hover,
.actualitat a.mesInfo:hover,
.imatge-banner-home a.mesInfo:hover {
	background			: #be2805;
	text-decoration		: none;
}



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

.actualitat a.mesInfo,
.imatge-banner-home a.mesInfo {
	width				: 20px;
	height				: 20px;
	padding				: 0;
	text-align			: center;
	-webkit-border-radius: 10px;
	-moz-border-radius	: 10px;
	border-radius		: 10px;
	behavior			: url(PIE.htc);
	line-height			: 20px;
	z-index				: 10;
}

#grupActualitat {
	border-bottom		: 1px solid #c0d7ed;
}

#grupActualitat>div:first-child{
	border-top			: none;
}

div.actualitat {
	position			: relative;
	border-bottom		: 1px solid #4785c1;
	border-top			: 1px solid #c0d7ed;
	padding				: 10px 0 15px 0;
}



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

#banners-home-container {
	background			: url(../img/back_banners_home_container.png) left top no-repeat;
	width				: 100%;
	overflow			: hidden;
	padding				: 70px 0 20px 0;
}

.banner-home {
	float				: left;
	margin				: 0 0 0 20px;
	width				: 165px;	
}

.banner-home:first-child {
	margin				: 0 0 0 30px;
}

.banner-home h3{
	font-size			: 15px;	
	font-weight			: bold;
	text-transform		: uppercase;
	color				: #be2805;
}

.imatge-banner-home {
	border				: 2px solid #be2805;
	position			: relative;
	margin				: 0 0 15px 0;
}

.imatge-banner-home img {
	width				: 161px;
	height				: 89px;	
}

.banner-temps {
	margin				: 0 30px;
	padding				: 10px 0;
	border-top			: 5px solid #77b3ed;	
}

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

#pagina {
	margin				: 0 269px 0 210px;
}

#titPagina {
	padding				: 20px 20px 10px 30px;
}

#titPagina h1 {
	font-size			: 30px;
	color				: #560f18;	
}

.texte,
.grupllistat,
.capaFaq {
	font-size			: 14px;
	line-height			: 22px;
	padding				: 10px 30px 30px 30px;
}

.capaFaq p{
	width				: 100%;
	overflow			: hidden;
	margin				: 5px 0 0 3px;
	border-bottom		: 1px solid #4785c1 ;
}

.texte h3,
.grupllistat h2,
.capaFaq h2{
	font-size			: 16px;
	font-weight			: bold;
	color				: #dc8505;
}

.texte p,
.grupllistat p,
.capaFaq p {
	margin				: 2px 0 10px 0;
}

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

p.destacada {
	margin				: 15px 0 15px 0;
	background			: #fbf0e1;
	padding				: 15px;
}


#imatgeSuperiorContainer {
	text-align			: center;
	position			: relative;
	width				: 599px;
	overflow			: hidden;
}

#imatgeSuperiorCurva {
	position			: absolute;	
	top					: 0;
	left				: 0;
	background			: url(../img/curve_img_superior.png) left top no-repeat;
	width				: 599px;
	height				: 23px;
}

.imgLeft {
	float				: left;
	margin				: 0 20px 10px 0;	
}

.imgBottom {
	text-align			: center;	
}

.separador {
	background			: #560f18;
	margin				: 20px 0;
	height				: 5px;
	width				: 100%;
}

.descargas img{
	vertical-align		: middle;
	margin				: 0 15px 0 0;
}



/*---------------------------------------------
//  Tarifes
//---------------------------------------------
*/

.tarifes {
	border				: 2px solid #be2805;
}

.tarifes td,
.tarifes th {
	border				: 3px solid #be2805;
}

.tarifes th.dins-fora {
	background			: #be2805 ;
	text-align			: center;
	color				: #dc8505;
	font-weight			: bold;
}

.tarifes tr.dates th{
	font-size			: 14px;
	text-align			: center;
	padding				: 5px 0;
	color				: #FFF;
	background			: #dc8505 ;
}

.tarifes.camping tr.dates th{
	font-size			: 13px;
	white-space			: no-wrap;
}


.tarifes td {
	padding				: 10px 5px;
	font-size			: 24px;
	font-weight			: bold;
	text-align			: right;
	color				: #560f18;
	white-space			: nowrap;
}

.tarifes.camping td {
	font-size			: 22px;
}

.tarifes h2 {
	font-size			: 16px;
	line-height			: 18px;
	font-weight			: bold;
	color				: #be2805;
}

.tarifes th[scope=row] {
	padding				: 5px 0 0 5px;
}

.tarifes img {
	border				: 1px solid #dc8505;
}

.tarifes.camping img {
	border				: none;	
}

.ofertes,
.tarifes-mini {
	border				: 5px solid #dc8505;
	text-align			: center;
	border-right		: none;	
}


.ofertes td,
.tarifes-mini td {
	border-right		: 5px solid #dc8505;
	padding				: 15px 0;
}	

.tarifes-mini,
.tarifes-mini td  {
	border-color		: #be2805 ;
}


.ofertes strong,
.tarifes-mini strong{
	display				: block;
	font-size			: 30px;
	color				: #560f18;
}

.ofertes em,
.tarifes-mini em {
	color				: #dc8505;
	font-size			: 12px;
}

.boton-container {
	text-align			: center;
	padding				: 20px;	
}

.boton-container {
	padding				: 15px 0; 
}

.boton-container a {
	-webkit-border-radius: 10px;
	-moz-border-radius	: 10px;
	border-radius		: 10px;
	-webkit-box-shadow: #666 0px 1px 4px;
	-moz-box-shadow: #666 0px 1px 4px;
	box-shadow: #666 0px 1px 4px;
	border-left			: none;
	background			: #ec5519;
	behavior			: url(PIE.htc); 
	padding				: 5px 14px;
	margin				: 0 2px;
	color				: #FFF;
	position: relative;
}

.boton-container a:hover {
	text-decoration		: none;
	background			: #be2805;
}

a.linkInfo {
	background			: #dc8505;	
}

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

#menuInferior {
	background			: #1b1b26;
	text-align			: center;
	padding				: 10px 0;
	border				: 1px solid #FFF;
}

#menuInferior li {
	display				: inline-block;
	*display			: inline;
	font-size			: 14px;
	font-weight			: bold;
	text-transform		: uppercase;
	padding				: 0 0 0 30px;
}

#menuInferior li a {
	color				: #FFF;	
}

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

#peu address{
	width				: 600px;
	margin				: 20px auto;
	color				: #FFF;
	overflow			: hidden;
}

#peu address a{
	color				: #FFF;
}

#peu address p{
	float				: left;
	margin				: 0 20px 0 0;
}


/*---------------------------------------------
//  Ofertas
//---------------------------------------------
*/
#cat-12   div.imgTop {
    display: none;
}

/*---------------------------------------------
//  CERT & EMAS
//---------------------------------------------
*/

#cert-emas{
	margin-left			: 40px;
	margin-top			: 50px;
	margin-bottom		: 40px;
}

/* BANNER FACEBOOK */
#fondo-banner-facebook{
	width: 165px;
	height: 116px;
	background: url(../img/concurso_facebook.png) center center no-repeat #ffffff !important;
}

.concurs-facebook {position: relative;}

.concurs-facebook span {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 147px;
	height: 60px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	text-shadow: #395b9b 1px 1px 1px;
}