/* Folha de estilos do Menu. */

header {
 width: 70px;
 height: 70px;
 display: table;
 overflow: hidden;
 transition: all 500ms ease-in-out;
}
header:hover {
 width: 350px;
}

.menu {
}

.botao_menu {
 padding: 20px; 
 background: rgba(230,230,231,.2); 
 float: left; 
 cursor: pointer;
}

.menu_corte {
 float: left;
 width: 0;
 height: 70px;
 overflow: hidden;
 transition: all 500ms ease-in-out;
}
.menu:hover .menu_corte {
 width: 280px;
 /* height: 660px; */
}

.menu .botao_menu img {
 width: 30px;
}

.item {
 width: 280px;
	background: rgba(252,217,0,1); 
	/* background: rgba(240,220,60,1); */ 
 padding: 10px 20px;
 border-bottom: 1px dashed rgb(252,252,200);
 /* border-bottom: 1px dashed rgb(252,252,255); */
}

.subitem, .divisor {
	font-family: 'ITC Kabel Std Book'; 
	font-size: 110%; 
 font-weight: 700;
 padding: 10px; 
	line-height: 15px; 
}
.divisor {
	font-size: 80%; 
 font-weight: 200;
 padding: 10px 0; 
 text-transform:uppercase;
}
.subitem:hover {
	background: rgba(255,230,70,.5); 
}

/* Sobretudo para Smartphones */
@media only screen and (max-width: 699px) {
header {
 width: 54px;
 height: 54px;
}
header:hover {
 width: 100%;
}

.botao_menu {
 padding: 10px 14px; 
}

.menu_corte {
 width: 0;
 height: 54px;
}
.menu:hover .menu_corte {
 width: calc(100% - 54px);
 /* height: 500px; */
}

.menu .botao_menu img {
 width: 25px;
}

.item {
 width: 250px;
 padding: 8px 15px;
 border-bottom: .5px dashed rgb(252,252,200);
}

.subitem, .divisor {
	font-size: 100%; 
 padding: 8px; 
	line-height: 10px; 
}
.divisor {
	font-size: 60%; 
 padding: 8px 0; 
}
}