* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {height: 0vh;}

.container {
    position: relative;
    margin-top: 1vh;
    top: 1px;
    left: 150px;
    width: 900px;
    height: 610px;
    background: #f5f5f5;
    border-radius: 20px ;
    border: 0.3em solid #ccc;
}

.boxLogin {
    position: absolute;
    top: 150px;
    left: 200px;
    width: 400px;
    height: 200px;
    background: #ddd;
    margin-left: 30px;
}

.boxMenu {
    position: absolute;
    top: 50px;
    left: 100px;
    width: 750px;
    height: 500px;
    background: #ddd;
}


.boxDash {
    position: absolute;
    top: 80px;
    left: 150px;
    width: 550px;
    height: 400px;
    background: #fff;
}


.boxForm {
    position: absolute;
    top: 80px;
    left: 150px;
    width: 550px;
    height: 400px;
    background: #eee;
}





#footer {
    clear: both; 
    position: absolute;
    top: 470px;
    left: 200px;
    background: #ddd;
    border-radius: 15px;
    width: 300px;
    height: 20px;
    text-align: center;
    font-size:  0.9em;
    margin-left: 2.25em;
    margin-top: 3.25em;
}


button {
    padding: 4px;
    overflow:visible;
    width: auto;
    border-radius: 10px;
    border: 2px solid #478B1B;
    margin-top: 19px;
    margin-left: 50px;
}


a {
  outline: none;
  text-decoration: none;
}

a:hover{color:#478B1B;

}

form p {
    padding: 2px;
    /*font-style: italic;*/
    font-style: normal;
    font-size: 1em;
    margin-left: 50px;
    margin-top: 20px;
}

label {
    font-weight: bold;
    padding-left: 4px;
}
input, select, textarea {
    font-size: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 50px;
    margin-top: 20px;
    padding: 1px;    
    border-radius: 7px;
}


h3 {
    border-bottom: 0px solid #AFAFAF;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
    margin-left: 10px;
    color: #e12467;

}


h4 {
/*  border-bottom: 0px solid #4C8D6B;*/
  border-bottom: 0px solid #AFAFAF;
  line-height: 20px;
  margin-bottom: 5px;
  margin-top: 15px;
  margin-left: 10px;
  color: #124D85;
}

h5 {
    font-size: 1em;
    border-bottom: .2em solid #4C8D6B;
    line-height: 1em;    
    font-size: 15px;
    width: 15%;
    margin-bottom: 0.09em;
    margin-top: 1.93em;
    margin-left: 0.52em;
    color:#707070;
}


/* Inicio --- menu lateral   class="menu" */ 

      .menu
      {
        list-style-type: none;
        margin-top: 10px;
        margin-bottom: 30px;
        /*border: 1px solid #823A85;
        background-color: #FFF2FC;*/
        background-color: #ddd; 
        margin-left: 10px;
        width: 110px;
      }
      .menu li {
        margin: 2px;
        /*width:90px;*/
        width: 100px;
        line-height: 10px;
        background-color: #85ed20;
        font-weight: bold;
        border-radius: 13px;
      }
      .menu li a {
        padding: 8px;
        display: block;
        color: #ffffff;
        font-size:15px;
        text-decoration: none;
      }
      .menu li a:hover {
        text-decoration: underline;
        color: #478B1B;
      }
/* Fim --- menu lateral   class="menu" */



/* min-width & max-width */
@media screen and (min-width: 600px) and (max-width: 900px) {
    .container {
        background: #fff;
    }
    span.bt600-900 {
        display: inline-block;
    }
}