#meta, .centro, .intero, #avvisi, #striscia	{ background-color: rgb(255,255,180) }

#bric, .menu, .menu2, #fondo			{ background-color: rgb(237,200,120) }

#logo, #immagine, .intmenu 		{ background-color: #FFFFFF }

.boxriquadro, #bacheca, #orario { background-color: rgb(241,215,158) }


body     { background-color: rgb(255,255,255); font-size: 76%; font-family: Verdana; vertical-align: top; text-align: center; height: auto; padding: 0; margin: 0 }


.box	{ position: relative; vertical-align: top; float: left; width: 100% }

#testata     { float: left; background-color: rgb(237,200,120); text-align: left; vertical-align: top; width: 98%; height: 10%; padding: 1% }

#logo        { position: relative; vertical-align: top; float: left; text-align: center; width: 10%; border-style: solid; border-width: 0.1em; border-color: #FF0000 }
 
#intestazione	{ position: relative; float: left; vertical-align: top; width: 79.8%; height: 100% }

#mpi	{ position: relative; float: left; vertical-align: top; width: 100%; font-family: Arial; font-size: 1em; text-align: center; color: #FFFFFF; font-weight: bold }

#usp	{ position: relative; float: left; vertical-align: top; width: 100%; font-size: 1.5em; color: #FF0000; text-align: center; font-family: Verdana; font-weight: bold }

#immagine   { position: relative; float: left; text-align: center; width: 10%; border-style: solid; border-width: 0.1em; border-color: #FF0000; clear: right }

#meta     { position: relative; font-family: Verdana; font-size: 0.9em; font-weight: bold; width: 100%; float: left; text-align: left; padding-top: 0.1em; padding-bottom: 0.1em }

#meta a:link 	{ color: #000000; text-decoration: none }
#meta a:visited 	{ color: #000000; text-decoration: none }
#meta a:hover, #meta a:focus, #meta a:active 	{ color: #FF0000; text-decoration: none }

#bric     { position: relative; font-family: Verdana; font-size: 0.8em; color: #FFFFFF; font-weight: bold; width: 80%; padding-left: 20%; padding-top: 0.1em; padding-bottom: 0.1em; text-align: left }

#bric a:link 	{ color: #FFFFFF; text-decoration: none }
#bric a:visited { color: #FFFFFF; text-decoration: none }
#bric a:hover, #bric a:focus, #bric a:active 	{ color: #FFFF00; text-decoration: none }

.menu        	{ position: relative; float: left; vertical-align: top; text-align: left; font-family: Verdana; color: rgb(0,0,0); font-size: 0.8em; width: 20%; line-height: 150%; padding-bottom: 1em; margin-top: 1em; margin-bottom: 1em; margin-left: 0.5% }
.menu a:link 	{
	color: rgb(0,0,0);
	text-decoration: none;
	}
.menu a:visited 	{ color: rgb(0,0,0); text-decoration: none; }
.menu a:hover, .menu a:focus, .menu a:active  	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

