body {
	margin:0px;
	padding:0px;
	background-color:#336799;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	}

	a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}

	a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF9900;
	}


	
	.contenidor {
	width:220px;
	background-color:#FFFFFF;
	height: 563px;
	}
	
	/*** TARIFES 2009 ***/
	ul#seleccio_tarifes {
	padding:0px;
	margin:0px;
	}
	
	ul#seleccio_tarifes li {
	list-style:none; 
	color:#006699; 
	font-style:normal;
	float:left;
	padding-right:10px;

	}
	
	ul#seleccio_tarifes li a {
		text-decoration:none;
			color:#006699; 
	}
	
	
		ul#seleccio_tarifes li#tarifes a.actiu {
	padding:5px;
	background-color:#006699;
	 color:#FFFFFF
	}
	
	/*** Celes propietats comunes de HD ***/
	
	.tb_invisibles{
	width:91px; 
	height:32px; 
	margin-right:10px; 
	margin-top:8px; 
	float:left;
	}
	
	.tb_comunes_hd_mp_pc {
	width:62px;
	background-color:#006699;
	margin-top:8px;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	}

	/** celes especifiques per HD ***/
	
	.tb_hd{
	background-color:#006699;
	margin-right:8px;
	padding:4px 1px 3px 0px;
	}

	/** Celes especifiques per MP PC ***/
	
	.tb_mp_pc{
	background-color:#006699;
	margin-right:17px;
	padding:4px 1px 3px 0px;
	
	}

	/*** Preus ***/
	
	.preus_comunes {
	width:62px;
	background-color:#006699;
	margin-top:8px;
	float:left;
	vertical-align:middle;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

	.preus {
    background-color:#C6DFED;
	margin-right:8px;
	padding:10px 1px 10px 0px;
	color:#006699;
	}

	.preus_blancs {
	background-color:#FFFFFF;
	margin-right:8px;
	padding:10px 1px 10px 0px;
	color:#FF9900;
	height: 17px;
	}

	.preus_mp_pc {
    background-color:#C6DFED;
	margin-right:17px;
	padding:10px 1px 10px 0px;
	color:#006699;
	}

	.preus_mp_pc_blancs {
    background-color:#FFF;
	margin-right:17px;
	padding:10px 1px 10px 0px;
	color:#FF9900;
	}

	/*** MESOS  (celes)***/
	.tbaixa {
	font-size:12px;
	}
	
	.tb_comunes_mesos{
	width:91px; 	
	margin-top:8px;
	float:left;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	}

	.tb_mesos_blaus{
	background-color:#006699;
	margin-right:6px;
	padding:4px 5px 4px 0px;
	height:28px;
	}


	.tb_mesos_taronja{
	background-color:#FF9900;
	margin-right:6px;
	padding:4px 5px 4px 0px;
	}

	/*** Mesos i Dates  (textos) ***/
	
	.mes{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	}

	.data{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;	
	}


	/*** LLegenda ***/

	.llegenda {
	text-align:left;
	font-size:10px;
	color:#006699;
	float:left;
	}
	
	.llegenda1 {
	width:152px;
	padding: 5px 20px 5px 0px;
	font-weight: normal;

	}
	
	.llegenda2 {
	width:120px;
	padding:5px 0px 5px 17px;
	font-weight: normal;
	}
	
	.llegenda3{
	width:123px;
	padding:5px 0px 5px 36px;
	font-weight: normal;
	}

	.capca {
	width: 520px;
	height:400px;
	float: left;
	padding: 65px 0px 0px 50px;
	}
	
	.capca_entorn {
	width: 530px;
	height:450px;
	float: left;
	padding: 65px 0px 0px 0px;
	}
	
	.capca_tarifes{
	width: 500px;
	height:450px;
	float: left;
	padding: 43px 0px 0px 55px;
	}
		.capca_galeria{
	width: 570px;
	height:450px;
	float: left;
	padding: 65px 0px 0px 15px;
	}

	.subtitol {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color: #76ABC7
	}
	
	.titol{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color: #006699;
	margin-top:-3px;
	font-weight: normal;
 	}
	
	.verdana10px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#336799;
	font-weight: normal;
	}
	
	.verdana10px a {
	font-weight:normal;
	font-size:10px;
	color:#336799;
	text-decoration:underline;
	}
	
	
	.verdana10px a:hover{
	font-weight:normal;
	font-size:10px;
	color:#336799;
	text-decoration:underline;
	}
	
	.verdana12pxbold {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#336799;
	}
	
	/*** FI DE TARIFES **/
	
	/***PLANA MAPA***/
	.content_menu_mapa{
	background-color:#FFF;
	float:left;
	padding: 0px 12px 0px;
	height: 650px;
	}
	
 	.contenidor_mapa {
	width:220px;
	background-color:#FFFFFF;
	height: 750px;
	}

	.idiomes_mapa{
	background-image: url("../img/bcks/bck_idiomes.jpg");
	background-repeat:no-repeat;
	background-color:#336799;
	float:left;
	width:28px;
	height:727px;		
	}
	/******************/
	
	.idiomes{
	background-image: url("../img/bcks/bck_idiomes.jpg");
	background-repeat:no-repeat;
	background-color:#336799;
	float:left;
	width:28px;
	height:540px;		
	}

	.idiomes_txt{
	padding: 11px 0px 11px 10px;
	line-height:11px
	}
	

	
	.content_menu{
	background-color:#FFF;
	float:left;
	padding: 0px 12px 0px;
	height: 535px;
	}
	
	.content_web{
	float:left;
	width:589px;
	height:525px;
	}

	.peu {
	margin-top:5px;
	background-color:#336799;
	color:#FFFFFF; 
	font-size:10px;
	clear:both;
	width:809;
	}

	.peu a {
	color:#FFFFFF; 
	font-size:10px;
	font-weight:normal;
	}

	.peu a:hover {
	color:#FFFFFF; 
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
	}
	
	.verdana12pxbold .textinput{
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #7F9DB9;
	background-image: url("../img/input.jpg");
	}
	
	textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: 1px solid #7F9DB9;
	background-image: url("../img/textarea.jpg");
	background-repeat:no-repeat;
	}

	.bt_form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:5px 5px 0px 0px; 
	float:left;	
	}
	
	/*** MENÚ DE NAVEGACIó ***/
	
	#navcontainer{
	width: 168 px; 
	color: #333;
	}

	#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

	#navcontainer li{
	border-bottom: 1px solid #FFF;
	margin: 0;
	}

	#navcontainer li a{
	display: block;
	padding: 2px 5px 2px 15px;
	background-image: url("../img/fletxa_off.jpg");
	background-repeat:repeat-y;
	background-color: #C3D0E0;
	color: #316692;
	text-decoration: none;	
	}

	html>body #navcontainer li a { width: auto; }

	#navcontainer li a:hover{
	background-color: #FFC267;
	background-image: url("../img/fletxa.jpg");
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	color: #FFF;
	}
	
	/*** FI MENÜ DE NAVEGACIO **/
	
	.txtwebcam {
	width:450px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#336799;
	font-weight: normal;
	}
	
	.webcam {
	margin-top:35px;
	width:450px;
	height:300px;
	background-color:#FFFFFF;
	padding: 15px;
	}
	
	.mapa {
	margin-top:70px;
	width:430px;
	height:410px;
	background-color:#FFFFFF;
	padding: 10px;
	}

	.txtgaleria {
	width:450px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#336799;
	}
	
	.textos {
	font-size:11px; 
	color:#336799;
	}
	
	.anuncis {
	width:475px;
	text-align:justify;
	padding:10px;
	font-size:11px;
	background-color:#FFFFFF;
	margin-bottom:15px;
	font-weight: normal;
	}
	
	/*** Paginació ***/
	
	.paginacio {
	width:495px;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	margin: 5px 0px 10px 0px;
	}	
	
	a .paginacio{
	width:475px;
	font-size:11px;
	font-weight:bold;
	color:#99CC00;
	}
	 
	.polaroids {
	width:110px;
	padding: 10px 10px 10px 10px;
	background-color:#FFFFFF;
	float: left;
	margin: 0px 10px 10px 0px;
	}

/*** buttons ***/
a.button1{
/* Sliding right image */
background: transparent url('../img/bt1Right.gif') no-repeat scroll top right; 
display: block;
float:left;
height:20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

a.button1 span {
/* Background left image */ 
background: transparent url('../img/bt1Left.gif') no-repeat; 
display: block;
line-height: 20px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0px 0px 8px;
}