@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {
	background-image:url(img/fons.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 0.8em;
	text-align:justify;
	margin:0px;
}
h1 {
	padding-bottom: 15px;
}
h2 {
	padding-bottom: 15px;
}
p{
	line-height:1.5em;
	padding-bottom:10px;
}
#dalt{
	height: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 740px;
	margin: 0px;
}
a.daltP:visited,  a.daltP:link{
	font-size:0.8em;
	color:#000000;
	text-decoration:none;
}
a.daltP:hover{
	font-size:0.8em;
	color:#666666;
	text-decoration:none;
}
a.daltM:visited,  a.daltM:link{
	font-size:0.9em;
	color:#000000;
	text-decoration:none;
}
a.daltM:hover{
	font-size:0.9em;
	color:#666666;
	text-decoration:none;
}
a.daltG:visited,  a.daltG:link{
	font-size:1em;
	color:#000000;
	text-decoration:none;
}
a.daltG:hover{
	font-size:1em;
	color:#666666;
	text-decoration:none;
}
#pagina{
	position: absolute;
	width:800px;
	background-color: #ffffff;
	padding-bottom: 20px;
	left: 50%;
	margin-left: -400px;
}
#nav{
	font-weight: bolder;
	padding-top: 25px;
	padding-bottom: 5px;
	font-size: 1.2em;
	text-align: center;
	width:800px;
}
ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

ul.nav{
	display: table;
	width: 100%;
	table-layout: fixed;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 8px;
	float:left;
	width:18%;
}

#linia0 {
	background-color:#000000;
	width:800px;
	height:7px;
}
#linia1 {
	background-color:#EC008C;
	width:800px;
	height:7px;
}
#linia2 {
	background-color:#00AEEF;
	width:800px;
	height:7px;
}
#linia3 {
	background-color:#0DB14B;
	width:800px;
	height:7px;
}
#linia4 {
	background-color:#2E3192;
	width:800px;
	height:7px;
}
#linia5 {
	background-color:#2E3192;
	width:800px;
	height:7px;
}
.menuNotis{
	color: #EC008C;
}
.menuNotis a:link, .menuNotis a:hover, .menuNotis a:visited{
	color: #EC008C;
}
.menuInclusio{
	color: #00AEEF;
}
.menuInclusio a:link, .menuInclusio a:hover, .menuInclusio a:visited{
	color: #00AEEF;
}
.menuObservatori{
	color: #0DB14B;
}
.menuObservatori a:link, .menuObservatori a:hover, .menuObservatori a:visited{
	color: #0DB14B;
}
.menuAdreces{
	color:#2E3192;
}
.menuAdreces a:link, .menuAdreces a:hover, .menuAdreces a:visited{
	color:#2E3192;
}
#notis {
	text-align:justify;
	padding: 10px;
	line-height: 1.4em;
	width:540px;
	float: left;
	margin-top: 10px;
}
.notis img{
	float:right;
	padding-left: 10px;
	margin-top: 5px;
}
.notis a:link, .notis a:visited{
	color:#EC008C;
}
.notis a:hover{
	color: #000000;
}
.notis h1{
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;
	color: #EC008C;
	text-align:left;
}
.cap a:link, .cap a:visited{
	color:#EC008C;
}
.cap h1{
	font-size: 2.7em;
	font-weight: bold;
	line-height: 1.2em;
	color: #EC008C;
	text-align:left;
}
.laData{
	font-size:1.2em;
	margin: 0px;
	padding-bottom: 7px;
}
#llistaNotis{
	width:200px;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #EC008C;
	margin: 10px 10px 5px 570px;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