ul.b	{  list-style-type: square; color: #FF0000 }
	
.menu2       	{ position: relative; float: right; vertical-align: top; text-align: left; font-family: Verdana; color: #000000; font-size: 0.8em; width: 20%; line-height: 150%; padding-bottom: 1em; margin-top: 1em; margin-bottom: 1em; margin-right: 0.5%; clear: right }

.menu2 a:link 	{ color: #000000; text-decoration: none }
.menu2 a:visited 	{ color: #000000; text-decoration: none }
.menu2 a:hover, .menu2 a:focus, .menu2 a:active   	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

.intmenu	{ color: #FF0000; font-weight: bold; text-align: center }

.menu3        		{ text-align: left; font-family: Verdana; color: #000000; font-size: 1.1em; line-height: 150% }
.menu3 a:link 		{ color: #000000; text-decoration: none }
.menu3 a:visited 	{ color: #000000; text-decoration: none }
.menu3 a:hover, .menu3 a:focus, .menu3 a:active   	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

.menu3b	{ text-align: left; font-family: Verdana; color: #006699; font-weight: bold; font-size: 1.1em; line-height: 150% }
.menu3b a:link 		{ color: #006699; font-weight: bold; text-decoration: none }
.menu3b a:visited 	{ color: #006699; font-weight: bold; text-decoration: none }
.menu3b a:hover, .menu3b a:focus, .menu3b a:active   	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

.menu3r	{ text-align: left; font-family: Verdana; color: #FF0000; font-weight: bold; font-size: 1.1em; line-height: 150% }
.menu3r a:link 		{ color: #FF0000; font-weight: bold; text-decoration: none }
.menu3r a:visited 	{ color: #FF0000; font-weight: bold; text-decoration: none }
.menu3r a:hover, .menu3b a:focus, .menu3b a:active   	{ color: #006699; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

	
ul.c	{ list-style-type: circle; color: #FF0000 }

ul.n	{ list-style-type: none }


.centrohome      { position: relative; text-align: center; font-size: 1em; font-family: Verdana; float: left; width: 38%; vertical-align: top; margin: 1em 1% 0em 1% }

#boxcentro	{ position: relative; vertical-align: top; float: left; text-align: center; width: 57.9% }

.centro      { position: relative; text-align: left; font-size: 0.8em; font-family: Verdana; vertical-align: top; width: 90%; margin: 1em auto; padding: 1em }

.intcentro	{ font-size: 2em; color: #FF9900; font-weight: bold; text-align: center; float: left; width: 98% }

.centrosx      	{ text-align: left; float: left; width: 50% }

.centrodx      	{ text-align: left; float: left; width: 50%; clear: right }

.int2	{ font-size: 1.5em; text-align: left }

.int3	{ font-size: 1.1em; text-align: center }

#struttura      { position: relative; text-align: left; float: left; vertical-align: top; font-size: 1em; width: 100% }

#bacheca    { position: relative; float: right; width: 36%; margin-top: 1em; margin-bottom: 1em; margin-right: 0.5%; clear: right }
               
#intbacheca 	{ font-size: 0.8em; width: 100%; float: left; text-align: left; margin-top: 0.5em; padding: 0.1em; clear: right }

#avvisi      { position: relative; text-align: left; font-size: 1em; font-family: Verdana; color: #000000; vertical-align: top; width: 99%; height: 26em; padding: 1em; margin-top: 0.5em; margin-right: 0.5em; overflow: auto; border-style: inset; clear: right }

#avvisi a:link 		{ color: #006699; font-weight: bold; text-decoration: none }
#avvisi a:visited 	{ color: #006699; font-weight: bold; text-decoration: none }
#avvisi a:hover, #avvisi a:focus, #avvisi a:active 	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }
               
#orario      { position: relative; text-align: center; font-size: 0.9em; float: left; width: 90%; padding: 0.5em; border-left-style: solid; border-left-color: #FF0000; border-left-width: 0.1em; overflow: auto }

.uffici      { position: relative;  font-size: 1em; float: left; width: 100% }

.cols	{ width: 5%; text-align: left; float: left }

.col1	{ width: 45%; text-align: left; float: left }

.col2	{ width: 20%; text-align: left; float: left }

.colt	{ width: 30%; text-align: left; float: left; clear: right }

.col3	{ width: 22%; text-align: left; float: left }

.col4	{ width: 31%; text-align: left; float: left }

.colt1	{ width: 22%; text-align: left; float: left; clear: right }

.col5	{ width: 31%; text-align: left; float: left; margin-right: 1em }

.colt5	{ width: 31%; text-align: left; float: left; clear: right }

.col30	{ width: 30%; text-align: left; float: left }


#nota	{ width: 75%; text-align: left; float: right; border-left-style: solid; border-left-color: #FF9900; border-left-width: 1.5em; padding-left: 3em; padding-right: 3em; clear: right }

#striscia	{ position: relative; float: left; width: 100% }

#fondo       { position: relative; float: left; text-align: center; font-family: Arial; font-size: 0.8em; width: 100% }

.centra		{ text-align: center }

.destra		{ text-align: right }

.sinistra	{ text-align: left }

.rosso		{ color: #FF0000; font-weight: bold }

.mese		{ color: #FF0000; font-weight: bold; text-align: center; font-size: 1.1em }

.data		{ color: #FF0000; font-weight: bold; border-bottom-style: solid; border-bottom-color: #006699; border-bottom-width: 0.1em }

#news      	{ position: relative; text-align: left; font-size: 1.1em; font-family: Verdana; color: #000000; vertical-align: top; float: left; width: 100%; height: 30em; overflow: auto }

#news a:link 	{ color: #006699; font-weight: bold; text-decoration: none }
#news a:visited { color: #006699; font-weight: bold; text-decoration: none }
#news a:hover, #news a:focus, #news a:active  	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

.intero      { position: relative; text-align: left; font-size: 0.8em; font-family: Verdana; vertical-align: top; float: left; width: 70%; margin: 1em; padding: 2em; clear: right }
.intero a:link 		{ color: #000000; text-decoration: none }
.intero a:visited 	{ color: #000000; text-decoration: none }
.intero a:hover, .intero a:focus, .intero a:active  	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

.tit1		{ color: #FF0000; font-weight: bold;font-size: 1.2em }
.tit1 a:link	{ color: #FF0000; font-weight: bold;text-decoration: none }
.tit1 a:visited	{ color: #FF0000; font-weight: bold;text-decoration: none }
.tit1 a:hover, .tit1 a:focus, .tit1 a:active	{ color: #FFFFFF; font-weight: bold;background-color: #FF0000; text-decoration: none }

.tit2		{ font-size: 1em }
.tit2 a:link	{ color: #006699; font-weight: bold; text-decoration: none }
.tit2 a:visited	{ color: #006699; font-weight: bold; text-decoration: none }
.tit2 a:hover, .tit2 a:focus, .tit2 a:active	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }

.tit3		{ font-size: 0.9em }
.tit3 a:link	{ color: #006699; font-weight: bold; text-decoration: none }
.tit3 a:visited	{ color: #006699; font-weight: bold; text-decoration: none }
.tit3 a:hover, .tit2 a:focus, .tit2 a:active	{ color: #FF0000; background-color: #FFFFFF; font-weight: bold; text-decoration: none }


.libro	{ width: 10%; float: left; text-align: right; padding: 1em 2em 0em 2em }

.boxlibro	{ width: 80%; float: left; clear: right }

.titolo		{ width: 100%; float: left; border-bottom-style: solid; border-bottom-color: #FF0000; border-bottom-width: 0.1em }

.copertina	{ border-style: solid; border-color: #FF0000; border-width: 0.1em; padding: 0.1em }

.valid		{ width: 10%; float: left; margin: 1em }

#marca		{ width: 50%; text-align: left; margin-left: 35% }

.boxriquadro	{ font-size: 0.8em; text-align: left; width: 100%; float: left; margin-bottom: 0.7em; padding: 0.1em }

.boxicona	{ width: 15%; float: left; text-align: center; padding: 0.1em 0.5em 0em 0.5em }

.icona		{ border-style: solid; border-color: #FF0000; border-width: 0.1em; padding: 0.1em }

.riquadro	{ width: 75%; float: left; clear: right }

.intriquadro	{ width: 100%; float: left; border-bottom-style: solid; border-bottom-color: #FF0000; border-bottom-width: 0.1em; margin-right: 1em }
.intcare1	{ font-size: 2em; color: #FF9900; font-weight: bold; vertical-align: bottom; }

.intcare2	{ font-size: 2em; color: #000000; vertical-align: bottom; }
.intcarea	{ font-size: 2em; color: #000000; text-align: left }
.intcareb	{
	font-size: 1em;
	color: #000000;
	text-align: right;
	vertical-align: bottom;
}

#titcare	{ width: 80%; float: left; border: none; padding: 2 }