html,body{margin:0;padding:0}
body{background:#f0f0f0;color:#333;
font-family: Calibri, Arial, Helvetica, sans-serif;}
/* tipografia, colori e regole per voci di primo livello, titoli e link */

div#menu{padding-top:10px;background: #043F75; display: block; height: 50px}
div#menu_light{padding-top:10px; padding-bottom: 5px; background: #043F75; display: block; height: 30px; vertical-align: bottom}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{width:850px;margin: 0 auto;height:26px;
    background: #043F75 repeat-x;
    font: 70%/1.5 Verdena,Tahoma,sans-serif}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:110%;margin:0}
ul#nav h2 a{line-height:30px;padding: 0 15px 5px;color:#FFF}
ul#nav>li:hover,ul#nav h2 a:hover{background: #043F75; color: #fff}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #666; border-bottom:#eee 2px solid}
ul#nav h3 a:hover{text-decoration:none; color: #aaa; background-color: #eee}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;display: block !important;display: inline; /*IE6*/}
ul#nav a:hover{display:block;text-decoration:none; border-bottom:white 2px solid}

/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{position: absolute;top: -9999px;left: -1px;
    width: 400px;padding: 0.7em;border: 1px solid #d1d1d1;
    background: #eee;overflow:hidden;line-height:20px}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 25px;z-index: 100}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:90%}
ul#nav div.mega.small{width:200px}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:300px}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.ultra{width:450px}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/
ul#nav div.mega li.testo {color: #666}
ul#nav div.mega li a{padding:0 7px;color: #333;border-bottom:#eee 2px solid}
ul#nav div.mega li a:hover{color: #000;text-decoration: underline;background: #eee;}
.footer {
    margin-bottom: 0px !important;
    margin-top: 30px;
    margin: auto;
    width: 100%;
    bottom: 0px;
    top: 30px;
    font-size: 14px;
    background-color: rgb(100, 0, 170);
    position: relative;
    display: block;
    color: white;
    top:auto
}
div.footer {padding-top:10px;background: #043F75; height: 30px;bottom:0px; top: auto;margin-bottom: 0px;z-index: 1}
div#menu_footer{padding-top:10px; padding-bottom: 5px; background: #043F75; display: block; height: 40px; vertical-align: bottom}
ul#nav_footer,ul#nav_footer li{margin:0;padding:0;list-style:none}
ul#nav_footer {width:850px;margin: 0 auto auto;height:30px;
    background: #043F75 repeat-x;
    font: 11px Verdena,Tahoma,sans-serif}
ul#nav_footer a {display:block;text-decoration:none;color: white;}
ul#nav_footer li {float: left;position: relative; padding-left: 10px; padding-right: 10px}
ul#nav_footer a:hover{display:block;text-decoration:none; border-bottom:white 2px solid}
ul#nav_footer>li:hover,ul#nav a:hover{background: #043F75}

div#pagina {text-align: center; width: auto;height: auto; display: block; padding: 0px 50px 0px 50px}
div#contenuto {
    width: auto; height: auto; display: block;text-align: left;padding: 10px 30px 30px 30px;
    background-color: white;
	border-left: #d1d1d1 2px solid; border-right: #d1d1d1 1px solid;
    z-index: 2;position: relative; margin: 0px auto;
}
div#contenutoOriginal {
    width: auto; height: auto; display: block;text-align: left;padding: 10px 30px 50px 30px;
    background-color: white;border-left: #d1d1d1 2px solid; border-right: #d1d1d1 1px solid;
    z-index: 2;position: relative; max-height: 700px; margin: 0px auto;
}
#login {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 16px "Arial", Calibri, Helvetica;
 color: #fff;
 padding: 10px 20px;
 border: solid 1px rgb(165, 13, 76);
 background: rgb(230, 0, 80);
 background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
 background: -webkit-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: -moz-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: -ms-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: -o-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#login:hover {
 background: rgb(195, 13, 76);
 background: -webkit-gradient(linear, left top, left bottom, from(rgb(195, 13, 76)), to(rgb(230, 0, 80)));
 background: -webkit-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: -moz-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: -ms-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: -o-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
}
#login:active {
  position: relative;
  top: 1px;
}

