.btn1 {      background-color: #00327D;     color: white;     border: 2px solid #00327D;     font-size: 14px;     font-weight: bold;     font-family: Arial;     width:100%;     height:25px;     }
.btn1:hover {     color:#FCE200;    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;    cursor: pointer;     }
.btn2 {      background-color: #00327D;     color: white;     border: 2px solid #00327D;     font-size: 14px;     font-weight: bold;     font-family: Arial;     width:80%;     height:25px;     position:absolute;     bottom:35px;     right:10%;     }
.btn2:hover {     color:#00327D;     background-color: white;    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;    cursor: pointer;    border: 4px outset #00327D;     }
.btn3 {      background-color: #00327D;     color: white;     border: 2px solid #00327D;     font-size: 14px;     font-weight: bold;     font-family: Arial;     width:80%;     height:25px;     }
.btn3:hover {     color:#00327D;     background-color: white;    -webkit-transition-duration: 0.4s;    transition-duration: 0.4s;    cursor: pointer;    border: 4px outset #00327D;     }
.style1 {width:30%color:#3F51B5;font-family:arial;font-size: 13px;font-weight: bold;}
.stylelink {width:30%color:#3F51B5;font-family:arial;font-size: 10px;font-weight: bold;}
.style1transrf {color:#3F51B5;font-family:arial;font-size: 12px;font-weight: bold;}
.style1trans {color:#3F51B5;font-family:arial;font-size: 10px;font-weight: bold;}
.style2trans {font-family:arial;font-size: 10px;}
.style3trans {font-family:arial;font-size: 10px;}
.style3transrf {font-family:arial;font-size: 12px;}
.style4trans {font-family:arial;font-size: 10px;background-color:#e6e6ff;}
.style4transrf {font-family:arial;font-size: 12px;background-color:#e6e6ff;}
.style5trans {color:#3F51B5;font-family:arial;font-size: 10px;font-weight: bold;background-color:#e6e6ff;}
.logout:link {color:3F51B5;font-family:arial;font-size: 13px;font-weight: bold;}
.logout:visited {color:#00327D;font-family:arial;font-size: 13px;font-weight: bold;}
.logout:hover {color:#3F51B5;font-family:arial;font-size: 13px;font-weight: bold;}
.styletable {font-family:arial;font-size:11px;}
.stylemarco {font-family:arial;border-width:4px;border-style:outset;}
.styleconsulta {font-family:arial;font-weight:bold;color:white;border-width:7px;border-style:outset;background-color: #5ADD30;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;padding-top:0.3em;padding-bottom:0.3em;text-shadow: -2px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
.styleconsultatv {font-family:arial;font-weight:bold;font-size:13px;color:black;border-width:4px;border-style:outset;background-color: #ADFFAB;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;padding-top:0.3em;padding-bottom:0.3em;}
.styleconsultatv1 {font-family:arial;font-weight:bold;font-size:13px;color:white;background-color: #3333ff;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;text-shadow:-2px -1px 1px #000,  1px -1px 1px #000;}
.styleconsultatv1 a {font-family:arial;font-weight:bold;font-size:13px;color:white;background-color: #3333ff;border-color:white;box-shadow: 1px 1px 5px #00327D;text-shadow:-2px -1px 1px #000,  1px -1px 1px #000;}
.styleconsultatv2 {font-family:arial;font-weight:bold;font-size:13px;color:#000;background-color: silver;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;}
.stylefiltro_p {font-family:arial;font-weight:bold;font-size:13px;color:white;background-color: #3333ff;border-color:white;box-shadow: 1px 1px 5px #00327D;text-shadow:-2px -1px 1px #000,  1px -1px 1px #000;}
.styleconsultatv2 a {font-family:arial;font-weight:bold;font-size:13px;color:#000;background-color: silver;border-color:white;box-shadow: 1px 1px 5px #00327D;}
.styleconsultatitulo {font-family:arial;font-weight:bold;font-size:14px;color:#00327D;background-color: #e6e6ff;border-color:black;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;text-shadow:-2px -1px 1px #fff,  1px -1px 1px #fff;}
.styleconsultapen {font-family:arial;font-weight:bold;color:white;border-width:7px;border-style:outset;background-color:  #ffd1a4;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;padding-top:0.3em;padding-bottom:0.3em;text-shadow: -2px -2px 2px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
.styleconsultapentv {font-family:arial;font-weight:bold;font-size:13px;color:black;border-width:4px;border-style:outset;background-color: #FF9838;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;padding-top:0.3em;padding-bottom:0.3em;}
.styleconsulta_notv {font-family:arial;font-weight:bold;font-size:13px;color:black;border-width:4px;border-style:outset;background-color: #FF4242;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;padding-top:0.3em;padding-bottom:0.3em;}
.styleconsultano {font-family:arial;font-weight:bold;color:white;border-width:7px;border-style:outset;background-color: #cc0000;border-color:white;box-shadow: 1px 1px 5px #00327D;padding-left:1.5em;padding-top:0.3em;padding-bottom:0.3em;text-shadow: -2px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;}
.stylehora {font-family:arial;font-weight:bold;color:white;}
.chk {font-family:arial;width: 10px;height: 10px;}
.styleaut {font-family:arial;border-width:4px;border-style:outset;border-color:#00b300;}
.stylepen {font-family:arial;border-width:4px;border-style:outset;border-color:#e65c00;}
.stylenaut {font-family:arial;border-width:4px;border-style:outset;border-color:#cc0000;}
.styleframe {font-family:arial;border: 4px outset #00327D;}
.color_fondo1 {background-color: #00327D;width:90%;height:25px;margin: auto;font-family:arial;line-height: 30px;color: white;text-align: center;border-width:4px;border-style:outset;}
.color_fondo3 {background-color: #00327D;width:90%;height:30px;margin: auto;font-family:arial;line-height: 30px;color: white;text-align: left;border-width:4px;border-style:outset;}
.color_fondo2 {background-color: #000066;width:70%;height:25px;margin: auto;font-family:arial;line-height: 30px;color: white;text-align: center;position:absolute;bottom:6%;left:15%;border-width:4px;border-style:outset;}
.logonave {     position:absolute;     bottom:12%;     left:15%;     opacity: 0.8;}
.logoavizat {     position:absolute;     bottom:12%;     right:15%;     opacity: 0.8;}
.logonavehead {     position:absolute;     top:1%;     left:1%;     opacity: 0.5;}
.logoavizathead {     position:absolute;     top:1%;     right:1%;     opacity: 0.5;}
.logoutdiv {     position:absolute;     top:0.5em;     right:7%;     color:white;}
.logout {     color:white;      font-family:arial;      font-size: 13px;      font-weight: bold;}
.logout:hover {     color:yellow;      font-family:arial;      font-size: 14px;      font-weight: bold;}
.style2 {width:70%;font-family:arial;font-size: 13px;}
.styletxt {width:100%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;}
.styletxt:focus {width:100%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;outline: none !important;box-shadow: 0 0 5px #00327D;}
.styletxttrans {width:100%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;}
.styletxttrans:focus {width:100%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;outline: none !important;box-shadow: 0 0 5px #00327D;}
.styletxttransnit {width:55%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;}
.styletxttransnit:focus {width:55%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;outline: none !important;box-shadow: 0 0 5px #00327D;}
.styletxttransnit2 {width:35%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;}
.styletxttransnit2:focus {width:35%;height:22px;border-bottom: 1px solid;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;outline: none !important;box-shadow: 0 0 5px #00327D;}
.styletxtfiltro {font-size: 10px;}
.styletxtfiltro:focus {font-size: 10px;outline: none !important;box-shadow: 0 0 5px #00327D;}
.stylediv {height:47px;border-width:4px;border-style:outset;padding-left:2%;padding-right:2%;padding-top:1.5%;text-align:center;display:inline-block}
.stylefiltro {height:27px;vertical-align: middle;border: 3px outset; box-shadow: 1px 1px 5px #3C4BCF}
.stylefiltro2 {height:27px;vertical-align: middle;border: 4px outset; box-shadow: 1px 1px 5px #3C4BCF;border-color:#00b300;}
.stylefiltro3 {height:27px;vertical-align: middle;border: 4px outset; box-shadow: 1px 1px 5px #3C4BCF;border-color:#e65c00;}
.stylefiltro4 {height:27px;vertical-align: middle;border: 4px outset; box-shadow: 1px 1px 5px #3C4BCF;border-color:#cc0000;}
.stylefiltro:focus {height:27px;border-bottom: 4px inset;border-top: 0px solid;border-left: 0px solid;border-right: 0px solid;outline: none !important;box-shadow: 1px 1px 5px #00327D;}
.stylechk {width: 28px;height: 28px;cursor: pointer;border-radius: 50px;background: #fcfff4;box-shadow: inset;}
.btn_aut {width: 70px;height: 16px;font-size:9px;font-family:Arial;font-weight:bold;cursor: pointer;color: white;background-color: #00b300;border-radius: 5px;border: 2px solid black;}
.btn_aut:hover {color: black;background-color: white;border: 2px solid #00b300;}
.btn_naut {width: 70px;height: 16px;font-size:9px;font-family:Arial;font-weight:bold;cursor: pointer;color: white;background-color: #cc0000;border-radius: 5px;border: 2px solid black;}
.btn_naut:hover {color: black;background-color: white;border: 2px solid #cc0000;}
.checkboxFour {
                width: 32px;
                height: 32px;
                background: #ddd;
                
                border-radius: 100%;
                position: relative;
                box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
            }
            .checkboxFour label {
                display: block;
                width: 22px;
                height: 22px;
                border-radius: 100px;

                transition: all .5s ease;
                cursor: pointer;
                position: absolute;
                top: 5px;
                left: 5px;
                z-index: 1;

                background: #00327D;
                box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
            }
            .checkboxFour input[type=checkbox]:checked + label {
                background: yellow;
            }
.stylechk:focus {height: 28px;height: 28px;border-radius: 50px;}
.styletittle {font-family:arial;color:gray;}
.styletittletrans {font-family:arial;color:gray;text-align:left;}
.txthora {font-family:arial;color:black;font-size:150%;font-weight: bold;}
#main {margin:0 auto;width:50%;height:65%;}
#menu {padding:1;}
#menu li{display: inline; width:50%;}
#menu li a {font-family: Arial;font-size:14px;font-weight:bold; text-decoration: none; padding: 15px 60px; background-color: white; color: #00327D;border: 1px solid #00327D;} 
#menu li a:hover {background-color: #00327D;margin-top:-2px;color:white;padding-bottom:12px;   }
#lista5 {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 18px 'trebuchet MS', 'lucida sans';
    color:black;
    padding: 0;
    margin-bottom: 2em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

#lista5 a {
   color:black;
}

#lista5 a:hover {
   color:#00327D;
}

#lista5 ol {
    margin: 0 0 0 2em; 
}

#lista5 {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/  
    margin: 0;
    margin-left: 1em;
    padding: 0;    
    counter-reset: li-counter;
}

#lista5 > li{
    position: relative;
    margin-bottom: 1.5em;
    padding: 0.4em;
    padding-left: 2.5em;
    border: inset 4px #fff004;
    background-color: white;
}

#lista5 > li:before {
    position: absolute;
    top: -0.5em;
    left: -0.5em;
    width: 1.8em;
    height: 1.2em;
     
    font-size: 1.2em;
    line-height: 1.0;
    font-weight: bold;
    text-align: center;
    color: #fff004;
    background-color: #00327D;
     
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    z-index: 99;
    overflow: hidden;
     
    content: counter(li-counter);
    counter-increment: li-counter;} 
   
}
  #container {
                margin: 0 auto;
                width: 50%;  
                
            }

            #container input[type="radio"] {
                height: 2.5em;
                visibility: hidden;
            }

            #container label {
                background: white  
                border-radius: .25em .25em 0 0;
                color: black;  
                cursor: pointer;
                display: block;
                width: 25%; 
                font-weight: bold;
                float: left;
                font-family:arial;
                font-size: 15px;  
                height: 2.5em;
                line-height: 2.5em;
                margin-right: .25em;
                padding: 0 3em;
                text-align: center;
            }

            #container input:hover + label {
                background: #00327D; 
                color: white; 
                border: 1px solid #00327D;
            }

            #container input:checked + label {
                background: #00327D;
                color: white; 
                border: 1px solid #00327D;
                position: relative;
                z-index: 6;
            }
            
            #container input:not(:checked) + label {
                background: white;
                color: #00327D; 
                border: 1px solid #00327D;
                position: relative;
                z-index: 6;
            }

            #content {
                background: white;  
                border: 4px outset #00327D;
                min-height: 20em; 
                position: relative;
                width: 100%;
                margin: auto;
               
            }

           #content div {
                opacity: 0;
                margin: 0 auto;
                padding: 1.5em;
                position: absolute;
                z-index: -100;
                
            }
            
            #content-1 p {
                clear: both;
                margin-bottom: 1em;
            }
            
          
            
            #content-1 p.left img {
                float: left;
                margin-right: 1em;
            }
            #content-1 p.last {
                margin-bottom: 0;
            }

            #content-2 p {
                float: left;
                width: 48.5%;
            }
            #content-2 p.column-right {
                margin-left: 3%;
            }
            #content-2 p img {
                display: block;
                margin: 0 auto 1em auto;
            }
            

            #container input#tab-1:checked ~ #content #content-1,
            #container input#tab-2:checked ~ #content #content-2{
                opacity: 1;
                z-index: 100;
            }