@font-face {
    font-family: 'NexaBoldRegular';
    src: url('../fonts/nexa/nexa_bold-webfont.eot');
    src: url('../fonts/nexa/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/nexa_bold-webfont.woff') format('woff'),
         url('../fonts/nexa/nexa_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa/nexa_bold-webfont.svg#NexaBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'NexaLightRegular';
    src: url('../fonts/nexa/nexa_light-webfont.eot');
    src: url('../fonts/nexa/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/nexa_light-webfont.woff') format('woff'),
         url('../fonts/nexa/nexa_light-webfont.ttf') format('truetype'),
         url('../fonts/nexa/nexa_light-webfont.svg#NexaLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bg-cinza {
}
.top-bar {
	margin-top: 60px;
}
.top-bar .name {
	width: 120px;
	height: 90px;
	position: relative;
	float: left;
}
.top-bar .name img {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0px;
	top: -40px;
	z-index: auto;
	background-color: white;
}
.container {
	background-color: white;
   margin-bottom: 10px;
}
.marca {
	text-align: center;
}
header {
	width: 100%;
	background-color: white;
}
h4 {
	font-family: NexaLightRegular;
}
figure figcaption {
	padding: 10px 0px 10px 0px;
}
footer {
	width: 100%;
	color: #EEEEEE;
	background-color: #222222;
	float: left;
}
footer h3 {
	color: #EEEEEE;
}
footer a {
	color: #FFF;
	text-decoration: underline;
}
footer a:hover {
	background-color: #FFF;
}
footer p {
	text-align: center;
}