@charset "utf-8";
/* CSS Document */
/*DESENVOLVIDO POR BRUNO NOVAES DOS SANTOS // WEB DESIGNER // 2017 */

.top{
	height:auto;
	width:100%;
	top:0px;
	left:0px;
	background:#f8f9fa;
	display:block;
	clear:both;
	position:fixed;
	z-index:999;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #ccc;
}
#smartlog{ display:none; margin:0px; padding:10px; color:#555; text-decoration:none; font-size:16px;}
#smartlog a:hover{ text-decoration:none;}
.top_float{
	float:left;
	width:48%;
	height:100%;
	padding:0px 0px;
	position:relative;
	top:0px;
	text-align:center;
	left:0px;
}
.top_float h2{
	padding:20px;
	font-weight:900;
	color:#09F;}

.top_float img{
	padding:10px;
	height:120px;}
	
.menu_nav{
	width:auto;
	height:120px;
	top:0px;
	left:0px;
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
}

.menu_nav li{
	height:120px;
	line-height:120px;
	width:120px;
	font-size:22px;
	text-align:center;
	list-style:none;
	margin:0px 0px;
	padding:0px;
	float:left;
	color:#09F;
	position:relative;
	overflow:hidden;
}
.menu_nav li a{
	color:#09F;
	display:block;
	padding:0px;
	margin:0px;
	font-weight:100;
	}
ul.menu_nav li a span:before{
	font-family: 'FontAwesome';
	position:absolute;
	opacity:0;
	color:#09F;
	width:100%;
	font-weight:100;
	/*background:#fff;*/
    top:0px;
    left:0px;		
	font-size:18px;
	-webkit-transition:all ease 200ms;
	-moz-transition:all ease 200ms;
	-ms-transition:all ease 200ms;
	-o-transition:all ease 200ms;
	transition:all ease 200ms;
}
ul.menu_nav li p{ padding:0; margin:0px;}
ul.menu_nav li a span.ico-home:before{ content:'\f015';}
ul.menu_nav li a span.ico-serv:before{ content:'\f13b';}
ul.menu_nav li a span.ico-cont:before{ content:'\f0e6';}
ul.menu_nav li a span.ico-port:before{ content:'\f087';}

ul.menu_nav li a:hover span:before{
	opacity:1;
	-webkit-transform: scale(2.9);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(2.9)
}

ul.menu_nav li a:hover p{ display:none;}

@media (max-width: 1200px){
.menu_nav li{ width: 100px;}
	}
@media (max-width: 992px){
#toplog { display:block; height:80px; text-align:center; margin:auto;}
#smartlog{ display:none;}
.menu_nav{ display:table; background:; width:100%;}	
.menu_nav li{ float:none; width:100%; position:relative; border-bottom: 1px solid #ccc; padding:2px;}
	}