body
{
text-align:center;
background-color:#ccc;
font-size:100%;
font-size:0.8em;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}
h1
{
font-size:2em;
}
h2
{
font-size:1.8em;
}
h3
{
font-size:1.6em;
}
h4
{
font-size:1.4em;
}
h1,h2,h3,h4,p,ul,ol,form
{
margin:0px;
}
ul,ol
{
padding-left:25px;
}
a
{
text-decoration:none;
color:#f70;
}
a:hover
{
color:#ccf;
}
a.boto
{
color:#fff;
background-color:#f70;
padding:3px 5px;
margin-right:10px;
}
a.boto:hover
{
color:#000;
background-color:#fc3;
}
a.eliminar
{
color:#666;
margin-left:10px;
}
a.eliminar:hover
{
text-decoration:underline;
}
img
{
border-width:0px;
}
textarea
{
width:400px;
height:250px;
}
.error,.missatge
{
text-align:left;
min-height:30px;
padding:15px 10px 15px 80px;
font-size:0.9em;
}
.error
{
border:1px solid #f00;
color:#fff;
background:#C90505 url(../imatges/alerta.gif) left top no-repeat scroll;
}
.missatge
{
border:1px solid #0f0;
color:#090;
background:#fff url(../imatges/ok.gif) left top no-repeat scroll;
}
.operacions
{
margin-bottom:10px;
}
.separatTop
{
border-top:1px solid #999;
padding-top:10px;
margin-top:20px;
}

/* WEB */

