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

.btn_may{
	border: 4px solid #fff;
	padding:10px;
	margin:0px;
	background:none;
	color:#fff;
	position:relative;
	top:250px;
	left:0px;
	font-size:36px;
	opacity:0.5;
}
.btn_may:hover{
	opacity:1;}

.banner{
	width:100%;
	height:87%;
	/*background:#0E2130;*/
	top:0px;
	left:0px;
	display:block;
	clear:both;
	position:relative;
	margin:0px;
	padding:0px;
}
.banner_out{
	width:100%;
	height:87%;
	/*background:#0E2130;*/
	top:0px;
	left:0px;
	display:block;
	clear:both;
	position:relative;
	margin:0px;
	padding:0px;
}
#content{
	width:100%;
	min-height:600px;
	height:auto;
	padding:0px;
	margin:0px;
	position:relative;
	top:0px;
	left:0px;
	display:block;
	background:#fff;
}

#content h1{
	color:#09F;
	font-size:35px;
	font-weight:900}


ul.ico_menu{
	width:100%;
	height:auto;
	padding:50px 0px;
	margin:0px 0px;
	list-style:none;
	position:relative;
	top:0px;
	left:0px;
	display:block;

}

ul.ico_menu li{
	width:290px;
	height:220px;
	cursor:pointer;	
	color:#fff;
	float:left;
	padding:0px;
	margin:20px;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;
	-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.ico_menu li span:before{
	font-family: 'FontAwesome';
	position:absolute;
	opacity:1;
	width:100%;
	font-weight:100;
	margin:0px;
	padding:20px;
    top:0px;
    left:0px;
	color:#09F;		
	font-size:70px;
	-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.ico_menu li p{
	position:absolute;
	width:100%;
	height:auto;
	color:#09F;
	padding:10px;
	font-size:20px;
	bottom:0px;
	left:0px;
	border:2px solid #09F;
	text-transform:uppercase;
	-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.ico_menu li:hover p{ background:#09F; color:#fff;}
ul.ico_menu li span.imagine:before{ content:'\f005';}
ul.ico_menu li span.criacao:before{ content:'\f1d8';}
ul.ico_menu li span.compart:before{ content:'\f135';}

ul.ico_menu li:hover span:before{
	top:20px;
	opacity:1;
	-webkit-transform: scale(2.0);
    -moz-transform: scale(2.0);
    -o-transform: scale(2.0);
    -ms-transform: scale(2.0);
    transform: scale(2.0)
}

@media (max-width: 992px){
ul.ico_menu{ padding:50px 20px;}
ul.ico_menu li{ margin:0px; width:100%;}

.banner_out{
	width:100%;
	height:60%;
	/*background:#0E2130;*/
	top:0px;
	left:0px;
	display:block;
	clear:both;
	position:relative;
	margin:0px;
	padding:0px;
}
.banner{
	height:90%}
	}