.llistaNotis a:link, .llistaNotis a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.llistaNotis a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
.laDatallista{
	font-size:0.9em;
	margin: 0px;
	padding: 0px;
}
.comentaris{
	border-top: 1px solid #000000;
}
.comentarisCos{
	background-color:#FFD5EE;
}
#textInclusio{
	line-height: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00AEEF;
	margin: 10px 10px 10px 10px;
	text-align: justify;
	padding: 10px 10px 10px 10px;
}
a.textInclusio, a.textInclusio:visited{
	color:#FFFFFF;
	text-decoration:underline;
}
a.textInclusio:hover{
	color:#000000;
	text-decoration:underline;
}
.inclusio h1{
	font-size: 2.5em;
	font-weight: bold;
	color: #00AEEF;
	margin: 0px;
	text-align:left;
	line-height: 1em;
}
.inclusio h2{
	line-height: 1em;
	padding-top: 15px;
}
.inclusioLinia{
	background-color:#000000;
	height:7px;
}
.inclusio img{
	float:right;
	padding-left: 10px;
	margin-top: 5px;
}
.inclusio a:link, .inclusio a:visited{
	color:#00AEEF;
}
.inclusio a:hover{
	color: #000000;
}
#inclusioEsquerra {
	text-align:justify;
	padding: 10px;
	line-height: 1.4em;
	width:380px;
	float: left;
	margin-top: 0px;
}
#inclusioDreta {
	text-align:justify;
	padding: 10px;
	line-height: 1.4em;
	width:380px;
	float: none;
	margin-top: 0px;
	margin-left: 400px;
}
#portada {
	text-align:justify;
	padding: 10px;
	line-height: 1.4em;
	width:540px;
	float: right;
	margin-top: 10px;
}
.portada h1{
	font-size: 2.5em;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	line-height: 1em;
	text-align:left;
}
.portada ul{
	padding-left:20px;
}
.portada li{
	padding-bottom:10px;
}
.portada img{
	float:right;
}
.portadaDestacat{
	color:#000000;
	font-weight:bold;
	background-color:#FFFFFF;
	padding:2px;
}

#llistaPortada{
	width:200px;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #000000;
	margin: 10px 10px 5px 10px;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
.llistaPortada a:link, .llistaPortada a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.llistaPortada a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
#observatori {
	text-align:justify;
	padding: 10px;
	line-height: 1.4em;
	width:440px;
	float: right;
	margin-top: 10px;
}
.observatori h1{
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;
	text-align:left;
	color: #0DB14B;
	margin: 0px;
}
.observatori h2{
	font-size: 2.5em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}
