/************************************/
/* STILI SITO: COLORI BORDI E FONTS  #37a9e4 #eb222c */
/************************************/

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.8); color: #629D83 !important;position: absolute; width: 100%; height: 25px; top: 0px; right: 0; margin: 0 ; padding: 0 150px 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:0px 10px 0px 10px;margin: 0px 0px 0px 0px;max-width:16px;}

/* HEADER */
#headerbox{background:transparent;width:100%;clear:both;padding:0px 0px 0px 0px;}

#header{background: rgba(85,85,85,0.8);border-radius:0;margin:0 auto;padding: 0;clear: both;}
#header h1{color:#ddd;font-family:'BenchNine',sans-serif;font-size:2.0em;font-weight:bold;z-index:1;height:70px;margin: 0 0 0 20px;}
#header h1 a{color:#ddd;text-decoration: none; }
#header h1 a:hover{color:#ddd;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;}
#header ul.headmenu li          { display: inline; letter-spacing: 0px; margin: 0 4px; padding: 0 5px; }
#header ul.headmenu li a        { color: #fff; }
#header ul.headmenu li a        { font-weight: bold; text-decoration: none; text-transform: uppercase; }
#header ul.headmenu li a:hover  { color: #fff; }
#header ul.headmenu li a:hover  { font-weight: bold; text-decoration: none; }
#header img.logo                { background: rgba(255,255,255,0.8); margin: 2px 3px 0px 25px; max-height: 68px; float: left; border-style: none; }

#header ul.logos                { background: none; position: absolute; list-style: none; margin: 5px 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(85,85,85,0.8);height: 20px;clear:both;padding:7px 0 0;margin:0;}
#breadcrumbs ul.navigator{ color: #fff; font-size: 0.7em; }
#breadcrumbs ul.navigator{ list-style: none; text-align: left; letter-spacing: 2px; margin: 0; padding: 0 5px;}
#breadcrumbs ul.navigator li.head{display:inline; margin-left: 1px;padding: 0; }
#breadcrumbs ul.navigator li.item{color:#33CC66;display:inline;margin-left:1px;padding: 0 0 0 20px;}
#breadcrumbs ul.navigator li.current{color:#33CC66;display:inline;margin-left:1px;padding: 0 0 0 20px;}
#breadcrumbs ul.navigator li a{color:#fff;font-weight: bold;}
#breadcrumbs ul.navigator li a{text-decoration:none;margin-left:0px;}
#breadcrumbs ul.navigator a:hover{color:#33CC66;}
#breadcrumbs ul.navigator a:hover{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.2em;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:#fff;}
#navcontainer ul.navlist li:hover a{color:#33CC66;}
#navcontainer ul.navlist li.current a{color:#33CC66; }
#navcontainer ul.navlist li.evidence a{color:#eee;background:rgba(85,85,85,0.8);}
#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;}
#navcontainer ul.navlist ul.subnav{background:rgba(85,85,85,0.8);}
#navcontainer ul.navlist ul.subnav{list-style:none;border-radius:0px;padding:0;position:absolute;top:100%;z-index:999;}
#navcontainer ul.navlist ul.subnav li{border-top:0px 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{background:rgba(85,85,85,0.8);color:#fff;text-align:left;padding:5px 40px;}	
#navcontainer ul.navlist ul.subnav li a:hover{background:rgba(85,85,85,1.0);color:#33CC66;}

/* 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;}
#content 		{ 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% }
#login 			{ 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(85,85,85,0.8);width: 98%; text-align: center; list-style-type: none; padding: 0 1% 0; margin: 0; }
#nav ul.menu a{ font-size: 1.2em; line-height: 1.2em; 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;letter-spacing:2px; }
#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: #fff; font-weight: 400; border-left: 0px solid #961919;white-space: normal; padding: 8px 7px; margin: 0 3px; }
#nav ul.menu li.title a:hover{ color: #33CC66; }
#nav ul.menu li.title cur a{ color: #fff; }
#nav ul.menu li.item a{ background: transparent; color: #fff; font-weight: 400;padding: 8px 7px; margin: 0 3px; }
#nav ul.menu li.item a:hover{ color: #33CC66; }
#nav ul.menu li.item cur a{ color: #fff; }

/* 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: #003399; 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;font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px; }
#footer ul.footmenu li                  { display: inline; margin: 0 4px; padding: 0 5px 0 15px; }
#footer ul.footmenu li a                { color: #00aa00;background: transparent; font-weight: 400; text-decoration: none; }
#footer ul.footmenu li a                { margin: 4px 0 0 0; padding: 4px 20px; }
#footer ul.footmenu li a:hover          { color: #009900; background: transparent; text-decoration: none; }
#footer ul.footmenu li.current a        { color: #009900; background: transparent; font-weight: 400; text-decoration: none; }
#footer ul.footmenu li.evidence a       { color: #fff; background: #333; text-decoration: none; }
#footer ul.footmenu li.evidence a:hover { color: #009900; background: #333; text-decoration: none; }
#footer ul.logos{background:transparent;list-style:none;margin:0px 2px;padding:0;float:right;font-size:1.0em;line-height:1.2em;}
#footer ul.logos li{display:inline;}
#footer ul.logos li img{padding:0px 3px;margin:0 20px;top:0px;max-height:40px;}

/*Logos*/
#logos{width:100%;border-top:2px solid #558B2F;border-bottom:2px solid #558B2F;text-align:center;padding:15px 0;}
#logos ul.logos{background:transparent;list-style:none;margin:0px 50px 0 0;padding:0;font-size:1.0em;line-height:1.2em;}
#logos ul.logos li{background:transparent;display:inline;margin:0;}
#logos ul.logos li img{padding:0px 3px;margin:0 20px;top:0px;max-height:60px;}

/*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:#333;border-radius:0;font-size:0.7em;text-align:center;clear:both;margin:0 auto;padding:20px 0 5px 0;}
#company p{color:#333;text-align:center;font-size:0.8em;margin:0 auto;}
#company a{color:#000;text-decoration:none;font-weight:400;}
#company strong{color:#333;font-weight:500;}
#company img{margin:0px 10px;}

/* Codice per SMARTPHONE max 320 px  */
@media only screen and (max-width: 320px) {

#header, 
#container02,
#footer,
#company{width:100%;}
#session{right:auto;left:0;width:100%;padding:0;}
#social{margin: 0; }
#social ul{padding: 0; }

#header h1{text-align:center;height:80px;}
#header img.logo{float:none;}

#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:100%;padding:0;}
#social{margin:0;}
#social ul{padding:0;}

#header h1{text-align:center;height:80px;}
#header img.logo{float:none;}

#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:100%;padding:0;}
#social ul				{ padding: 0; }

#header h1{text-align:center;height:80px;}
#header img.logo{float:none;}

#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; }
/*#header h1{text-align:center;height:80px;}*//*-DA TOGLIERE--*/
/*#header img.logo{float:none;}*//*-DA TOGLIERE--*/
#flag                                           { float: right; top: 0px; right: 0px;}

#navcontainer                                   { height: 0; }
#navcontainer ul.navlist{font-size: 1.4em;padding-left:15%;}
#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%; }

/*#header h1{text-align:center;height:80px;}/*-DA TOGLIERE--*/
/*#header img.logo{float:none;}/*-DA TOGLIERE--*/
#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) {

#header, 
#search,
#container02,
#footer,
#company                                        { width: 100%; }

/*#header h1{text-align:center;height:80px;margin:0;padding:0;}*//*-DA TOGLIERE--*/
/*#header img.logo{float:none;margin:0;padding:0;}*//*-DA TOGLIERE--*/
#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; }
}