/* Reseteja marges i paddings a zero */
* { 
    padding: 0; 
    margin: 0; 
}


/* General */
body {
	color: #333333;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 80%;*/
	font-style: normal;
	font-variant: normal;
	background-color:#c0c0c0;
}

a {
	text-decoration: none;
	font:bolder;
	color: #FFFFFF;
}

a:hover {
	color: #FFFFFF;
	text-decoration:none !important;
	text-decoration:underline;
    }
a img {
    border: 0;
	display:block;
}

/*--------------definidors de links verds---------*/

a.link {
	text-decoration: underline;
	font-weight: normal;
	color:#009933;
}
a.textroquetes {

color:#ffffff;
text-decoration: underline;

}

a:hover.textroquetes {

color:#999999;
text-decoration: none;

}
a:hover.link{
text-decoration: none;
	font-weight: normal;
	color:#009933;
}

/*--------------definidors de links blancs---------*/

a.amb{
text-decoration: underline;
	font-weight: normal;
	color: #FFFFFF;
}

a:hover.amb{
text-decoration: none;
	font-weight: normal;
}

a.verd{
text-decoration: underline;
	font-weight: normal;
	color:#339933;
}
a:hover.verd{
text-decoration: none;
	font-weight: normal;
}

/* Headings i blocs de text */
/*per fer rotllo benvinguda*/
h1 {
	font-size: 24px;
	color:#FF9900;
	line-height:25pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
/*separació espais banner petit*/
h2 { 
font-size: 8pt;
line-height:40pt;
}    
/*separació espais banner gran*/
h3 { 
font-size: 8pt;
line-height:50pt;
} 
h4 {
	font-size: 8pt;
	color:#508437;
	line-height:30pt;
} 
h7 {
	font-size: 8pt;
	color:#508437;
	line-height:18pt;
} 

h6{
font-weight:normal;
	font-size: 8pt;
	line-height:17pt;
} 

h5 {
font-size: 14px;
color:#FF9900;
font-weight:bold;
line-height:25pt;

}
  

p { 	
}

table {
    border-collapse: collapse;
}
    
img {
	display: block;
}

/* ------------------------------------ pagina-----------------------------------------------*/
#wrap {
	width: 985px;
	height: 600px;
	display: block;
	margin: 0 auto  ;
	text-align: left;
	margin-top: 1px;
}

/*--------------------------------------capçalera-------------------------------------------*/


#header {
	position:relative;
	background-image: url(../imatges/cap/degfons.png);
	background-repeat:repeat-x;
	height: 86px;
display: block;
	width: 985px !important;
	width: 975px;


}

#logo {
	whith:215px;
	font-size: 24pt;
	color: #999999;
	position:absolute;
	top:0px;
	float: left;

	font: helvetica;
	font-weight: lighter;
}

#imatge{
float:right;
	margin-right:20px !important;
	margin-right:10px;
	margin-left:400px;
	text-align: right;
	font-family: Verdana;
	font:lighter;
	font-size: 8pt;
	font-weight: bold;
	padding:0 0 0 0;
	margin-top: 3px;
	font: lighter;
	/*width:200px;*/
	margin-bottom:9px;
}
#imatge ul {

	/*margin-top: -55px;*/
	list-style-type: none;
	float:left;


}
#imatge ul li {
    text-align:right;
	padding:6px 0 0 0;
	float: right;}
	
#imatge ul li.linkmenu{
	font-weight:normal;
	text-decoration:underline;
}	

#menu{
	float:right;
	margin-right:20px !important;
	margin-right:5px;
	height: 40px;
	text-align: right;
	font-family: Verdana;
	font:bold;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: auto;
	margin-left: auto;
}
#menu ul {

	/*margin-top: -55px;*/
float:left;
	list-style-type: none;
}
#menu ul li {
background:url(../imatges/cap/botons/p.png);
text-align:center;
	height:27px;
	padding:13px 0 0 0;
	float: left;		
}
#menu ul li:hover{
	background:url(../imatges/cap/botons/pp.png);

}
#menu ul li.current{
	background:url(../imatges/cap/botons/pp.png);

}
#menu ul li img:hover{
	color: #666;
	opacity: .80;
	filter:alpha(opacity=80);
}


