::-webkit-scrollbar {width: 0px;}
b{
   display: flex;
   font-family: LATO, sans-serif;
   text-align: center;
   color: gray;}
h1{
   margin-top: -167px;
   color: white;
   text-shadow: 4px 5px black;
   font-family: lato, sans-serif;
   font-size: 55px;
   font-weight: bold;
   text-align:center ;}
h2{
   color: white;
   text-shadow: 1px 4px black;
   font-family: Lato,sans-serif;
   font-weight: initial;
   margin-top: -22px;
   font-size: 35px;
   text-align:center ;}
.container {
    position: absolute;
    background-color: #ffffff;
    width: auto;
    max-width: 2000px;
    min-width: 1030px;
    min-height: 500px;
    margin: -8px -8px -30px -8px;}
.oi1 {
   position: relative;
   width: 100%;
   height: 300px;}
.oi2 {
   position: relative;
   width: 120px;
   float: left;
   margin-top: -320px;
   height: 101px;
   z-index: 1;
   margin-left: 30px;}
.oi3 {
   position: relative;
   width: auto;
   float: right;
   height: 101px;
   margin-top: -290px;}
.oi3 ul {
   padding:0px;
   margin:15px;
   margin-left: 80px;
   float: left;
   width: 90%;
   list-style:none;
   font:80% Tahoma;}
.oi3 ul li { display: inline; }
.oi3 ul li a {
   color: #fffcfc;
   text-decoration: none;
   padding: 15px  25px 2px 25px;
   font-size: 20px;
   font-family: 'Lato', sans-serif;
   font-weight: bolder;
   float:left;}
.oi3 ul li a:hover {
   color: #6D6D6D;
   border-bottom:4px  #fffcfc;}
.oi3 ul li.active > a {
   display:inline-block;
   padding:10px;
   color:darkgray;}
   .container2 {
       width: 100%;
       max-width: 2000px;
       min-width: 1010px;
       background: #ffffff;}
   .fil{
       display: inline-block;
       position: inherit;
       background: #edecec;
       margin: 55px auto auto 3%;
       border: 1px solid darkgrey;
       border-radius: 6px 6px 6px 6px;
       height: 60px;}
   .oi4 {
       display: inline-block;
       margin-left: 5px;
       margin-top: 1px;
       width: 5%;
       height: 60%;
       padding-bottom: 10px;}
   .btn_filtro{
       width: 100%;
       height: 90%;
       background: #acacac;
       color: white;
       font-size: 14px;
       font-family: LATO,sans-serif;
       font-weight: bold;
       box-shadow: none;
       border: none;}
   .btn_filtro:hover{
       background: #595959;}
   .btn_filtro:focus{
       background:#f76727;}
   .oi5 {
       display: inline-block;
       width: 90px;
       height: 36px;}
   .oi6 {
       position: absolute;
       width: 8%;
       height: 40px;
       margin-left: 340px;
       margin-top: -46px;
       display: inline-block;}

   .oi7 {
       background: #edecec;
       width: 18%;
       height: 992px;
       margin-left: 3%;
       margin-top: 34px;}
   .btn_marcas{
       width: 96%;
       height: 33px;
       margin-left: 5px;
       margin-top: 5px;
       font-family: Lato,sans-serif;
       font-weight: bolder;
       color: white;
       background: #acacac;
       border: none;
       font-size: 15px;}
   .btn_marcas:hover{
       background:#595959;}
   .btn_marcas:focus{
       background: #f76727;}
   .oi8 {
       padding-left: 10px;
       padding-top: 7px;
       padding-bottom: 4px;
       border-radius: 3px 3px 3px 3px;
       width:17%;
       height: 24px;
       margin-left: 300px;
       margin-top: -1048px;}
   .oi9 {
       background: #edecec;
       width: 74%;
       height: 992px;
       margin-top: 21px;
       margin-left: 22%;}
   .oi10 {
       width: 58%;
       z-index: 0;
       margin-top: 7px;
       height: 20px;
       padding-top: 994px;
       margin-left: 45%}
   .oi10 a {
       font-weight: bolder;
       font-family: 'Lato', sans-serif;
       text-decoration: none;
       font-size: 18px;
       color: orangered;}
   .oi11 {
       position: relative;
       width: 16%;
       height: 20px;
       margin-top: 2px;
       font-family: lato , sans-serif;
       color: #595959;
       float: right;
       margin-right: 3%;}
   .map{
       width: 33%;
       height: 75%;
       position: relative;
       left: 1%;
       top: -232px;}
   .cont{
       width: 33%;
       height: 75%;
       position: relative;
       left: 34%;
       top: -145%;}
   .med{
       width: 32%;
       height: 75%;
       left: 67%;
       top: -213%;
       position: relative;}
   .oi12 {
       position: absolute;
       width: 100%;
       height: 300px;
       margin-top: 45px;
       box-shadow: 2px -2px 2px 1px rgba(1, 1,1,1);}
   .h2-fo{
       font-size: 25px;
       font-family: Lato,sans-serif;
       font-weight: bold;
       margin-left: -48%;}
   .h2-fo2{
       margin-left: -48%;
       font-size: 25px;
       font-family: Lato,sans-serif;
       font-weight: bold;}
   .h2-fo3{
       margin-left: -31%;
       font-size: 25px;
       font-family: Lato,sans-serif;
       font-weight: bold;}
   .oi12 ul{
       list-style: none;}
   .oi12 ul li a{
       color: #fffcfc;
       text-decoration: none;
       padding: 15px  25px 2px 25px;
       font-size: 18px;
       font-family: 'Lato', sans-serif;
       cursor: pointer;
       margin-left: -4px;}
   .contato {
       color: white;
       font-family: Lato,sans-serif;
       font-size: 18px;
       margin-top: -3%;
       text-shadow: 1px 1px black;}
   .oi12 .contato ul li {
       padding-bottom: 5px;}
   .bandeira{
       display: inline-block;
       width: 500px;
       float: right;
       margin-top: 0;
       margin-left: -620px;
       margin-right: -50px;}
   .center_txt {
       font-family: Lato,sans-serif;
       font-size: 40px;
       font-weight: bolder;
       text-align: center;
       color: grey;
       margin-left: 185px;
       margin-top: -54px;
       margin-bottom: 30px;}