#web
{
width:800px;
background-color:#fff;
margin:auto;
text-align:left;
}

	/* HEAD */
	
		/* CAP */
		
		#cap h1
		{
		width:800px;
		height:40px;
		overflow:hidden;
		}
		#cap h1 span
		{
		background:transparent url(../imatges/capKep.jpg) no-repeat left top scroll;
		position:relative;
		display:block;
		width:100%;
		height:100%;
		}
		
		/* --- */
		
		/* MENU */
		
		#menu
		{
		background-color:#f70;
		border-width:1px 0px;
		border-color:#fff;
		border-style:solid;
		padding-right:150px;
		}
		#menu h2
		{
		display:none;
		}
		#menu ul
		{
		background-color:#006;
		list-style-type:none;
		text-align:right;
		}
		#menu li
		{
		display:inline;
		}
		#menu a
		{
		padding:0px 7px;
		color:#fff;
		font-size:0.9em;
		border-right:1px solid #fff;
		}
		#menu a:hover, #menu li.actual a
		{
		background-color:#00c;
		}
		
		/* ---- */
	
	/* ---- */
	
	/* BODY */
	
	#body
	{
	overflow:auto;
	}
	
		/* LAT_FORM */
		
		#lat_form
		{
		float:right;
		width:150px;
		min-height:275px;
		background-color:#bce;
		}
		#lat_form h2
		{
		display:none;
		}
		#lat_form h3
		{
		color:#33c;
		font-size:1.2em;
		padding:0px 10px;
		text-align:center;
		}
		
			/* FORMULARI */
			
			#formulari
			{
			padding:5px;
			font-size:0.9em;
			}
			#formulari input.text
			{
			width:120px;
			}
			#formulari input.boto
			{
			font-size:0.9em;
			}
			#formulari div.renglera
			{
			margin:3px 0px;
			}
			#formulari form
			{
			margin:10px 0px;
			font-size:0.9em;
			padding:0px 5px;
			}
			
				/* WEBMAIL */
				
				/* ------- */
				
				/* CLIENTS */
				
				form#clients
				{
				margin-top:20px;
				}
				
				/* ------- */
				
				/* RESTRINGIT */
				
				form#restringit
				{
				margin-top:20px;
				}
				form#restringit h3
				{
				background-color:#f70;
				padding:4px 10px;
				cursor:pointer;
				}
				form#restringit h3 span
				{
				color:#fff;
				}
				form#restringit #campsRestringit
				{
				display:none;
				}
				
				/* ---------- */
				
				/* SORTIR */
				
				#sortir
				{
				background-color:#c5d5ea;
				padding:5px;
				font-size:0.9em;
				line-height:1.7em;
				}
				#sortir a
				{
				color:#fff;
				padding:1px 4px;
				background-color:#f70;
				}
				#sortir a:hover
				{
				color:#fff;
				background-color:#fc3;
				}
				
				/* ------ */
			
			/* --------- */
		
		/* -------- */
		
		/* LAT_DIR */
		
		#lat_dir
		{
		float:left;
		width:150px;
		background-color:#e7e7e7;
		}
		#lat_dir div#noticies div, #lat_dir div#descarrega div,#lat_dir li
		{
		font-size:0.85em;
		}
		#lat_dir div#noticies div.res, #lat_dir div#descarrega div.res
		{
		padding:10px;
		}
		#lat_dir h2
		{
		color:#99f;
		font-size:0.9em;
		padding:3px 10px;
		background-color:#006;
		}
		#lat_dir h2 a
		{
		color:#99f;
		}
		#lat_dir h2 a:hover
		{
		color:#fff;
		text-decoration:none;
		}
		#lat_dir ul
		{
		margin:5px 0px;
		line-height:1.5em;
		}
		#lat_dir div.info
		{
		font-size:0.8em;
		padding:3px 10px;
		color:#fff;
		background-color:#f70;
		text-align:right;
		font-weight:bold;
		margin:0px;
		}
		#lat_dir div.info a
		{
		color:#fff;
		margin-left:10px;
		}
		#lat_dir div.info a:hover
		{
		margin-left:5px;
		text-decoration:none;
		}
		#lat_dir a
		{
		color:#00c;
		}
		#lat_dir a:hover
		{
		text-decoration:underline;
		}
				
			/* NOTICIES */
			
			#noticies div
			{
			padding-left:25px;
			margin:5px 0px;
			font-size:0.9em;
			}
			
			/* -------- */
			
			/* DESCARREGA */
			
			/* ---------- */
		
		/* ------- */
		
		/* CONTINGUT */
		
		#contingut
		{
		margin:0px 150px;
		background:transparent url(../imatges/fondotitol.jpg) no-repeat left top scroll;
		padding:10px 15px 15px 15px;
		font-size:0.9em;
		text-align:justify;
		}
		#contingut h2
		{
		color:#fff;
		padding-top:0px;
		margin-bottom:10px;
		padding-left:0px;
		padding-top:10px;
		height:55px;
		text-align:right;
		}
		
			/* SECCIO */
			
			#seccio
			{
			line-height:1.6em;
			font-size:1em;
			}
			#seccio h3,#seccio h4,#seccio h5,#seccio h6
			{
			color:#f70;
			margin:10px 0px;
			}
			#seccio p
			{
			margin:10px 0px;
			}
			#seccio span.resaltat
			{
			font-weight:bold;
			}
			#seccio span.camp
			{
			font-weight:bold;
			display:block;
			margin-bottom:15px;
			}
			#seccio span.dada
			{
			display:block;
			line-height:2em;
			}
			#seccio div.renglera
			{
			padding:10px;
			}
			#seccio li
			{
			line-height:1.9em;
			}
			#seccio div.data
			{
			text-align:right;
			font-style:italic;
			margin-bottom:10px;
			}
			
			/* ------ */
		
		/* --------- */
	
	/* ---- */
	
	/* FOOT */
	
	#foot
	{
	border-top:1px solid #e7e7e7;
	clear:both;
	padding:10px;
	}
	
		/* LINKS */
		
		#links ul
		{
		list-style-type:none;
		margin:auto;
		text-align:center;
		}
		#links li
		{
		display:inline;
		}
		#links a
		{
		margin:0px 15px;
		}
		
		/* ----- */
	
	/* ---- */

/* --- */