/*Tipografia Básica*/
* { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; border:none; text-decoration:none; }

/*html, body { height:100%; overflow: hidden }*/
html, body { min-height: 100%; height: auto !important;  height: 100%; }

body { font-size:11px; color:#66758B }

a{ text-decoration: none; }
a:link{ text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }

table {border-collapse:collapse;}
thead th { font-size: 11px; font-weight: bold; text-align: left }
tbody th,td { text-align: left }

h2 { font-size: 11px; font-weight: bold; color:#1E4D86; text-transform:uppercase; }
h3 { font-size: 11px; font-weight: bold; color:#1E4D86; text-transform:uppercase; }
h4 { font-size: 12px; font-weight: bold; color:#1E4D86; text-transform:uppercase; }
p { color:#66758B; text-align:left }
ul { list-style:none; }

form { padding: 0; margin: 0; display: inline; }
 
/*Layout*/
@media screen {#principal{ height:100%; width:auto; position:relative; }}

/*Conteudo*/
#conteudo { margin:0 auto; height:593px; width: auto; background-color:#004E98; }

/*Copy Right*/
#copy-right { height:90px; width:auto; background-color:#002F65; text-align:center!important; }
#copy-right a { top:15px; position:relative; padding:0 8px; border-right:2px solid #FFFFFF; text-align:center!important; }
#copy-right a { font-size:10px; font-weight:bold; color:#FFFFFF;  }
#copy-right a { height:auto !important; float:none !important }
#copy-right a.sac { border:0 }
#copy-right p { top:25px; position:relative; text-align:center }
#copy-right p { color:#FFFFFF }

/*Topo*/
#topo { margin:0 auto; width:775px; background: url(../img/topo.jpg) no-repeat left; height:151px; }

/*Corpo*/
#corpo { margin:0 auto; width:775px; height:auto; }

/*Menu Principal*/
#menu-principal { width:195px; height: 350px; float:left; }
#menu-principal img { float: left; }
#menu-principal ul { width:100%; list-style:none; background-color:#E8EFF2; float:left }
#menu-principal ul li { padding-left:20px; height:24px; line-height:24px; border-bottom:2px solid #ADBFCF; color:#66758B; font-family: "Trebuchet Ms", Helvetica, Arial, Tahoma, Verdana, Sans-Serif!important; font-weight:bold; text-transform:uppercase; }
#menu-principal ul li a { color:#66758B; text-decoration:none!important; }
#menu-principal ul li a:hover { text-decoration: underline!important; }
#menu-principal ul li.sem-borda { border:0 }
#menu-principal #seguranca { top:-47px; position: relative; width:185px; float:left  }
#menu-principal #seguranca fieldset { width:185px; float:left }
#menu-principal #seguranca fieldset label { width:35px; margin:1px; padding-left:10px; font-size:11px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; float:left }
#menu-principal #seguranca fieldset input { width:100px; margin:1px; font-size:11px; float:left }
#menu-principal #seguranca fieldset input.botao { width:25px; background-color:#C7DBE2; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center; text-transform:uppercase; float:left }
#menu-principal table { width:195px; height:200px; background-color:#0B3E7D;  float:left }
#menu-principal table td { font-size:11px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; }
#menu-principal table td.mapa { background: url(../img/area_restrita.jpg) no-repeat left; }
#menu-principal table input { width:100px;  font-size:11px; }
#menu-principal table input.botao { width:25px; background-color:#C7DBE2; font-size: 11px; font-weight: bold; color: #FFFFFF; text-align: center; text-transform:uppercase; }

/*Area Institucional*/
#area-institucional { width:580px; height: auto; border-bottom: 21px solid #FFCB17; background-color:#FFFFFF; float:left }

/*Home*/
#home { width:560px; height:420px; float:right  }
#home h4 { font-size: 13px; padding:15px 0 10px 15px; }
#home p  { padding-left:15px; }
#home table { margin-top:15px; width:96%; }
#home table td { width:33%; }

/*Marcador*/
#marcador { padding-left:15px; float:left }
#marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#marcador h4 { font-size: 12px; top:5px; position:relative; padding-left: 10px; float:left }
#marcador img { margin:5px 0 ; float: left; }
#marcador a { top:-15px; padding-left:77px; position:relative; color:#1E4D86; float:left }
#marcador p { top:-10px; position:relative; padding:0; float:left }

/*Empresa*/
#empresa { width:390px; height:420px;  padding-left:15px; float:left  }
#empresa #marcador { float:left }
#empresa #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#empresa #marcador h4 { font-size: 12px; top:21px; position:relative; padding-left: 10px; float:left }
#empresa #marcador img { margin:5px 0 ; float: left; }
#empresa #marcador a { top:-15px; padding-left:77px; position:relative; color:#1E4D86; float:left }
#empresa #marcador p { top:-10px; position:relative; padding:0; float:left }
#empresa h4 { font-size: 13px; padding:15px 0 5px 15px; }
#empresa h3 { font-size: 12px; padding:0 0 10px 15px; text-transform: none; }
#empresa p  { padding-left:15px; float:left }

/*Menu Empresa*/
#menu-empresa { width:160px; padding-right:10px; float: right }
#menu-empresa #marcador { padding-left:5px; float:left }
#menu-empresa #marcador #coluna { width:25px; height:40px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#menu-empresa #marcador h4 { font-size: 12px; top:17px; position:relative; padding-left: 10px; float:left }
#menu-empresa #marcador img { margin:5px 0 ; float: left; }
#menu-empresa #marcador a { top:-15px; padding-left:77px; position:relative; color:#1E4D86; float:left }
#menu-empresa #marcador p { top:-10px; position:relative; padding:0; float:left }
#menu-empresa ul { padding-top:10px; padding-bottom:10px; width:100%; list-style:none; float:left }
#menu-empresa ul li { padding-left:25px; height:17px; line-height:17px; color:#1E4D86; font-weight:bold; text-transform:none;  }
#menu-empresa ul li a { padding:5px!important; top:auto!important; height:auto !important; float:none !important; }
#menu-empresa ul li a { color:#1E4D86!important; text-decoration:none!important; }
#menu-empresa ul li a:hover {  background-color:#FFCB17; }

/*Produto e Serviço*/
#produto { width:390px; height:420px;  padding-left:15px; float:left  }
#produto #marcador { float:left }
#produto #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#produto #marcador h4 { font-size: 12px; top:21px; position:relative; padding-left: 10px; float:left }
#produto #marcador img { margin:5px 0 ; float: left; }
#produto #marcador a { top:-15px; padding-left:77px; position:relative; color:#1E4D86; float:left }
#produto #marcador p { top:-10px; position:relative; padding:0; float:left }
#produto h4 { font-size: 13px; padding:15px 0 5px 15px; }
#produto h3 { font-size: 12px; padding:0 0 10px 15px; text-transform: none; }
#produto p  { padding-left:15px; float:left }

/*Menu Produto e Serviço*/
#menu-produto { width:170px; float: right }
#menu-produto #marcador { padding-left:5px; float:left }
#menu-produto #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#menu-produto #marcador h4 { font-size: 11px; top:9px; position:relative; padding-left: 10px; float:left }
#menu-produto ul { padding-top:10px; padding-bottom:10px; width:100%; list-style:none; float:left }
#menu-produto ul li { padding-left:25px; height:20px; line-height:20px; color:#1E4D86; font-weight:bold; text-transform:none;  }
#menu-produto ul li a { padding:5px!important; top:auto!important; height:auto !important; float:none !important; }
#menu-produto ul li a { color:#1E4D86; text-decoration:none!important; }
#menu-produto ul li a:hover {  background-color:#FFCB17; }
#menu-produto #download { margin-left:5px; width:165px; height:290px; background-color:#E8EFF2; float: left }
#menu-produto #download #marcador { padding:0; float:left }
#menu-produto #download #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#menu-produto #download #marcador h4 { font-size: 12px; top:36px; position:relative; padding-left: 10px; float:left }
#menu-produto #download #marcador img { margin:20px 0 0 5px; float: left; }
#menu-produto #download ul { padding-top:10px; padding-bottom:10px; width:100%; list-style:none; float:left }
#menu-produto #download ul li { padding-left:25px; font-weight:bold; text-transform:none;  }
#menu-produto #download ul li a { padding:5px!important; top:auto!important; height:auto !important; float:none !important; }
#menu-produto #download ul li a { color:#1E4D86; }
#menu-produto #download ul li a:hover { background-color:#FFCB17; text-decoration: none!important; }
#menu-produto #download ul li.separador { height:20px }

/*Base*/
#base { width:400px; height:420px;  padding-left:15px; float:left  }
#base #marcador { float:left }
#base #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#base #marcador h4 { font-size: 12px; top:25px; position:relative; padding-left: 10px; float:left }
#base #marcador h2 { top:-13px; position:relative; padding-left: 34px; text-transform: none; float:left }
#base #marcador img { margin:5px 0 ; float: left; }
#base #marcador a { top:-15px; padding-left:77px; position:relative; color:#1E4D86; float:left }
#base #marcador p { top:-10px; position:relative; padding:0; float:left }
#base p  { padding-left:15px; float:left }
#base strong { font-weight:bold }

/*Galeria Base*/
#galeria-base { width:165px; height:420px; background-color:#E8EFF2; float: right }
#galeria-base #marcador { padding:0; float:left }
#galeria-base #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#galeria-base #marcador h4 { font-size: 12px; top:36px; position:relative; padding-left: 10px; float:left }

#galeria-base table { margin-top:15px; margin-right:26px; width:108px; float:right }
#galeria-base table td { padding:3px; width:36px; }
#galeria-base table td img { margin: 0 auto; }

/*Rede*/
#rede { width:390px; height:420px; padding-left:15px; float:left  }
#rede #marcador { float:left }
#rede #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#rede #marcador h4 { font-size: 12px; top:6px; position:relative; padding-left: 10px; float:left }
#rede #marcador img { margin:5px 0 ; float: left; }
#rede #marcador a { top:-15px; padding-left:77px; position:relative; color:#1E4D86; float:left }
#rede #marcador p { top:-10px; position:relative; padding:0; float:left }
#rede h4 { font-size: 13px; padding:15px 0 5px 15px; }
#rede h3 { font-size: 12px; padding-left:15px; text-transform: none; }
#rede p  { padding-left:15px; float:left }
#rede strong { font-weight:bold; }
#rede table tr td { padding-left:15px; float:left }
#rede img { top:3px; position:relative; padding-right:25px; border:0; float:right }

/*Galeria Rede*/
#menu-rede { width:165px; height:255px; float: right }
#menu-rede #marcador { padding:0; float:left }
#menu-rede #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#menu-rede #marcador h4 { font-size: 12px; top:21px; position:relative; padding-left: 10px; float:left }
#menu-rede #marcador img { margin-top:10px; float: left; }

/*Galeria Rede*/
#galeria-rede { width:165px; height:165px; background-color:#E8EFF2; float: right }
#galeria-rede #marcador { padding:0; float:left }
#galeria-rede #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#galeria-rede #marcador h4 { font-size: 12px; top:35px; position:relative; padding-left: 10px; float:left }
#galeria-rede table { margin-top:7px; margin-right:26px; width:108px; float:right }
#galeria-rede table td { padding:3px; width:36px; }
#galeria-rede table td img { margin: 0 auto; }

/*Institucional*/
#institucional { width:390px; height:420px;  padding-left:15px; float:left  }
#institucional #marcador { float:left }
#institucional #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#institucional #marcador h4 { font-size: 12px; top:10px; position:relative; padding-left: 8px; float:left }
#institucional #marcador h2 { top:-13px; position:relative; padding-left: 34px; text-transform: none; float:left }
#institucional h4 { font-size: 13px; padding:15px 0 5px 15px; }
#institucional h3 { font-size: 12px; padding:0 0 10px 15px; text-transform: none; }
#institucional p  { padding-left:15px; float:left }


#menu-institucional { width:160px; height:255px; padding-right:10px; float: right }
#menu-institucional #marcador { padding-left:5px; float:left }
#menu-institucional #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#menu-institucional #marcador h4 { font-size: 12px; top:21px; position:relative; padding-left: 10px; float:left }
#menu-institucional #marcador img { margin:5px 0 ; float: left; }
#menu-institucional #marcador a { top:-15px; padding-left:77px; position:relative; color:#1E4D86; float:left }
#menu-institucional #marcador p { top:-10px; position:relative; padding:0; float:left }
#menu-institucional ul { padding-top:10px; padding-bottom:28px; width:100%; list-style:none; float:left }
#menu-institucional ul li { padding-left:25px; height:20px; line-height:20px; font-weight:bold; text-transform:none;  }
#menu-institucional ul li a { padding:5px!important; top:auto!important; height:auto !important; float:none !important; }
#menu-institucional ul li a { color:#1E4D86; text-decoration:none!important; }
#menu-institucional ul li a:hover {  background-color:#FFCB17; }

/*Contato*/
#contato { width:400px; height:420px;  padding-left:15px; float:left  }
#contato #marcador { float:left }
#contato #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#contato #marcador h4 { font-size: 12px; top:21px; position:relative; padding-left: 10px; float:left }
#contato h4 { font-size: 13px; padding:15px 0 5px 15px; }
#contato p  { padding-left:15px; float:left }
#contato fieldset { padding-left:15px; width:240px; float:left }
#contato fieldset.forma-contato { padding-left:15px; width:120px; float:left }
#contato fieldset.forma-contato label { font-weight: normal; float:left }
#contato fieldset.forma-contato input { width: auto; background:none; border:0; float:left }
#contato fieldset label { margin:1px; font-weight: normal; float:left }
#contato fieldset input { width:240px; background-color:#E8EFF2; font-size:11px; float:left }
#contato fieldset select { font-size:11px; background-color:#E8EFF2; float:left }
#contato fieldset textarea { margin-top:5px; width:240px; height:100px; background-color:#E8EFF2; text-align:left; font-size:11px; float:left }
#contato fieldset input.botao-enviar { margin-top:5px; width:55px; background-color:#E8EFF2; font-size: 11px; font-weight: bold; color:#66758B; text-align: center; float: right }


/*Endereco*/
#endereco { width:165px; height:420px; background-color:#E8EFF2; float: right }
#endereco #marcador { padding:0; float:left }
#endereco #marcador #coluna { width:25px; height:44px; background-color:#FFCB17; border-bottom:6px solid #F09B1C; float:left   }
#endereco #marcador h4 { font-size: 12px; top:36px; position:relative; padding-left: 10px; float:left }
#endereco ul { padding-top:15px; padding-bottom:5px; width:100%; list-style:none; float:left }
#endereco ul li { padding-left:25px; height:15px; line-height:15px; font-weight:bold; text-transform:none;  }
#endereco ul li { font-size:11px; font-weight: normal; color:#1E4D86; }

/*Aviso*/
#aviso { margin:5px 0 5px 15px; width:355px; height:20px; line-height:20px; background-color:#E8EFF2;  float:left }
#aviso { text-align:center; font-weight:bold; color:#F09B1C; text-transform:uppercase; display:none }