/* CSS Document*/	
/* treu tots els borders i contorns de estils del navegador */
*{margin:0px; padding:0px;}

body{font-family:Verdana, Arial, Helvetica, sans-serif; }
table  {border-collapse: collapse; border: 1px solid #000; font: normal 10px verdana, arial, helvetica, sans-serif;color: #000; background-color:#EBF0C1;}
caption {text-align: center;font: bold 10px arial, helvetica, sans-serif;background: transparent;padding:6px 4px 8px 0px;color: #000;text-transform: uppercase;}
tbody, td, th {text-align:left;border: 1px dotted #000; padding:.4em; color: #363636;}

/* treu el borde-filet que surt alrededor d'un link o d'una imatge quan fas click */
a, img{outline:none; border:none}

p{ padding-bottom:12px; font-size:11px;}

h1{ padding-left:20px; font-size:18px;}
h3{ padding-left:20px; font-size:18px;}
h4{ padding-bottom:12px;font-size:14px;}
h5{ padding-bottom:5px;font-size:11px; font-style:italic;}

ul.basicUl{ padding:0px 0px 12px 12px; font-size:10px;}
ol.basicOl{ padding:0px 0px 12px 12px; font-size:10px;}

.clear{clear:both}

/* menú-llista general de la ESQUERRA */

/* MENU GENERAL NOU.......................................*/
#navGral ul {list-style:none;font-size:1.1em;}

.menuGral li.one a, .menuGral li.two a, .menuGral li.three a, .menuGral li.four a, .menuGral li.five a,.menuGral li.six a,
.menuGral li.seven a, .menuGral li.eight a, .menuGral li.nine a, .menuGral li.ten a, .menuGral li.sig a {display:block; margin-bottom:6px;  width:130px; height:30px; }

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

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

/* menú-llista destacat de la esquerra */
/* primer treiem els estils de llista */
#navDest ul {list-style:none;}

/* codi per la biblioteca digital */
.biblioteca {margin: 0 8px 0 0; width:424px; }
.biblioteca img {float:left; width:80px; height:80px; margin:0 15px 30px 0;}
.biblioteca p {display:block; float:left; font-size:10px; width:320px;}
.biblioteca h5 {padding:10px 0 8px 0;font-size:12px; border-bottom:#959998 dotted 1px; width:424px;}
.biblioteca h6 {padding:3px 0 6px 0;}

/* mapa web--------------------------------------------*/
.nivell ul{ list-style:none;font-size:11px;}
.nivell li{padding:6px 0 6px 0; font-size:10px;}
.nivell li a {display:block; text-decoration: none; color:#000; }
.nivell ul li:before {content: "\00BB \0020";}

.nivell2 ul{ list-style:none; font-size:10px;}
.nivell2 li{padding:2px 0 2px 20px;font-size:10px; }
.nivell2 li a {display:block; text-decoration: none; color:#000; }
.nivell2 ul li:before {content: "";}

.nivell3 ul{ list-style:none;font-size:10px; }
.nivell3 li{padding:2px 0 2px 55px;background-image: url(../imatges/arrowb.gif); background-repeat: no-repeat; background-position:45px;}
.nivell3 li a {display:block; text-decoration: none; color:#000; }

.mouse{ cursor: nw-resize; }

/* columna de contingut del peu de pàgina primer un contenedor i despres l'estil del contingut */
#footer{ width:810px; color:#000; padding:5px; font-size:10px; border-top:1px solid #7D8B92; text-align:center;}

/* menu footer-----------------------------------------*/
.navFooter ul{padding:5px;} 
.navFooter li {display: inline;list-style-type:none; padding:4px; border:#CCCCCC dotted 1px; margin-right:12px}

.navFooter a:link, .navFooter a:visited{color: #000;text-decoration: none;}
.navFooter a:hover{color:#000; text-decoration:underline}