/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}


body, p {
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana;
	color: #333333;	
	
}

.spazio {
	clear: both;	
	
}

.uno {height: 1px;}
.cinque {height: 5px;}
.dieci {height: 10px;}
.quindici {height: 15px;}
.venti {height: 20px;}
.trenta {height: 30px;}


/* layout */
body {	
	background:url(../images/background/sfondo.gif) top repeat;
}

/* Header */

#header {
	position: relative;
	z-index: 90;
	height: 194px;
}

.centrato {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background-color:#ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;	
}

#logo {
	position: relative;
	width: 270px;
	height: 44px;
	top: 31px;
	left: 33px;
}
	
#pass {
	position: absolute;				
	top: 57px;
	right: 15px;
	font-size: 15px;	
	color:#999999;
}

#pass a {
	text-decoration:none;	
	color:#999999;
}

#pass a:hover {	
	color:#e3001b;
}
	
#barra_grigia {
	position: relative;				
	width: 100%;
	top: 46px;
	background-color:#d1d2d4;
	height: 15px;		
}
	
#barra_grigia p {
	margin-right: 335px;				
	text-align:right;
	line-height: 13px;
	font-size: 10px;	
}

#barra_grigia a, #barra_grigia a:hover { color:#666666; text-decoration:none; }

#barra_colorata {
	position: relative;				
	width: 100%;
	top: 46px;		
	height: 89px;		
}
	
#barra_colorata { background:url(../images/background/barra_rossa2.gif) repeat-y; }
#equiparata #barra_colorata { background:url(../images/background/barra_pink.gif) repeat-y; }
#comprensivo #barra_colorata, #primaria #barra_colorata, #primogrado #barra_colorata { background:url(../images/background/barra_verde.gif) repeat-y; }
#superiore #barra_colorata, #isteconomico #barra_colorata, #liceoscienze #barra_colorata, #istgrafico #barra_colorata { background:url(../images/background/barra_blu.gif) repeat-y; }

#barra_colorata p {
	margin-left: 655px;		
	font-size: 10px;			
	line-height: 10px;
	padding-top: 64px;
}

#barra_colorata a {
	text-decoration:none;	
	color:#fff;		
}	

/* Fine Header */

/* Content */

#corpo_pagina {
	position: relative;
	overflow: hidden;	
	background:#ffffff url(../images/background/sfondo_corpo_pagina2.gif) repeat-y right top;
}

#colonna_sx {	
	width:640px; 
	float:left; 	
}

#colonna_sx .contenuto { padding: 10px 10px 10px 10px; }
#home #colonna_sx .contenuto { padding: 20px 10px 15px 10px; }

#colonna_dx {	
	width:290px; 
	float:right; 	
	padding: 10px 15px 30px 15px;	
}

#colonna_dx a {	
	
	
}

.menu_titolo {
	width: 100%;
	height:15px;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	color:#FFFFFF;		
}
.menu_titolo span {padding-left: 10px;}

.menu_titolo span a, .menu_titolo span a:hover  {	
	text-decoration:none;	
	color:#ffffff;	
}

.link {	display:block; }

a.menu_titolo, a:hover.menu_titolo { text-decoration:none; color:#ffffff; }

#colonna_dx .menu_testo {
	width: 270px;
	padding: 10px;	
	font-size: 11px;	
	line-height: 16px;	
}

#colonna_sx .menu_testo {
	width: 600px;
	padding: 10px;	
	font-size: 11px;	
	line-height: 16px;				
}

.menu_testo a {	
	text-decoration:none;	
	color:#333333;
	display: block;	
}

.contenuto_titolo {	font-size: 11px; font-weight: bold; margin:30px 0 5px 0;	}

.contenuto ul { margin: 0; list-style-type: none; }
.contenuto li { background: url('../images/background/pallino_rosso.gif') no-repeat left .5em; padding-left: 14px; }
.contenuto ul.pallino_blu li { background: url('../images/background/pallino_blu.gif') no-repeat left .5em; }
.contenuto ul.pallino_verde li { background: url('../images/background/pallino_verde.gif') no-repeat left .5em; }
.contenuto ul.pallino_pink li { background: url('../images/background/pallino_pink.gif') no-repeat left .5em; }

#equiparata .contenuto li { background: url('../images/background/pallino_pink.gif') no-repeat left .5em; }
#comprensivo .contenuto li, #primaria .contenuto li, #primogrado .contenuto li { background: url('../images/background/pallino_verde.gif') no-repeat left .5em; }
#superiore .contenuto li, #isteconomico .contenuto li, #liceoscienze .contenuto li, #istgrafico .contenuto li { background: url('../images/background/pallino_blu.gif') no-repeat left .5em; }


