/* CSS WEBI 
   Autor: André Alves
*/

@import "default.css";
@import "portfolio.css";

html, body { height: 100%; width:100%; }
body { font:0.8em Arial, Helvetica, sans-serif; color:#333; }

#filme_principal { height:88%; width:100%; position:fixed; text-align:left; }

#header { height:83px; background:url(../imagens/outras/bg_header.gif) repeat-x; }
#header h1 a { width:211px; height:83px; background:url(../imagens/outras/logo_webi.png) no-repeat; display:block; margin-left:62px; }

#agency { display:none;	background:transparent url(../imagens/outras/tooltip.png) no-repeat; font:16px Tahoma, Arial, Helvetica, sans-serif; height:180px; width:175px; color:#333; padding: 25px;	z-index: 9999; line-height: 1.4em; }
#portfolio { height:218px; background:url(../imagens/outras/bg_portfolio.gif) repeat-x; border-top: 1px solid #fff; }

h2 { display:block; font:25px Helvetica, Arial, Helvetica, sans-serif; color:#000; padding:11px 0 11px 60px; background:#fff url(../imagens/outras/bg_tit_portfolio.gif) repeat-x;  }
h2 span { color:#636363; }

#cliente { width:100%; overflow:hidden; }
.desc { width:328px; padding-bottom:10px;  display:block; background:#000; margin:58px 0 0 60px; color:#fff; position:absolute; z-index:444; }
.desc p { padding:14px; font:20px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; }

a.btacessar { background:url(../imagens/outras/bt_acessar_site.gif) no-repeat; width:106px; height:18px; }
a.btacessar:hover { background-position:0 -20px; }

#footer { position:fixed; bottom:8px; left:0; height:39px; width:100%; }
#footer address { background:url(../imagens/rodape/address.png) no-repeat; width:618px; height:29px; margin-left:30px; }

#footer ul { float:right; margin:-26px 30px 0 0;  }
#footer ul li { float:left; display:inline; }
#footer ul li a { background:url(../imagens/rodape/icon_socialmedia.png) no-repeat; margin:0 10px; }
#footer ul li a.twitter {  width:67px; height:18px; display:block; }
#footer ul li a.twitter:hover { background-position:0 -25px; }

#footer ul li a.facebook { width:72px; height:18px; background-position:-78px 0; display:block; }
#footer ul li a.facebook:hover { background-position:-78px -25px; }

#footer ul li a.youtube { width:53px; height:23px; background-position:-160px 0; display:block; }
#footer ul li a.youtube:hover { background-position:-160px -25px; }

#footer ul li a.flickr { width:49px; height:18px; background-position:-226px 0; display:block; }
#footer ul li a.flickr:hover { background-position:-226px -25px; }