/* CSS Document*/
*{padding:0; margin:0}
#wrapper {width:960px; margin:0 auto; }

#header, #main, #footer {clear:both;}
#main{margin-top:15px; overflow:hidden}

/*HEADER -------------------------------------------------------------------------------------------------*/
#header {width:960px; height:192px; /*z-index:20; sembla que no fa falta si al de sota li poses -1*/ 
	background: url(../images/banner-marc-dos.png); background-repeat:no-repeat 0 0;}  

#galeria{position:relative; z-index:-1; top:0; left:0; background: url(../images/banner-fons.jpg); background-repeat:no-repeat 0 0;}
.pics {float:left; width:960px; height:192px; padding:0; overflow:hidden  } 
.pics img {width:960px; height:192px;}

a.hidemarc {color:#fff!important; position:relative; z-index:30; bottom:45px; right:-900px} 

/*MAIN ************************************/
.content {width:610px; float:left; /*padding-left:15px;*/ padding-bottom:15px; display:block;}
.sections{width:165px; float:left; margin-right:7px  }	
.submenus{width:170px; float:right}
/*s'usa pels menús laterals*/
.subcr { padding:0 0 1em 1.6em; }
/*aglutina els dos menús de la dreta*/
.sidebar{float:right}

/*DESTACATS */
.featured-foot {color:#666; background:#efefef; padding-top:15px; margin-top:45px; 
	border-top:22px #ccc solid; width:960px; clear:both; overflow:hidden; float:left} 
.featured-foot  h3 {margin:0; padding:0}
/*Destacat superior*/
.infoTop { background:#f8f8f8; color:#666; padding:10px; border:#ccc solid 1px; margin-bottom:20px; overflow:hidden;
	clear:both}
.infoTop h2 {font-size:180%; color:#000066; border:none} 
.dataInfo { /*clear:both;width:100%;*/border-top:#99CC99 dotted 1px; overflow:hidden}
.dataInfo a{text-decoration:none}
.dataInfo a:hover{ text-decoration: underline}

/* MENÚ LANGS  -------------------------------------------------------------------------------------------------*/
ul.navhorlangs {padding:5px 5px 10px 0; margin:0} 
ul.navhorlangs li {display:inline; list-style-type:none; padding:4px 6px; border:#CCCCCC dotted 1px; margin:0 4px 0 0 }
ul.navhorlangs li.current {background:#aab6d4; border:#CCCCCC solid 1px; }
ul.navhorlangs li:hover {background:#aab6d4; border:#CCCCCC solid 1px; }
ul.navhorlangs li a, ul.navhorlangs li a:hover, ul.navhorlangs li a:visited{color:#000} 

/*FOOTER -------------------------------------------------------------------------------------------------*/
#footer {color:#666; background-color:#fff; padding:20px; margin: 0 0px; border-top: 5px #dfdfdf solid;}
#footer a { color: #999; background:transparent; font-weight: bold; }
#footer a:focus, #footer a:hover, #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline; }
ul.navhorfot {padding:0 0 10px 0; margin:0} 
ul.navhorfot li {display:inline; list-style-type:none; padding:4px; border:#CCCCCC dotted 1px;}


/* MENU GENERAL NOU.......................................*/
ul.captions, ul.captions li{padding:0; margin:0; list-style:none; }
ul.captions li.one a, ul.captions li.two a, ul.captions li.three a, ul.captions li.four a, ul.captions li.five a, ul.captions li.six a,
ul.captions li.seven a, ul.captions li.eight a, ul.captions li.nine a, ul.captions li.ten a, ul.captions li.sig a {
	display:block; margin-bottom:5px;  width:130px; height:30px; }

ul.captions li.one a {background:url(../images/a-inici.jpg) no-repeat;}
ul.captions li.two a {background:url(../images/a-situacio.jpg) no-repeat;}
ul.captions li.three a {background:url(../images/a-estany.jpg);}
ul.captions li.four a	{background:url(../images/a-consorci.jpg);}
ul.captions li.five a	{background:url(../images/a-normativa.jpg);}
ul.captions li.six a {background:url(../images/a-biblioteca.jpg);}
ul.captions li.seven a {background:url(../images/a-enllasos.jpg);}
ul.captions li.eight a {background:url(../images/a-fauna.jpg);}
ul.captions li.nine a	{background:url(../images/a-flora.jpg);}
ul.captions li.ten a {background:url(../images/a-virtual.jpg);}
ul.captions li.sig a {background:url(../images/a-sig.jpg);}

ul.captions li.one a:hover, ul.captions li.oneActive a {background:url(../images/b-inici.jpg);}
ul.captions li.two a:hover, ul.captions li.twoActive a {background:url(../images/b-situacio.jpg);}
ul.captions li.three a:hover, ul.captions li.threeActive a {background:url(../images/b-estany.jpg);}
ul.captions li.four a:hover, ul.captions li.fourActive a {background:url(../images/b-consorci.jpg);}
ul.captions li.five a:hover, ul.captions li.fiveActive a {background:url(../images/b-normativa.jpg);}
ul.captions li.six a:hover, ul.captions li.sixActive a {background:url(../images/b-biblioteca.jpg);}
ul.captions li.seven a:hover, ul.captions li.sevenActive a {background:url(../images/b-enllasos.jpg);}
ul.captions li.eight a:hover, ul.captions li.eightActive a {background:url(../images/b-fauna.jpg);}
ul.captions li.nine a:hover, ul.captions li.nineActive a {background:url(../images/b-flora.jpg);}
ul.captions li.ten a:hover, ul.captions li.tenActive a {background:url(../images/b-virtual.jpg);}
ul.captions li.sig a:hover, ul.captions li.sigActive a {background:url(../images/b-sig.jpg);}
	
ul.captions li.oneActive b, ul.captions li.twoActive b, ul.captions li.threeActive b, ul.captions li.fourActive b, ul.captions li.fiveActive b,
ul.captions li.sixActive b, ul.captions li.sevenActive b, ul.captions li.eightActive b, ul.captions li.nineActive b, ul.captions li.tenActive b,
ul.captions li.sigActive b{ display:block; background-color:#999933; width:125px; padding-right:5px; text-align:right; color:#FFF}	


/* CAPTIONS for menu SECTIONS 
based in: http://matthewjamestaylor.com/art
--------------*/
ul.captions {/*clear:left; *//*float:left; */list-style:none;/* width:100%;*/ display:block; position:relative; z-index:25; padding:0; margin:0}
ul.captions li {list-style:none; width:130px; height:30px; display:block; padding-bottom:8px; margin:0}

ul.captions li a {float:left; width:130px; height:30px;/* position:relative;*/ border:1px solid #368; -moz-border-radius:.5em;
	-webkit-border-radius:.5em; border-radius:.5em; text-decoration:none; /*background-color:#fff;*/}
ul.captions li a:hover {border:1px solid #fff; color:black;}

ul.captions li a span {background:green; color:#fff; width:330px; height:50px; position:relative; top:-10px; left:-190px; z-index:-1; display:none;
	/*border:1px solid #368;*/ -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;  }
ul.captions li a:hover span {display:block;}

ul.captions li a strong {clear:left; display:block; position:relative; top:7px; margin:0 12px; font-size:1em}
ul.captions li a em {clear:left; display:block; position:relative; top:8px; margin:0 8px; padding-bottom:10px;}

/*GOOGLE MAPS*******************************/
.mapa{padding:15px; border:#ccc solid 1px}

/*BIBLIOTECA********************************/
.biblioteca{ margin-bottom:10px; border-bottom:#999 solid 3px; float:left}
.biblioteca h3{}
p.biblioteca {float:right;}
.biblioteca img{ float:left; margin:0 15px 75px 0}
.autor{ display:block; border-top:#ccc solid 2px; float:left; clear:bloth}

/*VIDEOS*/
#uno{text-align:center}

/*------------------------------------------------------------------------------------------------------*/
/* Notícies ------------------------------*/
.articlelist {margin-left:20px; margin-bottom:15px; border-bottom:#ccc thin dotted; display:inline-block; width:585px}
/*treure paddings per els titulars de les noticies a main-thumbs*/
.articlelist  h3 {margin:0; padding:0}
/*...si no hi ha imatge seleccionada en crearem una de buida amb les mateixes propietats*/

.articlelist img, .vacio {margin:0 8px 8px 0; float:left;}
.vacio {background-color:#e1dfdf; }

/* per les imatges grans del main-news--------*/
.imanew {margin-bottom:15px}
.tornar{ clear:both; float:left; width:100%; border-top:#000000 dotted thin; padding-top:2px; margin-top:8px}
.data{display:block;/* float:left; */font-size:11px; font-weight:bold; border:#959998 dotted 1px; width:416px; margin-bottom:10px; 
	padding:3px; background-color:#e0e1e1}