@charset "utf-8";
*,html,body {
outline:none;
margin:0;
padding:0;
}

body {
background: #fff url(img/bg-body.gif) repeat-y center center;
font:13px/18px Arial, Helvetica, sans-serif;
position:relative;
text-align:center;
}

#tudo {
background:#fff;
width:750px;
text-align:left;
margin:0 auto;
}

ul {
list-style-type:none;
}

abbr,acronym {
border-bottom:.1em dotted;
}

hr {
height:1px;
border-width:0;
border-top:1px dashed #ccc;
margin-bottom:10px;
}

.noborder {
border:none !important;
text-decoration:none;
}

/* TOPO - LOGO JOGRAF, SENHA E MENU PRINCIPAL */
#topo {
background:#fff url(img/bg-topo.png) repeat-x top center;
line-height:30px;
position:relative;
width:750px;
height:70px;
border-bottom:2px solid #fc0;
}

#home {
width:200px;
height:70px;
display:block;
overflow:hidden;
background:url(img/jograf.gif) top left no-repeat;
}

#home:hover {
background-position:bottom left;
}

#topo ul {
position:absolute;
bottom:4px;
right:6px;
text-align:right;
}

#topo li {
display:inline;
margin-left:-4px;
}

#topo li a {
height:1px;
position:relative;
text-decoration:underline;
border-left:1px solid #fff;
border-right:1px solid #ccc;
padding:5px 13px;
}

#topo li a,a:visited {
color:#06b;
}

#topo li a.current {
color:#666;
background:#f6f6f6;
}

#topo li a:hover {
color:#5d4;
background:#f6f6f6;
}

#topo .senha {
width:100px;
height:20px;
position:absolute;
top:6px;
right:6px;
}

#topo .textosenha {
color:#666;
text-align:right;
font-size:10px;
line-height:20px;
letter-spacing:1px;
position:absolute;
top:9px;
right:111px;
}

/* TOPO - LOGO JOGRAF, SENHA E MENU PRINCIPAL 
 BANNER IMAGEM, FLASH E TEXTO */
#imgflash {
background:#fff url(scripts/greybox/indicator.gif) no-repeat center center;
width:750px;
height:130px;
position:relative;
}

.headerindex {
font-size:20px;
color:#f6f6f7;
position:absolute;
bottom:15px;
left:20px;
white-space:nowrap;
}

.bannercomprar a:hover {
color:#444;
}

/* BANNER IMAGEM, FLASH E TEXTO 
 MENU PRODUTOS */
#produtos {
width:750px;
height:60px;
line-height:26px;
border-bottom:1px solid #fc0;
border-top:3px solid #006;
}

#produtos ul {
text-align:center;
padding:3px 0;
}

#produtos li {
list-style:none;
display:inline;
margin-left:-4px;
}

#produtos li a {
height:1px;
color:#06b;
text-decoration:none;
border-right:1px dashed #ccc;
padding:3px 10px;
}

#produtos li a.current {
color:#666;
background:#eee;
}

#produtos li a.currentright {
color:#666;
background:#eee;
border-right:none;
}

#produtos li a.noborder {
border-right:none;
}

#produtos li a:hover {
color:#5d4;
background:#eee;
}

/* MENU PRODUTOS 
 MENU SUBPRODUTOS */
#subprodutos {
width:750px;
border-bottom:1px solid #fc0;
}

#subprodutos ul {
text-align:center;
padding:4px 0;
}

#subprodutos li {
list-style:none;
display:inline;
margin:0 15px;
}

#subprodutos li a.comprar {
color:#06b;
background:url(img/comprar.png) no-repeat center right;
}

#subprodutos li a.orcar {
color:#aaa;
background:url(img/orcar.png) no-repeat center right;
}

#subprodutos li a {
height:1px;
text-decoration:none;
padding:3px 22px 3px 0;
}

#subprodutos li a:hover {
color:#5d4;
}

/* MENU SUBPRODUTOS 
 CONTEÚDO */
#conteudo {
position:relative;
padding:15px;
}

#conteudo p {
text-align:justify;
margin:0 0 10px;
}

#conteudo p.fonte {
font-size:11px;
font-style:italic;
}

#conteudo .fontemenor p {
font-size:11px;
line-height:normal;
margin:0 0 6px;
}

#conteudo h1,h2,h3,h4 {
font-size:13px;
line-height:18px;
font-weight:bold;
margin:0 0 10px;
}

#conteudo blockquote {
border:1px solid #e6f6f6;
background:#f6f6f6;
margin:0 10px 10px;
padding:10px 10px 0;
}

#conteudo ul {
margin:0 0 15px 10px;
}

#conteudo li {
background:url(img/li-image.gif) no-repeat top left;
margin:0 0 5px;
padding:0 0 0 17px;
}

#conteudo ol li {
background:none;
list-style-position:inside;
margin:0 0 5px 10px;
}

#conteudo a {
color:#06b;
border-bottom:1px dashed #06b;
text-decoration:none;
}

#conteudo a:visited {
color:#999;
border-bottom:1px dashed #999;
}

#conteudo a:hover {
color:#5d4;
border-bottom:1px dashed #5d4;
}

#conteudo .destaque {
color:#093;
}

/* CONTEÚDO 
 DICA DE CONTEXTO */
#conteudo a.dcontexto {
color:#000;
position:relative;
border-bottom:1px dotted #000;
cursor:help;
z-index:24;
}

#conteudo a.dcontexto:hover {
background:transparent;
z-index:25;
}

#conteudo a.dcontexto:hover span {
display:block;
position:absolute;
width:250px;
top:25px;
left:0;
border:1px solid #ccc;
background:#f1f1f1;
color:#000;
padding:5px 10px;
}

