@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:verdana;
	font-size:11px;
	background:url(../images/fons/pagina.jpg) repeat-x #A3D1E1;
}
h1{
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}
h2 {
	position:absolute;
	visibility:hidden;
}
h3 {
	font-family:georgia;
	font-size:20px;
	color:#0180AD;
	font-weight:normal;
	text-shadow:0 1px 0 #999999;
}
h4 {
	font-family:Arial;
	font-size:16px;
	color:#0180AD;
	font-weight:normal;
	text-shadow:0 1px 0 #999999;
	border-bottom:solid 1px #0180AD;
	margin:0;
	padding:0;
}
h4 img{
	position:relative;
	margin:0;
	padding:0;
	margin-bottom:-4px;
}
/*---------PRINCIPAL--------------*/
#principal{
	position:relative;
	width:980px;
	left:50%;
	margin-left:-494px;
	z-index:1;
}
#fons {
	position:absolute;
	background:url(../images/fons/cos.png);
	width:988px;
	z-index:2;
}
/*---------	CAPSALERA ------------*/
#capsalera {
	position:relative;
	display:block;
	width:980px;
	height:113px;
	background:url(../images/fons/capsalera.jpg) no-repeat;
	margin:0 0 0 4px;
	padding:0;
}
#capsalera  a:link, #idioma  a:visited{
	color:white;
	text-decoration:none;
	font-size:10px;
}
#capsalera  a:hover {
	color:#CADB03;
}
#logo {
	position:absolute;
	top:8px;
	left:8px;
}
#idioma {
	position:absolute;
	width:85px;
	height:20px;
	top:0;
	right:0;
	background:url(../images/fons/idioma.png) no-repeat;
	padding:4px 0 0 30px;
}

