@font-face {
	font-family:"UbuntuOnline";
	src: url("fonts/Ubuntu-R.ttf");
}

body {
	text-align:center;
	background-color:#8f8f8f;
	margin:0 0;
	color:lightgrey;
}



/* <<< *** ### I SUPERCONTENITORI ### *** >>> */
div#contenitore {
	width:980px;
	margin:0 auto;
	border-color:blue;
	background:url("cont.jpg");
	background-repeat:repeat-y;
	/*background-color:black;
    box-shadow: 0 0 25px #000;*/
	/*font-size:12px;*/
	font-size:9pt;
	font-family:Ubuntu, UbuntuOnline, Arial, Helvetica, sans-serif;
	text-align: center;
}

div#content {
	margin:0 225px 0 220px;
	/*0 225 0 220 quando non c' il banner di ubuntu*/ /*da modificare anche div.boxcomment*/
	/*0 240 ... al contrario*/
	/*background-image:url("finesc-back.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;*/
	padding:10px;
	border-color:green;
}

/* >> sfondo della pagina quando finisce la scuola */
div.finesc {
	background-image:url("finesc-back.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
}

div#extra {
	float:left;
	width:195px;
	padding-left:25px;
	
	background-color:trasparent;
}

div#nav {
	float:right;
	width:200px; 
	/*200 quando non c' il banner di ubuntu*/
	/*215 il contrario*/
	padding-right:25px;
	/*25px*/
	
	background-color:trasparent;
}

div#footer {
	clear:both;
}

/* ### oggetto Flash di Skype per rilevare lo stato del mio utente ### */
object#skypedetectionswf {
	display:none;
}


/* ### 2 PANNELLI DI AVVERTIMENTO PER I COOKIE E FIREFOX ### */
div#cookie,div#firefox {
	padding:25px;
}



/* ### MENU PRINCIPALE ### */
/* >> separatori */
.sep {
	position:relative;
	/*top:-2px;*/
	vertical-align:middle;
	margin:0px 2px;
	/*background-image:url("sep.jpg");*/
}

#menuprinc {
	/*margin-bottom:15px;
	margin-top:5px;*/
	margin:5px 30px 15px 30px;
	background-image:url("backN.jpg");
	background-repeat:repeat-x;
}

#menuprinc tbody {
	background-image:url("backN.jpg");
	background-repeat:repeat-x;
}

#menuprinc td {
	padding:0px;
	margin:0px;
	
	font-size:18px;
}

#menuprinc td.mn_item {
	table-layout:fixed;
}

#menuprinc td.mn_space {
	table-layout:auto;
}

#menuprinc td img.bordo {
	/*position:relative;
	top:-2px;*/
}

#menuprinc td img.left, #menuprinc td img.right {
	/*position:relative;
	top:-2px;*/
	vertical-align:middle;
	
	padding:0px;
	margin:0px;
}


#menuprinc ul {
	display:inline;
	list-style-type:none;
	/*font-size:18px;*/
	font-size: 14pt;
	padding:0;
	/*height:46px;
	text-align:center;
	background-image:url("backN.jpg");
	background-repeat:repeat-x;
	width:1200px;*/
}

#menuprinc ul div {
	/*background-image:url("backN.jpg");
	background-repeat:repeat-x;
	position:relative;*/
}	

#menuprinc ul div img.bordo {
	padding:0px;
	margin:0px;
}

#menuprinc ul li img.left {
	position:relative;
	vertical-align:top;
	visibility:hidden;
	margin-right:0px;
	/*display:none;*/
}

#menuprinc ul li:hover img.left {
	/*padding-left:0px;*/
	margin-right:3px;
	visibility:visible;
	/*display:inline;*/
}

#menuprinc ul li img.right {
	position:relative;
	vertical-align:top;
	visibility:hidden;
	margin-left:0px;
}

#menuprinc ul li:hover img.right {
	/*padding-left:0px;*/
	margin-left:3px;
	visibility:visible;
}

/* Variante per IE 7- */
#menuprinc ul.IE li {
	display:inline;
}

#menuprinc ul.IE li:hover span {
	padding: 12px 0px 13px 0px;
	margin: 0px;
}

#menuprinc ul li {
	/*display:inline;*/
	/**display:inline-table;*/
	display:inline;
	/*background-image:url("backN.jpg");
	background-repeat:repeat-x;*/
	padding:5px 1px 5px 1px;
	/*padding:12px 3px 13px 3px;
	padding-left:13px;
	padding-right:13px;
	height:46px;*/
	/*background-position:center;*/
	/**vertical-align:middle;*/
	vertical-align:middle;
	/*color:grey;*/
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}

#menuprinc ul li span {
	/**display:table-cell;
	height:46px;
	vertical-align:middle;*/
	padding:4px 3px 4px 3px;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}

#menuprinc ul li:hover {
	/**background-image:url("backS.jpg");
	padding:0px;*/
	/**border:1px solid rgba(200,200,200,0.6);*/
	background-color: rgba(200,200,200,0.6);
	/*background-color: #686868; Usare questo nel caso quello sopra si riveli troppo incompatibile*/ 
	background-image: -moz-linear-gradient(top center, #A5A5A5 50%, #656565 100%);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#A5A5A5), to(#656565), color-stop(0.5, #A5A5A5));
	background-image: -o-linear-gradient(top, #A5A5A5 50%, #656565 100%);
	
	/*padding:12px 0px 13px 0px;*/
	/*color:lightgrey;*/
}

#menuprinc ul li:hover span {
	background-color: #2d2a2a;
}

