#nav ul, #nav ol, #nav li { list-style: none; margin: 0; padding: 0; }#nav { z-index: 103; }#nav > a { z-index: 103; }@media (max-width: 40em) { #nav li { font-size: 7pt; }}@media (min-width: 40em) { #nav li { font-size: 9pt; }}#nav li { font-family: Verdana, Arial, Helvetica, sans-serif; }@media (min-width: 40em) { #nav_header { background-color: transparent; }}#nav_header { position: relative; text-align: center; vertical-align: middle; width: 100%; box-sizing: border-box; }@media (max-width: 990px) { #nav { width: 100%; }}@media (min-width: 990px) { #nav { width: 990px; }}@media (max-width: 990px) { #nav { float: none; }}@media (min-width: 990px) { #nav { text-align: center; margin: 0 auto; left: 0; right: 0; margin-left: auto; margin-right: auto; }}#nav > a { display: none; }#nav li { position: relative; }#nav li a { color: #ffffff; display: block; }#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a { color: #eeeeee; }/*TRIANGOLINO*/@media (min-width: 40em) { #nav span:after { width: 0; height: 0; border: 0.335em solid transparent; border-bottom: none; content: ''; vertical-align: middle; display: inline-block; position: absolute; left: 44%; right: 0; }}/*TRIANGOLINO2*/@media (min-width: 40em) { .nav_triangA:after { transform: rotate(270deg); width: 0; height: 0; border: 0.335em solid transparent; border-bottom: none; content: ''; vertical-align: middle; display: inline-block; position: absolute; top: 35%; left: 95%; right: 0; }}/*TRIANGOLINO3*/@media (min-width: 40em) { .nav_triangB:after { transform: rotate(270deg); width: 0; height: 0; border: 0.335em solid transparent; border-bottom: none; content: ''; vertical-align: middle; display: inline-block; position: absolute; top: 35%; left: 152px; right: 0; }}/*FIRST LEVEL*/@media (min-width: 990px) { #nav > ul { float: right; }}#nav > ul { background-color: #ff6a06; height: 45px; }@media (max-width: 990px) { #nav > ul > li { width: 16.65%; }}@media (min-width: 990px) { #nav > ul > li { width: 164px; }}#nav > ul > li { height: 100%; float: left; }#nav > ul > li > a { height: 100%; line-height: 45px; text-align: center; vertical-align: top; }/*SECOND LEVEL*/#nav li ul { background-color: #f16405; display: none; position: absolute; top: 100%; }#nav li:hover ul { display: block; left: 0; right: 0; }#nav li ul a { text-align: left; vertical-align: middle; height: 15px; font-size: 7pt; padding: 0.42em 0.22em 0.60em 0.22em; }#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a { color: #eeeeee; }@media (max-width: 40em) {/*3 BARRETTE*/#nav_header { background: none; background-color: transparent; margin-top: 35px; margin-bottom: -35px; width: 94%; position: relative !important; opacity: 0.96; }#nav { margin-top: -35px !important; position: absolute; width: 100%; margin: 0; top: 0; left: auto; }#nav > a { position: absolute; top: 0; cursor: pointer; margin: 0 auto; padding: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; text-indent: -9999px; background: url("/top_var/nav/trebarrette.png"); background-repeat: no-repeat; background-color: #ff6a06; border: 1px solid #ff6a06; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 55px; height: 35px; text-align: center; }#nav > a:hover { text-decoration: none; background: url("/top_var/nav/trebarrette_hover.png"); background-repeat: no-repeat; background-color: #ff6a06; border: 1px solid #ff6a06; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }#nav li ul a { height: 15px; line-height: 15px; text-align: left; vertical-align: middle; font-size: 7pt; border: none; padding: 0.42em 0.22em 0.60em 0.22em; }#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block; }/*FIRST LEVEL*/#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a { color: #eeeeee; background-color: transparent; }#nav > ul { background-color: #ff6a06; border: 1px solid #ffffff; border-radius: 4px; width: 100%; height: auto; display: none; position: absolute; text-align: center; margin: 0 auto; padding: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }#nav:target > ul { margin-top: 35px; display: block; }#nav > ul > li { min-width: 100%; width: 100%; float: none; text-align: center; margin: 0 auto; left: 0; right: 0; margin-left: auto; margin-right: auto; }#nav li a { border-radius: 0 !important; color: #ffffff; }#nav > ul > li > a { height: 22px; line-height: 22px; text-align: center; vertical-align: top; }#nav > ul > li:not( :last-child ) > a { border-right: none; border-bottom: 1px solid #ffffff; }/*SECOND LEVEL*/#nav li ul { position: absolute; padding: 0; }/*BLOCCO SUBNAV*/#nav li:hover ul { border-bottom-width: 1px; border-bottom-color: #ffffff; border-bottom-style: solid; border-left-width: 1px; border-left-color: #ffffff; border-left-style: solid; border-right-width: 1px; border-right-color: #ffffff; border-right-style: solid; color: #eeeeee; background-color: #ff6a06; display: block; float: none; z-index: 109; }#nav li ul li a:hover, #nav li ul ul:not( :hover ) li.active a { background-color: transparent; }#nav > ul ul > li:not( :last-child ) > a { border-right: none; border-bottom: 1px solid #ffffff; }}#nav li:hover ul ul { display: none; }/*THIRD LEVEL*/@media (min-width: 990px) {#nav li li:hover ul { display: block; left: 164px; top: 0; }#nav li li:hover ul ul { display: block; left: 162px; top: 0; }#nav li ul ul a, #nav li ul li ul a:hover { background-color: #f16405 !important; width: 162px; text-align: left; vertical-align: middle; height: 15px; font-size: 7pt; padding: 0.42em 0.22em 0.60em 0.22em; }#nav > ul ul > li:hover > a, #nav > ul ul:not( :hover ) > li.active > a { color: #eeeeee; background-color: transparent; }}.ico_posiz, .ico_posiz_car { margin-left: 3px; } .ico_posiz_stm { float: right; margin-right: 5px; }