@charset "utf-8";

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

*{ margin: 0; padding: 0; }

html{ overflow-y: scroll; }

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: local('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: 120px; 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: 10px 0 0 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 'Museo 300', arial, sans-serif; color: #8E1718; background: #fff; display: block; position: absolute; top: 85px; right: 0; width: ; }
#faixa_contato a{ padding: 10px; font: 12px 'Museo 300', arial, sans-serif; color: #8E1718; text-decoration: none; display: inline-block; } 
#faixa_contato a:hover{ text-decoration: none; color: #fff; background: #8E1718; }

/* larguras faixa contato */
.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; }


/* 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; }


/* larguras menu */
.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: 20px 0 0 50px; width: 400px; line-height: 2.8em !important;  }


/* conteudo
--------------------------------------*/
#conteudo_principal{ width: 940px; height: auto; padding: 20px 0 0 0; margin: 0 auto; display: block; position: relative; z-index: 50;  }
#balao{ position: absolute; top: -130px; right: 0; display: block; width: 272px; height: 250px; text-align: center; z-index: 50;  }


/* esquerda 
--------------*/
#esquerda{ float: left; width: 640px; height: auto; display: block; }
#esquerda .cx_branca{ width: 640px; height: auto; }
#esquerda .cx_branca .cx_interna{ float: left; width: 630px; padding: 5px; background: url(../img/bg_branco_50.png); position: relative; }
#esquerda .cx_branca .cx_interna section{ display: block; margin: 0 auto; background: #fff; padding: 18px; line-height: 1.4em; }
#esquerda .cx_branca .cx_interna section p{ line-height: 1.7em; }

/* clientes */
#esquerda .cx_clientes{ width: 640px; height: 330px; display: inline-block; clear: left; background: none; margin: 20px 0 0 0; position: relative;}

#esquerda .cx_clientes span{ /*display: inline-block; padding: 10px; background: url(../img/bg_branco_50.png); font: 18px 'museo 300', Arial, Helvetica, sans-serif; color: #446B76; position: absolute;*/ }

#esquerda .cx_clientes ul{ display: block; float: left; clear: both; position: relative; border: solid 1px transparent; height: 50px; margin: 20px 0 0 0; }
#esquerda .cx_clientes ul li{ display: inline-block; padding: 15px; background: url(../img/bg_branco_50.png); font: 18px 'museo 300', Arial, Helvetica, sans-serif; color: #446B76; position: absolute; text-align: center; }


/* contato */
#esquerda .cx_contato{ width: 640px; height: 270px; display: inline-block; clear: left; background: none; margin: 20px 0 0 0; position: relative; }

#esquerda .cx_contato .cx_email{ display: block; width: 335px; height: auto; padding: 15px; background: url(../img/bg_branco_50.png); position: absolute; top: 25px; left: 20px; }
#esquerda .cx_contato .cx_telefone{ display: block; width: 170px; height: auto; padding: 15px; background: url(../img/bg_branco_60.png); position: absolute; top: 60px; right: 20px; }
#esquerda .cx_contato .cx_endereco{ display: block; width: 450px; height: auto; padding: 15px; background: url(../img/bg_branco_70.png); position: absolute; top: 160px; left: 20px; }
#esquerda .cx_contato .cx_endereco .end_contato{ display: block; margin: 7px 0 0 0; }

