BODY {
	SCROLLBAR-FACE-COLOR: #fffaaa;
	FONT-SIZE: 10px;
	SCROLLBAR-HIGHLIGHT-COLOR: #FBf9d9;
	SCROLLBAR-SHADOW-COLOR: #F3EF9D;
	SCROLLBAR-3DLIGHT-COLOR: #F7F5DC;
	LINE-HEIGHT: 16px;
	SCROLLBAR-ARROW-COLOR: #677157;
	SCROLLBAR-TRACK-COLOR: #E8E5B1;
	FONT-FAMILY: Trebuchet MS, Geneva, Arial;
	SCROLLBAR-DARKSHADOW-COLOR: #E2CC90;
	TEXT-DECORATION: none
}


a 	{ 
	color: #4B563D; 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none
		}
		
.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}		
		

.boxparola {
	width:450px;
	height:120px;
	background-image:url(images/bg-home.jpg);
	margin:15px 0px 15px 0px;
	padding:5px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	color:#FFF;
}

.didattica_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D36319;
}

.headerparola {
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}	

.link_small {
	font-family: Verdana, Arial, Helvetica, Geneva, san-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	cursor: hand;
}

.link_percorso_virtuale { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #333333; 
	text-decoration: underline;
	}


.marrone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5A2224;
}


.rete {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A52617;
}

.sostenitore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 1pt;
	white-space: normal;

}

.style1 {
	font-size: 11px; line-height:13px;
	}


.testo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
		}

.testo_azzurro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1e96b8;
	font-style: normal;	
}

.testo_bianco {
	color: #FFFFFF;
}

.testo_blu {
	color: #1F3994;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.testo_bordeaux {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EE6D00;
}

.testo_danze-macabre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:
	#FFF;
	
}
		
.testo_mini {  	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	color: #666666; 
	line-height: 15px;
		}
		
.testo_nero {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	}	

.testo .oliva {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7e7a32;
}

.testo_rosa {
	color: #E4548C;
}

.testo_rosso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
}

.testo_senape {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #deca26;
}

.testo_viola {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #887bb8;
}

.testo_white{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
		}
		
.text_small { 
	font-family: Verdana, Arial, Helvetica, Geneva, san-serif;
	font-size: 9px; 
	font-style: normal; 
	line-height: 9px; 
	font-weight: normal; 
	font-variant: normal; 
	color: #666666
	}


.text_small_dida_didattica {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	line-height: 10px;
}

.titoli_white{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#fff;
	font-weight:bold;	
	
}
		
.titolo {  	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; font-style: normal; 
	font-weight: bold; color: #555555;
		}	
		
.titolochiaro {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; font-style: normal; 
	font-weight: bold; color: #fffcc4;
		}
				
		
.tirolo_mini { 	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; font-style: normal; 
	font-weight: bold; color: #555555;
		}
		
.titolo_mini_inclinato {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: italic; 
	color: #333333;
		}
		
.verde_didattica {
	color: #23812E;
}


<!-- accordion -->
* {
	margin:0;
	padding:0;
	list-style:none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
 
#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:415px;
	position:absolute;
	margin-left:-145px;
	z-index:2;
	margin-top:-190px;
	left: 19%;
	top: 35%;
}

.accordion_child{
	padding:10px;
	background:#EEE;
}
 
