img, div { behavior: url(../iepngfix.htc) }

/** { margin: 0; padding: 0; }  Zerando as margens e preenchimentos de todas as tags */
IMG {
	BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}
html, body, #geral, #fullheight{
	height:100%;
}

body {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px auto;
    text-align: center;
    background-image: url(images/body/bg.gif);
    FONT-SIZE: 8pt;
    COLOR: #333333;
    LINE-HEIGHT: 150%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #EDF3CD
}
a {
	color: #FFCC00;
	text-decoration: none;
}
a:visited {
	color: #FFCC00;
	text-decoration: none;
}
a:hover {
	color: #99FF00;
}
H1 {
    FONT: bold 20px/22px Arial, Helvetica, sans-serif;
    COLOR: #3A52B1;
  border: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
H2 {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    FONT: bold 16px/18px Arial, Helvetica, sans-serif;
    COLOR: #CC0000;
    margin-bottom: 0px;
}
H3 {
    FONT: bold 20px/22px Arial, Helvetica, sans-serif;
    COLOR: #993300;
  border: 0px;
  padding: 0px
}
H4 {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    FONT: bold 130%/100% Arial, Helvetica, sans-serif;
    COLOR: #598192;
    PADDING-TOP: 0px;
    margin-bottom: 0px;
    font-variant: small-caps;
}
H5 {
    MARGIN: 0px 0px 10px 0px;
    COLOR: #666666;
    FONT: italic normal bolder 16px normal Georgia, "Times New Roman", Times, serif ;
}
H6 {
	COLOR: #FF9900;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
    FONT-WEIGHT: bold; FONT-SIZE: 120%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px; PADDING-TOP: 0px
}
 /* definindo o alinhamento do texto para o centro */

/*p { margin: 0 0 15px 0; }  definindo a margem dos parágrafos */

#lateral, #conteudo, #menu, #rodape, #topo {
font: 7.5pt Verdana, Tahoma, Arial; /* Definindo a fonte Verdana com tamanho 7.5 pt para as divs #lateral, #conteudo, #menu, #rodape, #topo */
text-align: left; /* definindo o alinhamento do texto para esquerda */
}

#geral {
/*background-color: #EFEFEF;  Definindo o mesmo verde que o das divs #menu e #lateral para a cor de fundo do geral */
width: 768px; /* definindo 770px de largura , tornando o layout fixo */
margin: auto;
/*background-image: url(images/bg_conteudo.gif*/)
}

#cabecalho {
/*background-color: #334768;  definido cor de background */
height: 130px; /* definindo altura de 40px */
clear: both; /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
text-align: left;
     padding: 50px 100px 0px 100px;
color: #E6E6E6;
font-size: 10px;
word-spacing: 2px;
/*  background-image: url(images/body/cabecalho.gif);
  background-repeat: no-repeat;
  background-position: top;*/
  font-weight: bold
}
#cabecalho A {
	COLOR: #E6E6E6; TEXT-DECORATION: none;
    text-transform: uppercase
}
#cabecalho A:hover {
	COLOR: #FFCC00;
}
#cabecalho UL {
     padding: 10px 0px 0px 0px;
     margin: 0;
  text-align: right
}
#cabecalho LI {
    list-style-type: none;
    padding: 0px 0px 0px 0px
}
#cabecalho_logo {
    float: left;
    height: 128px;
    width: 260px;
}
#topo {
background-color: #1C8000; /* definido cor de background para o topo */
height: 255px; /* definindo altura de 100px */
background-image: url(images/banner.jpg);
padding-top: 0px
}

#menu, #lateral {
width: 226px; /* definindo 150px de largura para as divs #menu e #lateral */
background-color: #152E6D; /* definindo cor de background para as divs #menu e #lateral */
padding: 10px; /* definindo 10px de padding para as divs #menu e #lateral */
}

html>body #menu, html>body #lateral, html>body #conteudo { width: 226px; } /* hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois não colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria bagunçar o layout */
html>body #content { width: 482px; }
#div_home{
/*    background-color: #152E6D;*/
    margin: 0px;
    padding: 0px 81px 0px 81px;
    float: left;
    width: 606px; /* corrige o tamanho no IE6 */
    text-align: left;
    color:#598192;
}
#div_produto{
    margin: 0px;
    padding: 0px 0px 5px 0px;
    float: right;
}
#div-contato_produto{
    width: 482px;
    margin: 0px;
    padding: 25px 60px 0px 60px;
    float: right;
  border-right: 2px solid #81B141;
  border-left: 2px solid #81B141;
}
#div_full{
    width: 718px;
