/* Definições */
html, body {height:100%;} /**/

body {
margin:0; 
padding:0;
background:#ccc;
color:#000;
font: normal 62.5% verdana;
}

#tudo { 
	width:90%;
	position:relative;  /*Contexto de posicionamento */
	background:#ccf;
	margin:0 auto;
	text-align:left;
	min-height:100%;/**/
	border:dotted #000;
	border-width:0 1px;
	}
 * html #tudo {height: 100%;}/**/
 
#topo{	
width:100%; 
height: 80px;
margin-left:auto; 
margin-right:auto;
background:#66f;
background-image:url();
background-repeat: repeat;
border-bottom:4px solid navy;
}

#marca {
float:left;
width:70px; 
height:70px; 
z-index:1; 
margin-top:10px;
margin-left:5px;
background-image:url(../img/logo.jpg);
background-repeat: no-repeat;
}

#marca_p {
float:left;
width:100px; 
height:70px; 
z-index:1; 
margin-top:5px;
margin-left:5px;
}

#nome{
width:810px; 
height:45px; 
position:absolute; 
z-index:1; 
margin:0px 0 0 80px; 
overflow:visible !important /*Firefox*/; 
overflow:hidden /*IE6*/;
}

#nome h1 {
margin:10px 0 0 0px;
font-size:22px; 
color:#fff;
}

#nome h2 {
margin:0px 0 0 0; 
font-size:16px;
color:#fff;
}

#nome h3 {
float:right;
margin:10px 0 0 0; 
font-size:9px;
color:#fff;
}

#conteudo {
padding-bottom:30px;
padding-top:3px;
}/**/

#principal {
	width:650px;
	padding-left:30px;
	float:left;
	padding-top:10px;
	text-align:justify;
	}
#auxiliar {
  height:100%;
	width:200px;
	float:right;
	padding-top:0px;
  padding-bottom:0px;	
	background:#ccf;
	}

.libera{clear:left;}

.limpa {clear:both;}

#rodape {
	background:#ccf;
	width:100%;
	height:20px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	padding-top:2px;
 border-top:2px solid navy;
	}

#rodape p {
	margin:0;
	font-weight:bold;
	color:#006;
	}

.sub{
font: bold 16px 'Verdana',Arial,sans-serif;
background-color:#066;
background-image:url(../img/fundo.jpg);
background-repeat: repeat;
color:white;
text-align:center;
}

table{
border:black 1px solid;
background-color: #ccf;
color:#006;
font: normal 12px verdana;
}


caption {
padding:3px;
position:top;
border:3px inset #fff;
color:#fff;
background-color:#006;
font: bold 18px verdana;
}

th {
border:1px solid #333;
color:#fff;
background-color:#006;
background-image:url();
background-repeat: repeat;
font: normal 14px verdana;
}

td {
border:1px solid #333;
color:#000;
background-color:#ffb;
font: normal 14px verdana;
}


/* Barra de Botões */
.botoes{ 
overflow: hidden; 
background:#ccc;
width:100%;
height:30px;
border-bottom:1px solid #009;
border-top:1px solid #009;
border-right:1px solid #009;
border-left:1px solid #009;
text-align:center;
margin-top:1px;
margin-bottom:3px;
}

a.btn{
background-color: #ccc;
display: block;
float: left;
line-height: 22px; 
height: 30px;
width:120px; 
padding-left: 0px;
padding-top:5px; 
text-decoration: none;
text-transform:uppercase;
border-right:1px #009 solid;
margin-right:0px;
font: normal 15px "trebuchet ms",Arial,sans-serif;
color:#000;
}

a:link.btn, a:visited.btn, a:hover.btn, a:active.btn{
color: #009; 
}
a.btn span{
display: block;
padding: 4px 10px 4px 2px; 
color:#fff;
 
}

a:hover.btn{ 
background:#666; 
text-decoration: underlineline;
color:#fff;
cursor:pointer;
}

