/* Micox CSS mini-lib 1.0 - 22/02/2008 - elmicox.blogspot.com
   A leitura dos comentários é obrigatória para o entendimento */

/* padronizando propriedades pros navegadores ficarem parecidos e corrigindo alguns bugs */
* { margin: 0; padding: 0; outline: 0;
 font-weight: inherit; font-style: inherit;
 font-size: 100%; font-family: inherit;
 line-height: 1.1em; vertical-align: baseline }
p { margin-bottom: 0.5em; }
hr { clear: both; float: none; width: 100%; }
* html body hr { margin: -7px; display: block;}  /* os hr tem uma altura extra misteriosa no IE */
a, img { border: none; }
img { vertical-align: middle;}
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; } /* fieldset não é block em todos */
ul, ol { margin-left: 1.5em; list-style-position: outside; }
li { vertical-align: top; line-height: 1.2em;}  /* IE: posição vertical do marcador no IE  e espaço extra fantasma em lis*/
li a { zoom: 1; line-height: 1.2em; }  /* complemento do anterior */
input[type=hidden]{ display: none !important; visibility: hidden !important;} /* input hidden no FF */
button { border: 1px outset #AAA; }
legend { margin-bottom: 1.4em; } /* Fixes incorrect styling of legend in IE6 fieldsets. */
label { display: block;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, thead, tfoot { text-align: center; font-weight: bold; }
blockquote:before, blockquote:after,q:before, q:after { content: “”; }
blockquote, q { quotes: "" ""; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* FF 1999 */
 white-space: -pre-wrap; /* OP 4-6 */ white-space: -o-pre-wrap; /* OP 7 */  word-wrap: break-word; /* IE 5.5+ */
}
h1 { font-size: 250%; font-weight: bold;}
h2 { font-size: 200%; font-weight: bold;}
h3 { font-size: 150%; font-weight: bold;}
h4 { font-size: 120%; font-weight: normal;}
h5 { font-size: 110%; font-weight: normal;}
h6 { font-size: 100%; font-weight: bold;}
strong { font-weight: bold; }

/* centralizando o container (que tem todo o conteúdo da página) */
#container { margin: auto; vertical-align: middle; }

/* classes úteis de posicionamento.
   Ex.: Tenho uma lista de caixas separadas por margin. Pra última caixa se alinhar com a borda,
   é bom colocar a classe last nela */
.top { margin-top: 0; vertical-align: top; vertical-align: top;}
.bottom { margin-bottom: 0; vertical-align: baseline;  vertical-align: bottom;}
.left { margin-left: 0; float: left; }
.right { margin-right: 0; float: right; }
.center { margin: auto; vertical-align: middle; }
.first { margin-top: 0; margin-left: 0; vertical-align: top;}
.last { margin-bottom: 0; margin-right: 0; vertical-align: bottom;}

/* classes úteis na formatação */
.screenreader { display: none; }
.ak { text-decoration: underline; /* access keys */ }
.u { text-decoration: underline; /* textos underline */}
.notice { background-color: #F9FF9A; /*yellow*/}
.error { background-color: #FF8E8E; /*red*/}
.highlight  { background:#ff0; }

/* para não precisar do famoso div wrapper [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: block; zoom: 1; }

/* fazendo colunas com alturas iguais [http://www.positioniseverything.net/articles/onetruelayout/equalheight] */
.paifullcols { overflow: hidden; width: 99.8%; display: inline-block; }
.paifullcols:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.paifullcols { display: block; zoom: 1; }
.paifullcols .fullcol { float: left; padding-bottom: 1000em; margin-bottom: -999.5em; width: auto }




body {
	margin: 0;
	padding: 0;
	background: #EAEAEA url(../images/fundo.jpg) top center repeat-x;
	text-align: center;
	font: 10px Verdana, sans-serif; }


#site {
	text-align: left;
	margin: auto;
	width: 804px;
	background: #EAEAEA url(../images/bg_geral.jpg) top center repeat-y; }

#topo {
	height: 144px;
	background: #EAEAEA url(../images/fundo.jpg) top center repeat-x; }
	
#logomarca {
	padding-top: 7px;
	padding-left: 48px;
	width: 400px;
	float: left; }
#idiomas {
	text-align: right;
	padding-top: 4px;
	padding-right: 17px; }
#idiomas a {
	margin-left: 10px;
	text-decoration: none;
	color: #000; }
#idiomas a:hover {
	text-decoration: underline; }
#idiomas a img {
	margin-right: 5px; }
	
#menu {
	width: 770px;
	height: 25px;
	*height: 34px;
	margin: 4px 0 0 17px;
	font: 12px Verdana, sans-serif;
	font-weight: bold;
	color: #FFF;
	padding-top: 9px;
	background: #394750 url(../images/bg_menu.jpg) top center no-repeat; }
#menu .item_menu {
	padding: 0 13px; }
