@charset "utf-8";
/* CSS Document */
/*Modificacions a tot el document*/
*{margin:0em; padding:0em; border:0em;}
p{text-align:justify; font-size:14px; color: white; font-family:Arial, Helvetica, sans-serif}
il{color:#FFF}
ul{color:#FFF}
/*Modificacions a cos del document*/
body {background: #161616 center  no-repeat; height:100%; text-align:center; font-size:12px;}

/*Modificacions a imatges*/
img {border-style:none}

/*Classes de paragrafs*/
.centrado {text-align:center}

/*Modificacions a divs*/
#global_seleccio {width:71em; height: 50em; margin:0 auto; position:inherit}
#global {width:71em; height: 71em; margin:0 auto; position:inherit; background: url(objects/i_fons.jpg) center no-repeat}
#global_index {width:71em; height: 45em; margin:0 auto; position:inherit; background: url(objects/i_fons_index.jpg) center no-repeat}
#global_articles {width:71em; height: 87em; margin:0 auto; position:inherit; background: url(objects/i_fondo_articulos.png) center top no-repeat}
#logo {width:71em; height: 11em; margin:0 auto; position:inherit; background:url(objects/i_logo.png) top center no-repeat}
#menu {width:62em; height: 3em; margin: 0 auto; padding-bottom: 1em; padding-top: 1em; padding-left: 0em; margin-bottom: 1em auto; position:inherit; background: none top center no-repeat; text-align: center}
#contingut_seleccio {width:50em; height: 23em; margin: 0 auto; padding: 1em; position:inherit; background:url(objects/i_tampoindex.png) bottom center no-repeat;}
#contingut {width:50em; height: 44em; margin: 0 auto; padding: 1em; position:inherit; background: url(objects/i_contingut.png) center top no-repeat}
#contingut_index {width:50em; height: 24em; margin: 0 auto; padding: 1em; position:inherit; background: url(objects/i_contingut_index.png) center top no-repeat}
#contingut_articles {width:32em; height: 10em; margin: 0 auto; padding: 1em; position:inherit; background: url(objects/i_articulos.png) center top no-repeat}
#contingut_articles_interior {width:55em; height: 66em; margin: 0 auto; padding: 1em; position:inherit; background: url(objects/i_fondo_articulos_dentro.png) center top no-repeat}
#contingut_centres {width:50em; height: 22em; margin: 0 auto; padding: 1em; position:inherit; background: url(objects/i_centres.png) center top no-repeat}
#contingut_escola {width:50em; height: 44em; margin: 0 auto; padding: 1em; position:inherit; background: url(objects/i_contingut.png) center top no-repeat}
#contingut_sense {width:50em; height: 44em; margin: 0 auto; padding: 1em; position:inherit}
#contingut_fotos {width:40em; height: 30em; margin: 0 0 0 5em; position: inherit}
#contingut_video {width:50em; height: 35em; margin: 0 auto; margin-bottom: 1.2em; padding: 1em; position:inherit; background: url(objects/i_video.png) center top no-repeat}
#emblema {width:9em; height: 8em; margin:0 auto; float:left}
#navegacio {width:58em; height: 2em; margin:0 auto; position:inherit}
#peu {width:62em; height: 3em; margin:0 auto; padding-top: 0.7em; position:inherit;}

/*Modificacions a llistes de menus*/
#menu1 li{list-style:none; margin:0.333em 0em 0.333em 6.25em; height:2.5em}
#menu2 li{list-style:none; margin:0.333em 0em 0.833em 5.40em; height:2.5em}
#menu3 li{list-style:none; margin:0.333em 0em 0.833em 5.05em; height:2.5em}
#menu4 li{list-style:none; margin:0.333em 0em 0.833em 4.73em; height:2.5em}
#menu5 li{list-style:none; margin:0.333em 0em 0.833em 4.40em; height:2.5em}
#menu6 li{list-style:none; margin:0.333em 0em 0.833em 4.10em; height:2.5em}
#menu7 li{list-style:none; margin:0.333em 0em 34.167em 4.5em; height:2.5em}
#contenido p{padding: 0.313em 0.833em 0.313em 0.833em; text-indent:0,938em}

/*Modificacions als enllaços*/
a{color:white; text-decoration:none; /*display:block; aixó fa que si es una frase l'agafi com un boto quadrat*/}
a:link{color: white; text-decoration:underline}
a:visited{color: #938100; text-decoration: underline}
a:hover{color: red; text-decoration:underline;} /*background-color:silver aixo fa que el text es subralli amb el color al seleccionari*/
a:active{color: gray; text-decoration: none;}

#l:{color: white;}
#l:link{color: white; text-decoration:underline;}
#l:visited{color: #938100 ; text-decoration: underline;}
#l:hover{color:#F00; text-decoration:underline;} /*background-color:silver aixo fa que el text es subralli amb el color al seleccionari*/
#l:active{color: gray; text-decoration: none;}


/*Modificacions als titols*/
h1{font-size: 1.3em; color:#FFF; font-weight:none; text-align:center; font-family: Tahoma, Geneva, sans-serif} /*links menu*/
h2{font-size: 1.3em; color:#B59E00; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; font-style:italic} /*titols principals*/
h3{font-size: 1.2em; color:white; font-weight:bold; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
h4{font-size: 1.2em; color:#F60; font-weight:bold; font-family:"Times New Roman", Times, serif}
h5{font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align: center}
h6{font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; color:black; text-align: left; text-decoration:underline}

/*menu baixat*/
ul.menu1 {
list-style-type:none;
width:45.5em;
position: relative;
display:block;
height:33px;
font-size:1.35em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu1 li {
display:block;
float:left;
margin:0 0.4em 0 0.4em;
padding:0;
}

ul.menu1 li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu1 li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu1 .current a {
color:#fff;
font-weight:700;
}

/*RED*/
ul.menu1.red{
background-color:#B11718;
}
ul.menu1.red li a:hover, .menu1.red li.current {
background-color:#DE3330;
}
/*menu baixat invers*/
ul.menu2 {
list-style-type:none;
width:61em;
position: relative;
display:block;
height:33px;
font-size:1em;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}

ul.menu2 li {
display:block;
float:left;
margin:0 1.2em 0 1.2em;
padding:0;
}

ul.menu2 li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}

ul.menu2 li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu2 .current a {
color:#fff;
font-weight:700;
}

/*RED*/
ul.menu2.red{
background-color:#B11718;
}
ul.menu2.red li a:hover, .menu2.red li.current {
background-color:#DE3330;
}

/*Galeria d'iamtges*/
.content{margin:17px 0px 0px 25px;}
.content a{	color: #fff;}
.content p.linkage{	margin-top: 2em; text-align: right;	font-size: 1.7em; color: #ddd;}
.content p.linkage a { color: #fff; }
#myGallery{	text-align: left; margin: 0 auto;}

#myGallery, #myGallerySet, #flickrGallery{width: 550px;	height: 475px;	z-index:5;	border: 1px solid #000;}
#flickrGallery{	width: 500px;	height: 334px;}
#myGallery img.thumbnail, #myGallerySet img.thumbnail{display: none;}
.jdGallery{	overflow: hidden;position: relative;}
.jdGallery img{border: 0; margin: 0;}
.jdGallery .slideElement{ width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat;	background-position: center center;	background-image: url('objects/img/loading-bar-black.gif');}
.jdGallery .loadingElement{	width: 100%;height: 100%;position: absolute;left: 0;top: 0;	background-color: #000;	background-repeat: no-repeat;	background-position: center center;	background-image: url('objects/img/loading-bar-black.gif');}
.jdGallery .slideInfoZone{position: absolute;	z-index: 10;	width: 100%;	margin: 0px;	left: 0;	bottom: 0;	height: 40px;	background: #333;	color: #fff;	text-indent: 0;	overflow: hidden;}
* html .jdGallery .slideInfoZone{bottom: -1px;}
.jdGallery .slideInfoZone h2{padding: 0;font-size: 80%;margin: 0;margin: 2px 5px;font-weight: bold;color: inherit;}
.jdGallery .slideInfoZone p{ padding: 0; font-size: 60%; margin: 2px 5px; color: #eee;}
.jdGallery div.carouselContainer{ position: absolute; height: 135px; 	width: 100%;z-index: 10;	margin: 0px;	left: 0;	top: 0;}
.jdGallery a.carouselBtn{	position: absolute;	bottom: 0;	right: 30px;	height: 20px;	text-align: center;	padding: 0 10px;	font-size: 13px;	background: #333;	color: #fff;	cursor: pointer;}
.jdGallery .carousel{	position: absolute;	width: 100%;	margin: 0px;	left: 0;	top: 0;	height: 115px;	background: #333;	color: #fff;	text-indent: 0;	overflow: hidden;}
.jdExtCarousel{	overflow: hidden;	position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper{	position: absolute;	width: 100%;	height: 78px;	top: 10px;	left: 0;	overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner{	position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{	cursor: pointer;	background: #000;	background-position: center center;	float: left;	border: solid 1px #fff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail{	margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label{	font-size: 13px;	position: absolute;	bottom: 5px;	left: 10px;	padding: 0;	margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton{	font-size: 10px;	position: absolute;	bottom: 5px;	right: 10px;	padding: 1px 2px;	margin: 0;	background: #222;	border: 1px solid #888;	cursor: pointer;}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number{	color: #b5b5b5;}
.jdGallery a{	font-size: 100%;	text-decoration: none;	color: inherit;}
.jdGallery a.right, .jdGallery a.left{	position: absolute;	height: 99%;	width: 25%;	cursor: pointer;	z-index:10;	filter:alpha(opacity=20);	-moz-opacity:0.2;	-khtml-opacity: 0.2;	opacity: 0.2;}
* html .jdGallery a.right, * html .jdGallery a.left{	filter:alpha(opacity=50);}
.jdGallery a.right:hover, .jdGallery a.left:hover{	filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8;}
.jdGallery a.left{	left: 0;	top: 0;	background: url('objects/img/fleche1.png') no-repeat center left;}
* html .jdGallery a.left { background: url('objects/img/fleche1.gif') no-repeat center left; }
.jdGallery a.right{	right: 0;	top: 0;	background: url('objects/img/fleche2.png') no-repeat center right;}
* html .jdGallery a.right { background: url('objects/img/fleche2.gif') no-repeat center right; }
.jdGallery a.open{	left: 0;	top: 0;	width: 100%;	height: 100%;}
.withArrows a.open{	position: absolute;	top: 0;	left: 25%;	height: 99%;	width: 50%;	cursor: pointer;	z-index: 10;	background: none;	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8;}
.withArrows a.open:hover { background: url('objects/img/open.png') no-repeat center center; }
* html .withArrows a.open:hover { background: url('objects/img/open.gif') no-repeat center center;	filter:alpha(opacity=80); }
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn{z-index: 15;	position: absolute;	top: 0;	left: 30px;	height: 20px;	text-align: center;	padding: 0 10px;	font-size: 13px;	background: #333;	color: #fff;	cursor: pointer;	opacity: .4;	-moz-opacity: .4;	-khtml-opacity: 0.4;	filter:alpha(opacity=40);}
.jdGallery .gallerySelector{	z-index: 20;	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	background: #000;}
.jdGallery .gallerySelector h2{	margin: 0;	padding: 10px 20px 10px 20px;	font-size: 20px;	line-height: 30px;	color: #fff;}
.jdGallery .gallerySelector .gallerySelectorWrapper{overflow: hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton{	margin-left: 10px;	margin-top: 10px;	border: 1px solid #888;	padding: 5px;	height: 40px;	color: #fff;	cursor: pointer;	float: left;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover{	background: #333;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview{	background: #000;	background-position: center center;	float: left;	border: none;	width: 40px;	height: 40px;	margin-right: 5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3{	margin: 0;	padding: 0;	font-size: 12px;	font-weight: normal;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info{	margin: 0;	padding: 0;	font-size: 12px;	font-weight: normal;	color: #aaa;}