body { background-image: url(../imatges/pattern.gif); }

h1 { font-family: Arial, sans-serif; font-size: 48px; }
h5 { font-family: Arial, sans-serif; font-size: 14px; color: #000000; text-decoration: none; }
h6 { font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; }

.container { width: 960px; margin: 0 auto; }

#imatgefonsmagnoli{ position: relative; height: 760px; left: 0px; top: 0px; }
#imatgefonsmagnoli img { margin-right: 0px; margin-top: 0px; }

#capcalera { position: relative; height: 120px; left: 0px; top: 0px }

#subcapcaleralogo { position: relative; height: 90px; left: 20px; top: -745px }
#subcapcaleralogo img { margin-right: 0px; margin-top: 0px; }

#subcapcaleranom { position: relative; height: 90px; left: 100px; top: -835px }
#subcapcaleranom h1 { margin-right: 0px; margin-top: 0px; }

#subcapcaleraimatge1 { position: relative; height: 90px; left: 740px; top: -925px }
#subcapcaleraimatge1 img { margin-right: 0px; margin-top: 0px; }

#subcapcaleraimatge2 { position: relative; height: 90px; left: 820px; top: -1015px }
#subcapcaleraimatge2 img { margin-right: 0px; margin-top: 0px; }

.containernavegacio { position: relative; width: 920px; height: 60px; left: 20px; top: -755px;
                     border: 2px; border-color: #730217; background-color: #B7ADA4; }

.navegacio { position: relative; width: 600px; height: 40px;  left: 10px; top: 10px; background-color: #730217; }
#navegacio { position: relative; height: 10px;  left: 10px; top: 10px; }
#navegacio a { font-family: Arial, sans-serif; font-size: 120%; font-weight: bold; color: #FFFFFF; text-decoration: none; }

.cerca { position: relative; width: 280px; height: 40px;  left: 630px; top: -30px; background-color: #730217; }
#cerca { position: relative; height: 10px;  left: 10px; top: 10px; }
#cerca p { font-family: Arial, sans-serif; font-size: 120%; font-weight: bold; color: #FFFFFF; text-decoration: none; }

.lateral_esq_1 { position: relative; width: 172px; height: 290px; left: 20px; top: -735px;
                border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
				border-color: #730217; background-color: #B7ADA4; }

.centre { position: relative; width: 152px; height: 30px;  left: 10px; top: 10px; background-color: #730217; }
#centre { position: relative; height: 10px;  left: 10px; top: 6px; }
#centre a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.nou_institut { position: relative; width: 152px; height: 30px;  left: 10px; top: 20px; background-color: #730217; }
#nou_institut { position: relative; height: 10px;  left: 10px; top: 6px; }
#nou_institut a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.secretaria { position: relative; width: 152px; height: 30px;  left: 10px; top: 30px; background-color: #730217; }
#secretaria { position: relative; height: 10px;  left: 10px; top: 6px; }
#secretaria a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.informacio_curs { position: relative; width: 152px; height: 30px;  left: 10px; top: 40px; background-color: #730217; }
#informacio_curs { position: relative; height: 10px;  left: 10px; top: 6px; }
#informacio_curs a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.departaments { position: relative; width: 152px; height: 30px;  left: 10px; top: 50px; background-color: #730217; }
#departaments { position: relative; height: 10px;  left: 10px; top: 6px; }
#departaments a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.coordinacions { position: relative; width: 152px; height: 30px;  left: 10px; top: 60px; background-color: #730217; }
#coordinacions { position: relative; height: 10px;  left: 10px; top: 6px; }
#coordinacions a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.activitats { position: relative; width: 152px; height: 30px;  left: 10px; top: 70px; background-color: #730217; }
#activitats { position: relative; height: 10px;  left: 10px; top: 6px; }
#activitats a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.lateral_esq_2 { position: relative; width: 172px; height: 130px; left: 20px; top: -715px;
                border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
			    border-color: #730217; background-color: #B7ADA4; }
				
.img_intranet { position: relative; width: 30px; height: 30px; left: 10px; top: 10px; background-color: #730217; }
#img_intranet { position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.intranet { position: relative; width: 112px; height: 30px;  left: 50px; top: -20px; background-color: #730217; }
#intranet { position: relative; height: 10px;  left: 10px; top: 6px; }
#intranet a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.img_biblioteca { position: relative; width: 30px; height: 30px; left: 10px; top: -10px; background-color: #730217; }
#img_biblioteca{ position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.biblioteca { position: relative; width: 112px; height: 30px;  left: 50px; top: -40px; background-color: #730217; }
#biblioteca { position: relative; height: 10px;  left: 10px; top: 6px; }
#biblioteca a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.img_salut_i_escola { position: relative; width: 30px; height: 30px; left: 10px; top: -30px; background-color: #730217; }
#img_salut_i_escola { position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.salut_i_escola { position: relative; width: 112px; height: 30px;  left: 50px; top: -60px; background-color: #730217; }
#salut_i_escola { position: relative; height: 10px;  left: 10px; top: 6px; }
#salut_i_escola a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.lateral_esq_3 { position: relative; width: 172px; height: 90px; left: 20px; top: -695px;
                border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
				border-color: #730217; background-color: #B7ADA4; }

.bloc_itaca { position: relative; width: 152px; height: 30px;  left: 10px; top: 10px; background-color: #730217; }
#bloc_itaca { position: relative; height: 10px;  left: 10px; top: 6px; }
#bloc_itaca a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.correu { position: relative; width: 152px; height: 30px;  left: 10px; top: 20px; background-color: #730217; }
#correu { position: relative; height: 10px;  left: 10px; top: 6px; }
#correu a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.lateral_dre_1 { position: relative; width: 172px; height: 50px; left: 768px; top: -1245px;
                border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
				border-color: #730217; background-color: #B7ADA4; }

.contacta { position: relative; width: 152px; height: 30px;  left: 10px; top: 10px;  background-color: #730217; }
#contacta { position: relative; height: 10px;  left: 10px; top: 6px; }
#contacta a { font-family: Arial, sans-serif; font-size: 90%; font-weight: normal; color: #FFFFFF; text-decoration: none; }


.lateral_dre_2 { position: relative; width: 172px; height: 170px; left: 768px; top: -1225px;
                border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
				border-color: #730217; background-color: #B7ADA4; }

.calendari { position: relative; width: 168px; height: 165px; }

.lateral_dre_3 { position: relative; width: 172px; height: 290px; left: 768px; top: -1205px;
                border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
				border-color: #730217; background-color: #B7ADA4; }

.logo_ampa { position: relative; width: 30px; height: 30px; left: 10px; top: 10px; background-color: #730217; }
#logo_ampa { position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.ampa { position: relative; width: 112px; height: 30px;  left: 50px; top: -20px; background-color: #730217; }
#ampa { position: relative; height: 10px;  left: 10px; top: 6px; }
#ampa a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.logo_campus_itaca{ position: relative; width: 30px; height: 30px; left: 10px; top: -10px; background-color: #730217; }
#logo_campus_itaca{ position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.campus_itaca { position: relative; width: 112px; height: 30px;  left: 50px; top: -40px; background-color: #730217; }
#campus_itaca { position: relative; height: 10px;  left: 10px; top: 6px; }
#campus_itaca a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.logo_epergam { position: relative; width: 30px; height: 30px; left: 10px; top: -30px; background-color: #730217; }
#logo_epergam{ position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.epergam { position: relative; width: 112px; height: 30px;  left: 50px; top: -60px; background-color: #730217; }
#epergam { position: relative; height: 10px;  left: 10px; top: 6px; }
#epergam a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.logo_xtec { position: relative; width: 30px; height: 30px; left: 10px; top: -50px; background-color: #730217; }
#logo_xtec { position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.xtec { position: relative; width: 112px; height: 30px;  left: 50px; top: -80px; background-color: #730217; }
#xtec { position: relative; height: 10px;  left: 10px; top: 6px; }
#xtec a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.logo_edu365{ position: relative; width: 30px; height: 30px; left: 10px; top: -70px; background-color: #730217; }
#logo_edu365{ position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.edu365 { position: relative; width: 112px; height: 30px;  left: 50px; top: -100px; background-color: #730217; }
#edu365 { position: relative; height: 10px;  left: 10px; top: 6px; }
#edu365 a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.logo_centre_recursos { position: relative; width: 30px; height: 30px; left: 10px; top: -90px; background-color: #730217; }
#logo_centre_recursos{ position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.centre_recursos { position: relative; width: 112px; height: 30px;  left: 50px; top: -120px; background-color: #730217; }
#centre_recursos { position: relative; height: 10px;  left: 10px; top: 6px; }
#centre_recursos a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.logo_gencat { position: relative; width: 30px; height: 30px; left: 10px; top: -110px; background-color: #730217; }
#logo_gencat { position: relative; width: 28px; height: 28px; left: 1px; top: 1px; }

.gencat { position: relative; width: 112px; height: 30px;  left: 50px; top: -140px; background-color: #730217; }
#gencat { position: relative; height: 10px;  left: 10px; top: 6px; }
#gencat a { font-family: Arial, sans-serif; font-size: 90%; color: #FFFFFF; text-decoration: none; }

.peu { position: relative; width: 920px; height: 50px; left: 20px; top: -1185px;
      border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
	  border-color: #730217; background-color: #B7ADA4; }

.about { position: relative; width: 900px; height: 30px;  left: 10px; top: 10px; background-color: #730217; }
#about { position: relative; height: 10px;  left: 10px; top: 6px; }
#about p { font-family: Arial, sans-serif; font-size: 100%; color: #FFFFFF; }

.novetats_secretaria { position: relative; width: 536px; height: 290px; left: 212px; top: -1805px;
                      border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
					  border-color: #730217; background-color: #B7ADA4; }

.cap_novetats_secretaria { position: relative; width: 516px; height: 40px;  left: 10px; top: 10px; background-color: #730217; }
#cap_novetats_secretaria { position: relative; height: 10px;  left: 10px; top: 10px; }
#cap_novetats_secretaria a { font-family: Arial, sans-serif; font-size: 120%; font-weight: normal; color: #FFFFFF; text-decoration: none; }

.cos_novetats_secretaria { position: relative; width: 516px; height: 220px;  left: 10px; top: 20px; background-color: #FFFFFF }
#cos_novetats_secretaria { position: relative; height: 10px;  left: 10px; top: 10px; }
#cos_novetats_secretaria iframe{ position: relative; width: 100%; height: 100%; }

.novetats_centre { position: relative; width: 536px; height: 240px; left: 212px; top: -1785px;
                  border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
				  border-color: #730217; background-color: #B7ADA4; }

.cap_novetats_centre { position: relative; width: 516px; height: 40px;  left: 10px; top: 10px; background-color: #730217; }
#cap_novetats_centre { position: relative; height: 10px;  left: 10px; top: 10px; }
#cap_novetats_centre a { font-family: Arial, sans-serif; font-size: 120%; font-weight: normal; color: #FFFFFF; text-decoration: none; }

.cos_novetats_centre { position: relative; width: 516px; height: 170px;  left: 10px; top: 20px; background-color: #FFFFFF }
#cos_novetats_centre { position: relative; height: 10px;  left: 10px; top: 10px; }


.cen_article_1 { position: relative; width: 496px; height: 69px;  left: 10px; top: 10px; background-color: #FFFFFF }