#pwd_lost {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px Arial, Calibri, Helvetica;
 color: #fff;
 padding: 5px 10px;
 border: solid 1px #0076a3;
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
 background: -webkit-linear-gradient(top,  #00adee,  #0078a5);
 background: -moz-linear-gradient(top,  #00adee,  #0078a5);
 background: -ms-linear-gradient(top,  #00adee,  #0078a5);
 background: -o-linear-gradient(top,  #00adee,  #0078a5);
 background: linear-gradient(top,  #00adee,  #0078a5);
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#pwd_lost:hover {
 background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
 background: -webkit-linear-gradient(top,  #0078a5,  #00adee);
 background: -moz-linear-gradient(top,  #0078a5,  #00adee);
 background: -ms-linear-gradient(top,  #0078a5,  #00adee);
 background: -o-linear-gradient(top,  #0078a5,  #00adee);
 background: linear-gradient(top,  #0078a5,  #00adee);
}
#pwd_lost:active {
  position: relative;
  top: 1px;
}
#new_login {
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px Arial, Calibri, Helvetica;
 color: #fff;
 padding: 5px 10px;
 border: solid 1px rgb(165, 13, 76);
 background: rgb(230, 0, 80);
 background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
 background: -webkit-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: -moz-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: -ms-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: -o-linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 background: linear-gradient(top,  rgb(230, 0, 80),  rgb(195, 13, 76));
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 box-shadow: 0 1px 3px rgba(0,0,0,0.5);

	     
}
#new_login:hover {
 background: rgb(195, 13, 76);
 background: -webkit-gradient(linear, left top, left bottom, from(rgb(195, 13, 76)), to(rgb(230, 0, 80)));
 background: -webkit-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: -moz-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: -ms-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: -o-linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
 background: linear-gradient(top, rgb(195, 13, 76), rgb(230, 0, 80));
}
#new_login:active {
  position: relative;
  top: 1px;
}
#B_testo {
    width: 450; display: inline-block; font-size:14px;
}
#R_img {
    text-align: right; float: right; display: inline-block;
}

/* stili per home page */
H2.home	{font-size: 24px;
   	color: #333333;
	font-weight: normal;
	margin-left: 150px;}

H3.home	{font-size: 20px;
   	color: #043F75;
	font-weight: normal;
	margin-left: 150px;}

P.home	{font-size: 18px;
	line-height: 25px;
	margin-bottom: 15px;
   	color: #333333;
	margin-left: 150px;}

SPAN.home {color: #043F75;
	font-size: 20px;}
SPAN.homesp {font-size: 20px;
	color: #333333;
	letter-spacing: 3px;}
SPAN.homecol {color: #043F75;}

.welcome div#contenuto {
	background-color: transparent;
}
.welcome {
background-repeat: no-repeat;
/* IE10 */
background-image: -ms-linear-gradient(top left, #FFFFFF 70%, #00ddee59 50%, #043f75 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top left, #FFFFFF 70%, #00ddee59 50%, #043f75 100%);

/* Opera */
background-image: -o-linear-gradient(top left, #FFFFFF 70%, #00ddee59 50%, #043f75 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear,left top,right bottom, color-stop(0.5, #FFFFFF), color-stop(0.8, #00ddee59), color-stop(1, #043f75));

/* Webkit (Chrome 11+) */
/*background-image: -webkit-linear-gradient(top left, #FFFFFF 70%, #BFBFFF 30%, #A160FF 100%);*/
background-image: -webkit-linear-gradient(top left, #FFFFFF 70%, #00ddee59 30%, #043f75 100%);
}