/* CSS Document */
@charset "utf-8";
nav {width: 100%;background-color: #05254A; color: #C0C0C0;float: left;display: table;}
nav ul {list-style: none;margin: 0;padding: 0;text-align: left;}
/* Sub Menu */
nav ul li {}
nav ul li a {display: block;background-color:  #05254A;padding: 1px 10px 1px 10px;color: #C0C0C0;text-decoration: none;font-weight: bold;
    -webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;-o-transition: 0.2s linear;transition: 0.2s linear;}
nav ul li a:hover {background-color: #000080;color: #ffffff;}/*submenus*/
nav ul li a:focus {background-color: #4682B4;}/*submenu ativo*/
nav ul li a .fa {width: 16px;text-align: center;margin-right: 5px;}
nav ul ul {background-color:#32CD32;}
nav ul li ul li a {/*menus dentro dos submenus*/
	background-color: #05254A;border-left: 4px solid transparent;padding: 10px 20px;font-weight: normal;}
nav ul li ul li a:hover {background: #4682B4;border-left: 4px solid #3498db;}
.show-menu {text-decoration: none;display: none;}/*Style 'show menu' label button and hide it by default*/
input[type=checkbox]{display: none;}/*Hide checkbox*/
input[type=checkbox]:checked ~ nav{display: block;}/*Show menu when invisible checkbox is checked*/

/*Responsive Styles*/
@media(max-width: 640px) {    
    nav{display: none;}
    label[for='show-menu']{display: block;font-size:22pt;float: right;height: 32px;width: 40px; text-align: right;background-color: #05254A;}        
    #show-menu:checked ~ .menu{margin-left: 0;}
    input[type=checkbox]{display: none;}/*Hide checkbox*/
    .menu{margin-top: 5px;margin-left: 0;}
    .menu ul li {width: 100%;float: none;     }
    .menu ul ul {position: static;overflow: hidden;max-height: 0;     }
    .menu ul li:hover ul {height: auto;max-height: 200px;}    
 }