/*HTML Reset
----------------------------------------*/
body, h1, h2, h3, h4, h5, p, li, form, ul {
margin:0;
padding:0;
border:0;
}

/*ATRIBUTOS GERAIS
-----------------------------------------*/
html {
}

body {
font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
color:#333;
font-size:12px;
line-height:140%;
background:white;
}

h1, h2, h3, h4 {
font-weight:normal;
line-height:120%;
}
h1 {
}
h2 {
display:block;
font-size:20px;
margin:5px 0 15px 0;
}
h3 {
display:block;
font-size:16px;
margin:5px 0 15px 0;
padding-bottom:4px;
font-weight:bold;
border-bottom:1px solid #efefef;
}
.home h3 {
margin:6px 0 10px 0;
}
.home h2 {
margin:0 0 10px 0;
}
h4 {
font-size:14px;
margin:5px 0 10px 0;
font-weight:bold;
letter-spacing:0px;
color:#666;
}

p {
margin:0 0 15px 0;
}

form ul, form ol {
list-style:none;
}
form ul li {
margin-bottom:5px;
}

blockquote {
font-style:italic;
padding:1px 5px;
background:url(http://www.sistemacomando.com.br/template/imagens/aspas.gif) top left no-repeat;
padding:15px 0 0 15px
}

ul {
list-style:square;
}
#conteudo ul, #coluna ul, #conteudo ol, #coluna ol, #dstq_bar ul, #dstq_bar ol {
padding-left:20px;
margin:15px 0;
}

blockquote p {
margin:5px auto;
}

img {
border:none;
}
#conteudo img {
margin:5px 5px 0 5px;
border:1px solid white;
}

.clear {
clear:both;
height:0;
margin:0;
padding:0;
_margin-bottom:-20px;
}

.separador {
clear:both;
height:0;
margin:10px 0 10px 0;
padding:0;
_margin-bottom:-10px;
border-top:1px solid #2F5679;
}

a:link, a:visited {
color:#D27E00;
}
a:hover, a:active {
text-decoration:none;
}

a.botao:link, a.botao:visited {
display:block;
width:190px;
padding:5px 10px;
color:white;
background:#FA4E56;
border:1px solid #FFCCCC;
text-align:right;
text-decoration:none;
margin:5px 0px 5px auto;
clear:both;
}
a.botao:hover, a.botao:active {
background:red;
}

.chamada:link, .chamada:visited {
display:block;
width:90%;
padding:10px;
margin:10px auto;
text-align:center;
border:1px solid #dadada;
font-size:14px;
text-decoration:none;
}
.chamada:hover, .chamada:active {
text-decoration:none;
border:1px solid #D27E00;
}

strong, em {
}
.grande {
font-size:16px;
}
.erro {
color:#ff0000;
}
.ultimo {
_margin:0;
}

.esq {
float:left;
}
.dir {
float:right;
}

/*INSTRUÇÕES PARA INPUT:
Uma vez que a maior parte das tags de input tem o nome "input", variando apenas o "type", para não haver confusão, a cada uma deverá ser atribuída uma classe específica. Text = text, radiobutton = radio, checkbox = check. Select e textarea não vão precisar de classe.
-------------------------------*/
input[type=text], input[type=password], select, textarea {
padding:4px 3px 0 3px;
height:20px;
font-size:12px;
font-family:Arial;
border:1px solid #CCC;
color:#AA7700;
/* background:#ffffff; */
vertical-align:middle;
width:100%;
font-weight:bold
}
.text {
padding:3px 3px;
height:16px;
font-size:12px;
font-family:Arial;
border:1px solid #CCC;
color:#AA7700;
background:#ffffff;
vertical-align:middle;
width:100%;
font-weight:bold
}

select {
height:26px;
vertical-align:middle;
}

textarea {
height:auto;
vertical-align:middle;
}

#corpo {
width:960px;
margin:0 auto;
padding:0;
}


/*TOPO
-----------------------------------------*/
#barra_topo {
width:100%;
height:25px;
background:#0055bb;
}
#barra_login {
width:950px;
padding:2px 0 0 0;
margin:0 auto;
text-align:right;
color:white;
}

#barra_login a:link, #barra_login a:visited {
color:white;
text-decoration:none;
}
#barra_login a:hover, #barra_login a:active {
color:#ccc;
}

