@charset "utf-8";
/* CSS Document */

/* Fontes */

/* Estilos de Fontes */
.CenturyGothic16 { font-family: "Century Gothic"; font-size: 16px; color: #676767; font-weight: bold; text-align: justify; }
.Verdana14 { font-family: "Verdana"; font-size: 14px; color: #858585; text-align: justify; }

/* Estrutura */
* { margin: 0px; border: 0px; padding: 0px; }
.float_left { float: left; margin: 0 5px 0 0; }
.margintop20px { margin-top: 20px; }
.marginright20px { margin-right: 20px; }
.marginleft20px { margin-left: 20px; }
.lineheight50px { line-height: 50px; }
.lineheight23px { line-height: 23px; }

.saiba_mais { position: relative; width: 110px; height: 34px; font-family: "Century Gothic"; font-size: 14px; color: #FFF; background: #FEBA0B; float: right; margin: 20px 20px 0 0; cursor: pointer; outline: none; }
.saiba_mais:hover { background: #f90; }

.centraliza990 { position: relative; margin: 0 auto 0; width: 990px; height: auto; }

.faixas { position: relative; float: left; background: #007696; width: 990px; height: 99px; line-height: 100px; }
.titulo_faixas { font-family: "Century Gothic"; font-size: 40px; color: #FFF; margin-left: 40px; }

/* Topo */
.topo { position: relative; width: 100%; min-width: 990px; height: 35px; background: #EEEEEE; }
.linguagem { position: relative; margin: 0 5px 0 10px; }
	.espanhol { position: relative; width: 100px; height: 35px; float: left; padding-top: 2px; }
	.telefone_topo1 { position: relative; float: right; width: 173px; height: 22px; margin-top: 6px; border-left: 2px solid #18596D; line-height: 20px; text-align: center; }
	.telefone_topo2 { position: relative; float: right; width: 192px; height: 22px; margin-top: 6px; text-align: center; line-height: 20px; }
	.email_topo { position: relative; float: right; width: 218px; height: 22px; margin-top: 6px; border-right: 2px solid #18596D; text-align: center; line-height: 20px; }
	
	.email_texto_topo { font-family: "Century Gothic"; font-size: 16px; color: #18596C; font-weight: bold; }
	.ddd_topo { font-family: "Century Gothic"; font-size: 18px; color: #18596C; font-weight: bold; }
	.texto_topo { font-family: "Century Gothic"; font-size: 22px; color: #18596C; font-weight: bold; }
	
/* Header */
.fundo_header {  background: url(../imagens/bg.jpg) no-repeat center ; width: 100%; min-width: 990px; height: 380px; }
.fundo_header_paginas {  background: url(../imagens/bg2.jpg) no-repeat center ; width: 100%; min-width: 990px; height: 380px; }
	.logotipo { position: relative; float: left; width: 264px; height: 235px; text-align: center; padding-top: 26px; }
	#banner_rotativo { position: relative; float: left; background: #000; width: 943px; height: 438px; margin: 0 0 0 23px; }

/* Menu */
	.menu { position: relative; float: right; width: 500px; height: 70px; top: 165px; right: 25px; }
		.menu_fundo { position: relative; width: 500px; height: 57px; background: #EEEEEE; margin-top: 7px; }
		.botoes_contato { position: relative; width: 95px; height: 70px; float: left; margin: -7px 2px 0 2px; text-align: center; line-height: 70px; }
		.botoes { position: relative; width: 95px; height: 70px; float: left; margin: -7px 2px 0 2px; text-align: center; line-height: 70px; }
		.botoes::after { position: absolute; content:""; border-right: 1px solid #18596C; height: 10px; width: 0px; right: 0px; top: 30px;}
		
		a.links:link { font-family: "Verdana"; font-size: 12px; color: #18596D; text-decoration: none; display: block; transition: 0.5s; }
		a.links:visited { color: #18596D; transition: 0.5s; }
		a.links:hover { color: #FFF; background: #007696; transition: 0.5s; }
		
.alert { padding: 8px 0 8px 0;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 990px; margin: 0 0 0px 0 ; font-family: 'Century Gothic'; clear:both; }

.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }

.alert-success h4 { color: #468847; }

/* Conteudo */
.conteudo { position: relative; width: 990px; min-height: 320px; height: auto; margin: 0 auto 0; }

/* Footer */
.fundo_footer { position: relative; width: 100%; height: 133px; background: #EFEFEF; clear: both; }
	.contato_footer { position: relative; width: 197px; height: 77px; float: left; margin: 30px 0 0 15px; }
	.endereco_footer { position: relative; width: 430px; height: 100px; margin: 18px 0 0 76px; float: left; text-align: center; }
	.via_brasil_web { position: relative; width: 151px; height: 97px; float: left; margin: 21px 0 0 106px; }
	
	.texto_endereco_footer { font-family: "Tahoma"; font-size: 14px; color: #18596C; font-weight: bold; }
	.texto_footer { font-family: "Tahoma"; font-size: 12px; color: #18596C; }
	
	.redes_sociais { position: relative; width: 430px; height: 33px; margin: 19px 0 0 0; line-height: 30px; }
	
	.compartilhe_footer {
	position: relative;
	float: left;
	width: 200px;
	font-family: "Tahoma";
	font-size: 10px;
	color: #18596C;
	margin: 0 0 0 0;
}
	
	.acompanhe_footer { position: relative; float: right; width: 170px; margin: 0 0 0 10px; }
	.acompanhe_texto_footer { font-family: "Tahoma"; font-size: 10px; color: #18596C; margin: 0 0 0 0; float: left; }
	
/* Home Page */
#empresa_home { position: relative; width: 990px; height: 326px; float: left; margin: 10px 0 0 0; }
.img_empresa { margin: 15px 10px 10px 10px; float: left; }

#servicos_home { position: relative; width: 990px; height: 326px; float: left; margin: 20px 0 20px 0; }
.img_servico { margin: 20px 10px 10px 10px; float: right; }

/* Empresa */
.texto_empresa { font-family: "Century Gothic"; font-size: 14px; color: #000; text-align: justify; margin: 20px 0 0 0; }
.quem_somos { margin: 10px 0 10px 30px; float: right; }

/* Clientes */
.clientes { position: relative; float: left; width: 230px; height: 100px; border: 2px solid #CCCCCC; margin: 3px 13px 10px 0px; text-align: center; transition: 1s; }
.clientes:hover { border: 2px solid #007696 ; transition: 1s; }

/* Contato */
#contato_fones {
	position: relative;
	float: left;
	width: 180px;
	padding-left: 15px;
	height: 72px;
}
#endereco_contato {
	position: relative;
	float: left;
	width: 790px;
	height: 72px;
	text-align: right !important;
}
#contato_email {
	position: relative;
	float: left;
	width: 360px;
	height: 72px;
	text-align: right;
	padding-right: 20px;
}
.titulo_contato { font-family: "Century Gothic"; font-size: 16px; color: #676767; font-weight: bold; }
.texto_contato { font-family: "Verdana"; font-size: 14px; color: #858585; }

.formulario_contato { position: relative; width: 425px; padding-left: 20px; height: 350px; float: left; margin-top: 20px; }

.titulo_pg_contato { font-family: "Century Gothic"; font-size: 15px; color: #007696; font-weight: bold; line-height: 30px; }
.texto_pg_contato { font-family: "Century Gothic"; font-size: 12px; color: #616161; }

.form_pg_contato { width: 370px; padding-left: 20px; height: 40px; border: 2px solid #F1F1F1; text-decoration: none; outline: none; font-family: "Century Gothic"; font-size: 12px; }

.form_pg_contatomsg { width: 480px; max-width: 480px; height: 220px; max-height: 225px; padding-top: 5px; padding-left: 20px; padding-right: 20px; border: 2px solid #F1F1F1; text-decoration: none; outline: none; font-family: "Century Gothic"; font-size: 12px; }

.botao_contato { width: 190px; height: 30px; font-family: "Century Gothic"; font-size: 12px; color: #FFF; margin: 12px 10px 0 0; cursor: pointer; background: #007696; }
.botao_contato:hover { background: #0097C0; }

.preenchimento_obrigatorio { font-family: "Century Gothic"; font-size: 13px; color: #007696; }

/* Serviços */
.titulo_servicos { font-family: "Century Gothic"; font-size: 18px; color: #000; font-weight: bold; }

.link_servicos:link { font-family: "Century Gothic"; font-size: 14px; color: #007696; text-decoration: none; }
.link_servicos:visited { color: #007696; }
.link_servicos:hover { color: #D90000; }

.capacitacao { position: relative; width: 140px; height: 190px; padding-top: 10px; border: 1px solid #CCC; margin: 5px; float: left; text-align: center; font-family: "Century Gothic"; font-size: 18px; color: #000; text-align: center; }
.texto_servicos { font-family: "Century Gothic"; font-size: 14px; color: #000; text-align: justify; padding-top: 15px; clear: both; }

.amplia_foto { font-family: "Century Gothic"; font-size: 12px; color: #000; }