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

h1,h2,body{margin: 0;padding:0;	font-family: Arial, sans-serif;	text-align: left;}

#container {
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	width: 1000px;
	height: 100%;
	overflow: hidden;
	color: #000000;
}

body {
	background-color:#FFFFFF;
	color:#005bbe;
	font-size: 12px;
	width:100%;
	height: auto;
}

#header {
	background-color: #FFF;
	width: 1000px;
	height: 122px;
	margin:0px;
	background-image: url(../img/banner.jpg);
}

/* Menu principale */

#menu {
	margin:0;
	margin-top: 4px;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:6px;
	padding-right:0px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c9d5ed;
	border-bottom-color: #c9d5ed;
	height: 20px;
}
#menu ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

#menu li {
	margin-top: -3px;
	margin-bottom: -1px;
	float: left;
	width:16.2%;
 	text-align:center;
	vertical-align:middle;
 	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #c9d5ed;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #c9d5ed;

	}

#menu a {
	color:#005bbe;
	display: block;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;	
	}

#menu a:hover {
	text-decoration: underline;
	color:#c9d5ed;
	}

#menu .active {
	background: #005bbe url(images/img02.gif) no-repeat 0px 0px;
	}

#menu .active a {
	background: url(images/img02.gif) no-repeat 100% -40px;
	#005bbe: ;
}

#Corpo{     /* contiene colonnino sinistra centro e destro */
	margin:0px;
	padding-left:7px;
	padding-right:7px;
	padding-top:25px;
	}

#Sinistra {
 	background-color:#FFF;
	margin-top:4px;
	margin-left:6px;
	float:left;
	width: 180px;
	margin-bottom:2px;
}


#Centro {
	margin-top:4px;
	margin-left:4px;
	margin-right:4px;
	float:left;
	width: 620px; 
	margin-bottom:2px;
}


#Destra {
	margin-top:4px;
	margin-right:6px;
	float:right;
	width: 180px;
	margin-bottom:2px;
}

