/************** GENERAL ****************/

* { behavior: url(iepngfix.htc) } /* per mostrar png transp en IE5.5 i 6. es necessita el fitxer 'iepngfix.htc' */
* {
		margin:0;
		padding:0;
		}
html, body{
	height:100%;
}
body {  /*apart de proprietats de font i color de fons, no caldria tocar marges, height, etc*/
	margin: 0 auto;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height:100%;
	background: #4f3922 url(pic/background2.jpg) top repeat-x ;
	
	
	
	font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
}


div, ul, li{
	margin:0px;
	padding:0px;
}

a{
	color:#0db4a6; text-decoration: none; font-weight:bold; border:0px; outline:none;}
a:hover{ 
	color:#10b7a9; border:0px; text-decoration: underline;}
img{
	border:0px;
}

b{
	color:#022825;
}

p{
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
}

	
	
	
.centrat{
	text-align:center;
	}

/*----------- intro ------------*/
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 1;
}


	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-10em; /* half of container's height */
		float:left;
		z-index:2;
		}

	#container {
		font-size:14px;
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:20em;
		width:52em;
		clear:left;
		z-index:2;
		}

	#container div {
		
		float:right;
		width:16em;
		}

	

	#container ul {
		border-left: #B8A864 solid 1px;
		list-style: none;
		padding-left: 20px;
		margin-left:20px;
		}

	#container li {
		margin-bottom:14px;
		}
		
	#container li a{
		color:#B8A864;
		font-weight:normal;
	}
	
	#container li a:hover{
		color:#937E4D;
		text-decoration:none;
	}

	#container p {
		padding-top:5.5em;
		text-align:left;
		}



	
/*============= CONTENIDO DE LA PAGUINA =================*/


#embolcall{  /*tota la pagina, apart del color de fons del body. nomes cal canviar amplada i imatge/color de fons*/
	  background: #ffffff url(fons-repeat.jpg) repeat-y ;
	  width: 995px;
	  margin:0 auto;
	  padding:0px;
	  text-align:left;
	  display:table;
	  position:relative;
	}
	

	
	

	
	 
	#embolcallPag{/*tot el contingut per sota la cap�alera: barra de menu a l'esquerra i continguts pagina a la dreta*/
	
	
	}
	
	#marge_superior{
		width:995px;
		height:17px;
		background-color:#8E7048;

/**********************************/	

/*================== columna esquerra (pel menu) ===================*/


	   #left_bar{	
	    width:248px;
		margin: 0px;	
		padding:0px;
		float:left;			
		height:auto !important;
		display:block;
		position:relative;
		}
		

/************************************/

	

/****************************************************/

/******************************************/
	
	#contingut{	
		float:right;
		width:747px;
	margin: 0px;	
	padding:0px;
	background-color: #664C31;
	}

	
	#capsalera{
		width:747px;
		height:130px;
	}
/* peu i accessoris visuals assobre del peu, etc*/
	
	
	#sobre_peu{ /* per fer les cantonades arrodonides entre el contingut i el peu amb una imatge. 
	la imatge esposa al tpl perque per css no es veu be en IE6. si no es necessita es pot amagar amb display:none.
	display:none; */
	background:transparent;
	height: 16px;
	float: right;
	width:995px;
	}
	
	#peu_general{
	background-color: #000000;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	height:20px;
	color:#FFFFFF;
	float: right;
	width:995px;
	}
	
	#logo_peu{/*logo iws*/
	float:left;
	margin:0px;
	padding:0px;
	padding-left:16px;
	}
	
	#links_peu{/*avis legal, etc*/
	float:right;
	margin:0px;
	padding:2px;
	padding-right:16px;
	}
	
	
	
	
/**********************************************************************************************************************************************/
/*AQUI S'ACABA L'ESTRUCTURA DEL TEMPLATE. LA RESTA SON ESTILS PER DIFERENTS CONTINGUTS, MODULS O PAGINES ESTATIQUES COM CONVINGUI*/