.sidemenu {
position: fixed; 
padding: 10px; 
left: 0px; 
opacity: 0.8; 
width: 100%; 
height: 150px;  
background: url(http://1.bp.blogspot.com/-kT7waRmNnLQ/Vehh1ezzo_I/AAAAAAAAhiY/EkflV1IRyXo/s1600/barra.png) repeatX;
text-align: justify;
-webkit-transition: all .7s ease-out; 
-moz-transition: all .7s ease-out; 
-o-transition: all .7s ease-out; 
transition: all .7s ease-out; 
z-index: 151234354
}
.sidemenu:hover {
opacity: 1;
top: 0px; 
-webkit-transition: all .7s ease-out; 
-moz-transition: all .5s ease-out; 
-o-transition: all .7s ease-out; 
transition: all .7s ease-out; 
}

.colchete { /*barra do fundo*/
width: 1365px; 
height: 107px;
background: url(http://3.bp.blogspot.com/-TnlgV3EyZm4/Vehkk9dzE4I/AAAAAAAAhik/C-jJrEvlTuw/s1600/barra2.png) no-repeat;
box-shadow: inset 0px 0px 2px #e3cdc8;
border-radius: 3px;
padding: 2px 2px 2px 2px;
line-height: 15x;
float: center;
text-align: center;
image-align: center; 
margin-bottom: 0px; 
margin-left: -204px; 
margin-top: -318px;
opacity: 0.7; 
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.colchete:hover {
margin-top: -250px; 
opacity: 1.0; 
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.colchete a { /*fonte do menu*/
color: #fff!important;
font-size: 16px;
font-family: Muli;
text-decoration: none;
text-shadow: 1px 1px 1px #5cbac4!important;
}
.colchete a:hover {text-shadow: 0px 0px 4px #e84f7d!important;}
.colchete a::before, .colchete a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s,
opacity 0.2s;
-moz-transition: -moz-transform 0.3s,
opacity 0.2s;transition: transform 0.3s,
opacity 0.2s;
}
.colchete a::before { /* troque o símbolo da chaveta da terceira linha se quiser*/
margin-right: 2px;
margin-top: 25px;
content: '{';
-webkit-transform: translatex(20px);
-moz-transform: translatex(20px);
transform: translatex(20px);
}
.colchete a::after { /* troque o símbolo da chaveta da terceira linha se quiser*/
margin-left: 2px;
content: '}';
-webkit-transform: translatex(-20px);
-moz-transform: translatex(-20px);
transform: translatex(-20px);
}
.colchete a:hover::before,.colchete a:hover::after,.colchete a:focus::before,.colchete a:focus::after {
opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px);transform: translatex(0px);
}