*{ padding: 0; margin: 0; list-style: none; }
html, body{ width: 100%; height: 100%; overflow: auto; }
body{ font: 62.5% Verdana, sans-serif; }
a{ color: #165dad; text-decoration: underline; }
a:hover{ color: #3281d9; }


#top{ height: 39px; background: url(img/topo_fundo.gif) 0 1px repeat-x; overflow: hidden; overflow: hidden; padding-top: 1px; }
#top .header{ width: 348px; height: 31px; float: left; overflow: hidden; background: #fff url(img/header_fundo.gif) 100% 0 no-repeat; padding-left: 1px; }
#top .header a{ display: block; height: 31px; text-indent: -9999px; float: left; }
#top .header a.terra{ width: 142px; background: url(img/terra_logo.gif) no-repeat; }
#top .header a.webmail{ width: 101px; background: url(img/header_terramail.gif) no-repeat; }
#top .links{ color: #175da3; font: bold 1em "Verdana"; float: right; padding-top: 15px; padding-right: 20px; }
#top .links a{ color: #175da3; text-decoration: none; }
#top .links a:hover{ text-decoration: underline; }

#index{ height: 100%; width: 250px; float: left; background: #f9f9f9 url(img/index_fundo.gif) repeat-y 100% 0; padding: 0 9px 0 0; overflow: hidden; }
#index div.wrapper{ width: 100%; height: 100%; overflow: auto; }
#index div.navigation{ padding: 10px 14px; line-height: 2em; }
#index div.navigation a{ font-size: 1.2em; font-weight: bold; }
#index div.navigation ul{ padding-top: 3px; }
#index div.navigation li{ padding-left: 16px; background: url(img/bullet_princ_childless.gif) 4px 8px no-repeat; padding-bottom: 3px; }
#index div.navigation li.children{ background: url(img/bullet_princ_aberto.gif) 4px 8px no-repeat; }
#index div.navigation ul a{ font-size: 1.1em; }
#index div.navigation ul ul a{ font-size: 1.1em; font-weight: normal; color: #000; }
#index div.navigation ul ul a:hover{ color: #666; }
#index div.navigation li li{ padding-left: 16px; background: url(img/bullet_sec.gif) 2px 10px no-repeat; }
#index div.navigation a.selecionado{ background: #ddd; text-decoration: none; }
#index div.navigation a.selecionado:hover{ color: #000; }

#content{ height: 100%; background: #f9f9f9; overflow: auto; }
#content .inner_content{ padding: 10px 14px; }
#content h1{ color: #165dad; font-size: 1.5em; padding: 3px 5px 7px 5px; margin-bottom: 10px; border-bottom: solid 1px #165dad; }
#content h2{ padding: 5px; background: #efefef; font-size: 1.3em; color: #165dad; margin: 20px 0; border-bottom: solid 1px #165dad; }
#content h3, #content h4{ color: #165dad; font-size: 1.3em; padding: 10px 5px 7px 5px; margin-bottom: 15px; border-bottom: solid 1px #165dad; }
#content h4{ font-size: 1.2em; padding-left: 20px; border: 0; }
#content p{ font-size: 1.1em; padding: 0 5px 10px 5px; line-height: 1.6em; }
#content ol{ padding: 0 5px 5px 5px; }
#content ol li{ list-style: lower-alpha; line-height: 1.6em; margin-left: 25px; padding-bottom: 5px; }
#content ul{ padding: 0 5px 5px 5px; }
#content ul li{ list-style: disc; line-height: 1.6em; margin-left: 17px; padding-bottom: 5px; }
#content li{ font-size: 1.1em; }
#content li li{ font-size: 1em; }
#content a.volver_topo{ font-size: 1.1em; background: url(img/bullet_volver.gif) 5px 15px no-repeat; display: block; padding: 10px 0 35px 13px; }
#content .imagem{ padding: 5px 0 15px 5px; font-style: italic; font-size: 1.1em; color: #666; }
#content div.integrada{ margin: 10px 0; padding: 0; font-size: 1em; }
#content .imagem img{ margin-bottom: 5px; display: block; border: solid 1px #165dad; }
#content ol.painel li{ list-style: upper-alpha; padding-bottom: 3px; font-weight: bold; }
#content ol.painel li ol{ padding-top: 3px; }
#content ol.painel li ol li{ list-style: decimal;  }
#content p.exemplo{ padding-left: 40px; font-style: italic; }
#content strong.paineis{ color: #3281d9; }
#content dl{ padding: 0 5px 8px 5px; }
#content dt{ font-size: 1.1em; line-height: 1.6em; font-weight: bold; padding-bottom: 5px; }
#content dd{ font-size: 1.1em; line-height: 1.6em; padding-bottom: 10px; }
#content dl.exemplo{ padding-left: 40px; }
#content dl.exemplo dt{ padding: 0; }
#content dl.exemplo dd{ padding-bottom: 5px; font-style: italic; }

#footer{ height: 23px; background: #eef; background: url(img/rodape_fundo.gif) repeat-x; overflow: hidden; }