/*############################################*/
/*######### COMÚ  A TOTES LES PÀGINES ########*/
/*############################################*/

/*********** IDIOMES ***********/
#idiomes{
float:right;
padding:7px 10px 0 0;
color:#FFF7D9;
font-size:9pt;
font-weight:bold;
}

#idiomes a{
padding:0 5px 0 5px;
color:#FDF8DE;
text-decoration:none;
}

#idiomes a:hover{
color:#3D5295;
}

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

/*********** LATERAL ***********/
#logo{
padding:10px 0 12px 0;
text-align:center;
}

/*********** MENU ***********/
#menu{
width:200px;
padding:0 0 0 12px;
}

#menu ul{
margin:0 0 5px 0;
padding:0;
border-top:1px solid #3D5295;
background:url(../imgs/fons_menu_lat.png) repeat-x top;
}

#menu li{
list-style-type:none;
background:transparent url(../imgs/fons_menu.png) no-repeat 175px 13px;
border-bottom:1px solid #3D5295;
text-align:right;
color:#3D5295;
font-size:10.5pt;
font-weight:bold;
}

#menu li:hover{
background:#E0DFD3 url(../imgs/fons_menu.png) no-repeat 175px 13px;
}

#menu li a{
padding:8px 45px 8px 0;
display:block;
width:auto;
color:#3D5295;
text-decoration:none;
}

#menu li a:hover{
color:#404040;
}

#menu li a:hover span{
display:block;
width:auto;
cursor:pointer;
}

/*********** PEU ***********/
#pictos{
margin:10px 15px 10px 15px;
}

/*********** PEU ***********/
#peu{
padding:7px 7px 0 7px;
color:#3D5295;
}

#peu a{
color:#3D5295;
text-decoration:none;
}

#peu a:hover{
color:#000000;
}

#peu .esq{
float:left;
}

#peu .drt{
float:right;
}

/*********** PORTADA ***********/
#fotos{
width:750px;
height:350px;
}

#destacats{
margin-top:2px;
width:750px;
height:170px;
background:#FDF8DE url(../imgs/fons_port_destacats.png) no-repeat top;
border-bottom:1px solid #F3CE22;
}

#destacats .bloc{
float:left;
width:226px;
_width:250px;
margin:10px 12px 7px 12px;
}

#destacats h1{
margin:0px;
color:#3D5295;
font-size:12pt;
font-weight:bold;
}

#destacats h2{
margin:5px 0 0 0;
text-align:justify;
font-size:8pt;
font-weight:normal;
}

#destacats h2 img{
border:1px solid #F3CE22;
}

#destacats h3{
margin:5px 0 0 0;
font-size:8pt;
color:#3D5295;
font-weight:normal;
}

#destacats h3 a{
color:#3D5295;
}

#destacats h3 a:hover{
color:#404040;
}

#avantatges .avant{
float:left;
width:226px;
_width:250px;
margin:10px 12px 7px 12px;
}

#avantatges ul{
margin:0 0 7px 0;
padding:0;
}

#avantatges li{
list-style-type:none;
padding:5px 0 5px 15px;
background:url(../imgs/fons_llistat.png) no-repeat left;
border-bottom:1px dotted #F3CE22;
}

/*############################################*/
/*################## SECCIONS ################*/
/*############################################*/

/*********** GENERAL INTERIORS ***********/
ul{
margin:10px 0 10px 10px;
padding:0px;
}

li{
list-style-type:none;
padding:0 0 0 15px;
background:url(../imgs/fons_llistat.png) no-repeat left;
}

#titol{
width:735px;
_width:750px;
height:27px;
_height:30px;
padding:3px 0 0 15px;
background:#F3CE22 url(../imgs/fons_peu.png) repeat-x;
color:#3D5295;
font-size:12pt;
font-weight:bold;
}

#content h1{
margin:0 0 5px 0;
padding:0 0 3px 0;
border-bottom:1px solid #3D5295;
color:#3D5295;
font-size:12pt;
font-weight:bold;
}

#int_2_col{
background:#FFFFFF url(../imgs/tarifes_fons.png) repeat-y top left;
}

#int_2_col_lat{
float:left;
width:170px;
_width:200px;
padding:15px 15px 0 15px;
}

#int_2_col_lat img{
margin:5px 0 5px 0;
border:1px solid #3D5295;
}

#int_2_col_lat ul{
margin:0;
padding:0;
}

#int_2_col_lat li{
background-position:0 6px;
}

#int_2_col_lat .nota_peu{
font-style:italic;
}

#int_2_col_lat .nota_peu a{
color:#3D5295;
text-decoration:none;
}

#int_2_col_lat .nota_peu a:hover{
color:#404040;
}

