<div id='menuWrapper'>
<div class='menu'>
<ul>
<li><a href="http://blog-de-testes-17.blogspot.com.br/">Home</a></li>
<li><a href="#">Nome da aba</a>
<ul>
<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
</ul>
</li>
<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
<li><a href="#">Nome da aba</a>
<ul>
<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
<li><a href="URL">Nome da aba</a></li>
</ul>
</li>
<li><a href="URL">Contato</a></li>
<li>
<style>
#searchbox {
background: transparent;
border: 0px solid #e8e8e8;
padding: 20px 10px;
margin-top: -15px;
width: 290px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjawr9CFW6zUW7KDIlCCDyTeHsf2TtYrSxkX2w-fzMr5-DZCpPrUFsLqrTTWzcBTM4YMZcr6iImG-bMLQdRhDK_HJNJlyky8urCzcCCT1lgSZ7_VHONTYStDhLmM-U2yUwK0t8pYRV9m4-O/s1600/search-dark.png) no-repeat 10px 6px #f9f9f9;
border-width: 1px;
border-style: solid;
border-color: #fff;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 55%;
padding: 8px 15px 8px 30px;
}
#button-submit {
background: #EE5174;
border-width: 0px;
padding: 9px 0px;
padding-top: 5px;
padding-bottom: 5px;
width: 25%;
cursor: pointer;
font: 15px 'Source Sans Pro',Arial, Helvetica;
color: #fff;
}
#button-submit:hover {
background: #666;
}
#button-submit:active {
background: #000;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search">
<input name="q" type="text" size="15" placeholder="Pesquise aqui..." />
<input id="button-submit" type="submit" value="Pesquisar" />
</form>
</li>
</ul>
</div></div></div>
