/***************************************/
/*	BASICS										*/
/***************************************/

body
{
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
body,h1,h2,h3,h4,h5,h6,form,fieldset {margin:0;padding:0;}

a {text-decoration:none;}
ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}

ul ul {padding:0;}
#noway forfam {
	padding:6px 0;
}

#noway foerm fiaeldset {
	border:0 solid;
}

#noway foram fp
{
  padding:6px 0;
  border-bottom:1px solid;
}

#noway faform lafbel
{
  display:block;
  float:left;
  width:60px;
}


#noway fosrm eam
{
  margin-left:5px;
  font-size:small;
  font-style:normal;
}

#noway forma inpust, fform textareea
{
  padding:3px;
  width:200px;
  border:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:small;
}
/***************************************/
/*	HEADER										*/
/***************************************/
#header
{

}
#header h1
{
	position:relative;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:90px;
	z-index:1;
	background-color:#000000;
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#header h1 a { display:none; }

/***************************************/
/*	INFO EXTRA									*/
/***************************************/
#infoextra
{
	position: relative;
	display:block;
	margin-top: 120px;
	margin-right:10px;
	margin-left: 10px;
/*	background-color:#DFEAF4;
	border: 1px solid #D3E2F1;*/
	font-size: x-small;
	padding: 5px;
}

/***************************************/
/*	NAVEGACIÓ									*/
/***************************************/
#navegacio .selected,
#navegacio a:hover
{
	background-color:#4282C1;
}
.admin#navegacio .selected,
.admin#navegacio a:hover
{
	background-color:#2C5987;
}

#navegacio {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	height:20px;
	min-width: 680px;
	line-height:20px;
	background-color: #2C5987;
}
.admin#navegacio
{
	background-color: #444444;
}

#navegacio ul {
  margin:0;
  padding:0;
}

#navegacio li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid #EEEEEE;
  white-space:nowrap;
  background-color:#2C5987;
}
.admin#navegacio li
{
	background-color: #444444;
}

#navegacio li a {
  display:block;
  padding:0 18px;
  font-size:x-small;
  text-transform:uppercase;
  letter-spacing:1px;
  color:white;
}

* html #navegacio a {width:1%;} /* a causa del bug http://www.positioniseverything.net/explorer/escape-floats.html */

#navegacio form {
  float:right;
  height:100%;
  width:189px;
  padding:0 15px;
  border-left:1px solid #EEEEEE;
  line-height:0;
}

#navegacio form p {
	padding: 0px;
  margin-top:2px;
  border:0 solid;
}

* html #navegacio form p {margin-top:2px;}

#navegacio #s {
  height:10px;
  width:140px;
  margin:0 2px 0 0;
  padding:0;
  border:1px solid #EEEEEE;
  font-size:xx-small;
  vertical-align:middle;
}

#navegacio #searchbutton {
	color: #EEEEEE;
	height:15px;
	width:auto;
	padding:0 1px;
	border:1px solid;
	font-size:9px;
	letter-spacing:1px;
	text-align:center;
	vertical-align:middle;
	background-color:#2C5987;
}

/***************************************/
/*	CONTINGUT									*/
/***************************************/

#contingut
{
	display:block;
	position:relative;
	text-align: justify;
	margin: 20px;
}
#esqdre
{
	position: relative;
	display: block;
	min-width: 700px;
}
#esquerra
{
	margin-right:360px;
	min-width:350px;
	padding: 5px;
}
#dreta
{
	width: 350px;
	position:absolute;
	top:0;
	right:0; 
	height:inherit;
	padding: 5px;
	padding-bottom: 50px;
}

#texttemp
{
	display: block;
	width: 250px;
	font-size: 11px;
	margin-left: auto;
	margin-right: 10px;
}
#equipoa
{
	display: block;
	width: 400px;
	font-size: 11px;
	margin-left: auto;
	margin-right: 10px;
}
#notice,#errors
{
	display: block;
	width: 400px;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #4282C1;
	background-color: #EEEEEE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}
#errors
{
	text-align: left;
}
#errors h2 { font-size: 14px;}
#texttemp p
{
	margin-top: 10px;
	margin-bottom: 20px;
	
}
#texttemp img
{
	border: 0px;
}

#contacte
{
	
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #EEE;
	background-color: #FEFEFE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
	height: inherit;
}

#missatge
{
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#missatge form{float: left;}

#missatge table { margin-left: auto; margin-right: auto; font-size: 12px; width: 400px;}
#missatges
{
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #eeeeee;*/
}
#missatges table,#usuaris table { margin-left: auto; margin-right: auto; font-size: 12px; }
#missatges td, #usuaris td {padding-left: 10px; padding-right: 10px;}
#missatges tr.llegenda, #usuaris tr.llegenda { background-color: #2C5987; color: #FFFFFF; }
#missatges tr.titol { padding: 20px; font-weight: bold; height: 40px; }
#missatges tr.msg:hover, #usuaris tr:hover { background-color: #709DCB;}
#missatges tr.msg { background-color: #FFF; }
#missatges tr.msgnou:hover { background-color: #709DCB;}
#missatges tr.msgnou { font-weight: bold; }
#documents h3
{
	background-color: #FEFEFE;
	border-bottom: 1px solid #DDD;
	font-size: 14px;
}
#documents .document p
{
	font-size: 12px;
}
#documents .document h3
{
	background-color: #FEFEFE;
	border-bottom: 1px solid #DDD;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	margin-bottom: 5px;
	margin-top: 25px;
}
#documents .document .desc
{
	display: block;
	float: top;
	height: 60px;
}

#documents .document .desc img
{
	float: left;
	margin-right: 10px;
}
#documents .document .desc .info
{
	font-size: 9px;
	margin-bottom: 0px;
}
#documents .document .desc p
{
	margin: 2px;
}
#documents pre
{
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #000;
	padding: 5px;
	overflow: auto;
}
#news
{
	overflow: auto;
	height: 100px;
}
#noumissatge tr { vertical-align: top;}
#resummissatges
{
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #EEE;
	background-color: #FEFEFE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
}
#news h1
{
	font-size: 12px;
}
#equip
{
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #EEE;
	background-color: #FEFEFE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
}
#equip h1
{
	font-size: 12px;
}
#mapa
{
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #EEE;
	background-color: #FEFEFE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
}

#panellusuari
{
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #EEE;
	background-color: #FEFEFE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
}
#mapa h1
{
	font-size: 12px;
}
#mapa img
{
	text-align: center;
	margin: 4px;
}
#utils
{
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #DDD;
	background-color: #FEFEFE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#noticia h3
{
	font-size: 12px;
	border-bottom: 1px solid #DDD;
	background-color: #FEFEFE;
	padding: 2px;
}
#participacio table
{
	margin-right: auto;
	margin-left: auto;
}
#participacio tr
{
	vertical-align: top;
	font-size: 11px;
}

.caixa
{
	display: block;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #EEE;
	background-color: #FEFEFE;
	padding: 10px;
	margin-bottom: 10px;
	text-align: justify;
}


#peu
{
	display: block;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 0.75em;
}

#peu a
{
	color: #444;
}
										
#peu a:hover
{
	text-decoration: none;
}