/* CSS Document */
html {width: 100%;}

body {
margin : 0;
padding : 0;
background : #ffffff;
background-image:url(img/bg-04.jpg);
background-attachment:fixed;
color : #101010;
font : normal 0.7em Verdana, Arial, Helvetica, Sans-Serif;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
vertical-align: bottom;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}

#wrapper {width: 900px; margin: 0 auto; text-align: justify;}

#header {float: left; width: 900px; height: 162px; background: #ffffff;  box-shadow : 6px 6px 3px #999999; border: #b2b2b2 solid; border-width : 0 0 0 1px;}
#logobox {display: inline; float: left; width: 220px; height: 150px; margin: 6px; background: url('img/bg_logobox.jpg') no-repeat; text-align: right;}
#logobox h1 {padding: 0px; margin: 0px; margin-top: -4px; margin-right: 20px; font: 20px 'Times New Roman', Times; color: #7575;}
#headimg {display: inline; float: left; width: 662px; height: 150px; margin: 6px; margin-left: 0px; background: url('img/header_image4.jpg') no-repeat;}

#bodybox {float: left; width: 900px; background: url('img/bg_bodybox.jpg'); box-shadow : 6px 6px 3px #999999; border: #b2b2b2 solid; border-width : 0 0 0 1px;}
#bodybox h3 {font: normal 14px Arial, Helvetica, sans-serif; color: #666666; margin: 18px 0 4px 10px; font-weight:bold;}

{clear:both;}

#subnavi {display: inline; float: left; width: 220px; margin-left: 6px; margin-top: 10px; padding-bottom: 10px;} 
#subnavi ul {list-style: none; padding: 0px; margin: 0px;}
#subnavi ul li {height: 1.4em; margin: 3px 0 0 34px; width: 181px;}
#subnavi ul li a {font: 11px Verdana, sans-serif; color: #0045aa; text-decoration: none;}
#subnavi ul li a:hover {text-decoration: none; color:black; background-color:#dedede;} 

#content {display: inline; float: left; width: 608px; margin-right: 20px; margin-left: 24px; margin-top: 2px; padding-bottom: 2px;}
#content h1 {font: bold 15px Arial, Helvetica, sans-serif; color: #757575; margin: 12px 0 6px 0;}
#content h2 {font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; color:#757575;margin:0 0 2px 0;font-weight:bold;} /* text-transform: uppercase; */
#content h3 {font: italic 12px Verdana, Arial, Helvetica, sans-serif; margin:1px 0 2px 0;text-align:center;}
#content h4 {font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin:1px 0 4px 0;text-align:center;}
#content h5 {font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #757575; margin: 10px 0 5px 0;} /* titoli alternativi a h1 */
#content p {line-height: 14px;}

.nowrap {white-space: nowrap;}

#footer {display: inline; float: left; width: 900px; height: 41px; background: url('img/bg_footer.jpg') no-repeat; text-align: center; box-shadow : 6px 6px 3px #999999; border: #b2b2b2 solid; border-width : 0 0 0 1px;}
#footer p {margin: 6px; padding: 0px; font: 10px/28px Verdana, sans-serif; color: #535353;}
#footer a {font: 11px Verdana, sans-serif; color: #535353; text-decoration: none;}
#footer a:hover {font: 11px Verdana, sans-serif; color: #535353; text-decoration: underline;}

#footer-2 {display: inline; float: left; width: 900px; text-align: center; }

