/* CSS Reset --------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
caption,th {text-align:left;}
hr {display:none;}
a {color:#C11; text-decoration:none;}
a:hover {text-decoration:underline;}

/* =Classes  ---------------------------------------------------------------*/
.replace {text-indent:-9000px;}
.tituloDestaque{background:url(../imagens/bg-titulo.jpg) no-repeat; padding:5px 0 5px 35px; margin:0 0 15px 0; color:#fff; font-size:14px; width:170px;}
.tituloSimples{background:url(../imagens/marcador1.jpg) no-repeat left 1px; padding:0 0 0 20px; margin:0 0 10px 5px; color:#C62537; font-size:14px; }
.plano4{float:right; margin:15px }
.leiaMais{float:right; background:url(../imagens/marcadorVermelho.jpg) no-repeat left center; padding:0 0 0 10px; font-size:11px; font-weight:700; color:#E81F1F;}
.tit-grande {font-size:16px; color:#C62537; border-left:solid 3px #C62537; padding:0 0 0 7px; margin:0 0 13px 0;}
.invisivel{visibility:hidden;}
.botaoVoltar{float:right; font-weight:700; background:url(../imagens/setaVermelha.jpg) no-repeat left 5px; padding:0 0 0 13px; margin:-10px 3px 0 0;}
.imagemPadrao{ border:solid 1px #C9C9C9; padding:4px;}
.fl{float:left; margin:0 10px 10px 0;}
.fr{float:right; margin:0 0 10px 10px; }
.textRight{text-align:right;}
.linkTipo2{color:#333;}

/* Downlodas ================*/
.btmDownload{ margin:0; float:left; margin:-20px 0 0 0;}
.btmDownload2{float:right; margin:0px 0;}
.produtoDownload{float:left;}
.spanDonwloads{float:left; width:480px; height:20px;}

/* FieldSet ================*/
.fieldPadrao {border:solid 1px #c9c9c9; margin:0 0 20px 0;}
.fieldPadrao legend{font-size:16px; color:#C62537; font-weight:700;}
.fieldPadrao a{display:block; padding:3px 0 3px 18px; margin:0 0 10px -18px; font-weight:700; background:url(../imagens/marcador3.jpg) no-repeat 5px center; }
.fieldPadrao li li, .resumoProduto li, .listaServicos li{border:none; padding:2px 0 2px 15px; background:none; font-size:11px; background:url(../imagens/marcador4.jpg) no-repeat left 5px; margin:4px 0;}
.width500{width:500px;}
.fieldPadrao li ul{float:left;}
.listaLinhas li {float:left; clear:both; width:490px; border-bottom:solid 1px #ccc;padding:7px 0 7px 20px;}
.listaLinhas li ul li{width:300px;}

/* Lista categorias de produtos ================*/
.listaProdutos {float:left; width:520px;}
.listaProdutos li{width:210px; height:100px; float:left; background:url(../imagens/bg-produtos.jpg) repeat-x 0 -1px; border:solid 1px #e1e1e1; border-left:solid 3px #DB1F13; font-weight:700; padding:15px 10px; margin:10px;}
.listaProdutos li img{float:left;}
.listaProdutos li a{display:block;}

/* Página de produtos */
.resumoProduto{float:left; width:280px; margin:0px 0 0 0;}
.imagemProduto{float:left; margin:-20px 0 0 0;}
.imagemProdutoExterno{float:right; margin:-25px 10px 0 0;}
.tituloProduto{color:#9A0D0D; margin:0 0 10px 0; font-size:14px;}
.descricaoProduto{float:left; width:500px;}

/* Listas ================*/
.listaPadrao, .listaForm {float:left; margin:10px 0;}
.listaPadrao li, .listaForm li{float:left; clear:both;}

ul.listaMarcadorAzul {margin:10px 0; color:#2F7DBD; font-weight:700; font-size:11px;}
ul.listaMarcadorAzul li{background:url(../imagens/marcador2.jpg) no-repeat left 5px; margin:2px 0; padding:0 0 0 10px; }
ul.listaMarcadorAzul li a{color:#2F7DBD; text-decoration:underline;}
ul.listaMarcadorAzul li a:hover{color:#1B5C81;}

/* Lista do formulário ================*/
ul.listaForm, ul.listaForm li{width:450px;}
ul.listaForm label{ float:left; color:#666; font:700 12px verdana; border-bottom:solid 1px #c9c9c9;}
ul.listaForm .campo, ul.listaForm .campoGrande{border:solid 1px #b9b9b9; padding:5px; width:200px; color:#666; font-size:11px;}
ul.listaForm li{margin:5px 0;}
ul.listaForm .campo{width:200px;}
ul.listaForm .campoGrande{width:280px;}
ul.listaForm .campoTxtArea {height:120px;}
ul.listaForm label{float:left; width:90px; }
ul.labelSize label{width:130px;}
ul.labelSize li{height:35px;}
.botao{background: url(../imagens/botao/btm-pequeno.jpg) no-repeat; color:#fff; font:700 11px verdana; border:none; padding:4px 6px; width:70px; text-align:center;}
.botao:hover{background: url(../imagens/botao/btm-pequeno.jpg) no-repeat 0 -24px; cursor:pointer}

/* Box destaque de cor cinza ================*/
.boxDestaque, .boxDestaque2{float:left; color:#333; line-height:16px; border:solid 2px #e9e9e9; padding:15px; background:#f9f9f9; margin:0 0 10px 0;}
.boxDestaque {width:485px;clear:both;}
.boxDestaque2 {width:220px; height:220px;}
.margem{margin:0 0 0 10px;} 
.listaNumerica{list-style-type:decimal; list-style-position:inside;}
.boxDestaque strong, .boxDestaque2 strong{color:#333; font-size:15px; color:#C62537;}
.boxDestaque .fl, .boxDestaque2 .fl {margin:13px 10px 0 0;}
.boxDestaque .fr, .boxDestaque2 .fr {margin:13px 0 0 10px;}

/* =Estrutura do site ------------------------------------------------------*/
body{background:#ABD3DE url(../imagens/bg-site.jpg) repeat-x; font:12px Arial, Verdana, Helvetica, sans-serif; color:#333;}
#site {width:774px; margin:15px auto; overflow:hidden; position:relative; }

/* =Cabecalho --------------------------------------------------------------*/
#cabecalho {float:left; clear:both; width:729px; background:#fff url(../imagens/bg-cabecalho.jpg) no-repeat; padding:43px 15px 22px 30px;}
#cabecalho h1{background:url(../imagens/logo_innovatech.gif) no-repeat; width:162px; height:66px; float:left;}

/* =Menu secundario*/
#cabecalho #menuTopo {float:right; margin:28px 0 0 0;}
#cabecalho #menuTopo li{float:left; margin:0 6px;}
#cabecalho #menuTopo li a{display:block; height:17px; padding:3px 0 0 0; width:90px; background:url(../imagens/bg-menuTopo.jpg) no-repeat; font-size:11px; color:#000; text-align:center;}
#cabecalho #menuTopo li a:hover{background-position:0 -20px; color:#fff; text-decoration:none;}
#menuAten{position:absolute; right:48px;}
#menuAten a{text-decoration:none; color:#000; font-size:11px;}
#iconeAten{position:absolute; right:148px;}

/* =Corpo ------------------------------------------------------------------*/
#corpo {float:left; clear:both; background:#fff;width:774px;}

/* =Esquerda ---------------------*/
#esquerda {float:left; width:205px; margin:0 0 0 5px;}

/* =Menu Principal*/
#esquerda #menuPrincipal{float:left; clear:both; background:url(../imagens/bg-menu.jpg) no-repeat; padding:13px 14px 28px 14px;}
#esquerda #menuPrincipal li{float:left; clear:both; width:178px; padding:3px 0; background: url(../imagens/bg-menuprincipal.jpg) no-repeat center 25px; }
#esquerda #menuPrincipal li a{display:block; color:#333; font-weight:700; padding:8px 5px 7px 5px; font-size:11px;}
#esquerda #menuPrincipal li a:hover{color:#fff; background:#F04347 url(../imagens/bg-menuPrincipalHover.jpg) no-repeat; text-decoration:none; }

/* =Representações*/
#esquerda #representacao{float:left; clear:both; width:180px; margin:20px 2px; }
#esquerda #representacao ul {width:200px;}
#esquerda #representacao ul li{width:100%; text-align:center;}

/* =Direita ---------------------*/
#direita {float:left; width:540px; margin:0 0 0 10px; padding-bottom:20px;}
#direita #banner {float:left; width:500px; height:220px; clear:both; margin:0 0 20px 0px;}

/* INDEX =Serviços */
#direita #servicos {float:left; width:290px; padding:15px 10px 15px 10px; background:url(../imagens/bg-servicos.jpg) no-repeat left bottom;}
#direita .servicosConfig{float:left; padding:0 0 0 6px; width:185px; background:url(../imagens/servicosInicial.jpg) no-repeat 8px 0;}
#direita .servicosConfig p{margin:0 0 0 90px; width:190px;}
#direita #servicos .servicosConfig{width:280px;}
#direita #servicos li{width:170px; margin:8px 0 8px 90px;}
#direita #servicos .leiaMais{margin:12px;}

/* =Institucioanl */
#direita #institucional {float:right; background:#71ABDC url(../imagens/bg-institucional.jpg) no-repeat center bottom; width:200px; padding:14px; font-size:12px; color:#fff; line-height:15px;}
#direita #institucional .tituloSimples{background:url(../imagens/marcador2Cinza.jpg) no-repeat left 0px; padding:2px 0 2px 20px; margin:0 0 10px 0; color:#fff; font-size:14px; }
#direita #institucional img{border:solid 1px #fff; margin:0 0 10px 0;}
#direita #institucional p{line-height:19px;}
#direita #institucional .leiaMais{ background:url(../imagens/marcadorBcranco.jpg) no-repeat left 6px; font-size:10px; color:#fff;}

/* =Produtos */
#direita #produtos {float:left; clear:both; width:540px; margin:15px 0 0 0; font-size:11px;}
#direita #produtos ul {margin:20px 0; float:left; width:545px;}
#direita #produtos ul li{float:left; width:240px; margin:0 0px 0 0; padding:0 20px 0 0; }
#direita #produtos ul li.margin{margin:0 20px 0 0; }
#direita #produtos ul li img{float:left; margin:0 10px 10px 0;}
.borda{border-right:dashed 1px #71ABDC;}

/* =conteudo_Interna --------------------------------------------------------*/
#conteudo_Interna{float:left; clear:both; padding:0 0 0 10px; width:520px; margin:-15px 0 0 0;}
#conteudo_Interna p{margin:13px 0;}
.tituloInterna{font:20px tahoma, verdana, arial; color:#C62537; margin:0 0 25px 0; padding:0 0 3px 0; border-bottom:solid 2px #C62537; background:url(../imagens/bg-titulo-detalhes.jpg) no-repeat right; }

/* =Rodape ------------------------------------------------------------------*/
#rodape{float:left; clear:both; background:url(../imagens/bg-rodape.jpg) no-repeat; width:744px; padding:7px 15px; color:#fff; text-align:center; font-size:11px; font-weight:700;}

/* =Downloads */
.downloadOki{margin:40px 50px 0 0;}
.downloadGestetner{margin:40px 0 0 35px ;}

/* Mensagens de Alerta*/
.statusNaoRealizado, .statusRealizado{border:solid 1px #EDDBB1; padding:5px 30px; font-weight:700; width:450px; margin:0 0 15px -1px;}
.statusNaoRealizado{color:red; background:#FFFFF0 url(../imagens/erro-ico.jpg) no-repeat left center;}
.statusRealizado{color:green; background:#FFFFF0 url(../imagens/confirme-ico.jpg) no-repeat left center;}

.msgmValidacao, .msgmValidacao2{display:block; font-size:10px; font-weight:700;}
.aviso, .aviso2{color:Red;}

.msgmValidacao{ margin:0 0 0 90px; }
.msgmValidacao2{margin:0 0 0 130px;}

.aviso{padding:0 0 0 88px; }
.aviso2{text-indent:130px; }