/* ------------------------------------COS---------------------------------------------*/

#cos{
float:inherit;
position:relative;
top:0;
left:0;
width:985px;
font-size: 8pt;

}

/*-------------------------------ESQUERRA---------------------*/
#contingut{
	/*float:left;
position:absolute;
	left:0px;
	top:0;*/
	width:674px;
	background-color:#FFFFFF;
	padding-right:0px;
	height:800px;
}
#contingut2{
	/*float:left;
position:absolute;
	left:0px;
	top:0;*/
	width:985px;
	background-color:#FFFFFF;
	padding-right:0px;
	height:1650px;
}
/*---------------------------DECORACIO-BACKGROUND--------------------*/
/*capa de fons*/

#fondo{
	background-color:#ffffff;
	float:left;
	position:absolute;
	left:6px;
	top:25px;
	width:646px;
	height:600px;
/*padding-bottom:30px; /*controla tamanyfondo*/
}
#fondo3{
	background:url(../imatges/cos/links.png);
	float:left;
	position:absolute;
	left:42px;
	top:12px;
	width:927px;
	height:1620px;
	color: #95A781;/*padding-bottom:30px; /*controla tamanyfondo*/
}
#fondo2{
	background:url(../imatges/cos/main/llibreta.jpg);
	background-color:#ffffff;
	float:left;
	position:absolute;
	left:8px;
	top:3px;
	width:665px;
	height:786px;
/*padding-bottom:30px; /*controla tamanyfondo*/
}
/*paperesquerra*/
#daltesquerra{
text-align:left; /*controla posicio vertical de paperdreta*/
}
#daltesquerra2{
height:550px;
text-align:left;}
#daltesquerra3{
height:580px;
text-align:left;}
/*paperdret*/
#sotadreta{
float:right;


}

#masinfo{
background:url(../imatges/tienes/masinfo.jpg);
	position:absolute;
	float:left;
	left: 18px;
	top: 503px;
width:634px;
height:286px;
}
#text3{
	/*background-color:#00CC33;*/
	position:absolute;
	float:left;
	left:49px;
	top:10px;
	width: 560px;
	height: 97px;
	text-align:justify;
	line-height:18pt;
	color:#999999
}
/*----------------------------text del centre---------------------*/

/*global*/
#text{
	/*background-color:#00CC33;*/
	position:absolute;
	float:left;
	left:43px;
	top:39px;
	width: 560px;
	height: 97px;
	text-align:justify;
	line-height:22pt;
}
#text2{
	/*background-color:#00CC33;*/
	position:absolute;
	float:left;
	left:80px;
	top:50px;
	width: 560px;
	height: 97px;
	text-align:justify;
	line-height:22pt;
}
#text5{
	/*background-color:#00CC33;*/
	position:absolute;
	float:left;
	left:20px;
	top:17px;
	width: 891px;
	height: 1px;
	text-align:justify;
	line-height:22pt;
}
#bann {
position:absolute;
top:6px;
left:2px;
}
#bann2 {
position:absolute;
top:4px;
left:4px;
}
#imatgeslinks{
/*background-color:#00CC33;*/
position:absolute;
	float:left;
	left:62px;
	top:200px;
	width: 525px;
	height: 97px;
	line-height:22pt;
}
#imatgeslinks img:hover{
	color: #666;
	opacity: .80;
	filter:alpha(opacity=80);
	margin-top:1px;
}
#cont1{
position:relative;
float:left;
	left:2px;
	top:2px;

}
			#caixa1{
	background-image: url(../imatges/cos/marc.png);
	position:absolute;
	float:left;	
	left:0px;
	top:0px;
	width: 198px;
	height: 69px;
	text-align:justify;
	line-height:22pt;
	text-align:left;
}

