/* BORDER: 1px solid red;*/

body { HEIGHT: 100%; BACKGROUND: #4f5356 url('../imagens/fundo.jpg') repeat-x top; FONT-FAMILY: Arial, Verdana, Helvetica, MS Sans Serif;}

a { COLOR: #000000; TEXT-DECORATION: none; BORDER-BOTTOM: 1px dotted #949494; CURSOR: pointer;}
a:hover { COLOR: #006699;}
a:active { COLOR: #ff3300;}
a img { BORDER: none;}

#Tudo { WIDTH: 761px; BORDER: 1px solid white; MARGIN: 20px auto 20px;}
#Tudo td { VERTICAL-ALIGN: top;}

#Linha1Coluna1 { background: #74797b url('../imagens/linha1-coluna1-fundo.gif') repeat-y right; HEIGHT: 260px;}
#Linha1Coluna2 { background: white; HEIGHT: 260px; border-right: 1px solid #cccccc;}
#Linha1Coluna3 { background: white; HEIGHT: 260px;}

#Linha2Coluna1 { HEIGHT: 340px; background: #686d70 url('../imagens/linha2-coluna1-fundo.gif') repeat-y right;}
#Linha2Coluna2 { HEIGHT: 340px; background: white; border-right: 1px solid #cccccc;}
#Linha2Coluna3 { HEIGHT: 340px; background: white;}

/*
#Centraliza { WIDTH: 761px; BACKGROUND: #686d70 url('../imagens/centro-fundo.jpg') repeat-x top; MARGIN: 20px auto; BORDER: 1px solid #FFFFFF;}
  #Linha2index, #Linha2 { MIN-HEIGHT: 340px;}
  #Linha1, #Linha2index, #Linha2 { CLEAR: both;}

#Coluna1 { WIDTH: 55px; BACKGROUND: #686d6f url('../imagens/coluna1-fundo.jpg') repeat-y right;}
  #Linha2 #Coluna1 {}

#Coluna2 { WIDTH: 174px; BACKGROUND: #FFFFFF url('../imagens/coluna2-fundo.jpg') repeat-x top;}
  #Linha2 #Coluna2 { BACKGROUND: #FFFFFF;}

#Coluna3 { WIDTH: 529px; BACKGROUND: #FFFFFF; BORDER-LEFT: 1px solid #cccccc;}
  #Linha2 #Coluna3 { BORDER-LEFT: 1px solid #5e6263; BORDER-RIGHT: 1px solid #cccccc;}

#Coluna1, #Coluna2, #Coluna3 { DISPLAY: table-cell; VERTICAL-ALIGN: top;}
*/

  #Selos { WIDTH: 140px; DISPLAY: block; PADDING: 15px 15px 10px 15px;}
  #Selos p { MARGIN: 0; TEXT-ALIGN: center !important;}
  #Selos a { BORDER: none;}

  #Servicos { WIDTH: 140px; MIN-HEIGHT: 260px; DISPLAY: block; PADDING: 2px 15px 0 15px;}
  #Servicos h1 { COLOR: #006699; FONT-SIZE: small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; MARGIN: 0 0 10px 0; PADDING: 0;}
  #Servicos h2 { COLOR: #006699; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; MARGIN: 0 0 5px 0;}
  #Servicos p { COLOR: #3c3c3c; FONT-SIZE: xx-small; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0;}
  #Servicos hr { BORDER-TOP: 1px solid #c0c0c0; MARGIN: 5px 0 5px 0; PADDING: 0; HEIGHT: 1px;}
  #Servicos a { COLOR: #000000; BORDER: none;}
  #Servicos a:hover { COLOR: #006699;}
  #Servicos a:active { COLOR: #3c3c3c;}

  #Submenu { WIDTH: 175px; DISPLAY: block; FLOAT: left; PADDING: 0; BORDER-BOTTOM: 1px solid #cccccc;}
  #Submenu p { MARGIN: 0; PADDING: 30px 0 30px 0; TEXT-ALIGN: center;}
  #Submenu h1 { MIN-HEIGHT: 15px; COLOR: #333333; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; MARGIN: 1px 0 0 0; PADDING: 5px 10px 3px 10px; BACKGROUND: #eaeaea url('../imagens/submenu-fundo-off.gif') no-repeat top; BORDER-TOP: 1px solid #cccccc;}
  #Submenu h1.on { MARGIN: 1px 0 0 -1px; BACKGROUND: #FFFFFF url('../imagens/submenu-fundo-on.jpg') repeat top;}
  #Submenu h2 { MIN-HEIGHT: 12px; COLOR: #666666; FONT-SIZE: x-small; FONT-WEIGHT: normal; LINE-HEIGHT: 120%; MARGIN: 1px 0 0 0; PADDING: 4px 10px 3px 20px; BACKGROUND: #ebebeb; BORDER-TOP: 1px dotted #d3d3d3;}
  #Submenu h4 { COLOR: #000000; FONT-SIZE: xx-small; FONT-WEIGHT: bold; LINE-HEIGHT: 100%; MARGIN: 0; PADDING: 5px; BACKGROUND: #ffcc00; DISPLAY: block;}
  #Submenu h4 a { COLOR: #000000;}
  #Submenu h4 a:hover { COLOR: #000000;}
  #Submenu a { COLOR: #808080; BORDER: none;}
  #Submenu a:hover { COLOR: #808080;}
  #Submenu a:active { COLOR: #808080;}

  #Softwares { WIDTH: 175px; DISPLAY: block; FLOAT: left; PADDING: 0; BORDER-BOTTOM: 1px solid #cccccc;}
  #Softwares p { MARGIN: 0; PADDING: 30px 0 30px 0; TEXT-ALIGN: center !important;}
  #Softwares h1 { MIN-HEIGHT: 17px; COLOR: #FFFFFF; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; TEXT-TRANSFORM: uppercase; MARGIN: 1px 0 0 0; PADDING: 5px 10px 0 10px; BACKGROUND: #6595c6 url('../imagens/softwares-fundo-off.gif') no-repeat top;}
  #Softwares h1.on { COLOR: #807f8d; MARGIN: 1px 0 0 -1px; BACKGROUND: #FFFFFF url('../imagens/submenu-fundo-on.jpg') repeat top; BORDER-TOP: 1px solid #cccccc; BORDER-BOTTOM: 1px solid #cccccc; BORDER-RIGHT: 1px solid #cccccc;}
  #Softwares h2 { MIN-HEIGHT: 19px; COLOR: #FFFFFF; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; MARGIN: 1px 0 0 0; PADDING: 3px 10px 0 20px; BACKGROUND: #6494c5 url('../imagens/softwares-fundo-off.gif') no-repeat top;}
  #Softwares a { COLOR: #FFFFFF; BORDER: none;}
  #Softwares a:hover { COLOR: #FFFFFF;}
  #Softwares a:active { COLOR: #FFFFFF;}

  #Destaques { WIDTH: 145px; FLOAT: left; PADDING: 15px 15px 10px 13px;}
  #Destaques h1 { COLOR: #808080; FONT-SIZE: small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; MARGIN: 0 0 0 15px; PADDING: 0; DISPLAY: list-item; LIST-STYLE-IMAGE: url(../imagens/marcador-titulo.gif);}
  #Destaques hr { BORDER-TOP: 1px solid #c0c0c0; MARGIN: 5px 0 5px 0; PADDING: 0; HEIGHT: 1px;}
  #Destaques h2 { COLOR: #006699; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0;}
  #Destaques h3 { COLOR: #006699; FONT-SIZE: x-small; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0; PADDING: 0; BACKGROUND: none;}
  #Destaques p { COLOR: #3c3c3c; FONT-SIZE: x-small; LINE-HEIGHT: 140%; MARGIN: 0 0 5px 0;}
  #Destaques ul { COLOR: #3c3c3c; FONT-SIZE: x-small; LIST-STYLE-IMAGE: url(../imagens/marcador.gif); MARGIN: 0 0 4px 18px; PADDING: 0;}
  #Destaques ol { COLOR: #3c3c3c; FONT-SIZE: x-small; MARGIN: 0 0 4px 23px; PADDING: 0;}
  #Destaques li { COLOR: #3c3c3c; FONT-SIZE: x-small; MARGIN: 0 0 8px 0;}
  #Destaques select { COLOR: #000000; FONT-SIZE: x-small; BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #A5AFC8; WIDTH: 140px; DISPLAY: inline;}
  #Destaques a { COLOR: #000000; BORDER: none;}
  #Destaques a:hover { COLOR: #006699;}
  #Destaques a:active { COLOR: #3c3c3c;}

  #Miolo { WIDTH: 490px; DISPLAY: block; PADDING: 15px 0 0 20px; MARGIN: 0;}
  #Miolo h1 { COLOR: #006699; FONT-SIZE: medium; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0;}
  #Miolo h2 { COLOR: #696969; FONT-SIZE: small; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0;}
  #Miolo h3 { COLOR: #808080; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 3px 0; BORDER-BOTTOM: 1px dotted #c0c0c0;}
  #Miolo h3 a { COLOR: #808080; BORDER: none;}
  #Miolo h3 a:hover { COLOR: #000000;}
  #Miolo h3 em { COLOR: #3c3c3c; FONT-SIZE: small; FONT-WEIGHT: bold;}
  #Miolo h3 em a { COLOR: #3c3c3c;}
  #Miolo select { WIDTH: 200px; COLOR: #808080; FONT-SIZE: xx-small; FLOAT: right; MARGIN: 0; PADDING: 0; DISPLAY: block;}

  #Texto { WIDTH: 490px; DISPLAY: block; PADDING: 20px 0 20px 20px; FONT-SIZE: small;}
  #Texto h1 { COLOR: #73291a; FONT-SIZE: large; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 10px 0; BORDER-BOTTOM: 1px dotted #cfcfcf;}
  #Texto h2 { COLOR: #73291a; FONT-SIZE: small; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 10px 15px; DISPLAY: list-item; LIST-STYLE-IMAGE: url(../imagens/marcador-titulo.gif);}
  #Texto h3 { COLOR: #73291a; FONT-SIZE: small; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; MARGIN: 0 0 10px 0;}
  #Texto h4 { COLOR: #73291a; FONT-SIZE: x-small; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 140%; MARGIN: 0 0 10px 0;}
  #Texto hr { BORDER-TOP: 1px solid #c0c0c0; MARGIN: 5px 0 15px 0; PADDING: 0; HEIGHT: 1px;}
  #Texto p { COLOR: #3c3c3c; FONT-SIZE: small; LINE-HEIGHT: 140%; MARGIN: 0 0 15px 0;}
  #Texto ul { COLOR: #3c3c3c; FONT-SIZE: small; LIST-STYLE-IMAGE: url(../imagens/marcador.gif); MARGIN: 0 0 10px 18px; PADDING: 0;}
  #Texto ol { COLOR: #3c3c3c; FONT-SIZE: small; MARGIN: 0 0 10px 23px; PADDING: 0;}
  #Texto li { COLOR: #3c3c3c; FONT-SIZE: small; MARGIN: 0 0 6px 0;}
  #Texto h1 a, #Texto h2 a, #Texto h3 a, #Texto h4 a, #Texto li a { BORDER: none;}

  #Texto .imagem { FLOAT: right; MARGIN: 0 0 8px 8px; MAX-WIDTH: 480px;}
  #Texto .imagemesquerda { FLOAT: left; MARGIN: 0 0 8px 8px; MAX-WIDTH: 480px;}

  #Texto table { WIDTH: 98%; MARGIN: 10px 0 10px 0; BORDER-COLLAPSE: collapse; BORDER-TOP: 2px solid #006699; BORDER-BOTTOM: 2px solid #006699; BORDER-RIGHT: none;}
  #Texto table tbody { BORDER: none;}
  #Texto table th { COLOR: #000000; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 140%; TEXT-ALIGN: left; PADDING: 2px 5px 2px 5px; BORDER-BOTTOM: 2px solid #006699;}
  #Texto table td { COLOR: #000000; FONT-SIZE: x-small; LINE-HEIGHT: 120%; PADDING: 2px 5px 2px 5px; BORDER-BOTTOM: 1px solid #006699;}
  #Texto table h1 { COLOR: #006699; FONT-SIZE: small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; MARGIN: 0 20px 10px 40px; PADDING: 15px 0 0 10px; BORDER-BOTTOM: 1px dotted #cfcfcf;}
  #Texto table p { FONT-SIZE: x-small; MARGIN: 3px 0 3px 0;}
  #Texto table ul { MARGIN: 5px 0 5px 10px; PADDING: 0;}
  #Texto table li { FONT-SIZE: x-small; MARGIN: 3px 0 3px 0;}
  #Texto table a { BORDER-BOTTOM: none;}

  #Texto .cases td { PADDING: 8px 5px 8px 5px;}
  #Texto .cases td ul { MARGIN: 0 0 0 25px;}

  .thumbs { MARGIN-BOTTOM: 10px; WIDTH: 500px;}
  .thumbs a { BORDER-BOTTOM: none;}

  #Texto .modulos { BORDER: none; BORDER-COLLAPSE: separate; MARGIN: 0 0 4px 0;}
  #Texto .modulos td { COLOR: #000000; FONT-SIZE: x-small; LINE-HEIGHT: 140%; PADDING: 0 5px 0 5px; BORDER: none;}
  #Texto .modulos p { MARGIN: 0 0 2px 0; FONT-SIZE: x-small;}
  #Texto .modulos td ul { MARGIN: 0 0 0 18px;}
  #Texto .modulos td ul li { FONT-SIZE: x-small; MARGIN: 0 0 0 0;}

  #Texto form { MARGIN: 0 0 0 0;}
  #Texto form table { MARGIN: 10px 0 0 0; WIDTH: 470px; BORDER-COLLAPSE: collapse; BORDER: none;}
  #Texto form table th { COLOR: #000000; FONT-SIZE: x-small; LINE-HEIGHT: 140%; TEXT-ALIGN: left; PADDING: 0 4px 0 4px; BORDER: none;}
  #Texto form table td { COLOR: #000000; FONT-SIZE: x-small; LINE-HEIGHT: 140%; PADDING: 0 4px 0 4px; BACKGROUND: none; BORDER: none;}
  #Texto form table h1 { COLOR: #000000; FONT-SIZE: small; FONT-WEIGHT: normal; MARGIN: 0; PADDING: 3px 0 3px 0; BORDER-BOTTOM: 1px solid #FFF0B2;}
  #Texto form table label { COLOR: #000000; FONT-SIZE: x-small; CURSOR: pointer;}
  #Texto form table input { COLOR: #000000; FONT-SIZE: x-small; BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #A5AFC8; WIDTH: 100%;}
  #Texto form table textarea { COLOR: #000000; FONT-SIZE: x-small; BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #A5AFC8; WIDTH: 100%;}
  #Texto form table select { COLOR: #000000; FONT-SIZE: x-small; BACKGROUND-COLOR: #ffffff; BORDER: 1px solid #A5AFC8; WIDTH: 100%; DISPLAY: inline;}
  #Texto form table .radiocheck { BACKGROUND-COLOR: transparent; BORDER: 0px solid #ffffff; WIDTH: 25px; MARGIN: 4px 0 -3px -7px; CURSOR: pointer;}
  #Texto form table .botoes { COLOR: #FFFFFF; FONT-SIZE: xx-small; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; BACKGROUND-COLOR: #006699; BORDER: 1px solid #FFFFFF;}
  #Texto form .obrigatorio { BORDER: 1px solid red; BORDER-LEFT: 3px solid red;}

  #Texto .cartao { WIDTH: 230px; HEIGHT: 110px; OVERFLOW: hidden; BORDER-TOP: 3px solid #cfcfcf; MARGIN: 0 5px 5px 0; PADDING: 5px 0 0 0; FLOAT: left;}
  #Texto .cartao h1 { COLOR: #006699; FONT-SIZE: x-small; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; MARGIN: 0 0 10px 0; BORDER-BOTTOM: 1px solid #cfcfcf;}
  #Texto .cartao p { MARGIN: 0 0 2px 0; FONT-SIZE: xx-small;}

#Zoom { MARGIN: 20px;}
#Zoom p { COLOR: #FFFFFF; FONT-SIZE: small; LINE-HEIGHT: 140%; MARGIN: 5px 0 15px 0; TEXT-ALIGN: center !important;}
#Zoom img { BORDER: 3px solid #ffffff;}
#Zoom menu { COLOR: #ffcc00; FONT-SIZE: x-small; TEXT-TRANSFORM: uppercase; LINE-HEIGHT: 180%; MARGIN: 20px 0 15px 0; TEXT-ALIGN: center !important; DISPLAY: block;}
#Zoom a { COLOR: #ffcc00; TEXT-DECORATION: none; BACKGROUND: #3a3a3a; PADDING: 1px 5px 1px 5px; BORDER: 1px solid #000000;}
#Zoom a:hover { COLOR: #FFFFFF;}
#Zoom a:active { COLOR: #ff3300;}

#Rodape { WIDTH: 100%; HEIGHT: 24px; BACKGROUND: #898d8f url('../imagens/rodape-fundo.jpg') repeat-x top; BORDER-TOP: 1px solid #FFFFFF; CLEAR: both;}
  #Rodape p { COLOR: #FFFFFF; FONT-SIZE: xx-small; LINE-HEIGHT: 140%; MARGIN: 6px 0 0 10px;}
