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

html {
	background			: #1f2314;
	height				: 100%;
	background			: url(../img/back_estiu.jpg) top center fixed no-repeat #1f2314;	
}

body {
	color				: #3b3b3b;
	height				: 100%;
}

#contenidor {
	width				: 950px; 
	margin				: 0 auto 0 auto;
	padding				: 8px 0 0 0;
}


#cabe {
	width				: 950px;
	overflow			: hidden;
}
#grupPag {
	width				: 950px;
	overflow			: hidden;
	clear				: both;
}


/*---------------------------------------------
//  cabe
//---------------------------------------------
*/
#slide {
	border				: 1px solid #2f2f2f;
	overflow			: hidden;
	height				: 200px;
}

#slideShow {
	width				: 966px;
	height				: 200px;
}

#logo {
	position			: absolute;
	top					: -5px;
	left				: 0;
	z-index				: 100;
	/*
	width				: 225px;
	height				: 300px;
	background			: url(../img/logo_camping_solsones-trans.png) top left no-repeat;
	*/
}

#cabe {
	position			: relative;
}

#idiomes {
	float				: left;
	margin				: 12px 0 0 45px;
}

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

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

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


#menuSuperior {
	font				: normal normal 15px/15px Arial, Helvetica, Verdana, sans-serif;
	text-transform		: uppercase;
	background			: url(../img/back_menu_superior.png) top left repeat-x;
	overflow			: hidden;
	width				: 948px;
	border				: 1px solid #2f2f2f;
	margin				: 8px 0;
}


#menuSuperior ul,
#menuSuperior li {
	float				: right;
}

#menuSuperior li a{
	 display			: block;
	 padding			: 10px 20px;
	 height				: 1% /* per ie6 */;
	 float				: left /* per ie6 */;
	 color				: #FFF;
	 text-decoration	: none;
	 background			: #5b5f24;
	 border				: 2px solid #3e4119;
	 margin				: 5px;
}

#menuSuperior li a:hover {
	color				: #FFF;
	text-decoration		: none;
	background			: #3e4119;
}
 
#menuSuperior li#menuSup15 a { /* Info */
	 border				: 2px solid #8a4d15;
	 background			: #d3781a;
 }
 
#menuSuperior li#menuSup15 a:hover {
	background			: #8a4d15;	
}
 
 #menuSuperior li#menuSup16 a { /* Reserves */
	 border				: 2px solid #840802;
	 background			: #c71006;
 }
 
#menuSuperior li#menuSup16 a:hover {
	background			: #840802;
}
 #menuSuperior li#menuSup8 a { 
	background			: #5b5f24 url(../img/back_boto_ofertes.gif) 5px 5px no-repeat;
	padding				: 10px 20px 10px 35px;
 }
 #menuSuperior li#menuSup8 a:hover {

	background-color	: #3e4119;
}
 
 /*---------------------------------------------
//  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 15px/17px Arial, Helvetica, Verdana, sans-serif;
	border-top			: 1px solid #3d0103;
}


#menuLateral li a{
	display				: block;
	color				: #FFF;
	padding				: 7px 0 5px 10px;
	background			: #840802;
	height				: 1%;
}



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



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


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

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



#menuLateral li li a,
#menuLateral li.selected li a{
	font-weight			: normal;
	font-size			: 12px;
	color				: #FFF;
	padding				: 4px 10px 1px 35px;
	background			: url(../img/back_menu_lateral_li_li.png) 10px 50% no-repeat #c81006;
}

#menuLateral li li.selected a{
	background-color	: #a60b04;
}

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



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

#pagina {
	margin				: 0 0 0 260px;
	position			: relative;
	border				: 1px solid #2f2f2f;
	opacity				: 0.9;
	filter				: alpha(opacity=90); /* per ie6 i ie7, per transparencia*/
	zoom				: 1; /* per ie6 i ie7, per transparencia*/
	background			: #dedfd3;
	background			: #ebf1cf url(../img/back_pagina.png) right 30px no-repeat;
}

#titPagina {
	padding				: 0 0 10px 0;
	/*border-bottom		: 6px solid #8a4d15; */
	color				: #8a4d15;
}

