.search { /* Não apague, geral da caixinha */
float: center;
margin-top: 3px;
margin-bottom: 1px;
}
.searchbar { /*barrinha*/
margin-left: -1px;
width: 145px;
padding: 2px 3px 3px 4px;
color: #423b3c;
font: 8px "handy", small fonts;
text-transform: uppercase;
text-align: center;
background: #f2d183;
border: 2px solid #f5b3b4;
box-shadow: inset 0px 20px 0px #756f70;
border-radius: 2px;
margin-bottom: 2px;
padding: 2px;
padding-left: 8px;
outline: none;
-webkit-transition-duration: 2s;
}
.searchbar:hover { 
outline: none;
box-shadow: inset 0px -24px 0px #756f70;
text-shadow: 1px 1px 1px #adaaab;
-webkit-transition-duration: 2s;
}
.searchbut { /* Botão da pesquisa */
margin: 0px -1px 0px -3px;
background: #f5b3b4;
box-shadow: inset -8px -6px 0px #f2d183;
border: #756f70 0px solid;
font-family: Silkscreen;
font-size: 9px;
letter-spacing: .1em;
color: #756f70;
text-shadow: 1px 1px 0 #fff;
padding: 2px 3px 4px 4px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}