.bb{
background-color: #ccc;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
text-transform:uppercase;
border-left:3px #444 solid;
border-bottom:3px #444 solid;
border-top:1px #000 solid;
border-right:1px #000 solid;
font: normal 14px "trebuchet ms",Arial,sans-serif;
color:#000;
}

.bb:hover{
background-color: #fff;
color:#f00;
}

.mnu{
background-color: #ccc;
float: left;
height: 30px;
width:120px; 
padding-left: 0px;
padding-top:0px; 
text-decoration: none;
text-transform:uppercase;
border-right:1px #009 solid;
border-left:0px #009 solid;
border-top:0px #009 solid;
border-bottom:0px #009 solid;
margin-right:0px;
font: normal 15px "trebuchet ms",Arial,sans-serif;
color:#009;
}

.mnu:hover{ 
background:#666; 
text-decoration: underlineline;
color:#fff;
cursor:pointer;
}

/*Formulario com paragrafo */
fieldset{
margin:0 0 5px 0;
padding:5px;
border:1px solid #666;
background-color:#ffc;
}

legend {
font: bold 14px 'trebuchet ms',Verdana,Arial,sans-serif; 
background-color: #aaa;
margin: 0px; 
padding:1px; 
border: 1px solid #666; 
color:#fff;
} 

label{ 
font: normal 12px "arial",Arial,sans-serif;
border: 1px #000;
background-color: #068;
color: #fff;
padding:3px;
margin-left:4px;
}

input{ 
font: normal 14px "arial",Arial,sans-serif;
border: 1px solid #000; 
background-color: #fff;
color:black;
}

input.bt{ 
background-color: #ccc;
border: 1px solid #000; 
color:#000;
}

input.bt:hover{ 
background-color: #fff;
border: 1px solid #000; 
color:#f00;
cursor:pointer;
}

input:focus{ 
background-color: #ff8;
border: 1px solid #006; 
}

select{ 
font: normal 15px "trebuchet ms",Arial,sans-serif;
border: 1px solid #000; 
background-color: white;
color:black;
}

textarea{ 
font: normal 16px "trebuchet ms",Arial,sans-serif;
border-bottom: 1px solid #000; 
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000; 
background-color: white;
color:black;
}
span{
font: normal 14px "trebuchet ms",Arial,sans-serif; 
border: 1px solid #000; 
background-color: #ccc;
color:black;
padding-left:2px;
padding-right:2px;
margin-left:2px;
}





ul {
	width:190px;
	margin-top:1px;
	margin-left:2px;
	margin-bottom:1px;
	padding:0;
	list-style:none;
	}
ul li {margin:1px 0; }
ul li a, ul li a:visited {
	height:1%;
	font:15px Arial, Helvetica, sans-serif;
	display:block;
	background:#006;
	color:#fff;
	text-decoration:none;
	padding:0px 5px;
	}
ul li a:hover {
	background:#99f;
	color:#006;
	}
h1, h2 { 	
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#006;
	}

h4 {
	height:2px;  
	margin-top:2px;
  margin-left:2px;	
  padding:0px 0px 0px 0px;
  font:bold 16px Arial, Helvetica, sans-serif;
  color:#006;
  }

#pesquisa {
margin:10px 0 0 10px;
font-size:15px; 
color:#000;
}

table a{
background-color: #ccf;
display: block;
height: 20px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
text-transform:uppercase;
border-right:1px #009 solid;
margin-right:0px;
font: normal 15px "trebuchet ms",Arial,sans-serif;
color:#000;
}

table a:link.btn, table a:visited.btn, table a:hover.btn, table a:active.btn{
color: #009;
}
table a span{
display: block;
padding: 4px 10px 4px 2px;
color:#fff;

}

table a:hover{
background:#666;
text-decoration: underlineline;
color:#fff;
cursor:pointer;
}