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

h1 { font-family: Arial, sans-serif; font-size: 48px; color: #000000; }
h3 { font-family: Arial, sans-serif; font-size: 18px; color: #730217; }
h4 { font-family: Arial, sans-serif; font-size: 16px; color: #730217; }
h5 { font-family: Arial, sans-serif; font-size: 14px; color: #730217; }
h6 { font-family: Arial, sans-serif; font-size: 12px; color: #730217; }

.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 p { font-family: Arial, sans-serif; font-size: 120%; font-weight: bold; color: #FFFFFF; }
#navegacio a { 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; }

.peu { position: relative; width: 920px; height: 50px; left: 20px; top: -675px;
      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; }

.pag_departaments { position: relative; width: 728px; height: 550px; left: 212px; top: -1295px;
                  border-top: 10px; border-right: 10px; border-bottom: 10px; border-left: 10px;
				  border-color: #730217; background-color: #B7ADA4; }

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

.cos_pag_departaments { position: relative; width: 708px; height: 490px;  left: 10px; top: 20px; background-color: #FFFFFF }
#cos_pag_departaments { position: relative; width: 678px; height: 490px;  left: 20px; top: 10px; }
#cos_pag_departaments a { font-family: Arial, sans-serif; font-size: 100%; font-weight: bold; line-height:20px; color: #730217; text-decoration: none; }
#cos_pag_departaments tr { position: relative; width: 334px; height: 90px;  left: 0px; top: 50px; }
#cos_pag_departaments td { position: relative; width: 334px; height: 70px;  left: 0px; top: 10px; background-color: #FFFFFF }