html {
  scroll-behavior: smooth;
}
#menu_top { background: #F2F2F2 url(../images/bk-header.png) left top no-repeat; position: absolute; top: 0; right: 0; width: 340px; font: 12px/12px 'helveticaneuelt_std_ltregular'; font-weight: normal; }
#lingue { position: absolute; right: 15px; top: 40px; }
#lingue ul { list-style-type: none; }
#lingue ul li { display: inline; padding: 0 0 0 5px; }
#lingue ul li a { font-weight: normal; }
#lingue ul li.active a { color: #00425C; }
#lingue ul li a:hover { color: #00425C; }
#menu_home { background: none; float: right; width: 73px; height: 29px; font: 12px/12px 'helveticaneuelt_std_ltregular'; font-weight: normal; }
#menu_home li { list-style-type: none; }
#menu_home a { line-height: 31px; color: #eee; font-weight: normal; font-size: 14px; padding: 0 15px; text-decoration: none; text-transform: uppercase; }
#menu_home a:hover { color: #999; }
ul.topnav { list-style: none; float: right; margin: 0; }
html ul.topnav li.active a:hover, html ul.topnav li.active a.nolink:hover, html ul.topnav li.active a.nolink { color: #c9d400 !important; }
ul.topnav li { float: left; margin: 0; padding: 9px 0px 12px 0; position: relative; }
ul.topnav li:hover ul.subnav { display: block; }
ul.topnav li a { display: block; border-right: #809fae solid 1px; text-decoration: none; float: left; padding: 0 15px; color: #fff; font-weight: normal; text-transform: uppercase; font-size: 14px; }
ul.topnav li a.contatti { border: none; }
html ul.topnav ul.subnav li a:hover, html ul.topnav ul.sub-subnav li a:hover { color: #c9d400 !important; }
ul.topnav li span { display: block; color: #b1b3b4; }
ul.topnav li ul.subnav { list-style: none; position: absolute; left: -125px; top: 30px; margin: 0; padding: 0; display: none; float: left; width: 181px; z-index: 1000; background: #023f5e url(../images/subnav.png) no-repeat top left; padding: 20px 5px 10px 10px; border-radius: 0 0 5px 5px; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; clear: both; /*width: 170px; */ border-left: 0px; padding-left: 20px; color: #FFFFFF; line-height: 25px; padding: 5px 0 5px 0; }
ul.topnav li ul.subnav li.bordered { border-bottom: 1px solid #32637c; width: 168px; padding: 5px 0 5px 0; }
html ul.topnav li ul.subnav li a, html ul.topnav li.active ul.subnav li a { float: left; width: 153px; color: #fff; padding-left: 0px; line-height: 20px; font-size: 12px; border-right: 0px; text-transform: none; }
html ul.topnav li.active ul.subnav li a.nolink { cursor: default; pointer-events: none; }
/* sub-subnav */
ul.topnav li ul.subnav li ul.sub-subnav { list-style: none; margin: 0; }
ul.topnav li ul.subnav li ul.sub-subnav li { padding: 5px 0; border-bottom: 1px solid #32637c; }
ul.topnav li ul.subnav li ul.sub-subnav li a { margin: 0 0 0 0; }
html ul.topnav li a:hover { color: #c9d400!important }

/* media queries x risoluzione inferiore a 800px
ps: l'esatta copia della media query va nmessa anche su ie8lower.css -------*/
 @media screen and (max-width: 800px) {
body { min-width: 100%; }
.container { width: 100%; }
.centro { width: 115px; overflow: hidden; padding: 0 5px; }
.centro img { width: 100%; }
#gruppo { width: 400px; }
.doppia { width: 400px; }
.all-top { background: url(../img/top-all-800.png) bottom left no-repeat; }
.all-bottom { background: url(../img/bottom-all-800.png) top left no-repeat; }
.all { background: url(../img/content-all-800.png) left repeat-y; }
#container-storia .all img { width: 740px; }
.quattro2 { width: 270px; }
#footer ul.cinque li { width: 47%; }
.all_mission { background: url(../img/content-all-800.png) repeat-y left; width: 700px; }
.all-top_mission { background: url(../img/top-all-800.png) bottom left no-repeat; width: 760px; }
.all-bottom_mission { background: url(../img/bottom-all-800.png) top left no-repeat; width: 760px; height: 15px; }
.all-top-base { background: url(../img/top-all-800.png) bottom left; width: 760px; }
.all-top-storia { background: url(../img/top-all-800.png) bottom left; width: 760px; }
.all_mission table { width: 700px; }
#mission { margin: 0; }
#foto { width: 200px; padding: 20px 10px 0 25px; }
#foto img { width: 100% }
.img { width: 300px; }
.img img { width: 100%; }
#map { width: 740px; }
#cols-4 { margin: 20px 16px; }
.spazio { height: 0; }
#cols-4 .quattro p { padding-bottom: 0; }
.search .container { padding: 0 15px; }
}
 @media screen and (max-width: 767px) {
#footer ul.cinque { width: 100%; }
#footer div.cinque { width: 100%; text-align: center; }
#footer .bordo { border: none; }
#footer .container .lavora-con-noi { position: static; text-align: center; }
}
@media screen and (max-width: 480px) {
.search { }
.search .container { padding: 0 15px; }
ul.topnav li a { padding: 0 7px; font-size: 11px; }
#menu_top { width: 240px; }
#header #logo img { max-width: 104px; }
#main { margin-top: 30px; }
}