*{
	margin:0;
	padding: 0;
	font-family: system-ui;
	outline:none;

}


body{
    background: #f7f7f7;
}

.lh1{
    font-size: 12px;
    margin-top: 2px;
    color: #99a9b1;
    font-weight: 300;
    display: block;
}


li{
	display: inline;
	list-style: none;
}
header table{
    width:98%;
    margin:auto;
}
header table tbody td{
    
    padding:5px 10px;
        text-align: left;
}



table tbody td a{
        color: #9faab4;
    font-weight: bold;
    margin-right:10px;

}
table tbody td a:last-child{
    margin-right:0px;
}




table tbody td b{
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    
    text-align:center;
    margin-left:5px;
}
header table tbody td form {
    width: 98%;
    
   
}


a{
	text-decoration: none;
}

header{
    background: #fff;

    border-bottom: 1px solid #e9e9e9;
  
    box-shadow: 0px 1px 5px 1px #e9e9e9;
}


header nav{
	   
    padding: 20px 2px;
    max-width: 1080px;
    margin:auto;
}

header nav ul li{
margin-right: 5px;
margin-left: 10px;
}



 header li.lilogo b{
         font-size: 20px;
    margin: 10px;
       color: #000000;
    font-weight: 400;

     }

header nav ul li a{
color: #9faab4;
	font-weight: bold;
	margin-right:10px;

}


header nav .logo{
    margin-right:0px;
}
header nav ul li a:last-child{
margin-right:00px;

}

section h1{
margin: 10px auto;
    text-align: center;
    padding-bottom: 10px;
    color: #2e5454;
    font-size: 20px;
}

section h2{
	text-align: center;
    margin: 10px auto;
    color: #2e5454;
}










section form, header form{
	width: 60%;
    text-align: center;
    padding: 0px 2px;
    margin: 0px auto;
    display: inline-block;
}

 section form.mob{
         display:none;
     }



div.search{
    widtH:98%;
    margin:auto;
    border-radius:5px;
    border:1px solid #eee;
    background:#fff;
}


section form button, header form button{
    cursor: pointer;
    height: 42px;
    width: 10%;
    max-width: 70px;
    font-size: 14px;
    display: inline;
    background:#fff;
       color: #2e5454;
       border-radius:0px 5px 5px 0px;
    border:0px;
}

section form input, header form input{
border-radius:5px 0px 0px 5px;
    height: 40px;
    width: 88%;
    border:0px;
    display: inline;
    padding: 0px 0px 0px 2%;
    color: #2e5454;
    -webkit-appearance: none;  /* Remove estilo padr達o do Chrome */ 
    -moz-appearance: none; 
	}
	
	
	::-webkit-input-placeholder {
   color: #2e5454;
   font-size:14px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #2e5454;
   font-size:14px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #2e5454;
   font-size:14px;
}

:-ms-input-placeholder {  
    color: #2e5454;
   font-size:14px;
}