/*    background-color: #152E6D;*/
    padding: 10px 10px 0px 10px;
	DISPLAY: block;
    float: none;
    CLEAR: both;
}
#div_esquerda{
    width: 218px;
/*    background-color: #152E6D;*/
    padding: 10px;
    float: left;
      border: 2px solid #A1AFD9;
  background-image: url(images/body/div_esquerda.gif);
  background-repeat: repeat-x;
  background-position: top;
height: 150px;
}
#div-home_produto{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    color:#598192;
}
#div_centro{
    width: 226px;
/*    background-color: #152E6D;*/
    padding: 10px 10px 0 10px;
    float: left;
}
#div_direita{
    width: 342px;
    background-color: #FFFFFF;
    padding: 10px;
    float: right;
  border-bottom: 2px solid #A1AFD9;
  border-right: 2px solid #A1AFD9;
  border-top: 2px solid #A1AFD9;
height: 150px;
}
#div-educ_esquerda{
    width: 218px;
/*    background-color: #152E6D;*/
    padding: 10px;
    float: left;
      border: 2px solid #E24825;
  background-image: url(images/body/div-educ_esquerda.gif);
  background-repeat: repeat-x;
  background-position: top;
height: 150px;
}
#div-educ_direita{
    width: 342px;
    background-color: #FFFFFF;
    padding: 10px;
    float: right;
  border-bottom: 2px solid #E24825;
  border-right: 2px solid #E24825;
  border-top: 2px solid #E24825;
height: 150px;
}
.news_content {
    PADDING-BOTTOM: 5px;
}
.home_titulo{
  color: #FFFFFF;
  font-weight: bold;
}


#menu { float: left; padding-left: 20px; padding-top: 20px;width: 226px; } /* definindo float: left para o menu, para que fique grudado à esquerda do conteúdo */
#lateral { float: right; } /* definindo float: right para a lateral, para que fique grudado à direita do conteúdo */

#conteudo {
background-color: #FFFFFF; /* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
margin: 0px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
padding: 10px; /* definindo 10px de padding */
float: right;
}

#content {
background-color: transparent; /* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */
margin: 0px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
padding: 15px; /* definindo 10px de padding */
float: right;
width: 472px; /* corrige o tamanho no IE6 */
/*text-align: justify; */
}
#content a {
	color: #3300CC;
    /*8CA60D; */
	text-decoration: none;
}
#content a:visited {
	color: #3300CC;
	text-decoration: none;
}
#content a:hover {
	color: #CC0000;
}
#content UL{
     padding: 0px 0px 0px 0px;
     margin: 0;
}

#content LI {
    BACKGROUND-IMAGE: url(images/body/header-bottom-line_text.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left bottom;
    list-style-type: none;
    padding: 4px 0px 2px 0px
}

#content LI A {
    COLOR: #993333;
    TEXT-DECORATION: none;
}
#content LI A:visited {
	COLOR: #993333;
    TEXT-DECORATION: none
}
#content LI A:hover {
	COLOR: #3300CC;
    TEXT-DECORATION: none
}

#barra {
/*height: 140px;  definindo altura de 40px */
clear: both; /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
text-align: justify;
    PADDING-BOTTOM: 0px;
}

#rodape {
/*background-color: #E8E8E8;  definido cor de background */
height: 25px; /* definindo altura de 40px */
clear: both; /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
  text-align: right;
  padding-right: 100px;
  padding-top: 15px;
  background-image: url(images/body/bg_rodape.gif);
  background-position: top;
  background-repeat: no-repeat;
  color: #FFFFFF
}
#rodape A {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
    text-transform: uppercase
}
#rodape A:hover {
	COLOR: #FFFF00;
}

