/* CSS Document */



body {
	margin: 0px;
}



#contgenindex {
	width:auto;
	height:100%;
	margin-top: 250px;
	margin-left:10px;
	
	}


	#cont-entrada{
	width:auto;
	height:auto;
	margin-left:20px;
	margin-top:12px;
	float:left;
	
	}



	#benvin{
	width:100%;
	height:auto;
	margin-left:350px;
	margin-top:2px;
	background-color:#FFCC00;
	}
	
	
	.navegacio {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	
}


.navegacio:hover {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}

	
	
#taula-botons{
	width:auto;
	height:auto;
	margin-left:20px;
	margin-top: 35px;
}


#dades{
	height:100px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-align: center;
	vertical-align: top;
	text-decoration: overline;
}
	
	
	#taula-bot2{
	width:auto;
	height:auto;
	margin-top: 0px;
	border: thin ridge #FFCC00;
	}
	
	
	#cela-botons{
	width:250px;
	background-color: #FFCC00;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
		
	}
	


#textepresentacio{
	width:600px;
	height:auto;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	color:#666666;
	text-align: left;
	margin-top: 135px;
	margin-left:5px;
	font-style: italic;	
	}	


	
.laura{
	font-weight: bold;
	color: #333333;
	text-align: left;
	font-style: normal;
}

	


.original{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: right;
}




#conte_paret {
	position:absolute;
	left:165px;
	top:334px;
	width:auto;
	height:20px;
	z-index:1;
	text-align: left;	
}




#flor {
	position:absolute;
	left:165px;
	top:577px;
	width:auto;
	height:20px;
	z-index:2;
}




#diari_paret {
	position:absolute;
	left:165px;
	top:820px;
	width:auto;
	height:20px;
	z-index:3;
}




#assajos {
	position:absolute;
	left:165px;
	top:1065px;
	width:auto;
	height:20px;
	z-index:4;
}




#contenidors {
	position:absolute;
	left:165px;
	top:1308px;
	width:auto;
	height:20px;
	z-index:5;
}




#signes {
	position:absolute;
	left:165px;
	top:1549px;
	width:68px;
	height:3px;
	z-index:6;
}




#escenaris {
	position:absolute;
	left:165px;
	top:1793px;
	width:auto;
	height:20px;
	z-index:7;
}



#bestioles {
	position:absolute;
	left:165px;
	top:2035px;
	width:auto;
	height:20px;
	z-index:9;
}




#cosmovisions{
	position:absolute;
	left:165px;
	top:2277px;
	width:auto;
	height:20px;
	z-index:8;
}






#ploma {
	position:absolute;
	left:165px;
	top:2521px;
	width:auto;
	height:20px;
	z-index:10;
	
}




#cicles {
	position:absolute;
	left:165px;
	top:2765px;
	width:auto;
	height:20px;
	z-index:11;
}




#natures {
	position:absolute;
	left:165px;
	top:3005px;
	width:auto;
	height:20px;
	z-index:12;
}



.naveg_portafoli{
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	letter-spacing: 1px;
}


.naveg_portafoli:hover{
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
	letter-spacing: 1px;
}




#containerportafoli{
	width:auto;
	height:auto;
	margin-top:130px;
	margin-left:5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	}



#cela_portafoli{
	width:200px;
	height:200px;
	border: thin solid #FFCC00;
	
}



#cela_blanc_porta{
	width: 200px;
	height: 35px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}



#containerprojectes{
	width:auto;
	height:auto;
	margin-top:117px;
	margin-left:5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #666666;
	text-align: left;
	}
	
	
	.titol_projectes{
	font-weight: bold;
	color: #333333;
	text-align: left;
	font-style: italic;
}
	
	.lloc_extranger{
	font-style: italic;	
	}
	
	
	
	#cela-vert-portafoli{
	width:35px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
	
	
	
	#definicio_projecte{
	position:absolute;
	left:150px;
	top:350px;
	width:auto;
	height:auto;
	z-index:1;
	text-align:left;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	}



.premi{
font-size: 12px;
}




#cela-obra{
	height:auto;
	border: thin solid #FFCC00;
}


.menu{
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	text-align:center;
}


.menu:hover{
	font-family: "Courier New", monospace;
	font-size: 13px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}




.cela_fletxes{
	text-align: right;
}



.fletxa{
	font-family: "Courier New", monospace;
	font-size: 13px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	
.fletxa:hover{
	font-family: "Courier New", monospace;
	font-size: 13px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	
	}
	



#cont_itinerari{
	width:600px;
	height:auto;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	color:#666666;
	text-align: left;
	margin-top: 135px;
	margin-left:5px;
	}
	
	
	
#taula_expo{
	text-align: left;
	height: auto;
	width: auto;
	margin-top: 25px;
	margin-left: 0px;
	border-top: thin ridge #FFCC00;
	padding: 0px;
}

	
.titolitinerari{
	text-align:left;
	color:#333333;
	letter-spacing: 1px;
	}




#cela_expo_num{
	vertical-align:top;
	width: auto;
	color: #333333;
	margin-left: 25px;
}


#cela_expo_texte{
	vertical-align: top;
	height: auto;
	width: auto;
}


.nom_expo{
	font-style: italic;
	font-weight: bold;
}




#precreatifs{
	position:absolute;
	left:165px;
	top:670px;
	width:auto;
	height:20px;
	z-index:1;
}

#pimaginaires{
	position:absolute;
	left:165px;
	top:915px;
	width:auto;
	height:20px;
	z-index:1;
}


#mmagiq{
	position:absolute;
	left:165px;
	top:1160px;
	width:auto;
	height:20px;
	z-index:1;
}

#mmagiques{
	position:absolute;
	left:165px;
	top:1405px;
	width:auto;
	height:20px;
	z-index:1;
}


#saisons{
	position:absolute;
	left:165px;
	top:1650px;
	width:auto;
	height:20px;
	z-index:2;
}


#environ{
	position:absolute;
	left:165px;
	top:1895px;
	width:auto;
	height:20px;
	z-index:2;
}