* {margin:0; padding:0;}
body {background:url(/images/bg-foot.gif) left bottom repeat-x; font:88%/1.2em Arial,Verdana,Helvetica,sans-serif; text-align:center;}
#home {background:url(/files/assets/0000/0119/bg-foot-home.gif?20081108141937) left bottom repeat-x;}
a {outline:none;}
a img, fieldset {border:none;}
#pagina {text-align:left; width:915px; margin:0 auto;}
#home #pagina {background:url(/images/bg-base-coluna-home.gif) left bottom no-repeat;}
#topo, #container, #rodape {clear:both;}
#hpage {background:url(/images/bg.gif) left top repeat-x;}
#flashes {cursor:pointer; background:#e4e59b url(/images/bg-message.gif) left bottom repeat-x; color:#000; font-size:0.9em; padding:4px 5px 5px;}

/* topo */
#topo {float:left; width:174px; position:absolute;}
.site a {text-indent:-999em; background:url(/images/treinatom.gif) no-repeat; display:block; width:174px; height:135px;}

/* conteudo */
#wrapper {float:right; width:100%; margin-left:-174px;}
#conteudo {margin:0 0 0 174px; overflow:hidden; padding-bottom:36px; color:#666;}
#home #conteudo {padding:0 0 20px 3px;}
#topo-home {background:url(/images/topo-home.jpg) left top no-repeat; padding-left:15px; height:404px;}
#treinatom-o-que-e,
#treinatom-recursos,
#treinatom-faq,
#treinatom-cadastro,
#treinatom-conexao,
#treinatom-planos,
#treinatom-cases,
#treinatom-eventos,
#treinatom-contato,
#treinatom-tom-conference,
#treinatom-senha,
#treinatom-info,
#treinatom-cad,
#news,
#beta-eventos {display:block; width:715px; text-indent:-999em; background-repeat:no-repeat; padding:0 8px 12px 15px; height:198px;}
#treinatom-o-que-e {background-image:url(/images/topo-o-que-e.jpg);}
#treinatom-recursos {background-image:url(/images/topo-recursos.jpg);}
#treinatom-faq {background-image:url(/images/topo-faq.jpg);}
#treinatom-cadastro, #treinatom-planos {background-image:url(/images/topo-planos.jpg);}
#treinatom-conexao {background-image:url(/images/topo-conexao.jpg);}
#treinatom-cases {background-image:url(/images/topo-cases.jpg);}
#treinatom-eventos {background-image:url(/images/topo-eventos.jpg);}
#treinatom-meus-eventos {background-image:url(/images/topo-meus-eventos.jpg);}
#treinatom-contato {background-image:url(/images/topo-contato.jpg);}
#treinatom-cad{background-image:url(/images/topo-info.jpg);}
#treinatom-tom-conference {background-image:url(/images/topo-tom-conference.jpg);}
#treinatom-senha {background-image:url(/images/topo-senha.jpg);}
#treinatom-info {background-image:url(/images/topo-info.jpg);}
#news {background-image:url(/images/topo-news.jpg);}
#beta-eventos {background-image:url(/images/topo-cafe.jpg);}

