nav#main-nav { background-color: #009ee2; }



.menu-collapser {

    position: relative;

    background-color: #009ee2;

    color: #FFF;

    text-shadow: 0 1px 0 rgba(0,0,0,0.5);

    width: 100%;

    height: 48px;

    line-height: 48px;

    font-size: 16px;

    padding: 0 8px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

.collapse-button {

    position: absolute;

    right: 8px;

    top: 50%;

    width: 40px;

    background-color: #009ee2;

    background-image: linear-gradient(to bottom, #151515, #040404);

    background-repeat: repeat-x;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    border-radius: 4px 4px 4px 4px;

    border-style: solid;

    border-width: 1px;

    color: #FFFFFF;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);

    padding: 7px 10px;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    cursor: pointer;

    font-size: 14px;

    text-align: center;



    transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);



    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

.collapse-button:hover, .collapse-button:focus {

    background-image: none;

    background-color: #040404;

    color: #FFF;

}

.collapse-button .icon-bar {

    background-color: #009ee2;

    border-radius: 1px 1px 1px 1px;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    display: block;

    height: 2px;

    width: 18px;

    margin: 2px 0;

}



ul.slimmenu {

    list-style-type: none;

    margin: 0;

    padding: 0;

    width: 100%;

}

ul.slimmenu li {

    position: relative;

    display: inline-block;

    background-color: #009ee2;

}

ul.slimmenu > li { /*margin-right: -5px;*/ }

ul.slimmenu > li:first-child { border-left: 0 }

ul.slimmenu > li:last-child { margin-right: 0 }

ul.slimmenu li a {

    display: block;

    color: #ffffff;

    padding: 16px 20px 16px 20px;

    font-family: 'Open Sans', sans-serif;

    font-size: 0.85em;

    font-weight: 400;

    text-decoration: none;

    text-shadow: 0 1px 0 rgba(255,255,255,0.2);

}

ul.slimmenu li.redes {float: right}

ul.slimmenu li.redes a { font-size: 1.4em;  padding: 10px 5px;}

ul.slimmenu li:nth-child(10) a:hover {background-color: #00aced}

ul.slimmenu li:nth-child(9) a:hover {background-color: #00aced}

ul.slimmenu li:nth-child(8) a:hover {background-color: #00aced}



ul.slimmenu li a:hover {

    background-color: #00b2ff;

    text-decoration: none;

}

ul.slimmenu li#sist-agenda {

    float: right; border-left:1px solid #fff; border-right:1px solid #fff

}

ul.slimmenu li.withdrop a {

    padding: 16px 45px 16px 20px;

}

ul.slimmenu li .sub-collapser {

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    z-index: 999;

    cursor: pointer;

}



ul.slimmenu li .sub-collapser:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -0.25em;

}

ul.slimmenu li .sub-collapser > i {

    color: #fff;

    font-size: 14px;

    display: inline-block;

    vertical-align: middle;

    position: absolute;

    right: 18px;

    top: 16px

}

ul.slimmenu li ul {

    margin: 0;

    list-style-type: none;

}

ul.slimmenu li ul li { background-color: #0290cd; width: 140px}

ul.slimmenu li > ul {

    display: none;

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 999;

    width: 200px;

}

ul.slimmenu li > ul > li ul {

    display: none;

    position: absolute;

    left: 100%;

    top: 0;

    z-index: 999;

    width: 100%;

}



ul.slimmenu.collapsed li {

    display: block;

    width: 100%;



    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

ul.slimmenu.collapsed li a {

    display: block;

    border-bottom: 1px solid rgba(0, 0, 0, 0.075);



    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

ul.slimmenu.collapsed li .sub-collapser {

    height: 50px;

}

ul.slimmenu.collapsed li > ul {

    display: none;

    position: static;

    width: 100%

}