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

html {
	background			: #233865;	
}

body {
	background			: #233865;	
	color				: #3b3b3b;
	
}

#contenidor {
	width				: 966px; /* (970 -2 -2 , border i padding) */
	margin				: 0 auto 0 auto;
	background			: #728db9;
	padding				: 1px;
	border				: 1px solid #0d1d3c;
	height				: 100%;
}

#grupPag {
	background			: url(../img/back_grup_pagina.png) top left repeat-y #eaf1fb;
	width				: 966px;
	overflow			: hidden;
	clear				: both;
	border-top			: 1px solid #0d1d3c;
}


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


#logo {
	position			: absolute;
	top					: 0;
	left				: 0;
	z-index				: 20;
}

#cabe {
	position			: relative;
}

#idiomes {
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 10;
	/*padding				: 0 0 0 15px;*/
	width				: 100%;
	text-align			: right;
}

#idiomes:hover {
	background			: #1f2f50;	
}

#idiomes a {
	display				: inline-block;
	color				: #FFF;	
	margin				: 0 10px 0 0;
	padding				: 4px;
	background			: url(../img/back_idiomes.png) top center no-repeat;
}

#idiomes a.selected {
	
}

#idiomes img {
	border				: 1px solid #FFF;
	margin				: 0 5px 0 0;
}


#menuSuperior {
	font				: normal bold 18px/20px "Trebuchet MS", Trebuchet, Times, serif;
	text-transform		: uppercase;
	background			: url(../img/back_menu_superior.png) top left repeat-x #0d1d3c;
	position			: absolute;
	right				: 0;
	top					: 140px;
	z-index				: 10;
	opacity				: 0.8;
	filter				: alpha(opacity=80); /* per ie6 i ie7, per transparencia*/
	zoom				: 1; /* per ie6 i ie7, per transparencia*/
}

#menuSuperior:hover {
	opacity				: 1;
	filter				: alpha(opacity=100); /* per ie6 i ie7, per transparencia*/
}

#menuSuperior {
	 overflow			: hidden;
	 width				: 966px;	
}
#menuSuperior li {
	float				: right;
}

#menuSuperior a{
	 display			: block;
	 padding			: 15px 15px;
	 height				: 1% /* per ie6 */;
	 float				: left /* per ie6 */;
	 color				: #FFF;
	 text-decoration	: none;
}

#menuSuperior li#menuSup24 a {
	background			: #0991e6;
}

#menuSuperior li#menuSup25 a {
	background			: #6b92de;
}

#menuSuperior a:hover,
#menuSuperior li#menuSup24 a:hover,
#menuSuperior li#menuSup25 a:hover
 {
	color				: #FFF;
	text-decoration		: none;
	background			: #a95501;
}
 
#conteSlide {
	width			: 966px;
	height			: 190px;
	overflow		: hidden;
}

 
#slideShow {
	width			: 966px;
	height			: 240px;
	overflow		: hidden;	
}

 /*---------------------------------------------
//  menu Lateral
//---------------------------------------------
*/
 
#menuLateral {
	width				: 220px;
	float				: left;
	padding				: 0 0 0 2px;
	position			: relative;
}
 
#menuLateral ul{
	background			: #f6f4f4;
}

#menuLateral li{
	position			: relative; /* per ie6 */
	font				: normal normal 14px/16px "Trebuchet MS", Trebuchet, Times, serif;
	border-top			: 1px solid #FFF;
	border-bottom		: 1px solid #c7c7c7;
}


#menuLateral li a{
	display				: block;
	color				: #3b3b3b;
	padding				: 7px 0 5px 22px;
	background			: url(../img/back_menu_lateral_li.png) left bottom no-repeat #f6f4f4;
}



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

#menuLateral li:first-child {
	padding-top			: 26px;
}


#menuLateral li.selected a{
	color				: #FFF;
	font-weight			: bold;
	background			: #d06800;
}


#menuLateral li ul{
	padding				: 0 0 10px 0;
	background			: #d06800;
	border: none
}

#menuLateral li li{
	padding				: 0 0 0 0;
	border				: none;
}

#menuLateral li li:first-child{
	padding				: 5px 0 0 0;
}

#menuLateral li li a,
#menuLateral li.selected li a{
	font-weight			: normal;
	font-size			: 13px;
	color				: #FFF;
	padding				: 4px 10px 1px 35px;
	background			: none;
}

#menuLateral li li.selected a{
	background			: #a95501;
}

#menuLateral li li a:hover{
	background-color	: #bd6a16;
}



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

#pagina {
	margin				: 0 0 0 224px;
	position			: relative;
}

