html{ margin: 0%; padding: 0%;
width: 100%;
}
* {
box-sizing: border-box;
}
.row::after {
content: "";
clear: both;
display: table;
}
[class*="col-"] {
float: left;
}
body { background-color: black;
width: 100%;
margin: 0%;
}
.l{ float: left;}
.center {
display: flex;
align-items: center;
justify-content: center; }
/* Extra small devices (phones, 600px and down) 111 */
@media only screen and (max-width: 600px) {
.margen-contato{
margin-top: 3.4%;
padding: 13%;
}
.M-I-CONTÁTOS {
padding: 0.5%;
}
.EspaçoSuperiorNavCategoria{
margin-top: 5%;
}
.dropbtn2 {
font-size: 150%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropbtn1 {
font-size: 150%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.h2{
color: #000000;
text-align: center;
padding: 4%;
}
.ind8{width: 40%}
.ind26{ width:41.66% }
.ind3i{width:33.33%}
.ind20{Width:100%}
.col-1 {width: 5%;}
.col-2 {width: 10%;}
.col-3 {width: 15%;}
.col-4 {width: 20%;}
.col-5 {width: 25%;}
.col-6 {width: 30%;}
.col-3i {width:33.33% ;}
.col-7 {width: 35%;}
.col-8 {width: 40%;}
.col-43-34 {width: 43.34%;}
.col-9 {width: 45%;}
.col-10 {width: 50%;}
.col-11 {width: 55%;}
.col-12 {width: 60%;}
.col-13 {width: 65%;}
.col-6i {width: 66.66%;}
.col-14 {width: 70%;}
.col-15 {width: 75%;}
.col-16 {width: 80%;}
.col-17 {width: 85%;}
.col-18 {width: 90%;}
.col-19 {width: 95%;}
.col-20 {width: 100%;}
.col-holl { width: 200px; }
.margen-10-2 {
padding: 1.50%;
margin-top: 7%;
}
.CatCiculo {
text-align: center;
color: black;
padding: 3%;
font-size: 100%;
font-style:normal;
}
.rodapé-2{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 15%;
font-family: 'Times New Roman', Times, serif;
}
.rodapé-1{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 15%;
}
.h4-rodapé{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 15%;
}
.h4-rodapé-fu{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 10%;
}
.p-rodapé-fu{ font-size: 100%;
color :rgb(31, 106, 204) ;
margin-top: 5%;
text-shadow: 2px 2px 15PX;
text-align: center;
margin-bottom: 10%;
text-shadow: 2px 2px 5PX rgb(31, 106, 204) ;
}
.p-rodapé-w{ font-size: 100%;
color:rgb(43, 173, 75) ;
margin-bottom: 10%;
text-shadow: 1px 1px 15PX ;
text-align: center;
margin-top: 5%;
text-shadow: 1px 1px 5PX rgb(43, 173, 75);
}
.p-rodapé-f{ font-size: 100%;
color :rgb(31, 106, 204) ;
text-shadow: 2px 2px 15PX;
text-align: center;
margin-top: 5%;
text-shadow: 2px 2px 5PX rgb(31, 106, 204) ;
}
.dropbtn {
font-size: 150%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropdown {
position: relative;
}
.dropdown1 {
position: relative;
}
.dropdown2 {
position: relative;
}
.gradente-nav-1 /* gradente-nav-1-col */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8,#C0A36B);
margin-top: 1%;
color: black;
text-align: center;
font-size: 150%;
padding: 3%;
}
.gradente-nav-4 /* gradente-nav-4-col */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#C0A36B,#f1eee8,#C0A36B);
margin-top: 1%;
color: black;
text-align: center;
font-size: 150%;
padding: 3%;
}
.gradente-nav-3 /* gradente-nav-3-col */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8);
margin-top: 1%;
color: black;
text-align: center;
font-size: 150%;
padding: 3%;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) 222 */
@media only screen and (min-width: 600px) {
.margen-contato{
margin-top: 3.4%;
padding: 12%;
}
.M-I-CONTÁTOS {
padding: 0.8%;
}
.dropbtn2 {
font-size: 175%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropbtn1 {
font-size: 175%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.gradente-nav-1 /* gradente-nav-1-col-1 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8,#C0A36B);
margin-top: 3%;
color: black;
text-align: center;
font-size: 250%;
padding: 5%;
}
.h2{
color: #000000;
text-align: center;
font-size: 200%;
padding: 4%;
}
.gradente-nav-4 /* gradente-nav-1-col-4 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#C0A36B,#f1eee8,#C0A36B);
margin-top: 3%;
color: black;
text-align: center;
font-size: 250%;
padding: 5%;
}
.gradente-nav-3 /* gradente-nav-1-col-3 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8);
margin-top: 3%;
color: black;
text-align: center;
font-size: 250%;
padding: 5%;
}
.ind8-1{width: 40%}
.ind26-1{ width:41.66% }
.ind3i-1{width:33.33%}
.ind20-1{Width:100%}
.col-1-1 {width: 5%;}
.col-2-1 {width: 10%;}
.col-3-1 {width: 15%;}
.col-4-1 {width: 20%;}
.col-5-1 {width: 25%;}
.col-6-1 {width: 30%;}
.col-3i-1 {width:33.33% ;}
.col-7-1 {width: 35%;}
.col-8-1 {width: 40%;}
.col-9-1 {width: 45%;}
.col-43-34-1 {width: 43.34%;}
.col-10-1 {width: 50%;}
.col-11-1 {width: 55%;}
.col-12-1 {width: 60%;}
.col-13-1 {width: 65%;}
.col-6i-1 {width: 66.66%;}
.col-14-1 {width: 70%;}
.col-15-1 {width: 75%;}
.col-16-1 {width: 80%;}
.col-17-1 {width: 85%;}
.col-18-1 {width: 90%;}
.col-19-1 {width: 95%;}
.col-20-1 {width: 100%;}
.margen-10-2{ padding: 1.50%;
margin-top: 7% }
.CatCiculo {
text-align: center;
color: black;
padding: 3%;
font-size: 150%;
font-style:normal;
}
.rodapé-2{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 15%;
}
.rodapé-1{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 15%;
}
.h4-rodapé-fu{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 10%;
}
.p-rodapé-w{ font-size: 100%;
color:rgb(43, 173, 75) ;
margin-bottom: 10%;
text-shadow: 1px 1px 15PX ;
text-align: center;
margin-top: 5%;
text-shadow: 1px 1px 5PX rgb(43, 173, 75);
}
.p-rodapé-f{ font-size: 100%;
color :rgb(31, 106, 204) ;
text-shadow: 2px 2px 15PX;
text-align: center;
margin-top: 5%;
text-shadow: 2px 2px 5PX rgb(31, 106, 204) ;
}
.dropbtn {
font-size: 175%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropdown {
position: relative;
}
.dropdown1 {
position: relative;
}
.dropdown2 {
position: relative;
}
}
@media only screen and (max-width: 768px) {
.col-0-max2{ display: none; }
.margen-10-6{ padding: 1.50%;
margin-top: 7% }
}
/* Medium devices (landscape tablets, 992px and up) 333 */
@media only screen and (min-width: 768px) {
.margen-contato{
margin-top: 3.4%;
padding: 5%;
}
.M-I-CONTÁTOS {
padding: 1.1%;
}
.dropbtn2 {
font-size: 200%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropbtn1 {
font-size: 200;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.gradente-nav-1 /* gradente-nav-1-col-2 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8,#C0A36B);
margin-top: 3%;
color: black;
text-align: center;
font-size: 300%;
padding: 1%;
}
.gradente-nav-4 /* gradente-nav-1-col-2 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#C0A36B,#f1eee8,#C0A36B);
margin-top: 3%;
color: black;
text-align: center;
font-size: 300%;
padding: 1%;
}
.gradente-nav-3 /* gradente-nav-1-col-3 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8);
margin-top: 3%;
color: black;
text-align: center;
font-size: 300%;
padding: 1%;
}
.h2{
color: #000000;
text-align: center;
font-size: 170%;
padding: 1.3%;
font-style:normal
}
.margen-10-5{ padding: 0.5%; }
.col-0-min2{ display: none; }
.col-0-2 {width: 0%;}
.col-1-2 {width: 5%;}
.col-2-2 {width: 10%;}
.col-3-2 {width: 15%;}
.col-4-2 {width: 20%;}
.col-5-2 {width: 25%;}
.col-6-2 {width: 30%;}
.col-3i-2 {width:33.33%;}
.col-7-2 {width: 35%;}
.col-8-2 {width: 40%;}
.col-8-dividido-3-2{width: 13.33%;}
.col-43-34-2 {width: 43.34%;}
.col-9-2 {width: 45%;}
.col-10-2 {width: 50%;}
.col-10-2-t { width: 50%; }
.col-11-2 {width: 55%;}
.col-12-2 {width: 60%;}
.col-13-2 {width: 65%;}
.col-6i-2 {width: 66.66%;}
.col-14-2 {width: 70%;}
.col-15-2 {width: 75%;}
.col-16-2 {width: 80%;}
.col-17-2 {width: 85%;}
.col-18-2 {width: 90%;}
.col-19-2 {width: 95%;}
.col-20-2 {width: 100%;}
.CatCiculo {
text-align: center;
color: black;
padding: 2%;
font-size: 90%;
font-style:normal;
}
.margen-10-2 {
padding: 1.50%;
margin-top: 7%
}
.rodapé-2{ font-size: 80%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 15%;
}
.rodapé-1{ font-size: 100%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 13PX rgb(0, 0, 0);
text-align: center;
margin-bottom: 15%;
}
.dropbtn {
font-size: 200%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
}
@media only screen and (max-width: 992px) {
.col-0-MAX3 { display: none; }
.gradente-nav-1-1 {
display: none;
}
.gradente-nav-4-1 {
display: none;
}
.gradente-nav-3-1 {
display: none;
}
}
/* Large devices (laptops/desktops, 1400px and up) 444 */
@media only screen and (min-width: 992px)
{
.margen-contato{
margin-top: 3.4%;
padding: 2.5%;
}
.M-I-CONTÁTOS {
padding: 1.4%;
}
.dropbtn2 {
font-size: 225%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropbtn {
font-size: 225%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropbtn1 {
font-size: 225%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.gradente-nav-1 {
display: none;
}
.gradente-nav-4 {
display: none;
}
.gradente-nav-3 {
display: none;
}
.gradente-nav-1-1 /* gradente-nav-1-col-3 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8,#C0A36B);
margin-top: 1%;
color: black;
text-align: center;
font-size: 200%;
padding: 1%;
}
.gradente-nav-4-1 /* gradente-nav-4-col-3 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#C0A36B,#f1eee8,#C0A36B);
margin-top: 1%;
color: black;
text-align: center;
font-size: 200%;
padding: 1%;
}
.gradente-nav-3-1 /* gradente-nav-3-col-3 */ {
border: #000000;
border-width: 2px;
border-style: solid;
background-image:linear-gradient(65deg,#f1eee8,#C0A36B,#f1eee8);
margin-top: 1%;
color: black;
text-align: center;
font-size: 200%;
padding: 1%;
}
.cente-3-dois{
display: flex;
align-items: center;
justify-content: center;
}
.CatCiculo {
text-align: center;
color: black;
padding: 2%;
font-size: 100%;
font-style:normal;
}
.col-0-min3{ display: none; }
.col-1-3 {width: 5%;}
.col-2-3 {width: 10%;}
.col-3-3 {width: 15%;}
.col-1p6-3 { width: 16.66%; }
.col-4-3 {width: 20%;}
.col-2666-3{ width: 26.8%; }
.col-5-3 {width: 25%;}
.col-6-3 {width: 30%;}
.col-6-3-m-p-1{width: 30%; margin-left: 13.33%; margin-right: 6.66%;}
.col-6-3-m-p-2{width: 30%; margin-left: 6.66%; margin-right: 13.33%;}
.col-i3-3-es{width:33.33% ; margin-left: 16.66%; }
.col-3i-3-di{width:33.33% ; margin-right: 16.66%; }
.col-3i-3 {width:33.33% ; }
.col-7-3 {width: 35%;}
.col-8-3 {width: 40%;}
.col-43-34-3 {width: 43.34%;}
.col-9-3 {width: 45%;}
.col-10-3 {width: 50%;}
.col-11-3 {width: 55%;}
.col-12-3 {width: 60%;}
.col-13-3 {width: 65%;}
.col-6i-3 {width: 66.66%;}
.col-14-3 {width: 70%;}
.col-15-3 {width: 75%;}
.col-3-15-c{ width: 75%;margin-left: 12.25%; margin-right: 12.25%; }
.col-16-3 {width: 80%;}
.col-16-3-c {width: 80%; margin-left: 10%; margin-right: 10%;}
.col-17-3 {width: 85%;}
.col-18-3 {width: 90%;}
.col-19-3 {width: 95%;}
.col-20-3 {width: 100%;}
.margen-10-2 {
padding: 0.5%;
margin-top: 2%;
}
.margen-10-3 {
padding: 0.5%;
}
}
@media only screen and (max-width: 1200px) {
}
/* Extra large devices (large laptops and desktops, 1200px and up) 555 */
@media only screen and (min-width: 1200px) {
.margen-contato{
margin-top: 3.4%;
padding: 2.5%;
}
.M-I-CONTÁTOS {
padding: 1%;
}
.h2{
color: #000000;
text-align: center;
font-size: 150%;
padding: 0.8%;
font-family: 'Times New Roman', Times, serif;
}
.dropbtn {
font-size: 250%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropbtn1 {
font-size: 250%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.dropbtn2 {
font-size: 250%;
color:rgb(0, 0, 0) ;
text-shadow: 1px 1px 4PX rgb(0, 0, 0);
text-align: center;
border: none;
cursor: pointer;
font-weight: bold;
margin-bottom: 10%;
}
.col-1-4 {width: 5%;}
.col-2-4 {width: 10%;}
.col-3-4 {width: 15%;}
.col-100-6-4 {width:16.66% ; }
.col-1p6-4 { width: 16.66%; }
.col-4-4 {width: 20%;}
.col-4-4-00 {width:20%; margin: 0%; }
.col-2666-4{ width: 26.8%; }
.col-2_6-4{width:26.66}
.col-5-4 {width: 25%;}
.col-6-4 {width: 30%;}
.col-6-4-m-p-1{width: 25%; margin-left: 16.66%; margin-right: 8.33%;}
.col-6-4-m-p-2{width: 25%; margin-left: 8.33%; margin-right: 16.66%;}
.col-3i-4 {width:33.33% ; }
.col-7-4 {width: 35%;}
.col-8-4 {width: 40%;}
.col-8-dividido-3-4 {width: 13.33%;}
.col-43-34-4 {width: 43.34%;}
.col-4166-4{ width: 41.66; }
.col-9-4 {width: 45%;}
.col-10-4 {width: 50%;}
.col-5333-4 {width: 54%;}
.col-11-4 {width: 55%;}
.col-12-4-ES{width: 60%; margin: auto 26.66% auto 13.33%; }
.col-12-4-DI{width: 60%; margin:auto 13.33% auto 26.66% ; }
.col-13-4 {width: 65%;}
.col-6i-4 {width: 66.66%;}
.col-6i-4-c {width:66.66% ;margin-left: 16.66%; margin-right: 16.66%; }
.col-14-4 {width: 70%;}
.col-15-4 {width: 75%;}
.col-16-4 {width: 80%;}
.col-17-4 {width: 85%;}
.col-18-4 {width: 90%;}
.col-19-4 {width: 95%;}
.col-20-4 {width: 100%;}
.margen-10-2 {
padding: 0.5%;
margin-top: 2%;
}
.margen-10-3 {
padding: 0.5%;
}
.CatCiculo {
text-align: center;
color: black;
padding: 2%;
font-size: 105%;
font-style:normal;
}
}
/* Gradentes */
.nav2b1 { margin-top: 1%;
padding: 0%;
margin-bottom: 0%;
}
.nav2b2 {
margin-top: 0%;
color:#e6d6b2;
text-align: center;
margin-bottom: 0%;
padding: 0%;
}
.ajuste-cir-nav{
margin-top: 0%;
margin-left: 0;
margin-bottom: 0%;
margin-right: 0%;
}
.CategoriaBotão{
margin-top: 1%;
padding: 15px
}
.gradente-nav-7{
background-image:linear-gradient(90deg,#C0A36B,#f1eee8,#C0A36B);
border-radius: 25px;
}
.foo{
padding: 2%;
margin-top: 14%;
margin-bottom: 0%;
}
.dropdown-content {
display: none;
position: absolute;
overflow: auto;
}
.dropdown-content1 {
display: none;
position: absolute;
overflow: auto;
}
.dropdown-content2 {
display: none;
position: absolute;
overflow: auto;
}
.show {display: table;
position: relative;
}
.show1 {display: table;
position: relative;
}
.show2 {display: table;
position: relative;
}
.h3-rodapé{
width: 100%;
font-size: 300%;
color:rgb(0, 0, 0) ;
margin-top: 5%;
text-shadow: 1px 1px 15PX rgb(0, 0, 0);
text-align: center;
font-family: 'Times New Roman', Times, serif;
}
.MM{
margin-bottom: 0%;
padding-bottom: 0%;
}
.MC{
margin: 0%;
}
a{
text-decoration: none;
}
.gradente-nav- {
background-image:linear-gradient(65deg,#C0A36B,#f1eee8,#C0A36B,#f1eee8,#C0A36B);
}
.margen-10-4 {
padding: 0.5%;
}
.margen-10-7 {
margin: 0.0%;
}
.scrollmenu {
overflow: auto;
white-space: nowrap;
}.scrollmenu2 {
display: inline-block;
}
.scroll {
overflow-x: scroll;
overflow-y: hidden;
white-space:nowrap;
}
.introdução1 {
margin-top: 5%;
margin-bottom: 5%;
}
.zero-margen-preencimento-{ margin: 0%; padding: 0%;}