* html,body,table,input,select,tr,td,a,textarea {
     margin-left: auto; margin-right: auto;
     padding:auto; margin:auto;
     font-size: 14px; font-family:'verdana';
     text-decoration:none;
     scroll-behavior: smooth;
}
section {
    height: 0vh;
    background-image: linear-gradient(orange, red);
}
.btnE {
    display: flex;
    justify-content: center;
/*    align-items: center; */
    position: fixed;  z-index: 999;
    top: 188px;
    width: 35px;
    height: 33px;
    background-color: gray;
    text-decoration: bold;
    opacity: 0.5;
}
.btnE::after {
    content: "5"; font-family: "wingdings 3";
    content: ' \25B2'; font-family: "verdana";
    margin-top: -2px;
    font-size: 25px;
    font-weight: bold;
    color: aliceblue;
    transition: margin-top 350ms;
}
.btnE:hover::after {
    margin-top: -2px;
}

.btnD {
    display: flex;
    justify-content: center;
/*    align-items: center;  */
    position: fixed;  z-index: 999;
    top: 188px;
    right: 0px;
    width: 35px;
    height: 33px;
    background-color: gray;
    text-decoration: none;
    opacity: 0.5;
}
.btnD::after {
    content: "6";     margin-top: 0px;  font-family: "wingdings 3";
    content: ' \25BC'; font-family: "verdana";
    margin-top: 0px;
    font-size: 25px;
    font-weight: none;
    color: aliceblue;
    transition: margin-top 350ms;
}
.btnD:hover::after {
    margin-top:  0px;
}

img { border:none; }

.buscar { width: 165px; color: green; font-size: 18px;
}

.quemsomos {
              font-size: 16px;
              color: navy;
              font-family:'Lucida Calligraphy';
}

.tabBuscador {
             width: 70%;
}

.imgbuscador {
              border-radius: 10%;
              width: 220px;
              height: 180px;
}

.imgsemfoto {
              border-radius: 10%;
              width: 165px;
              height: 120px;
}

.imganuncio {
              border-radius: 20%;
              width: 280px;
              height: 180px;
}

#topo {
              position: fixed;
              top: 0px; right: 0px; z-index: 100;
              width: 100%;
              height: 186px;
              background-color: #ffffff;
              background-position: center;
              background-size: 0%;
              border-radius: 1%;
              box-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
              transition: box-shadow 0.2s;
              cursor: pointer;
              opacity: 1;
}

.logo   {
              position: fixed;
              top: 4px; left:37%; right: 37%;   z-index: 110;
              width: 275px;
              opacity: 0.851;
}

.nls   {
              position: fixed;
              top: 15px; left: 35px; z-index: 110;
              width: auto;
              font-family: 'Verdana';
              font-size: 20px;
              opacity: 1.0;
}

.ls   {
              position: fixed;
              top: 60px; left: 35px; z-index: 110;
              width: auto;
              opacity: 0.70;
}

.nss   {
              position: fixed;
              top: 15px; right: 35px; z-index: 110;
              width: auto;
              font-size: 20px;
              font-family: 'Verdana';
              opacity: 1.0;
}

.ss   {
              position: fixed;
              top: 60px; right: 35px; z-index: 110;
              width: auto;
              opacity: 0.70;
}

.menu {
              position: fixed; top: 137px; z-index: 100;
              width: auto;
              background-color: #ffffff;
              background-position: center;
              background-size: 100%;
              box-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
              transition: box-shadow 0.2s;
              cursor: pointer;
              opacity: 0.85;
}
.restrita {   right: 15px;  }

.todos {      right: 118px; }

.busca {      right: 225px; }

