/* Subportada / Versión genérica */
html, body {
height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size:62.5%;
	line-height: 125%;
	background:#d4d0c7;
	background: #fff url(/imatges/fondo.gif) repeat-x;
	}
#base {
	background-image: none;
}
#base-subport {
	width: 780px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	background: none;
}


/* Estructura PREHOME*/
#col-izq, #col-der  { 
	margin: 0px 0 20px;/*32px 0 20px;*/
	font-size:.9em;
	height:1%;
	overflow:hidden;
}
/*MUNICIPI*/
#top-muni{
	float: left;
	width: 100%;
	margin-left: 0px;
	padding: 0;
	height:1%;
	overflow:hidden;
	min-height:420px;
}
div.f-leftMUNI { 
	/*float:left;*/
	width:100%;
	margin: 0px;
	overflow:hidden;
	/*height:1%;*/
	padding:0px;
}
div.f-leftMUNI p {
	float: left;
	}
div.f-leftMUNI img {
	float: left;
	margin: 0 30px 2% 0;
}
div.f-rightMUNI { 	
	float: left;
	clear: right;
	width: 15%;
	margin: 10px 0;
}
div.f-rightMUNI p { 
	text-align: center;
}	

/*fi municipi dotero*/


#col-izq { 
	float: left;
	width: 484px;
	margin-left: 10px;
	padding: 0;
	border-right: 1px solid black;
	}
#col-der { 
	float: left;
	border-left: 1px solid black;
	margin-left: -1px;
	width: 276px;
	clear: right; 
	}

/* PREHOME */
#col-izq p { 
	padding: 0;
	margin: 0;
	}
#col-izq p.intro { 
	font-size:1.1em;
	padding-left:0px;
	}
#col-izq h2 { 
	margin:0px 0px 15px 0px;
	}	
#col-izq ul { 
	margin:0 0 0 20px;
	padding:0;
	}
#col-izq ul li { 
	background-image:url(/imatges/bot_verde.gif);
	background-position:left top;
	background-repeat:no-repeat;
	list-style:none;
	padding:0px 0px 5px 12px;
	}
#col-izq ol { 
	margin-left:40px;
	}
#col-izq ol li { 
	list-style-type:decimal;
	background:none;
	list-style-position:outside;
	padding:0;
	margin:0 0 5px 20px;
	}
div.cuadro-verd { 
	background:url(/imatges/fondo_tabla.gif) right top repeat-y;
	border: 1px solid #fff;
	border-right: 1px solid #dfffa0;
	margin: 0 0 10px 0;
	}
div.cuadro-verd div {
	/*border: none;*/
	}
div.f-left { 
	float:left;
	width: 390px;
	margin-top: 16px;
	}
div.f-left p {
	float: left;
	width: 370px;
	}
div.f-left img {
	float: left;
	margin: 0 30px 2% 0;
}
div.f-right { 	
	float: left;
	clear: right;
	width: 90px;
	margin: 10px 0;
}
div.f-right p { 
	text-align: center;
}

/* Servicios y noticias */

div.serveis {
	width: 100%;
	margin: 0 0 10px;
}
div#noticias {
	margin: 0 0 10px;
}
div.serveis div {
	float: left;
	width: 30%;
	margin: 0 10px 20px 0;
	font-size: 1.1em;
}
div.serveis div.last {
	clear: right;
}
div.serveis div img {
	float: left;
	margin-bottom:10px;
	}
div.serveis h2 { 
	background-color: #dfffa0;
	color: #73aa00;
	padding:2px 0 4px 20px;
	}
div.serveis div h3 {
	font-size: 1em;
	padding-left: 65px;
	margin: 0;
	}
body #col-izq div.serveis div p {
	margin: 0;
	padding: 0 0 0 65px;
	font-size: 1em;
	}
#contenido_preh { 
	width: 440px;
	margin: 0 20px 0 0;
	padding: 15px 0 0;
	}