.accordion_headings{
	padding:5px;
	background:#8c8c8c;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

 .accordion_headings_artista{
	padding:5px;
	background:#ee6d00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_creato{
	padding:5px;
	background:#F47920;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_creato2{
	padding:5px;
	background:#3f6000;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

 .accordion_headings_elementi{
	padding:5px;
	background:#004878;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

 .accordion_headings_impara{
	padding:5px;
	background:#2E6A38;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_infanzia{
	padding:5px;
	background:#ED1C24;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_inquadriamoci{
	padding:5px;
	background:#BA6831;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_luce{
	padding:5px;
	background:#2E3092;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

 .accordion_headings_luce2{
	padding:5px;
	background:#91232F;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_pagine{
	padding:5px;
	background:#AA8A4C;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_primaria{
	padding:5px;
	background:#00aeef;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_proposte{
	padding:5px;
	background:#8c8c8c;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_secondaria1{
	padding:5px;
	background:#45b75c;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_secondaria2{
	padding:5px;
	background:#466E7E;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings_segno{
	padding:5px;
	background:#5C787F;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}
 
 .accordion_headings_storie{
	padding:5px;
	background:#0068a6;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
} 
 
 .accordion_headings_tesoro{
	padding:5px;
	background:#7A2D74;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

 
.accordion_headings:hover{
	background:#FFBF2A;
}

.accordion_headings_artista:hover{
	background:#FFBF2A;
}

.accordion_headings_creato:hover{
	background:#FFBF2A;
}

.accordion_headings_impara:hover{
	background:#FFBF2A;
}

.accordion_headings_infanzia:hover{
	background:#FFBF2A;
}

.accordion_headings_inquadriamoci:hover{
	background:#FFBF2A;
}

.accordion_headings_luce:hover{
	background:#FFBF2A;
}

.accordion_headings_luce2:hover{
	background:#FFBF2A;
}

.accordion_headings_pagine:hover{
	background:#FFBF2A;
}

.accordion_headings_primaria:hover{
	background:#FFBF2A;
}

.accordion_headings_secondaria1:hover{
	background:#FFBF2A;
}

.accordion_headings_secondaria2:hover{
	background:#FFBF2A;
}


.accordion_headings_segno:hover{
	background:#FFBF2A;
}

.accordion_headings_storie:hover{
	background:#FFBF2A;
}

.accordion_headings_tesoro:hover{
	background:#FFBF2A;
}



.ClearBoth{
clear:both;
display:block;
height:0px;
overflow:hidden;
margin:0;
padding:0;
} 

.header_highlight{
	background:#FFBF2A;
}

.header_highlight_creato{
	background:#F47920;
}

.header_highlight_impara{
	background:#2E6A38;
}

.header_highlight_infanzia{
	background:#ED1C24;
}

.header_highlight_luce{
	background:#2e3092;
}

.header_highlight_primaria{
	background:#00aeef;
}

.header_highlight_secondaria1{
	background:#45b75c;
}

.header_highlight_secondaria2{
	background:#466E7E;
}

.header_highlight_storie{
	background:#0068a6;
}

.header_highlight_tesoro{
	background:#7a2d74;
}

 
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}


.box{
width:180px;
height:300px;
background:#231F20;
padding-top:5px;
text-decoration:none;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
<!-- fine accordion -->

<!-- pannelli slide -->
	#jFlowSlide{background:#A70E13;overflow:auto;font-family: Georgia;}  
#myController {font-family:Verdana; font-size:11px;font-weight:bold; padding:2px 0; padding-top:5px; width:445px; height:25px; background:#58514C; background:transparent url(images/background-panelmenu.gif) repeat-x top left; text-transform:uppercase; margin-top:0px;} 
#myController span.jFlowSelected {background:#3b3836;}  
  
.slide-wrapper {padding:5px;}  
.slide-thumbnail {width:445px;}  
.slide-details {width:435px;}  
.slide-details h2 {font-size:1.5em; font-style: italic; font-weight:normal; line-height:1; margin:0;}  
.slide-details .description {margin-top:10px;}  
  
.jFlowControl, .jFlowPrev, .jFlowNext {color:#FFF; font-weight:bold; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}  
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {background:#556443;} 
<!-- fine pannelli slide -->


/* Table */

#tabella1 tr.alterna td{background-color: #F0F0F0} 
#tabella1{border: 1px solid #ccc;border-collapse: collapse}
#tabella1 thead th,#tabella1 tfoot td{background-color: #4F4F4F; color:#FFF;}
#tabella1 caption{color: #000080;font-weight: bold}
#tabella1 td,#tabella1 th{padding: 2px 5px} 


<!-- carousel -->

#carousel {
	width:255px;
	height:250px;	
	margin:0 auto;
	}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:250px;
	height:250px;
	border:1px solid #ccc;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:750px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:250px;
	height:250px;	
	float:left;
}

#slides li img {
	padding:4px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	float:right;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(images/arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	background:url(images/arrow.gif) 0 0 no-repeat;
}

a#next {
	background:url(images/arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {
	background:url(images/arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}

<!-- fine carousel -->	


<!-- shadow -->
.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #999; /*shadow color*/
	color: inherit;
}

.content{
	background-color: #e2e2e2; /*background color of content*/
	color: #999; /*text color of content*/
	border: 1px solid #999; /*border color*/
	padding: .1em 1ex;}
<!-- fine shadow -->


