@font-face
{
    font-family: Nexa;
    src: url('Nexa.otf');
} 

*
{
	font-family: Nexa;
}

a 
{
	text-decoration: none;
	color: #A2A39E;
}

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body 
{ 
	background: #2b2b29 url("../imgs-index/bk.jpg") no-repeat fixed center; 
	color: #A2A39E;
}

#topo
{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*       MENUU       */
#menu
{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 24px;
}

#menu ul 
{
	padding: 0;
	margin: auto;
	list-style:none;
}

#menu ul li 
{ 
	display: inline;
	font-size: 20px;
}

#menu ul li a
{
	padding: 0 10px;
	display: inline-block;
	text-decoration: none;
	color: #A2A39E;	
	transition: background-color 1s , color 1s , border-bottom 0.5s; 
	transition-timing-function: ease-out;	
}

#menu ul li a:hover
{
	background-color:#D6D6D6;
	color: #ff0000;
	border-bottom:3px solid #EA0000;
}
/*       FIM  MENUU      */


#base_centro
{
	margin: 5px auto auto auto;
	width: 100%;
	height: auto;
	text-align: center;	
}

#box_centro
{
	display: inline-table;
	width: 35%;
	height: 90px;
	background-color: #34495e;
	text-align: center;
	margin: 10px 5px auto auto;	
	padding: 5px;
	font-size: 18px;
}

#box_centro span
{
	font-size: 13px;
}

#box_centro img
{
	margin-bottom: 10px;
}


#fl_table
{
	margin-top: 20px;
}

/*768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px)
{
	#img_topo
	{
		width: 320px;
	}
	
	#menu
	{	
		display: table;
		margin: auto;
	}

	#menu ul li 
	{ 
		display: block;	
	}
	
	#base_centro
	{
		margin: auto;
		width: 100%;
		text-align: center;	
	}
	
	#box_centro
	{
		display: inline-table;
		width: 45%;
		height: 200px;
		background-color: #34495e;
		text-align: center;
		font-size: 18px;
	}
	
	#img_cobertura
	{
		width: 320px;
	}	
}