@font-face {font-family: "roboto"; url('https://gerhardt.pro.br/roboto-condensed.ttf') format('truetype');}

body {font-family: "Arial", "Nimbus Sans L", "calibri", "Didot", sans-serif; color: #467a7c; font-size: 11pt;  text-decoration: none; width: 98%; background-color: #dddddd;}

a:link {color: blue; text-decoration: none; font-weight: normal;}
a:visited {color: blue; text-decoration: none; font-weight: normal;}
a:hover {color: #000000; text-decoration: underline; background-color: transparent; font-weight: bold;}

div#a {width: 99%; background-color: #dddddd; text-align: center; border-style: none;}
div#b {width: 100%; background-color: #467a7c; text-align: center; border-style: none; font-size: 10pt; line-height: 2.5;}
div#c {width: 100%;background-color: transparent; text-align: center; border-style: none;}
div#d {width: 99%; background-color: #dddddd; text-align: left; border-style: none;}
div#e {width: 99%; background-color: #dddddd; text-align: center; border-style: none;}
div#f {width: 80%; background-color: #dddddd; text-align: center; border-style: none;}

h1 { font-size: 24pt; color:#467a7c; font-weight: bold; text-align: left; margin: 20px;}
h2 { font-size: 18pt; color:#467a7c; font-weight: bold; text-align: left; margin: 25px;}
h3 { font-size: 16pt; color:#467a7c; font-weight: bold; text-align: left; margin: 25px;}
h4 { font-size: 14pt; color:#467a7c; font-weight: bold; text-align: left; margin: 25px;}

p {text-align: justify; line-height: 1.4; font-size: 12pt; margin: 25px; font-weight: normal;}

table {width: 80%; text-align: left; border-width: thin; border-style: none; border-color: #000000; line-height: 1.2; margin: 15px;}
th {margin: 0px; padding: 5px; border-collapse: none; border-width: thin; border-style: solid;}
td {margin: 0px; padding: 5px; border-collapse: none; border-width: thin; border-style: solid;}


#menu {width: 100%; background-color: #467a7c; color: #ffffff; font-weight: bold; text-align: center; border-style: none; font-size: 10pt; line-height: 2.0;}
#menu a {background-color: #467a7c; color: #ffffff; display: inline-block; padding: 5px; font-weight: bold; text-decoration: none;}
#menu a:hover {background-color: #467a7c; color: #000000; font-weight: bold;}



div#g {width: 100px; height: 75px; background-color: #f5f5dc; border-style: solid; padding: 0px; margin-left: 0em; text-align: center; float: left;}
div#h {width: 100px; height: 100px; background-color: #f5f5dc; border-style: none; padding: 0px; margin-left: 0em; font-size: 9pt; text-align: center; float: left;}
div#i {border-style: none; background-color: transparent; height: 10px; position: absolute; top: 470px;}
div#j {border-style: none; padding: 0px; line-height: 1.4; background-color: transparent;}
div#l {width: 85%; border-style: none; background-color: transparent; text-align: left;}
div#m {width: 25%; padding: 1px; background-color: #e0ffff; border-color: #000000;}
div#n {border-style: none; background-color: transparent; height: 10px; position: absolute; top: 380px;}
div#o {width: 90%;  height: 90%; background-color: transparent; border-style: none; text-align: left; margin: 0.5em; line-height: 1.4;}
div#p {width: 70%; padding: 12px; margin-left: 15%; margin-right: 10%; margin-bottom: 1%; text-align: justify; background-color: white; min-height: 100px; border-color: #a8a8a8; border-radius: 7px; box-shadow: 4px 4px 4px teal;}
div#q {width: 62px; background-color: white; padding: 0px; border-style: none; float: left;}
div#r {border-style: none; text-align: right; margin-right: 15em; background-color: transparent; height: 18px; position: absolute; top: 80px;}
div#s {width: 95%;  height: 90%; background-color: transparent; border-style: none; text-align: center; margin: 0.5em; line-height: 1.8;}
div#t {width: 90%;  height: 90%; background-color: transparent; border-style: none; font-size: 30pt; text-align: justify; margin: 0.5em;}
div#u {border-style: none; text-align: right; background-color: transparent; height: 150px; position: absolute; top: 80px; right: 7%;}
div#v {font-size: 24pt; width: 90%; margin-left: 5%; margin-right: 5%; margin-top: 5%; text-align: justify; background-color: white; min-height: 100px; border-style: none;}
div#x {width: 20%; margin-right: 5%; background-color: white; padding: 0px; border-style: none; float: left;}

div#cookie {border-style: solid; width: 40%; left: 50%; background-color: #ffe4b5; padding: 5px; height: 50px; position: absolute; text-align: center; border-radius: 8px;}

.imgExpande {
list-style: none;
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
}
.imgExpande li {
display: block;
}
.imgExpande li img {
height: 80px;
/* width: 65px; Aqui é o tamanho da imagem */
margin-left: 0px; /* Espaço entre as imagem */
-webkit-transition: 1s all ease; /* É para pega no Chrome e Safira */
-moz-transition: 1s all ease; /* Firefox */
-o-transition: 1s all ease; /* Opera */
}
.imgExpande li img:hover {
-moz-transform: scale(5.5);
-webkit-transform: scale(5.5);
-o-transform: scale(5.5);
}

.imgMobile {
list-style: none;
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
}
.imgMobile li {
display: block;
}
.imgMobile li img {
height: 220px;
/* width: 65px; Aqui é o tamanho da imagem */
margin-left: 0px; /* Espaço entre as imagem */
-webkit-transition: 1s all ease; /* É para pega no Chrome e Safira */
-moz-transition: 1s all ease; /* Firefox */
-o-transition: 1s all ease; /* Opera */
}
.imgMobile li img:hover {
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
-o-transform: scale(1.0);
}

ins {background-color:#ffff00; text-decoration: none;}