body{color:#000;background-color: #fff; font-size: 100%; font-family: 'Roboto', sans-serif;margin: 0 auto; padding: 0; } img{text-decoration:none; border-style: none; } #global{background:rgba(255,255,255, 0.8);margin: 0; padding: 0; } #bg{position:fixed;top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: -5000; } #clear{clear:both;} .dropdown-notification{height:40px;line-height:40px;position:relative;top:-40px;transition:top .2s;/* don't forget to use prefixes */ } .dropdown-notification.active{top:0;} /* BARRA LINGUA */ #flag{background:transparent;} #flag{position:absolute;height:27px;} #flag ul.lang{text-align:right;margin:0px;padding:2px 5px;} #flag ul.lang li.flag{display:inline;margin-left:1px;padding:0px 4px 0px 4px;} /* SESSIONE UTENTE */ #session{background:rgba(255,255,255, 0.2);color:#629D83 !important;position:absolute;width:15%;height:25px;top:0px;right:0;margin:0;padding:0 50px 0 0;} #session p{background:transparent;color:#003366 !important;font-size:0.6em;height:40px;margin:0 0 0 30px !important;padding:5px 0 0 0 !important;text-align:right;} #session img.logout{padding:0;margin: 0 10px;max-width:16px;} /* HEADER */ #headerbox{background:transparent;width:100%;clear:both;padding:0;} #header{background:rgba(247,247,243,1.0);border-bottom:rgba(51,105,30,1.0) 3px solid;} #header{margin:0 auto;padding:0;clear:both; } #header h1{color:#ccc;overflow:auto;font-family:'BenchNine',sans-serif;font-size:2.0em;font-weight:bold;z-index:1;height:75px;margin:0 0 0 20px;} #header h1 a{color:#ccc;text-decoration:none;} #header h1 a:hover{ color: #ccc;text-decoration:none;} #header p{color:#CC0033;font-size:0.8em;line-height:1.1em;font-weight:bold;padding:15px 0 0 12px;} #header ul.headmenu{background:#990000;list-style: none;margin:55px 4px 0px 4px;padding:3px 5px 0;float: right;} #header ul.headmenu li{font-size:0.7em;line-height: 1.0em;display:inline;letter-spacing: 0px;margin: 0 4px;padding: 0 5px;} #header ul.headmenu li a{ color: #fff;font-weight: bold; text-decoration: none; text-transform: uppercase; } #header ul.headmenu li a:hover{ color: #fff;font-weight: bold; text-decoration: none; } #header img.logo{ margin: 0 3px 0 15px; max-height: 80px; display:block;position:absolute;border-style: none; } #header ul.logos{ background: none; position: absolute; list-style: none; margin: 0 2px; padding: 0; right: 0; top: 0; } #header ul.logos li{ display: inline; } #header ul.logos li img{ padding: 0 3px; margin: 0; top: 0; } #header a#skipnav{ position: absolute; left: -9000px; } /* SEARCH BAR */ #headerbox #search{margin:0;padding:0;} #headerbox #search form{width:100%;margin:0;padding:0;height:auto;border-top:1px #ccc solid;border-bottom:1px #ccc solid;} #headerbox #search fieldset{width:100%;margin:0;padding:0;border:0;} #headerbox #search input{width:98%;height:30px;background:rgba(255,255,255,0.8) url('../graphics/bg_search.png'); background-size:contain; -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; background-position:98%; background-repeat:no-repeat; margin: 0; padding: 0 1%; border-radius: 0; border: 0; border-bottom: 1px; font-size: 1.2em; } /* BREADCRUMB */ #breadcrumbs{background: rgba(255,255,255,0.8);height:20px;width:100%;clear:both;padding:10px 0 0;margin:0 auto;} #breadcrumbs ul.navigator{color:#333;font-size:0.7em;list-style:none;text-align:left;letter-spacing:1px;margin:0;padding:0 5px;} #breadcrumbs ul.navigator li.head{display:inline; margin-left:1px;padding:0;} #breadcrumbs ul.navigator li.item{background:transparent;display:inline;margin-left:1px;padding:0px 0px 0px 20px;} #breadcrumbs ul.navigator li.current{ display:inline;margin-left:1px;padding:0px 0px 0px 20px;} #breadcrumbs ul.navigator li a{color:rgb(158,137,56);font-weight:bold;text-decoration:none;margin-left:0px;} #breadcrumbs ul.navigator a:hover{color:rgb(51,105,30);text-decoration:underline;} #breadcrumbs p.nav{ font-size: 0.7em; font-weight: 700; text-align: left; } /* MAIN MENU: NAVLIST*/ #navcontainer{background:transparent;padding:0;margin:0;position:absolute;width:100%;top:20px;text-align:center;} #navcontainer ul.navlist{background:transparent;font-family:'Benchnine',sans-serif;font-size:1.5em;text-transform:uppercase;letter-spacing:2px;margin:0;padding:0 20px;list-style:none;position:relative;display:inline-table;} #navcontainer ul.navlist:after{content:"";clear:both;display:block;} #navcontainer ul.navlist li{float:left;} #navcontainer ul.navlist li a{color:rgb(158,137,56);} #navcontainer ul.navlist li:hover a{color:rgb(51,105,30);} #navcontainer ul.navlist li.current a{color:rgb(51,105,30);} #navcontainer ul.navlist li.evidence a{color:rgb(158,137,56);background:transparent;} #navcontainer ul.navlist li.evidence:hover a{color:rgb(51,105,30);} #navcontainer ul.navlist li a, #navcontainer ul.navlist li.current a, #navcontainer ul.navlist li.evidence a{display:block;text-decoration:none;} .slicknav_menu, .dl-trigger{display:none;} /* Nasconde il menu' mobile di default, poi visibile con CCs finali */ /* MAIN MENU': NAVLIST - DROPDOWN MENU */ #navcontainer ul.navlist ul.subnav{display:none;background:rgba(43,43,43,0.8);list-style:none;border-radius:0px;padding:0;position:absolute;top:100%;z-index:999;} #navcontainer ul.navlist ul.subnav li{border-top:1px solid #333;border-bottom:1px solid #333;min-width:250px;font-size:0.8em;float:none;position:relative;} #navcontainer ul.navlist ul.subnav li a{color:#fff !important;text-align:left;padding:5px 40px;} #navcontainer ul.navlist ul.subnav li a:hover{background:rgba(85,139,47,0.9);} /* CONTENITORI */ #container01{background:rgba(255,255,255, 0.9);margin:0 auto 0;padding:0;} #container02{background:rgba(255,255,255,0.9);margin-right:auto;margin-left:auto;padding:0;overflow:auto;} #content{ background:transparent;text-align:left;margin:0;height: auto !important;/* per tutti i browser */height:440px;/* per IE5.x e IE6 */min-height:440px;/* per tutti i browser */} #login{text-align:left;width:100%;height:auto !important;/* per tutti i browser */height:390px;/* per IE5.x e IE6 */min-height:390px;/* per tutti i browser */} #home{text-align:left;width:100%;} /* NAVIGAZIONE VERTICALE - SOTTOMENU */ #nav {background:transparent;font-family:'BenchNine', sans-serif;text-align:center;padding:0;margin:0;position:relative;width:100%;} #nav h2{color:#333;font-size: 1.4em;font-weight:bold;text-transform:uppercase;margin-top:25px;padding-left:0px;} #nav ul.menu{background:rgba(255,255,255,1.0);width:98%;text-align:center;list-style-type:none;padding:0 1% 0;margin:0;} #nav ul.menu a{font-size:1.5em;line-height:1.8em;text-transform:uppercase;text-decoration:none;white-space:normal;list-style-type:none;list-style-image:none;display:list-item;} #nav ul.menu li{display:inline-block;} #nav ul.menu li.head a{background:transparent;border-radius:0;color:#fff;font-weight:700;text-transform:uppercase;text-align:center;padding:8px 10px 8px 20px;margin:0;} #nav ul.menu li.title a{background:transparent;color:rgb(158,137,56);font-weight:400;border-left:0px solid #961919;white-space:normal;padding:8px 25px;margin:0 3px;} #nav ul.menu li.title a:hover{color:#558B2F;} #nav ul.menu li.title cur a{color:#558B2F;} #nav ul.menu li.item a{background:transparent;color:rgb(158,137,56);font-weight:400;padding:8px 7px;margin:0 3px;} #nav ul.menu li.item a:hover{color:#558B2F;} #nav ul.menu li.item cur a{color:#558B2F;} /* FOOTER */ #footerbox{background:transparent;} #footerbox{clear:both;padding:0;} #footer{background:rgba(255,255,255,0.9);} #footer{margin:0 auto;clear:both;} #footer p{color:#006FDA;} #footer p.link a{color:#fff;background:#006FDA;} #footer p.link a:hover{color:#fff;background:#006FDA none;} #footer ul.footmenu{color:rgb(158,137,56);background:transparent;text-align:center;font-family:'BenchNine',sans-serif;font-size:1.4em;} #footer ul.footmenu { list-style: none; padding: 3px 5px 0 5px; } #footer ul.footmenu li { background: transparent; letter-spacing: 0px; } #footer ul.footmenu li { display: inline; margin: 0 4px; padding: 0 5px 0 15px; } #footer ul.footmenu li a { color: rgb(158,137,56); background: transparent; font-weight: 500; font-weight: 400; text-decoration: none; text-transform: lowercase; } #footer ul.footmenu li a { margin: 4px 0 0 0; padding: 4px 20px; } #footer ul.footmenu li a:hover { color: rgb(51,105,30); background: transparent; text-decoration: none; } #footer ul.footmenu li.current a { color: rgb(51,105,30); background: transparent; font-weight: 400; text-transform: lowercase; text-decoration: none; } #footer ul.footmenu li.evidence a { color: #fff; background: rgb(158,137,56); text-decoration: none; } #footer ul.footmenu li.evidence a:hover { color: #006FDA; background: rgb(158,137,56); text-decoration: none; } #footer ul.logos { background: transparent; list-style: none; margin: 0px 2px; padding: 0; float: left; font-size: 1.0em; line-height: 1.2em; } #footer ul.logos li { display: inline; } #footer ul.logos li img { padding: 0px 3px; margin: 0; top: 0px; } /*Social Icons*/ #social { background-color: transparent; margin: 10px 0; text-align: center; } #social ul.social { text-align: center; list-style: none; display: inline-block; margin: 5px auto; } #social ul.social li { padding: 0px; display: inline; position: relative; margin: 0 10px; } /* div#social ul.social li a { position: absolute; } */ #social ul.social li img { width: 32px; left: 0px; padding: 0; margin: 0; border: none; overflow: hidden; } /* COLORI SILKNAV MENU' RESPONSIVE 4 SMARTPHONES*/ .slicknav_menu .slicknav_icon-bar{-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} .slicknav_btn{background-color:#fff;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);} .slicknav_menu .slicknav_menutxt{color:#FFF;text-shadow:0 1px 3px #193349;} .slicknav_menu .slicknav_icon-bar{background-color:#777;} .slicknav_menu{background:#777;font-family:'Arya',sans-serif;font-size:1.0em;} .slicknav_nav{color:#fff;font-size:1.6em;} .slicknav_nav a{color:#fff;} .slicknav_nav .slicknav_row:hover{background:#ccc;color:#fff;} .slicknav_nav a:hover{background:#ccc;color:#222;} /*COMPANY*/ #company { background: rgba(255,255,255,0.9); color: rgb(158,137,56); border-radius: 0; font-size: 1.0em; text-align: center; clear: both; margin: 0 auto; padding: 20px 0 5px 0; } #company p { color: rgb(158,137,56); text-align: center; font-size: 0.7em; margin: 0 auto; } #company a { color: rgb(158,137,56); text-decoration: none; font-weight: 400; } #company strong { color: rgb(158,137,56); font-weight: 400; } #company img { margin: 0px 10px; } #company ul.logos { background: transparent; clear:both; list-style: none; text-align: center; margin: 5px; padding: 0;} #company ul.logos li { background: transparent; display: inline; margin: 0; } #company ul.logos li img { padding: 0px 3px; margin: 0; top: 0px; } /* Start by setting display:none to make this hidden.Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ .modal{display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:rgba( 255, 255, 255, .8) url('https://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;} /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading .modal {overflow:hidden;} /* Anytime the body has the loading class, our modal element will be visible */ body.loading .modal {display:block;} /* Codice per SMARTPHONE max 320 px */ #cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: #33691E; color: #fff; padding: 12px 20px; font-size: 13px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; z-index: 9999; } #cookie-banner a { color: #fff; text-decoration: underline; } #cookie-banner a:hover { color: #9E9D23; } #cookie-ok {background: #fff;color: #33691E;border: none;padding: 5px 14px;font-size: 13px;font-weight: 500;border-radius: 4px;cursor: pointer;white-space: nowrap;} #cookie-ok:hover {background: #f2f7ee;} @media only screen and (max-width: 320px) { #header, #container02, #footer, #company{width:100%;} #session{right:auto;left:0;width:80%;padding:0;} #social{margin:0;} #social ul{padding:0;} #headerbox{position: relative !important;z-index: 0;} #header h1{text-align:center;height:80px;} #header img.logo{float:none;display:inline;position:relative;margin:0;} #flag{background:transparent;top:0px;left:0px;width:auto;margin:5px;} #navcontainer, #navcontainer ul.navlist li:hover > ul.subnav{display:none;} .js .navlist{display:none;} .js .slicknav_menu{display:block;} #nav{display:none;} #content { margin-left: 0px; } #social ul.social li img { height: 32px; } #footer ul.footmenu { width: 95%; margin: 0; } #footer ul.footmenu li { display: list-item; text-align: center; } } /* Codice per SMARTPHONE 321 – 480 px */ @media only screen and (min-width: 321px) and (max-width: 480px) { #header, #search, #container02, #footer, #company{width:100%;} #session{right:auto;left:0;width:80%;padding:0;} #social{margin:0;} #social ul{padding:0;} #headerbox{position: relative !important;z-index: 0;} #header h1{text-align:center;height:80px;} #header img.logo{float:none;display:inline;position:relative;margin:0;} #flag{background:transparent;top:0px;left:0px;width:auto;margin:5px;} #navcontainer, #navcontainer ul.navlist li:hover > ul.subnav{display:none;} .js .navlist{display:none;} .js .slicknav_menu{display:block;} #nav{display:none;} #content { margin-left: 0px; } #social ul.social li img { height: 32px; } #footer ul.footmenu { width: 95%; margin: 0; } #footer ul.footmenu li { display: list-item; text-align: center; } } /* Codice per TABLET VERT 481 – 768 px */ @media only screen and (min-width: 481px) and (max-width: 768px){ #header, #search, #container02, #footer, #company{width:100%;} #session{right:auto;left:0;width:80%;padding:0;} #social ul{padding:0;} #headerbox{position: relative !important;z-index: 0;} #header h1{text-align:center;height:80px;} #header img.logo{float:none;display:inline;position:relative;margin:0;} #flag{top:5px;left:0px;} #navcontainer, #navcontainer ul.navlist li:hover > ul.subnav{display:none;} .js .navlist{display:none;} .js .slicknav_menu{display:block;} #nav{display:none;} #content { margin-left: 0px; } #social ul.social li img { height: 32px; } #footer ul.footmenu { width: 95%; margin: 0; } #footer ul.footmenu li { display: list-item; text-align: center; } } /* Codice per TABLET ORIZ 769 – 1024 px */ @media only screen and (min-width: 769px) and (max-width: 1024px) { #header, #search, #container02, #footer, #company{width:100%;} #header h1{height:90px;} #flag{float:right;top:0px;right:0px;} #navcontainer{height:0;} #navcontainer ul.navlist{font-size:1.4em;} #navcontainer ul.navlist li:hover > ul.subnav{display:block;} #navcontainer ul.navlist li a, #navcontainer ul.navlist li.current a, #navcontainer ul.navlist li.evidence a{padding:5px 10px;} #footer ul.footmenu{margin:0 4px;} } /* Codice per DESKTOP 1025 1240 px */ @media only screen and (min-width: 1025px) and (max-width: 1240px){ #header, #search, #container02, #footer, #company{width:100%;} #flag{float:right;top:0px;right:0px;} #navcontainer{height:0;} #navcontainer ul.navlist li:hover > ul.subnav{display:block;} #navcontainer ul.navlist li a, #navcontainer ul.navlist li.current a, #navcontainer ul.navlist li.evidence a{padding:5px 12px;} #footer ul.footmenu{margin: 0 4px;} } @media only screen and (min-width: 1241px) and (max-width: 1880px) { #header, #search, #container02, #footer, #company{width:100%;} #flag{float:right;top:0px;right:0px;} #navcontainer{height:0;} #navcontainer ul.navlist li:hover > ul.subnav{display:block;} #navcontainer ul.navlist li a, #navcontainer ul.navlist li.current a, #navcontainer ul.navlist li.evidence a{padding:5px 12px;} #footer ul.footmenu{margin:0 4px;} } /* Codice per DESKTOP min. 1881 px */ @media only screen and (min-width: 1881px){ #header, #search, #footer, #container02, #company{width:100%;} #flag{float:right;top:0px;right:0px;} #navcontainer{height:0;} #navcontainer ul.navlist li:hover > ul.subnav{display:block;} #navcontainer ul.navlist li a, #navcontainer ul.navlist li.current a, #navcontainer ul.navlist li.evidence a{padding:5px 12px;} #footer ul.footmenu{margin:0 4px;} }