﻿*{ padding:0; margin:0;}
body { }
a img { border-style: none;	border-color: inherit;border-width: 0;}

/*Pagina Default*/
div#divflash{width:778px; height:243px;}
div#palm{ width:389px; float:left; text-align:center;} 
div#pocket{ width:389px; float:left; text-align:center;}
img#imgpalm{ width:75px; height:105px; text-align:center;}
/*Pagina download*/
div .DownAssunto{width:520px; float:left; margin-left:10px;}
div .DownLink   {width:223px; float:left; margin-left:5px;}
/*Pagina Instalacao PocketPC*/
div .Dtexto{ width:600px; float:left} 
div .Dfig{ width:160px; float:left}
/*PocketPC*/
div .compativel{width:360px; float:left; margin:0px 5px 5px 15px; text-decoration:none; font-family:Verdana; font-size:12px; color:#143e66; font-weight:bold;}
/*Modelo Login*/
.log{width:778px;float:left; border-color:gray; border-style:solid; height:26px; font-family:Verdana; font-size:12px; background:url(../../images/pers/bar3.gif) repeat;}
div.log table{ text-align:left;}
div#login{ border-width: 0px 1px 0px 1px; text-align:right;}
div#login2{border-width: 1px 0px 1px 0px; text-align:left;}

div.logD{float:left; width:270px;}
div.logD div.erro{float:left; width:150px; height:26px; font-size:10px; font-family:Verdana; margin-right:5px; margin-left:5px;}
div.logD div.links{float:left; width:90px; height:13px; font-size:10px; font-family:Verdana;}
div.logD div.links a{float:left; color:#143e66; text-decoration:none; font-weight:bold;}
div.logD div.links a:hover{color:gray;}

div.log80{ width:480px; float:left; text-align:left;}
div.log80 a{color:#143e66; float:left; font-size:10px; text-decoration:none; font-weight:bold; margin-left:5px; font-family:Verdana; height:26px; line-height:26px;}
div.log80 a:hover{color:gray;}
div.log20{ width:28px; float:left; text-align:right; margin:none;}
div.log20b{ width:400px; display:inline; float:left; text-align:right; margin-right:5px; height:28px;}
div.log80b{ width:290px; float:left; text-align:left; }
div.log80b a{color:#143e66; float:left; font-size:10px; text-decoration:none; font-weight:bold;margin: 0px 0px 5px 5px; font-family:Verdana; height:26px; line-height:26px;}
div.log80b a:hover{color:gray;}
div.Marg10{ margin-left:10px; float:left; margin-bottom:2px;}
div.MargBottom10{ margin-bottom:10px;}

div.MenuItens{ width:225px; display:block; margin: 0 auto; margin-top:15px;}
div.MenuItens div{display:inline; width:75px; background:url(../../images/padrao/menu_geral.jpg)no-repeat; text-align:center; cursor:pointer;}
div.MenuItens span{ display:block; width:75px; float:left; font-weight:bold; text-align:center;}
div.Veja{ clear:both; margin-top:20px; text-align:center; font-size:12px; font-weight:bold;}
/*IMAGENS MENU*/
div.MenuItens div.Internet_pb:hover{ width:73px; background-position: 0px  0px}
div.MenuItens div.PalmOS_pb:hover  { background-position: -71px  0px}
div.MenuItens div.PocketPC_pb:hover{ background-position: -148px  -1px }
div.MenuItens div.Desktop_pb:hover { background-position: -225px  -1px }
/*hover das imagens acima*/
div.MenuItens div.Internet_pb{width:73px; height:58px; background:url(../../images/padrao/menu_geral.jpg) 0px  -58px no-repeat ; float:left;}
div.MenuItens div.PalmOS_pb  { width:75px; height:58px; background:url(../../images/padrao/menu_geral.jpg) -71px  -58px no-repeat ; float:left; }
div.MenuItens div.PocketPC_pb{ width:75px; height:58px; background:url(../../images/padrao/menu_geral.jpg) -148px  -58px no-repeat ; float:left; }
div.MenuItens div.Desktop_pb { width:75px; height:58px; background:url(../../images/padrao/menu_geral.jpg) -225px  -58px no-repeat ; float:left; }
/*Classe principal*/
div .principal  { font-family:Verdana; font-size:11px; width:778px; float:left; min-height:300px;}
/*Padroes*/
div#pai{width:780px; margin: 0 auto;}
div#topo1{background:url('../../images/teste/topo.gif'); width:780px; height:54px; background-repeat:no-repeat;}
div#topo2{background:url('../../images/teste/topo_2.gif'); width:778px; height:54px;}
div#pagina{width:778px; float:left; min-height:300px; border-color:gray; border-style:solid; border-width: 0px 1px 0px 1px;}
div#rodape{ width:780px; float:left; text-align:center; height:55px; background:url(../../images/teste/rodape.gif) no-repeat;}

div#menu{ width:550px; margin-left:370px; color:#FFFFFF; font-size:16px; padding-top:20px}
div#menu a{color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; margin-left:10px; font-family:Verdana;}
div#menu a:hover{color:Gray;}
/*.botao{background-color:#324058;border:1px blue;font-style:italic;font-weight:bold;color:#FFFFFF;border: 1px black groove; margin-left:10px; margin-right:5px; width:50px;height: 24px; margin-bottom:3px;}*/
/*classes gerais formatação*/
.centralizar{ text-align:center;}
.botao { background:url(../../images/pers/button.gif) no-repeat 0px 0px ; width:80px; height:22px;border:0px; font-family:Verdana; font-size:12px; color:#143e66; line-height:22px; margin-right:5px; vertical-align:middle;}
.botao:hover { background:url(../../images/pers/button.gif) no-repeat 0px -23px; }
.botaoMenor { background:url(../../images/pers/button1.gif) no-repeat 0px 0px ; width:80px; height:22px;border:0px; font-family:Verdana; font-size:12px; color:#143e66; line-height:22px; margin-right:5px; vertical-align:middle;}
.botaoMenor:hover { background:url(../../images/pers/button1.gif) no-repeat 0px -23px; }
.clear{clear:both; margin-left:10px;}
.direita{ text-align:right}
.Margem20{ margin-left:10px; margin-right:10px;}
.Neg { font-weight:bold;}
.h30{ height:30px;}
.h25{height:25px; line-height:25px;}
.Vermelho{ color:Red;}
.FormatacaoUser{ font-family:Arial; font-weight:bold; font-size:9px;color:#143e66; margin-left:10px; }
.bordaTop{border-color:gray; border-style:solid; border-width: 1px 0px 0px 0px;}
.bordaBottom{border-color:gray; border-style:solid; border-width: 0px 0px 1px 0px;}

input[type="text"],input[type="password"],select{ background:url(../../images/pers/bg_text.jpg) repeat left center; border:#ccc solid 1px ; height:16px; font-family:Verdana; font-size:12px; color:#143e66; line-height:17px;   }
select{ background: #f2f2f2; height:19px; line-height:19px;   }

/*titulos*/
h1{	font-family: Verdana;font-weight: bold;font-size: 18px; color:#143e66;}

h2{ font-weight: bold; font-family:Verdana; font-size:12px; margin-bottom:7px; margin-top:7px; margin-left:5px;}
h2.azul{ color:#143e66}
h2.branco{color:#FFFFFF}										
h2.menor{ color:#FF0000; font-size:9px;}
h2.centralizar{ text-align:center}
h2 span{ clear:both; float:left; width:100%;}


div.padraoCaixaCompleta{ width:765px; min-height:150px; border: solid 1px gray; float:left; margin:3px 2px 5px 3px; background:#FFFFFF;}
div.padraoCaixaCompleta div.titulo{ width:759px; height:20px; background-color:#4A6E90; color:#FFFFFF; text-align:center; font-weight:bold; font-size:12px; clear:both; margin: 3px 3px 5px 3px; line-height:20px;}
div.padraoCaixaCompleta div.imagem_lateral{width:130px; height:150px; text-align:center; float:left; }
div.padraoCaixaCompleta div.conteudotexto{ width:625px; height:150px; float:right; text-align:justify; margin-right:5px; padding-left:5px }
div.padraoCaixaCompleta a{ color:#4A6E90; text-decoration:none; font-weight:bold;}
div.padraoCaixaCompleta a:hover{ color:Gray; text-decoration:none; font-weight:bold;}

/*
div.padraoCaixa div.imagem_lateral{width:130px; height:105px; text-align:center; float:left; }
div.padraoCaixa div.conteudotexto{ width:235px; height:105px; float:right; text-align:justify; margin-right:5px;}
div.padraoCaixa div.conteudototal{ width:370px;float:left; text-align:justify; margin-left:5px;margin-right:5px;}
div.padraoCaixa div.conteudototal span{ width:100px; float:left;}
div.padraoCaixa .direito{ text-align:right; font-weight:bold; color:#143e66; clear:both; margin-right:5px}
*/


/*Modelo caixa Parao Altura: 220 comprimento: 380 */
div.padraoCaixa{ width:380px; min-height:150px; border: solid 1px gray; float:left; margin:3px 2px 5px 3px; background:#FFFFFF;}
div.padraoCaixa div.titulo{ width:374px; height:20px; background-color:#4A6E90; color:#FFFFFF; text-align:center; font-weight:bold; font-size:12px; clear:both; margin: 3px 3px 5px 3px; line-height:20px;}
div.padraoCaixa div.imagem_lateral{width:130px; height:105px; text-align:center; float:left; }
div.padraoCaixa div.conteudotexto{ width:235px; height:105px; float:right; text-align:justify; margin-right:5px;}
div.padraoCaixa div.conteudototal{ width:370px;float:left; text-align:justify; margin-left:5px;margin-right:5px;}
div.padraoCaixa div.conteudototal span{ width:100px; float:left;}
div.padraoCaixa .direito{ text-align:right; font-weight:bold; color:#143e66; clear:both; margin-right:5px}

div.padraoCaixa a{ color:#4A6E90; text-decoration:none; font-weight:bold;}
div.padraoCaixa a:hover{ color:Gray; text-decoration:none; font-weight:bold;}
/* Modelo caixa Parao Altura: 220 comprimento: 380           */
div.CaixaMaior{ width:778px; float:left; background:#FFFFFF; }
div.CaixaMaior > div.titulo{ background:url(../../images/padrao/Titulo.gif) no-repeat; width:100%; height:30px; text-align:left; font-weight:bold; font-size:14px; margin:5px 0px 20px 0px; float:left; color:#FFFFFF; line-height:30px; padding-left:5px;}
div.CaixaMaior div.conteudototal{ width:745px;float:left; text-align:justify; margin-left:10px; margin-right:10px;}
div.CaixaMaior div.direito{ text-align:right; font-weight:bold; color:#143e66; clear:both;}

div.CaixaMaior ul.aviao li, div.CaixaMaior div.aviao { background: url('../../images/cliente/aviao_b.jpg') left center no-repeat ; height: 26px; line-height: 26px; padding-left: 10px }
div.CaixaMaior ul.aviao li { list-style-type: none; display: block; }
div.CaixaMaior div.aviao { padding-left: 20px }
div.CaixaMaior div.conteudototal ul.aviao li { padding-left: 25px;}
div.CaixaMaior div.aviao h2 { display: inline }

div.CaixaMaior a{ color:#4A6E90; text-decoration:none; font-weight:bold;}
div.CaixaMaior a:hover{ color:gray; text-decoration:none; font-weight:bold;}
/* Pagina ClientePedidos*/
div.CaixaMaior div.imagem{ width:40px; height:40px; float:left; margin-left:10px; text-align:left; }
div.CaixaMaior div.textoImagem { width:700px; min-height:15px; float:left; margin-left:5px; text-align:left;}
/* PAINEL ASSIN */
div.CaixaMaior div.topico{ width:545px; float:left; }
div.CaixaMaior div.imagemEsq{ width:39px; height:45px; float:left; text-align:left;}
div.CaixaMaior div.imagemDir{ width:210px; height:290px; background:url(../../images/cliente/fundo.jpg) no-repeat; float:right;}
div.CaixaMaior div.textoImagemMeio { width:495px; height:23px; min-height:23px;  float:left; margin-left:10px; text-align:left}
div.CaixaMaior div.textoImagemMeio2 { width:550px; height:23px; min-height:23px;  float:left; margin-left:10px; text-align:left}
div.CaixaMaior div.textoimagemtotal { width:715px; min-height:23px; float:left; margin-left:10px; text-align:left}
div.CaixaMaior div.textoBranco{ width:220px; float:left;}
div.CaixaMaior div.linha{ width:545px; float:left; text-align:left; margin-bottom:5px;}
div.CaixaMaior div.linhaTotal{ width:764px; float:left; text-align:left}
div.CaixaMaior div.linhaTotalMargem{width:764px; float:left; text-align:left; margin-left:10px;}
div.CaixaMaior div.Subtitulo{ clear:both; width:764px; margin-top:5px; margin-bottom:5px; float:left;}
/* SENHA */
div.CaixaMaior div.comum{ width:500px; height:18px;}
div.CaixaMaior div.comum span{ width:200px; float:left; text-align:left;}
div.CaixaMaior div.comum .tb{ width:200px; float:left;}
/* ROTAER_PALMOS */
div.CaixaMaior div.ImagemEsquerda{ width:160px; text-align:center; float:left; }
div.CaixaMaior div.ImagemEsquerdaTexto{ width:555px; text-align:justify; float:left; padding-left:10px; text-indent:15px; margin-right:5px;}
div.CaixaMaior div.ImagemEsquerdaTexto ul { list-style-position:inside}
div.CaixaMaior div.ImagemEsquerdaTexto ul li { padding-left: 0px; margin-left: 0px; }
div.CaixaMaior div.ImagemEsquerdaTexto ul.aviao li { padding-left: 10px;}
div.CaixaMaior div.ImagemP{width:190px; float:left; text-align:center;}
/* PAGINA SUP */
div.CaixaMaior div.dadoscompl{width:765px;}
div.CaixaMaior div.dadosFig{ clear:both; width:620px; float:left; margin-left:10px;}
div.CaixaMaior div.dadosFig span{ width:150px; float:left;}
div.CaixaMaior div.dadosFig span.titulo{font-weight:bold; background-color:#4A6E90; color:#FFFFFF;}
div.CaixaMaior div.dadosFig2 { width:420px; float:left; text-align:left; margin-left: 10px;}
div.CaixaMaior div.dadosFig2 span{ width:150px; float:left;}
div.CaixaMaior div.dadosFig2 .textbox{ width:260px; text-align:left; float:left; }
div.CaixaMaior div.dadosFig2 span.titulo{font-weight:bold; background-color:#4A6E90; color:#FFFFFF;}
div.CaixaMaior div.figura{width:120px; float:left;}
div.CaixaMaior div.figura2{width:340px; float:left;}
/* ROTAER */
div.CaixaMaior div.fundoDados{ width:765px; min-height:90px; background:url(../../images/rotaer/azul_mundo.gif) no-repeat right center ; float:left; margin-left:5px; }
div.CaixaMaior div.fundoPista{ width:765px; min-height:90px; background:url(../../images/rotaer/azul_pista.gif) no-repeat right center ; float:left; margin-left:5px; }
div.CaixaMaior div.fundoComb{  width:765px; min-height:170px; background:url(../../images/rotaer/azul_2.gif) no-repeat right center ; float:left; margin-left:5px; }
div.CaixaMaior div.rotaer{ float:left; width:100%;}
div.CaixaMaior div.rotaer div.titulo{ background:url(../../images/padrao/Titulo.gif) no-repeat; height:18px; width:769px; text-align:left; font-weight:bold; font-size:14px; margin-top:5px; margin-bottom:2px; clear:both; color:#FFFFFF; line-height:18px; padding-left:5px; float:left; margin-bottom:5px;}
div.CaixaMaior div.rotaer div.conteudo{width:759px; min-height:50px; margin-left:5px; float:left;}
div.CaixaMaior div.rotaer div.conteudoSol{width:120px; height:50px; background:url(../../images/rotaer/sol.gif) no-repeat left center ; float:left; text-align:right; padding-left:35px;}
div.CaixaMaior div.rotaer div.conteudoSol span.sol{width:50px; float:left; text-align:right; }
div.CaixaMaior div.rotaer div.controle1{ width:240px; float:left; height:25px; line-height:25px; text-align:left;}
div.CaixaMaior div.rotaer div.controle2{ width:230px; float:left; height:25px; line-height:25px; text-align:left;}
div.CaixaMaior div.rotaer div.controle3{ width:15px; float:left; height:25px; line-height:25px; text-align:left;}
div.CaixaMaior div.rotaer div.controle4{ width:30px; float:left; height:25px; line-height:25px; text-align:left;}
div.CaixaMaior div.rotaer div.controle5{ width:85px; float:left; height:25px; line-height:25px; text-align:left;}
div.CaixaMaior div.rotaer div.rotaerLinha{ width:100%; float:left; margin-bottom:2px;}
div.CaixaMaior div.rotaer div.interrogacao{ width:16px; float:left; background:#e3edf9; height:18px; line-height:18px;}
div.CaixaMaior div.rotaer span{ width:300px; padding-left:5px; float:left;height:18px; line-height:18px;}
div.CaixaMaior div.rotaer span.conteudo400{ width:575px; float:left;}
div.CaixaMaior div.rotaer .conteudoobs{ width:750px; height:300px; float:left; text-align:justify; margin:5px 10px 5px 10px; font-family:Verdana; font-size:12px; border:solid 1px gray;}
div.CaixaMaior div.rotaer span.conteudo120{ width:200px; float:left; }
div.CaixaMaior div.rotaer span.titulo{ background:#e3edf9; width:85px; float:left; height:18px; line-height:18px;}
div.CaixaMaior div.topo {text-align:center; font-family:Verdana; font-size:12px; font-weight:bold; margin:0px 0px 10px 0px}

div.CaixaMaior div.borda{ border: dotted 1px gray; width:750px; margin-left:10px;}
div.CaixaMaior div.borda .titulo{ color:#324058; font-size:14px; font-weight:bold; text-align:center;}




                             
/*FORMATACAO GRID DINAMICO */
table#Grid{ clear:both; width:760px; min-height:500px; background:#FFFFFF; font-family:Verdana; font-size:10px; margin-left:10px; border-collapse:collapse; text-align:center; border:solid 1px gray;}
table#Grid thead tr td{ background:#e3edf9; height:20px; border:solid 1px gray; text-align:center; color:#4A6E90; font-weight:bold;}
table#Grid tbody tr td{ border-bottom: solid 1px gray;}
table#Grid tbody tr td.linha1{background:#FFFFFF;}
table#Grid tbody tr td.linha2{background:#f1f1f1;}
table#Grid tr td.L200{ width:200px;}
table#Grid tr td.L40{ width:35px;}
/*Modelo Cadastro*/
div.Cadastro{width:765px; min-height:50px; border: solid 1px gray; float:left; margin-left:5px; margin-top:5px; padding-top:5px;}
div.Cadastro .titulo{ width:765px; background-color:#4A6E90; color:#FFFFFF; text-align:center; font-weight:bold; font-size:14px; clear:both;}
div.Cadastro .textbox{ width:250px; text-align:left; float:left; }
div.Cadastro span { width:90px; margin-left:5px; text-align:left; float:left;}
div.Cadastro .linha{clear:both; height:25px; line-height:25px;}
div.Cadastro div.floatLeft{ width:100%; float:left; margin-top:4px;}
div.Cadastro .metadeD{ width:383px; text-align:left; float:left; margin-top:0px;}
div.Cadastro .metadeE{ width:357px; text-align:left; float:left; margin-top:0px;}


div.FormaPgto{ width:765px; border: solid 1px gray; float:left; margin-left:5px; margin-top:5px;}
div.FormaPgto div.titulo{ width:765px; background-color:#4A6E90; color:#FFFFFF; text-align:center; font-weight:bold; font-size:14px; margin-bottom:20px; clear:both;}
div.FormaPgto div.Meios{ width:715px; height:30px; margin-bottom:5px; margin-left:10px;}

div#Carrinho { width:700px; float:left; text-align:center;margin-left:30px;}
div#Carrinho div.Quantidade{ width:80px; float:left; }
div#Carrinho div.Quantidade div.Titulo{ background:#324058; color:#FFFFFF; font-weight:bold;}
div#Carrinho div.Descricao{ width:350px; float:left;}
div#Carrinho div.Descricao div.Titulo{ background:#324058; color:#FFFFFF;font-weight:bold;}
div#Carrinho div.UM{ width:35px; float:left;}
div#Carrinho div.UM div.Titulo{ background:#324058; color:#FFFFFF;font-weight:bold;}
div#Carrinho div.Valor{ width:100px; float:left;}
div#Carrinho div.Valor div.Titulo{ background:#324058; color:#FFFFFF;font-weight:bold;}

div#Carrinho div.Conteudo{ width:100%;  height:20px; float:left; text-align:center; background:#e9e7ea}
div#Carrinho div.nada{ width:565px; height:20px; float:left;}
div#Carrinho div.UM_direito{ width:35px; height:20px; float:left;}
div#Carrinho div.total{ width:100px; height:20px; text-align:center; float:left; background:#324058; color:#FFFFFF;font-weight:bold;}

/*Preços*/
div.TabelaTitulo{ font:14px; font-weight:bold; width:300px; background:#143e66; color:#FFFFFF; }
div.Precos{ font:14px; font-weight:bold; width:300px; background:#e8f1fb;}

/*Parágrafos*/
p.Margem {Margin-left:10px}

/*Listas com marcação*/
ul.listapadrao li{ margin-left:30px;}

/*Popups*/
div.corpo {width:500px; position: absolute; left: 50%; margin-left: -250px;}
div.corpo div.popup500 {width:500px; float: left; text-align:justify; font-family:Verdana; font-size:12px;}
div.corpo div.divimg {width:167px; height:40px; float:left;}
div.corpo div.d300 {float: left; width:330px; padding: 10px 0px; font:bold 12px verdana; color:#143e66;}
div.corpo div.popup500 a {margin-left: 200px; padding:0px 0px 20px 0px;}
div.corpo div.popup500 hr {margin: 10px 0px}

/*FAQ*/
div.CaixaMaior div.TreeView{height:20px; padding:8px 0px 0px 25px; font:bold 10px Verdana; color:#143e66; }
.panel{font:bold 10px Verdana; color:#143e66; margin-left:82px; padding-right:20px; text-align:justify;}
.panel a{font:bold 11px Verdana;}
.panel ol{margin-left:20px;}