#diplomaTuristic {
	float				: right;
	padding				: 0 10px 0 0;
}
#titPagina {
	padding				: 4px 0 2px 20px;
	border-bottom		: 3px solid #ff7400;
	font				: normal bold 40px/40px "Trebuchet MS", Trebuchet, Times, serif;
	background			: url(../img/back_tit_pagina.png) top left no-repeat #e8eefa;
	border-bottom		: 1px solid #c5d7fb;
}

#titPagina h1 {
	color				: #0d1d3c;
	display				: inline;
	line-height			: 40px;
	white-space			: nowrap;
}

#titPagina h2 {
	font-size			: 14px;
	font-weight			: normal;
	line-height			: 40px;
	text-transform		: uppercase;
	color				: #d06800;
	display				: inline;
}

#paginaMesOfertes {
	border-top			: 1px solid #eaf1fb;
}

.imgTop img{
	max-width			: 550px;
	padding				: 0 0 1px 0;
	border-bottom		: 1px solid #c5d7fb;
}

.imgTop {
	width				: 550px;
	overflow			: hidden;
}

.imgBottom {
	text-align			: center;
}

.imgBottom img {
	padding				: 0 18px 15px 0;
	max-width			: 600px;
	background			: url(../img/back_img_bottom.png) bottom right no-repeat;
}

#textePagina {
	overflow			: hidden;
	color				: #1f1f1f;
	font				: normal normal 13px/16px Arial, Verdana, sans-serif;
	width				: 550px;
	padding				: 0 0 0 0;
}



.texte {
	padding				: 12px 20px 12px 20px;
}

.texte p {
	padding				: 0 0 6px 0;
}

.texte ul{
	margin				: 10px 10px 20px 10px;
}
	
.texte li{
	padding				: 2px 0 4px 14px;
	background			: url(../img/back_li_texte.png) no-repeat left 7px;
}

.texte h2 {
	font				: normal bold 14px Arial, sans-serif;	
}

.pano {
	padding				: 15px 0 10px 18px;
	background			: url(../img/back_img_top.png) top left no-repeat;
	clear				: both;
}

blockquote {
	font				: normal bold 13px Arial, sans-serif;
	padding				: 10px;
}

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

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

#ofertes {
	float			: right;
	width			: 162px;
	overflow		: hidden;
	border-bottom	: 1px solid #eaf1fb;
	border-top		: 1px solid #eaf1fb;
	padding			: 15px 15px 0 0;
	/* min-height		: 600px; */ /* per ie6*/
}

#logos_camping {
		border-bottom	: 1px solid #9bb9f3;
}

.oferta {
	border-bottom	: 1px solid #9bb9f3;
	border-top		: 1px solid #eaf1fb;
	padding			: 15px 0 20px 0;
	width			: 162px;
}

#ofertes h2 {
	font			: normal bold 18px Arial, Verdana, sans-serif;
	color			: #1b2b4b;
	padding			: 20px 0 10px 0;
	border-bottom	: 1px solid #9bb9f3;
}

#ofertes .imatge {
	width			: 160px;
	height			: 65px;
	border			: 1px solid #eaf1fb;
	overflow		: hidden;
	margin			: 0 0 10px 0;
}

#ofertes .imatge img {
	width			: 160px;
}

#ofertes a.linkOferta {
	display			: inline-block;
	min-height		: 30px;
	background		: url(../img/back_oferta.png) top left no-repeat;
	font			: normal bold 13px Arial, Verdana, sans-serif;
	color			: #3b3b3b;
	padding			: 5px 0 0 30px;
}




 /*---------------------------------------------
//  Pagina Llistat
//---------------------------------------------
*/
.grupLlistat {
	padding				: 15px 10px 10px 15px;	
}


.llistat {
	width				: 99%; /* per ie 6 */
	overflow			: hidden;
	padding				: 0 0 20px 0;
}

.llistat h2 {
	font				: normal bold 18px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #004d87;
	padding				: 0 0 5px 0;
	margin				: 0 0 5px 0;
}

.texteLlistat {
	padding				: 8px 0 8px 0;	
}

.ofertes {
	padding				: 0 0 30px 0;
	overflow			: hidden;
}

.ofertes img {
	max-width			: 400px;
	float				: right;
	margin				: 0 0 5px 10px;
	border				: 2px solid #c3c3c3;
}

.botonsReserves {
	width				: 90%;
	text-align			: center;
	clear				: left;
	padding				: 0 0 30px 0;
}

a.linkReserves{
	display				: inline-block;
	border				: 1px solid #db6400;
	font				: normal bold 20px/24px "Arial Narrow", Helvetica, sans-serif;
	padding				: 5px 15px 7px 15px;
	margin				: 10px 20px 0 0;
	color				: #FFF;
	text-decoration		: none;
	background			: url(../img/back_visa.png) top left no-repeat #ff7400;
	margin				: 0 0 0 20px;
	height				: 1%;
}


