@charset "UTF-8"; /* CSS Document */

/******************** FONTES ********************/
@font-face {
    font-family:'oxygenregular';
    src:url('fontes/oxygen-regular-webfont.woff2') format('woff2'),
         url('fontes/oxygen-regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	background: url(img/bg_home.png);
	background-size: cover;
	background-position: center;
	/* interno */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

	#logo {
		width: 100%;
		padding: 30px 0;
		text-align: center;
		margin-bottom: 10px;
	}

/* MOBILE */
@media screen and (max-width:700px){

	#logo > img {
		width: 90%;
	}

}

/* PC */
@media screen and (min-width:701px){ 

	#logo > img {
		width: 470px;
	}

}


#bt_acesso {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 20px;
}

/* MENU */

#menu {
	width: 100%;
	/* interno */
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width:700px) {
	#menu {
		flex-direction: column;
	}	
}

/* Botão 1 */
#menu > .arte-cultura {
	display: block;
	width: 206px;
	height: 40px;
	background-image: url(img/bt_arte_cultura.png);
	background-size: 206px 40px;
	background-repeat: no-repeat;
}

#menu > .arte-cultura:hover {
	background-image: url(img/bt_arte_cultura_h.png);
}

/* Botão 2 */
#menu > .audio-visual {
	display: block;
	width: 206px;
	height: 40px;
	background-image: url(img/bt_audiovisual.png);
	background-size: 206px 40px;
	background-repeat: no-repeat;
}

#menu > .audio-visual:hover {
	background-image: url(img/bt_audiovisual_h.png);
}

@media screen and (max-width:700px) {
	#menu > a:first-child {
		margin-bottom: 30px;
	}	
}

@media screen and (min-width:701px) {
	#menu > a:first-child {
		margin-right:40px ;
	}		
}