* {
    margin:0;
    padding:0;
}

.menumb {
    width:100%;
    height:70px;
    background-color: #006DB0;
	font-family: verdana;
	font-size: 50px;  
	margin-left: -100%;
    display:none;		
}

.menumb ul {
    list-style:none;
    position:relative;
}

.menumb ul li {
    width: 100%;
    float: left;
    border-top: solid 1px #ccc;    
}

.menumb a {
    padding: 15px;
    display: block;
    text-decoration: none;
    text-align:center;
    background-color: #006DB0;
    color:#fff;
}

.menumb ul ul {
    width:100%;    
    position:absolute;
    visibility:hidden;
}

.menumb ul li:hover ul{
    background-color: gray;    
    visibility:visible;
}

.menumb a:hover {
    padding: 15px;
    display: block;
    text-decoration: none;
    text-align:center;
    background-color: gray;
    color:#fff;
}

.menumb ul ul li {
    width:100%;    
    float: none;
    border-bottom: solid 1px #ccc;
}

.menumb ul ul li a:hover {
    background-color: gray;
}

label[for="bt_menu"]{
    padding: 5px;
    background-color: #006DB0;
    color:#fff;    
    font-family: "verdana";
    text-align:center;
    font-size: 65px;
    width: 100%;
    height: 80px;
    float:left;
}

#bt_menu {
    Display: none;
}


#bt_menu:checked ~ .menumb {
    margin-left: 0;
    display:block;	
}

.conteudo{
    width:100%;
    height:auto;
    background-color: #006DB0;    
    overflow:hidden;
}

.clear{
    clear:both;
}