@charset "utf-8";
/* CSS Document */

body {
	background-color: #003399;
	margin:0px;
	padding:0px;
	border:0;					/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;			/* Minimum width of layout - remove line if not required */
	font-family: SFCartoonistHandRegular;
	font-size: 18px;
	font-style: italic;
	color:#FFF;					/* The min-width property does not work in old versions of Internet Explorer */
	}

.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}
p {
	padding-top:0px;
	margin-top:0px;
}
img {
	border:0px;
}
a:link, a:visited {
	COLOR:inherit;
	text-decoration:inherit;
}
/* ---------------------- Inizio Header Style ---------------------- */
#header {
	background:url(ImagePages/Header/bg.png);
	width:100%;
	clear:both;
	float:left;
	margin: 0px auto 0px auto;
	border: 0px solid #f0f0f0;
	}
#SSI_Logo {
	margin-top:2px;
	width:98pz;
	height:98px;
	margin-bottom:0px;
	float:right;
	display:inline;
	}
#Logo_Scuola {
	margin-left:15px;
	margin-right:15px;
	margin-top:2px;
	width:800px;
	height:200px;
	margin-bottom:0px;
	float:left;
	display:inline;
    }
#LogoSSF {
	margin-top:2px;
	width:65px;
	height:98px;
	margin-bottom:0px;
	float:left;
	display:inline;
    }
/* ---------------------- Fine Header Style ---------------------- */	
	
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#003399;		/* right column background colour */
}
.threecol .colmid {
	right:20%;				/* width of the right column */
	background:#003399;		/* center column background colour */
}
.threecol .colleft {
	right:60%;				/* width of the middle column */
	background:#003399;		/* left column background colour */
}
.threecol .col1 {
	width:58%;				/* width of center column content (column width minus padding on either side) */
	left:101%;				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:18%;				/* Width of left column content (column width minus padding on either side) */
	left:23%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:18%;				/* Width of right column content (column width minus padding on either side) */
	left:85%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right 														padding) plus (right column left padding) */
}

/* ---------------------- Inizio Box Footer ---------------------- */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:0px solid #000;
	}
#footer p {
	text-align:center;
	padding:5px;
	margin:0;
}
/* ---------------------- Fine Box Footer ---------------------- */

/* ---------------------- Inizio Box Titoli ---------------------- */
#tearshape{
	width:90%;
	min-width:184px;
	margin-top:20px;
	margin-bottom:0px;
	padding:3px;
	height:20px;
	color: #CCFF00;
	text-align:center;
	font-weight: bold;
	text-decoration: none;
	background:url(ImagePages/Common/bgbox.jpg) repeat-x top left;
	box-shadow: 2px 2px 2px #000;/*Ombra al box CSS3*/
	-webkit-box-shadow: 1px 1px 2px #000;/* Ombra al box Safari, Chrome */
	-moz-box-shadow: 2px 2px 2px #000;/*Ombra al box Firefox*/
	-webkit-border-radius: .5em;/* Bordi arrotondati al box Safari, Chrome */
	-moz-border-radius: .5em;/* Bordi arrotondati al box Firefox */
	border-radius: .5em;/* Bordi arrotondati al box CSS3 */
	behavior: url(border-radius.htc);/*Bordi arrotondati al box - fix IE*/
	float:left;
	display:inline;
	}
/* ---------------------- Fine Box Titoli ---------------------- */

/* ---------------------- Inizio Box News Utilizzato per incorniciare le news scorrevoli ---------------------- */
.news {
	width:90%;
	margin-top:5px;
	min-width:184px;
	height:200px;
	margin-bottom:0px;
	padding:3px;
	background-color:#06C;
	box-shadow: 2px 2px 2px #000;/*Ombra al box CSS3*/
	-webkit-box-shadow: 1px 1px 2px #000;/* Ombra al box Safari, Chrome */
	-moz-box-shadow: 2px 2px 2px #000;/*Ombra al box Firefox*/
	-webkit-border-radius: .5em;/* Bordi arrotondati al box Safari, Chrome */
	-moz-border-radius: .5em;/* Bordi arrotondati al box Firefox */
	border-radius: .5em;/* Bordi arrotondati al box CSS3 */
	behavior: url(border-radius.htc);/*Bordi arrotondati al box - fix IE*/
	float:left;
	display:inline;
	text-align: center;
	}
