/* STANDARD.CSS */
* {margin:0; padding:0}
html {height:100%}
body, div, small, em, strong, table, td, th, h1, h2, h3, h4, h5, h6
{background:transparent; color:#000; font-size:12px; font-family: "Century Gothic", Geneva, sans-serif; font-style: normal;}
body {background:#dce1e5 url("bg-pagina-sfumato2.jpg") repeat-x top left; color:#000; margin:0 auto; padding-bottom:10px; text-align:center; height:100%; }
div {text-align:justify; border:0;}
strong {font-weight: bolder; color:#036}

/* Link ad effetto */
a {color:#333; text-decoration: underline;}
a:hover{color:#000;}
a.notevole:hover{color:#000;}
a img{border:none;}
a.blank {color:#57a}
a.tips {color:#57a}
a.email:hover, a.od:hover, a.blank:hover, a.anteprima:hover {color:#000; text-decoration:underline;} 
img {background:transparent; color:#000; border:0;}
ul {list-style:none; margin:0}
ol {list-style:none; margin:0}

/* Headers impostazione definitiva */
/*
h1, h2, h3 {text-decoration:none; font-weight:normal; font-size:1.5em; font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif; text-align:left; border-bottom:3px double #ccc; color:#106; padding:0px 0px 3px 5px; margin:5px 0px 3px 0px; }
h2 {border-bottom:1px solid #ccc;  padding:0 5px 2px 0; font-size:1.2em; margin:10px 200px 3px 0px; clear:none; } 
h3 {border-bottom:1px solid #ccc; color:#f60; font-size:100%; margin:10px 200px 3px 0px; padding:2px 0 2px 0; font-weight:bold} 
*/
/* STILE.CSS */

#pagina {position:relative; margin:0 auto; background:#fff url("sfondopagina.gif") repeat-y top left; color:#000; width:920px; /*border-right:solid 1px #000;border-left:solid 1px #000;*/}

.muovi {text-transform: uppercase;  }

/* Fascia testa pagina */
#login {padding:5px 10px 0 0; background:transparent; color:#000; width:900px; margin:0 auto; text-align:right; height:15px; max-height:15px }


#testa {background:transparent url("portale.gif") no-repeat top center; padding:40px 10px 0 10px; height:150px; width:900px; margin:0 auto; text-align:center; font-family: Verdana, Tahoma;}
#testa p {position:absolute; left:20px; top:0; color:#ddd;padding:0;border:0;font-size:10px; height:28px;}
#testa img.logo {float:none; position:absolute; left:10px; top:40px;}

#logo {position:absolute; left:10px; top:35px; background:transparent; width:222px; height:90px}

/* Menu Alto */
#menualto {
/*position:absolute; top:184px; left:10px;*/
background:#dce1e5 url("bg-menubasso.jpg")
top left repeat-x; color:#fff; margin:0 10px 0 10px;
text-align:left; width:900px; height:32px; vertical-align: middle; 
border-top-width: 1px;
border-top-style: solid;
border-top-color: #00447e;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #00447e;
clear:both}

#rialza {
position:absolute; top:192px; left:10px;
text-align:left; width:900px; height:32px; vertical-align: middle;clear:both
}
#rialza ul{background:transparent; color:#fff; font-size:11px; list-style:none; font-family: Verdana, "Century Gothic", Tahoma;}
#rialza li{float:left; background:transparent; color:#00447e; padding:0}
#rialza ul a{padding:8px 8px 8px 8px; float:left; color:#000; background:transparent; border-right:1px solid #A0B1CB;  text-decoration:none; height:15px;}
#rialza ul a:hover,#menualto ul a:focus,#menualto ul a:active{background:transparent url("bg-menubasso-sel.jpg") top left repeat-x; color:#333; text-decoration:underline;}
#rialza ul li#activelink a {background:transparent url("bg-menubasso-sel.jpg") top left repeat-x; color:#000;}

/*
#menualto ul{background:transparent; color:#fff; font-size:100%; list-style:none; }
#menualto li{float:left; background:transparent; color:#00447e; padding:0}
#menualto ul a{padding:8px 8px 8px 8px; float:left; color:#000; background:transparent; border-right:1px solid #A0B1CB;  text-decoration:none; height:15px;}
#menualto ul a:hover,#menualto ul a:focus,#menualto ul a:active{background:transparent url("bg-menubasso-sel.jpg") top left repeat-x; color:#333; text-decoration:underline;}
#menualto ul li#activelink a {background:transparent url("bg-menubasso-sel.jpg") top left repeat-x; color:#000;}
*/

/* Image Menu */
#imageMenu {position:absolute; right:10px; top:40px; width:300px; height:150px; overflow:hidden;}
#imageMenu ul {list-style:none; margin:0; display:block; height:150px; width:1000px;}
#imageMenu ul li {float: left;}
#imageMenu ul li a {width:100px; height:150px; text-indent:-600px; background:#fff none repeat scroll 0%; cursor:pointer; display:block; overflow:hidden;}
#imageMenu ul li.opera0 a {	background: url("11.jpg") repeat scroll 0%;}
#imageMenu ul li.opera1 a {	background: url("22.jpg") repeat scroll 0%;}
#imageMenu ul li.opera2 a {	background: url("00.jpg") repeat scroll 0%; width:270px;}
.clear {clear: both;}

/* Fascia principale - contenuti*/
/*#corpo {background:transparent url("bg-r.gif") no-repeat left top; color:#000; width:890px; padding:0 5px; margin:0 auto;}*/


/* Sezione SIDE MENU */
/*.riservato {color:#d00!important;}*/
.sfuma {background:transparent url("sfondopagina.gif") no-repeat left top; border: 0; height: 1px}
#wcolonnamenu {position:absolute; top:240px; left:10px; background-color:transparent; color:#fff; width:225px; min-width:225px;}
#colonnamenu {background-color:transparent; color:#fff; width:225px; padding-bottom: 18px; font-size: 13px;}
#colonnamenu a {background-color:transparent; color:#146b13; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}

#colonnamenu ul{background:transparent; margin:0 0 0 1em; padding:0; list-style-type: none;}
#colonnamenu li{width:200px; background:#fff; color:#A9AAAC; display: block; text-align:left}
#colonnamenu ul a{border-bottom:1px solid #c9cAcC; background:#fff; color:#00447e; text-decoration: none; display:block; padding:2px; width:192px; font-size:100%;margin-left:6px;}
#colonnamenu ul a:hover, #colonnamenu a:focus, #colonnamenu a:active{ background:#eee; color:#000; text-decoration: underline}
#colonnamenu ul li.titolo {
	background:transparent url("bg-titolo.jpg") no-repeat bottom left;
	color:#333;
	margin:0;
	margin-left:6px;
	border-bottom:0;
	padding-bottom:3px;
	font-weight: bold;
	font-size:16px;
	font-family: "Century Gothic", Tahoma, Geneva, sans-serif;
	text-align:left;
	line-height: 140%
}
#colonnamenu ul li#activelink a {background:#eee; color:#00447e;}



/* Menu Basso */
#menubasso {background:#00447e url("bg-menubasso.jpg") top left repeat-x; color:#000; margin:0 auto; text-align:left; width:900px; height:33px; vertical-align: middle; border-top:1px solid #00447e; border-bottom:1px solid #00447e; clear:both;}
#menubasso ul{background:transparent; color:#fff; font-size:11px; list-style:none;  font-family: Verdana, "Century Gothic", Tahoma;}
#menubasso li{float:left; background:transparent; color:#00447e; padding:0;}
#menubasso ul a{padding:8px 8px 8px 8px; float:left; color:#000; background:transparent; border-right:1px solid #A0B1CB;  text-decoration:none; height:15px;}
#menubasso ul a:hover,#menubasso ul a:focus,#menubasso ul a:active{background:transparent url("bg-menubasso-sel.jpg") top left repeat-x; color:#000; text-decoration:underline;}
#menubasso em{background:transparent; color:#00447e; margin-right:15px; float:right; margin-top:10px; font-family:Tahoma, Geneva, sans-serif;} 


.first {background:transparent; color:#fff; float:right; margin-right:5px; }
.first a{padding-left:0; background-image:none!important;}

#validazioni {background:transparent url("bg-validazioni.gif") no-repeat bottom center;min-height:30px; padding:10px 15px 20px 15px; text-align:left; width:890px; clear:both; font-size:90%; margin:0 auto; color:#000} 
#validazioni ul{background:transparent; color:#000; font-size:100%; list-style:none; }
#validazioni li{float:left; background:transparent; color:#000; padding:0 8px 0 0; /* border-left:1px solid #b44; */}
#validazioni ul a{background-position:0% 50%; background-repeat:no-repeat; background-image:url("ok2.png"); padding-left:14px; float:left; color:#000; text-decoration:none;}
#validazioni ul a:hover{color:#333; text-decoration:underline;}



.promo {
	font-family: "Century Gothic", Tahoma,Geneva,sans-serif;
	text-align: left;
	font-size: 11px;
	padding-left: 6px;
color: #003366;
	}
#DXcontenuto { border: 0; padding: 16px; text-align: left }

#DXcontenuto a {color:#00447e; text-decoration: none;}
#DXcontenuto a:hover {color:#000; text-decoration: underline;}
#DXcontenuto a:visited {color:#00447e;}

#DXcontenuto { font-family: Century Gothic, Tahoma, Verdana, Arial; font-size: 13px }
#DXcontenuto .hh1 { 
font-family: "Century Gothic", "Trebuchet MS", Tahoma;
font-size: 20px;
font-weight:bold;
text-align:left;
border-bottom:3px double #ccc; color:#106;
padding:0px 0px 3px 0;
margin:5px 0px 3px 0px;
text-transform: uppercase;
margin-bottom: 14px;
 }
#DXcontenuto .hh2 { 
font-family: "Century Gothic", "Trebuchet MS", Tahoma;
font-size: 15px;
font-weight:bold;
color:#106;
/*border-bottom:1px solid #ccc;*/
margin:10px 4px 3px 0px;
padding:2px 0 2px 0;
/*margin-bottom: 14px;*/

 }
#DXcontenuto .hh3 { 
font-family: "Century Gothic", "Trebuchet MS", Tahoma;
font-size: 14px;
font-weight:bold;
text-transform: uppercase;
color:#f60;
border-bottom:1px solid #ccc; 
margin:10px 200px 3px 0px;
padding:2px 0 2px 0;
margin-bottom: 14px;
 }
#DXcontenuto .padda td { text-align: left; border-top: 1px dotted #ccc; padding-left: 2px; 
               padding-right: 2px; padding-top: 6px; padding-bottom: 2px }
#imgb img  { border:#0CF 1px solid;margin-right: 4px;margin-bottom: 4px  }
/* white theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url("mediabox/80.png") repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #000;
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.40);*/
}
#mbCenter a img { border: none; }

#mbCenter.mbLoading {
	background: #fff url("mediabox/whiteloading.gif") no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}


#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #888;
}

#mbImage a:hover, #mbImage a:active {
	color: #000;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #333;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #333;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 54px;
	background: transparent url("mediabox/whiteprevious.gif") no-repeat center;
}

#mbNextLink {
	width: 54px;
	background: transparent url("mediabox/whitenext.gif") no-repeat center;
}

#mbCloseLink {
	width: 65px;
	background: transparent url("mediabox/whiteclose.gif") no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #700;
	font-weight: bold;
	text-decoration: underline;
}