.filtro { position:fixed; top: 186px; font-size: 14px; BACKGROUND-COLOR: gray;
    background-image: linear-gradient(#c0c0c0, #ffffff, #c0c0c0);
 color: #333333;}

.help {
              position: fixed; bottom: 233px; right: 22px; z-index: 100;
              width: 36px;
              height: 36px;
              background-color: #ffffff;
              background-position: center;
              background-size: 50%;
              border-radius: 50%;
              box-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
              transition: box-shadow 0.2s;
              cursor: pointer;
              opacity: 0.8;
}

.helpLeg {
              width: 100px;
              height: 30px;
              background-color: #c0c0c0;
              background-position: center;
              background-size: 100%;
              border-radius: 10%;
              box-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
              transition: box-shadow 0.2s;
              cursor: pointer;
              opacity: 0,85;'
}

.icoH  {
              width: 12%;
}

.icoP  {
              width: 12%;
}

.icoZ  {
              width: 12%;
}

.icoF  {
              width: 12%;
}

.pedido {
              position: fixed; bottom: 170px; right: 15px; z-index: 100;
              width: 42px;
              height: 42px;
              background-color: #ffffff;
              background-position: center;
              background-size: 50%;
              border-radius: 50%;
              box-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
              transition: box-shadow 0.2s;
              cursor: pointer;
              opacity: 0.8;"
}

.whatsapp {
              position: fixed; bottom: 115px; right: 15px; z-index: 100;
              width: 42px;
              height: 42px;
              background-color: #ffffff;
              background-position: center;
              background-size: 110%;
              border-radius: 50%;
              box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4);
              transition: box-shadow 0.2s;
              cursor: pointer;
              opacity: 0.8;"
}

.facebook {
              position: fixed; bottom: 60px; right: 15px; z-index: 100;
              width: 42px;
              height: 42px;
              background-color: #ffffff;
              background-position: center;
              background-size: 50%;
              border-radius: 50%;
              box-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
              transition: box-shadow 0.2s;
              cursor: pointer;
              opacity: 0.8;"
}

.rpusu {
              position: fixed; right: 15px; top: 165px; color:yellow;
}

.tabBA  {     width: 50%; left: 25%;
}

input, select, textarea {padding: 1px 2px; border-width:1; border-color:black; border-radius: 5px;}

tde, inpute, selecte, textareae { padding: 1px 5px; float:center; color:black; text-decoration: none; border:1px solid #999; font-weight: bold; filter: alpha(opacity=100); background:url(images/botao10.jpg) no-repeat; text-shadow: 0px 0px #000000;  }

.sub { padding: 1px 10px; float:center; color:navy; text-decoration: none; border:1px solid #999;
       font-weight: bold; filter: alpha(opacity=100); background:url(images/botao1.jpg) no-repeat;
       text-transform:uppercase; text-shadow: 1px 2px #ffffff; }
 a.sub:hover {text-decoration: underline}

.bot1 { padding: 1px 10px; float:center; color:#000000; text-decoration: none; border:1px solid #eee;
        font-weight: bold; filter: alpha(opacity=100); background:url(images/fundo.jpg) no-repeat;
        text-shadow: 1px 1px #ffffff; }
 a.bot1:hover {text-decoration: underline;  background:url(images/botao1.jpg) no-repeat;  }

.bola {
    border-radius: 50%;
    display: inline-block;
    height: auto;
    width: auto;
    border: 1px solid #000000;
    background-color: #FFFFaa;
    box-shadow: inset -1px -1px 1px #660, inset 1px 1px 3px #FFF;
}

.p {
  border: 2px double gray;
  border-radius: 15px;
  background-color: #f0f0f0;
  background: url(images/topo.jpg) no-repeat; 
  opacity: 1.0;
  filter: alpha(opacity=100); 
  box-shadow: inset -3px -3px 3px #666, inset 2px 2px 3px #999;
}

.p1 {
  border: 4px double gray;
  border-radius: 5px;
  background-color: #ffffff;
  opacity: 0.85;
/*  box-shadow: inset -3px -3px 3px #666, inset 2px 2px 3px #999; */
}

.p13 {
  border: 1px solid gray;
  border-radius: 25px;
  background-color: #f0f0f0;
}


/* Estilos Mobile */

@media (max-width: 800px) {

html,body,table,input,select,tr,td,a,textarea {
     margin-left: auto; margin-right: auto;
     padding:auto; margin:auto;
     font-size: 11px; font-family:'verdana';
     text-decoration:none;}

img { border:none; }

.btnE {
    top: 103px;
    width: 30px;
    height: 25px;
    text-decoration: none;
}
.btnE::after {
    content: ' \25B2';     font-family: "verdana";
    margin-top: -4px;
    font-size: 20px;
}
.btnE:hover::after {
    margin-top: -4px;
}
.btnD {
    top: 103px;
    width: 30px;
    height: 25px;
    text-decoration: none;
}
.btnD::after {
    content: ' \25BC';     font-family: "verdana";
    margin-top: -2px;
    font-size: 20px;
}
.btnD:hover::after {
    margin-top: -2px;
}

.buscar { width: 165px; color: green; font-size: 14px;
}

.logo   {
              top: 5px;
              left: 32%; right: 40%;
              width: 135px;
}

.nls   {
              top: 10px; left: 15px;
              font-family: 'verdana';
              font-size: 12px;
}

.ls   {
              top: 25px;
              left: 12px;
              font-size: 9px;
              width: auto;
}

.nss   {
              top: 10px; right: 10px;
              font-family: 'verdana';
              font-size: 12px;
}

.ss   {
              top: 25px;
              right: 10px;
              font-size: 9px;
              width: auto;
}
.quemsomos {
              font-size: 11px;
              color: navy;
              font-family: 'Goudy Old Style';
}

.tabBuscador {
             width: 100%;
}

.imgbuscador {
              border-radius: 20%;
              width: 100px;
              height: 80px;
}
.imgsemfoto {
              border-radius: 20%;
              width: 100px;
              height: 80px;
}

.imganuncio {
              border-radius: 20%;
              width: 100px;
              height: 80px;
}

#topo {       height: 100px; }

.restrita {   right: 10px;  top: 71; font-size: 8px; height: 20px; }

.todos {      right: 70px;  top: 71; font-size: 8px; height: 20px; }

.busca {      right: 133px; top: 71; font-size: 8px; height: 20px; }

.filtro { position:fixed; top: 100px; font-size: 11px; }


.help {
              right: 5px;
              width: 25px;
              height: 25px;
              bottom: 180px;
}

.helpLeg {
              width: 80px;
              height: 20px; font-size: 9px;
}

.icoH  {
              width: 25%;
}

.icoP  {
              width: 25%;
}

.icoZ  {
              width: 31%;
}

.icoF  {
              width: 30%;
}

.pedido {
              right: 5px;
              width: 27px;
              height: 27px;
              bottom: 140px;
}

.whatsapp {
              right: 5px;
              width: 29px;
              height: 29px;
              bottom: 100px;
}

.facebook {
              right: 5px;
              width: 27px;
              height: 27px;
              bottom: 60px;
}

.rpusu {
              right: 15px; top: 85px; color: navy; font-size: 8px;
}

.tabBA  {     width: 80%; left: 10%;
}

body {
  padding-top: 90px;
  }


.barra {
	height: 260;
	padding-top: 15px;
}

.container {
    top: 75px; left: 10px;
}

.bar1, .bar2, .bar3 {
    width: 25px;
    height: 4px;
    margin: 2px 0;
}

}

*/