#cont2{
position:relative;
float:left;
	left:210px;
	top:2px;

}
	

			#caixa2{
	background-image: url(../imatges/cos/marc.png);
	position:absolute;
	float:left;
	left:0px;
	top:0px;
	width: 198px;
	height: 69px;
	text-align:justify;
	line-height:22pt;
	text-align:left;
}

#cont3{
position:absolute;
float:left;
left:0px;
top:100px;
	
}
	
		#caixa3{
	background-image: url(../imatges/cos/marc.png);
	position:absolute;
	float:left;	
	left:0px;
	top:0px;
	width: 198px;
	height: 69px;
	text-align:justify;
	line-height:22pt;
	text-align:left;
}
#cont4{
position:relative;
float:left;
left:100px;
	top:100px;

}
	
		#caixa4{
	background-image: url(../imatges/cos/marc.png);
	position:absolute;
	float:left;	
	left:0px;
	top:0px;
	width: 198px;
	height: 69px;
	text-align:justify;
	line-height:22pt;
	text-align:left;
}
#cont5{
	position:absolute;
	float:left;
	left:100px;
	top:200px;
	text-align:center;
	line-height:10pt;





}
	
	#caixa5{
	background-image: url(../imatges/cos/marcgran.png);
	position:relative;
	z-index:0;
	top:0px;
	left:0px;
	width: 303px;
	height: 82px;
	line-height:10pt;
	text-align:center;

}

	

/*-------------------------------DRETA---------------------*/
#fotos{
	float:left;
	position:absolute;
	left:674px;
	top:0;
	
	width:311px;

	
	height:800px;
	background-image:url(../imatges/cos/fonsfotos2.jpg);
	

}
#fotos ul {
		list-style-type: none;
		}

		#puzzle{
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width: 287px;
	height: 627px;
	text-align:justify;
	line-height:22pt;
	text-align:left;


}

/*--------------------------------------PECESPUZLE------------------------*/

   #puzle1{

	position:relative;
	z-index:2;
	float:left;
	left:0px;
	top:470px;
	height: 88px;

	line-height:22pt;
	text-align:left;
	
}
   #puzle2{
 cursor: pointer; 
	position:relative;
	z-index:3;
	float:left;
	left:240px;
	top:525px;

	text-align:justify;
	line-height:22pt;
	text-align:left;
	
}
   #puzle3{
 cursor: pointer; 
	position:relative;
	z-index:4;
	float:left;
	left:360px;
	top:500px;

	text-align:justify;
	line-height:22pt;
	text-align:left;
	
}
   #puzle4{
 cursor: pointer; 
	position:relative;
	z-index:5;
	float:left;
	left:300px;
	top:20px;
	text-align:justify;
	line-height:22pt;
	text-align:left;
	
}
   #puzle5{
 cursor: pointer; 
	position:relative;
	z-index:6;
	float:left;
	left:-327px;
	top:520px;
	text-align:justify;
	line-height:22pt;
	text-align:left;
	
}
/* -------------------------------------PEU----------------------------------------------*/
#footer {
background-color:#ffffff;
	width: 985px;
	height:66px !important;
	display: block;

	
}



#marcasuperior {
background-color:#d1d1d1;
width: 985px;
	height:18px;
	text-align:center;
	color:#FFFFFF;
	line-height:15pt;
	font-size:10px;
}

#marcainferior {
position:relative;
margin-top:1px;
background-color:#e2e2e2;
width: 985px;
	height:47px !important;



}

#textroquetes{
margin-left:20px;
width:460px;
	color:#999999;
	float:left;
		line-height:7pt !important;
		line-height:7pt;
}
#imatgesroquetes{
margin-bottom:3px;
float:left;
height:46;
 width:300;
 	margin-bottom: auto;
	margin-left: auto;
	text-align:left;

}
#imatgesroquetes ul{
float:left;
		list-style-type: none;
		}
#imatgesroquetes ul li{
float:left;
		list-style-type: none;
		margin-left:53px !important;
		margin-left:20px;
		}		
		
/* -----------------------------------GENERAL----------------------------------------*/


#flashe {
	text-align: center;
	width: 985px;
	display: block;

	}