body,td,th { font: normal 12px Arial, Helvetica, sans-serif; color: #484741; text-align:justify; line-height:20px; }
body {background: #fff url(../img/bg.png) repeat-x; margin:0px; }

#principal { width:980px; text-align:left; margin-left:auto; margin-right:auto; height:auto; }
* html #principal { height:100%; }
#secundario { width:100%; text-align:left; margin-left:auto; margin-right:auto; height:auto; background: url(../img/bg_footer.png) repeat-x; }
* html #secundario { height:119px; }

p { margin:0px; padding:0px;}
img { border:0px;}

a:link, a:visited, a:active {color: #c7030a; text-decoration:none;}
a:hover {color: #F90;}

h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px;}
h1, h2 {font-size: 20px;}
h1 {color: #004c70; border-bottom:1px solid #e9e8de; height:25px; padding-top:10px; font-weight:normal;}
h2 {color: #484741; }
h3 {font-size: 12px; font-weight:normal; }
h4 {font-size: 11px; color: #6fa917; margin-top:10px; }
h5 {font-size: 13px; color: #004c70; font-weight:normal; text-transform:none; }
h6 {font-size: 20px; color: #004c70; font-weight:normal;}

h3 a:link, h3 a:visited, h3 a:active {color: #c7030a; text-decoration:none;}
h3 a:hover {color: #000;}

h4 a:link, h4 a:visited, h4 a:active {color: #6fa917; text-decoration:none; display:block;}
h4 a:hover {color: #000;}

h5 a:link, h5 a:visited, h5 a:active {color: #004c70; text-decoration:none;}
h5 a:hover {color: #000;}

h6 a:link, h6 a:visited, h6 a:active {color: #004c70; text-decoration:none;}
h6 a:hover {color: #000;}

div#popup.popup { display: block; }

#popup {
  position: absolute;
  top: 127px;
  left: 20px;
  width: 443px;
  height: 154px;
  display: none;
  z-index:2000;
}

.popup {
  background-image: none;
  height: 100px;
}


/* VIA
-------------------------------------------------- */
.via {
  display: block;
  width: 25px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .6;
  margin-top: 5px;
  float: right;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.via:hover {opacity: 1;}

.via {background-image: url(http://arquivos.via-i.com.br/via-positivo.svg);}



#nav_esq {float:left; width:130px; border-right:1px solid #CCC;}
#nav_dir {float:left; width:130px; text-align:right;}

/* Popup */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:880px;
  height:427px;
  display:none;
  z-index:9999;
}

#boxes #dialog2 {
  width: 880px;
  height: 427px;
  padding: 10px;
  background-color: white;
}

.destaque {border:1px solid #c0deed; background-color:#d3ebf7; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #d3ebf7), color-stop(0.8, #e3f6ff) ); background: -moz-linear-gradient(center bottom, #d3ebf7 20%, #e3f6ff 80% ); padding: 10px 30px; height: 83px; }
.destaque h1 p { margin-top:5px; }

#dialog2 input { background-color:#40a1c8; padding:5px 10px; color:#fff; font-weight:bold; font-size:12px; border:0;}

.close{display:block; text-align:right;}


/* Cotacao do dolar */
.div, .financierDataKicker { font-weight:bold; color:#09C; font-size:10px; border-bottom: 1px solid #CCC;}
.p {font-weight:bold; color:#666; font-size:11px; border-bottom: 1px solid #CCC;}
.financierDataValues { font-weight:bold; color:#666; font-size:10px; border-bottom: 1px solid #CCC;}
.link {font-size:10px; border-bottom: 1px solid #CCC;}

.valores {font-weight:bold; color:#666; font-size:11px; border-bottom: 1px solid #CCC;}
/* --------------- */

#topo {width:980px; height:134px; margin:0px; padding:0px; border:0px;}
#logo {float:left; border:0px;}
#menu {float:right; height:134px; border:0px; text-align:right;}

#conteudo { width:920px; height:auto; border:0px; padding:20px 30px 30px 30px; background: url(../img/bg_conteudo.png) repeat-x;}
#conteudo #banner { height:251px; border:0px;}
#conteudo #col_esq { float:left; width:365px; margin-top:15px; padding-right:19px; margin-bottom:15px; border: 0px;}
#conteudo #col_dir { float:right; width:497px; margin-top:15px; padding-left:19px; margin-bottom:15px; border: 0px; background: url(../img/linha_vert.png) repeat-y; text-align:justify;}

#icones { float:left;}
#titulos { float:left; padding-top:20px;}
#coluna { float:left; height:auto; text-align:justify; margin-top:20px;}
#coluna_esq {float:left; height:auto; width:280px; margin-top:20px; margin-right:20px; line-height:18px; text-align:left;}

#coluna_form { float:left; width:auto; height:auto; text-align:left; margin:0px 0px 20px 10px; }


#coluna_certificado {width:70px; margin-right:10px; margin-top:20px; float:left;}
#coluna_certificado2 {width:121px; height:40px; margin-right:10px; border-bottom:1px solid #e9e8de; border-right:1px solid #e9e8de; float:left; text-align:left; margin-top:20px; padding-top:15px;}
#coluna_certificado3 {width:690px; height:40px; margin-left:10px; border-bottom:1px solid #e9e8de; float:left; text-align:left; margin-top:20px; padding-top:15px; line-height:18px;}

.divisoria {clear:both;}
.divisoria_fina {clear:both; height:10px;}
.divisoria_alta {clear:both; height:20px;}
.fotos { margin-right:15px; margin-bottom:15px;}
#fotos_popup {float:left; margin-top:20px; margin-left:15px; border: 2px solid #c9daea;}
.fotos_dir { margin-left:15px; margin-bottom:15px;}


.inputbox { width:280px; height:20px; font: 11px Arial, Helvetica, sans-serif; color:#57564e; border-top:1px solid #657b99; border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea; border-right:1px solid #dbdfe6; background-color: #e4eaec; padding:2px 0px 0px 6px;}
.inputbox2 { width:auto; height:20px; font: 11px Arial, Helvetica, sans-serif; color:#57564e; border-top:1px solid #657b99; border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea; border-right:1px solid #dbdfe6; background-color: #e4eaec; padding:2px 0px 0px 6px;}
.inputbox_mensagem { width:auto; font: 11px Arial, Helvetica, sans-serif; color:#57564e; border-top:1px solid #657b99; border-bottom:1px solid #e3e9ef; border-left:1px solid #e2e3ea; border-right:1px solid #dbdfe6; background-color: #e4eaec;padding:2px 0px 0px 6px;}


#footer { clear:both; width:980px; height:155px; margin:auto; font: normal 10px Tahoma, Geneva, sans-serif; color:#8e8877; text-transform:uppercase; }
#footer #col_esq { float:left; width:364px; margin-top:53px; padding-right:19px; margin-bottom:15px; border: 0px; text-align:left;}
#footer #col_dir { float:right; width:496px; margin-top:53px; padding-left:19px; margin-bottom:15px; border: 0px; text-align:right;}
#footer .coluna { float:left; height:auto; text-align:left; }
/* Clear Floated Elements */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }