#topo{ background:url(img/toposite.jpg) center no-repeat; width:800px; height:114px; /*margin-left:10%; margin-right:10%;*/ font-family:Arial, Helvetica, sans-serif; } .te{ font-family:Arial, Helvetica, sans-serif; font-size:11px; } #foto1{ width:auto; float:right; margin-top:10px; margin-left:30px; height:auto; margin-right:30px; } .celu1{ border:solid #999999 1px; background:#CCCCCC; color:#495577; font-weight:bold; } .m3{ font-size:10px; font-weight:bold; } .celu{ border:solid #CCCCCC 1px; font-size:12px; } #texto1{ height:auto; text-align:justify; width:360px; margin-top:0px; float:left; font-size:12px; color: #5E839E; font-family:Arial, Helvetica, sans-serif; } .combo{ width:500px; font-size:9px; } .tabela{ font-family:Arial, Helvetica, sans-serif; font-size:10px; } #pagina{ font-family:Arial, Helvetica, sans-serif; background:#FFFFFF; margin: 0px auto; width:800px; } /*Pra deixar os cantos redondos*/ span.topoRedondo, span.baseRedondo { display:block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */ background: transparent; /* deixando o background tranparente para que sempre que mudarmos a cor de fundo do por exemplo, não seja necessário a mudança aqui. */ } span.topoRedondo span, span.baseRedondo span { border-right: solid #495577 1px; display: block; /* deixando o display dos span como block, já que o padrão é inline e é necessário para visualização correta */ height: 1px; /* declarando a altura dos spans poara 1px */ overflow: hidden; /* ocultando todo o conteúdo que poderia ser visualizado no span. Todo espaço é reduzido. Sem isso, no i.e. não é visualizado corretamente. */ background: #FFFFFF; } span.rum { margin:0 5px 0 0; } span.rdois { margin:0 3px 0 0; } span.rtres { margin:0 2px 0 0; } span.rquatro { margin: 0 1px 0 0; height: 1px; } .meioRedondo { background: #FFFFFF; color: #5E839E; border-right: solid #495577 1px; margin: 0 0 0 0; padding: 0px 1px; } /*_____________________*/ .logotipo { margin-left:30px; margin-top:0px; margin-bottom:14px; } .logotipo2{ margin-left:6px; margin-top:0px; margin-bottom:5px; } #corpo { width:700px; margin: 30px auto; color: #5E839E; } #login { width:400px; margin-top:4px; margin-right:10px; float:right; color: #5E839E; } #rodape{ background:url(img/rodape.jpg) center no-repeat; position:relative; clear: both; bottom:0px; width:800px; height:10px; } #navegacao{ color:#5E839E; font-size:14px; width:550px; height:10px; margin-top:30px; margin-left:0px; } #corpoadmin{ width:600px; height:auto; margin-left:160px; text-align:justify; } #corpoadminc{ width:580px; height:auto; margin-left:230px; left:0px; } #colaborador{ width:650px; height:auto; margin-left:200px; text-align:left; } .menulateral{ background-color: #5E839E; width:160px; heigth:auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; position:absolute; left:9%; top:250px; color: #FFFFFF; text-align:center; } .descricaoS{ width:680px; height:auto; text-align:justify; background:url(img/S.jpg) center no-repeat; } .descricaoE{ width:680px; height:auto; text-align:justify; background:url(img/E.jpg) center no-repeat; } .descricaoL{ width:680px; height:auto; text-align:justify; background:url(img/L.jpg) center no-repeat; } .descricaoF{ width:680px; height:auto; text-align:justify; background:url(img/F.jpg) center no-repeat; } #descricao{ width:680px; height:auto; margin-left:0px; text-align:justify; } .italico{ font-style:italic; } .ga{ width:680px; height:auto; text-align:justify; } #instrucoes{ width:680px; height:auto; margin-left:0px; font-size:12px; text-align:justify; font-family:Arial, Helvetica, sans-serif; } #instrucoes1{ text-align:justify; width:800px; margin-top:0px; color: #5E839E; font-family:Arial, Helvetica, sans-serif; } .u1{ left:0%; margin:0; } .m{ color: #5E839E; text-decoration:none; margin-left:5px; } .m:hover{ color: #5E839E; margin-left:10px; } .m4{ color: #000099; text-decoration:none; font:bold; } .m1{ color: #5E839E; text-decoration:none; font:bold; } .m1:hover{ color: #5E839E; text-decoration:underline; font:bold; } .menulateral1{ background-color: #5E839E; width:160px; heigth:auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; display:block; position:absolute; left:9%; top:390px; color: #FFFFFF; text-align:center; } .menulateral2{ /*background-color:#c5d7e5;*/ color: #5E839E; width:150px; heigth:5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; left:5px; font-size:12px; text-align:left; } #menu{ /*color:#666666;*/ width:600px; height:10px; margin: 10px auto; color: #5E839E; } .cantoempresa{ position:absolute; width:auto; display:block; font:Arial, Helvetica, sans-serif; font-size:12px; top:14px; } .cantoacesso{ position:absolute; width:auto; display:block; font:Arial, Helvetica, sans-serif; font-size:12px; top:28px; } #menuprincipal1 { margin-top:65px; width:200px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #5E839E; } #menuprincipal2 { float:left; width:200px; margin-top:230px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #5E839E; } #menufinal{ padding-left:0px; margin-left:0px; } #menufinal2{ padding-left:0px; margin-left:0px; } #menufinal ul { background-color: #EFEFF1; /*define a Cor de Fundo */ margin-left: 0; /*define as margens como zero */ list-style-type: none; /*retira os marcadores*/ width: 145px; /* define a largura */ border: 1px solid #DFDFE3; /* define o tipo da borda (solid), a largura (1px) e a cor */ font-family: Verdana, Arial, Helvetica, sans-serif; /* define as fontes usadas */ font-size: 11px; /* tamanho das fontes */ padding-top: 5px; /* distancia borda conteudo superior de 5px */ padding-right: 10px; /* distancia borda conteudo direita de 5px */ padding-left: 5px; /* distancia borda conteudo esquerda de 5px */ } #menufinal ul li { height: 20px; /* define uma altura de 20px */ width: 100%; /* define a largura como 100% */ margin-bottom: 5px; /*define a margem inferior para 5px */ border-top: 1px solid #DFDFE3; /* define as bordas */ border-left: 1px solid #DFDFE3; /* define as bordas */ border-bottom: 1px solid #DFDFE3; /* define as bordas */ } #menufinal2 ul { background-color: #EFEFF1; /*define a Cor de Fundo */ margin-left: 0; /*define as margens como zero */ list-style-type: none; /*retira os marcadores*/ width: 145px; /* define a largura */ border: 1px solid #DFDFE3; /* define o tipo da borda (solid), a largura (1px) e a cor */ font-family: Verdana, Arial, Helvetica, sans-serif; /* define as fontes usadas */ font-size: 11px; /* tamanho das fontes */ padding-top: 5px; /* distancia borda conteudo superior de 5px */ padding-right: 10px; /* distancia borda conteudo direita de 5px */ padding-left: 5px; /* distancia borda conteudo esquerda de 5px */ } #menufinal2 ul li { height: 20px; /* define uma altura de 20px */ width: 100%; /* define a largura como 100% */ margin-bottom: 5px; /*define a margem inferior para 5px */ border-top: 1px solid #DFDFE3; /* define as bordas */ border-left: 1px solid #DFDFE3; /* define as bordas */ border-bottom: 1px solid #DFDFE3; /* define as bordas */ } #grafico1{ width:auto; display:block; height:200px; left:500px; font:Arial, Helvetica, sans-serif; top:300px; } .log { margin-top: 30px; margin-left:660px; float:right; color: #5E839E } .canto{ font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-right:0px; /*top:20px; left:330px; position:absolute;*/ color: #5E839E; }