#addc{
	  background: #1cd466;
    border: 1px solid #30ad5a;
    font-size: 14px;
    padding: 12px 15px;
    height: auto;
    color: white;
    margin-left: 10px;
    border-radius: 3px;

    }
    
    
    header table{
    width:98%;
    margin:auto;
}
header table tbody td{
    
    padding:5px 10px;
}



header table tbody td form {
    width: 98%;
    text-align: center;
    padding: 0px 2px;
    margin: 0px auto;
    display: inline-block;
}



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;
    
}
header table tbody td form {
    width: 98%;
}


    
    header li.lilogo b{
         font-size: 20px;
    margin: 10px;
       color: #000000;
    font-weight: 400;
     }
      header .login2{
         display: none;
     }
     
     
     
    #addc2{
         background: #ffffff;
   border: 1px solid #add;
    font-size: 13px;
    padding: 12px 15px;
    color: #009688;
    margin-left: 10px;
    border-radius: 3px;
    height: auto;    width: auto;

    }
    
   section form.mob, 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.mod 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 3px 3px 0px;
    border:0px;
}

section form.mob input, header form input{

     height: 40px;
    width: 88%;
    border:0px;
    display: inline;
    padding: 0px 0px 0px 2%;
    border-radius:5px 0px 0px 5px;
    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;
}
    section .abuton{
          padding: 5px 2px;
    margin: 10px
 auto 10px auto;
    display: block;
    text-align: left;
    clear: both;
    width: 98%;
    
    }
    
    
    
        .comp{
              display: block;
                  margin-left: 10px;
        }
        
        
        
    section .lista{
        
            max-width: 980px;
            
        
    }
    
    
    section .lista h3{
        display:block;
        height:auto;
        width:100%;
    }
    section .abuton button{
cursor: pointer;
    display: inline;
    border-radius: 3px;
    margin-right: 0px;
    margin-bottom: 10px;
    background: #39a7ff;
    border: 1px solid #1488af;
    color: white;
    padding: 12px 2px;
    width: 98%;
    max-width: 320px;
   
    bottom: 12%;
  
    }
    
    section span.cart{
        margin: 10px auto 0px 10px;
    display: block;
    color: #b5b0b0;
    }
    
    
    
    
    select{
        height: auto;
    padding: 10px;
    font-size: 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    float: none;
    margin-top: 10px;
    color: #2e5454;
    background: #fff;
    -webkit-appearance: none;  /* Remove estilo padr達o do Chrome */ 
    -moz-appearance: none; 
        margin-left: 10px;
    }
    
    
    .comp .add{
        cursor: pointer;
    height: 46px;
    font-size: 15px;
    display: inline-block;
    background: #2bb66f;
    color: white;
    border: 1px solid #149258;
    border-radius: 3px;
    padding: 10px 20px;
    margin: 10px;
        width:auto;
    }
    
    
    .descric{
        margin:10px auto;
    padding: 10px;
    border-top: 1px solid #e7efef;
    }
    .descric span{
        color: #4e6e7d;
    }
    
    
    section .descric h3{
            display: block;
    height: auto !important;
    margin: 0;
        color: #24292e;
    }
    
    section span.din{
          color: #24292e;
    display: inline-block;
    font-size: 17px;
    padding-left: 0%;
    margin: 10px 2px 10px 20px;
    }
    
    
    
    section .view, section .view2, section .view3{
        display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    width: 100%;
    text-align: center;
    min-height: 100%;
    margin-bottom: 10px;
    overflow: auto;
    }
    
    section .view img, section .view2 img, section .view3 img{
        max-width: 100%;
    }
    
    
    section button.fechar, section button.fechar2, section button.fechar3{
        display: block;
    background: black;
    color: white;
    border: 1px solid #fff;
    padding: 5px 10px;
    font-weight: 800;
    font-family: helvetica;
    margin: 10px;
    border-radius: 3px;
    cursor:pointer;
    }
    
    
    
    section .lista  a .foto2, section .lista  a .foto3{
           display: inline-block;
    height: 60px;
   
    width: 60px;
    border: 1px solid #e7efef;
    padding: 5px;
    background: #fbfbfb;
    border-radius: 3px;
    }
    
    section .lista  a img{
        border: 1px solid #e7efef;
    padding: 5px;
    background: #fbfbfb;
    border-radius: 3px;
        width: 60px;
    
    }
    
    
    
    
    .login2, .login1{
    margin: auto;
    width: 98%;
    max-width: 350px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


.login2 a, .login1 a{
        background: #14d58e;
    color: white;
    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  a img {
    width:98%;
    max-width: 320px;
    float: left;
    margin-right: 10px;
   height:auto;
    margin-left: 10px;
    margin: auto;
    display: block;
}


      .pp{
           color: red;
    margin: 10px;
       } 
       
       
       .marc{
               margin-top: 5px;
       }

    
    @media only screen and (max-width: 480px){
section .lista h3 {
    display: block;
    height:auto;
    font-size: 17px;
    }
    
      header nav ul li:last-child{
         display:block;
     }
     
    .lilogo{
        text-align:center;
    }
        header li.lilogo b{
            display:block;
        }
        
          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 button, header form button {
        cursor:pointer;
    height: 47px;
    width: 8%;
    padding:0px 2% 0px 0px;
   color: #2e5454;
    font-size: 14px;
    display: inline;
   background: #fff;
   
 border:0px;
  
    margin: 0;
     }
     
     
     section form.mob input{
         
        margin: 0;
    height: 45px;
    
    width: 89%;
    font-weight: 400;
    font-size: 14px;
    padding: 0px 0px 0px 1%;
    box-sizing: border-box;
    text-align: left;
     }
     
     section form.mob, 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;
    
     }
     
     
     section form.mob{
         display:block;
     }
     
     header form.pc{
         display:none;
     }
     
     
     header .login2{
         display: grid;
     }
     
     
     header .login1{
         display:none;
     }
     
     section .lista{
         width: 96%;
     }
     
     
     section td{
         display:block;
     }
     
     
     section .abuton button{
         position:initial;
     }
     
     section td input{
         font-size:14px;
     }
     
     section span.din{
             font-size: 15px;
     }
     
     .pp{
         font-size: 15px;
     }
     
     
     section pre{
             font-size: 15px;
     }
     
     
     div.search{
         border: 1px solid #e9e9e9;
  
    box-shadow: 0px 1px 5px 1px #e9e9e9;
     }
     
}
       
       
       
 
       
       
.blink_me {
    
  animation: blinker 1.5s linear infinite;
    color: #1cd466;
    margin: 10px;
}

@keyframes blinker {  
  80% { opacity: 10%; }
  
  
  
}

section td input{
        color: #24292e;
        text-align:left;
        display:inline-block;
}
secton  form h3 input{
    border:0px;
}