/*-- CODIGO POR EXATU, NÃO USE E NEM NÃO COPIE/INSPIRE PLÁGIO É CRIME! --*/

#menexatu {margin-top:132px;margin-left:-12px; width:500px;height:70px;}
.zed1 a, .zed2 a, .zed3 a, .zed4 a {float:left; display:block; font-size:9px;font-family:'consolas';text-shadow:0px 0px 0px black; color:#bbb;text-transform:uppercase; text-align:center; margin-top:5px; margin-bottom:2px; margin-left:0px; coration: none; height:20px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; height:15px;width:26.3px; border: 1px solid #bbb; background:white; line-height:15px; }
#sidexatu:hover .zed1 a {margin-left:3px;transform:rotateX(0deg);opacity:1;transition:0.3s;}
#sidexatu:hover .zed2 a {margin-left:3px;transform:rotateX(0deg);opacity:1;transition:0.6s}
#sidexatu:hover .zed3 a {margin-left:3px;transform:rotateX(0deg);opacity:1;transition:0.9s}
#sidexatu:hover .zed4 a {margin-left:3px;transform:rotateX(0deg);opacity:1;transition:1.2s}
.zed1 a:hover, .zed2 a:hover, .zed3 a:hover, .zed4 a:hover {box-shadow:inset 40px 0px 0px 0px #bbb; color:white;}

#exaturmes{display:inline-block;position:absolute;bottom:5px; right:0px;width:55px;font-size:8.5px;text-transform:uppercase;opacity:0; transition:0.6s;height:11px;line-height:11px;text-align:center;background-color:rgba(0,0,0,.5);color:transparent;border-radius:3px;padding:2px}    
#exaturmes a{color:white;text-transform:uppercase;}
.posts:hover #exaturmes{transition:1s;opacity:1;right:7px;}
#exatu-permes {display:inline-block;position:absolute;bottom:8px; left:7px; width:160px; font-size:11px; text-transform:uppercase; opacity:0; transition:0.6s; height:30px;line-height:18px;text-align:center;background-color:rgba(190,190,190,.5);color:#eee;border-radius:1px; transform:rotateX(-180deg);} 
.posts:hover #exatu-permes{transition:1s;opacity:1;transform:rotate(0deg);}
#exatute {display:inline-block;position:absolute;bottom:5px; left:5px; width:30px; font-size:10px; text-transform:uppercase; opacity:0; transition:0.6s; height:18px;line-height:18px;text-align:center;color:#eee; border-radius:3px; transform:rotateX(-180deg);background-color:rgba(0,0,0,.5)}
#exatute a{color:#eee; text-transform:uppercase;}
#exatute  a:hover{color:#b4021f; text-transform:uppercase;}
.posts:hover #exatute {transition:1s;opacity:1;transform:rotate(0deg);}
#exatuda {display:inline-block;position:absolute;bottom:5px; left:72px; width:50px; font-size:11px; text-transform:uppercase; opacity:0; transition:0.6s; height:18px;line-height:18px;text-align:center;color:#eee; border-radius:3px; transform:rotateX(-180deg);background-color:rgba(0,0,0,.5)}
#exatuda  a{color:#eee; text-transform:uppercase;}
#exatuda  a:hover{color:#bbb; text-transform:uppercase;}
.posts:hover #exatuda  {transition:1s;opacity:1;transform:rotate(0deg);}
#exature {display:inline-block;position:absolute;bottom:5px; left:38px; width:30px; font-size:11px; text-transform:uppercase; opacity:0; transition:0.6s; height:18px;line-height:18px;text-align:center;color:#eee; border-radius:3px; transform:rotateX(-180deg);background-color:rgba(0,0,0,.5)}
#exature a{color:#eee; text-transform:uppercase;}
#exature  a:hover{color:#02b430; text-transform:uppercase;}
.posts:hover #exature {transition:1s;opacity:1;transform:rotate(0deg);}