@charset "utf-8";

/* DEFINIÇÕES GERAIS (RESET) */

*{ margin: 0; padding: 0; }

body{ width: 100%; height: auto; background: #90B5C0 url(../img/body_bg.jpg) no-repeat center top; font: 12px Arial, Helvetica, sans-serif; color: #333; }

ul{	list-style: none; }

img{ border: none; }
img a{ border: none; }

form, fieldset{ display: block;	border: none; }

h1{	font-size: 24px; font-weight: bolder; }
h2{	font-size: 20px; font-weight: bolder; }
h3{	font-size: 16px; font-weight: bolder; }
h4{	font-size: 14px; font-weight: bolder; }

header, aside, footer, nav, section, hgroup{ display: block; }


/* Pack of useful classes
------------------------------------*/
.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.block{ display: block; }
.first{ margin: 0; }
.margin_auto{ display: block; margin: 0 auto; }
.border_red{ border: solid 1px red; }


/* Custom margins
Additional margin can be created as well
----------------------------------------*/
.margin_top10px{ margin: 10px 0 0 0; }
.margin_top15px{ margin: 15px 0 0 0; }



/* clearfix
----------------------------------------*/
.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide these rules from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */

@font-face {
    font-family: 'Museo300';
    src: url('museo300-regular-webfont.eot');
    src: url('museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('museo300-regular-webfont.woff') format('woff'),
         url('museo300-regular-webfont.ttf') format('truetype'),
         url('museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* geral
--------------------------------------*/
#geral{ width: 100%; height: auto; display: inline-block; padding: 0 0 15px 0 !important; background: url(../img/geral_bg.png);  }



/* topo 
--------------*/
#topo{ width: 100%; height: auto; display: block; position: relative; z-index: 99; }
#topo_interno{ width: 940px; height: 148px; display: block; margin: 0 auto; }

#faixa_topo{ height: 2px; background: #fff; position: absolute; top: 0; left:0; display: block; width: 100%; }

#logo{ display: block; margin: 0; float: left; position: relative; z-index: 90; }



/* keywords */
#engloba_faixa_keywords{ width: 100%; height: auto; position: absolute; top:0; left:0;}
#faixa_keywords{ width: 940px; margin: 0 auto; display: block; }
#faixa_keywords_interna{ width: 678px; padding: 10px 2px 5px 2px; display: block; font: 11px Arial, Helvetica, sans-serif; color: #fff; float: right; text-align: right; }

#faixa_keywords_interna h1, h2, h3, h4, h5, h6{ display: inline; font: 11px Arial, Helvetica, sans-serif; color: #fff; }
#faixa_keywords_interna a{ font: 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#faixa_keywords_interna a:hover{ text-decoration: underline; }


/* faixa contato 
-----------------*/
#faixa_contato{ font: 12px 'Museo300', arial, sans-serif; color: #8E1718; background: #fff; display: block; position: absolute; top: 85px; right: 0; width: ; }
#faixa_contato a{ padding: 10px; font: 12px 'Museo300', arial, sans-serif; color: #8E1718; text-decoration: none; display: inline-block; } 
#faixa_contato a:hover{ text-decoration: none; color: #fff; background: #8E1718; }

.largura_contato1024{ width: 118px; }
.largura_contato1280{ width: 250px; }
.largura_contato1360{ width: 284px; }
.largura_contato1440{ width: 324px; }
.largura_contato1600{ width: 405px; }
.largura_contato1680{ width: 445px; }
.largura_contato1920{ width: 565px; }



/* idioma */
a#aba_idioma{ position: absolute; right: 0; bottom: 0; padding: 5px; background: #8E1718; font: 11px Verdana, Geneva, sans-serif; color: #fff; text-decoration: none; }
a#aba_idioma:hover{ background: #9F292A; color: #fff; text-decoration: none; }
a#aba_idioma span{ display: none; width: 150px; padding: 5px; position: absolute; top:0; right: 25px; background: #fff; color: #8E1718;}


/* menu
--------------*/
#menu{ position: absolute; right: 0; top: 45px; background: #8E1718; padding: 0 0 0 20px; width: ; z-index: 99; }
#menu ul li{ float: left; font: 13px 'Museo300', arial, sans-serif; color: #fff; }
#menu ul li.divisor{ margin: 10px; color: #C82C2D; }

#menu ul li a{ font: 13px 'Museo300', arial, sans-serif; color: #fff; text-decoration: none; display: inline-block; padding: 10px; }
#menu ul li a:hover{ text-decoration: none; color: #8E1718; background: #fefefe !important; }
#menu .submenu { position: relative; }

#menu .submenu nav{ position: absolute; top: 33px; left: -20px; display: none; background: #fff; width: 620px; height: auto; padding: 10px; border: solid 4px #8E1718; border-top: none; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
#menu .submenu nav ul{ display: block; float: left; margin: 0 0 0 15px; width: 300px; }
#menu .submenu nav ul li{ font: 18px 'Museo300', Arial, Helvetica, sans-serif; color: #646666; float: none; display: block; }
#menu .submenu nav ul li a{ font: 18px 'Museo300', Arial, Helvetica, sans-serif; color: #646666; text-decoration: none; padding: 5px; }
#menu .submenu nav ul li a:hover{  text-decoration: none; background: #8E1718 !important; color: #fff; }

.largura_menu1024{ width: 690px; }
.largura_menu1280{ width: 823px; }
.largura_menu1360{ width: 855px; }
.largura_menu1440{ width: 895px; }
.largura_menu1600{ width: 975px; }
.largura_menu1680{ width: 1010px; }
.largura_menu1920{ width: 1130px; }


/* conteúdo introdutório ao topo
-----------------------------------*/
#intro_content{ margin: 0 auto; width: 940px; height: auto; display: block; }
#chamada_empresa{ display: block; margin: 55px 0 0 50px; width: 400px; line-height: 2.8em !important;  }



/* conteudo
--------------------------------------*/
#conteudo_principal{ width: 940px; height: auto; padding: 60px 0 0 0; margin: 0 auto; display: block; position: relative; z-index: 50;   }

#balao{ position: absolute; top: -200px; right: 0; display: block; width: 400px; height: 340px; }

#esquerda{ float: left; width: 464px; display: block; padding: 30px 0 0 0;  }
#direita{ float: right; width: 436px; display: block; padding: 90px 0 0 0; }

/* caixa tradução 
----------------*/
#traducao_livre{ float: left; width: 464px; padding: 0; height: auto;}
#traducao_livre .cx_traducao{ float: left; width: 454px; padding: 5px; background: url(../img/bg_branco_50.png);}
#traducao_livre section{ display: block; margin: 0 auto; background: url(../img/bg_branco_60.png); padding: 18px; line-height: 1.4em; }
#traducao_livre section p{ line-height: 1.7em; }
.cx_traducao a{ text-decoration: none; color: #fff;}
.cx_traducao a:hover{ text-decoration: none; color: #f00 !important;}


/* caixa linguas 
-----------------*/
#linguas_nativas{ float: left; background: url(../img/bg_branco_50.png); display: block; padding: 10px 15px; width: 395px; margin: 25px 0 0 0; }
#linguas_nativas p{ word-spacing: 12px; line-height: 2.2em; }
#linguas_nativas p span{ font: 16px 'Museo300', arial, sans-serif; color: #446B76; }


/* busca 
-------------*/
#form_busca{ display: block; width: 400px; height: auto; float: right; background: url(../img/bg_branco_50.png); }
#form_busca #input_busca{ float: left; width: 330px; border: none; font: 18px 'Museo300', arial, sans-serif; color: #7AA6B3; padding: 10px; background: none; }
#form_busca .submit{ float: right; background: #fff; padding: 6px; text-align: center; font: 18px 'Museo300', arial, sans-serif; color: #898989; margin: 4px 4px 0 0; }
#form_busca .submit:hover{ background: #8E1718; color: #FFF; cursor: pointer;}


/* caixa empresa tradução 
------------------------*/
#empresa_traducao{ float: right; width: 436px; padding: 0; height: auto; margin: 25px 0 0 0;  }
#empresa_traducao .cx_traducao{ float: right; width: 426px; padding: 5px; background: url(../img/bg_branco_50.png);}
#empresa_traducao article{ display: block; margin: 0 auto; background: url(../img/bg_branco_90.png); padding: 18px; line-height: 1.4em; }
#empresa_traducao article p{ line-height: 1.7em; }


/* faixa traduções 
----------------------*/
#faixa_traducoes{ width: 100%; height: auto; background: url(../img/bg_azul_40.png);  display: block; position: relative; top: 25px !important; clear: both;  }
#faixa_traducoes_interna{ width: 920px; height: 135px; padding: 10px; display: block; margin: 0 auto;  }
#faixa_traducoes section{ float: left; display: block; margin: 0 0 0 12px; width: 290px;}
#faixa_traducoes .ultima_section{ float: left; display: block; margin: 0 0 0 12px; width: 300px;}

#faixa_traducoes section a.titulo{ font: 30px 'Museo300', arial, sans-serif; text-decoration: none;  }
#faixa_traducoes section a.titulo:hover{ text-decoration: underline;  }

#faixa_traducoes section a.titulo_1{color: #C0D6DB;}
#faixa_traducoes section a.titulo_2{color: #D7E4E7;}
#faixa_traducoes section a.titulo_3{color: #E7EDEE;}
#faixa_traducoes section p{ line-height: 1.5em !important; font: 11px Verdana, Geneva, sans-serif; color: #fff;}



/* conteudo secundário 
-----------------------------*/
#conteudo_secundario{ width: 940px; height: auto; margin: 55px auto 0 auto; display: block; clear: both;  }


/* caixa tradução juramentada
-------------------------------*/
#traducao_juramentada{ float: left; width: 464px; padding: 0; height: auto;}
#traducao_juramentada .cx_traducao{ float: left; width: 454px; padding: 5px; background: url(../img/bg_branco_50.png);}
#traducao_juramentada section{ display: block; margin: 0 auto; background: #fff; padding: 18px; line-height: 1.4em; }
#traducao_juramentada section p{ line-height: 1.7em; }


/* caixa tradução cidadanias
----------------------------*/
#traducao_cidadanias{ float: right; width: 360px; padding: 15px 15px 10px 15px; background: url(../img/bg_branco_50.png);}
#traducao_cidadanias article{  }
#traducao_cidadanias article p{ line-height: 1.7em; }

#traducao_cidadanias a.bt{ text-decoration: none; width: auto; height: auto; display: block; padding: 7px; font: 11px Verdana, Geneva, sans-serif; color: #fff; margin: 7px 0; }
#traducao_cidadanias a.bt:hover{ text-decoration: none; background: #8E1718; color: #fff; }

#traducao_cidadanias a.bt_azul_forte{ background: #597C87; }
#traducao_cidadanias a.bt_azul_medio{ background: #6E9EAC; }
#traducao_cidadanias a.bt_azul_leve{ background: #9CBEC8; }

/* caixa texto 
-----------------*/
#cx_texto{ width: 395px; height: auto; display: block; padding: 20px; float: left; margin: 28px 0 0 0; background: url(../img/bg_branco_50.png); }
#cx_texto p{ font: 11px Verdana, Geneva, sans-serif; color: #393C3D; line-height: 1.5em !important;}


/* caixa contato
-------------------------------*/
#art_contato{ float: right; width: 447px; padding: 0; height: auto; margin: 30px 0 0 0;}
#art_contato .cx_contato{ float: left; width: 437px; padding: 5px; background: url(../img/bg_branco_50.png);}
#art_contato section{ display: block; margin: 0 auto; background: #fff; padding: 12px; line-height: 1.4em; }
#art_contato .dados{ float: right; width: 230px; line-height: 1.7em; }

#art_contato a.titulo{ float: left; width: 150px; padding: 13px 0 0 0; }
#art_contato .cx_contato a{ font: 14px 'Museo300', Arial, Helvetica, sans-serif; color: #646666; text-decoration: none; }
#art_contato .cx_contato a:hover{ text-decoration: none; color: #8E1718; }


/* rodape
---------------------------------------*/
#rodape{ width: 100%; height: auto; display: block; clear: both; margin: 30px 0 0 0; float: left;}
#rodape_interno{ width: ; background: url(../img/bg_azul_60.png); display: block; height: 120px; }

#conteudo_rodape{ float: right; width: 950px; position: relative; }
#conteudo_rodape ul:first-child{ padding: 16px 0 0 0;}
#conteudo_rodape ul{ display: inline-block; padding: 1px 0; *padding: 3px 0; clear: both; width: 900px; }
#conteudo_rodape ul li{ font: 11px Arial, Helvetica, sans-serif; color: #fff; float: left; margin: 0 0 0 10px; }
#conteudo_rodape ul li a{ font: 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#conteudo_rodape ul li a:hover{ text-decoration: underline; }

#logo_rodape{ position: absolute; right: 0; top: 18px;}


.largura_rodape1024{ width: 974px; }
.largura_rodape1280{ width: 1100px; }
.largura_rodape1360{ width: 1140px; }
.largura_rodape1440{ width: 1180px; }
.largura_rodape1600{ width: 1260px; }
.largura_rodape1680{ width: 1300px; }
.largura_rodape1920{ width: 1420px; }


/* tipos */
.font_museo{ font-family: 'Museo300', arial, sans-serif; }
.font_verdana{ font-family: Verdana, Geneva, sans-serif; }
.font_arial{ font-family: Arial, Helvetica, sans-serif; }

.font_11px{ font-size: 11px; }
.font_12px{ font-size: 12px; }
.font_14px{ font-size: 14px; }
.font_16px{ font-size: 16px; }
.font_18px{ font-size: 18px; }
.font_20px{ font-size: 20px; }
.font_24px{ font-size: 24px; }
.font_30px{ font-size: 30px; }

.font_branca{ color: #fff; }
.font_vermelha{ color: #8E1718; }
.font_azul{ color: #446B76; }
.font_cinza{ color: #646666; }
.font_cinza_escuro{ color: #303333; }
.font_azul_escuro{ color: #303333 !important;}


/* links */
a.link_caixa_azul{ padding: 4px 8px; display: inline-block; text-decoration: none; background: #94B7C1; font: 10px Arial, Helvetica, sans-serif; color: #fff; }
a.link_caixa_azul:hover{ text-decoration: none; background: #8E1718;}