/* Definicions base */
body {text-align: justify; background: #FBFDE6; font-size:70%; color: #8F8F8F;
    font-family: arial, helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
body, form, ul, li {margin: 0; padding: 0; list-style: none;}

h1 {color: #51474B; font-size: 2em;}
h2 {font-size: 1.7em; font-weight: bold; color: #51474B;}
h3 {background: #495B01 url(../img/bg/h3_verd.gif) repeat-x left bottom;
    font-size: 1.1em; line-height: 3em; padding: 0 1em;color:#fff;}

p, ol, ul {line-height: 1.8em;font-size:105%;}

a, a:visited {color: #6B6B6B;}
a:hover {color: #005C81;}

/* Capçalera */
#cap {/*background:#55484B;background:url(../img/bg_cap.jpg) top left repeat-x;*/clear:both;position:relative;width:100%;}
#cap div.into_cap {width:998px;overflow:hidden;clear:both;margin: 0 auto; position: relative;}
#cap * {color: #fff;}
#cap h1 {font-size: 3.3em;z-index:1000;overflow:hidden;}
#cap h2 {font-size: 1.1em; font-weight: normal;}
#cap ul {position: absolute; bottom: 0; right: 10px;z-index:100;overflow:hidden;position:absolute;}
#cap li {display: inline;}
#cap a {
	display: block;
	float: left;
	/*height: 25px;*/
	margin: 0 0 0 8px;
	line-height:35px;
	padding: 2px 20px 0 20px;
	background: #6B773F url(../img/bg/tabs_verd.gif) repeat-x;
	background-position:bottom left;
	text-decoration: none;
	font-weight: bold;
}
#cap a:hover{background-position: top left;}
#cap a.selected{background-position: top left;}

/* Content */
#content {/*min-width: 775px; width: 80%;*/width:994px;margin: 0 auto; color: #000; border-top: 1.7em solid #FBFDE6;}
.seccio {font-size: 2.5em; margin: 0 0 0.8em 0; font-weight: normal;}
.msg {font-size: 1.4em; font-weight: bold; color: #A06262;border-bottom: 1px solid #A06262;}

.pl_figure {background: transparent url(../img/bg/box_verd3.gif) repeat-x top left;padding: 1em;}

.noticia, .agenda, .box_llarg{background: transparent url(../img/bg/box_verd3.gif) repeat-x top left;padding: 2em;
    position: relative; overflow: hidden;}
.noticia .subtitol {font-size: 1.1em; font-weight: bold; color: #51474B;}
.noticia .data {text-align: right; color: #005C81;}

.box_llarg{font-size:1.1em;line-height:1.8em;}
.box_llarg img{float:left;margin-right:10px;}
.box_llarg h1{padding-bottom:10px;font-size:1.5em;font-weight:normal;}
.box_llarg p{padding:0;margin:0;}
.box_llarg div{position:relative;padding:0;margin:0;}

.categoria {clear: left;}
.recurs {float: left; width: 50%;}
.recurs h1 {clear: left; font-size: 1.5em;font-weight: normal;margin-bottom: 0.5em;}
.recurs .vcard {text-align: left;border: 1px solid #B39B9C;background: transparent url(../img/bg/box_verd3.gif) repeat-x top left;margin: 1em; padding: 2em 2em 1em 2em;line-height: 1.8em; font-size: 1.1em;}
.even {clear: left;}
.vcard .country-name {display: none;}
.vcard .email, .vcard .url-wrap {text-align: right;}
.vcard img{float:left; margin-right:10px;margin-top:10px;}

.agenda {padding-left: 7em;}
.agenda .data {float:left; margin: 0 0 1em -6.5em; width: 5em;clear: left; background: #9eac43;
    color: #fff; font-size: 1.1em; text-align: center; line-height: 1.7em; font-weight: bold;}

.agenda .data span {display: block; font-size: 2em;}
.agenda img {float: right;}

.vagenda p{padding-left: 6em;}
.vagenda .data {float:left; margin: 0 0 1em -0.6em; width: 5em; clear: left; background: #9eac43;
    color: #fff; font-size: 1.1em; text-align: center; line-height: 1.7em; font-weight: bold;padding:0;}
.vagenda .data span {display: block; font-size: 2em;}
.vagenda img {float: right;}


.img_gran {line-height: 310px;vertical-align: middle;}
.img_gran img {display: inline; vertical-align: middle;}

#contacte {margin: 0 auto; background: transparent url(../img/bg/box_verd3.gif) repeat-x top left;padding: 2em 1em;}
#contacte p {width: 400px;margin: 1em auto;padding: 1px;line-height: 2em;}
#contacte label {display: block; font-size: 1.2em; font-weight: bold;}
#contacte p input, #contacte textarea, #contacte select {width: 100%;border: 1px solid #452A2A;}
#contacte .button {width: 100px; float: right; margin: 0 0.5em;padding: 0.1em;}

#mapContainer {height: 500px; width: 80%; margin: 1em 0;}

/** "Buscador" de notícies (permet sel·leccionar any/mes) */
#buscador {background: transparent url(../img/bg/h3_verd.gif) repeat-x top left;	font-size: 1.1em;
	 color: #fff; text-decoration: none; font-weight: bold;
	position: relative; text-align: center;}
#buscador p {line-height: 2.8em;padding: 0.2em 3em 0 1em;margin: 0;}
#buscador select {border: none; margin-right: 1em;}
#buscador input {position: absolute; right: 1em; top: 1.2em; border: none; color: #fff;
    background: #ACBB48; font-weight: bold; font-size: 0.9em;}

#left {float: left; width: 186px; text-align: left;}
#left a {color: #6B6B6B;}
#left a:hover {text-decoration: underline;}
#left h3 a {color: #fff;text-decoration: none;}
#left .text li {padding: 0.5em 0;}
#left .images li {text-align: center;}
#left ul {padding: 0.5em 2em;}
#left ul a:hover {color: #005C81;}
#left p, #left ul {background: transparent url(../img/bg/box_verd3.gif) repeat-x top left;margin: 0;}
#left p {padding: 1em 2em; color: #000;}
#left img {border: none;}
#left .banners {background: none;text-align: center;}

#right {padding: 0 0 0 2em;position: relative; overflow: hidden;}
#right a img{border:none;}

#peu {clear: both; margin: 0 auto; text-align: center;
    background: url(../img/bg/peu_verd.gif) repeat-x; line-height: 8em; color: #000;}


.info_portada{background: transparent url(../img/bg/box_verd3.gif) repeat-x top left;padding: 2em;
position: relative; overflow: hidden;}

.info_portada img{float:left;margin:0 10px 0 0;}


.li_doc{list-style:none;boder:1px solid #f00;margin-left:20px;}
.li_doc a{color:#505050;text-decoration:none;}
.li_doc a:hover{color:#505050;text-decoration:underline;}
.li_doc li {position:relative; margin: 1.5em 20px;}
.li_doc img {display: block; position:absolute; left: -40px; top: 0; border: 0;}
.li_doc span {font-size: 160%;  display: block;}


.llista_links li{
    margin-bottom:20px;
}
.llista_links h2{
    font-weight:normal;
}

#escut{
    float:left;
    margin-top:10px;
    margin-right:5px;
}

#navegacio{display:block;color:#000;text-align:center;line-height:40px;margin:20px;}
#navegacio a{font-size:1.3em;font-weight:bold;color:#452A2A;margin:0 10px 0 10px;text-decoration:none;}
#navegacio a:hover{text-decoration:underline;}

#s1{overflow:hidden;position:relative;height:200px;width:994px;border-bottom:5px solid #4F6201;border-right:2px solid #4F6201;border-left:2px solid #4F6201;border-top:2px solid #4F6201;z-index:1;background:url(../img/portada5.jpg) bottom left no-repeat;}
#s1 img{position:absolute;top:0;left:0;}

/*.pics {  
	position:relative;
    height:  200px;  
    width:   994px;
    padding: 0;  
    margin:  0;  
    /*background:url(../img/blanc_negre/empresa.png) bottom left no-repeat;*/
} */
 
.pics img {  
	position:absolute;
    width:  990px; 
    height: 200px; 
    top:  0; 
    left: 0;
    z-index:-10;
}

#escut_div{position:relative;overflow:hidden;margin-bottom:20px;clear:both;background:#EEE5E5;width:100%;text-align:center;}
#escut_div img{width:auto;display:block;margin:0 auto;margin-top:5px;}
#escut_div h2{color:#7B4844;text-align:center;font-weight:normal;font-size:26px;font-family:verdana;}

#cercador{font-size:10px;width:192px;}

#escut_capcanes{position:absolute;top:70px;left:70px;overflow:hidden;z-index:1000;}
#cap h2.titol_poble{position:absolute;top:10px;left:25px;font-size:40px;overflow:hidden;z-index:1000;}