/* CSS Document */
html,body{margin:0;padding:0}
body{font: 12px arial,sans-serif;text-align:center; background-color:#f8f8f3;}
div#header{position:relative}
div#header2{
	font-size:16px;
	padding-top:40px;
	float:left;
	width:420px;
	padding-left:10px;
	height:120px;
	background-image:url(../imatges/fonsex.jpg);
	background-repeat:repeat-x;
	text-align:left;
}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left; padding:0px;}
div#preguntas{background-color: #333333;color:#FFFFFF; font-weight:bold; text-align:right;}
div#preguntas p{margin:0;padding:5px 10px}
div#preguntas a{display:inline;padding:0;color:#67869C; text-decoration:none}
div#preguntas{clear:both;width:100%}
div#preguntas a:hover{color:#FFFFFF}
div#preguntas a#registre{color:#FF6600}
div#preguntas a:hover#registre{color:#FFFFFF;}


div#container{width:755px;margin:0 auto;}
div#content{
	float:left;
	margin-left:20px;
	padding-left:0px;
	margin-top:10px;
	background-color:#006600;
	width:100%;
}
div#navigation{
	float:left;
	width:300px;
	margin-left:0px;
	position:absolute;
}
div#content{float:left;margin-left:0px;padding-left:0px;}
div#extra{float:left;margin-left:0px; margin-top:10px; text-align:left; width:100%;}

#tapete{
background-color:#006600;
height:10000px;
width:755px;
}

#llistaUsuari{
 float:left;
 background-color:#CCCCCC;
}
#llistaMissatge{
 clear:both;
}

.comentaris{
  color:#669999;
}

.titol{
	color:#993300;
}

.color0{
	background-color:#F0F0F0;
	
}
.color1{
	background-color:#D0D0D0;
}


h1{ color:#990000; text-align:center; font-size:18px;}
h2{color:#993333; text-align:center; font-size:20px;}

#reto1{
	width: 700px;
	position:absolute;
	top:100px;
	left:10px;
}
#reto2{
	width: 700px;
	position:absolute;
	top:400px;
	left:10px;
}
#reto3{
	width: 700px;
	position:absolute;
	top:700px;
	left:10px;
}
#reto4{
	width: 700px;
	position:absolute;
	top:1000px;
	left:10px;
}
#reto5{
	width: 700px;
	position:absolute;
	top:1300px;
	left:10px;
}
#reto6{
	width: 700px;
	position:absolute;
	top:1600px;
	left:10px;
}

#carta1{
 position:absolute;
 top:50px;
 left:10px;
 width:100%;
 z-index:105;
}
#carta2{
 position:absolute;
 top:60px;
 left:15px;
 width:100%;
 z-index:104;
}
#carta3{
 position:absolute;
 top:70px;
 left:20px;
 width:100%;
 z-index:103;
}
#carta4{
 position:absolute;
 top:90px;
 left:25px;
 width:100%;
 z-index:102;
}
#carta5{
 position:absolute;
 top:120px;
 left:30px;
 width:100%;
 z-index:101;
}


#carta6{
 position:absolute;
 top:50px;
 left:10px;
 width:100%;
 z-index:105;
}
#carta7{
 position:absolute;
 top:60px;
 left:15px;
 width:100%;
 z-index:104;
}
#carta8{
 position:absolute;
 top:70px;
 left:20px;
 width:100%;
 z-index:103;
}
#carta9{
 position:absolute;
 top:90px;
 left:25px;
 width:100%;
 z-index:102;
}
#carta10{
 position:absolute;
 top:120px;
 left:30px;
 width:100%;
 z-index:101;
}

#carta11{
 position:absolute;
 top:50px;
 left:10px;
 width:100%;
 z-index:105;
}
#carta12{
 position:absolute;
 top:60px;
 left:15px;
 width:100%;
 z-index:104;
}
#carta13{
 position:absolute;
 top:70px;
 left:20px;
 width:100%;
 z-index:103;
}
#carta14{
 position:absolute;
 top:90px;
 left:25px;
 width:100%;
 z-index:102;
}
#carta15{
 position:absolute;
 top:120px;
 left:30px;
 width:100%;
 z-index:101;
}


#carta16{
 position:absolute;
 top:50px;
 left:10px;
 width:100%;
 z-index:105;
}
#carta17{
 position:absolute;
 top:60px;
 left:15px;
 width:100%;
 z-index:104;
}
#carta18{
 position:absolute;
 top:70px;
 left:20px;
 width:100%;
 z-index:103;
}
#carta19{
 position:absolute;
 top:90px;
 left:25px;
 width:100%;
 z-index:102;
}
#carta20{
 position:absolute;
 top:120px;
 left:30px;
 width:100%;
 z-index:101;
}

#carta21{
 position:absolute;
 top:50px;
 left:10px;
 width:100%;
 z-index:105;
}
#carta22{
 position:absolute;
 top:60px;
 left:15px;
 width:100%;
 z-index:104;
}
#carta23{
 position:absolute;
 top:70px;
 left:20px;
 width:100%;
 z-index:103;
}
#carta24{
 position:absolute;
 top:90px;
 left:25px;
 width:100%;
 z-index:102;
}
#carta25{
 position:absolute;
 top:120px;
 left:30px;
 width:100%;
 z-index:101;
}
#carta26{
 position:absolute;
 top:150px;
 left:30px;
 width:100%;
 z-index:100;
}
#carta27{
 position:absolute;
 top:160px;
 left:20px;
 width:100%;
 z-index:99;
}

#carta28{
 position:absolute;
 top:50px;
 left:10px;
 width:100%;
 z-index:105;
}
#carta29{
 position:absolute;
 top:60px;
 left:15px;
 width:100%;
 z-index:104;
}
#carta30{
 position:absolute;
 top:70px;
 left:20px;
 width:100%;
 z-index:103;
}
#carta31{
 position:absolute;
 top:90px;
 left:25px;
 width:100%;
 z-index:102;
}
#carta32{
 position:absolute;
 top:120px;
 left:30px;
 width:100%;
 z-index:101;
}
#carta33{
 position:absolute;
 top:150px;
 left:30px;
 width:100%;
 z-index:100;
}
#carta34{
 position:absolute;
 top:160px;
 left:20px;
 width:100%;
 z-index:99;
}




.imatgeCarta{
	position:absolute;
	z-index:1;
	border:0px;
}
.imatgeCarta a{
text-decoration:none;
}
.textCarta{
 position:absolute;

}
.textCarta a{
	color:#FFFFFF;
	text-decoration:none;
}

.textCarta a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.titolLlibre{
	color:#FFFF33;
	z-index:100;
}

.enllac a{
	color:#CCCCCC;
}
.capcalera{
	background-color:#333399;
	color:#FFFFFF;
}