@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; }

/***** ESTRUTURA *****/
html, body { width:100%; height:100%; background-image:url(../imagens/bg-site.jpg); background-position:center; background-repeat:repeat-y; }

#pagina { width:100%; height:100%; }
#barra-topo { width:100%; height:25px; background-color:#000; }
#barra-topo a { float:right; margin-top:6px; margin-right:30px; }
#conteudo { width:100%; min-height:800px; background-image:url(../imagens/bg-topo.png); background-position:center top; background-repeat:no-repeat; }
#base { width:100%; height:380px; margin-top:50px; background-image:url(../imagens/bg-base.png); background-position:center top; background-repeat:no-repeat; float:left; }

.row-area { width:940px; padding-left:30px; padding-right:30px; margin:0 auto; height:100%; }
.row-area-md { width:950px; padding-left:25px; padding-right:25px; margin:0 auto; height:100%; }
.row { width:950px; margin:0 auto; float:left; }
.row span.txt-sobre { margin-left:40px; float:left; margin-bottom:20px; margin-top:10px; margin-right:40px; }


h1.logo { width:405px; height:110px; float:left; margin-top:35px; margin-left:30px; margin-bottom:10px; background-image:url(../imagens/logo-willian.png); background-repeat:no-repeat; }
h1.simbolo-logo { width:60px; height:60px; float:left; margin-left:40px; margin-bottom:20px; background-image:url(../imagens/logo-simbolo.png); background-repeat:no-repeat; }
h1.local { background-image:url(../imagens/txt-local.gif); width:256px; height:12px; float:left; display:block; margin:8px; margin-left:40px; margin-bottom:6px; }

h1.criatividade { width:100%; height:200px; background-image:url(../imagens/txt-criatividade.png); background-position:40px 30px; background-repeat:no-repeat; float:left; }


.projeto { width:950px; float:left; }
.projeto h1 { width:880px; height:20px; margin-left:35px; margin-bottom:10px; background-position:top left; background-repeat:no-repeat;  }
.projeto span { margin-left:35px; margin-right:-20px; float:left; clear:both; }
.projeto img.projeto { margin-top:10px; border:0; }
.projeto img.bt-ver-online { border:0; float:right; margin-right:35px; vertical-align:middle; }

h1.hr { width:100%; height:60px; background-image:url(../imagens/bg-hr.png); background-position:center; background-repeat:no-repeat; float:left; }
h1.hr-pq { width:100%; height:10px; background-image:url(../imagens/bg-hr-pq.png); background-position:center; background-repeat:no-repeat; font-size:0; float:left; }
h1.hr-titulo-destaques { width:100%; height:25px; margin-bottom:30px; background-image:url(../imagens/titulo-destaques.png); background-position:center bottom; background-repeat:no-repeat; }

.titulo-ativas { background-image:url(../imagens/titulo-ativas.gif); }
.titulo-adce { background-image:url(../imagens/titulo-adce.gif); }
.titulo-patrus { background-image:url(../imagens/titulo-patrus.gif); }
.titulo-bbtrends { background-image:url(../imagens/titulo-bbtrends.gif); }
.titulo-codeme { background-image:url(../imagens/titulo-codeme.gif); }
.titulo-icj { background-image:url(../imagens/titulo-icj.gif); }
.titulo-grupo-toniato { background-image:url(../imagens/titulo-grupo-toniato.gif); }
.titulo-cefetmg-100anos { background-image:url(../imagens/titulo-cefetmg-100anos.gif); }
.titulo-masb-happydays { background-image:url(../imagens/titulo-masb-happydays.gif); }
.titulo-masb-celebrate { background-image:url(../imagens/titulo-masb-celebrate.gif); }
.titulo-masb-vibramasb { background-image:url(../imagens/titulo-masb-vibramasb.gif); }
.titulo-masb-air { background-image:url(../imagens/titulo-masb-air.gif); }
.titulo-masb-manguinhos { background-image:url(../imagens/titulo-masb-manguinhos.gif); }
.titulo-masb-enjoy { background-image:url(../imagens/titulo-masb-enjoy.gif); }
.titulo-ronaldo-morado { background-image:url(../imagens/titulo-ronaldo-morado.gif); }
.titulo-masb-portal-do-sol { background-image:url(../imagens/titulo-masb-portal-do-sol.gif); }
.titulo-masb-eminent { background-image:url(../imagens/titulo-masb-eminent.gif); }
.titulo-masb-cennario { background-image:url(../imagens/titulo-masb-cennario.gif); }
.titulo-masb-wings { background-image:url(../imagens/titulo-masb-wings.gif); }
.titulo-gardenia-express { background-image:url(../imagens/titulo-gardenia-express.gif); }
.titulo-geraldo-correa { background-image:url(../imagens/titulo-geraldo-correa.gif); }
.titulo-fragoso-filizzola { background-image:url(../imagens/titulo-fragoso-filizzola.gif); }


