/* ESTIL NEGRE general per a zzz */

body {
	font-family: arial, helvetica, sans-serif;
	color: #20ff20;
	background-color: #000000;
	font-size: 11px;
}

a:link, a:visited {
	text-decoration: none;
	color: #20ffff;
	background-color: #000000;
}

a:hover {
	text-decoration: none;
	color: #ff2020;
	background-color: #000000;
}

a:active {
	text-decoration: none;
	color: #E0E0FF;
	background-color: #000000;
}

h1 {
	color: #20FF20;
	background-color: #000000;
	text-align: center;
}

h2, h3 {
	color: #20FF20;
	background-color: #000000;
}	

.petit{
	font-size: 10px;
	letter-spacing: 0.1em;
}	

.menu p { 
	text-align: center; 
	padding: 2px 8px 2px 8px; 
	margin: 1px; 	
}
				
/* ------------- general ----------------  */


#cap{
	color: #FF0000;
	border-bottom: 1px solid #00D000;
	margin-bottom: 3px;
	letter-spacing: 1em;
	text-align: center;
}

#cos{
	position:relative;
	left: 0px;
	top: 0px;
}	

#peu{
	padding-left: 20px;
	border-top: 1px solid #00D000;
}	
	
/* ------------- cos ----------------  */

#esq{
	width: 160px;
	float: left 
	/*
	Ha calgut treure-ho: 
	en el IE6 posava el div esq sobreposat al div con 160px a la dreta 
	position:absolute;
	left: 0px;
	top: 0px;
	*/
}	
	

#con{
	margin: 0px 20px 20px 190px;
	padding: 0px 20px 20px 20px;
	min-height: 600px;
}	
	

div.menu{
	border: 1px solid #009000 ;
	margin-bottom: 8px;
}	

div.menu p {
	padding-left: 8px;
}
	
div.menu a {
	display: block; 
	text-align: center; 
	padding: 2px 8px 2px 8px; 
	margin: 1px; 
	/*text-decoration: underline; */
	/*color: #ffffff;*/
	background-color: #003300;
}

div.menu a:hover {
	color: #ff0000;
	background-color: #000000;
}
	
#actual {
	color: #00ff00;
	background-color: #006600; 
}	

textarea, input {
	color: #ffffff;
	background-color: #333333;
	border: 1px solid #cccccc ;
}

div.codi {
	border: 1px solid #505050 ;
	color: #ff6060;
	background-color: #101010;
	padding: 20px; 
	margin-bottom: 20px;  
}