@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto+Slab|Special+Elite&display=swap');

body {
	background-color: white;
	color: rgba(0,0,0,1);
	font-family: Arial, sans-serif;
	
}

div.corpo {

	width: 980px;
	position: relative;
	float: center;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
/*	box-shadow: 0px 0px 10px rgba(0,0,0,.5);*/
	padding: 20px;
}

p {
	text-align: justify;
	text-indent: 50px;
}

a {
	color: #606060;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Formatação do Menu*/


header{
	float: center;
	padding: 20px;
	width: 97%;
	background-color: #D60003;
	border-radius: 10px;
}

header#cabecalho {
	border-bottom: 0px #606060 solid;
	height: 95px;
}

#logo{
	width: 300px;
	float: left;
}

nav#menu {
	display: block;
	width: 100;
	position: 400px;
}

nav#menu ul {
	list-style: none;
	position: relative;
	float: right;
	top: 16px;
	right: 10px;
}

nav#menu li {
	display: inline-block;
	background-color:transparent;
	padding:10px;
	margin:2px;
	transition: background-color 1s;
	font-family: raleway,700, sans-serif;
	font-style: bold;
	font-size: 9pt;
	border-radius: 5px;
	text-transform: uppercase;
}

nav#menu li:hover {
	background-color: #606060;
}

nav#menu h1 {
	display: none;
}

nav#menu a {
	color: #ffffff;
	text-decoration: none;
}

nav#menu a:hover {
	color: #ffffff
}

/* Fim Formatação do Menu*/
		
/* Formatação de imagens com legendas */

figure.foto-legenda {
	position: relative;
	border: 8px solid white;
	box-shadow: 1px 1px 4px black;
}

figure.foto-legenda img {
	width: 100%;
	height: 100%;
}

figure.foto-legenda figcaption {
	opacity: 0;
	position: absolute;
	top:0px;
	background-color: rgba(0,0,0,.4);
	color: white;
	widht: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s;
}

figure.foto-legenda:hover figcaption {
	opacity: 1;
}
/** Formatacao banner embaixo menu **/
#banner{
	width: 980px;
	position: relative;
	margin-left: 5px;
	z-index: auto;
	margin-top: 30px;
	border-radius: 10px;
}

/* Formatacao Artigo. */

h2{
	background-color: #D60003;
	color: white;
	text-align: center;
	margin-top: 50px;
	padding: 10px;
	width: 972px;
	border-radius: 5px;
	font-family: Raleway;
}

.margem{
  
	position: relative;
	width: 980px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;

}

.artigo{
	position: relative;
	width: 980px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
}

.historia{
	width: 70px;
	left: 260px;
	position: relative;
}

#artigo{
	margin: 0 auto;
	width: 60%;
	position: relative;
}

.artigo p{
	margin: 50px auto;
	width: 600px;
/*	text-align: center;*/
	color: #606060;
	font-family: Raleway;
/*	position: relative;*/
}

.info-align{
	display: inline-block;
}

.info-cimaesq{
	width: 300px;
	text-align: center;
}

.info-cimameio{
	width: 300px;
	text-align: center;
}

.info-cimadir{
	width: 300px;
	text-align: center;
}

h3{
	color: #606060;
	font-family: Raleway;
	text-transform: uppercase;
    text-align: center;
}

p.info{
	width: 250px;
	color: #606060;
	font-family: Raleway;
}

/*div#info-cimaesq{
	text-align: center;
	margin: 50px;
	left: 0px;
	position: absolute;
}

div#info-cimameio{
	text-align: center;
	margin: 50px;
	left: 400px;
	position: absolute;
}

div#info-cimadir{
	text-align: center;
	margin: 50px;
	left: 700px;
	position: absolute;
}*/

.contato1{
	margin-top: 100px;
	width: 70px;
	left: 118px;
	position: relative;
}

.icone-contato{
	width: 20px;
	padding: 5px 10px 0px 0px;
}

#contato{
	margin: 0 auto;
	width: 300px;
	position: relative;
}

div#dados{
	margin: 50px auto;
	width: 300px;
	text-align: center;
	color: #606060;
	font-family: Raleway;
	position: relative;
}

#fotos{
	margin-top: 100px;
	width: 70px;
	left: 470px;
	position: relative;
}

iframe{
	border:0;
	border-radius: 10px;
	margin: 30px auto 0px auto;
	left: -45px;
	position: relative;
}

.rodape{
	position: center;
	padding: 15px 0px;
}

.rodape p{
	background-color: #D60003;
	color: white;
	text-align: center;
	padding: 15px;
	border-radius: 5px;
	font-family: Raleway;
	font-size: 10pt;
}