#menuprinc ul li a {
	/*color:inherit;*/
	color:#101010;
	text-shadow: #595959 1px 1px 0px, rgba(0,0,0,0) 0 0 0;

}

#menuprinc ul li:hover a.news {
	text-shadow: rgba(0,0,0,0) 1px 1px 0px, #40FF40 0 0 4px;
}

#menuprinc ul li:hover a.film {
	text-shadow: rgba(0,0,0,0) 1px 1px 0px, #FF4040 0 0 4px;
}

#menuprinc ul li:hover a.messagebox {
	text-shadow: rgba(0,0,0,0) 1px 1px 0px, #FFFF40 0 0 4px;
}

#menuprinc ul li:hover a {
	color:#060606;
	
	text-shadow: rgba(0,0,0,0) 1px 1px 0px, #A0C0FF 0 0 4px;
	-moz-transition-property: text-shadow;
	-moz-transition-duration: 0.5s;	
	-webkit-transition-property: text-shadow;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: text-shadow;
	-o-transition-duration: 0.5s;		
}


/* ### regole per HOME >> NEWS ecc in alto ### */
a.map {
	text-decoration:none;
	font-weight:bold;
}

a.map:hover {
	text-decoration:underline;
	//font-weight:bold;
}

img.map {
	position:relative;
	top:2px;
}



/* *** ### COLONNA A SINISTRA ### *** */
div.login {
	padding:10px 4px;
}

form#loginform {
	/*height:207px;*/
}

/*
form.loginform input {
	color: #CCCCCC;
	background-color: #333333;
	border: 1px solid #999999;
	padding: 0.25em;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
}

form.loginform input[name = username], form.loginform input[name = passwd] {
	box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	-khtml-box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	
	-moz-transition-property: -moz-box-shadow;
	-moz-transition-duration: 0.3s;
}

form.loginform input[name = username]:focus, form.loginform input[name = passwd]:focus {
	box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
	-moz-box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
	-webkit-box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
	-khtml-box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
}

form.loginform input[type = submit]:hover {
	background-color: #555555;
}
*/

div.blockauth {
	display:none;
	opacity:0.9;
	background-color:#000;
	position:absolute;
	z-index:1;
	border-color:#666;
	border-width:1px;
	border-style:solid;
	font-size:24px;
	line-height:44px;
	/*padding:60px 0px 0px 0px;*/
	
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.blockauth p {
	padding:0px 10px;
}

a.scuola {
	color : red;
	text-decoration : none;
	font-variant: small-caps;
}

a.scuola:hover {
	color : lightgrey;
	text-decoration : underline
}

.reqmus {
	text-align : right;
}

.linkmus {
	color : lightgreen;
	text-decoration:none;
}

.linkmus:hover {
	color:#00CC00;
	/*color:lightgrey;*/
}

.linkmus2 {
	color:grey;
	/*text-decoration:underline;*/
}

.linkmus2:hover {
	color:lightgrey;
}



/* *** ### COLONNA A DESTRA ### *** */
a.siti, a.nav, a.contact {
	color:grey;
	text-decoration:none;
}

a.siti:hover {
	color:lightgrey;
}

a.nav:hover {
	color:lightgrey;
}

a.contact:hover {
	color:lightgrey;
}

ul.siti li {
	list-style:none;
}

div.siti {
	text-align:left;
}

#countbox {
	color:lightgrey;
}





/* ### ALTRO ### */

/*a.siti {
	color:grey;
	text-decoration:underline;
}*/

/*oggetti per il debug devono essere nascosti, ci pensa il javascript a mostrarli*/
.debug {
	display:none;
}

a {
color:grey;
/*color:white;*/
text-decoration:none;
}

a:hover {
	color:lightgrey;
}


h1 {
	text-align:center;
}

input {
	color: #CCCCCC;
	background-color: #333333;
	border: 1px solid #999999;
	padding: 0.25em;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type = text], input[type = password] {
	box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	-khtml-box-shadow: 0 0 0 rgba(0,0,0,0), inset 2px 2px 3px #222;
	
	-moz-transition-property: -moz-box-shadow;
	-moz-transition-duration: 0.3s;
	-webkit-transition-property: -webkit-box-shadow;
	-webkit-transition-duration: 0.3s;
	-o-transition-property: -o-box-shadow;
	-o-transition-duration: 0.3s;
	transition-property: box-shadow;
   transition-duration: 0.3s;
}

input[type = text]:focus, input[type = password]:focus {
	box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
	-moz-box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
	-webkit-box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
	-khtml-box-shadow: 0px 0px 3px 3px #A0C0FF, inset 2px 2px 3px #222;
}

input[type = submit]:hover {
	background-color: #555555;
}

div.siti div.edita {
	display:none;
}

div.siti:hover div.edita {
	display: block;
}

/*div {
	border-color:red red red red;
	border-width:3px 3px 3px 3px;
	border-style:solid;
}*/