div.imgbox {float: right; width: 152px; text-align: left; margin-left: 4px;  margin-bottom: 10px;}
div.imgbox p {text-align: left; margin: 0px; padding: 0px; font: 11px Verdana, sans-serif; color: #535353;}

.col {font-size:11px;color:#000030;font-style:normal;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none;}
.col:link {text-decoration:none;color:#0045aa;font-weight:normal;}
.col:visited{color:#0045aa;text-decoration:none;font-weight:normal;}
.col:hover{color:black;text-decoration:none;background-color:#e8e8e8;font-weight:normal;}

.col2 {font-size:10px;color:#000030;font-style:normal;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none;}
.col2:link {text-decoration:none;color:#0045aa;font-weight:normal;}
.col2:visited{color:#0045aa;text-decoration:none;font-weight:normal;}
.col2:hover{color:black;text-decoration:none;background-color:#e8e8e8;font-weight:normal;}

.info {font: normal .9em Verdana, Arial, Helvetica, sans-serif; color: #333333;}

.num {color: #696969; background-color:#ffffde; font-size: .8em; padding: 0 2px;}
.new{color: red; background-color:#ffe1f0; font-weight:bold; padding: 0 2px;}
.new2{color: red; font-size:.9em; background-color:#ffe1f0; font-weight:bold;}
h5 {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #555555; margin: 1px 0 2px 0;}
.par{font: normal 13px Arial, Helvetica, sans-serif; color: #757575; padding: 24px 0 6px 12px; font-weight:bold;}


table.ins {
	border-width: 1px;
	border-spacing: 3px;
	border-style: none;
	border-color: white;
	border-collapse: separate;
	background-color: white;
	box-shadow : 4px 4px 2px #999999; 
}
table.ins td {
	border-width: 1px 0 0 1px;
	padding: 2px;
	border-style: solid;
	border-color: #888888;
	background-color: rgb(252,250,252);
	font: 11px Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #202020;
}

table.ins2 {border: 1px solid; background-color: rgb(255,255,255);}
table.ins2 td {border-width: 0; padding: 4px; font: 11px Verdana, Helvetica, sans-serif #333;}

table.ins2b {border: 0; background-color: rgb(250,250,250);}
table.ins2b td {
	border-width: 0 1px 1px 0;
	padding: 1px;
	border-style: solid;
	border-color: #888888;
	background-color: rgb(252,252,252);
	font: .9em Verdana, Helvetica, sans-serif;
}

table.ins3 {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #888888;
background-color: rgb(252,252,252);
box-shadow : 4px 4px 2px #999999; 
display:block;
cursor: pointer;
cursor: hand;
color:#0045aa;
font-weight:normal;
}
table.ins3 td {border-width: 0; padding: 2px; font: 11px Verdana, Helvetica, sans-serif #202020;}

table.ins4 {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #888888;
background-color: rgb(252,252,252);
box-shadow : 4px 4px 2px #999999; 
}
table.ins4 td {border-width: 0; padding: 2px; font: 11px Verdana, Helvetica, sans-serif #202020;}

table.nav {border: 1px solid; background-color: rgb(245,245,245); box-shadow : 4px 4px 2px #999999;}
table.nav td {border-width: 0; padding: 1px; font: 10px Verdana, Helvetica, sans-serif #333;}

.menuT3
{
    /*margin: 162px auto; width:900px;float:left;
    position:absolute;
    z-index:4;*/
    display: inline;
    float: left;
    width: 900px;
    height: 30px;
    background:#004080; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0077b3), to(#003366));
    background-image: -moz-linear-gradient(top, #0077b3, #003366);
    background: -ms-linear-gradient(top, #0077b3 0%,#003366 100%); /* IE10+ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow : 6px 6px 3px #999999; border: #b2b2b2 solid;
    border: 1px solid #002244;
    font: .9em Verdana, Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
}

.menuT3 li
{
    padding: 0;
    float: left;
    height: 30px;
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: #f0f0f0;
    z-index:5;
}

.menuT3 li:hover, .menuT3 li.onhover
{
    border-top:0;
}
.menuT3 a
{
    padding: 0 25px;
    line-height: 30px; /*Note: keep this value the same as the height of .menuT3 li */
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #fff;
    position: relative;
}
.menuT3 li:hover a, .menuT3 li.onhover a
{
	background-color: #0077b3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#0077b3));
	background-image: -moz-linear-gradient(top, #003366, #0077b3);
	background: -ms-linear-gradient(top, #003366 0%,#0077b3 100%); /* IE10+ */
    color: #FFF;
    z-index: 9;
}
        
/*for the top-level separators*/
.menuT3 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #aaa;
    height:20px;
    margin-top:8px;
    z-index:4;
}

.menuT3 li.first
{
    font-size:0;
    overflow:hidden;
    border-left:0;
    height:1px;
    margin-right:228px;
    z-index:4;
}

 .exp {  /* espansione immagini */
 transition-duration: 1s;
 -ms-transition-duration: 1s;
 -webkit-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -o-transition-duration: 1s;
 transition-property: transform;
 -ms-transition-property: -ms-transform;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 overflow:hidden;
 } 
 .exp:hover {
 -ms-transform: scale(2.3,2.3);
 -webkit-transform: scale(2.3,2.3);
 -moz-transform: scale(2.3,2.3);
 -o-transform: scale(2.3,2.3);
 }