#body{
    background-color: black; background-repeat: no-repeat; 
    background-size: cover;
}
#geral{
    width:98vw;
    height: 98vh;
    color:white;
    background-color:black;
}

#navegacao{
    width:98vw;
    height: 7.8vh;	
    min-height: 68px;
    /*background-color:orange;*/ 
}

#bloconav{
    width: 1200px;
    font-family: Arial, Helvetica, sans-serif;
    height: 7.8vh;
    min-height: 68px;
    /*position:relative;*/
}
    #logonav{
        width:250px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:violet;*/
        /*position:relative;*/
        /*display: table-cell;*/
        float:left;
    }
    #quemnav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:blue;*/        
        font-size:20px;
        /*display: table-cell;*/
        /*vertical-align: middle;*/
        float:left;
    }
    #servnav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:green;*/
        font-size:20px;
        float:left;
    }
    #casenav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:yellow;*/
        font-size:20px;
        float:left;
    }
    #parcnav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:rgb(150, 149, 149);*/
        font-size:20px;
        float:left;
    }
    #usernav{
        width:190px;
        height: 7.8vh;
        min-height: 70px;	
        /*background-color:red;*/
        font-size:20px;
        float:left;   
    }
        #usernav li{
            /*color: gray;*/
            list-style-type: none;
            transition: 0.3s ease;
            opacity: 0.8;
            cursor: pointer;
        }
        #usernav li:hover{
           color: gray;
            opacity: 1;
        }
#mostruario{
    width:98vw;
    max-width: 1300px;
    height: 80vh;	
    /*max-height: 480px;*/
    /*max-height: 480px;*/
    /*background-color:pink;*/
    color:white;
}
    #conheca{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: black;*/
    }
        .faq1{
            /*display:none;*/            
            display: flex; 
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px; 
            /*margin:10px;*/
            /*vertical-align: bottom;*/
            text-align: left;
        }
        #conheca1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #conheca2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnconheca {
                color: orange;
                background-color: black;
                width:200px; height: 50px;
                font-size: 20px;
            }
        #conheca3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #conheca4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }

    #comofaz{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: green;*/
        /*display:none;*/
    }
        .faq2{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px; 
            text-align: left;
        }
        #comofaz1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #comofaz2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btncomofaz {
                color: orange;
                background-color: black;
                width:200px; height: 50px;
                font-size: 20px;
            }
        #comofaz3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #comofaz4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }
    #hwstart{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color:red;*/
        /*display:none;*/
    }
        .faq3{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px;
            text-align: left;
            /*color: black;*/
        } 
        #hwstart1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #hwstart2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnhwstart {
                color: orange;
                background-color: black;
                width:200px; height: 50px;
                font-size: 20px;
            }
        #hwstart3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #hwstart4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }   
    #impctdi{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: yellow;*/
        /*display:none;*/
    }
        .faq4{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px;
            text-align: left;
            /*color: black;*/
        } 
        #impctdi1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #impctdi2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnimpctdi {
                color: orange;
                background-color: black;
                width:200px; height: 50px;
                font-size: 20px;
            }
        #impctdi3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #impctdi4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }    
    #impctin{
        width:98vw;
        max-width: 1300px; 
        height: 80vh;	
        /*max-height: 240px;   */
        /*background-color: gray;*/
        /*display:none;*/
        }
        .faq5{
            display:none;
            flex-direction: column;
            justify-content: flex-end;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 40px;
            text-align: left;
        } 
        #impctin1 {
            display:flex; flex-direction: column; justify-content: flex-end;

            font-family: Arial, Helvetica, sans-serif;
            font-size: 35px; text-align: left; /*color:gray;*/

            width:98vw; max-width: 1280px; height: 45vh; margin-left:15px;
            float:left;
            /*background-color: blue;*/
        }   
        #impctin2 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            margin-left:15px;
            /*background-color: pink;*/
        }
            #btnimpctin {
                color: orange;
                background-color: black;
                width:200px; height: 50px;
                font-size: 20px;
            }
        #impctin3 {
            display:flex; flex-direction: column; justify-content: center; 

            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px; text-align: left; /*color:gray;*/

            width:49vw; max-width: 605px; height: 30vh; float:left;
            border-left: 2px solid gray; 
            /*background-color: brown;*/
        }
        #impctin4 {
            width:98vw; max-width: 1280px; height: 5vh;
        }
#rodape{
    width:98vw;
    height: 7.8vh;
    min-height: 68px;	
    /*background-color: red;*/
    border-top:2px solid gray;
}

    #blckfootnav{
        width: 1200px;
        font-family: Arial, Helvetica, sans-serif;
        /*background-color: orange;*/
        height: 7.8vh;
        min-height: 68px;
        /*position:relative;*/
    }
        #navconhe{
            float:left;
            width: 240px;
            /*color: gray;*/
        }
            #navconhe li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navconhe li:hover{
               color: gray;
                opacity: 1;
            }
        #navcomof{
            float:left;
            width: 240px;
        }
            #navcomof li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navcomof li:hover{
                color: gray;
                opacity: 1;
            }        
        #navhwstr{
            float:left;
            width: 240px;
        }
            #navhwstr li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navhwstr li:hover{
                color: gray;
                opacity: 1;
            }
        #navimpdi{
            float:left;
            width: 240px;
        }
            #navimpdi li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navimpdi li:hover{
                color: gray;
                opacity: 1;
            }
        #navimpin{
            float:left;
            width: 240px;
        }
            #navimpin li{
                /*color: gray;*/
                list-style-type: none;
                transition: 0.3s ease;
                opacity: 0.8;
                cursor: pointer;
            }
            #navimpin li:hover{
                color: gray;
                opacity: 1;
                
            }