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

a {
	color: #E80017;
	text-decoration: none;
}
a:visited {
	color: #E80017;
	text-decoration: none;
}
a:hover {
	color: #3300FF;
}

#a1 {
	color: #003366;
	text-decoration: none;
}
#a1:visited {
	color: #333366;
	text-decoration: none;
}
#a1:hover {
	color: #006666;
}

H1 {
    padding: 3px 3px 3px 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 140%;
    background-color: #EEEEEE;
    font-weight: bold;
    margin-bottom: 8px;
    color: #990000
}
H2 {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 140%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
	COLOR: #596f7b;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3 {
    COLOR: #004646;
	font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0 5px 0px;
    font-weight: bold;
    font-size: 10px;
}
H4 {
    COLOR: #FF3300;
    font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 0px 0 10px 0px;
    font-size: 12px;
}
H5 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 140%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 10px;
	COLOR: #596f7b;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
H6 {
    COLOR: #004646;
	font-size: 11px;
	font-family: Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0 2px 0px
}
H7 {
    COLOR: #336666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif,Geneva, Tahoma, Verdana;
}
* { margin: 0; padding: 0; } /* Zerando as margens e preenchimentos de todas as tags */

html, body, #geral, {height:100%;}
body {
    text-align: center;
    background-image: url(images/bg.jpg);
    FONT-SIZE: 70%;
    COLOR: #333333;
    LINE-HEIGHT: 150%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #DCDBC7
}

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

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

#geral {
    width: 775px; /* definindo 800px de largura , tornando o layout fixo */
    margin: auto;
   /* background-image: url(Templates/images/bg_conteudo.gif) */
}

/* Menu principal de navegação */

#menu {
    background-image: url(images/fundo_menu.jpg);
    width: 775px;
    height: 45px;
    clear: both; /* não permitindo que objetos "flutuantes" obstruam o cabecalho. */
    text-align: left;
    list-style-type:none;
    margin-left: 0px;
    white-space:nowrap;
}
#menu li {
    float:left;
    position:relative;
    text-align:center;
    width: auto;
    margin-left: 10px;
}
#menu li a, #menu li a:visited {
    float:left;
    display:block;
    text-decoration:none;
    color:#FFFFFF;
    height: 30px;
    padding: 15px 10px 0 10px;
    margin-left: 10px;
    background-image: url(images/fundo_menu.jpg)
}
#menu li a:hover {
    float:left;
    background-image: url(images/fundo_menu_over.jpg) ;
}

/* Faixa com o logotipo */
#logo {
    width: 775px;
    height: 162px; /* definindo altura de 162px */
    background-image: url(images/random/rotate.php);
    background-repeat: no-repeat;
    background-position: top;
}

#div_home{
    background-color: #1D3A48;
    margin: 0px;
    padding: 10px 30px 30px 30px;
    float: left;
    width: 714px; /* corrige o tamanho no IE6 */
    text-align: left;
    color: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-top: 0
}
#conteudo {
    color: #000000
}
#conteudo td{
    padding: 15px;
}
#conteudo td.left{
    padding: 10px;
    vertical-align: top;
/*    width: 460px;*/
  font-size: 10pt
}
#conteudo td.right{
    padding: 10px;
    vertical-align: top;
/*    width: 200px;*/
    background: transparent url(images/right-shadow.png) repeat-y left;
    vertical-align: top;
}
#content {
    background-color: #FFFFFF;
    margin: 0px; /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */
    padding: 0px; /* definindo 10px de padding */
    width: 700px;
    border: 8px solid #B09886;
    background: #FFFFFF url(images/divisao.jpg) repeat-y left;

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

/* Campo Lateral direito*/
.sidenav {
/*    background: transparent url(images/right-shadow.png) repeat-y left;*/
    vertical-align: top;
    font-size: 10px;
    line-height: 18px;
	PADDING-LEFT: 10px;
    FLOAT: right;
    WIDTH: 185px;
    PADDING-TOP: 10px;
	padding-right:10px;
    height: 100%;
}
/*.sidenav H1 {
    COLOR: #990099;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 5px 0px;
    font-size: 10px;
    background-color: transparent;
    font-weight: bold
}
.sidenav H2{
    font-size: 12px;
    color: #990099;
    padding: 10px 0 5px 0px;
}*/
.sidenav UL {
    padding: 0px 0px 2px 0px;
    MARGIN: 0px 0 2px;
    LIST-STYLE-TYPE: none
}
.sidenav LI {
    padding: 0px 0px 0px 0px;
    MARGIN: 0px;
    BACKGROUND-POSITION: left bottom;
    background-image: url(images/body/ul-arrow.gif);
    BACKGROUND-REPEAT: no-repeat
}
.sidenav LI A {
    TEXT-DECORATION: none;
	color: #333366;
    padding: 0px 0px 0px 15px;
	text-decoration: none;
    background-image: url(images/body/ul-arrow.gif);
    BACKGROUND-REPEAT: no-repeat;
    DISPLAY: block;
}
.sidenav LI A:visited {
	COLOR: #0c253c; TEXT-DECORATION: none
}
.sidenav LI A:hover {
	COLOR: #ff3300; TEXT-DECORATION: none;
    background-image: url(images/body/ul-triangle.gif);
}

