/*  
LAYOUT: 2XT X.
VERSÃO: 2.2
AUTOR: Gerson Goulart
*/


/* ESTRUTURA E BACKGROUND DA PÁGINA */


html, body {height:100%;background:#FFFFFF;}
* {
border:0;
margin:0;
padding:0;
outline:0;
text-decoration:none;
font-family:verdana,helvetica,sans-serif;
}

#bg01 {
width:100%;
position:relative;
z-index:2;
}
/* ELEMENTOS DA PÁGINA: Cabeçalho, Menu, bloco para Conteúdo e Rodapé */


/* Cabeçalho */

/*
#pagina{
background:transparent url(site_imgs/pagina.png) top center no-repeat;
}
*/


#cabecalho {
width:778px;
margin:0 auto;
padding-top:16px;
_padding-top:37px;
}
.marca {
width:222px;
margin:18px 8px;
display:block;
}

.procura {
width:310px;
float:right;
margin-top:-80px;
}

.sauda{
font-size:11px;
color:#FF9933;
}

.sauda a{
color:#000000;
font-size:10px;
font-weight:bold;
}

.procura label {font-size:12px;}
.procura select {
width:240px;
border:1px solid #CCCCCC;
font-size:10px;
height:18px;
vertical-align:middle;
}

#pesquisa{
display:none;
}

#cabecalho object {
margin-top:1px;
_margin:1px 0 3px 1px;/* Lembre de esconder os <object> no Print */
}

img.banner {margin-top:1px;_margin:-17px 0 0 1px;}


/* Submenu */
#menu{
width:100%;
margin-bottom:15px;
}
#menu table{
width:100%;
background:transparent url(site_imgs/submenu.png);
border-bottom:1px solid #D6D8DB;
height:43px;/*43*/
}

.big{
text-align:right;
}

.sub{
background:transparent url(site_imgs/divisoria.gif) no-repeat;
text-align:left;
}


#menu table a {
width:0%;
padding:5px 11px;
white-space:nowrap;
color:#333333;
font-size:11px;
font-weight:bold;
}
#menu table a:hover {color:#FF9933;}
#menu table span{color:#FF9933;font-size:13px;font-weight:bold;}
#menu table p{font-size:11px;font-weight:bold;}

/* Bloco para Conteúdo*/

#conteudo {
width:778px;
margin:0 auto;
}

#conteudo form .help{
padding:20px;
border:1px solid #ccc;
width:736px;
height:auto;
}

/* Rodapé */
#rodape {
padding:40px 0 20px;
clear:both;
position:relative;
}
#rodape address {
padding:10px;
color:#7E7E7E;
background:url(site_imgs/rodape.gif) top center no-repeat;
font-size:11px;
font-style:normal;
text-align:center;
}


/* CONTEÚDO ESPECÍFICO DA HOMEPAGE */

dl.box {float:left;}
.box dt {
width:259px;
padding:11px 0 5px;
color:#FF9933;
background:url(site_imgs/aba.png) center no-repeat;
font-size:18px;
text-indent:18px;
}
.box dd {width:259px;}
.box dd img {
padding:6px;
margin:3px 10px 10px 0;
float:left;
background:url(site_imgs/moldura.png) top left no-repeat;
}
.box dd a {
margin:10px 0 10px 18px;
display:block;
color:#7E7E7E;
font-size:10px;
}
.box dd a:hover {
text-decoration:underline;
}
.box dd a b {
display:block;
font-size:18px;
font-weight:normal;
}
.box dd a span {color:#FF9933;}
li,li a {
display:inline;
color:#7E7E7E;
font-size:10px;
}
li span {display:block;}

/* Box "Opinião" com o Player de Vídeo */
.opiniao {
padding:5px;
border:7px solid #FFFFFF;
border-top:0;
border-bottom:0;
background:#F9F9F9;
}
.opiniao ul {
float:right;
margin-top:-170px;
display:inline;
}
.opiniao ul li {display:inline;}
.opiniao ul li a {
margin:3px 0;
padding:4px 8px 4px 3px;
display:block;
background:url(site_imgs/botao.gif) right no-repeat;
font:bold 12px verdana,sans-serif;
}
.selecionado,.selecionado a {
color:#f93!important;
text-decoration:none!important;
cursor:default;
}


/* CONTEÚDO ESPECÍFICO DAS INTERNAS */

.texto {
width:480px;
margin-left:1px;
float:left;
}
.texto dt {
color:#FF9933;
font-size:19px;
}
.texto dd {
color:#666666;
font-size:12px;
line-height:130%;
}
.texto p {
margin:15px 0 15px 30px;
text-align:justify;
}
.texto img,.clientes img {
padding:3px;
margin-top:4px;
border:1px solid #CCCCCC;
}
.coluna {width:260px;float:right;}

/* Configurações Gerais */
.esquerda {
float:left;
margin-right:10px;
}
.direita {
float:right;
margin-left:10px;
}
img.cxproduto {
margin:0!important;
padding:0!important;
border:10px solid #fff!important;
background:#FFFFFF none!important;
}

/* FORMULÁRIOS */
.abas {height:30px;margin-bottom:-12px;_margin-bottom:-28px;}
.abas ul {float:right;}
.abas li {
float:left;
padding-left:10px;
margin-left:-7px;
background:url(site_imgs/aba.png) left top no-repeat;
}
.abas li a {
font-size:18px;
padding:10px 15px 3px 5px;
display:block;
background:url(site_imgs/aba.png) right top no-repeat;
}

#ajuda{
width:755px;
padding:10px;
margin:15px 0 15px 0px;/*15*/
border:1px solid #CCCCCC;
font-size:12px;
color:black;
display:none;
}

