﻿/* reset */
html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, dl, dt, dd, ol, ul, li { border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
html, body { font-size:62.5%; line-height:1; }
body { background:#f1f1f1; color:#233131; font:1.3em/1.54em Arial, Helvetica, Geneva, sans-serif; text-align:center; }
ol, ul { list-style:none; }
:focus { outline:0; }
/* layout */
.in { margin:0 auto; text-align:left; width:870px; }
#topo { background:url(../imagens/bg_topo.gif) repeat-x left top #ebebeb; border-bottom:2px solid #fff; overflow:hidden; }
#cabecalho { background:url(../imagens/bg_cabecalho.gif) repeat-x left top #283636; border-top:3px solid #233131; clear:both; color:#8aa4a4; }
#cabecalho .wrap { background:url(../imagens/bg_cabecalho.jpg) no-repeat center top; display:block; }
#corpo { background:url(../imagens/bg_corpo.gif) repeat-x left top #fff; border-bottom:3px solid #e5e5e5; }
/* topo */
#topo h1 { float:left; padding:29px 0; }
#topo h1 a:link, #topo h1 a:visited { background:url(../imagens/logo_gestools.gif) no-repeat left top; display:block; height:50px; text-decoration:none; text-indent:-9999px; width:272px; }
#topo ol { background:url(../imagens/bg_topo-ol.gif) no-repeat left -30px; float:right; height:30px; padding-left:1px; width:270px; margin-right: 65px; }
#topo li { float:left; }
#topo ol a:link, #topo ol a:visited { display:block; height:30px; text-decoration:none; text-indent:-9999px; width:135px; }
#topo ol a.li1:hover, #topo ol a.li1:focus { background:url(../imagens/bg_topo-ol.gif) no-repeat -1px top; }
#topo ol a.li2:hover, #topo ol a.li2:focus { background:url(../imagens/bg_topo-ol.gif) no-repeat -136px top; }
/* site-oficial */
#site-oficial { border-top:1px solid #e5e5e5; clear:both; color:#7f0b01; padding:20px 300px 26px 0; text-align:right; }
#site-oficial strong { color:#ce2307; }
#site-oficial a:link, #site-oficial a:visited { background:url(../imagens/bg_site-oficial.gif) no-repeat left top; color:#fff; display:block; float:right; font-weight:700; height:46px; line-height:46px; margin-right:-234px; margin-top:-40px; padding-left:14px; text-align:left; text-decoration:none; text-transform:uppercase; width:189px; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #site-oficial a:link, #site-oficial a:visited { margin-top:-20px;} }
*+html #site-oficial a:link, *+html #site-oficial a:visited { float:none; }
/* rodape */
#rodape { color:#acacac; font-size:.9em; padding:.55em 0 2.55em; }
#rodape a:link, #rodape a:visited { color:#7f7f7f; font-size:.9em; text-decoration:none; text-transform:uppercase; }
#rodape a:hover, #rodape a:focus { text-decoration:underline; }
#rodape p.contacto { float:right; line-height:1.9em; }
#rodape p.contacto em { color:#999; font-size:1.66em; font-style:normal; vertical-align:top; }
*+html #rodape p.contacto em { vertical-align: baseline; }
/* comum */
#cabecalho .in { overflow:hidden; padding-top:45px; }
#cabecalho ul { padding:1.3em 0 1.6em .85em; }
#cabecalho li, .pro #cabecalho p.item { background:url(../imagens/icon_item.gif) no-repeat left .25em; font-size:1.15em; margin-bottom:1.3em; padding-left:28px; }
#cabecalho li strong { color:#fff; font-weight:400; }
#cabecalho h2 { color:#bfc4c4; font-size:2.77em; font-weight:700; line-height:1; }
#demo { background:url(../imagens/bg_versao-demo-in.png); height:77px; margin-left:465px; position:absolute; top:24.3em; width:218px; }
#demo a:link, #demo a:visited { display:block; height:46px; margin-left:53px; margin-top:20px; text-decoration:none; text-indent:-9999px; width:165px; }
dt { background:url(../imagens/icon_li-pack.gif) no-repeat left .475em; font-size:1.15em; font-weight:700; padding-left:15px; }
dd { margin-bottom:1.5em; margin-left:15px; }
.home #cabecalho h2 strong, .facil #cabecalho h2 { color:#fff; }
.facil #coluna p, .facil #barra p, .movel #coluna p.intro { color:#7f0b01; font-size:1.385em; line-height:1.66em; margin-bottom:.9em; }
.movel #cabecalho .in, .pro #cabecalho .in { padding-top:28px; }
.movel #cabecalho h2 em, .pro #cabecalho h2 em { color:#fff; font-style:normal; }
.movel #cabecalho p, .pro #cabecalho p { color:#bfc4c4; font-size:1.385em; font-weight:400; margin-bottom:.7em; padding:.15em .05em; }
.movel #coluna, .pro #coluna { float:left; margin-right:40px; padding:5.15em 0 5em 8px; width:512px; }
/* pagina > home */
.home #cabecalho h2 span { color:#c81d01; display:inline-block; font-size:.42em; line-height:1.9em; margin-left:-9px; vertical-align:text-top; }
.home #cabecalho h3 { color:#bfc4c4; font-size:1.385em; font-weight:400; margin-bottom:1.66em; padding:.15em .05em; }
.home #demo { background:url(../imagens/bg_versao-demo.png) no-repeat left top; height:209px; margin-left:590px; position:absolute; top:76px; width:282px; }
.home #demo a:link, .home #demo a:visited { display:block; height:46px; margin-left:117px; margin-top:71px; text-decoration:none; text-indent:-9999px; width:165px; }
.pack { float:left; padding:50px 0 5em; width:261px; margin: 0 30px 0 9px; }
.pack h3 { color:#5f7272; }
.pack h4 { color:#303838; font-size:1.46em; font-weight:400; margin-bottom:1.84em; }
.pack h4 em { color:#921107; font-style:normal; font-weight:700; }
.pack p { color:#9eabab; }
.pack ul { height:10.5em; padding:.24em .1em; }
.pack li { background:url(../imagens/icon_li-pack.gif) no-repeat left .55em; margin-bottom:.75em; padding-left:1em; }
.pack p.mais { padding-left:155px; }
.pack .mais a:link, .pack .mais a:visited { background:url(../imagens/bg_saiba-mais.gif) no-repeat left top; display:block; height:32px; margin-bottom:.77em; text-indent:-9999px; width:109px; }
.pack.facil { background:url(../imagens/pack_facil.jpg) no-repeat right top; }
.pack.movel { background:url(../imagens/pack_movel.jpg) no-repeat right top; }
.pack.pro { background:url(../imagens/pack_pro.jpg) no-repeat right top; margin-right:0; }
/* pagina > facil */
.facil #cabecalho p { color:#bfc4c4; font-size:1.15em; margin:.3em 275px 2.1em 0; }
.facil #cabecalho .png { background:url(../imagens/bg_cabecalho-facil.png) no-repeat left top; display:block; height:256px; margin-left:580px; position:absolute; top:114px; width:290px; }
.facil #barra { float:left; margin-top:7.6em; width:407px; padding: 5.15em 0 3.9em 8px; }
.facil #coluna { float:left; margin-right:40px; width:407px; padding: 5.15em 0 3.9em 8px; }
/* pagina > movel */
.movel #cabecalho li { font-size:1.1em; margin-bottom:.7em; }
.movel #cabecalho .png { background:url(../imagens/bg_cabecalho-movel.png) no-repeat left top; display:block; height:175px; margin-left:546px; position:absolute; top:63px; width:233px; }
.movel #demo { margin-left:560px; top:30.85em; }
.movel #coluna p { font-size:1.075em; margin-bottom:1.525em; }
.movel #barra { float:left; padding-right:8px; padding-top:13.9em; width:280px; }
.movel #barra p { font-size:.93em; }
.movel #barra p.wap { color:gray; font-size:1.15em; margin:.65em 0 .65em 1.15em; }
.movel #barra p.wap span { background:url(../imagens/icon_seta-wap.gif) no-repeat 8px center; padding-left:40px; }
.movel #barra ul { margin:.23em .23em 2.15em; overflow:hidden; }
.movel #barra li { background:url(../imagens/icon_li-pack.gif) no-repeat left .625em; clear:both; color:gray; float:left; margin-bottom:.415em; padding-left:.8em; width:8em; }
.movel #barra li.par { clear:none; width:11em; }
/* pagina > pro */
.pro #cabecalho p.item { background-position:left .65em; color:#fff; line-height:2em; margin:1.5em 100px 1.5em 0; }
.pro #cabecalho .png { background:url(../imagens/bg_cabecalho-pro.png) no-repeat left top; display:block; height:156px; margin-left:683px; position:absolute; top:90px; width:130px; }
.pro #demo { margin-left:560px; top:27.75em; }
.pro #coluna ul { padding:.24em .1em .24em .55em; }
.pro #coluna li { background:url(../imagens/icon_li-pack.gif) no-repeat left .55em; font-size:1.05em; margin-bottom:1.65em; padding-left:1em; }
.pro #coluna p { color:#7f0b01; font-size:1.385em; line-height:1.66em; margin:2em 0 .65em -8px; }
.pro #barra { color:#636363; float:left; font-size:.95em; padding-right:8px; padding-top:14em; width:280px; }
.pro #barra ul { line-height:1.75em; padding:0 0 2.4em .83em; }
.pro #barra a:link, .pro #barra a:visited { background:url(../imagens/icon_seta.gif) no-repeat right bottom; color:#7f0b01; font-size:1.15em; font-weight:400; padding-right:25px; text-decoration:none; }
.pro #barra a:hover, .pro #barra a:focus { color:#333; }
/* idioma */
#idioma { width:65px; background: url(../imagens/bg_idioma.gif) no-repeat left top; padding-top: 5px; position: absolute; top: 0; margin-left: 805px; }
#idioma ul { width:55px; background: url(../imagens/bg_idioma.gif) no-repeat right bottom; padding: 0 5px 5px; text-align: center; }
#idioma li { display:none; padding-right: 15px; text-transform: uppercase; }
#idioma ul:hover li { display:block; }
#idioma li.active { display:block; background: url(../imagens/icon_seta-idioma.gif) no-repeat right center; }
/* REMOVER CSS ABAIXO p/ tornar visivel o selector do idioma*/
#topo ol { margin-right: 0; }
#idioma { display:none; }
