/* CSS Document*/

#contenidor {width:810px; position:absolute; left: 50%; margin-left: -395px;}	
#header {width:810px; height:192px; background-image: url(../imatges/banner.jpg); background-repeat:no-repeat;}
	
/* columna de contingut dreta, primer un contenedor i despres l'estil del contingut */
#columnaDreta{ float:left; width:162px; background-color:#99CC66;}

/* columna de contingut central, primer un contenedor i despres l'estil del contingut */
/* main de la pagina index.php------------------------------*/
#columnaMain{float:left; width:646px; border-left:#000000 dotted 2px;}
.colMain{padding:0 20px 35px 20px; width:591px; height:450px; background-image: url(../imatges/main_inici.jpg); background-repeat:no-repeat;}

/*AFEGITTTT:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.colMainContent{ float:left; padding:6px 20px 35px 20px; width:424px;}/* per tots els continguts*/

.colMainMenu{float:left; width:154px; font-size:10px; margin-bottom:10px; background-color:#FFFFFF}
.colMainMenu ul{list-style:none;line-height: 12px;}
.colMainMenu ul li { padding-top:5px; border-bottom: #EBF0C1 solid 4px; border-bottom-color:#FFFFFF; color:#FFFFFF; background-color:#9FAD39;}
.colMainMenu ul li ul {background-color:#fff;}
.colMainMenu ul li ul li {background-color:#fff; padding-left:14px;}
.colMainMenu ul li ul li a { display:block; color:#78786E; border-bottom:#999933 solid 1px; width:auto; }

/* main de la pagina noticies.php...------------------------------*/
.noti{ margin-bottom:10px; border-top:#959998 dotted 1px; padding-top:2px;}
.noti h3{font-size:13px; font-weight:bold; color:#666; padding-top:3px;}
.noti img{ padding:0 6px 6px 0; float:left;}

.notiTornar{ clear:both; float:left; width:80%; border-top:#000000 dotted 2px; padding-top:2px;}
.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}
.dataInfo{clear:both; width:100%;border-top:#99CC99 dotted 1px;}
.dataInfo a{text-decoration:none}
.dataInfo a:hover{ text-decoration: underline}

/* Paginator------------------------*/
/* Paginador */
#paginator{padding-top:6px;}
.pagines{padding:6px 0;}
span.selected{text-decoration:none; border:#999999 solid 1px; padding:3px 6px; background-color:#336699; color:#fff;}
.paginfo{padding:6px 0;  border-top:#666666 dotted 1px; color:#000;}
.pagines a{ text-decoration:none; border:#999999 solid 1px; padding:3px 6px; color:#000}
.pagines a:hover{ background-color:#336699; color:#fff;}

/* columna dreta de les fotos de la pagina historia.php, plaespecial.php, projecte.php....------------------------------*/
.colMainFaunaLogos{ float:left; padding-top:20px; width:180px; height:400px; background-image:url(../imatges/fauna_imatges.jpg); background-repeat:no-repeat; background-position:top left;}
.colMainFloraLogos{ float:left; padding-top:20px; width:180px; height:400px; background-image:url(../imatges/flora_imatges.jpg); background-repeat:no-repeat; background-position:top left;}
.colMainProjectFotos{ float:left; padding-top:20px; width:180px; height:400px; background-image:url(../imatges/projecte_imatges.jpg); background-repeat:no-repeat; background-position:top left;}
/*-------------------------------------------*/

/* main de la pagina situacio.php, ------------------------------*/
.colMainSituacio{ float:left; padding:6px 20px 35px 20px; width:591px; height:465px; }
/*-------------------------------------------*/

/* columna de contingut esquerre, primer un contenedor i despres l'estil del contingut */
#columnaEsque{float:left;width:162px;}
.colEsque{ padding:0 20px 20px 12px;font-size:10px;}
.colLeftFotos{height:120px; background-image:url(../imatges/estany_logos.gif); background-repeat:no-repeat; background-position:center top;}
/*-------------------------------------------*/

/* div buit per deixar espai */
#espacio{ height:15px;}

/*VIDEOS*/
#uno{width:424px; height:385px; text-align:center}
.videoText{float:right}