.login2, .login1{
    margin: auto;
    width: 98%;
    max-width: 350px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


.login2 a, .login1 a{
    background: #14d58e;
    color: #fff;
    padding: 8px 2px;
    border-radius: 3px;
    display: block;
    text-align: center;
    width: 90%;
    margin: 10px;
}

.login2 a.cadd, .login1 a.cadd{
    background: #ea0f0f;
}





section .lista{
	width: 98%;
    margin: auto;
    
    padding: 10px 0.8%;
}


section .lista h3{
	 margin: 0px auto 0px auto;
    padding: 10px 0px;
    height: 100px;
    background: white;
    border-radius: 4px 4px 0px 0px;
}

section .lista h3 strong{
    margin-top: 25px;
    display: inline-block;
}


section .lista h3 a{
	    color: #2e5454;
}



section .lista img{
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;

}


.icon-off{
    font-size: 14px;
}






.morebox a{
    padding: 10px 2px;
    background: #fff;
    border: 1px solid #add;
    margin: 10px auto;
    display: block;
    width: 94%;
    max-width: 500px;
    text-align: center;
    color: #2e5454;
    border-radius: 3px;
}






 .lista{
	        display: grid;
    grid-template-columns: repeat(5, 1fr);
	    }
	    
	    section .lista img{
	      float: none;
    display: block;
    margin: auto;
    margin-bottom: 10px;
	    }
	    
	    
	    .list2{
	       max-height: 200px;
    border: 1px solid #e9e9e9;
    margin: 3px;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 1px 5px 1px #e9e9e9;
	    }
	    
	    
	    .list2 span{
	        display: inline-block;
   
    font-size: 14px;
    
    padding: 5px;

   color: #2e5454;
    font-family: system-ui;
	    }
	    
	    	 .list2 .blink_me {
   
  animation: blinker 1.5s linear infinite;
    color: #1cd466;
    Font-size:10px;
        display: inline-block;
}

@keyframes blinker {  
  50% { opacity: 20%; }
}
	    
	    
	    
	    .desc{
	       background: #fff;
    border-top:0px solid #eeeeee;
    border-radius: 0px 0px 4px 4px;
    margin-top:1px;
	    }
	    
	    
	    .list2 .preco{
	       color: #8abeff;
    font-weight: 400;
    display: block;
	    }
	    
	    
	    .logo{
	   background: #ffffff;
    display: inline-block;
    text-align: center;
    padding: 2px 10px;
    border: 1px solid #eee;
    border-top: 6px solid #eee;
    font-family: sans-serif;
    border-radius: 3px;
    color: #ccc;
        font-weight: 400;

	    }
	    
	    
	    
	     .sidecate{
	       display: inline-block;
    width: 18%;
    background: white;
    margin: 13px 0px 10px 10px;
    border-radius: 4px;
    padding: 0px 0px 10px 0px;
  
    text-align: center;
    float: left;
    
   
    border: 1px solid #e9e9e9;
    
    box-shadow: 0px 1px 5px 1px #e9e9e9;
	   }
	   
	   section .sidecate h2{
	           text-align: center;
    margin: 0px auto 10px auto;
    color: #414444;
    border-radius: 4px 4px 0px 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #e7efef;
    background: #fbfbfb;
	   }
	   
	   .sidecate ul li{
	       display: block;
    margin:10px auto;
    text-align:center;
	   }
	   
	   .sidecate ul li a{
	           color: #24292e;
    font-weight: 400;
	   }
	   
	   .sidecate ul li a:hover{
	       text-decoration:underline;
	   }
	   
	   
	 
	   
	   .section{
	       display: inline-block;
    width: 80%;
	   }
	    
	    
	    
	    
	     header .login2{
         display: none;
     }
     
     
        
    section h2{
        text-align: center;
    margin: 0px auto 10px auto;
    color: #2e5454;
    background: #fbfbfb;
    border-radius: 3px 3px 0px 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #e7efef;
    }
   
   
   .sidecate img{
           width: 40px;
    border-radius: 3px;
    margin: 5px;
   }
    
    
    .sidecate table{
            width: 98%;    
    }
    
    
    .sidecate td:last-child{
            text-align: left;
                width: 105px;
    }
    
    
    .sidecate .pag tbody tr {
        width: 100%;
    margin: auto;
    text-align: center;
    display: block;
    }
    
    .sidecate .pag thead th{
        font-weight: 500;
    }
    
      .sidecate .pag td{
	       text-align: center;
	       display:inline-block;
	       width:48%;
	   }
	   
	  .sidecate .pag td p{
	       margin-bottom: 4px;
	   }
	   
	   .sidecate .pag tbody{
	           text-align: center;
    width: 98%;
    display: block;
    margin:auto;

	   }
	   
	   
	   .sidecate .pag{
	           border-top: 1px solid #eee;
    margin: 10px auto auto auto;
    padding-top: 8px;
	   }
	   
	   
	   .sidecate .pag img.visa{
	       width: 50px;
	       display:block;
	           margin:auto;

	   }
	   
	   
	   
	    .sidecate .pag img.pix{
	           width: 35px;
	           display:block;
	           margin:auto;
	   }
	   
	   
	  .sidecate .pag tbody .tr100{
	       margin-top:20px;
	       font-size:14px;
	   }
	   
	   
	  .sidecate .pag tbody .tr100 .linksobre{
	           font-weight: 400;
    font-size: 14px;
	   }
	  .sidecate .pag tbody .tr100 td{
	           width: 98%;
	   }
	   
	  .sidecate .pag tbody .tr100 td i{
	       font-weight: 200;
    color: #00c541;
	   }
	    
 @media only screen and (max-width: 480px) {
     
     body{
             background: #f7f7f7 !important;
     }
     
     
     
      .sidecate li  td{
          display:block;
          width:100%;
          margin:auto;
          text-align:center;
              width: auto !important;
    text-align: center !important;
      }
      
      .sidecate ul li {
    display: inline-block;
    margin:0px 3px 0px 3px;
      }
     
    section  .lista {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
     }
     
     
    section form button, header form button {
        height: 47px;
    width: 8%;
    padding:0px 2% 0px 0px;
   
     }
     
     .list2 span{
         font-size:12px;
     }
     
     
     section form, header form{
         width: 98%;
    text-align: center;
    padding: 0px 2px;
    margin: 10px auto;
    display: block;
     }
     
      header ul{
         text-align: center;
     }
     
     header li.lilogo{
         display: block;
    text-align:center;
     }
     
      header li.lilogo b{
        
    display: none;
    
     }
     
     header table td b{
         display:none;
     }
     
     header table{
         text-align:center;
     }
     
     
     
     header table tbody td{
         padding: 0px 5px 10px 5px;
    width: 98%;
    text-align: center;
    display: block;
    margin: auto;

     }
     
      header table tbody td a{
         color: #9faab4;
    font-weight: bold;
     }
     
     header table tbody td a:last-child{
         margin-left: 10px;
     }
     
     
     section form.mob{
         display:block;
     }
     
     header form.pc{
         display:none;
     }
     
     
     header .login2{
         display: grid;
     }
     
     
     header .login1{
         display:none;
     }
     
     .section, .sidecate{
         float:none;
            margin-top:10px;
    width:100%;
         
     }
     .sidecate{
          width: 96%;
         padding: 0px 0px 10px 0px;
    margin: auto;
    height: auto;
    display: block;
     }
     
     .sidecate ul li a {
        color: #24292e;
        font-size:12px;
    
     }
     
     header nav ul li.formli{
         display:block;
     }
     
     section form input, header form input {
             margin: 0;
    height: 45px;
    padding: 0px 0px 0px 1%;
    width: 89%;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
   
     
     
 }
 
 
  div.search{
         border: 1px solid #e9e9e9;
  
    box-shadow: 0px 1px 5px 1px #e9e9e9;
     }
 }