div.incostruzione 	{ 
	height:420px; 
	width:614px; 
	margin-top:4px;
	margin-bottom:4px;
	padding-left: 6px;
	padding-top: 6px;
	font-size: 100%;
	background-color:#c2d4ee;
	background-image:url(../img/incostruzione.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
div.incostruzione p {
	margin-top:8px;
	margin-bottom:6px;
	padding-left: 6px;
	padding-top: 6px;
	font-size: 1.2em;
	font-weight: normal;
	 color:#0077a1; 	
	text-align:left;
	}
	
div.incostruzione p h1{
	font-size: 1.5em;
	font-weight: normal;
    	color:#0077a1; 
	text-align:left;
}

div.incostruzione p .grande{
	font-size: 1.5em;
	font-weight: normal;
    	color:#0077a1; 
	text-align:left;
}


.testatina {
	height:30px;
	padding:0px;
	padding-left: 10px;
	background-color:#c9d5ed;
	color:#005bbe;
	text-align:left;
	margin:0px;
}

.titolo1 {
	font-size:1.4em;
	line-height:2em;
	font-weight: 600;
	} 	

.titolo2 {
	font-size: 1.1em;
	font-weight: 600; 	
	line-height:2.5em;
	}


.BoxCentrale{
	margin-top:4px;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom:2px;
	font-size: 1em;
	font-weight: normal;
	background-color:#f3f3f3;
	color:#005bbe;
	text-align:left;
	}
	
.link{
	
	margin-top:2px;
	margin-bottom:2px;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 1em;
	font-weight: normal;
	background-color:#f3f3f3;
	color:#005bbe;
	text-align:left;
}

.credit{
	line-height:1.5em;
	margin-top:2px;
	margin-bottom:2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-right:6px;
	font-size: 1em;
	font-weight: normal;
	background-color:#f3f3f3;
	text-align:left;
}
.credit:first-line{
/*	background-color:#c2d4ee; */ 
    color:#0077a1;
	font-size:1.4em;
	line-height:2em;
/*	font-weight:800; */
   	font-variant: small-caps;
	}

ul.BoxCentrale {
    	margin-top:0px; 
	margin-bottom:5px;
	margin-left:15px;
	list-style: decimal;
	list-style-image:none;
	list-style-position:outside; 	/*	list-style-type: none; */
	padding-top:0;
	padding-right:200px;
	background-color:#f3f3f3;
	color:#005bbe;
	text-align:left;
	}
	
ul.BoxCentrale li{
	background-color:#f3f3f3;
	color:#005bbe;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px; 
	}

ul.BoxCentrale li a{
	color:#005bbe;
	font-weight:600;
	text-decoration:none;	
	}
	
ul.BoxCentrale li a:hover{
	color:#908888;
	text-decoration: underline;
}

ul.BoxCentrale li a:link, .ul.menulaterale li a:visited{} 

a{	color:#005bbe;
	font-weight:bold;
	text-decoration:none;	
	}
a:hover{
	color:#908888;
	text-decoration: underline;
}


.BoxLaterale{
	margin-top:4px;
	margin-bottom:4px;	 
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom:2px;
	font-size: 11px; 
	font-weight: normal; 
	background-color:#c9d5ed;
	color:#005bbe;
	text-align:left;
	}
	
.BoxLateraleFoto{
	height:144px; 
	margin-top:4px;
	margin-bottom:4px;	 
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom:2px;
	font-size: 11px; 
	font-weight: normal; 
	background-color:#c9d5ed;
	color:#005bbe;
	text-align:left; 
	}

.BoxLaterale a{

	color:#005bbe;
	font-weight:600;
	text-decoration:none;	
	}
	
.BoxLaterale a:hover{
	color:#908888;
	text-decoration: underline;
}
	
.logo{
	margin:0px;
	margin-bottom:2px;
	padding: 0px;
	background-color:#fff;
	text-align:center; 
	}
		
img.lezioni   { padding:4px; background-color:#99FFCC;border:none;} /* immagini power point */

.imgdx   {float: right; margin-right: 2px; border:none;}
.imgdx a {text-decoration: none;border:none;}
.imgsx 	 {
	float: left;
	margin-bottom: 2px;
	border:none;
	padding-top:2px;
	padding-right:8px;
	padding-bottom:2px;
}
.imgsx a {text-decoration: none;border:none;}

ul.MenuLaterale {
	margin-top:4px;
	margin-bottom:4px;
	list-style: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
	}

ul.MenuLaterale li {
	padding-top:3px;
	padding-bottom:0px;
	background-color: #c9d5ed;
	margin-left:0px;
	height:28px; 
	width:180px;
	list-style: none;
	list-style-image:none;
	list-style-type:none;
	list-style:none;
	left:0px;
	margin-bottom:3px;
	margin-top:0px;
	line-height:97%;
}


ul.MenuLaterale li a{
	padding-top:3px;
	padding-bottom:0px;
	height:20px; 
	width:176px;
	color:#005bbe;
	padding-left:6px;
	display: block;
	font-size:11px;
	font-weight:600;
	vertical-align:middle;	
	text-decoration:none;	
	line-height:97%;
	}
	
ul.MenuLaterale li a:hover{
	color:#908888;
	text-decoration: underline;
}

ul.Menulaterale li a:link, .ul.menulaterale li a:visited{} 
	
#footer {
	background-color:#c9d5ed;
	position:relative;
	top:2px;
	color:#005bbe;
	font-size:1em;
	text-align:center;
	height:20px;
}	

#footer a {color:#005bbe;font-weight:bold;text-decoration:none;}
	
#footer a:hover {color:#908888;	text-decoration: underline;
}


.Small {
font-size:0.8em;
}
.Big {
font-size:1.1em;
}
.Center {
text-align:center;
}

b, strong {font-weight:bolder;}

/* **************************************************** */

div.popup {
	border: solid #fff thin;
margin:4px;
display:none;
position:absolute;
right: 20px; 
top: 20px;
width:600px;
background-color:#79a2d9;
color:#FFF;
padding: 8px;
text-align:left;
}

div.popup h1{
	font-size:1.2em;
	color:#FFF; 
	font-weight:bold;
	text-align:left;
	margin-bottom:4px;
}
div.popup a
{
	color:#005bbe;
	font-weight:normal;
	text-decoration:none;
	}

div.popup a:hover
{
	color:#908888;
	text-decoration: underline;
}

.chiudi { float: right; margin-left:4px; margin-right: 2px; border:none; padding:0;line-height:120%;}
.chiudi a {text-decoration: none;border:none; line-height:120%;}

.occhielloSX{
	margin:0;
	padding:2px 2px;
    padding-right:80px;
	padding-left:60px;
	float:left;
	line-height:1.8em;
	float:left; 
	color:#c9d5ed;
	background:#d0dbef;
	border:#FFF  2px solid;

}

.occhielloDX{
	margin:0;
	margin-right:4px;
	line-height:1.8em;
	float: right; 
	background: #d0dbef;
	border:#FFF  2px solid;
	padding:2px 2px;
	padding-right:30px;
	padding-left:10px; 
}
	 
.BoxCentrale ul{ margin:8px; margin-left:10px;padding-left:10px;}
.BoxLaterale ul{ margin:2px;margin-left:2px;padding-left:10px;}

.Sottotitolo{
	background-color:#f3f3f3;
	color:#0077a1; 
	margin:0.2em 0;
	padding:0.2em 0 0.2em 0.2em;
	font-size: 1.1em;
	line-height:1em;
}
.viewPar, .viewLI {
	color:#2F2C2C;
	color:#005bbe;
	padding:2px 2px;
	text-align:left;
	background-color: #f3f3f3;
}

.AlignJustify {
	text-align:justify;
}
.viewOL, .viewLI ol {
font-size:1em;
margin:0;
margin-bottom:8px;
padding:0 0 0 25px;
}