/* MENU ESQUERDO DE NAVEGAÇÃO*/
.sidenav {
	PADDING-BOTTOM: 10px
}
.sidenav UL {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.sidenav LI {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    BACKGROUND-IMAGE: url(images/body/header-bottom-line.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left bottom;
}
.sidenav LI A {
	BACKGROUND-POSITION: left center;
    DISPLAY: block; PADDING-LEFT: 15px;
    BACKGROUND-IMAGE: url(images/body/sidenav-arrow.gif);
    WIDTH: 211px; COLOR: #EFEFEF;
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none;
  font-weight: bold
}
.sidenav LI A:visited {
	COLOR: #EFEFEF; TEXT-DECORATION: none
}
.sidenav LI A:hover {
	COLOR: #00FF33; TEXT-DECORATION: none
}
.cor_laranja{COLOR: #FF6600}
.cor_azul{COLOR: #003399}
.cor_verde{COLOR: #009900}
.cor_vermelho{COLOR: #CC0000}
.cor_cinza{COLOR: #BBBBBB}
.bold{ font-weight: bold }

.float_right{float: right}
.float_left{float: left}

#breadcrumbs {
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	margin-top: 0px;
	margin-bottom: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    TEXT-TRANSFORM: uppercase;
}
#breadcrumbs A {
	COLOR: #FF6633; TEXT-DECORATION: none
}
#breadcrumbs A:visited {
	COLOR: #FF6633; TEXT-DECORATION: none
}
#breadcrumbs A:hover {
	COLOR: #0000FF; TEXT-DECORATION: none
}
.main_column {
    text-align: justify;
}
.main_column_modelo {
  text-align: justify;
  background-image: url(images/bg_conteudo.gif)
}
.img_border {
	BORDER-RIGHT: #d2d2d2 1px solid;
    BORDER-TOP: #d2d2d2 1px solid;
    BORDER-LEFT: #d2d2d2 1px solid;
    BORDER-BOTTOM: #d2d2d2 1px solid;
    BACKGROUND-COLOR: #ffffff;
    padding: 4px 4px 4px 4px;
    margin: 8px 0 8px 0
}

.anuncio {
	BORDER-RIGHT: #d2d2d2 1px solid;
    BORDER-TOP: #d2d2d2 1px solid;
    BORDER-LEFT: #d2d2d2 1px solid;
    BORDER-BOTTOM: #d2d2d2 1px solid;
/*    padding: 4px 4px 4px 4px;*/
    margin: 8px 4px 8px 0px
}

.sidebar_anuncios {
    PADDING-TOP: 0px;
    WIDTH: 226px;

}
.sidebar_anuncios UL {
	CLEAR: both;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.sidebar_anuncios LI {
	PADDING-RIGHT: 11px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    PADDING-TOP: 2px;
}
.clearfix {
	DISPLAY: block;
    float: none;
    CLEAR: both;
}
.ad-btn-heading {
	BACKGROUND: transparent url(images/body/header_AD-bottom-line.gif) no-repeat center;
    TEXT-ALIGN: center
}

#intouchform {
	margin: 0px 0px 10px 0px;
	font: 110% Arial, Helvetica, sans-serif;
	color: #000000;
}
#intouchform p{
	clear: left;
	margin: 3px 0px 3px 0px;
    position: relative;
}

#intouchform label{
	font-weight: bold;
	color:#598192;
	float: left;
	width: 70px;
margin-right: 8px;

}

#intouchform input{
	width: 360px;
  	height: 16px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 1px;
}

#intouchform .login{
	width: 100px;
  	height: 16px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 1px;
}

#intouchform textarea{
	width: 360px;
	height: 80px;
	background:#EEF5F9;
	border: 1px solid #a3bdc8;
	padding: 2px;
}

#intouchform .submitbutton {
	width: 60px;
  	height: 24px;
	padding: 2px 2px 2px 2px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #587683;
	border: none;
}

#intouchform .submitbutton:hover {
	background: #339966;
}

#intouchform .clearbutton {
	width: 60px;
  	height: 24px;
	padding: 2px 2px 2px 2px;
	font: bold 12px Arial, Helvetica, sans-serif;
	border: none;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #003333;
}

#intouchform .clearbutton:hover {
	BACKGROUND-COLOR: #779d03;
}

#intouchform .indent {
	margin-left: 80px;
}

#intouchform #usermessage {
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 5px 125px;
}
#intouchform .error {
	border: 1px solid #99FFCC;
}

#intouchform .failure {
	color:#FF9900;
}

#intouchform .success {
	color:#669900;
}

#intouchform .required {
	position: absolute;
	color: #97b5c2;
	top: 3px;
	padding-left: 5px;
}

#intouchform textarea:focus, #intouchform input[type="text"]:focus {
	background: #CCFF99;
}

#intouchform .corfundo {
	background: #99FFCC;
}