body{
    background-image: URL('../imagem/background.jpg');
    /*background-repeat: no-repeat;*/
    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;
}

*{margin: 0; padding: 0} /* Define margin a padding 0 para todos os elementos html */

.container-principal {font-family: 'verdana'; color:#807D7D;}

/* formatação do cabeçalho do site */
header{
	width: 100%;
	height: 50px;
	background-image: url('../imagem/backGroundHeader.png');
	position: relative;
	top: 0;
	
}

.logo{position: absolute; width: 67px; height: auto; top:5%; z-index: 9999;}
.logo img{width: 90%; margin-left: 10%;}

/* Propiredades do menu de navegação */
nav{position: absolute; right: 30px; bottom: 0px;}
nav ul li{float:left; color: #8C3234; width: auto; margin: 1px 1px 15px 1px; font-size: 1em; font-family: 'Arial'; font-weight: bold; list-style: none;}
nav ul li a{
	background-color:aliceblue;
	text-decoration: none;
	color: #727272;
	border-width: 3px;
	border-style: solid;
	border-color: #727272;
	border-radius: 10px;
	padding: 5px 5px 5px 5px
}
nav ul li a:hover{
	color: #000000;
	border-color: #000000;
}


/*propriedades dos popups */
.modalDialog{
	position: absolute;
	font-family: 'Verdana';
	color: black;
	width: 98%;
	height: 83%;background-image: url('../imagem/backGroundHeader.png');
	z-index: 9000;
	webkit-transition: opacity 5000ms ease-in;
	moz-transition: opacity 5000ms ease-in;
	transition: opacity 5000ms ease-in;
	top: 65px;
	left: 1%;
	border-radius: 15px;
	align-content: center;
	align-items: center;
}

/*
.modalDialog div{
	width: 90%;
	position: relative;
	margin: auto;
	padding: 5px 20px 13px 20px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius: 12px;
	background-color: aqua;
	left: 5% auto;
	transform: translateX(-50%);
}*/
.modalDialog p{
	margin-top: 10px;
	margin-bottom: 0px;
}
.modalDialog img{
	width: 50%;
	position: relative;
	margin-left: 25%;
}

.close {
 background-color: #606061;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
}
.close:hover {
 background-color: #b50909;
}

footer{
	width: 100%;
	height: 5%;
	height: 5%;
	background-image: url('../imagem/backGroundHeader.png');
	position: absolute;
	bottom: 0%;
	
	/*
	margin: 0 auto;
	position: relative;
	height: 30px; 
	bottom:0; 
	width: 100%; 
	align-items: center; 
	position: absolute; 
	background-image: url('../imagem/backGroundHeader.png');
	vertical-align: middle;*/
}

.footerContainer{
font-family: 'Arial'; font-size: 16px;
font-weight:lighter;
left: 50%;
width: 100%;
position: absolute;
transform: translateX(-50%);
text-align: center;
line-height:25px;
}

iframe{
	background-color: transparent;
}