/* DICA DE CONTEXTO 
 GALERIA DE MODELOS */
#galeria {
background:#eee;
margin:0 0 15px;
padding:11px;
}

#galeria ul {
text-align:center;
margin:0;
padding:0;
}

#galeria li {
display:inline;
background:none;
margin:0;
padding:0;
}

#galeria li a img {
display:inline;
position:relative;
background:#fff url(scripts/greybox/indicator.gif) no-repeat center center;
border:none;
margin:2px;
padding:4px;
}

#galeria li a:hover img {
background:#ccc url(scripts/greybox/indicator.gif) no-repeat center center;
}

/* GALERIA DE MODELOS 
 IMAGENS */
img.imgleft {
float:left;
border:none;
background:url(scripts/greybox/indicator.gif) no-repeat center center;
padding:5px 10px 5px 0;
}

img.imgright {
float:right;
border:none;
background:url(scripts/greybox/indicator.gif) no-repeat center center;
padding:5px 0 5px 10px;
}

.imgform {
border:none;
margin:0 0 5px;
}

.msnskype {
background:url(img/msn-skype.png) no-repeat center right;
float:right;
width:200px;
height:115px;
text-indent:70px;
line-height:20px;
margin:-25px 0 0;
padding:28px 0 0 15px;
}

/* IMAGENS 
 FORMULÁRIOS ORÇAMENTO */
form.formorcamento {
width:515px;
display:block;
float:left;
position:relative;
margin:0 10px 0 0;
}

html>body form.formorcamento {
margin:0 15px 0 0;
}

fieldset.fieldsetorcamento {
width:490px;
display:block;
background:#f1f1f1;
border:1px solid #ccc;
margin:0 0 15px;
padding:10px;
}

legend.legendorcamento {
font-weight:bold;
color:#444;
border:1px solid #ccc;
background:#fff;
margin:0 0 10px;
padding:3px 5px;
}

html>body legend.legendorcamento {
margin:0;
}

label.label,.input {
display:block;
width:200px;
float:left;
margin:0 5px 4px 0;
}

label.label {
display:block;
text-align:right;
width:150px;
color:#666;
font-weight:bold;
font-size:12px;
}

select.select {
display:block;
float:left;
margin:0 5px 4px 0;
}

textarea.textarea {
width:200px;
height:60px;
display:block;
float:left;
margin:0 5px 4px 0;
}

label.labelleft {
text-align:left;
width:255px;
white-space:nowrap;
}

input.inputmenor {
display:block;
width:70px;
float:left;
margin:0 5px 4px 0;
}

input.inputprograma {
display:block;
width:200px;
float:left;
margin:-5px 5px 4px 0;
}

.pdescription {
display:block;
color:#666;
width:300px;
font-size:11px;
line-height:normal;
padding:0 0 0 155px;
}

.h1form {
display:block;
color:#444;
width:300px;
padding:0 0 0 155px;
}

form.formorcamento br {
clear:left;
}

form.formorcamento #enviar {
width:120px;
}

form.formorcamento #limpar {
width:76px;
margin:0 0 0 2px;
}

/* FORMULÁRIOS ORÇAMENTO 
 FOOTER, NAVEGAÇÃO, PRODUTOS E NOTÍCIAS */
#footer {
clear:both;
width:750px;
height:160px;
background:url(img/bg-footer.gif) repeat-x bottom center;
position:relative;
font-size:11px;
line-height:16px;
border-top:1px solid #aaa;
}

#footer h3 {
font-size:12px;
line-height:20px;
font-weight:bold;
color:#000;
text-align:center;
padding:10px 0 0;
}

#footer ul {
text-align:center;
padding:0 0 5px;
}

#footer li {
list-style:none;
display:inline;
margin:0 0 0 -4px;
}

#footer li a {
color:#666;
position:relative;
border-right:1px solid #999;
border-left:1px solid #999;
padding:1px 10px;
}

/* FOOTER, NAVEGAÇÃO, PRODUTOS E NOTÍCIAS 
 COPYRIGHT, CERTIFICADOS XHTML/CSS E LINK TOPO */
#copyright {
clear:both;
width:750px;
height:32px;
color:#666;
background:url(img/bg-copyright.gif) repeat;
position:relative;
font-size:11px;
line-height:32px;
text-align:center;
border-top:1px solid #aaa;
}

a.xhtmlcss {
cursor:help;
color:#666;
padding:1px 5px;
}

a.xhtmlcss:visited {
color:#666;
}

#irtopo img {
position:absolute;
top:9px;
right:5px;
border:none;
}

a.irtopo {
cursor:pointer;
}

a.irtopo:hover {
background:none;
}

a.irtopo:hover span {
display:block;
width:70px;
position:absolute;
top:8px;
right:23px;
text-align:center;
text-decoration:underline;
font-size:11px;
line-height:normal;
border:1px solid #999;
background:#888;
color:#fff;
white-space:nowrap;
padding:1px 5px;
}

.homespan,#conteudo a.dcontexto span,a.irtopo span {
display:none;
}

.bannercomprar a:link,.bannercomprar a:visited {
color:#999;
width:205px;
font:16px/20px Helvetica, Arial sans-serif;
text-align:center;
text-decoration:none;
position:absolute;
top:23px;
right:23px;
padding:13px 0;
}

#produtos li a:visited,#footer li a:visited {
color:#999;
}

#conteudo p.center,#conteudo h1.center {
text-align:center;
}

#galeria li a,#galeria li a:visited,#galeria li a:hover {
border:none;
}

#footer li a:hover,a.xhtmlcss:hover {
color:#fff;
background:#888;
}

.chat { float:right; padding: 2px 0 0 10px; }
.chat a { border: none !important; }