@charset "utf-8";
/* CSS Document */
body{
	background:url(../../img/interface/fons/fons.jpg) top repeat-x;
	padding:0;
	margin:0;
	color:#333;
	font-family:"Trebuchet MS","Helvetica","Verdana",sans-serif;
	font-size:100%;
}
h1,h2,h3,h4,ul,li,ol{
	margin:0;
	padding:0;
	position:relative;
}
h2{
	color:#275b14;
	font-family: Helvetica, Geneva, Verdana,  Arial,  sans-serif;
	letter-spacing: 0.02em;
	font-size:1.2em;
	margin:0 0 15px 0;
}
h3{
	color:#14365b;
	font-family:Helvetica, Geneva, Verdana,  Arial,  sans-serif;
	font-size:1em;
	margin:3px 0 10px 10px;
}
h4{
	color:#214434;
	font-family:Helvetica, Geneva, Verdana,  Arial,  sans-serif;
	font-size:0.9em;
	margin:3px 0 2px 18px;
}
p,li,td,th{
	font-size: 0.75em;
}
a:link,a:visited{
	color:#14365B;
}
a:hover,a:active{
	color:#A8C5E5;
}
.info{
	font-size:0.7em;
	color: #666;
}
/* ID's layout*/
#cuerpo{
	position: relative;
	margin: 0 auto;
	width: 670px;
	background: url(../../img/interface/fons/contenido.jpg) repeat-y;
}
#cabecera{
	width:670px;
	height:125px;
	background: url(../../img/interface/fons/cabeceraWeb.jpg) no-repeat;
}
#cabecera #cabeceraSlogan{
	position:absolute;
	width:670px;
	height:225px;
	top:91px;
	background: url(../../img/interface/fons/cabeceraInterior.jpg) no-repeat;
}
#cabecera #cabeceraSlogan h2{
	display:none;
}
#cabecera h1{
	position:absolute;
	left:29px;
	top:10px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	width:213px;
	height: 56px;
	line-height: 1em;
	background: url(../../img/interface/titolWeb.gif) no-repeat;
}
#cabecera h1 span{
	display:none;
}
#cabecera #saltaContingut{
	position:absolute;
	right:20px;
	top:12px;
}
#cabecera #saltaContingut a:link,#cabecera #saltaContingut a:visited,#cabecera #canviAcces a:link,#cabecera #canviAcces a:visited{
	color:#98AFC9;
	font-size:0.6em;
	text-decoration:none;
	font-weight:normal;
}
#cabecera #canviAcces a:link,#cabecera #canviAcces a:visited{
	font-size:0.8em !important;
}