#menu .item_menu a {
	color: #fff;
	text-decoration: none; }
#menu .item_menu a:hover {
	text-decoration: underline; }
#menu .separar_menu {
	color: #272F34; }
	
#corpo {
	margin-left: 27px;
	margin-top: 10px;
	width: 750px; }
#corpo #calculadora {
	background: #ECF5FC url(../images/quadro_cima.gif) top center no-repeat;
	width: 150px;
	*margin-bottom: -5px;
	float: left; }
#corpo #calculadora h3 {
	background: url(../images/calculator.gif) top left no-repeat;
	margin: 5px 5px 0 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #D6E0E9; }
#corpo #calculadora .interior_caixa, #corpo #formulario, .interior_caixa {
	padding: 10px; }
#corpo #calculadora .rodape, #corpo #formulario .rodape {
	display: block;
	width: 100%;
	height: 7px;
	background: #ECF5FC url(../images/quadro_rodape.gif) bottom center no-repeat; }
#corpo #calculadora label, #corpo #formulario label {
	width: 130px; }
#corpo #calculadora form input, #corpo #formulario form input, #corpo #formulario form textarea {
	margin-top: 3px;
	margin-bottom: 5px;
	width: 100%; }
#corpo #calculadora form select {
	margin-top: 3px;
	margin-bottom: 5px; }
#corpo #calculadora form .bot, #corpo #formulario form .bot {
	height: 25px; }
#corpo #formulario {
	background: #ECF5FC url(../images/quadro_cima.gif) top center no-repeat;
	width: 150px;
	padding: 0;
	*margin-bottom: -5px;
	float: right; }
#corpo #formulario h3 {
	background: url(../images/page_white_put.gif) top left no-repeat;
	margin: 5px 5px 0 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #D6E0E9; }
span.maisinformacoes {
	margin-top: 5px;
	height: 16px;
	display: block;
	background: url(../images/help.gif) top left no-repeat;
	padding: 1px 0 0 20px; }
span.maisinformacoes a {
	color: #000; }
#corpo #conteudo {
	margin-left: 180px;
	margin-right: 180px;
	padding-bottom: 20px;
	font-size: 10px; }

#rodape {
	background: #EAEAEA url(../images/rodape.jpg) top center no-repeat;
	margin: auto;
	width: 804px;
	padding-top: 9px;
	color: #999999; }
#rodape .infortec {
	text-align: right;
	padding-right: 17px; }
#rodape .cc {
	text-align: center; }
	
/*************************************/

#conteudo form#frmcontato {
	font-size: 12px; }
#conteudo form#frmcontato input, #conteudo form#frmcontato textarea {
	width: 380px;
	margin-top: 3px;
	margin-bottom: 5px; }
#conteudo form#frmcontato input.bot {
	width: 60px;
	height: 25px; }

#conteudo p {
	margin-bottom: 15px; }
#conteudo a {
	text-decoration: none;
	color: #3796ce; }
#conteudo a:hover {
	text-decoration: underline; }
	
#conteudo h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #dadada; }
#conteudo .formularios_frm {
	border: solid 1px #dadada;
	background-color: #f6f6f6;
	padding: 10px; }
#conteudo .formularios_frm form input, #conteudo .formularios_frm form textarea {
	width: 360px;
	margin-top: 3px;
	margin-bottom: 5px; }
#conteudo .formularios_frm form input.bot {
	width: 60px;
	height: 25px; }