#topo {
width:100%;
height:140px;
}

#topo_centro {
width:960px;
height:138px;
margin:0 auto;
background:url(http://www.sistemacomando.com.br/template/imagens/logotipo_sistema_comando.gif) top left no-repeat;
position:relative;
}

#topo h1 a {
display:block;
position:absolute;
top:26px;
left:20px;
width:235px;
height:100px;
}

#depoimento {
float:right;
width:490px;
margin:0;
}
#depoimento strong {
font-style:normal;
}
#topo img {
float:right;
}

/*MENU
-----------------------------------------*/
#navbar {
width:100%;
background:#999;
height:45px;
margin:0 0 1px 0;
}

#menu {
width:960px;
padding:0;
margin:0 auto;
}

#menu li {
display:block;
float:left;
width:119px;
height:45px;
margin:0px 1px 0 0;
text-align:left;
font-size:12px;
background:url(http://www.sistemacomando.com.br/template/imagens/menu_bg.gif) top left #003399;
}
#menu li a:link, #menu li a:visited {
display:block;
color:white;
text-decoration:none;
height:19px;
padding:26px 0 0 0;
text-align:center;
background:#666;
}
#menu li a:hover, #menu li a:active {
background:none;
}
#menu li a.ativo:link, #menu li a.ativo:visited {
background:none;
}

/*DESTAQUE
----------------------------------------*/
#dstq_bar {
width:100%;
height:300px;
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_bar_bg.jpg) #038CD6;
color:white;
}
#dstq_bar_centro {
width:960px;
height:300px;
margin:0 auto;
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_bg1a.jpg) no-repeat bottom right;
}
#dstq_bar .esq {
width:330px;
padding:22px 0 0 22px;
position:relative;
}
#conheca_mais {
position:absolute;
top:280px;
left:30px;
}

.secundaria #dstq_bar {
height:auto;
}
.secundaria #dstq_bar_centro {
height:auto;
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_normal_a.jpg) no-repeat bottom right;
}
.secundaria #dstq_bar .esq {
width:620px;
}

#dstq_bar_centro.requisitos {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_requisitos_a.jpg) no-repeat bottom right;
}
#dstq_bar_centro.aquematende {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_aquematende_a.jpg) no-repeat bottom right;
}
#dstq_bar_centro.beneficios {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_beneficios_a.jpg) no-repeat bottom right;
}
#dstq_bar_centro.funcionamento {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_funcionamento_a.jpg) no-repeat bottom right;
}
#dstq_bar_centro.contato {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_contato_a.jpg) no-repeat bottom right;
}


/*CORPO
-----------------------------------------*/
#principal {
width:916px;
padding:44px 22px 22px 22px;
margin:0 auto;
border:1px solid #d7d7d7;
border-top:none;
min-height:200px;
_height:200px;
}

.home #principal {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_bg1b.jpg) no-repeat top right #fbfbfb;
}
.secundaria #principal {
padding:22px;
}

#principal.requisitos {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_requisitos_b.jpg) no-repeat top right;
}
#principal.aquematende {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_aquematende_b.jpg) no-repeat top right;
}
#principal.beneficios {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_beneficios_b.jpg) no-repeat top right;
}
#principal.funcionamento {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_funcionamento_b.jpg) no-repeat top right;
}
#principal.contato {
background:url(http://www.sistemacomando.com.br/template/imagens/dstq_contato_b.jpg) no-repeat top right;
}

/*CONTEUDO
-----------------------------------------*/
#conteudo {
float:left;
width:620px;
}
.home #conteudo {
float:left;
width:445px;
padding:0;
}

#conteudo .esq {
width:54%;
padding-right:2.5%;
border-right:1px solid #618EB4;
}
#conteudo .dir {
width:40%;
}
#conteudo.cheio {
width:100%;
}

.funcionamento #conteudo {
width:520px;
}


/*COLUNA
-----------------------------------------*/
#coluna {
float:right;
width:250px;
padding:80px 0 0 0;
}
.home #coluna {
float:right;
width:224px;
padding:0;
}

.depoimentos #coluna {
padding:0;
}

.funcionamento #coluna {
width:352px;
padding:20px 15px;
background:url(http://www.sistemacomando.com.br/template/imagens/funcionamento_coluna_bg.gif) no-repeat top center;
min-height:300px;
_height:300px;
}


