body { margin: 20px 0; font-family: verdana; font-size: 11px; color: #650; background: url(../images/bg_body.gif) }

img { border: 0 }
form { margin: 0 }
a { color: #650; }
	a:hover { color: #c00; }
p { margin-top: 0 }
h1 { margin: 0 0 12px 0; text-align: left; font-size: 16px; color: #c49e2b }
h2 { margin: 0 0 12px 0; text-align: left; font-size: 13px; color: #c49e2b }
h3 { margin: 0; padding: 20px; color: #666; text-align: center; background: #eea}
h5 { margin: 10px; padding: 20px; color: #d00; text-align: center;  text-transform: uppercase; background: #fff9d7; border: 1px solid #e2c822}
.thumb { border: 2px solid #ddd; }

.errore { display: block; color: #d00; font-weight: bold; text-transform: uppercase; font-size: 11px }


#header { position: relative; width: 960px; height: 65px; margin: 0 auto; }

	#logo { float: left; margin-left: 10px; }
	
	#enea { position: absolute; right: 5px; top: -13px }

	#search { float: left; width: 165px; margin: 40px 0 0 35px; }

	#tabWrapper { width: 558px; float: right; margin-top: -26px }
		#tabWrapper a { display: block; float: left; width: 121px; height: 23px; margin-left: 5px; padding-top: 5px; font-size: 14px; color: #fff; font-weight: bold; font-family: tahoma; background: url(../images/tab_off.gif) no-repeat; text-decoration: none; text-align: center; }
			#tabWrapper a:hover { text-decoration: underline }
			#tabWrapper a.selected { color: #650; background: url(../images/tab_on.gif) no-repeat; }
		#tabWrapper a#tabHome { width: 38px; height: 23px; background: url(../images/tab_home_off.gif) no-repeat }
			#tabWrapper a#tabHome.selected { background: url(../images/tab_home_on.gif) no-repeat }


#centralWrapper { width: 960px; margin: 0 auto; }

	#colSx { float: left; width: 157px; padding: 20px 10px 40px 10px; background: url(../images/bg_colsx.jpg) no-repeat bottom center #664C02; border: 1px solid #b5a64f }
		#colSx a { display: block; margin-bottom: 8px; font-size: 12px; font-family: tahoma; color: #fffe9f; font-weight: bold; text-decoration: none }
			#colSx a:hover { color: #fff }
			#colSx a.selected { color: #fff; }
		#colSx a.figlio { margin-left: 15px; }

	#contentWrapper { float: right; width: 722px; padding: 25px; background: #fffec3; border: 1px solid #fffec3 }
		.content { padding: 15px 18px 6px 18px; background: #fff; color: #6f5403; border: 1px solid #cccb82 }
			#autovalutazione {}
				#autovalutazione .descrizione, #autovalutazione .risultato { padding: 10px; color: #fff; }
					.descrizione.tema1, .risultato.tema1 { background: #952 } .domandaWrapper.tema1 { color: #952 }
					.descrizione.tema2, .risultato.tema2 { background: #59d } .domandaWrapper.tema2 { color: #59d }
					.descrizione.tema3, .risultato.tema3 { background: #3a3 } .domandaWrapper.tema3 { color: #3a3 }
					.descrizione.tema4, .risultato.tema4 { background: #933 } .domandaWrapper.tema4 { color: #933 }
				.domandaWrapper { margin: 15px 0; padding: 10px; background: #fff }
					.domanda { margin-bottom: 5px; font-weight: bold; }
				img.smile { float: left; margin: -7px 10px 0 0 }
		.news { background: url(../images/news_ico.gif) no-repeat left top; padding-left: 55px }
		.imgForm { margin: 5px 5px 20px 5px; border: 2px solid #ddd;}	
			#concorso { }
			table#form { margin-top: 2px; }
				table#form td { padding: 8px 5px; color: #952;}
					#form .label { text-align: right}
					#form .ttl { font-size: 13px; font-weight: bold; }

	#menuContext { float: right; width: 170px; margin: 0 0 7px 0px; padding: 10px; color: #bbb; background: #fffec3; }
		#menuContext a { display: block; margin-bottom: 5px; font-size: 11px; font-family: tahoma; font-weight: bold; text-decoration: none }
			#menuContext a:hover { color: #c00; }
			#menuContext a.selected { color: #c00; }
		#menuContext a.level3 { padding-left: 10px; }
		#menuContext a.level4 { padding-left: 20px }

	div.galleryFolder { height: 105px; width: 304px; margin-bottom: 15px; padding: 15px; background: #eee; cursor: pointer }
		.galleryFolder img { border: 2px solid #ddd }

	div.docente { height: 55px; width: 304px; margin-bottom: 10px; padding: 10px 15px; background: #eee; cursor: pointer }

	div.diapositiva { width: 450px; margin-bottom: 15px; padding: 15px; background: #eee; cursor: pointer }

	div.video { width: 450px; margin-bottom: 15px; padding: 15px; background: #eee; cursor: pointer }

#footer { width: 960px; margin: 10px auto; }