.lista_trad_tecnica{ float: left; width: 138px; height: auto; margin: 0 0 0 12px; display: block; }
.lista_trad_tecnica li{ display: block; padding: 6px; font: 11px Verdana, Geneva, sans-serif; color: #2B454D; }
.lista_trad_tecnica li:hover{ background: #8E1718; color: #fff; }

/*.margin_top_5px{ margin-top: 5px; }
.margin_top_10px{ margin-top: 10px; }
.margin_top_15px{ margin-top: 15px; }
.margin_top_20px{ margin-top: 20px; }
.margin_top_25px{ margin-top: 25px; }
.margin_top_30px{ margin-top: 30px; }
.margin_top_35px{ margin-top: 35px; }
.margin_top_40px{ margin-top: 40px; }
.margin_top_45px{ margin-top: 45px; }
.margin_top_50px{ margin-top: 50px; }
.margin_top_55px{ margin-top: 55px; }
.margin_top_60px{ margin-top: 60px; }
.margin_top_65px{ margin-top: 65px; }
.margin_top_70px{ margin-top: 70px; }

.margin_left_5px{ margin-left: 5px; }
.margin_left_10px{ margin-left: 10px; }
.margin_left_15px{ margin-left: 15px; }
.margin_left_20px{ margin-left: 20px; }
.margin_left_25px{ margin-left: 25px; }
.margin_left_30px{ margin-left: 30px; }
.margin_left_35px{ margin-left: 35px; }
.margin_left_40px{ margin-left: 40px; }
.margin_left_45px{ margin-left: 45px; }
.margin_left_50px{ margin-left: 50px; }
.margin_left_55px{ margin-left: 55px; }
.margin_left_60px{ margin-left: 60px; }
.margin_left_65px{ margin-left: 65px; }
.margin_left_70px{ margin-left: 70px; }*/


#breadcrumbs { font: 11px Arial, Helvetica, sans-serif; color: #fff; display: inline-block; float: right; margin: 10px 0 0 0; clear: ; }

#breadcrumbs span{ padding: 5px 10px; display: inline-block; }
#breadcrumbs span:hover{background: #81A3AD !important;  }

#breadcrumbs a{ font: 11px Arial, Helvetica, sans-serif; color: #fff; padding: 5px 10px; display: inline-block; text-decoration: none; }
#breadcrumbs a:hover{ text-decoration: none; }

#breadcrumbs .azul_claro{ background: #A5C8D2; }
#breadcrumbs .azul_medio{ background: #94B7C1; }
#breadcrumbs .azul_escuro{ background: #81A3AD; }

#breadcrumbs .azul_claro:hover, #breadcrumbs .azul_medio:hover, #breadcrumbs .azul_escuro:hover{ background: #8E1718; }

/* text size */
#text_size_config{ position: absolute; top: 15px; right: 15px; display: block; padding: 3px 8px; background: #A9C0C7; color: #fff; word-spacing: 5px !important; }
#text_size_config .a_pequeno, #text_size_config .a_grande{ font: 12px Arial, Helvetica, sans-serif; color: #fff; cursor: pointer; }


/* direita
---------------*/
#direita{ float: right; width: 272px; display: block; padding: 90px 0 0 0; position: relative; z-index: 100; }


/* busca 
-------------*/
#form_busca_lateral{ display: inline-block; width: 272px; height: auto; background: url(../img/bg_branco_50.png); }
#form_busca_lateral #input_busca{ float: left; width: 210px; border: none; font: 12px 'Museo 300', arial, sans-serif; color: #7AA6B3; padding: 12px 8px 10px 10px; background: none; display: inline-block; }
#form_busca_lateral .submit{ float: right; background: #fff; padding: 5px; text-align: center; font: 16px 'Museo 300', arial, sans-serif; color: #898989; margin: 4px 4px 0 0; }
#form_busca_lateral .submit:hover{ background: #8E1718; color: #FFF; cursor: pointer;}



/* caixa linguas 
---------------------*/
#cx_linguas{ width: 242px; z-index: 100; height: auto; background: url(../img/bg_branco_50.png); display: block; padding: 10px 15px; text-align: left; margin: 20px 0 0 0; }

#cx_linguas p{ line-height: 1.5em; display: block; }
#cx_linguas span{ display: inline; padding: 2px 0; }
#cx_linguas .linguas{ display: block; margin: -20px 0 0 0; }


/* caixa branca 
-------------------*/
#direita .cx_branca{ width: 272px; height: auto; display: block; margin: 20px 0 0 0; }
#direita .cx_branca .cx_interna{ float: right; width: 262px; padding: 5px; background: url(../img/bg_branco_50.png); position: relative; }
#direita .cx_branca section{ display: block; margin: 0 auto; background: #fff; padding: 10px 18px; line-height: 1.4em; }
#direita .cx_branca section p{ line-height: 1.7em; display: block; padding: 10px 0 0 0;  }

body.contato #direita .cx_branca section{ display: block; margin: 0 auto; background: url(../img/bg_branco_60.png); padding: 10px 18px; line-height: 1.4em; }

#direita a.link_titulo{ text-decoration: none; line-height: 1.7em !important; }

#lista_traducoes li{ display: block;}
#lista_traducoes li a{ display: block; padding: 10px; font: 14px 'Museo 300', arial, sans-serif; color: #646666; text-decoration: none; }
#lista_traducoes li a:hover{ text-decoration: none; background: #8E1718; color: #fff; }
.zebra{ background: #f5f5f5; }



/* 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; width: 900px; padding: 1px 0; *padding: 3px 0; clear: both; }
#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: 'Museo 300', 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_22px{ font-size: 22px; }
.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: #393C3D; }
.font_azul_escuro{ color: #2B454D !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;}