/* estils per serveis, onsom, contacte, suggerències, calendari i AFG*/
.calendari {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: italic;
	text-align: center;
}
.calendariTitol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.alumnes {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.cons {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #FF6600;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
}
#scrollCalendari {
	position: absolute;
	height:32px;
	width: 46px;
	left: 515px;
	top: 380px;
	border: 0px;
}
#construccio {
	position: absolute;
	left: 15px;
	top: 495px;
	height: 70px;
	width: 495px;
	text-align: justify;
	padding-left: 8px;
	overflow: hidden;
	z-index: 3;
	
}
#fotoServeis {
	background-image: url(imatges/dibuix_3.jpg);
	position: absolute;
	height: 307px;
	width: 190px;
	left: 8px;
	top: 150px;
}
#textServeis {
	position: absolute;
	left: 206px;
	top: 20px;
	height: 490px;
	width: 315px;
	border-left: 2px solid #99CCCC;
	text-align: justify;
	padding-left: 15px;
	overflow: show;
}
#textLagaleria {
	position: absolute;
	left: 206px;
	top: 20px;
	height: 640px;
	width: 315px;
	border-left: 2px solid #99CCCC;
	text-align: justify;
	padding-left: 15px;
	overflow: show;
}
#fotoGaleria {
	background-image: url(imatges/galeria-fotos.jpg);
	position: absolute;
	height: 490px;
	width: 190px;
	left: 18px;
	top: 20px;
}
#foto1 {
	background-image: url(imatges/manhattan.jpg);
	position: absolute;
	visibility: visible;
	z-index: 4;
	height: 235px;
	width: 520px;
	left: 206px;
	top: 295px;
}
#foto2 {
	background-image: url(imatges/helicopter.jpg);
	position: absolute;
	visibility: hidden;
	z-index: 5;
	height: 235px;
	width: 520px;
	left: 206px;
	top: 295px;
}
#foto3 {
	background-image: url(imatges/bosc.jpg);
	position: absolute;
	visibility: hidden;
	z-index: 6;
	height: 235px;
	width: 520px;
	left: 206px;
	top: 295px;
}
#foto4 {
	background-image: url(imatges/vaixell.gif);
	position: absolute;
	visibility: hidden;
	z-index: 7;
	height: 235px;
	width: 520px;
	left: 206px;
	top: 295px;
}
#foto5 {
	background-image: url(imatges/gos.jpg);
	position: absolute;
	visibility: hidden;
	z-index: 8;
	height: 235px;
	width: 520px;
	left: 206px;
	top: 295px;
}
#foto6 {
	background-image: url(imatges/??????.jpg);
	position: absolute;
	visibility: hidden;
	z-index: 9;
	height: 235px;
	width: 520px;
	left: 206px;
	top: 295px;
	border: solid 1px #666666;
}
#foto7 {
	background-image: url(imatges/??????.jpg);
	position: absolute;
	visibility: hidden;
	z-index: 10;
	height: 235px;
	width: 520px;
	left: 206px;
	top: 295px;
	border: solid 1px #666666;
}
#fotoBot1 {
	position: absolute;
	height: 20px;
	width: 30px;
	left: 170px;
	top: 270px;
}
#fotoBot2 {
	position: absolute;
	height: 20px;
	width: 30px;
	left: 170px;
	top: 250px;
}
#fotoBot3 {
	position: absolute;
	height: 20px;
	width: 30px;
	left: 170px;
	top: 230px;
}
#fotoBot4 {
	position: absolute;
	height: 20px;
	width: 30px;
	left: 170px;
	top: 210px;
}
#fotoBot5 {
	position: absolute;
	height: 20px;
	width: 30px;
	left: 170px;
	top: 190px;
}
#fotoBot6 {
	position: absolute;
	height: 20px;
	width: 30px;
	left: 270px;
	top: 170px;
}
#fotoBot7{
	position: absolute;
	height: 20px;
	width: 30px;
	left: 170px;
	top: 150px;
}
#textFoto1 {
	position: absolute;
	visibility: visible;
	height: 10px;
	width: 125px;
	left: 16px;
	top: 268px;
	border: 1px solid #666666;
}
#textFoto2 {
	position: absolute;
	visibility: hidden;
	height: 10px;
	width: 125px;
	left: 16px;
	top: 248px;
	border: 1px solid #666666;
}
#textFoto3 {
	position: absolute;
	visibility: hidden;
	height: 10px;
	width: 125px;
	left: 16px;
	top: 228px;
	border: 1px solid #666666;
}
#textFoto4 {
	position: absolute;
	visibility: hidden;
	height: 10px;
	width: 125px;
	left: 16px;
	top: 208px;
	border: 1px solid #666666;
}
#textFoto5 {
	position: absolute;
	visibility: hidden;
	height: 10px;
	width: 125px;
	left: 16px;
	top: 188px;
	border: 1px solid #666666;
}
#textFoto6 {
	position: absolute;
	visibility: visible;
	height: 10px;
	width: 125px;
	left: 16px;
	top: 168px;
	border: 1px solid #666666;
}
#textFoto7 {
	position: absolute;
	visibility: hidden;
	height: 10px;
	width: 125px;
	left: 16px;
	top: 148px;
	border: 1px solid #666666;
}
#fotoOnsom {
	position: absolute;
	height: 266px;
	width: 375px;
	left: 27px;
	top: 195px;
	float: left;
	z-index: 2;
}
#textOnsom {
	position: absolute;
	left: 20px;
	top: 20px;
	height: 450px;
	width: 479px;
	border-left: 2px solid #99CCCC;
	text-align: justify;
	padding-left: 15px;
	overflow: show;
}
#textSuggerencies {
	position: absolute;
	left: 20px;
	top: 20px;
	height: 450px;
	width: 479px;
	border-left: 2px solid #99CCCC;
	border-right: 2px solid #99CCCC;
	text-align: justify;
	padding-left: 15px;
	overflow: show;
}
#textAlumnes {
	position: absolute;
	visibility: visible;
	height: 95px;
	width: 180px;
	left: 206px;
	top: 40px;
	overflow: hidden;
	border: 1px solid #999999;
}
#zoomOut {
	position:absolute;
	top:129px;
	left:387px;
	width:43px;
	height:37px;
	z-index: 10;
}
#fotoPort {
	position: absolute;
	height: 120px;
	width: 500px;
	left: 35px;
	top: 440px;
	z-index: 1;
	overflow: hidden;
}
#textAFG {
	position: absolute;
	left: 206px;
	top: 30px;
	z-index: 10;
	height: 275px;
	width: 330px;
	background-color: #FFFFFF;
	border-left: 2px solid #99CCCC;
	border-bottom: 2px solid #99CCCC;
	text-align: justify;
	padding-left: 15px;
	overflow:hidden;
}
#fotoRobert {
	position: absolute;
	height: 138px;
	width: 125px;
	left: 16px;
	top: 60px;
	border: 1px solid #666666;
	overflow: hidden;
}
#fotoPortAFG {
	background-image: url(imatges/portAFG.jpg);
	position: absolute;
	visibility: hidden;
	height: 250px;
	width: 254px;
	left: 60px;
	top: 305px;
	overflow: hidden;
}
#fotoNena {
	background-image: url(imatges/nena_amb_nina.jpg);
	position: absolute;
	height: 250px;
	width: 196px;
	left: 20px;
	top: 310px;
	overflow: hidden;
}
#fotoNoia {
	background-image: url(imatges/noia_platja.jpg);
	position: absolute;
	visibility: hidden;
	height: 250px;
	width: 259px;
	left: 280px;
	top: 310px;
	overflow: hidden;
}
#fotoRobert2 {
	background-image: url(imatges/img0155.jpg);
	position: absolute;
	visibility: hidden;
	height: 250px;
	width: 250px;
	left: 190px;
	top: 310px;
}
#lateralPlaza {
	position:absolute;
	z-index:2; 
	top:40; 
	left:5; 
	height:480; 
	width:15; 
	background-image: url(imatges/lateral_plaza.jpg);
	overflow:hidden;
}
#lateralPlaza2 {
	position:absolute;
	z-index:6; 
	top:40 px; 
	left:510 px; 
	height:515; 
	width:45; 
	border-left: 2px solid #99CCCC;
	background-image: url(imatges/lateral_plaza2.jpg);
	overflow:hidden;
}
#textGaleria {
	position: absolute;
	left: 15px;
	top: 30px;
	z-index: 11;
	height: 100px;
	width: 500px;
	background-color: #FFFFFF;
	border-left: 2px solid #99CCCC;
	text-align: justify;
	padding-left: 15px;
	padding-right: 5px;
	overflow:hidden;
}
#fotosGaleria {
	position: absolute;
	left: 13px;
	top: 320px;
	height: 240px;
	width: 530px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;
	overflow: hidden;
	background-color: #000000;
	overflow:hidden;

}
#scrollProfes {
	position: absolute;
	height:32px;
	width: 46px;
	left: 521px;
	top: 221px;
	border: 0px;
}
#webCam {
	position: absolute;
	background-color: #000000;
	height:400px;
	width: 500px;
	left: 90px;
	top: 100px;
	border: 0px;
}
#textGracies {
	margin-top: 120px;
}