/* Define the body style */
body {
    font-family:Arial;
    font-size:12px;
     
}
 
#content_menu1 {
    height: 60px;
    width: 100%;
    background-color: #f9f9f9;
    box-sizing: border-box;
    padding:10px 15px;
    border-top: 1px solid #FFF;
}
#content_menu1 ul li:before {
    padding-bottom: 10px;
    display: block;
}

/* We remove the margin, padding, and list style of UL and LI components */
#content_menu1 ul{
    margin:0;
    padding:0;
    list-style:none;
    line-height: 60px;
    display: block;
}
 
/* We float the li list to the left and apply background color and border right white and set the height to 25px. Note you can ignore the height if you do not want
*/
#content_menu1 ul li {
    float: left;
    text-align: center;
    color: #85c446;
    padding-top: 0px;
}
 
/* We apply the background hover color when user hover the mouse over of the li component */
#content_menu1 ul li a:hover{
    /* font-family: latha; */
    /* font-size: 12px; */
    /* color: #002F6C; */
    /* font-style: normal; */
}

/* We apply the link style */
#content_menu1 ul li a{
    padding: 0px 15px;
    color: #603D20;
}

/*******MENU VERTICAL**********/

.menuVertical ul {
margin: 0;
padding: 0;
width:160px;
list-style-type: none;
/*background-color: #DAD8D6;*/
   
}
.menuVertical ul.titulo, .menuVertical ul.item {
      width: 100%;
      height: 45px;
      line-height: 45px;
      font-size: 16px;
      /* padding: 0 15px; */
      box-sizing: border-box;
}
.menuVertical ul.titulo li, .menuVertical ul.item li {
    padding: 0 15px;
}
.menuVertical ul.item li:hover {
  background: #85c446;
  transition: all 0.6s ease;
}
.menuVertical ul.item li:hover a {
  
color: white;
}
.menuVertical ul.titulo {
  background: #b0b3b3;
}
 .menuVertical ul.titulo li a {
     color:white;
     font-size:16px;
 }
.menuVertical ul li {height: 45px;line-height: 45px;}

.menuVertical ul li a {

font-size: 14px;

color: #444;
}

.menuVertical ul li a:hover, .menuVertical ul li.active, .menuVertical ul li:hover, .menuVertical ul li a.active, .menuVertical ul li a.current
 {
    text-decoration: none;color: white;}


@media (max-width: 1000px) {
    .menuVertical {
        position: absolute !important;
        min-height: calc(100vh - 250px) !important;
        z-index: 510 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 160px !important;
        height: calc(100vh - 250px) !important;
    }

    #content_menu1 {
        overflow-x: scroll !important;
        display: flex !important;
        height: 75px !important;
    }


    #tm-main {
        width: 100% !important;
        margin-left: 0px !important;
    }


}