#titPagina h1 {
	font				: normal bold 40px/40px Arial, Helvetica, sans-serif;
	margin				: 10px 30px 10px 40px;
	padding				: 0 0 10px 0;
	border-bottom		: 3px solid #8a4d15; 
}

#titPagina h2 {
	font-size			: 14px;
	font-weight			: normal;
	line-height			: 15px;
	text-transform		: uppercase;
	color				: #FFF;
	background			: #d3781a;
	padding				: 10px 10px 10px 40px;
}


.imgTop {
	width				: 100%;
	overflow			: hidden;
	text-align			: center;
}


.imgTop img{
	max-width			: 600px;
	padding				: 2px;
	border				: 1px solid #b7b7b7;
}


.imgBottom {
	width				: 100%;
	overflow			: hidden;
	text-align			: center;
}

.imgBottom img {
	max-width			: 600px;
	padding				: 2px;
	border				: 1px solid #b7b7b7;
}

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



.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 18px/20px "Arial Narrow", Helvetica, sans-serif;
	text-transform		: uppercase;
	color				: #5b5f24;
	padding				: 0 0 5px 0;
	margin				: 0 0 5px 0;
}

.pano {
	padding				: 15px 0 10px 0;
	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;
	padding				: 0 15px 0 0;
	/* min-height		: 600px; */ /* per ie6*/
}

.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				: #5b5f24;
	padding				: 0 0 10px 0;
}

#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				: 0 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				: #5b5f24;
	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;
	font				: normal normal 14px/18px Arial, sans-serif;
}

a.linkReserves{
	display				: inline-block;
	border				: 2px solid #840802;
	background			: #c71006;
	padding				: 5px 15px 7px 15px;
	margin				: 10px 10px 0 0;
	color				: #FFF;
	text-decoration		: none;
	height				: 1%;
	text-transform		: uppercase;
}


a.linkReserves:hover {
	background			: #840802;
	text-decoration		: none;
}

a.linkTarifes {
	display				: inline-block;
	background			: #5b5f24;
	border				: 2px solid #3e4119;
	padding				: 5px 15px 7px 15px;
	margin				: 10px 10px 0 0;
	color				: #FFF;
	text-decoration		: none;
	height				: 1%;
	text-transform		: uppercase;
}

a.linkTarifes:hover {
	background			: #3e4119;
	text-decoration		: none;
}


.imgLeft {
	float				: right;
}

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


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

.links {
	width				: 100%;
	overflow			: hidden;
	padding				: 10px 0 30px 0;
	border-bottom		: 1px solid #b7b7b7;
}

.links h2 {
	font				: normal bold 14px Arial, sans-serif;
	color				: #3b3b3b;
	padding				: 0 0 10px 0;
}


.links .imgLeft {
	float				: right;
	padding				: 0 0 5px 10px;
}

.links .imgLeft img{
	padding				: 1px;
	border				: 1px solid #b7b7b7;
	max-width			: 150px;
}



/*---------------------------------------------
//  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;
	margin				: 10px 0;
}

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

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

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

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

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

address a,
address a:link{
	color				: #FFF;	
}


.tarifes {
	width				: 90%;
	background			: #fcffeb;
}

.tarifes td,
.tarifes th{
	padding				: 5px;
	font				: normal bold 14px Arial, Helvetica, sans-serif;
	
}

.tarifes th {
	border-bottom		: 1px solid #dae3ad;
}

.tarifes td {
	text-align			: right;
}

td.temp1 {
	color				: #FFF;
	background			: #d3781a;
	border-right		: 1px solid #8a4d15;
	border-bottom		: 1px solid #8a4d15;
}

td.temp2 {
	color				: #FFF;
	background			: #5b5f24;
	border-right		: 1px solid #3e4119;
	border-bottom		: 1px solid #3e4119;
}

th.temp1,
th.temp2 {
	font-weight			: bold;
	text-align			: center;
	color				: #8a4d15;
}

thead th {
	background			: #dee4c2;	
}

th.temp2 {
	color				: #3e4119;
}