@import url(classe.formulario.css);
@import url(tooltip_bubble.css);

body {
	margin:0; padding:0; color: #666666;
	background:#FFFFFF url(../imagens/img01.gif) repeat-x;
	font:normal small Arial, Helvetica, sans-serif; font-size:.8em}

h1, h2, h3, h4, h5, h6 {
	margin:0; padding:0}

p, blockquote, ul, ol {
	margin-top:0; padding-top:0}

p.center {
    text-align:center}

p.mensagem {
    font-weight:bold; color:#666666; text-align:center; border-top:1px dashed #666666; border-bottom:1px dashed #666666}

a {
	color:#000000}

a:hover {
	text-decoration:none}

a.artigo {
    background:url(../imagens/img09.gif) no-repeat left center; padding-left: 14px}

a.comprar {
	text-decoration:none}

a.fechar {
    padding-left:18px; background:url(../imagens/fechar_janela.gif) center left no-repeat}

a.expande {
    padding-left:18px; background:url(../imagens/dhtmlgoodies_plus.gif) center left no-repeat}

a.comprime {
    padding-left:18px; background:url(../imagens/dhtmlgoodies_minus.gif) center left no-repeat}

#header {
	width:760px; height:50px; margin:0 auto}

#logo {
	float:left; height:50px}

#logo h1, #logo h2 {
	float:left; padding:1.2em .25em 0 0; font-size:1.4em}

#logo a {
	text-decoration:none; color:#000000}

#menu {
	float:right; height:30px; border-top:20px solid #FFFFFF;
	background: #E1EEFA url(../imagens/img03.gif) repeat-x left bottom}

#menu ul {
	margin:0; padding:.55em 0 0 0; list-style:none}

#menu li {
	display: inline}

#menu a {
	padding:0 1em; font-size:.9em; font-weight:bold;
    text-decoration:none; text-transform: uppercase}

#menu a:hover {
	color:#0088FF}

#menu a.ativo {
	color:#0088FF}

#splash {
	width:760px; height:140px; margin:0 auto}

/* Content */

#content {
	width:760px; margin:0 auto}

#content h2 {
	height: 25px;
	padding: 6px 0 0 31px;
	background: url(../imagens/img06.gif) no-repeat 10px 10px;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #000000;
}

#content h4 {
	height: 25px;
	padding: 5px 0 0 25px;
	background: url(../imagens/img09.gif) no-repeat 10px 10px;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #000000;
}

#content h3 {
	font-size:1.15em}

#content ul {
	margin:0; padding:0; list-style:none}

#content li {
	padding-left:12px; background:url(../imagens/img09.gif) no-repeat left center}

#content .content {
	padding:5px}

/* Column One */

#colOne {
	float: left;
	width: 550px;
	background: url(../imagens/img04.gif) repeat-x;
}

#colOne .content {
    text-align:justify;
}

#colOne .boxed {
	background: url(../imagens/img07.gif) repeat-x;
}

#google {
    clear:both; text-align:center; padding:5px; background: url(../imagens/img10.gif) repeat}

/* Column Two */

#colTwo {
	float: right;
	width: 200px;
	background: url(../imagens/img05.gif) repeat-x;
}

#colTwo .boxed {
	background: url(../imagens/img08.gif) repeat-x;
}

#colTwo .content {
	padding: 5px;
}

#footer {
	width:760px; height:60px; margin:0 auto;
	background: #FFFFFF url(../imagens/img01.gif) repeat-x left bottom}

#footer p {
	margin:0; padding:7px 0 0 0; text-align:center; font-size:x-small; color:#ffffff}

#footer a {
	color:#ffffff}

.pasta, .arquivo {
  text-align:justify; text-indent:0; margin:2px; font-size:9pt}

.pasta a {
  color:#000000; text-decoration:none; font-weight:normal}

.arquivo a {
  color:#0088FF; text-decoration:none; font-weight:normal}

.pasta a:hover {
  color:#000000; text-decoration:none;}

a.folder {
  text-decoration:none; vertical-align:bottom}
  
a.folder:hover {
  text-decoration:none; border:0}

.oculto {
  display:none; margin-left:16px;}

.age_end {
  background-color:#bfd7ff; padding:1px 0 1px 0; margin:0}

ul#abas {
  margin:2px 0 0 0; padding:2px 0 2px 0; text-align:center; list-style:none;
  border-bottom:1px solid #929492}

ul#abas li {
  display:inline; margin:0; padding:0; background-image:none}

ul#abas li a {
  font-family:Courier New; font-size:12pt; text-decoration:none; padding:3px 5px 2px 1px; margin:0;
  border-left: 1px solid #949494; color:black;
  background:#bfd7ff url(../imagens/aba_menu1.gif) top right no-repeat}

ul#abas li a.selecionado {
  color:navy; background:#bfd7ff url(../imagens/aba_menu2.gif) top right no-repeat}

ul#abas li a:visited {
  color:black;}

ul#abas li a:hover {
  color: navy;
  background:#bfd7ff url(../imagens/aba_menu2.gif) top right no-repeat;}

table.cab_contatos {
  width:97%; margin:0 auto 0 auto; padding:0; font-size:9pt; border:1px solid #ffffff}

#contatos {
  height:660px; overflow:auto; margin:0; padding:2px 0 2px 0; background-color:#bfd7ff}

#rodape {width:760px; position:static; margin:-15px auto 0 auto; text-align:center}

#rodape a:hover {border:0}