*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

.interface{
	max-width: 1200px;
	
}


header{
	width: 100%;
	background-color: none;
	
}


.top-header{
		background-color: #FFD700;
		padding: 0px 0%;
		
}


.bottom-header nav ul {
	display: flex;
	align-items: center;
	justify-content: center;
	
	list-style-type: none;
	
}
	
.bottom-header nav ul li a{
	color: #000000;
	padding: 5px 40px;
	text-decoration: none;
	font-size: 16px;
	display: block;
	transition: .2s;
	
}

.bottom-header nav ul li a:hover{
	background-color: #00008B;
	color:#FFD700;
	box-shadow: none;
}

.drop-hover{
	position: relative;

}

.drop-hover .drop{
	position: absolute;
	background-color: #ffe559;
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: ,2s;

}

.drop-hover .drop a{
	padding: 6px;
	
}

.drop-hover:hover .drop{
	height: 63px;
	
}






body{
    font-family: 'Exo 2', sans-serif;
	font-size: 14px;
} 
/* grid 960 px */
.linha{
	width: 1200px;
	margin: 0 auto;
	overflow: auto;
	padding: 5px 0;
}
.coluna {
	padding: 0 10px;
	float: left;
}
.col1 {
	width: 60px;
	
}
.col2 {
	width: 140px;
}
.col3 {
	width: 220px
}
.col4 {
	width: 300px
}
.col5 {
	width: 380px
}
.col6 {
	width: 460px
}
.col7 {
	width: 540px
}
.col8 {
	width: 620px
}
.col9 {
	width: 700px
}
.col10 {
	width: 780px
}
.col11 {
	width: 860px
}
.col12 {
	width: 940px
}