.institucional {float:left; padding:0 10px 0 12px; width:415px;}
.oquee {display:block; height:18px; width:154px; text-indent:-999em; background:url(/images/o-que-e.gif) left top no-repeat; position:relative; top:-4px;}
.institucional p {font-size:0.8em;}
#player {height:267px; width:263px; background:url(/images/player.gif) left top no-repeat; float:right;}
.revolucionar {background:url(/images/treina-tom-screen.jpg) left bottom no-repeat; height:180px; width:415px; margin-bottom:27px;}
.revolucionar img {float:right; clear:both; margin-top:50px;}
a.conhecer {margin-top:35px; float:right; clear:both; width:170px; height:26px; display:block; text-indent:-999em; background:url(/images/btn-conhecer.gif) left top no-repeat;}
a.conhecer:hover {background-position:left bottom;}
.bc {font-size:0.8em; margin:0 0 14px 22px;}
.bc a, .bc span {padding-left:10px; margin-right:11px; background:url(/images/seta-atual.gif) -10px center no-repeat;}
.bc a {color:#666; text-decoration:underline;}
.bc a:hover {color:#990;}
.texto {margin-left:18px; overflow:hidden;}
.texto .list1, .texto .list2 {font-size:1em;}
.texto p,
.texto .st,
.texto .ordenada li,
.texto .topicos li {font-size:0.8em;}
.texto p {margin:9px 0 9px; line-height:1.4em;}
.texto .st {margin:14px 0 9px; line-height:1.5em; color:#990;  font-size:1em;}

.texto .st a {line-height:1.5em; color:#990;  font-weight:bold; text-decoration:none;}
.texto .st a:hover {text-decoration:underline;}

.titulo {clear:both;margin:21px 0 18px 18px; background:url(/images/bg-titulos.gif) left bottom repeat-x; height:40px;}
.no-title {margin-top:21px;}
.titulo span {height:40px; text-indent:-999em; display:block;}
.eventos span {background:url(/images/tit-eventos.gif) left top repeat-x; width:171px;}
.conference span {background:url(/images/tit-conf-oque.gif) left top repeat-x; width:243px;}
.treinatom span {background:url(/images/tit-treina-oque.gif) left top repeat-x; width:243px;}
.vantagens span {background:url(/images/tit-treina-vantagens.gif) left top repeat-x; width:200px;}
.faq-gerais span {background:url(/images/tit-faq-gerais.gif) left top repeat-x; width:172px;}
.faq-tecnicas span {background:url(/images/tit-faq-tecnicas.gif) left top repeat-x; width:188px;}
.rec-adm span {background:url(../images/tit-rec-adm.jpg) left top repeat-x; width:318px;}
.rec-int span {background:url(../images/tit-rec-int.jpg) left top repeat-x; width:318px;}
/*.recursos-servidor, .requisitos {margin-top:0;}*/
.gravados span {background:url(/images/tit-gravados.gif) left top repeat-x; width:177px;}
.recursos-servidor span {background:url(/images/tit-dedicado.gif) left top repeat-x; width:179px;}
.recursos-conference span {background:url(/images/tit-conf-rec.gif) left top repeat-x; width:179px;}
.recursos-dest span {background:url(/images/tit-recursos-des.gif) left top repeat-x; width:200px;}
.recursos-conhecer span {background:url(/images/tit-conhecer.gif) left top repeat-x; width:163px;}
.mais-news span {background:url(../images/tit-mais-news.gif) left top no-repeat; width:318px;}
.requisitos span {background:url(/images/tit-requisitos.gif) left top repeat-x; width:183px;}
.destaque1 span {background:url(/images/tit-destaque1.gif) left top repeat-x; width:130px;}
.destaque2 span {background:url(/images/tit-destaque2.gif) left top repeat-x; width:132px;}
.destaque {float:left; width:47%; margin-right:14px;/* overflow:hidden;*/}
.ordenada, .topicos {margin-left:13px; padding-left:18px;}
.ordenada li {margin-bottom:8px;}
.ordenada li p {font-size:1em;}
.topicos li {margin-bottom:4px;}
.ordenada .p {font-weight:bold;}
.dtudo {float:left; width:99%;}
.dmaior {float:left; width:62%; margin-right:14px;}
.dmenor {float:left; width:34%;}
.list1 {border-collapse:collapse;}
.list1 td {padding-top:6px;}
.texto .list1 .st {margin-top:0;}
.texto .list1 p {margin:5px 0;}
.list1 tr.dot th, .list1 tr.dot td {border-bottom:1px dashed #dadada;}
.list1 th {padding:6px 8px 6px 0; vertical-align:top;}
.ministrar span {background:url(../images/tit-publico.gif) left top repeat-x; width:236px;}
.testeconexao span {background:url(../images/tit-teste.gif) left top repeat-x; width:181px;}

.dest {color:#990; font-weight:bold;}

.list2 {margin-bottom:6px; width:99%; border:1px solid #CCC; background:#f0f0d9; border-collapse:separate; border-spacing:0;}
.list2 th, .list2 td {font-size:0.8em; padding:4px 8px; border:none; border-top:1px solid #bfbfbf;}
.list2 tbody tr {background-color:#fff;}
.list2 tr.header {background-color:transparent;}
.list2 th, .list2 tr.header td {vertical-align:bottom; font-weight:bold; text-align:center; color:#404040; padding:5px 8px 2px;}
.list2 .noborder th, .list2 .noborder td {border-top:none;}
/*.list2 tr.odd {background-color:#fafafa;}*/
.list2 tr.even {}
.list2 .on {background-color:#f6f6f6;}
.list2 td {vertical-align:top; text-align:center; line-height:1.2em;}
.list2 .feature, .list2 tr.header .feature {text-align:left;}
.list2 p.button {float:right;}

.evento {border-bottom:1px dashed #dadada; overflow:hidden; width:100%; float:left; clear:both;}

.form label {font-size:0.8em; display:block; color:#525252;}
.form .edit {border:1px solid #999; padding:2px 2px 0; color:#525252; margin-bottom:6px;}
.form input.edit {height:20px;}
.form .edit:focus {border:1px solid #990;}
.form .edit option {padding:0 2px;}
.form select.edit {padding:0; height:22px;}
#search {border:1px solid #999; padding:2px 2px 0; height:20px; color:#525252; vertical-align:middle;}
#order {padding:0; height:22px; border:1px solid #999; color:#525252; vertical-align:middle;}
.form .buttons span {font-size:0.8em; padding-left:18px;}
.form button, .form2 button {font-size:0.8em; height:19px; border:0; text-indent:-999em; cursor:pointer; margin-left:6px; display:block; float:left;}
.form #enviar, .form2 #enviar {width:71px; background:url(/images/btn-enviar.gif) left top no-repeat; margin-left:0;}
.form2 #enviar {vertical-align:middle; display:inline; float:none;}
.form #limpar {width:62px; background:url(/images/btn-limpar.gif) center top no-repeat;}
.vcard {margin:26px 0 12px; font-size:0.8em; color:#525252;}
.vcard address {font-style:normal;}

a.btn-veja {height:19px; display:block; text-indent:-999em; float:left; width:90px; background:url(/images/btn-veja-mais.gif) left top no-repeat;}
a.btn-faq {height:19px; display:block; text-indent:-999em; float:left; width:81px; background:url(/images/btn-faq.gif) left top no-repeat;}
a.btn-saber {height:19px; display:block; text-indent:-999em; float:left; width:94px; background:url(/images/btn-saber.gif) left top no-repeat;}
img.img-direita {float:right; margin:0 0 8px 10px;}
img.img-esquerda {float:left; margin:0 10px 8px 0;}
.back-print {padding-top:8px; border-top:1px solid #eaeaea; margin:36px 0 0 15px; clear:both; width:715px; float:left;}
.back-print a {height:20px; display:block; text-indent:-999em; float:left;}
.back-print a.voltar {width:77px; background:url(/images/btn-voltar.gif) left top no-repeat;}
.back-print a.imprimir {width:80px; background:url(/images/btn-imprimir.gif) left top no-repeat; margin-left:15px;}
.back-print a:hover {background-position:left bottom;}

#destaques {clear:both; width:100%; padding:90px 0 0 10px;}
#destaques a {color:#666; text-decoration:none; display:block;}
#destaques a:hover {color:#990;}
#dnews, #cafe, #conference {float:left; height:200px; width:238px; padding:5px 10px 5px 9px; color:#666; font-size:0.8em;}
#dnews {padding-left:0; width:214px;}
#cafe, #conference {background:url(/images/separa-destaque.gif) left top repeat-y;}
#dnews h3, #cafe h3, #conference h3 {display:block; text-indent:-999em; height:18px; line-height:18px;}
#dnews h3 {background:url(/images/tit-news.gif) left top no-repeat; padding-bottom:7px;}
#dnews p {margin-top:8px;}
#dnews .data {font-weight:bold; display:block;}
#cafe h3 {background:url(/images/tit-cafe.gif) left top no-repeat; margin-left:13px;}
#cafe div {background:url(/images/bg-cafe.jpg) left top no-repeat; padding:36px 0 0 103px; height:122px;}
#cafe div p {padding-bottom:16px;}
#conference {padding-right:0;}
#conference h3 {background:url(/images/tit-conference.gif) left top no-repeat; margin-left:13px; padding-bottom:10px;}
#conference div {background:url(/images/bg-conference.jpg) left top no-repeat; padding:0 0 10px 0; padding-left:117px;}
#conference div p {padding-bottom:16px;}

/* menu */
#container .menu {background:url(/images/bg-menu.jpg) left top no-repeat; float:left; width:174px; padding:20px 0; margin-top:135px;}
#container .menu ul {margin:0 17px 0 13px;}
#container .menu li.atual {background: transparent url(/images/seta-atual.gif) right center no-repeat;}
#container .menu li a {width:100%;}
.menu ul {list-style-type:none;}
.menu li {text-transform:uppercase; padding:5px 13px 6px 0;}
.menu li a {background-image:url(/images/menu.gif); background-repeat:no-repeat; text-indent:-999em; display:block; height:13px; line-height:13px;}
.menu li a.home {background-position:right top;}
.menu li a.home:hover {background-position:right -13px;}
.menu li.atual a.home, .menu li.atual a.home:hover {background-position:right -26px;}
.menu li a.o-que-e {background-position:right -39px;}
.menu li a.o-que-e:hover {background-position:right -52px;}
.menu li.atual a.o-que-e, .menu li.atual a.o-que-e:hover {background-position:right -65px;}
.menu li a.recursos {background-position:right -78px;}
.menu li a.recursos:hover {background-position:right -91px;}
.menu li.atual a.recursos, .menu li.atual a.recursos:hover {background-position:right -104px;}
.menu li a.faq {background-position:right -117px;}
.menu li a.faq:hover {background-position:right -130px;}
.menu li.atual a.faq, .menu li.atual a.faq:hover {background-position:right -143px;}
.menu li a.planos {background-position:right -156px;}
.menu li a.planos:hover {background-position:right -169px;}
.menu li.atual a.planos, .menu li.atual a.planos:hover {background-position:right -182px;}
.menu li a.conexao {background-position:right -195px;}
.menu li a.conexao:hover {background-position:right -208px;}
.menu li.atual a.conexao, .menu li.atual a.conexao:hover {background-position:right -221px;}
.menu li a.cases {background-position:right -234px;}
.menu li a.cases:hover {background-position:right -247px;}
.menu li.atual a.cases, .menu li.atual a.cases:hover {background-position:right -260px;}
.menu li a.eventos {background-position:right -273px;}
.menu li a.eventos:hover {background-position:right -286px;}
.menu li.atual a.eventos, .menu li.atual a.eventos:hover {background-position:right -299px;}
.menu li a.contato {background-position:right -312px;}
.menu li a.contato:hover {background-position:right -325px;}
.menu li.atual a.contato, .menu li.atual a.contato:hover {background-position:right -338px;}
#container .menu li:hover {background-color:#f5f5f5;}

/*.menu li a:hover {background-position:right center;}
.menu li.atual a, .menu li.atual a:hover {background-position:right bottom;}*/
    
/* extra */
#extra {float:left; clear:left; width:174px; margin-top:8px;}
#extra {background:url(/images/bg-base-coluna.gif) left bottom no-repeat;}
#home #extra {background:none;}
#sites p {background:url(/images/outros-sites.gif) center top no-repeat; height:10px; text-indent:-999em; margin-bottom:11px;}
.sites {font-size:10px; color:#666; width:164px; margin:0 0 28px 5px; background-color:#f8f8f8;}
.sites option {padding-top:2px; padding-left:4px;}
.sites optgroup {padding-left:2px; font-style:normal;}
.sites optgroup option {padding-left:10px;}

.imgesq {float:left; margin:0 18px 10px 0;}
.imgdir {float:right; margin:0 0 10px 18px;}
.tit-news {font-size:0.9em; margin:0 0 3px 18px; color:#808000; padding-bottom:8px; border-bottom:1px solid #dedebe;}
.tit-news span {display:none;}
.tit-news span.data {display:block; font-size:11px; font-weight:normal;}
.n .imgesq, .n .imgdir {padding:7px; background-color:#f9f9f9; border:1px solid #dfdfdf; margin-bottom:8px;}
#news-list {margin-left:18px; list-style-type:none;}
#news-list a {font-size:0.8em; color:#777; text-decoration:none; display:block;}
#news-list a:hover {text-decoration:underline;}
#news-list a .tit-news span {display:inline;}
#news-list a .tit-news {font-size:1em; margin:0; display:block; padding:0; border:none; font-weight:bold;}
#news-list a .chamada {font-size:1em; margin-bottom:9px; display:block; padding:0;}

#form-login fieldset {background:url(/images/acesso.gif) center top no-repeat; padding:20px 0 0 13px;}
#form-login fieldset legend {display:none;}
#form-login label {display:block; height:7px; text-indent:-999em; margin:4px 29px 3px 0;}
#form-login label.login {background:url(/images/login.gif) right top no-repeat;}
#form-login label.senha {background:url(/images/senha.gif) right top no-repeat;}
#form-login label, #form-login .campo input {clear:left;}
#form-login .campo {background:url(/images/input.gif) left top no-repeat; height:23px; padding:2px 0 7px;}
#form-login .campo input {border:none; margin-left:8px; height:18px; width:130px; font-size:0.8em; color:#666;}
#form-login button {height:19px; border:0; text-indent:-999em; cursor:pointer; margin-left:6px; display:block; float:left;}
#form-login #limpar {width:62px; background:url(/images/btn-limpar.gif) center top no-repeat;}
#form-login #acessar {width:71px; background:url(/images/btn-acessar.gif) left top no-repeat;}
#form-login p {margin:5px 0 0 8px; padding-bottom:15px; float:left;}
#form-login a {color:#666; font-size:0.8em; text-decoration:underline;}
#form-login a:hover {color:#990;}

#banners a {display:block; overflow:hidden;}
#banners img {margin-bottom:0px;}
#banners p {text-align:center; font-size:0.75em; color:#666; padding:0 8px; margin-bottom:27px;}

/* rodape */
#rodape {height:166px;}
#rodape .menu ul {padding-top:41px; margin-bottom:42px;}
#rodape .menu li {display:inline; float:left; background:url(/images/separa-menu.gif) center right no-repeat; padding:0 22px 0 5px;}
#rodape .menu li.ultimo {background:none;}
#rodape .menu li a.home {width:20px;}
#rodape .menu li.atual a.home {width:24px;}
#rodape .menu li a.o-que-e {width:30px;}
#rodape .menu li.atual a.o-que-e {width:37px;}
#rodape .menu li a.recursos {width:39px;}
#rodape .menu li.atual a.recursos {width:47px;}
#rodape .menu li a.faq {width:14px;}
#rodape .menu li.atual a.faq {width:17px;}
#rodape .menu li a.planos {width:28px;}
#rodape .menu li.atual a.planos {width:34px;}
#rodape .menu li a.conexao {width:73px;}
#rodape .menu li.atual a.conexao {width:89px;}
#rodape .menu li a.eventos {width:73px;}
#rodape .menu li.atual a.eventos {width:90px;}
#rodape .menu li a.cases {width:75px;}
#rodape .menu li.atual a.cases {width:93px;}
#rodape .menu li a.contato {width:56px;}
#rodape .menu li.atual a.contato {width:69px;}
.assinatura {color:#666; font-size:0.8em; padding:0 23px 0 5px;}
.egenial {float:right;}
.copyright{font-size:0.8em;}
.politica a {color:#990;}
.politica a:hover  {color:#660;}

.boas-praticas span {background:url(/images/tit-teste-boas.gif) left top repeat-x; width:243px;}

strong.highlight { background-color: yellow }

/* Erros e alertas */
.errorExplanation {
    margin:10px auto 20px;
    padding:10px;
    color:#000;
    width:94%;
    font-size: 0.8em;
}
.errorExplanation {
    background-color:#f9e1de;
    border:1px solid #eb7464;
}
.errorExplanation ul {
    margin-left:20px;
}
.fieldWithErrors input, .fieldWithErrors textarea {
    border:1px solid #eb7464 !important;
}

/* Formulários */
form#cad {
    width:96.5%;
    margin:5px auto;
}
form#cad p, form h3 {
    float:left;
    clear:both;
    width:100%;
}
form#cad p {
    padding:6px 0;
    border-bottom:1px solid #e1e1e1;
}
form#cad input, form#cad textarea, form#cad select {
    padding:2px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    border:solid 1px;
    border-color:#787a7e #929499 #929499 #787a7e;
}
form#cad select {
    width:360px;
    padding:0;
    vertical-align:middle;
    height: 20px;
}
form#cad textarea {
    width:360px;
    height:128px;
}
form#cad textarea.large {
    width:750px;
    height:900px;
}
form#cad input[type="text"], form#cad input[type="password"], form#cad input[type="file"] {
    width:360px;
}
form#cad input.edit, form#cad input#search {
    height:18px;
    padding:1px 2px;
    width:220px;
    vertical-align:middle;
}
form#cad select#order {
    width:auto;
    z-index:2;
}
form#cad select#order option {
    padding-right:20px;
}
form#cad input.edit {
    width:360px;
}
form#cad p label {
    width:90px;
    display:-moz-inline-box;
    display:inline-block;
    padding-right:8px;
    font-weight:bold;
    text-align:left;
    vertical-align:top;
    float:left;
    height:26px;
}
form#cad p .help, form p help {
    font-size:0.85em;
    display:block;
}
form#cad p .help tt, form p help tt {
    font-size:1.15em;
    color:#000;
}
form#cad .conclusion p label {
    display:inline;
    float:none;
    font-weight:normal;
    height:auto;
    padding:0;
    text-align:left;
    vertical-align:middle;
    width:auto;
}
form#cad fieldset {
    border:#ddd solid 1px;
    margin:10px 0;
}
form#cad .botoes {
    background:#666;
    color:#fff;
    border:1px solid #333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.85em;
    padding:1px 10px 2px;
    height:21px;
    font-weight:bold;
}
form#cad button.botoes {
    margin-right:5px;
    padding:0 6px !important;
}
form#cad .botoes:hover {
    background:#333;
    border:1px solid #666;
}
form#cad .conclusion .botoes {
    margin:8px 8px 0 98px;
    _margin-left:100px;
}




/* Estilos aplicados no teste de compatibilidade */

.fail, .pass {
    padding:10px 10px 10px 70px;
    background-repeat:no-repeat;
    background-position:8px 10px;
    border-bottom:1px solid #dadada;
    margin-bottom:10px;
}
.fail h2, .pass h2 {
    margin-top:0 !important;
}
.fail {
    background-image:url(/images/icons/status_fail.gif);
}
.pass {
    background-image:url(/images/icons/status_pass.gif);
}
#flash_message.fail, #flash_message.pass {
    border:none;
}
#final_message {
    margin-top:10px;
}
#final_message.fail {
    background:#ffe5e6 url(/images/icons/status_final_fail.gif) 8px 10px no-repeat;
    border:1px solid #dabada;
}
#final_message.pass {
    background:#e4fad8 url(/images/icons/status_final_pass.gif) 8px 10px no-repeat;
    border:1px solid #badada;
}

/* Estilos para a nova Home */
.novidades {display:block; height:18px; width:155px; text-indent:-999em; background:url(/images/novidades.gif) left top no-repeat; position:relative; top:-4px; margin-bottom:8px;}
.institucional {width:440px;}
.institucional .news_title {font-weight:bold;}
.institucional .news {font-size:0.8em; margin:0; padding:0 10px 0 20px; background:url(/images/seta.gif) 2px 10px no-repeat;}
.institucional .news a {color:#666; text-decoration:none; background:url(/images/chamadasli.png) left bottom no-repeat; padding:6px 0; display:block;}
.institucional .news a:hover {color:#990;}
#depoimentos {float:left; height:200px; width:460px; padding:5px 12px 5px 9px; color:#666; font-size:0.8em;}
#depoimentos h3 {display:block; text-indent:-999em; height:18px; line-height:18px; background:url(/images/depoimentos.gif) no-repeat; margin-bottom:8px;}
#depoimentos p {margin-top:8px;}
#depoimentos .foto {float:left; margin:0 8px 8px 0;}
#depoimentos .autor {text-align:right; margin-right:15px;}
#destaques {padding-top:65px;}
#banners p {margin-bottom:2px;}