@charset "utf-8";
/* CSS Document */

/********************************** GERAL **********************************************/

body{ margin:0; padding:0; font-family:Arial; font-size:12px; color:#666; background-image:url(../../images/back.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center top;}
#menuMeioIntInfoConteinerDivisaoPaginador{ width:470px; min-height:20px; float:left; margin:0px 10px 0px 10px; padding:10px 0px 0px 0px; font-size:10px; font-weight:bold; text-align:center; font-family:Arial; color:#333;}

/********************************** GERAL **********************************************/


/********************************** HOME **********************************************/

#main{ width:880px; min-height:500px; margin:0 auto; padding:0;}

#topo{ width:880px; height:232px; background-color:#FFF; float:left; margin:0px 0px 0px 0px;}
#topoEsq{ width:600px; height:110px; float:left;}
#topoEsq img{ margin:10px 0px 0px 28px;}
#topoDir{ width:280px; position:relative; padding:0; margin:0; height:110px; float:left;}
#barraTopo{ width:325px; height:25px; position:absolute; margin:0; padding:0; color:#FFF; font-size:8px; top:0px; right:0px; background-image:url(../../images/barraTopo.gif); background-repeat:no-repeat;}
#barraTopo ul{ list-style:none; width:150px; height:15px; position:absolute; top:0px; left:150px; float:left; padding:0; margin:5px 30px 0px 0px;}
#barraTopo ul li{ display:inline; float:left;}
#barraTopo ul li a{ text-decoration:none; color:#FFF; font-size:10px;}
#barraTopo ul li a:hover{ color:#6CC;}
#busca{ width:275px; height:50px; position:absolute; top:42px; left:0px; border-left:1px dotted #666;}
#busca #text{ width:80px; height:15px; font-family:Arial; font-size:10px; color:#666; border:1px solid #999;}

#imagemBusca{ width:75px; height:20px; padding:20px 0px 0px 35px; float:left;}
#textoBusca{ width:85px; height:20px; padding:20px 0px 0px 5px; float:left;}
#okBusca{ width:50px; height:20px; padding:20px 0px 0px 5px; float:left;}


#topoFlash{ width:810px; height:120px; margin:0px 0px 0px 35px; float:left; border:1px solid #099;}

#meio{ width:880px; height:240px; background-color:#FFF; float:left; margin:0px 0px 0px 0px;}


#meioEsq{ width:405px; height:215px; margin:15px 0px 10px 0px; position:relative; float:left;}
#ziexCont{ width:120px; height:130px; position:absolute; top:90px; left:240px;}
#ziexCont a{ text-decoration:none; color:#666;}
#ziexCont a:hover{ color:#CCC;}
#ziezContTitulo{ font-weight:bold; font-size:14px; color:#333;}
#ziezContTitulo a{ font-weight:bold; text-decoration:none; font-size:14px; color:#333;}
#ziezContTitulo a:hover{ color:#CCC;}
#meioEsq img{ margin:0px 0px 0px 35px;}


#meioDir{ width:470px; height:210px; float:left; margin:15px 0px 15px 0px; border-left:1px dotted #333;}
#meioDirTitulo{ width:450px; height:45px; float:left;}
#meioDirTitulo img{ margin:0px 0px 0px 10px;}
#meioDirSecoes{ width:415px; height:175px; float:left; margin:0px 0px 0px 20px;}
.novidadesConteiner{ width:415px; height:45px; float:left; margin:0px 0px 20px 0px;}
.novidadesConteiner a{ text-decoration:none; color:#666;}
.novidadesConteiner a:hover{ color:#CCC;}
.novidadesConteinerTitulo a{ text-decoration:none; color:#333; font-weight:bold; font-size:14px;}
.novidadesConteinerTitulo a:hover{ color:#CCC;}


#rodape{ width:878px; height:80px; background-color:#FFF; position:relative; float:left; margin:0px 0px 0px 0px; background-color:#027064; border:1px solid #029182; border-top:none;}
#rodapeEsq{ width:300px; height:180px; float:left;}
#rodapeEsq img{ margin:30px 0px 0px 20px;}
#rodapeMeio{ width:600px; height:60px; float:left;}
#rodapeMeio img{ margin:17px 0px 0px 100px;}
#rodapeDir{ width:280px; height:110px; float:left; position:absolute; top:-32px; left:598px; background-image:url(../../images/areaRestrita.gif); background-repeat:no-repeat; background-position:28px 35px;}
#rodapeDir input{ width:100px; margin:0px 0px 2px 0px; height:12px; font-size:10px; color:#333;}
#rodapeDir form{ width:110px; height:50px; float:left; padding:55px 0px 0px 10px;  font-size:10px; color:#333;}
#nomesInputs{ width:40px; height:40px; padding:52px 0px 0px 60px; font-size:10px; line-height:21px; color:#FFF; float:left;}
#btOK{ width:25px; height:35px; color:#FFF; font-size:14px; padding:62px 5px 0px 0px; float:right; cursor:pointer;}
#btOK #ok{ width:25px; height:15px; background-color:#029182; border:none; color:#FFF; cursor:pointer;}
#rodapeDir #tamanho{ width:90px; height:12px; margin:0px 0px 5px 0px;}


/********************************** HOME **********************************************/


/********************************** INTERNAS **********************************************/

#meioInternas{ width:880px; height:240px; background-color:#FFF; float:left; margin:0px 0px 0px 0px;}
#meioInternasCont{ width:812px; min-height:200px; background-color:#FFF; float:left; margin:0px 0px 0px 35px; background-image:url(../../images/barraMeioInternas.gif); background-repeat:repeat-y;}

#menuEsquerdo{ width:150px; height:240px; float:left; margin:0px 0px 0px 0px;}
#menuEsquerdoTopo{ width:150px; height:50px; background-color:#FFF; background-image:url(../../images/novidades.gif); background-repeat:no-repeat; background-position:20px 10px; float:left; margin:0px 0px 0px 0px; border:1px solid #1d9b8d; border-top:none;}
.menuEsquerdoCont{ width:110px; height:95px; float:left; color:#FFF; font-size:10px; margin:20px 5px 0px 20px;}
.menuEsquerdoCont a{ text-decoration:none; color:#FFF;}
.menuEsquerdoCont a:hover{ color:#333;}
.menuEsquerdoContTitulo{ font-size:13px!important; font-weight:bold;}
.menuEsquerdoContTitulo a{ text-decoration:none; color:#FFF;}
.menuEsquerdoContTitulo a:hover{ color:#333;}


#menuMeio{ width:497px; height:240px; float:left; margin:0px 20px 0px 20px;}
#menuMeioConteudoTitulo{ width:309px; height:44px; float:left; background-image:url(../../images/tituloHomeGeral.gif); background-repeat:no-repeat; margin:15px 0px 0px 0px;}
#menuMeioConteudoTexto{ width:480px; min-height:45px; float:left; padding:10px 0px 30px 0px;}
#menuMeioConteudoTexto a{ text-decoration:none; color:#000; font-size:14px; font-weight:bold;}
#menuMeioConteudoTexto a:hover{ color:#999;}
.menuMeioConteudoTextoTitulo{ font-size:14px; font-weight:bold;}

#menuDireito{ width:125px; height:240px; float:left; margin:0px 0px 0px 0px;}
#menuDireitoTopo{ width:123px; height:50px; background-color:#10af9d; background-image:url(../../images/servicos.gif); background-repeat:no-repeat; background-position:15px 10px; float:left; margin:0px 0px 0px 0px; border:1px solid #027064; border-top:none;}
.menuDireitoCont{ width:95px; height:100px; float:left; margin:20px 10px 0px 15px;}
.menuDireitoCont a{ text-decoration:none; color:#666;}
.menuDireitoCont a:hover{ color:#999;}
.menuDireitoContTitulo{ font-size:14px; font-weight:bold;}
.menuDireitoContTitulo a{ text-decoration:none; color:#666;}
.menuDireitoContTitulo a:hover{ color:#999;}


/********************************** INTERNAS **********************************************/


/********************************** CONTATO **********************************************/

#menuMeioConteudoTituloContato{ width:309px; height:44px; float:left; background-image:url(../../images/contato.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}
#menuMeioConteudoTextoIntro{ width:495px; min-height:10px; float:left; padding:0px 0px 10px 0px;}


.formularioConteiner{ width:400px; height:250px; font-family:Arial; font-size:12px; color:#333; float:left; margin:0px 0px 20px 0px; }
#contatoTexto{ width:470px; height:80px; float:left; font-size:12px; font-family:Arial; color:#666; margin:10px 0px 0px 10px;}
#contatoInfo{ width:470px; height:80px; float:left; font-size:12px; font-family:Arial; color:#666; margin:10px 0px 0px 10px;}
#telefone{ font-size:20px; font-weight:bold;}
#geral{ font-size:14px; font-weight:bold;}
#iexEnderecos{ width:450px; height:100px; float:left; font-size:14px; font-family:Arial; margin:20px 0px 0px 50px;}

#nomesImputsDiv{ float:left; width:100px; height:180px; margin:10px 0px 0px 50px;}
.nomes{ float:left; width:100px; height:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:5px 0px 5px 0px;}
#inputsDiv{ float:left; width:250px; height:190px; margin:10px 0px 0px 0px;}
#inputsDiv textarea{ width:200px; height:70px; float:left; font-size:10px; font-family:Arial; color:#666; margin:10px 0px 0px 0px; border:1px dotted #666;}
#inputsDiv input{ float:left; width:240px; height:15px; font-size:10px; font-family:Arial; color:#666; padding:2px 0px 0px 2px; margin:4px 0px 2px 0px; border:1px dotted #666;}
#botaoEnviarForm{ float:right; width:100px; height:25px; margin:10px 0px 0px 0px;}
#enderecosTelefones{ font-family:Arial; color:#666; font-size:12px; width:350px; height:100px; float:left; margin:60px 0px 0px 50px;}
#enderecosSindi{ float:right; width:500px; height:120px; margin:40px 0px 20px 0px; line-height:23px; border-top:1px dotted #666;}
.negritar{ font-weight:bold; font-size:15px;}


/********************************** CONTATO **********************************************/

/********************************** EMPRESA **********************************************/

#menuMeioConteudoTituloEmpresa{ width:309px; height:44px; float:left; background-image:url(../../images/empresa.gif); background-repeat:no-repeat; margin:15px 0px 0px 0px;}

/********************************** EMPRESA **********************************************/

/********************************** SERVIÇOS **********************************************/

#menuMeioConteudoTituloServicos{ width:309px; height:44px; float:left; background-image:url(../../images/servicos2.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

/********************************** SERVIÇOS **********************************************/

/********************************** CURSOS **********************************************/

#menuMeioConteudoTituloCursos{ width:309px; height:44px; float:left; background-image:url(../../images/cursos.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}
#menuMeioConteudoTextoCursos{ width:480px; min-height:30px; float:left; padding:10px 0px 10px 0px;}

/********************************** CURSOS **********************************************/

/********************************** CLIENTES **********************************************/

#menuMeioConteudoTituloClientes{ width:309px; height:44px; float:left; background-image:url(../../images/clientes.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

.cursoConteiner{ width:470px; min-height:90px; float:left; margin:0px 0px 20px 0px;}
.cursoConteinerTitulo{ width:470px; min-height:20px; font-size:14px; color:#333; font-weight:bold; float:left; margin:0px 0px 10px 0px; border-bottom:1px dotted #999;}
.cursoConteinerTitulo a{ text-decoration:none; color:#333;}
.cursoConteinerTitulo a:hover{ color:#CCC;}

.cursoConteinerTexto{ width:470px; min-height:60px; float:left; margin:0px 0px 0px 0px;}
.cursoConteinerTexto a{ text-decoration:none; color:#666;}
.cursoConteinerTexto a:hover{ color:#CCC;}

.cursoConteinerMais{ width:470px; height:15px; float:left; font-size:10px; margin:0px 0px 0px 0px;}
.cursoConteinerMais a{ text-decoration:none; color:#666;}
.cursoConteinerMais a:hover{ color:#CCC;}

/********************************** CLIENTES **********************************************/

/********************************** COMUNICAÇÃO **********************************************/

#menuMeioConteudoTextoComunicacao{ width:320px; height:165px; float:left; padding:0px 0px 0px 0px;}
#menuMeioConteudoTextoComunicacao a{ text-decoration:none; color:#000; font-size:14px; font-weight:bold;}
#menuMeioConteudoTextoComunicacao a:hover{ color:#999;}
#folhetoAnimacao{ width:148px; height:165px; float:left; padding:0px 0px 0px 10px;}
#menuMeioConteudoTituloComunicacao{ width:309px; height:44px; float:left; background-image:url(../../images/comunicacao.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

/********************************** COMUNICAÇÃO **********************************************/

/********************************** INFORMATIVOS **********************************************/

#menuMeioConteudoTextoInformativos{ width:480px; min-height:50px; float:left; padding:10px 0px 0px 0px;}

#menuMeioConteudoTituloInformativos{ width:309px; height:44px; float:left; background-image:url(../../images/informativos.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

.infoConteiner{ width:480px; min-height:90px; float:left; margin:0px 0px 20px 0px;}
.infoConteinerTitulo{ width:480px; height:30px; font-size:18px; font-weight:bold; color:#333; float:left; margin:0px 0px 0px 0px;}
.infoConteinerTexto{ width:125px; height:170px; float:left; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px;}
.infoConteinerTextoMaior{ width:480px; height:50px; float:left; margin:15px 0px 10px 0px; padding:0px 0px 0px 0px;}
.infoConteinerImagem{ width:340px; height:170px; float:left; margin:0px 0px 0px 0px; padding:0px 10px 0px 0px;}
.infoConteinerImagem img{ border:1px solid #666;}
.infoConteinerImagemMaior{ width:480px; height:350px; float:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;}
.infoConteinerImagemMaior img{ border:1px solid #666;}

/********************************** INFORMATIVOS **********************************************/

/********************************** LINKS **********************************************/

#menuMeioConteudoTextoLinks{ width:475px; min-height:50px; float:left; padding:10px 0px 0px 0px;}
#menuMeioConteudoTituloLinks{ width:309px; height:44px; float:left; background-image:url(../../images/links.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

#menuMeioConteudoTextoLinks .linksConteiner{ width:475px; min-height:50px; float:left; margin:0px 0px 20px 0px;}
.linksConteinerNomeEmpresa{ width:475px; height:20px; float:left; font-weight:bold; font-size:14px; margin:0px 0px 0px 0px;}
#menuMeioConteudoTextoLinks .linksConteinerLinkEmpresa{ width:475px; height:20px; float:left; margin:0px 0px 0px 0px; border-top: 1px dotted #999;}
#menuMeioConteudoTextoLinks .linksConteinerLinkEmpresa a{ text-decoration:none; font-weight:bold; color:#333;}
#menuMeioConteudoTextoLinks .linksConteinerLinkEmpresa a:hover{ color:#CCC;}

/********************************** LINKS **********************************************/

/********************************** RELACIONADOS **********************************************/

#menuMeioConteudoTituloRelacionados{ width:309px; height:44px; float:left; background-image:url(../../images/relacionados.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

/********************************** RELACIONADOS **********************************************/

/********************************** NOVIDADES **********************************************/

#menuMeioConteudoTituloNovidades{ width:309px; height:44px; float:left; background-image:url(../../images/novidades2.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

/********************************** NOVIDADES **********************************************/

/********************************** BUSCA **********************************************/

#menuMeioConteudoTituloBusca{ width:309px; height:44px; float:left; background-image:url(../../images/busca2.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}
#menuMeioConteudoTextoBusca{ width:497px; min-height:45px; float:left; padding:10px 0px 30px 0px;}
#menuMeioConteudoTitulodaBusca{ width:497px; min-height:20px; font-size:14px; font-weight:bold; float:left; padding:0px 0px 5px 0px;}

.palavraChave{ width:375px; min-height:20px; font-size:16px; font-weight:bold; color:#699; float:left; margin:0px 0px 20px 0px;}
.possibilidadeConteinerQuantidade{ width:120px; min-height:20px; font-size:16px; color:#930; font-weight:bold; font-size:16px; float:left; margin:0px 0px 0px 0px;}
.possibilidadeConteiner{ width:485px; min-height:50px; float:left; margin:0px 0px 20px 0px;}
.possibilidadeConteinerTitulo{ width:485px; min-height:20px; font-weight:bold; font-size:14px; float:left; margin:0px 0px 5px 0px;}
.possibilidadeConteinerResumo{ width:485px; min-height:20px; float:left; margin:0px 0px 5px 0px;}
.possibilidadeConteinerPaginaView{ width:485px; min-height:20px;float:left; font-weight:bold; color:#333; font-size:10px; margin:0px 0px 0px 0px;}
.possibilidadeConteinerPaginaView a{ text-decoration:none; color:#666;}
.possibilidadeConteinerPaginaView a:hover{ color:#999;}

/********************************** BUSCA **********************************************/

/********************************** ÁREA RESTRITA **********************************************/

#menuMeioConteudoTituloArearestrita{ width:309px; height:44px; float:left; background-image:url(../../images/arearestrita2.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

/********************************** ÁREA RESTRITA **********************************************/

/********************************** ZIEX **********************************************/

#menuMeioConteudoTituloZIEX{ width:309px; height:44px; float:left; background-image:url(../../images/ziex2.gif);background-repeat:no-repeat; margin:15px 0px 0px 0px;}

/********************************** ZIEX **********************************************/

/********************************** SISTEMAS MAIN **********************************************/

#mainSistemas{ width:1000px; min-height:600px; margin:0 auto; padding:0;}

#topoSys{ width:960px; height:150px; float:left; background-image:url(../../images/paineltopo.png); background-repeat:no-repeat; background-position:15px 0px; margin:0px 0px 0px 20px;}
#meioSys{ width:960px; min-height:300px; float:left; background-image:url(../../images/painelMeio.png); background-repeat:repeat-y; background-position:15px 0px; margin:0px 0px 0px 20px;}
.meioSysButton { padding:20px 0px 20px 400px; float:left;}
#meioSysCont{ width:840px; min-height:300px; float:left; margin:0px 0px 0px 60px;}
#avisoLista{ width:830px; height:70px; float:left; font-size:18px; font-weight:bold; line-height:30px; padding:15px 0px 0px 5px; margin:0px 0px 0px 0px;}
#avisoLista table{ font-weight:normal; font-size:10px; color:#333;}

#listaGeral{ width:830px; min-height:120px; float:left; padding:0px 0px 15px 5px; margin:0px 0px 0px 0px;}
#listaGeral a{ text-decoration:none; color:#FFF;}
#listaGeral a:hover{ color:#033;}
#listaGeral #table1{ color:#FFF; background-color:#066;}
#listaGeral #table2{ color:#FFF; background-color:#099;}



#rodapeSys{ width:960px; min-height:100px; float:left;background-image:url(../../images/painelRodape.png); background-repeat:no-repeat; background-position:15px 0px; margin:0px 0px 0px 20px;}

#barraLogoSys{ width:220px; height:100px; float:left; margin:40px 0px 0px 60px;}
#barraLogoSys img{ padding:0px 0px 0px 30px;}

#barraMenuSys{ width:615px; height:100px; float:left; margin:40px 0px 0px 10px;}

#linksMenuSys{ width:615px; height:30px; float:left; font-family:Arial; font-size:17px; font-weight:bold; margin:10px 0px 10px 0px; border-bottom:1px dotted #FFF; padding:0px;}
#linksMenuSys a{ text-decoration:none; color:#FFF; margin:0px; padding:0px;}
#linksMenuSys a:hover{ color:#0CC; margin:0px; padding:0px; margin:0px; padding:0px;}
#linksMenuSys ul{ list-style:none; margin:0px; padding:0px; float:right;}
#linksMenuSys ul li{ display:inline;}
#login{ font-size:10px; font-weight:bold;}
#btSair{ width:40px; height:25px; position:absolute; padding:0px 0px 0px 20px; font-size:15px; top:12px; left:554px; margin:0px 0px 0px 0px; border-left:1px dotted #FFF;}
#btSair a{ text-decoration:none; color:#FFF;}
#btSair a:hover{ color:#0CC;}
#listaBox{ width:180px; min-height:30px; position:absolute; top:5px; left:345px; margin:0px 0px 0px 0px;}

#listaBox select{ width:195px; height:23px; color:#099; position:relative; top:-5px; margin-bottom:3px; left:10px; border:1px solid #FFF; background-color:#FFF;}

#menuLayoutSys{ width:410px; height:50px; float:left; position:relative; font-family:Arial; font-size:20px; line-height:25px; font-weight:bold; color:#FFF; margin:0px 0px 0px 0px; padding:0px 0px 0px 50px;}
#menuLayoutSys2{ width:410px; height:50px; float:left; position:relative; font-family:Arial; font-size:20px; line-height:25px; font-weight:bold; color:#FFF;}

#menuLayoutSys select{ width:180px; height:18px; font-size:10px; margin:0px 0px 5px 0px; padding:0px; color:#666; border:1px dotted #FFF;}


#logoDesenvolvimentoSys{ width:160px; height:50px; float:left; margin:15px 0px 0px 410px;}

/********************************** SISTEMAS MAIN **********************************************/

/********************************** SISTEMAS EDIT PAGE **********************************************/

#campoData{ width:400px; height:30px; font-size:10px; float:left; margin:20px 0px 0px 10px; padding:0px;}
#dataText{ width:135px; height:20px; float:left; margin:5px 0px 0px 0px;}
#dataInput{ width:120px; height:20px; float:left; margin:5px 0px 0px 0px;}
#dataInput input{ width:100px; height:15px; border:1px dotted #999;}
#dataInput input:hover{ border:1px solid #999;}


#barraEdit{ width:300px; height:50px; float:left; margin:20px 0px 0px 15px; padding:0px 0px 0px 45px; border-left:1px dotted #999;}
#dadosPessoais{ width:670px; height:140px; font-size:10px; float:left; margin:10px 0px 0px 10px;}
#dadosPessoaisInputs{ width:500px; height:100px; float:left; margin:5px 0px 5px 0px; border:1px solid #999;}
#dadosPessoais table input{ width:520px; height:15px; margin:0px 0px 8px 0px; border:1px dotted #999;}
#dadosPessoais table input:hover{ border:1px solid #999;}
#dadosPessoais table select{ width:520px; height:20px; font-size:10px; margin:0px 0px 0px 0px; border:1px dotted #999;}
#dadosPessoais table select:hover{ border:1px solid #999;}

#dadosProduto{ width:390px; height:180px; float:left; font-size:10px; margin:50px 0px 0px 10px;}

#dadosProduto table input{ width:200px; height:15px; margin:0px 0px 8px 0px; border:1px dotted #999;}
#dadosProduto table input:hover{ border:1px solid #999;}
#dadosProduto table select{ width:200px; height:20px; font-size:10px; color:#666; margin:0px 0px 0px 0px; border:1px dotted #999;}
#dadosProduto table select:hover{ border:1px solid #999;}


#tipoProtecao{ width:300px; height:160px; float:left; margin:50px 0px 0px 0px;}
#tipoProtecao table input{ border:1px solid #CCC;}
#tipoProtecao table select{ width:100px; height:20px; font-size:10px; color:#666; margin:0px 0px 0px 0px; border:1px dotted #999;}


#dadosObservacao{ width:660px; height:25px; font-size:10px; float:left; margin:0px 0px 0px 10px;}
#dadosObservacao table input{ width:520px; height:15px; margin:0px 0px 8px 0px; border:1px dotted #999;}
#dadosObservacao table input:hover{ border:1px solid #999;}
#botoesIEx{ width:600px; height:60px; font-size:8px; float:left; margin:25px 0px 20px 0px; padding-left:150px;}
#botaoEx2{ width:80px; height:50px; background-color:#066; font-size:12px; margin:0px 0px 0px 5px; border:1px solid #999; color:#FFF; cursor:pointer;}

#barraDireita{ width:177px; height:472px; font-size:10px; position:relative; float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 30px; border-style:solid; border-color:#099; background-color:#FFF; border-width:0px 1px 1px 0px;}
#botaoEx{ width:100px; height:50px; font-size:8px; margin:0px 0px 0px 0px; color:#666; cursor:pointer;}
#barraDireita #fechar{ position:absolute; top:463px; left:149px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}
#barraDireita #fechar a{ color:#FFF; font-weight:bold;}
#barraDireita #fechar a:hover{ color:#0CC;}
#mydiv{ background-color:#FFF;}
#laudosTable{ width:580px; min-height:120px; float:left; margin:0px 0px 0px 20px; border:1px solid #099; border-top:none;}
#laudosTable .table1{ margin:0px 0px 0px 0px; background-color:#CFF;}
#laudosTable .table1 a{ text-decoration:none; font-size:11px; font-weight:bold; color:#666;}
#laudosTable .table1 a:hover{ color:#000; font-size:12px;}
#laudosTable .table2{ margin:0px 0px 0px 0px; background-color:#FFF;}
#laudosTable .table2 a{ text-decoration:none; font-size:11px; font-weight:bold; color:#666;}
#laudosTable .table2 a:hover{ color:#000; font-size:12px;}
#laudosTable #tituloTable{ margin:0px 0px 0px 0px; background-color:#FFF;}
#laudosTable #tituloTable a{ text-decoration:none; font-size:11px; font-weight:bold; color:#666;}
#laudosTable #tituloTable a:hover{ color:#000; font-size:12px;}
#involto{ border:1px solid #099;}


#somaTopo2{ width:150px; height:22px; font-size:14px;color:#066; padding:0px 0px 0px 0px; float:left; font-weight:bold; margin:20px 0px 0px 0px;}
#somaTopo3{ width:150px; height:22px; font-size:14px;color:#066; padding:0px 0px 0px 0px; float:left; font-weight:bold; margin:	0px 0px 0px 0px;}
#notaMedia{width:135px; height:22px; font-size:14px;color:#066; padding:5px 0px 0px 0px; float:left; font-weight:bold; margin:5px 0px 0px 0px; border-top:1px solid #999;}

/********************************** SISTEMAS EDIT PAGE **********************************************/

/********************************** SISTEMAS EDIT PAGE2 **********************************************/

#equipamento{ width:840px; min-height:400px; float:left; margin:0px 0px 0px 0px;}
#equipamentoTopo{ width:825px; min-height:50px; background-color:#0caf9c; color:#FFF; float:left; font-size:20px; font-weight:bold; margin:5px 0px 0px 10px; border:2px solid #066;}
#somaTopo{ width:150px; height:40px; font-size:18px;color:#FFF; padding:5px 15px 0px 0px; background-color:#0caf9c; float:left; font-weight:bold; text-align:right; margin:15px 25px 0px 0px; border-left:1px dotted #FFF;}
#dadosDoObjetoClicado{ width:550px; min-height:20px; float:left; font-size:14px; text-align:left; padding:15px 0px 15px 20px;}


#somaText{ font-size:30px;}
#somaText a{ text-decoration:none; color:#FFF; margin:0px; padding:0px;}
#somaText a:hover{ color:#0CC; margin:0px; padding:0px; margin:0px; padding:0px;}

.equipamentoTopoTitulo{ width:810px; height:30px;  font-size:20px; text-align:left; font-weight:bold; float:left; margin:0px 0px  0px 0px; border-bottom:1px dotted #999;}
.equipamentosPerguntas{ width:805px; min-height:30px; float:left;}
#equipamentoTopo tbody{ float:left;}
#equipamentosPerguntas select{ width:120px; height:20px; font-size:10px; color:#666; border:1px dotted #999;}


#instalacaoPerguntas{ width:825px; min-height:100px; float:left; margin:0px 0px 0px 15px;}
#instalacaoPerguntas select{ width:120px; height:20px; font-size:10px; color:#666; border:1px dotted #999;}
#instalacoesTopoTitulo{ width:810px; height:30px; font-size:20px; text-align:left; padding:00px 0px 0px 0px; font-weight:bold; float:left; margin:30px 0px 30px 30px; border-bottom:1px dotted #999;}

#ambientePerguntas{ width:825px; min-height:100px; float:right; margin:0px 0px 40px 15px;}
#ambientePerguntas select{ width:120px; height:20px; font-size:10px; color:#666; border:1px dotted #999;}
#ambienteTopoTitulo{ width:810px; height:30px; font-size:20px; text-align:left; padding:0px 0px 0px 0px;font-weight:bold; float:right; margin:30px 0px 30px 30px; border-bottom:1px dotted #999;}
/********************************** SISTEMAS EDIT PAGE2 **********************************************/

/********************************** ROLAGEM JQUERY **********************************************/

#pane2{width:495px; height:167px; float:left;}
.holder{float:left; margin:10px;}
.scroll-pane{width:200px; height:200px; overflow:auto; float:left;}

.jScrollPaneContainer{position:relative;  overflow:hidden; z-index:1; float:left;}

.jScrollPaneTrack{width:50px; height:100%;  position:absolute; background-color:#e2fffc;  cursor:pointer;  right:0;  top:0;}
.jScrollPaneDrag{position:absolute; left:0px; height:40px;  background-image:url(../../images/barraDesli.gif); background-repeat:repeat-y; background-position:0px 0px;  cursor:pointer;}

.jScrollPaneDragTop{position: absolute;  top:0;  left:0;}
.jScrollPaneDragBottom{position:absolute; bottom:0;  left:0;}

a.jScrollArrowUp{top:0px;  right:0px;  height:10px; position:absolute;   z-index:1;  display:block;  text-indent:-2000px; background-image:url(../../images/jquerySeta.gif); background-repeat:no-repeat; background-position:0px 0px;}
				 
/*a.jScrollArrowUp:hover{background-position: 0 -15px; background-color:#333;}*/

a.jScrollArrowDown{bottom:0px;  right:0px;  height:9px;  position:absolute;  z-index:1;  display:block;  text-indent:-2000px;background-image:url(../../images/jquerySeta2.gif); background-repeat:no-repeat; background-position:0px 0px;}

/*a.jScrollArrowDown:hover{background-position: 0 -15px; background-color:#333;}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position:0 -30px;}*/

/********************************** ROLAGEM JQUERY **********************************************/


.propaganda{background:#FFF; float:left; width:880px; margin:0px; height:120px;}
.banner_propaganda {float:left; margin:20px 35px; width:810px; height:75px; background:#336; border:1px solid #d1e5e3;}