.observatori img{
	float:right;
	padding-left: 10px;
	margin-top: 5px;
}
.observatori a:link, .observatori a:visited{
	color:#000000;
	text-decoration:underline;
}
.observatori a:hover{
	color:#0DB14B;
	text-decoration:underline;
}
.observatori2 a:link, .observatori2 a:visited{
	color:#0DB14B;
	text-decoration:underline;
}
.observatori2 a:hover{
	color:#000000;
	text-decoration:underline;
}
.observatori ul{
	padding-left:20px;
}
.observatori li{
	padding-bottom:10px;
}
.observatori ol{
	padding-left:25px;
}
#llistaObservatori{
	width:320px;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #0DB14B;
	margin: 10px 10px 5px 10px;
	text-align: left;
}
.llistaObservatori{
	padding: 10px 10px 10px 10px;
}
.llistaObservatori a:link, .llistaObservatori a:visited{
	color:#000000;
	text-decoration:underline;
}
.llistaObservatori a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.separacioLlista{
	background-color:#FFFFFF;
	height:20px;
	padding:0px;
}
.observatoriNegre{
	color:#000000;
}
.observatoriVerd{
	color:#0DB14B;
}
#adreces {
	text-align:justify;
	padding: 10px;
	line-height: 1.4em;
	width:500px;
	float: left;
	margin-top: 10px;
}
.adreces img{
	float:left;
	padding-right: 10px;
	margin-top: 5px;
}
.adreces h1{
	font-size: 2.5em;
	font-weight: bold;
	color: #2E3192;
}
.mapa{
	height: 320px;
}
#llistaAddreces{
	width:240px;
	line-height: 1.5em;
	color: #FFFFFF;
	background-color: #2E3192;
	margin: 10px 10px 5px 530px;
	text-align: left;
	padding: 10px 10px 10px 10px;
}
.adrecesLogo{
	padding:2px;
}
.adreces a:link, .adreces a:visited{
	color:#2E3192;
}
.adreces a:hover{
	color: #000000;
}
.llistaAdreces h2{
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}
.llistaAdreces a:link, .llistaAdreces a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.llistaAdreces a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.paginar {
	color:#000000;
}
.paginarOb {
	color:#0DB14B;
}
.paginarCon{
	color:#FFFFFF;
}
a.portada, a.portada:visited{
	color:#000000;
	text-decoration:none;
}
a.portada:hover{
	color:#666666;
	text-decoration:none;
}
a.notis, a.notis:visited{
	color:#000000;
	text-decoration:none;
}
a.notis:hover{
	color:#EC008C;
	text-decoration:none;
}
a.inclusio, a.inclusio:visited{
	color:#000000;
	text-decoration:none;
}
a.inclusio:hover{
	color:#00AEEF;
	text-decoration:none;
}
a.observatori, a.observatori:visited{
	color:#000000;
	text-decoration:none;
}
a.observatori:hover{
	color:#0DB14B;
	text-decoration:none;
}
a.adreces, a.adreces:visited{
	color:#000000;
	text-decoration:none;
}
a.adreces:hover{
	color:#2E3192;
	text-decoration:none;
}
.adrecesMiss{
	color:#2E3192;
	font-weight:bold;
	padding-bottom:10px;
}
#textAltres{
	line-height: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2E3192;
	margin: 10px 10px 10px 10px;
	text-align: justify;
	padding: 10px 10px 10px 10px;
}
.altres h1{
	font-size: 2.5em;
	font-weight: bold;
	color: #2E3192;
	margin: 0px;
}
.altres a:link, .altres a:visited{
	color:#000000;
	text-decoration:underline;
}
.altres a:hover{
	color:#2E3192;
	text-decoration:underline;
}
.altres ul{
	padding-left:45px;
	list-style:circle;
}
#peuInc{
	text-align:right;
	background-color: #00AEEF;
	clear: both;
	border-top: 1px solid #00AEEF;
	border-bottom: 1px solid #00AEEF;
	color: #FFFFFF;
	padding: 5px 10px 5px 0px;
	margin-top: 0px;
	margin-bottom: 8px;
}
.peuInc a:link,.peuInc a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.peuInc a:hover{
	color:#000000;
	text-decoration:none;
}
#peu{
	clear: both;
	border-top: 1px solid #000000;
	font-size: 0.9em;
	color: #666666;
	padding: 8px 0px 5px 10px;
	margin-top: 0px;
}
a.peu:link, a.peu:visited{
	color:#000000;
	text-decoration:none;
}
a.peu:hover{
	color:#666666;
	text-decoration:none;
}
a.peu2:link,a.peu2:visited{
	color:#666666;
	text-decoration:none;
}
a.peu2:hover{
	color:#666666;
	text-decoration:underline;
}
/* ######### Style for Drop Down Menu ######### A PARTIR D'AQUÍ S'HA D'AFEGIR AL MITJÀ I AL GRAN!!!!!!!!!*/ 

.dropmenudiv_a{
	position:absolute;
	top: 0;
	border: 1px solid black; /*THEME CHANGE HERE*/
	border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
	/*border-bottom-width: 0;*/
	font:normal 12px Arial;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 220px;
	visibility: hidden;
	padding-left:5px;
}


.dropmenudiv_a a{
	width: auto;
	display: block;
	text-indent: 5px;
	border-top: 0 solid #3399FF;
	border-bottom: 1px solid #dadada; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	color: black;
	padding-left: 15px; /*link text is indented 19px*/
}

* html .dropmenudiv_a a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
	background-color: #F3F3F3;
	color: #666666;
}
.arrowlistmenu{
	width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 12px Arial, Verdana, sans-serif;
	color: #000;
	/*background: black url(img/titlebar.png) repeat-x center left;*/
	background-color:#FFF;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #000;
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 95%;
}

.arrowlistmenu ul li a:visited{
	color: #000;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #FFF;
}
#panel{
	font-size: 95%;
	padding: 0 0 5px 29px;
	display:none;
}
#panel a{
	color:#FFF;
}
#panel a:hover{
	color:#333;
}
#panel2{
	font-size: 95%;
	padding: 0 0 5px 29px;
	display:none;
}
#panel2 a{
	color:#FFF;
}
#panel2 a:hover{
	color:#333;
}
.grafics img{
	float:none;
}
.dades{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 0.8em;
	color:#999;
}