/*MENU RODAPÉ
-----------------------------------------*/
#navbar_rodape {
width:100%;
height:35px;
}
#menu_rodape {
width:960px;
margin:0 auto;
padding:0;
}
#menu_rodape li {
float:left;
width:119px;
height:35px;
margin:0 1px 0 0;
display:block;
}
#menu_rodape li a:link, #menu_rodape li a:visited {
width:119px;
height:25px;
padding:10px 0 0 0;
text-align:center;
color:#666;
text-decoration:none;
display:block;
}
#menu_rodape li a:hover, #menu_rodape li a:active {
text-decoration:underline;
}

/*RODAPE
-----------------------------------------*/
#rodape {
width:100%;
height:30px;
padding:20px 0 0 0;
background:url(http://www.sistemacomando.com.br/template/imagens/rodape_bg.jpg) repeat-x top center;
text-align:center;
}

/*CONTATO
-----------------------------------------*/
#contato {
width:90%;
margin:0 auto;
}

/*NOTÍCIAS
-----------------------------------------*/
.noticias li {
text-indent:-67px;
padding-left:67px;
list-style:none;
}
.data {
font-style:italic;
font-size:10px;
}
.home .noticias li {
list-style:square;
text-indent:0;
padding:5px;
border-bottom:1px solid #d7d7d7;
}
.home .noticias li a:link, .home .noticias li a:visited {
color:#333333;
text-decoration:none;
}
.home .noticias li a:hover, .home .noticias li a:active {
text-decoration:underline;
}

/*FUNCIONAMENTO
-----------------------------------------*/
#funcionamento_box {
width:510px;
height:490px;
background:white;
position:relative;
}
.img_1a, .img_1b, .img_2a, .img_2b, .img_3a, .img_3b, .img_4a, .img_4b {
position:absolute;
cursor:help;
}

