html{height:100%;}
* {margin: 0;padding: 0;outline:none;}
body {font: normal 13px Arial, Helvetica, sans-serif;color: #3d5057;height:100%;background:#666 url("/images/agencia-digital-bg.gif") repeat-y center 0px;}

/*  atributos gerais
------------------------------------------------------------------------------------------------------------------*/
input, textarea, form, label{font: normal 13px Arial, Helvetica, sans-serif;color:#666;}
ol, ul{list-style:none;}
a{color:#3d5057;text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}

/*  classes gerais 
------------------------------------------------------------------------------------------------------------------*/
.floatLeft{float:left;}
.floatLeftImg{float:left;padding:0px 10px 10px 0px;}
.floatRight{float:right;}
.floatRightImg{float:right;padding:0px 0px 10px 10px;}
.clear{clear:both;}
.conteudoSemLateral{float:left; padding-left:335px!important;}
.image-holder{background: transparent url(/images/loading.gif) 50% 50% no-repeat;display:block;}	
.cinza{color:#404040!important;}

/*  padrao de hierarquia de titulos
------------------------------------------------------------------------------------------------------------------*/
h1 {width:100%;float:left;color:#3d5057;padding:0px 0px 4px 0px;border-bottom:1px solid #e2e2e2;font-size:20px;}

/*  div gerais
------------------------------------------------------------------------------------------------------------------*/
#wrapper{width: 996px;margin:0px auto;text-align:left;height:100%;position:relative;background:#c5c5c5;}

/*  topo
------------------------------------------------------------------------------------------------------------------*/
#header{float:left;width:996px;}
#header #topo{background:#cccacb;width:996px;height:49px;}
#header #mainMenu ul#menuPrimeiroNivel{padding:15px 10px 0px 0px;float:right;}
#header #mainMenu ul#menuPrimeiroNivel li.primeiroNivel a {color:#fff;text-decoration:none;text-transform:uppercase;font-size:14px;padding:0;margin:0px 25px 0px 0px;float:left;}
#header #mainMenu ul#menuPrimeiroNivel li.primeiroNivel{float:left; position:relative;}
#header #mainMenu ul#menuPrimeiroNivel li.primeiroNivel a#english{display:none;}
#header #mainMenu ul#menuPrimeiroNivel li.primeiroNivel a:hover,
#header #mainMenu ul#menuPrimeiroNivel li.primeiroNivel a.menuTopoMarcado{color:#3d5057;}
#header #mainMenu ul.segundoNivel{float:left; width:150px; position:absolute; top:16px; left:0px; z-index:6; border-left:1px solid #fff; border-right:1px solid #fff; background-color:#C7C7C7; display:none;}
#header #mainMenu ul.segundoNivel li{float:left; width:150px; padding:6px 12px 6px 6px;}

#topo .topoIngles{float:right;}
#topo .topoIngles ul{float:left; margin:15px 0 0 0;}
.topoIngles ul li{float:left; padding: 0 30px;}
.topoIngles ul li a{font-size:14px; text-transform:uppercase; color:#fff;}

#topoLogo{width:472px;height:505px;position:absolute;top:0px;left:0px;background:url('/images/foster-agencia-topo.png') no-repeat 0px 0px;z-index:1;}
#logoFoster{float:left;position:absolute;top:40px;left:0px;z-index:15;padding:0px 0px 0px 30px;}

/*  conteudo
------------------------------------------------------------------------------------------------------------------*/
#wrapperContent{background:#fff;float:left;padding:0px 0px 20px 0px;}
#wrapperContent #content{float:left;width: 996px;position:relative;z-index:10;line-height:170%;}
#content p{margin:0px;padding:0px 0px 15px 0px;}
#corpo {float:left;width:630px;padding:45px 0px 0px 30px;}
#paginaInterna{float:left; width:630px; min-height:430px;}
#paginaInterna p{line-height:19px;}

/*  menu lateral
------------------------------------------------------------------------------------------------------------------*/
#menuLateral,
#menuLateral ul,
#menuLateral ul li{float:left;width:280px;}
#menuLateral{padding:160px 0px 0px 0px;}
#menuLateral ul{padding:40px 0px 80px 0px;border-right:1px solid #dadada;}
#menuLateral ul li {padding:0px 0px 5px 0px;}
#menuLateral ul li a{float:right;font-size:14px;padding:0px 20px 0px 0px;}
#menuLateral ul li a.marcado,
#menuLateral ul li a.marcado:hover{color:#eb2420;background:url('/images/agencia-digital-seta.gif') no-repeat right 8px;}
#menuLateral ul li a:hover{color:#181818;text-decoration:none;}
#menuLateral ul li a.marcado{font-weight:bold;}

/*  bread
------------------------------------------------------------------------------------------------------------------*/
#bread {width:630px;float:left;padding:5px 0px 30px 0px;}
#bread, #bread a {font-size:11px;}

/*  rodape
------------------------------------------------------------------------------------------------------------------*/
#footer{float:left;padding-top:70px;background:#fff;}
#footer #supRodape,
#footer #infRodape{float:left;width:996px;}
#footer #supRodape{height:47px;background:#ebebeb;}
#footer #supRodape #fosterCorp{float:left;width:580px;font-weight:bold;padding:12px 0px 27px 0px;}
#footer #supRodape #fosterCorp p{float:left; padding:6px 10px 0 20px; font-size:14px;}
#footer #supRodape #fosterCorp ul.mobile li{float:left; padding-right:20px;}
#footer #supRodape #redesSociais{float:left;padding:16px 0px 0px 0px;}
#footer #supRodape #redesSociais strong,
#footer #supRodape #redesSociais ul,
#footer #supRodape #redesSociais ul li {float:left;}
#footer #supRodape #redesSociais strong {padding:2px 10px 0px 0px;}
#footer #supRodape #redesSociais ul li {padding:0px 12px 0px 0px;}
#footer #infRodape{background-color:#c5c5c5;}
#footer #infRodape ul#linksRodape{float:left;width:635px;}
#footer #infRodape ul#linksRodape li{float:left; padding-left:20px;width:70px;text-align:left;}
#footer #infRodape ul#linksRodape li#empresa{float:left; padding-left:5px;width:60px;text-align:left;}
#footer #infRodape ul#linksRodape li#home,
#footer #infRodape ul#linksRodape li#clientes,
#footer #infRodape ul#linksRodape li#servicos{float:left; width:60px;}
#footer #infRodape ul#linksRodape li#cases{float:left; text-align:center; width:40px;}
#footer #infRodape ul#linksRodape li a{float:left;padding:10px 0 10px 0;text-decoration:none;}
#footer #infRodape ul#linksRodape li a.primeiroNivel{color:#404040;}
#footer #infRodape ul#linksRodape li ul{float:left; width:100px;font-size:11px;}
#footer #infRodape ul#linksRodape li ul li{float:left;width:120px;padding:0;}
#footer #infRodape ul#linksRodape li ul li.liMenor{float:left;width:70px;}
#footer #infRodape ul#linksRodape li ul li a{float:left;padding:0px 0px 3px 0px;}
#footer #infRodape ul#endereco{float:left;padding-top:6px;color:#666;text-align:left;}
#footer #infRodape #copyright{color:#666;}
#footer #infRodape ul#endereco li#primeira{padding-bottom:5px;text-transform:uppercase;}
#footer #infRodape ul#endereco li#ultima{clear:both;padding-top:5px;font-weight:bold;color:#666;}
#footer #infRodape ul#endereco li#maps{float:left; padding-bottom:10px;}
#footer #infRodape ul#endereco li#maps a{float:left;color:#666;}
#footer #infRodape ul#endereco li#maps a#imageGoogle{float:left;padding:3px 0 0 0px;}
#footer #infRodape p{width:100%;clear:both;text-align:center;font-size:10px;color:#fff;padding:20px 0 10px 0;}
#footer #infRodape span{float:left;width:100%;text-align:center;font-size:10px;color:#959595;padding-bottom:10px;}