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

html {
	background		: #065d95;
}


body{
	background		: #065d95;
}


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

#cabe {
	background		: url(../img/back_cabe.png) left top no-repeat;	
}


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

/*---------------------------------------------
//  cabecera
//---------------------------------------------
*/

#idiomes {
	font-size		: 11px;
	padding			: 4px 0 0 20px;
}

#idiomes a {
	padding			: 0 20px 0 0px;
	color 			: #FFF;
	text-decoration	: none;
}


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

}


#idiomes a.selected {
	cursor			: text;
	color			: #c5e450;
}

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

#botones{
	padding			: 5px 20px 10px 20px;
}

#botons li {
	float			: left;
}

#botones a{
	display			: inline-block;
 	font			: normal bold 17px "Arial Narrow", Arial, Helvetica, sans-serif;
	padding			: 60px 10px 0 10px;
	text-transform	: uppercase;
	color			: #FFF;
}

#botones li a{
	color			: #FFF;
}

.menuReserva {
	background		: url(../img/ico_reserva.png) 50% top no-repeat;
	behavior		: url(css/iepngfix.htc); /* per ie&*/	
}

.menuInfo {
	background		: url(../img/ico_info.png) 50% top no-repeat;
	behavior		: url(css/iepngfix.htc); /* per ie&*/	
}

#menuSuperior{
	width			: 950px;
	overflow		: hidden;
	position		: relative;
}

#menuSuperior .hr{
	background		: #FFF;
	padding			: 2px;
	margin			: 0;
	border			: 1px solid #c6c6c6;
	clear			: both;
}

#menuSup{
	font			: normal bold 16px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
	text-align		: right;
	width			: 285px;
	padding			: 24px 0 ;
	border-left		: 1px solid #012c48;
	border-right	: 1px solid #012c48;
	background		: url(../img/back_menu_sup.png) 0 top no-repeat #02436c;
	position		: absolute;
	left			: 0;
}


#menuSup li {

}


#menuSup a{
	color 			: #FFF;
	text-decoration	: none;
	display			: block;
	padding			: 2px 23px 4px 0;
	height			: 1%;	/* per ie 6 */
}


#menuSup a:link, #menuSup a:active, #menuSup a:visited{
	color 			: #FFF;
	text-decoration	: none;
}


#menuSup a:hover{
	text-decoration	: none;
	background		: #56afdc;
	color			: #FFF;
}


#menuSup strong{
 	font			: normal bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
	display			: block;
}

#menuSup .selected a, #menuSup .selected a:link, #menuSup .selected a:active, #menuSup .selected a:hover{
	background		: #4897c0;
	color			: #FFF;
}

#menuSup .selected a:hover{
	color 			: #FFF;
	cursor			: text;
}


#imgCabe{
	float			: right;
	clear			: right;
	height			: 255px;
	width			: 663px;
	overflow		: hidden;
}

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

#menuLateral{
	font-size		: 13px;
	color			: #646464;
	width			: 287px;
	margin			: 0 0 0 0;
	float			: left;
	background		: url(../img/back_menu_lateral.png) left top repeat-x;
	overflow		: hidden;
}


#menuLateral ul {
	margin			: 20px 22px 0 20px;
}


#menuLateral ul ul{
	margin			: 0;
	padding			: 20px 0 140px 0;
	background		: none;
}


#menuLateral li.titMenu strong{
	background		: url(../img/back_tit_menu.png) left top no-repeat;
	display			: block;
	padding			: 12px 15px 6px 50px ;
	text-align		: right;
	text-transform	: uppercase;
	color			: #FFF;
	font-weight		: normal;
	font-size		: 14px;
}


#menuLateral li a{
	color			: #FFF;
	text-decoration	: none;
	font-size		: 15px;
}


#menuLateral ul ul li{
	padding			: 5px 0 5px 15px;
}


#menuLateral ul ul li.selected {
	background		: url(../img/back_menu_selected.png) left 50% no-repeat;
}


#menuLateral ul ul li.selected a {
	color			: #b3ce4d;
}


#menu {
	border-top		: 3px solid #ba122b;
	margin			: 0 25px 0 25px;
}


#menu li {
 	font			: normal bold 24px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform	: uppercase;
	padding			: 15px 0 0 0;
}


#menu ul li{
	font			: normal normal 12px/14px Arial, Helvetica, sans-serif;
	text-transform	: none;
	border-left		: 1px solid #FFF;
	border-right	: 1px solid #FFF;	
	border-bottom	: 1px dotted #646464;
	background		: url(../img/back_servicios_of.png) top left no-repeat #fff;
	padding			: 13px 5px 10px 40px;
}


#menu ul li.selected{
	background		: url(../img/back_servicios_on.png) top left no-repeat #f0f0f0;
	border-left		: 1px solid #d5d5d5;
	border-right	: 1px solid #d5d5d5;
}


#menu ul li a{
	color			: #45484a;
}


#menu ul li a:hover {
	color			: #ba122b;
}


#menu ul li.selected a{
	color			: #ba122b;
}


#menu ul li.selected a:hover{
	text-decoration	: none;
	cursor			: text;
}


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

#pagina{
	margin			: 0 0 0 287px;
	/*overflow		: hidden;*/
	padding			: 25px 20px 20px 20px;
	background		: url(../img/back_pagina.png) left top repeat-x;
}


#titPagina {
	border-bottom	: 1px solid #FFF;
}


#titPagina h1{
	color			: #02416a;
	font			: normal bold 26px  Arial, Helvetica, sans-serif;
	padding			: 0 0  15px 0;
}