.img_1a, .img_1b {
top:0;
left:0;
width:319px;
height:162px;
background:url(http://www.sistemacomando.com.br/template/imagens/img_1a.jpg) no-repeat top left;
}
.img_1b {
background:url(http://www.sistemacomando.com.br/template/imagens/img_1b.jpg) no-repeat top left;
}

.img_2a, .img_2b {
top:0;
left:319px;
width:191px;
height:327px;
background:url(http://www.sistemacomando.com.br/template/imagens/img_2a.jpg) no-repeat top left;
}
.img_2b {
background:url(http://www.sistemacomando.com.br/template/imagens/img_2b.jpg) no-repeat top left;
}

.img_3a, .img_3b {
top:327px;
left:190px;
width:257px;
height:162px;
background:url(http://www.sistemacomando.com.br/template/imagens/img_3a.jpg) no-repeat top left;
}
.img_3b {
background:url(http://www.sistemacomando.com.br/template/imagens/img_3b.jpg) no-repeat top left;
}

.img_4a, .img_4b {
top:162px;
left:0px;
width:190px;
height:267px;
background:url(http://www.sistemacomando.com.br/template/imagens/img_4a.jpg) no-repeat top left;
}
.img_4b {
background:url(http://www.sistemacomando.com.br/template/imagens/img_4b.jpg) no-repeat top left;
}

.texto {
position:absolute;
top:230px;
left:145px;
width:220px;
text-align:center;
}

/*DEPOIMENTOS
-----------------------------------------*/
.depoimentos_lista {
list-style:none;
padding:0;
margin:10px auto;
width:95%;
}

.depoimentos_lista li {
border-bottom:1px dashed #6BA1B0;
padding:10px;
margin:10px auto;
background:
}
.depoimentos_lista li img {
float:right;
}
.depoimentos_lista blockquote {
margin:15px 0;
}
.depoimentos_lista p {
padding:0 0 0 15px;
margin:5px 0;
}

/*BENEFICIOS
-----------------------------------------*/
.img_controle_a, .img_organizacao_a, .img_referencia_a, .img_agilidade_a, .img_produtividade_a, .img_dinamismo_a, .img_mobilidade_a, .img_gerenciamento_a, .img_controle_b, .img_organizacao_b, .img_referencia_b, .img_agilidade_b, .img_produtividade_b, .img_dinamismo_b, .img_mobilidade_b, .img_gerenciamento_b {
float:left;
width:227px;
height:190px;
background-position:bottom center;
background-repeat:no-repeat;
background-color:white;
font-size:20px;
text-transform:uppercase;
cursor:help;
text-align:center;
padding:4px 1px 0 1px;
font-weight:bold;
letter-spacing:-0.05em
}

.img_controle_a {
background-image:url(../imagens/img_controle_a.jpg);
}
.img_controle_b {
background-image:url(../imagens/img_controle_b.jpg);
}

.img_organizacao_a {
background-image:url(../imagens/img_organizacao_a.jpg);
}
.img_organizacao_b {
background-image:url(../imagens/img_organizacao_b.jpg);
}

.img_referencia_a {
background-image:url(../imagens/img_referencia_a.jpg);
}
.img_referencia_b {
background-image:url(../imagens/img_referencia_b.jpg);
}

.img_agilidade_a {
background-image:url(../imagens/img_agilidade_a.jpg);
}
.img_agilidade_b {
background-image:url(../imagens/img_agilidade_b.jpg);
}

.img_produtividade_a {
background-image:url(../imagens/img_produtividade_a.jpg);
}
.img_produtividade_b {
background-image:url(../imagens/img_produtividade_b.jpg);
}

.img_dinamismo_a {
background-image:url(../imagens/img_dinamismo_a.jpg);
}
.img_dinamismo_b {
background-image:url(../imagens/img_dinamismo_b.jpg);
}

.img_mobilidade_a {
background-image:url(../imagens/img_mobilidade_a.jpg);
}
.img_mobilidade_b {
background-image:url(../imagens/img_mobilidade_b.jpg);
}

.img_gerenciamento_a {
background-image:url(../imagens/img_gerenciamento_a.jpg);
}
.img_gerenciamento_b {
background-image:url(../imagens/img_gerenciamento_b.jpg);
}

#beneficios_texto {
width:885px;
padding:15px;
margin:15px auto;
background:url(../imagens/beneficios_destaque.gif) no-repeat center top;
clear:both;
height:124px;
}

/*CLIENTES
---------------------------------------*/
.clientes {
margin:0;
padding:0;
list-style:none;
font-size:11px;
}
.clientes li {
width:31%;
_width:302px;
margin-right:0.5%;
_margin-right:5px;
margin-bottom:5px;
padding:5px 0.5%;
_padding:5px 5px;
border:1px solid #ccc;
float:left;
height:130px;
_height:135px;
}
.logo_cliente {
float:left;
width:130px;
margin-right:0px;
_margin-right:3px;
}
.dados_cliente {
float:right;
width:134px;
_width:150px;
border-left:1px solid #ddd;
padding-left:4px;
height:100%;
_height:130px;
}
#conteudo .clientes .dados_cliente ul {
padding:0 0 0 0;
margin:0;
list-style-position:inside;
}
.dados_cliente ul li {
float:none;
padding:0;
margin:0;
width:100%;
border:none;
height:auto;
}
.clientes h4 {
font-size:14px;
margin:0 0 10px 0;
}

#conteudo .clientes img {
margin:0;
}

/*LOGIN
-----------------------------------------*/
.sombra {
background:url(../imagens/menu_bg.png);
padding:15px 30px 45px 30px;
}
.cortina {
z-index:100;
width:100%;
height:100%;
position:absolute;
top:0;
}
#sombra_login {
width:350px;
margin:250px auto 0 auto;
}
#login {
background:url(../imagens/login_bg.jpg) no-repeat top center #003399;
padding:15px;
position:relative;
color:white;
border:2px solid white;
}
#login .fechar {
top:5px;
right:5px;
display:block;
height:10px;
}
#login input[type=text], #login input[type=password] {
width:98%;
height:25px;
}
#login input.text {
width:98%;
padding-top:8px;
height:22px;
}
.fechar:link, .fechar:visited {
text-align:right;
color:white;
}

/* w2o */
.filtro2 { /* Adriano */
	background: #EFF3FE;;
}
th {
	border-bottom: 1px solid #000000;
}
.gridLineOn {
	background-color: #EFF3FE;
}
.gridLineOff {
	background-color: #FFFFFF;
}
.gridLineOver {
	background-color: #CCCCCC;
}