.header { width:100%; height:506px; background:url(header-bg.jpg) top repeat-x; float:left; }
.logo { width:712px; height:441px; background:url(logo.png) no-repeat; display:block; text-indent:-9999px; margin:4px auto auto auto; transition:all ease 1s; }
.main { width:100%; height:406px; background:#12B9EB; float:left; }
.limite { width:980px; margin:0 auto; }
.ul { width:100%; min-height:305px; float:left; margin-top:60px; }
.li { width:305px; height:292px; float:left; }
.li-meio { margin:0 32px; }
.li > img { width:305px; height:auto; float:left;  }
.footer { width:100%; float:left; }
.footer-email { width:100%; float:left; height:108px; background:url(footer-bg.jpg) repeat-x top left; }
.footer-tile { width:539px; height:26px; float:left; margin-top:44px; position:relative; overflow:hidden; }
.footer-tile:hover .footer-tile-img { top:-26px; } 
.footer-tile:hover .footer-tile-hover { top:0; }
.footer-tile-img, .footer-tile-hover { position:absolute; transition:top ease 0.4s;  }
.footer-tile-img { top:0; left:0; }
.footer-tile-hover { top:26px; left:0; }
.footer-bt { width:300px; height:61px; float:right; margin-top:29px; display:block; background:url(footer-email.png) top left no-repeat; transition:opacity ease 0.5s }
.footer-bt:hover { opacity:0.4 }
.footer-copy { width:100%; float:left; padding:32px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#33445D; }
.site { float:right; }