*{
	margin:0px;
	padding:0px;
}

html{
	height:100%;	
}

body{
	height:100%;		
}

#iframe{
	width:100%;
	height:100%;
}

@font-face {
  font-family: Gotham-Medium;
  src: url(./fontes/Gotham-Medium.otf);
}

#iconExpand{
	height:50px;
	padding-top:10px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	position:absolute;
	background-color:rgba(0,0,0,0.7);
	margin-top:55px;
	z-index:30;
}

#iconExpand span a{
	color:white;
	font-size:20pt;
	text-decoration:none;
	font-family:Gotham-Medium;	
}

#divMenu{
	position:fixed;
	padding:30px;
	min-height:100px;
	background-color:rgba(255,255,255,0.5);
	margin-top:20px !important;
	z-index:20;
	display:block;
}

.menu{
	list-style-type:none;
}

.submenu{
	display:none;
	margin-left:30px;
	list-style-type:none;
}

.menu li{
	margin-bottom:30px;
	display:inline;
}

.menu li a img{
	border:5px solid white;
}

.menu li a, p{
	color:white;
	font-family: 'Roboto', sans-serif;
}

.menu li a img:hover{
	transform:scale(1.5);
}

p{
	margin-top:100px;
}

#avatar{
	position:absolute !important;
	margin-top:-200px !important;
	margin-left:45% !important;
}

#icones{
	margin-top:15px !important;
	margin-right:3% !important;
	width:100px;
	float:right;
}

#icones img{
	margin-left:5px !important;
}

/*Mobile*/
@media only screen and (min-width:320px) and (max-width:500px) {
	#avatar{

	}
}