.imgBottom {
	width			: 600px;
	overflow		: hidden;
	text-align		: center;
	padding			: 10px 0 10px 0;
}


.imgTop{
	float			: right;
	max-width		: 356px;
	overflow		: hidden;
}

.imgTop img, .imgBottom img{
	border			: 3px solid #dae7ef;
}


#textePagina{
	width			: 620px;
	overflow		: hidden;
	padding			: 16px 0 0 0;
}


#textePagina embed{
	float			: right;
	margin			: 0 0 0 10px;
}

#textePagina h2	{
	color			: #ba122b;
	color			: #000;
	text-transform	: uppercase;
	font-weight		: bold;
}


#textePagina ul{
	margin			: 10px 10px 20px 18px;
}


#textePagina li{
	padding			: 2px 0 5px 18px;
	background		: url(../img/ico_texto_li.png) no-repeat left 2px;
}


#textePagina p{
	margin			: 10px 0 20px 0;
}


#textePagina h1{}

#textePagina h3{
	font-weight		: bold;
	text-transform	: uppercase;
	color			: #46508b;
}

#textePagina cite{
	background		: url(../img/back_cite.png) 0 0 no-repeat;
	padding			: 15px 15px 0 15px;
	margin			: 0 50px;
	font-size		: 11px;
	text-transform	: uppercase;
	display			: block;
	text-align		: right;
}

#textePagina cite em {
	font			: italic normal 16px Arial, Helvetica, sans-serif;
	display			: block;
	text-transform	: none;
	text-align		: left;
}


.direccio{
	background		: url(../img/back_img_top.png) center bottom no-repeat #FFF;
	text-align		: center;
	padding			: 10px 0 42px 0;
}



blockquote{
	font			: italic bold 16px Arial, Helvetica, sans-serif;
}


/*---------------------------------------------
//  ofertes i enllacos
//---------------------------------------------
*/


.grupEnllac {

}

a.enllac {
	border			: 1px solid #d5d5d5;
	border-bottom	: none;
	display			: block;
	padding			: 10px;
	color 			: #45484a;
}

a.enllac strong{
	display			: block;
	font-size		: 14px;
	color 			: #76ad03;
}

a.enllac:hover {
	background		: #76ad03;
	color			: #FFF;
	text-decoration	: none;
}

a.enllac:hover strong{
	color 			: #FFF;
	text-decoration	: none;
}


/*---------------------------------------------
//  embeds
//---------------------------------------------
*/


iframe{
	margin			: 0 0 20px 0;
	overflow		: hidden;
	text-align		: center;
}

embed{

}


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


table.mes{
	font			: normal normal 10px Arial, Verdana, sans-serif;
	background		: #FFF;
	border			: 1px solid #1071a9;
	margin			: 2px;
}

th.nomMes {
	font-size		: 11px;
	font-weight		: bold;
	text-transform	: uppercase;
	text-align		: center;
	color			: #1071a9;
}

tr.nomDia {
	color			: #1071a9;
}
table.mes td{
	padding			: 3px;
	text-align		: right;
}

/* temporadas camping */

.temp1{
	background		: #ccffcc;
}
.temp2{
	background		: #ffcc66;
}
.temp3{
	background		: #cc0000;
	color			: #FFF;
}
.temp4{
	background		: #990066;
	color			: #FFF;
}

/* temporadas bungalows */

.tempb1{
	background		: #ccffcc;
}
.tempb2{
	background		: #ffcc66;
}
.tempb3{
	background		: #66cc99;
}
.tempb4{
	background		: #33cc66;
	
}
.tempb5{
	background		: #cccc00;
}
.tempb6{
	background		: #cc6600;
}
.tempb7{
	background		: #cc0000;
	color			: #FFF;
}
.tempb8{
	background		: #990066;
	color			: #FFF;
}
.tempb9{
	background		: #3366cc;
	color			: #FFF;
}





.preus {
	font-size		: 13px;
	font-weight		: bold;
	background		: #FFF;
	border			: 1px solid #1071a9;	
}

.preus td, .preus th{
	padding			: 8px;
}

.preus thead th{
	background		: #f7df3c;
	text-align		: center;
	font-weight		: bold;
}

.preus em {
font-size		:11px;
}

.peuOferta {
	background		: #b5cfdf;
	color			: #1071a9;
}

.peuOferta h2 {
	font-size		: 18px;
	font-weight		: bold;
	padding			: 3px;
	text-align		: right;
	color			: #1071a9;
}


.peuOferta h2 em {
	font			: normal normal 13px Arial, sans-serif;
	color			: #1071a9;
}

.peuOferta h1 {
	font-size		: 24px;
	font-weight		: bold;
	padding			: 3px;
	text-align		: left;
	color			: #1071a9;
}


/*---------------------------------------------
//  comentaris
//---------------------------------------------
*/

.comentari h2 {
	font-size		: 13px;
	padding			: 0 0 5px 0;
}

.comentari {
	padding			: 0 0 20px 0;
}


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


#peu{
	background		: url(../img/back_peu.png) center 0 repeat-y #065d95;
	font-size		: 12px;
	clear			: both;
	padding			: 10px 0 0 10px;
	color			: #d7e9f3;
	width			: 950px;
	overflow		: hidden;
}


#peu a{
	color			: #d7e9f3;
	text-decoration	: underline;
}

.textPeu{
	float			: left;
	padding			: 15px 0 0 50px;
	position		: relative;
}

#logoPetit{
	float			: left;
	padding			: 15px 0 15px 40px;
	position		: relative;
}

#logosCamping{
	background		: #b5cfdf;
	clear			: both;
	text-align		: center;
	padding			: 5px 10px;
}