.blacktext { color:#333333; }
.normal { font-size: 10px; font-weight: lighter; }


.rosso {background-color: #e3001b;}
.linearossa {border-bottom: 1px solid #e3001b;}
.testorosso {color: #e3001b;}
.linearossa a:hover, a:hover, a.link_rosso:hover { color:#e3001b; }

.pink {background-color: #e1007a;}
.lineapink {border-bottom: 1px solid #e1007a;}
.testopink, .lineapink a:hover, a.link_pink:hover { color:#e1007a; }


.verde {background-color: #98c10f;}
.lineaverde {border-bottom: 1px solid #98c10f;}
.testoverde, .lineaverde a:hover, a.link_verde:hover { color:#98c10f; }

.blu {background-color: #005ea8;}
.lineablu {border-bottom: 1px solid #005ea8;}
.testoblu, .lineablu a:hover, a.link_blu:hover { color:#005ea8; }

#equiparata a#pink { color:#e1007a; }
#comprensivo a#istituto-comprensivo, #primaria a#scuola-primaria, #primogrado a#primo-grado { color:#98c10f; }
#isteconomico a#economico, #liceoscienze a#scienze, #istgrafico a#grafico, #superiore a#secondo-grado { color:#005ea8; }
#servizi a#service, #chi-siamo a#chi, #pof a#piani, #informazioni a#informazioni, #informazioni a#info, #news a#notizie, #link-utili a#link, #dove-siamo a#sedi, #riservata #pass a { color:#e3001b; }

a.link_utili { color:#e3001b; font-weight: bold; width:150px; float: left;}


.link_freccia {
	float:right;
	margin-right: -10px;
	margin-top: 3px;
	width: 12px;	
	height: 12px;			
	cursor: pointer;		
}

.link_freccia2 {
	float:left;
	margin-right: 10px;
	margin-top: 3px;
	width: 12px;	
	height: 12px;			
	cursor: pointer;		
}


.frecciaverde {	background-image: url(../images/background/freccia_verde.gif);}
.frecciarossa {	background-image: url(../images/background/freccia_rossa.gif); }
.frecciapink {	background-image: url(../images/background/freccia_pink.gif); }
.frecciablu {	background-image: url(../images/background/freccia_blu.gif); }
span.frecciarossa {	background-image: url(../images/background/freccia_rossa_span.gif); }
span.frecciaverde {	background-image: url(../images/background/freccia_verde_span.gif); }
span.frecciablu {	background-image: url(../images/background/freccia_blu_span.gif); }

.link_dx { background-repeat: no-repeat; background-position: right bottom; margin-right: -10px;}
.link_dx a { display:block; padding-right: 10px; }
.link_sx { background-repeat: no-repeat; background-position: left bottom;}
.link_sx a, span.link_sx { padding-left: 22px; }



.nome_link { float: left; }

.news {
	margin-top: 10px;			
	border-right: 5px solid #e3001b;	
}

.news a, .docenti a {	
	text-decoration: underline;	
}

.news a:focus { outline: 0; }

.testa_news {	
	width: 615px;						
	min-height:100px;			
}

.news img { float:left; 
			margin-right:10px; }
			
.foto_news { float:left; margin-right:10px; width: 200px; height: 100px; background-color: #f4f5f5;}

.data_news { font-size: 9px; line-height: 19px; }
.titolo_news { font-size: 12px;	line-height: 19px; font-weight: bold; }

.fotogallery { float:left; margin-top: 25px; margin-right: 29px;}

.fotogalleryend { float:left; margin-top: 25px; margin-right: 0;}

.docenti { margin-top: 2px; border-right: 5px solid #e3001b; width: 300px;	float:left;	padding-left:5px; }
.docenti a, .mail a { color:#e3001b; }

.materiale { width: 615px; padding-left:0px; }

.mail a { display:inline; }
.mail a:hover  { background-color: #fff; }

.fotodocente { width:100px; float:left;	margin-right:10px; }


.modifica {  float:right; font-size: 10px; color:#333333; margin-right: 15px; font-weight: normal;}
.modifica a {  cursor: pointer;	text-decoration: none; color:#333333;}
.modifica a:hover { color:#e3001b;  background-color:#ffffff;}

#espandi { float:right; margin-top:88px; background: url(../images/background/freccia_news.gif) no-repeat right bottom; overflow: hidden; width:27px; height:12px; }
#comprimi { float:right; margin-right:-15px; background: url(../images/background/freccia_news_close.gif) no-repeat right bottom; overflow: hidden; width:27px; height:12px; }

/* Fine Content */

/* Footer */

#footer {
	position: relative;
	z-index: 90;
	height: 30px;
	background-color:#e3001b;	
	font-size: 9px;	
	line-height: 30px;		
	color:#FFFFFF;	
}

#equiparata #footer { background-color:#e1007a;	}
#comprensivo #footer, #primaria #footer, #primogrado #footer { background-color:#98c10f;	}
#superiore #footer, #isteconomico #footer, #liceoscienze #footer, #istgrafico #footer { background-color:#005ea8;	}

#contatti {
	float:left;
	padding-left: 15px;	
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#crediti {
	float:left;
	margin-left: 43px;	
}

/* Fine Footer */