body{
	padding: 0px;
	margin: 0px;
	background-color: black;
}

@import url('https://fonts.googleapis.com/css?family=Roboto');

@font-face {
    font-family: lato-bold;
    src: url('fonts/lato-bold.ttf');
}

@font-face {
    font-family: brandon-grotesque;
    src: url('fonts/brandon-med.otf');
}

@font-face {
    font-family: brandon-grotesque;
	font-weight: bold;
    src: url('fonts/brandon-bold.otf');
}

@font-face {
    font-family: brandon-grotesque-bold;
	font-weight: bold;
    src: url('fonts/brandon-bold.otf');
}

@font-face {
    font-family: brandon-grotesque-regular;
    src: url('fonts/brandon-reg.otf');
}

a:link{
	text-decoration: none;
}

#tudo{
	width: 1170px;
	font-family: brandon-grotesque;
	margin: 0 auto;
	background-color: white;
}

#rodape{
	background-color: black;
	min-height: 100px;
}

#botoes-sociais{
	margin: 0 auto;
	width: 290px;
	padding-top: 50px;
	padding-bottom: 30px;
}

#botoes-sociais img{
	width: 48px;
	height: 48px;
	margin-left: 40px;
}

#menu{
	min-height: 50px;
	min-width: 1170px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-decoration: none;
	position: fixed;
	background-image: url("../images/menu-background.png");
	z-index: 10;
}

#menu:hover{
	background-color: #727177;
}

#menu .logo-menu{
	min-width: 116px;
	width: 116px;
	height: 19px;
	min-height: 19px;
	background-image: url("../images/logo-menu.png");
	position: absolute;
	left: 45px;
	top: 15px;
}

#menu a{
	color: white;
	line-height: 10px;
}

#menu a:hover{
	color: black;
}

#menu a.clicado{
	color: #38b28c;
}

#menu ul{
	padding:0px;
	padding-top: 15px;
	margin:0px;
	list-style:none;
	text-align: center;
}

#menu ul li{
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	opacity: 1;
}