a.linkReserves:hover {
	background			: url(../img/back_visa_on.png) top left no-repeat #ca5c01;
	text-decoration		: none;
}


a.linkPresupuestos{
	display				: inline-block;
	border				: 1px solid #ff7400;
	font				: normal bold 20px/24px "Arial Narrow", Helvetica, sans-serif;
	padding				: 5px 15px 7px 15px;
	margin				: 10px 20px 0 0;
	color				: #FFF;
	text-decoration		: none;
	background			: #ca5c01;
	margin				: 0 0 0 0;
}

a.linkPresupuestos:hover {
	background			: #ff7400;
}

.imgLeft {
	float				: left;
}

.imgLeft img{
	max-width			: 500px;
	padding				: 0 18px 15px 0;
}


 /*---------------------------------------------
//  Pagina Links
//---------------------------------------------
*/
.grupLlistat h3 {
	font				: normal bold 22px Arial, sans-serif;
	color				: #d06800;
	border-bottom		: 2px solid #d06800;
	margin				: 0 0 10px 0;
}

.links {
	width				: 100%;
	overflow			: hidden;
}

.links h2 {
	font				: normal bold 16px Arial, sans-serif;
	color				: #9bb9f3;
}

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

.descarregues {
	padding				: 10px 0 10px 10px;
}

.descarregues img {
	vertical-align		: middle;
}

.descarregues h2 {
	font				: normal bold 18px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #004d87;
}


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


.mes {
	color			: #9bb9f3;
	font-size		: 11px;
	padding			: 1px;
}

.mes td {
	padding			: 2px 3px;
	text-align		: right;
}

.nomMes {
	text-align		: center;
	font-weight		: bold;
	color			: #004d87;
	font-size		: 14px;
}

.nomDia th {
	text-align		: right;
	font-weight		: normal;
	color			: #FFF;
	background		: #004d87;
	padding			: 2px 1px;
}

.tarifes {
	width			: 99%;	
}

.tarifes img {
	vertical-align	: middle;	
}

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

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

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

.tarifes tbody td {
	border-bottom	: 1px solid #adadad;	
}

.tarifes tbody th h2 {
	padding			: 15px 0 0 0;
	font-size		: 11px;
}

.tarifes tbody th strong{
	font-size		: 14px;
}

.tarifes th.t1 {
	color			: #FFF;
	background		: #4884f6;
}

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

.mes .t1 {
	background		: #4884f6;
	color			: #FFF;
}

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

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

.mes .t2 {
	background		: #389b3e;
	color			: #FFF;
}

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

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

.tarifes .tdIcones {
	padding			: 0;
	text-align		: center;
}

.mes .t3 {
	background		: #d06800;
	color			: #FFF;
}

.llegenda {
	font-size		: 11px;
	color			: #004d87;
}
/*---------------------------------------------
//  Pagina tarifes - allotjaments
//---------------------------------------------
*/

.allotjaments {
	vertical-align	: top;
	border			: 1px solid #daeefe;
	background		: #f4faff;
	width			: 99%; /* per ie6 */
}

.allotjaments td,
.allotjaments th{
	vertical-align	: top;
	padding			: 4px 8px;
}

.allotjaments h3 {
	font			: normal bold 18px "Arial Narrow", Helvetica, sans-serif;	
	border-bottom	: 1px solid #daeefe;
	padding			: 3px 0 5px 0;
}

.allotjaments .tarifes{
	width			: 100%;
}


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

#videoHome {
	background		: url(../img/back_video_home.jpg) top left no-repeat #e1f1fe;
	padding			: 10px;
	width			: 605px;
}

#homeText{
	float			: right;
	width			: 40%;
	padding			: 10px;
	color			: #004d87;
	font-size		: 12px;
	line-height		: 16px;
}

#homeText strong {
	color			: #0394d5;	
}






/*---------------------------------------------
//  Peu
//---------------------------------------------
*/
 
#peu {
	padding				: 0;
	clear				: both;
	background			: #233865;
}

#menuInf {
	padding				: 10px;
	text-align			: center;
	font-size			: 12px;
	border				: 1px solid #004d87;
	background			: url(../img/back_menu_superior.png) top left repeat-x #0d1d3c;
}

#menuInf li {
	color				: black;
	display				: inline;
	padding				: 0 10px 0 15px;
}

#menuInf a {
	color				: #FFF;
	font				: normal bold 16px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	padding				: 4px;
	display				: inline-block;
}

#menuInf a:hover {
	background			: #004d87;
	text-decoration		: none;
}

#textePeu {
	padding				: 10px;
	text-align			: center;
	color				: #FFF;
}