/* ---------------------- Fine Box News ---------------------- */

/* ---------------------- Inizio Box Informazioni - Va sempre sotto il box "tearshape" per i titoli ---------------------- */
.infbox {
	width:90%;
	margin-top:5px;
	min-width:184px;
	height:auto;
	margin-bottom:0px;
	padding:3px;
	background-color:#06C;
	box-shadow: 2px 2px 2px #000;/*Ombra al box CSS3*/
	-webkit-box-shadow: 1px 1px 2px #000;/* Ombra al box Safari, Chrome */
	-moz-box-shadow: 2px 2px 2px #000;/*Ombra al box Firefox*/
	-webkit-border-radius: .5em;/* Bordi arrotondati al box Safari, Chrome */
	-moz-border-radius: .5em;/* Bordi arrotondati al box Firefox */
	border-radius: .5em;/* Bordi arrotondati al box CSS3 */
	behavior: url(border-radius.htc);/*Bordi arrotondati al box - fix IE*/
	float:left;
	display:inline;
	text-align:center;
	}
/* ---------------------- Fine Box Informazioni ---------------------- */
#component {
	margin-right:10px;
	margin-left:10px;
	margin-top:20px;
	width:50%;
	min-width:600px;
	height:auto;
	background-color:#06C;
	box-shadow: 2px 2px 2px #000;/*Ombra al box CSS3*/
	-webkit-box-shadow: 1px 1px 2px #000;/* Ombra al box Safari, Chrome */
	-moz-box-shadow: 2px 2px 2px #000;/*Ombra al box Firefox*/
	-webkit-border-radius: .5em;/* Bordi arrotondati al box Safari, Chrome */
	-moz-border-radius: .5em;/* Bordi arrotondati al box Firefox */
	border-radius: .5em;/* Bordi arrotondati al box CSS3 */
	behavior: url(border-radius.htc);/*Bordi arrotondati al box - fix IE*/
	display:inline;
	float:left;
	}
	
/* ---------------------- Inizio Immagine Style ---------------------- */	
.cornice{
          padding:2px;
          border:1px solid #999;
          background-color:#FFF;
          -moz-box-shadow:0 0 7px #333;
          -webkit-box-shadow:0 0 7px #333;
		  
}
.cornice2{
          padding:2px;
          border:1px solid #999;
          background-color:#FFF;
          -moz-box-shadow:0 0 7px #333;
          -webkit-box-shadow:0 0 7px #333;
		  width: 144px;
		  height : 88px;
		  
}
/* ---------------------- Fine Immagine Style ---------------------- */

/* ---------------------- Inizio Table Attività Style ---------------------- */	
.tableinfo{
          padding:1px;
          border:1px solid #999;
          -moz-box-shadow:0 0 7px #333;
          -webkit-box-shadow:0 0 7px #333;
}
/* ---------------------- Fine Table Attività ---------------------- */

/* ---------------------- Inizio Font Title Style ---------------------- */	
.fonttitle{
	font-size: 20px;
	color:#CCFF00;
	font-style: italic;
	font-weight: bold;
	font-family: SFCartoonistHandRegular;
}
/* ---------------------- Fine Table Attività ---------------------- */

/* ---------------------- Inizio Menù Style ---------------------- */
#menucontainer{
	height:50px;
	color:#CCFF00;
	background:#003399;
	width:100%;
	font-family: SFCartoonistHandRegular;
	font-size: 17px;
	font-style: italic;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#menunav{
	position:relative;
	height:38px;
	font-family: SFCartoonistHandRegular;
	font-size: 16px;
	font-style: italic;
	text-transform:capitalize;
	font-weight:bold;
	background:#fff url(ImagePages/Menu/background.jpg) repeat-x bottom left;
	padding:0 0 0 184px;
}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 30px;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#CCFF00;	
	background:transparent url(ImagePages/Menu/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}
/*
#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#CCFF00;
	background:transparent url(ImagePages/Menu/left.jpg) no-repeat top left;
	line-height:140%;
	font-size:24px;}
#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:transparent url(ImagePages/Menu/left.jpg) no-repeat top right;
	height:38px;}
*/

/* ---------------------- Fine Menù Style ---------------------- */
/* Fine CSS Creato da Daniele Luzi webmaster www.scuolasubfirenze.it fonte suggerimento pre la creazione http://matthewjamestaylor.com/blog/perfect-3-column.htm*/