#int_2_col_lat h1{
margin:0 0 5px 0;
font-size:10pt;
}

#int_2_col_lat h2{
margin:0 0 15px 0;
padding:0 0 0 7px;
font-size:9pt;
font-weight:bold;
}

/*********** CÀMPING ***********/
#valldor_txt{
width:720px;
_width:750px;
padding:15px;
text-align:justify;
}

.valldor_pic{
float:left;
width:250px;
margin-bottom:15px;
text-align:center;
}

.valldor_pic img{
margin-bottom:5px;
border:1px solid #F3CE22;
}

.tornar{
border-top:1px solid #3D5295;
padding:3px 0 5px 7px;
}

.tornar a{
color:#3D5295;
text-decoration:none;
}

.tornar a:hover{
color:#404040;
}

/********** SERVEIS ***********/
#serveis_llista{
float:left;
width:520px;
_width:550px;
padding:15px
}

#serveis_llista .servei{
margin:7px 0 15px 0;
}

#serveis_llista .servei_foto{
float:left;
width:165px;
padding-top:10px;
}

#serveis_llista .servei_txt{
float:left;
width:350px;
padding-top:10px;
text-align:justify;
}

/********** UBICACIO I ENTORN ***********/
#ubicacio_entorn{
float:left;
width:520px;
_width:550px;
padding:15px;
}

#ubicacio_entorn .entorn{
margin:7px 0 15px 0;
}

#ubicacio_entorn .entorn_foto{
float:left;
width:115px;
padding-top:10px;
}

#ubicacio_entorn .entorn_txt{
float:left;
width:400px;
padding-top:10px;
text-align:justify;
}

#ubicacio_entorn .entorn_link{
margin-top:10px;
}

#ubicacio_entorn a{
color:#3D5295;
text-decoration:none;
}

#ubicacio_entorn a:hover{
color:#404040;
text-decoration:none;
}

#ubicacio_entorn hr{
background-color:#3D5295;
margin:15px 0 15px 0;
height:1px;
border:0px;
}

/*********** TARIFES ***********/
#tarifes_llista{
float:left;
width:520px;
_width:550px;
padding:15px
}

#tarifes_llista a{
color:#3D5295;
text-decoration:none;
font-weight:bold;
}

#tarifes_llista a:hover{
border-bottom:1px dotted #3D5295;
}

#tarifes_taula{
margin:15px 0 15px 80px;
width:360px;
}

#tarifes_taula th{
width:90px;
padding:3px 0 3px 0;
text-align:center;
border-left:1px solid #FFFFFF;
background:#3D5295;
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
}

#tarifes_taula td{
width:80px;
_width:90px;
padding-right:10px;
text-align:right;
background:#FDF8DE;
border-bottom:1px solid #3D5295;
font-size:11pt;
font-weight:bold;
}

#tarifes_taula .picto{
text-align:center;
}

#tarifes_taula .literal{
padding:5px 0 5px 15px;
text-align:left;
font-size:10pt;
}

#tarifes_taula .nota_peu{
padding-top:5px;
text-align:left;
background:transparent;
border:0px;
font-size:9pt;
font-style:italic;
}

#tarifes_taula .nota_peu a{
color:#3D5295;
text-decoration:none;
}

#tarifes_taula .nota_peu a:hover{
color:#404040;
}

/*********** CONTACTE / RESERVES ***********/
#contacte_form{
  width:600px;
  margin:15px auto;
	text-align:justify;
}

#contacte_form a{
  color:#3D5295;
	font-weight:bold;
	text-decoration:none;
}

#contacte_form a:hover{
  color:#000000;
}

#contacte_form .formulari{
  background-color:#FDF8DE;
	border-top:1px solid #3D5295;
	border-bottom:1px solid #3D5295;
	padding:10px;
}

#contacte_form .label{
  width:150px;
	_width:200px;
  padding:0 0 7px 50px;
	vertical-align:top;
  font-weight:bold;
}

#contacte_form .form{
  padding:0 0 7px 0;
}

#contacte_form .forms{
  border:1px solid #3D5295;
	background-color:#FFFFFF;
	width:300px;
	height:15px;
	padding-left:3px;
	margin:0 0 0 5px;
	font-size:7.5pt;
}

#contacte_form .boto{
  width:75px;
	height:20px;
	border:0px;
	margin-left:5px;
	padding-bottom:3px;
	background-color:#3D5295;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:7.5pt;
}

#contacte_form .notalegal{
  font-style:italic;
	color:#999999;
}

#contacte_form .gracies{
  text-align:center;
	font-size:9pt;
	color:#3D5295;
	font-weight:bold;
}