/*---------	MENU ------------*/
#menu {
	position:relative;
	float:left;
	width:187px;
	left:0;
	margin:100px 0 35px 4px;
	padding:0;
}
#menu ul{
	position:relative;
	list-style:none;	
	margin:0;
	padding:0;
}
#menu ul li{
	margin:0;
	padding:0;
	min-height:37px;
}
#menu ul li div{
	position:relative;
	background:url(../images/fons/menu.png) repeat-x;
	min-height:29px;
	padding:8px 0 0 15px;
}
#menu ul li div.selected{
	background:url(../images/fons/menu_sel.jpg) repeat-x;
	color:white;
}
#menu ul li div.doble{
	min-height:31px;
	padding:6px 0 0 15px;
}
#menu ul li:hover div{
	position:relative;
	background:url(../images/fons/menu_sel.jpg) repeat-x;
	color:white;
}
#menu a:link, #menu a:visited{
	text-decoration:none;
	color:black;
}
.onClick {
	position:relative;
	cursor:pointer;
}
#logoDipu {
	position:absolute;
	left:15px;
	top:115px;
}
/*---------	SUBMENU ------------*/
#menu ul li div.submenu, #menu ul li div.submenu div {
	position:relative;
	background:none #CDEDF8;
	margin:0;
	padding:0;
	min-height:1px;
}
#menu ul li div.submenu a:link, #menu ul li div.submenu a:visited{
	color:#0180AD;
}
#menu ul li div.submenu a:hover {
	color:#95A400;
}
#menu ul li div.submenu ul {
	padding:8px 0 0 30px;
	list-style-type:disc;
	color:#33caff;
}
#menu ul li div.submenu ul li {
	min-height:20px;
}
#menu ul li div.submenu ul li.menuSelected{
	background:white;
	color:#0180AD;
	font-size:11px;
	font-weight:bold;	
	min-height:10px;
	padding:2px 0;
}
#menu ul li div.submenu ul li ul li{
	min-height:16px;
}
#menu ul li div.submenu ul li ul li.menuSelected{
	background:white;
	color:#0180AD;
	font-size:11px;
	font-weight:bold;	
	min-height:10px;
	padding:2px 0;
}
#menu ul li div.submenu ul li ul{
	padding:2px 0 4px 15px;
	list-style-type:circle;
}
/*---------- PEU ---------------*/
#peu{
	position:relative;
	top:24px;
	float:left;
	height:24px;
	width:988px;
	background-image:url(../images/fons/peu.png);
	color:white;
	font-size:10px;
}
#peu div#copy{
	position:relative;
	float:left;	
	margin:3px 0 0 8px;
}
#peu div#copy a:link,#peu div#copy a:visited{
	color:white;
	text-decoration:none;
}
#peu div#copy a:hover{
	color:#95A400;
}
#peu div#dades{
	float:left;
	margin:0 0 0 75px;
}
#peu div#disseny{
	float:right;
	margin:3px 8px 0 0;
}
#peu div#disseny a:link,#peu div#disseny a:visited{
	color:white;
	text-decoration:none;
}
#peu div#disseny a:hover{
	color:#95A400;
}
#detall{
	width:222px;
	height:179px;
	z-index:3;
	background:url(../images/detall.jpg) no-repeat center center;
	position:absolute;
	bottom:0;
	right:5px;
}
/*---------	CONTINGUT ------------*/
#contingut {
	position:relative;
	width:725px;
	margin:15px 35px 0 0;
	min-height:300px;
	float:right;
	z-index:5;
}
#tituloSeccion {
	margin:0 0 20px 0;
}
#contingut p{
	margin:0 0 15px 0;
	padding:0;
	line-height:16px;
}
#contingut p.nota{
	color:red;
	font-size:10px;
	text-align:left;
}
#contingut a:link, #contingut a:visited {
	color:#0281AC;
	text-decoration:none;
}
#contingut a:hover {
	color:#95A400;
}
.portada {	
	padding:30px 0 0 5px;
	float:left;
}
#contingut .portada ul{	
	margin:0;
	padding:0;
	list-style-type:none;
	width:90%;
	border:none;
}
.portada ul li{	
	margin-top:10px;
	line-height:20px;
	border-bottom:solid 1px #33caff;
}
.portada p{
	width:350px;
}
p.volver {
	float:right;
}
.fecha {
	font-weight:bold;
	color:#0180AD;
	font-size:10px;
}
.portada h4{
	width:90%;
}
ul.partit{
	width:350px;
	margin:0;
	padding:0;
}
ul.partit li{
	width:150px;
	padding:0;
	float:left;
	border:none;
}
/*----------- TAULA --------------*/
em {
	color:#999999;
}
span.blanc {
	color:#98A500;
}
/*----------- UL -----------------*/
#contingut ul {
	list-style-type:none;
	border-bottom:solid 1px silver;
	padding-bottom:15px;
	width:600px;
}
#contingut ul li{
	line-height:16px;
}
#contingut ul li.fecha{
	font-weight:bold;
	color:#0180AD;
	font-size:10px;
}
#contingut ul.llistat {
	list-style-type:square;
	border-bottom:none;
	padding-bottom:15px;
	width:600px;
}
#contingut .documentacion {
	margin:0;
	padding:0;
}
#contingut .documentacion p{	
	margin:0;
	padding:0;
}
.aviso{
	background:#FFF0CC;
	border:solid 1px #FFB200;
	font-size:10px;
	padding:10px;
	margin:35px 0;
	width:460px;
	line-height:20px;
	color:#999999;
}
#enlaces ul {
	border-bottom:none;
	list-style-type:square;
	color:#CADA05;
}
ul#abc {
	list-style-type:none;
	border:none;
	width:100%;
	margin:0 0 65px 0;
	padding:0;
	font-weight:bold;
	font-size:18px;
	font-family:georgia;
}
ul#abc li {
	float:left;
	margin:0 15px 0 0;
}
/*----------- FORMULARI -----------------*/
#formulari{
	text-align:right;
}
#formulari fieldset{
	border:solid 1px #CADB03;
}
#formulari fieldset legend{
	color:#95A400;
}
#formulari input, #formulari textarea{
	width:300px;
	margin:0 200px 0 15px;
}
#enviar {
	width:115px;
}
/*----------- FORO ------------------------*/
.volver {
	margin:0 0 10px 0;
}
#tablaForo {
	border-top:solid 1px silver;
	border-right:solid 1px silver;
	border-left:solid 1px silver;
	margin-bottom:15px;
}
#tablaForo th {
	border-bottom:solid 1px silver;
	font-size:10px;
	background:none;
}
.col1, .col3 {
	background:#F1F1F1;
}
.col1, .col2, .col3 {
	border-bottom:solid 1px silver;
}
.col4 {
	background:#D6D6D6;
	border-bottom:solid 1px silver;
}
.col1 a:link, #tablaForo a:visited {
	text-decoration:auto;
}
#tablaForo a:hover{
	color:#CADB03;
} 
div.titulo {
	font-family:arial;
	font-size:13px;
	color:#0180AD;
	font-weight:bold;
	padding:0;
	margin:5px 0 5px 15px;
	width:100%;	
}
div.usuario {
	margin:0 0 8px 15px;
}
div.textoForo {
	padding:10px 0 15px 15px;
}
.respuestaForo {
	margin:0 0 0 15px;
	width:98%;
	border-top:solid 1px silver;
	border-right:solid 1px silver;
	border-left:solid 1px silver;
}

#crearRespuesta {
	margin:25px 0;
}
#crearRespuesta ul{
	width:450px;
	text-align:right;
	border:none;
}
#crearRespuesta input{
	width:250px;
	margin:3px 0 3px 10px ;
}
#crearRespuesta textarea{
	width:250px;
	height:150px;
	margin:3px 0 3px 10px ;
}
#crearRespuesta input.captcha{
	width:50px;
}
#contingut ul.ficha {
	background:url(../images/doc.png) no-repeat 15px 8px #E5EC86;
	border-bottom:none;
	padding:5px 40px;
}
/*--------- formatgets ---------------*/
#graficaMunicipis{
	z-index:3;
	position:absolute;
	top:496px;
	right:140px;
	color:#0180AD;
}
#graficaPoblacio{
	z-index:3;
	position:absolute;
	top:496px;
	right:25px;
	color:#0180AD;
}
.etiqueta{
	position:absolute;
	bottom:2px;
	font-size:10px;
	left:35px;
}
.ghost{
	width:100%;
	height:100px;
	/*border:solid 1px red;*/
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}