/* menu lateral direito*/
.menu_dir {
    vertical-align: top;
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
}
.menu_dir ul{
    padding: 0px 0px 2px 0px;
    MARGIN: 0px 0 2px;
    LIST-STYLE-TYPE: none
}
.menu_dir li {
    padding: 0px 0px 0px 0px;
    MARGIN: 0px;
    BACKGROUND-POSITION: left bottom;
    background-image: url(images/body/ul-arrow.gif);
    BACKGROUND-REPEAT: no-repeat
}
.menu_dir li a {
    TEXT-DECORATION: none;
	color: #333366;
    padding: 0px 0px 0px 15px;
	text-decoration: none;
    background-image: url(images/body/ul-arrow.gif);
    BACKGROUND-REPEAT: no-repeat;
    DISPLAY: block;
}
.menu_dir li a:visited {
	COLOR: #0c253c; TEXT-DECORATION: none
}
.menu_dir li a:hover {
    COLOR: #ff3300; TEXT-DECORATION: none;
    background-image: url(images/body/ul-triangle.gif);
}


/* Definindo os parâmetros do Rodapé */
#rodape {
    height: 46px; /* definindo altura de 40px */
    clear: both; /* não permitindo que objetos "flutuantes" obstruam o rodapé. */
    text-align: right;
    padding-right: 140px;
    padding-top: 15px;
    background-image: url(images/rodape.jpg);
    background-position: top;
    background-repeat: no-repeat;
    COLOR: #B09886;
    font-weight: bold
}
#rodape A {
	COLOR: #B09886; TEXT-DECORATION: none;
    text-transform: uppercase
}
#rodape A:hover {
	color:#1D3A48
}

/* Histórico de navegação */
#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: #FFCC00; TEXT-DECORATION: none;
}
#breadcrumbs A:visited {
	COLOR: #FFCC00; TEXT-DECORATION: none;
}
#breadcrumbs A:hover {
	COLOR: #99CCFF; TEXT-DECORATION: none;
}
/* Moldura para as imagens */
.img_border {
	BORDER-RIGHT: #EEEEEE 1px solid;
    BORDER-TOP: #EEEEEE 1px solid;
    BORDER-LEFT: #EEEEEE 1px solid;
    BORDER-BOTTOM: #EEEEEE 1px solid;
    BACKGROUND-COLOR: #EEEEEE;
    padding: 9px 9px 9px 9px;
    margin: 8px 0 8px 0;
}
.img_border2 {
	BORDER-RIGHT: #EEEEEE 1px solid;
    BORDER-TOP: #EEEEEE 1px solid;
    BORDER-LEFT: #EEEEEE 1px solid;
    BORDER-BOTTOM: #EEEEEE 1px solid;
    BACKGROUND-COLOR: #EEEEEE;
    padding: 4px 4px 4px 4px;
    margin: 8px 0 0px 0;
}
.thumbs {
	BORDER-RIGHT: #EEEEEE 1px solid;
    BORDER-TOP: #EEEEEE 1px solid;
    BORDER-LEFT: #EEEEEE 1px solid;
    BORDER-BOTTOM: #EEEEEE 1px solid;
    BACKGROUND-COLOR: #EEEEEE;
    padding: 4px 4px 4px 4px;
    margin: 8px 10px 10px 10px;
}
.clearfix {
	DISPLAY: block;
    float: none;
    CLEAR: both;
}

#cliente{
  height: 102px;
  width: 125px;
  display: inline;
}
#cliente li{
  float: left;
  background-image: url(images/fundo_logo.jpg) ;
  background-position: top;
  background-repeat: no-repeat;
  height: 102px;
  width: 140px;
  padding: 0px 0px 10px 0px;
}

/*formulario*/
.textfield {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

.textfield2 {
	BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #E0E0E0;

}
.video{
  height: 343px;
  width: 470px;
  FLOAT: left;
  padding-top: 15px;
  padding-bottom: 15px
}

.left_col {
	PADDING-LEFT: 10px;
    FLOAT: right;
    WIDTH: 200px;
    PADDING-TOP: 10px;
/*    background: transparent url(images/right-shadow.png) repeat-y left;
*/
}
.right_col {
	PADDING-RIGHT: 10px;
    PADDING-TOP: 10px;
    PADDING-BOTTOM: 10px;
    padding-left: 10px;
    FLOAT: left;
    WIDTH: 470px;
    text-align: justify;
  color: #000000
}
.right_col UL {
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.right_col OL {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
}
.right_col LI {
	BACKGROUND-IMAGE: url(images/body/ul-arrow.gif);
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat
}


.form_button_clear {

	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #FFFFFF; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #336666

}

.form_button {

	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; COLOR: #FFFFFF; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #003333

}
touchform {

	margin: 0px 10px 10px;

	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;

/*	background: url(images/formlabel-arrow.gif) no-repeat top right;

*/	margin-right: 8px;

}

#intouchform input{

	width: 300px;

  	height: 16px;

	background:#EEF5F9;

	border: 1px solid #a3bdc8;

	padding: 1px;

/*  margin-top: 4px*/

}

#intouchform .login{

	width: 100px;

  	height: 16px;

	background:#EEF5F9;

	border: 1px solid #a3bdc8;

	padding: 1px;

/*  margin-top: 4px*/

}

#intouchform textarea{

	width: 300px;

	height: 80px;

	background:#EEF5F9;

	border: 1px solid #a3bdc8;

	padding: 2px;

/*  margin-top: 4px*/

}

#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;

}


/* 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-REPEAT: no-repeat;
    BACKGROUND-POSITION: left bottom;
}
.sidenav LI A {
	BACKGROUND-POSITION: left center;
    DISPLAY: block; PADDING-LEFT: 15px;
    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
}*/