/* 

    Created on : 19/01/2021, 14:59:44

    Author     : Eduardo

*/



/* ----- TOPO ------------------*/

.fundo-topo{

    max-width: 100%;

    background-color: #F7F5F1;

    border-bottom: 2px solid;

    border-top: 1px solid;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;   

    justify-content: left; 

}

.fundo-topo article{

    margin-top: 10px;

    flex-basis:12%;

}

#topo-meio{

    flex:20;

    text-align: center;

}

#botao-topo{    

    width: 170px; /* valor original 300 */

    height: 40px; /* valor original 40 */

    font-size: 1em;  /* valor original 2em */

    margin-left: 85px;  

    margin-right:50px;

    margin-top: 40px;

    text-align: center;

    background-color: #F7F5F1;

    border-top: 1px solid;

    border-bottom: 3px solid;

    border-right: 4px solid;

    border-radius: 10px; /* adicionei border radius para arredondar os botoes */

}

#botao-topo:hover{    

    width: 170px; /* valor original 300 */

    height: 40px; /* valor original 40 */

    font-size: 1em;
    
    color:white;

    margin-left: 85px;  

    margin-right:50px;

    margin-top: 40px;

    text-align: center;

    background-color: #526754; /* valor original #fffff */

    border-top: 1px solid;

    border-bottom: 1px solid;

    border-right: 3px solid;

    border-radius: 10px; /* adicionei border radius para arredondar os botoes */

}

/*-----------------------------*/



.logo{

    content:url(../images/logo.png);

    width:120px;   /*alterei de 200 para 120 para acertar a logo da fazenda */

    margin-top: 1px;

    margin-bottom: 20px;

    margin-left: 20px;

}
.logo_topo{

    content:url(../images/logo.png);

    width:200px;   /*alterei de 200 para 120 para acertar a logo da fazenda */

    height:95px;

    margin-top: 20px;

    margin-bottom: 20px;

    margin-left: 20px;

}

@media print { 

    #noprint {

        display:none;

    } 

}



.flex-container{

    max-width: 100%;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;     

    background-color:#526754;

    margin-bottom: 10px;

    justify-content: center;

    align-items: center;

}

.flex-container article{

    flex-basis: 20%; 

    justify-content: 1px;

}



.flex-container-vertical{

    max-width: 100%;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;     

    background-color:white;

    margin-bottom: 10px;

    justify-content:left; 

    margin-top: 1px;    

    margin-left: 1px;

}





.flex-container-vertical input{

    width: 400px; /* valor original 900px */

    text-align:middle;

}



input{

    width: 700px;

    text-align: center;

    height: 1.52em;

    font-size: 20px;  /* valor original 40px */

}

input.checkbox {

    width: 30px; 

    margin-right: -40px;

    margin-left: 100px;

    position: relative;

    top: 5px;

}

input.data {

    width: 400px; 

    margin-right: -40px;

    margin-left: 1px;

    position: relative;

    top: 5px;

}

.flex-container-vertical select{

    width:400px; /* valor original 900px */
    text-align: left;
    margin-right: 2px;
}





submit{

    width: 2.2em; /* valor original 8.2 */

    text-align: center;

    height: 1.52em;

    font-size: 40px;        

}



select{

    width: 330px; 

    height: 1.5em; /* valor original 2em */

    font-size: 20px; /* valor original 40px */

    text-align: center; 

}

select.pequeno{

    width: 250px; 

    height: 1.5em; /* valor original 2em */

    font-size: 20px; /* valor original 20px */

    text-align: center; 



}

h1{

    font-size: 20px;    

    font-family: Arial;

    text-align: center;

}

h2{

    font-size: 20px;    /* valor original 25px */

    font-family: Arial;

    width:320px;

    text-align: center;

}

h3{

    font-size: 50px;

    font-family: arial;

    margin-left: 100px;

    color:#526754; /* inserido para dar cor aos titulos das paginas ( topo ) */

}

h4{

    color:black;

    font-size: 20px;    

    font-family: Arial;

    text-align: left; 

    margin-left: 50px;

    display: inline;

}

h5{

    font-size: 0.01px;

    color:transparent;



}

p{

    font-size:20px;

    font-family:Arial;
    
    text-align:  left;
    
    margin-left:  40px;
    
    margin-right: 80px;
    
    margin-bottom: 50px;
    
    color: gray;

}

img{

    margin-top:40px;

    margin-bottom: 10px;

    width: 300px;  

    height: 120px;

}

header{

    margin-left: 0px;



}

#botao-submit{    

    width: 160px; /* valor original 300px */

    height: 40px; /* valor original 80px */

    font-size: 2em;

    margin-top: -0px; 

    margin-left: 20px;  

    margin-right:50px;

    text-align: center;

    background-color: #F7F5F1;

    border-top: 1px solid;

    border-bottom: 3px solid;

    border-right: 4px solid;

    border-radius: 10px; /* adicionei border radius para arredondar os botoes */



}

#botao-submit:hover{    

    width: 160px; /* valor original 300px */

    height: 40px; /* valor original 80px */

    font-size: 2em;

    margin-top: -0px; 

    margin-left: 20px;  

    margin-right:50px;

    text-align: center;

    background-color: #526754;

    border-top: 1px solid;

    border-bottom: 1px solid;

    border-right: 3px solid;

    border-radius: 10px; /* adicionei border radius para arredondar os botoes */

}




.menu-principal{

    max-width: 100%;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;     

    background-color:white;

    margin-top: 20px;

    justify-content: center;

}

.menu-principal article{

    flex-basis: 50%; 

    margin-bottom: 15px;



}

#botao-menu-principal{

    width: 200px; /*valor original 400 */

    height: 40px; /*valor original 100 */

    color:#526754;

    font-size: 1.45em; /*valor original 2em */

    margin-right: 5px; 

    margin-left: 20px;

    text-align: center;

    border-radius: 10px; /* adicionei border radius para arredondar os botoes */

}
#botao-menu-principal:hover{

    width: 200px; /*valor original 400 */

    height: 40px; /*valor original 100 */
    
    background-color: #526754;

    color:white;

    font-size: 1.45em; /*valor original 2em */

    margin-right: 5px; 

    margin-left: 20px;

    text-align: center;

    border-radius: 10px; /* adicionei border radius para arredondar os botoes */

}



footer{

    background-color: black;

    color: white;

    font-family: Arial;

    font-size: 20px;

    padding: 20px;

    text-align: center;

    opacity: 70%;

    bottom:0; /* adicionei para fixar o footer na parte de baixo da pagina */

    width:100%;/* adicionei para fixar o footer na parte de baixo da pagina */

}
#botao_senha{
    background-color: #fafafa;
}
#botao_senha:hover{
    background: #90CD83;
}



@media(max-width:640px){           

    .flex-container article{

        flex-basis: 100%;

    }

    .flex-container-vertical{

        justify-content: left;

        margin:0;

        width: 50%;

    }   



    .container{

        flex-basis: 100%;

        justify-content: left;

    }

    input{

        justify-content: left;

        margin:0;

        width: 450px; 

    }

    #botao-topo{    

        width: 200px;

        height: 80px;

        font-size: 20px;

        margin-left: 155px;  

        margin-top: 10px;

        text-align: center;

    }

    #botao{

        width: 90px; /* valor original 90px */

        height: 40px;

        font-size: 0.8em;

    }



    #botao-menu{

        width: 300px; /* valor original 300 */

        height: 100px;

        font-size: 30px;

        margin: 0;

        text-align: center;

    }

    h3{

        font-size: 30px;

        font-family: arial;

        margin: 0;

    }

    img{

        width: 0px;    

    }



}