.field_email{
width:755px;
padding:10px;
margin:15px 0 15px 0px;/*15*/
border:1px solid #CCCCCC;
font-size:12px;
color:black;
display:none;
}

#div_ajuda{
width:755px;
padding:10px;
margin:15px 0 15px 0px;/*15*/
border:1px solid #CCCCCC;
font-size:10px;
color:black;
display:none;
}

#div_ajuda input{
height:21px!important;
margin-top:15px!important;
font-size:10px!important;
float:left!important;
border:0!important;
width:42px!important;
background:url(site_imgs/botaop.gif) center!important;
}

.texto form fieldset{
width:420px;
padding:10px;
margin:15px 0 15px 0px;/*15*/
border:1px solid #CCCCCC;
}
.texto form legend{
font-size:12px;
font-weight:bold;
margin:0 0 6px 0px;
}

.texto form fieldset fieldset{
width:420px;
padding:0px;
margin:10px 0;
float:left;
border:0;
background:#f8f8f8;
}

/* dl.texto sem coluna de informações à direita */
.full {width:770px;background:#fff;}
.full form fieldset,
.full form fieldset fieldset{width:756px;}

.texto form p {
margin-left:0;
clear:both;
color:#FF9933;
}
.texto form label {display:block;float:left;margin-right:10px;_margin-right:2px;}
.texto form input,
.texto form select,
.texto form textarea {
padding:2px;
margin:0 0 8px;
color:#666;
border:1px solid #CCCCCC;
background:#F8F8F8;
}
.texto form input:focus,
.texto form textarea:focus,
.texto form select:focus {
color:#000;
border-color:#f93;
background-color:#fff;
}

.texto form input {height:16px;}
.texto form input, .texto form select {_height:14px;}

/* Tamanhos dos campos */

.texto form label.p,
.texto form label.p input,
.texto form label.p select,
.texto form label.p textarea {width:120px;font-size:11px;}

.texto form label.p a{color:#FF9933;}

.texto form label.m,
.texto form label.m input,
.texto form label.m select,
.texto form label.m textarea {width:130px;font-size:11px;}

.texto form label.dem,
.texto form label.dem input{width:250px;font-size:11px;}

.texto form label.em,
.texto form label.em input,
.texto form label.em textarea,
.texto form label.em select {width:165px;font-size:11px;_width:250px;}

.texto form label.g,
.texto form label.g input,
.texto form label.g select,
.texto form label.g textarea,
.texto form label.g select{width:300px;font-size:11px;}

.texto form label.tg, 
.texto form label.tg select{width:300px;font-size:11px;height:100px;}

.texto form label.g textarea{height:100px;}

.texto form label.eg,
.texto form label.eg input,
.texto form label.eg select,
.texto form label.eg textarea {width:410px;font-size:11px;}

#proxpasso {
height:24px;
border:0;
float:right;
margin-top:15px;
font-weight:bold;
}

/* Botões */
.btl{
height:21px!important;
width:84px!important;
margin-top:15px!important;
font-size:10px!important;
border:0!important;
background:url(site_imgs/botaom.gif) center!important;
}

.btd{
height:21px!important;
margin-top:15px!important;
float:right!important;
font-size:10px!important;
border:0!important;
background:url(site_imgs/botaod.gif) center!important;
}

.btp, .btm, .btg{
height:21px!important;
margin-top:15px!important;
float:right!important;
font-size:10px!important;
border:0!important;
}
.btp {
width:42px!important;
background:url(site_imgs/botaop.gif) center!important;
}
.btm {
width:84px!important;
background:url(site_imgs/botaom.gif) center!important;
}
.btg {
width:168px!important;
background:url(site_imgs/botaog.gif) center!important;
}

.btf{
height:21px!important;
margin-top:15px!important;
font-size:10px!important;
float:left!important;
border:0!important;
width:42px!important;
background:url(site_imgs/botaop.gif) center!important;
}


/* Oportunidades */
#passo02 {display:none;}
#passo03 {display:none;}
#passo04 {display:none;}

erros_aba1, erros_aba2, erros_aba3, erros_aba4 {
padding:10px;
background:#ffffbf url(site_imgs/notificacao.gif) top left no-repeat;
}


/* Helpdesk */


ul.lista {margin-left:15px;}
ul.lista li {display: list-item;}

.antimg {/*Retira a formatação padrão de imagem*/
margin:0!important;
padding:0!important;
border:0!important;
float:left!important;
display:inline!important;
}

/* tabelas de listagem */
table.listagem {
width:102%;
padding:0px;
margin:5px 0;
background-color: #FFFFFF;
border:1px solid #ddd;
border-spacing:0px;
border-collapse:collapse;
}
table.listagem th {
margin: 0px;
padding: 6px 4px 2px 4px;
height: 25px;
background: url(site_imgs/table.gif);
background-repeat: repeat;
font-size: 10px;
color: #000;
}
table.listagem th img{
border:0!important;
float:right!important;
}

table.listagem tr.select{
background-color: #e1e1e1;
}

table.listagem tr.row0 {
background-color: #F9F9F9;
}

table.listagem tr.row0:hover {
background-color:#000;
}

table.listagem tr.row1 {
background-color: #FFF;
}
table.listagem td {
border-bottom: 1px solid #e5e5e5;
padding: 4px;
font-size:10px;
}
table.listagem tr.row0:hover {
background-color: #f1f1f1;
}
table.listagem tr.row1:hover {
background-color: #f1f1f1;
}
table.listagem .radio {width:12%;text-align:center;}