div#noticias h2 { 
	background-color: #ecebe8;
	padding: 2px 0 4px 20px;
	font-size: 1em;
	margin: 0 0 0;
	}
div#noticias #contenido_preh ul {
	margin-top: -10px;
	}
div#noticias #contenido_preh ul li { 
	background-image: url(/imatges/bot_verde.gif);
	background-position: left top;
	background-repeat: no-repeat;
	list-style: none;
	padding:0 0 5px 12px;
	}
div#noticias #contenido_preh p {
	text-align: right;
	}

.cuadro-gris { 
	background-color: #ecebe8;
	margin-bottom: 10px;
	padding: 10px 10px 0;
	}
.cuadro-gris a { 
	/*background-image:url(/imatges/flecha.gif);
	background-position:right top;
	background-repeat:no-repeat;*/
	text-align:right;
	padding-right:20px;
	}
.fgris-right {
	float:right;
	clear:both;
	}
.cuadro-2 { 
	background: url(/imatges/home_mas.gif) top no-repeat;
	padding: 45px 10px 10px;
	border-bottom: 4px solid #dedbd5;
	border-right: 1px solid #dedbd5;
}

.cuadro-3{
	margin-top:-13px;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:0px;
	border-bottom: 4px solid #dedbd5;
	border-right: 1px solid #dedbd5;
}
.cuadro-3a { 
	/*background: url(/imatges/home_mas.gif) top no-repeat;*/
	/*padding: 5px 10px 10px;*/
	width:70%;
	float:left;
	margin-top:10px;
}
.cuadro-3a a{
	font-size: 1.12em;
}
.cuadro-3b { 
	/*background: url(/imatges/home_mas.gif) top no-repeat;*/
	/*padding: 5px 10px 10px;*/
	width:26%;
	float:left;
	clear:right;
}

/* TABLE CALENDARIO */

table.calmun {
	border: 0;
	margin: 0;
	border-collapse: collapse;
	font-family: verdana, arial, sans-serif;
	font-size: .75em;
	width: 535px;
	}
table.calmun caption.hidden {
	visibility: hidden;
}
table.calmun th {
	padding: 0;
	border-bottom: 1px solid #333;
}
table.calmun th.concept {
	width: 160px;
	text-align: left;
}
table.calmun th.periode {
	width: 240px;
}
table.calmun th.dates {
	width: 135px;
}
table.calmun td {
	padding: 0;
	border: 1px solid red;
	border-bottom: 1px solid #333;
}
.calendario-con {background-color:#F0FFDF}
.info-calendari {
	width:100%;
	}
.info-calendari caption {
	display:table-caption;
	text-align:left;
	padding:5px 0 5px 10px;
	background-image:url(/imatges/guia.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
tr.subralla td {
	border-bottom:1px solid black;
	background-color:#F0FFDF;
	}
tr.subralla th {
	border-bottom:1px solid black;
	background-color:#F0FFDF;
	text-align:left;
	}
tr.puntos td {
	border-bottom:1px dotted black;
	background-color:#F0FFDF; /*#F1F1EF;*/
	}
.info-calendari th {
	background-color:#F0FFDF;
	border-bottom:1px dotted black;
	text-align:left;
	padding-left:5px;
	font-weight:normal;
	}
	
/*div municipi*/
.div_muni { width:100%; overflow:hidden; padding-bottom:0px; padding-top:5px; margin-bottom:5px; margin-top:5px;}

.div_muni .cont1 { width:20%; float:left; margin-left:5px; overflow:hidden; height:1%;}
.div_muni .cont2 { width:40%; float:left; margin-left:5px;  overflow:hidden; height:1%;}
.div_muni .cont3 { width:35%; float:right; overflow:hidden; height:1%;}

/*.div_muni .cont3 a img { float:left;} */

img.img_isob { padding-left:10px; float:right !important; overflow:hidden; }
.clear { margin:0 !important; overflow:hidden !important; height:0.1% !important; font-size:1px; padding:0px; }		

