/* @import "reset.css"; */
#aggiornamento, #copyright {color: #aaaaaa;
		font-size: x-small;
		text-align: center;
		width: 130px;
}
body {
	/* 	behavior:url(cssHoverFix.htc);  dovrebbe risolvere dei problemi :hover con IE6, ma non funziona ? */
		border: red solid 0px;
		margin: auto auto;
}
#box {margin: 0px auto;
		width: 960px;
		border: 0px solid #000;
		text-align: center;
		font-family: arial,sans-serif;
		color: black;
		font-weight: bold;
		
}
.context{
		width: 35em;
		float: left;
		padding: 1em;
		border: 0px solid blue;
}

#criteriammissione, #corresponsabilita, #sms, #orientamento, #ordinari, #nuovoordinamento, #sperimentali, #integrativo, #archivio, #raimondo, #interni, #aggiornamento, #copyright, #iscrizioni, #laszlo {display:none;}

#femminilesingolare img{border: 1px solid #50618a}

#footer div#bottom {
			width: 125px; height: 85px;
			margin: 0px 170px;
			border: 0px solid red;
}
#corpo {
			height: 700px;
			border: 0px solid green;
/*		background-image:url(../images/sfondo0white.jpg);
			background-repeat:no-repeat;
			background-position: bottom center;
			background-attachment:fixed;
			*/	
}
#header {
			height: 185px;
			width: 960px;
			background-image:url("../header.jpg");
			background-repeat:no-repeat;
			border: 0px solid red;
}
#header .menu0 {
			border: 0px solid;
			width: 336px;			
			margin: 0.5em 0;
			float: left;
}
#header .titolo {
		font-family:  helvetica,sans-serif;
		color: white;
		font-size: 100%;
		font-stretch: expanded;
		font-weight: bolder;
		border: 0px solid blue;
		height: 90%;
	
}
#bnews {
		margin-top: 1em;
		border-top: 4px solid #50618a;
		border-bottom: 6px solid #50618a;
		height: 75px;;
		
}
#bnews > div {
		position: absolute;
		top: 186px; left: 400px;
		color: #50618a; background-color: white;
		text-shadow: 1px 1px 1px #000;
		height: 12px;
}
#col3 img {
		width: 80%;
		margin: 1% 10%;
}

#map{
	border: solid 1px blue;
	width: 500px;
	height: 350px;
	position: relative;
	left: 30%;

	}
#footer > #motto  {
		width: 350px;
		}	
	
	
	
#tabbar{
		clear: both;
		position: relative;
		left: -1px;
		border: 1px solid white;
		top: 167px;
		/* background-color: #50618a;*/
		width: 795px;
		height: 18px;
		
}
#tabbar p {
		float: left;
		margin: 0px;
		width: 112px;
		display: inline;
	/*	padding: 0 4.2424em; */
		border-top: groove POWDERBLUE thin;
		border-left: groove POWDERBLUE thin;
		border-bottom: none darkblue thin;
		border-right: none darkblue thin;
	/*	background-color: #50618a; */
		color: white;
		font-size: 10pt;
		font-stretch: expanded;
		
}
#tabbar p:hover{
		border-bottom: none darkblue thin;
		border-right: none darkblue thin;
		border-left: groove darkblue thin;
		border-top: groove darkblue thin;
		/* background-color:#7988a8;*/
}
.centrato{
		margin: 0px 38%;
		}

#col1 {width:220px;}
#col2 {width:370px; color: black;}
#col3 {width:330px; float: right;
				font-size: small;
				color: #50618a;
}
.colonna {
			border: 0px solid blue;
			float: left;
	/*		width: 320px;	*/
			text-align: left;
			
}
.colonna div {
			padding: 0.3em 0em;
}
#col1 h2 {
			color: #50618a;
			font-size: small;
			margin: 1em 0em 0.5em 0em;
			background-image: url(../f+.jpg) ;
			background-repeat: no-repeat;
			background-position: center left;
			
}
#col1 h2:hover {
			color: #50618a;
			font-size: small;
			margin: 1em 0em 0.5em 0em;
			background-image: url(../f-.jpg) ;
			background-repeat: no-repeat;
			background-position: center left;
			
}
#col1 h2 span, #col3 .titolo{
			text-shadow: 1px 1px 1px #000;
}
#col1 a {
			font-size: small;
}
.colonna#col1 {cursor: help;}
#t1.titolo {background-color: orange;}
#t2.titolo {background-color: red;}
#t3.titolo {background-color: coral;}
#col2 img {
			float: left;
			margin-right: 0.5em;
			margin-bottom: 0.5em ;
}
#footer {
				border: solid 0px red;
				clear: both;
				color: #50618a;
				font-size: x-small;
}

#footer div{
				width: 100px;
				border: solid 0px red;
				float: left;
				margin: 1em;
}
p.titolo  {
			width: 100%;
			color: white;
			background-color: #50618a;
			font-weight: bold;
			font-size: medium;
			font-family:sans-serif;
			text-align: center;
			clear: both ;
}
#col3 p.titolo{
			color: #50618a;
			background-color: transparent;
			font-size: medium;
}

#loading {
	/*background-color: #cccccc;
	opacity: 1;*/
	/*filter: alpha(opacity=92);*/
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:200;
}
#loading div {
	background: #cccccc;
	opacity: 0.8;
	border:0px solid red;
	height: 100%;
	left: 0%;
	position: absolute;
	top: 0%;
	width: 100%;
	z-index:900;
}
#loading div + div{
	background: #ffffff;
	opacity: 1;
	border: 1px solid #50618a;
	height: 79%;
	left: 33%;
	position: absolute;
	top: 7%;
	width: 33%;
	z-index:950;
}
#loading div p {
	color: #999999;
	font: 1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: -10em;
	position: relative;
	text-align: center;
	top: 45%;
}
#loading div object {
	border: 0px solid red;
	position: absolute;	
	height:100%;
	width: 100%;	
	bottom: 0%;
	left: 0%;
}

.sottovoce{
	position:relative;
	left: 10px;
}
.testoleggero{
		color: #aaaaaa;
		font-size: x-small;
		text-align: center;
}
.testosmall {
		font-size: x-small;
		
}
.txtleft  {
	text-align: left;
}
.txtcenter  {
	text-align: center;
}
.txtevidente{
				color: #50618a;
				text-shadow: 1px 1px 1px #000;
}
A:hover {color: aliceblu; font-size: 8 pt; text-decoration: none; font-weight: bold; position: relative}
a span { display:none; }

a:hover span { display:block; position: absolute; background: ghostwhite; color: red;
border: 2px solid black; top: 1,5em; z-index:1; font-size:x-small; width:200; top:5;}

a:link { text-decoration: none; color: #50618a;}
a:hover{text-decoration: underline;}
a:visited{text-decoration: none; color: #50618a;}