#cabecera #saltaContingut a:hover,#cabecera #saltaContingut a:active,#cabecera #canviAcces a:hover,#cabecera #canviAcces a:active{
	color:#fff;
}
#cabecera #canviAcces{
	position:absolute;
	right:20px;
	top:25px;
}
#cabecera #llistaMenu{
	position:absolute;
	right:15px;
	top:67px;
}
/* Remplazamos links por im�genes en el MENU GENERAL*/
#cabecera #llistaMenu li{
	float:left;
	margin:0 5px 0 0;
	list-style:none;
}
#cabecera #llistaMenu li a span{
	display:none;
}
#cabecera #llistaMenu li a#linkProjecte:link,#cabecera #llistaMenu li a#linkProjecte:visited{
	float:left;
	width:51px;
	height:23px;
}
#cabecera #llistaMenu li a#linkSituacio:link,#cabecera #llistaMenu li a#linkSituacio:visited{
	float:left;
	width:185px;
	height:23px;
}
#cabecera #llistaMenu li a#linkResum:link,#cabecera #llistaMenu li a#linkResum:visited{
	float:left;
	width:81px;
	height:23px;
}
#cabecera #llistaMenu li a#linkProjecte{
	background: url(../../img/interface/menu/genLlei.gif);
}
#cabecera #llistaMenu li a#linkSituacio{
	background: url(../../img/interface/menu/genSit.gif);
}
#cabecera #llistaMenu li a#linkResum{
	background: url(../../img/interface/menu/genRes.gif);
}
#cabecera #llistaMenu li a#linkProjecte:hover{
	background: url(../../img/interface/menu/genLleiHover.gif);
}
#cabecera #llistaMenu li a#linkSituacio:hover{
	background: url(../../img/interface/menu/genSitHover.gif);
}
#cabecera #llistaMenu li a#linkResum:hover{
	background: url(../../img/interface/menu/genResHover.gif);
}
/* CONTENIDO DE LA SECCION*/
#contenidoInterior{
	position:relative;
	margin:105px 0 0 0;
	padding:0 20px 0 210px;
}
#contenidoInterior table,#contenidoInterior p{
	position:relative;
	margin:5px 0 10px 20px;
}
#contenidoInterior table td,#contenidoInterior table th{
	padding:1px 15px 1px 5px;
}
#contenidoInterior table th{
	color: #151515;
	text-align:left;
}
#contenidoInterior table thead th{
	background: #EEE;
}
/* Colocamos Lateral y cambiamos texto accesible por imagenes en menu*/
#lateral{
	position: relative;
	width:185px;
	margin:105px 0 0 15px;
	float:left;
	z-index:15;
}
#lateral ul{
	position:relative;
	display:block;
	overflow:hidden;
}
#lateral ul li{
	list-style:none;
	display: block;
	float:left;
	height:21px;
	width:178px;
	z-index:20;
	margin:0 0 2px 0;
}
#lateral ul li a{
	margin:0;
	padding:0;
	float:left;
	width:178px;
	height:21px;
	background: no-repeat 0 0;
}
#lateral ul li a span{
	display:none
}
#lateral ul li a#linkAlcanada{background: url(../../img/interface/menu/alcanada.jpg);}
#lateral ul li a#linkReal{	background: url(../../img/interface/menu/real.jpg);}
#lateral ul li a#linkCaloMarsal{	background: url(../../img/interface/menu/caloMarsal.jpg);}
#lateral ul li a#linkVairet{background: url(../../img/interface/menu/vairet.jpg);}
#lateral ul li a#linkCalaBlanca{background: url(../../img/interface/menu/calaBlanca.jpg);}
#lateral ul li a#linkMontport{background: url(../../img/interface/menu/monport.jpg);}
#lateral ul li a#linkMuleta{background: url(../../img/interface/menu/muleta.jpg);}
#lateral ul li a#linkVilar{background: url(../../img/interface/menu/vilar.jpg);}
#lateral ul li a#linkCalaCarbo{background: url(../../img/interface/menu/calaCarbo.jpg);}
#lateral ul li a#linkRocaLlisa{background: url(../../img/interface/menu/rocaLlisa.jpg);}
#lateral ul li a#linkCalaHort{background: url(../../img/interface/menu/calaHort.jpg);}
#lateral ul li a#linkPedrera{background: url(../../img/interface/menu/puntaPedrera.jpg);}
#lateral ul li a#linkBenirras{background: url(../../img/interface/menu/beniras.jpg);}
#lateral ul li a#linkFontanelles{background: url(../../img/interface/menu/fontanelles.jpg);}
#lateral ul li a#linkFeixes{background: url(../../img/interface/menu/feixes.jpg);}
#lateral ul li a#linkRegana{background: url(../../img/interface/menu/regana.jpg);}
#lateral ul li a:hover,#lateral ul li a:active{
	background-position: -5px 0 !important;
}
#lateral h2{
	position:relative;
	display:block;
	overflow:hidden;
	font-size:1em;
	width:180px;
	height:30px;
	margin:0;
	left:-1px;
}
#lateral h2 span{
	display:none;
}
#lateral h2#titLlei{
	background: url(../../img/interface/menu/titLlei.jpg) no-repeat left top;
}
#lateral h2#titDecretLlei{
	background: url(../../img/interface/menu/titDecretLlei.jpg) no-repeat left top;
}
/* PIE */
#pie{
	position:relative;
	overflow: hidden;
	height:130px;
}
#pie #logoGovern{
	position:absolute;
	right:6px;
	top:5px;
}
#pie #logoCampanya{
	position:absolute;
	left:0px;
	top:5px;
}
#cierraCuerpo{
	position:relative;
	height: 100px;
	margin:0;
	background: url(../../img/interface/fons/pieStand.jpg) no-repeat 0 -135px;
}
/* Otros */
.extraDeco{
	background: url(../../img/interface/fons/potVidre.jpg);
	position:absolute;
	width:125px;
	height:362px;
}
.oculto{
	display:none;
}
.error{
	text-align:center;
	color:red;
	background:#ddd;
}
/* Punts actuaci� */
#fitxaPunts #mapaPunt{
	position: relative;
	width:430px;
	height:200px;
	border:1px solid #14365b;
	margin:10px 0 120px 0;
}
#fitxaPunts #listaImagenes li{
	list-style:none;
	margin:0;
	float:left;
}
#fitxaPunts #listaImagenes li a:link img,#fitxaPunts #listaImagenes li a:visited img{
	border:1px solid #3d5c4b;
	padding:0px;
	margin:0;
	width:142px;
}
#fitxaPunts #listaImagenes li a:hover img,#fitxaPunts #listaImagenes li a:active img{
	border:1px solid #cecd00;
}
#fitxaPunts #listaImagenes{
	display:block;
	position:relative;
	overflow: hidden;
}
#fitxaPunts #blocInfo{
	display:block;
}
#fitxaPunts .infoPunt{
	margin-top:2px;
	margin-bottom:2px;
	padding:2px;
}
#fitxaPunts table{
	margin:20px;
	border:1px solid #999;
}
#fitxaPunts td{
	width:80px;
	text-align: right;
}
table .totProt td{
	font-size:1em;
	color: #275B14;
}
table .totProt{
	background: #E3E3E3;
	vertical-align: middle;
}
/* SITUACIO */
#situacio #estructuraIlles{
	margin:0 0 120px 0;
}
#situacio #estructuraIlles p{
	margin:0 0 2px 0;
}
#situacio #mapaPunt{
	position: relative;
	width:430px;
	height:400px;
	border:1px solid #14365b;
	margin:10px 0 10px 0;
}
#situacio #llegenda{
	margin:0 0 20px 0;
}
#situacio #llegenda p{
	display:inline;
	vertical-align: middle;
	margin-top:2px;
}
#situacio #llegenda p img{
	margin:0 5px 0 0;
}
#situacio #llegenda p.info{
	display: block;
}
/* Projecte */
#projecte #infoExtra{
	position:relative;
	float:left;
	z-index:60;
	width:140px;
	padding:0 10px 7px 15px;
}
#projecte #infoExtra .conseller{
	margin:0 0 10px 0;
}
#projecte #infoExtra .conseller p{
	margin:2px 0 0 0;
	color:#666;
	font-size:0.7em;
}
#projecte #infoExtra .conseller p.nom{
	font-size:0.85em;
}
#projecte #infoExtra p.Lleis{
	margin:2px 0 8px 5px;
}
#projecte #infoExtra p.Lleis a{
	padding:0 0 0 20px;
	background: url(../../img/interface/pdf.jpg) no-repeat top left;
}
#projecte #Destacats p{
	background: url(../../img/interface/fons/destacats.jpg) bottom right no-repeat #B1BD03;
	padding:8px;
	margin:15px;
	color:#fff;
	font-weight:bold;
}