/***** BASE *****/
#barra-subir { width:100%; height:30px; background-color:#000; margin-top:165px; float:left; }
#barra-subir span { float:right; margin-top:6px; }
#barra-media-base { width:100%; height:50px; background-color:#161616; border-top:1px solid #252525; float:left; }

#barra-media-base a { float:right; margin-top:18px; }

.bt-subir { float:right; border:0; margin-top:-30px; }


/***** TEXTOS *****/
.txt-subtitulo { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#728B94; }

.subtitulo-projeto { font-family:Arial; font-size:12px; font-weight:bold; color:#6699CC; }
.txt-jobs-projeto { font-family:Arial; font-size:11px; color:#667984; }
.txt-geral { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#333F44; }


a.link-pq-br { font-family:Arial; font-size:9px; color:#FFF; text-decoration:none; }
a.link-pq-br:hover { color:#9CC; }

a.link-pq-cz { font-family:Arial; font-size:9px; color:#666; text-decoration:none; }
a.link-pq-cz:hover { color:#999; }


/***** MENUS *****/
ul.destaques { width:940px; height:80px; margin:0 auto; list-style:none; margin-top:30px; text-align:center; }
ul.destaques li { margin-right:0px; display:inline; }
ul.destaques li a img { border:1px solid #E1E1E1; }

ul.bar-social-base { float:left; height:20px; list-style:none; width:400px; margin-top:-3px; }
ul.bar-social-base li { width:20px; height:20px; padding-right:2px; float:left; }
ul.bar-social-base li a { width:20px; height:20px; display:block; background-position:center; background-repeat:no-repeat; }

ul.bar-social-base li a.linkedin { background-image:url(../imagens/ico-linkedin.gif); }
ul.bar-social-base li a.delicious { background-image:url(../imagens/ico-delicious.gif); }
ul.bar-social-base li a.twitter { background-image:url(../imagens/ico-twitter.gif); }
ul.bar-social-base li a.lastfm { background-image:url(../imagens/ico-lastfm.gif); }
ul.bar-social-base li a.youtube { background-image:url(../imagens/ico-youtube.gif); }
ul.bar-social-base li a.myspace { background-image:url(../imagens/ico-myspace.gif); }
ul.bar-social-base li a.orkut { background-image:url(../imagens/ico-orkut.gif); }
ul.bar-social-base li a.facebook { background-image:url(../imagens/ico-facebook.gif); }


ul.bar-social-topo { float:right; height:24px; list-style:none; margin-right:30px; margin-top:1px; }
ul.bar-social-topo li { float:left; display:block; }
ul.bar-social-topo li a { width:24px; height:24px; display:block; background-position:center; background-repeat:no-repeat; }

ul.bar-social-topo li a.linkedin { background-image:url(../imagens/ico-linkedin-ori.gif); }
ul.bar-social-topo li a.delicious { background-image:url(../imagens/ico-delicious-ori.gif); }
ul.bar-social-topo li a.twitter { background-image:url(../imagens/ico-twitter-ori.gif); }
ul.bar-social-topo li a.lastfm { background-image:url(../imagens/ico-lastfm-ori.gif); }
ul.bar-social-topo li a.youtube { background-image:url(../imagens/ico-youtube-ori.gif); }
ul.bar-social-topo li a.myspace { background-image:url(../imagens/ico-myspace-ori.gif); }
ul.bar-social-topo li a.orkut { background-image:url(../imagens/ico-orkut-ori.gif); }
ul.bar-social-topo li a.facebook { background-image:url(../imagens/ico-facebook-ori.gif); }