html {font-size: 12px; 
  font-family: 'Quicksand', sans-serif;
  text-align: left;
  background-image: url("../images/background1.gif");
}
body {
  margin: 15px 15px;
  background-color: rgba(255,255,255,0.75);
  padding: 10px 10px 10px 10px;
  border: 2px solid gray;
}

main {
	font-size: 18px;
}

h1{
	font-size: 18px;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	margin: 20px 20px;
	/*padding: 1px 5px 5px 5px;*/
	font-weight: normal;
}

h2{
	font-size: 18px;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	margin: 20px 20px;
	padding: 1px 5px 5px 5px;
	font-weight: normal;
	background-color: rgba(128,128,255,0.25);	
	border-radius: 10px;
}

h3{
	font-size: 18px;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	margin: 20px 20px;
	padding: 1px 5px 5px 5px;
	font-weight: normal;
	background-color: rgba(200,75,128,0.25);	
	border-radius: 10px;
}

h4{
	font-size: 18px;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	margin: 20px 20px;
	padding: 1px 5px 5px 5px;
	font-weight: normal;
	background-color: rgba(200,200,175,0.25);	
	border-radius: 10px;
}


#logotipo {
	width: 33%;
	vertical-align: middle;
}

#logotipo2 {
	width: 46%;
	vertical-align: middle;
}

#titulo {
	font-family: 'Aclonica', sans-serif;
	text-align: left;
	margin-left: 20px;	
}

#subtitulo {
	font-family: 'Aclonica', sans-serif;
	text-align: center;
	font-size: 20px;
}

#enfase_texto {
	font-family: 'Aclonica', sans-serif;
	text-align: left;
	font-size: 18px;
}

#rodape_conteudo, #rodape_titulo {
	text-align: right;
	font-style: italic;
}

#rodape_titulo {
	font-weight: bold;
}

#rodape_titulo_center {
    text-align: center;
    font-style: italic;
	font-weight: bold;
}

#img_port {
	width: 50%;
}

#img_esquerda {
	float: left;
	margin-right: 15px;
	width: 450px;
}

#img_esquerda2 {
	align: left;
	margin-right: 15px;
	width: 450px;
}

#img_centro {
	width: 450px;
	vertical-align: middle;
}

#img_centro2 {
	width: 550px;
	vertical-align: middle;
}

.ClassTextoImgEsquerda
{   	
	text-align: justify;
    padding: 10px 0;
    position: relative;	
	overflow:auto;
}
.ClassTextoImgEsquerda img {
	float: left;
	margin-right: 15px;
	width: 100%;
	max-width: 450px;
	object-fit: contain;
	}
	
.ClassTextoImgEsquerda_300
{   	
	text-align: justify;
    padding: 10px 0;
    position: relative;	
	overflow:auto;
	margin-right: 15px;
}
.ClassTextoImgEsquerda_300 img {
	float: left;
	margin-right: 15px;
	width: 100%;
	max-width: 300px;
	object-fit: contain;
	}
	
.ClassTextoImgEsquerda_550
{   	
	text-align: justify;
    padding: 10px 0;
    position: relative;	
	overflow:auto;
}
.ClassTextoImgEsquerda_550 img {
	float: left;
	margin-right: 15px;
	width: 100%;
	max-width: 550px;
	object-fit: contain;
	}
	
.ClassTextoImgDireita
{   	
	text-align: justify;
    padding: 10px 0;
    position: relative;	
	overflow:auto;
}
.ClassTextoImgDireita img {
	float: right;
	margin-left: 15px;
	width: 100%;
	max-width: 550px;
	object-fit: contain;
	}
	
.ClassTextoImgDireita_200
{   	
	text-align: justify;
    padding: 10px 0;
    position: relative;	
	overflow:auto;
}
.ClassTextoImgDireita_200 img {
	float: right;
	margin-left: 15px;
	width: 100%;
	max-width: 200px;
	object-fit: contain;
	}
	
.ClassTextoImgDireita_300
{   	
	text-align: justify;
    padding: 10px 0;
    position: relative;	
	overflow:auto;
	margin-left: 15px;
}
.ClassTextoImgDireita_300 img {
	float: right;
	margin-left: 15px;
	width: 100%;
	max-width: 200px;
	object-fit: contain;
	}
	
.ClassTextoImgCentro
{   	
	text-align: justify;
    padding: 10px 0;
    position: relative;	
	overflow:auto;
}
.ClassTextoImgCentro img {
	margin-left: 15px;
	width: 100%;
	max-width: 550px;
	object-fit: contain;
	}