body {
	font-family: arial, helvetica, sans-serif;
	color: #202020;
	font-size: 12px;
	padding: 10px 20px 20px 20px;
	text-align: center;
	background: #eec url(../graf/fons_vores.gif) top center repeat-y;
}

a:link, a:visited {
	/*text-decoration: none;*/
	color: #0000ff;
	/*background-color: #ffffff;*/
}

a:hover {
	/*text-decoration: none;*/
	color: #ff3333;
	/*background-color: #ffffff;*/
}

a:active {
	/*text-decoration: none;*/
	color: #ff0000;
	/*background-color: #ffffff;*/
}

h1 {
	color: #0000cc;
	background-color: #ffffff;
	font-family: courier, fixed, monospace;
}

h2, h3 {
	color: #ee6600;
	background-color: #ffffff;
	letter-spacing: .3em;
}	

.petit{
	font-size: 10px;
}

span.retols{
        font-family: courier, fixed, monospace;
        color: #0000cc;
        font-size:120%;
}

.gris {
	background-color: #eeeeee;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
}

.fonsEditor {
	background-color: #EFEFDE;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #FAFAF5;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #FAFAF5;
}
					
/* ------------- blocs grans ----------------  */

#contenidor{
	font-size: 12px;
	background: url(../graf/fons.gif) #ffffff ;
	margin: 0 auto;
	padding: 0;
	border-top: 0; 
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	width: 800px;
	min-height: 600px;
	text-align: left;
}

#cap{
	border-bottom: 1px solid #ccccdd;
	margin-bottom: 10px;
	padding: 0px;
	letter-spacing: 1em;
	text-align: left;
	background:#000000 ;
}

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

#peu{
	border-top: 1px solid #ccccdd;
	padding-left: 20px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

/* ------------- cap ----------------  */
	
img{
	border: 1px solid #000000 /*només per a ocupar el mateix espai 
	que els altres estils. Per que al canviar d'estil no es vellugui la pàgina. */
}
	
	
/* ------------- 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;
	*/
}	

#dre{
	width: 160px;
	right:0;
	position:absolute;
	top:0;
}	

#con{
	margin: 0px 0px 0px 160px;
	padding: 10px 30px 30px 30px;
	min-height: 600px;
}	
	
/* menu normal */

div.menu{
	border: 1px solid #ccccdd ;
	margin-bottom: 10px;
	margin-left: 10px;
}	

/*div.menu p {
	color: #404040;
	padding: 5px 0px 5px 10px;
	margin:0px;
}*/
	
div.menu a {
	display: block; 
	text-align: center; 
	padding: 2px 5px 2px 5px; 
	margin: 1px; 
	text-decoration: none; 
	color: #333333;
	background-color: #eeeecc;
}

div.menu a:hover {
	color: #333333;
	background-color: #ffffee;
}

/* menu canvi d'estils */

div.menu_estil{
	text-align: center; 
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}	

div.menu_estil #blanc {
	color: #000000;
	background-color: #fffff;
	padding: 3px;
	border: 1px solid #000000 ;
}

div.menu_estil #taronja {
	color: #000066;
	background-color: #FFDA8E;
	padding: 3px;
	border: 1px solid #000000 ;
}	

div.menu_estil #negre {
	color: #dddddd;
	background-color: #000000;
	padding: 3px;
	border: 1px solid #000000 ;
}	

div.menu_estil a {
	display: inline; 
}				

/* --- */		

#actual {
	color: #404040;
	background-color: #dddddd; 
}	

div.codi {
	border: 1px solid #dddddd ;
	color: #330000;
	background-color: #fcfcff;
	padding: 20px; 
	margin-bottom: 20px;  
}

div.thumbnails img {
	border: 1px solid #ccccdd; 
	margin-bottom: 5px;
}

div.thumbnails p {
	color: #404040;
}

div.gris img {
	border: 1px solid #000000; 
}

#peu img {
	border: 0; 
}