﻿@charset "UTF-8";  /*------------------------------------*\
	CONTENTS
\*------------------------------------*/ /*
	MAIN
	FONT
	SHARED
	FORMS
	LIST
	ARTICLES
	TABLES
	FOOTER
	WHITESHADOWBOX
	SCROLLERS
	CONTINUOS
	LINKS
	IMAGES
*/ /*------------------------------------*\
	=MAIN
\*------------------------------------*/
html {
	font: .8125em/ 1.3846 arial, sans-serif; /* 14px */
	color: #888;
	background: #ebebeb;
	height: 100%;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

body {
	min-height: 100%;
	overflow-x: hidden;
	position: relative;
}

.wrapper {
	margin: 0 auto;
	width: 900px;
}

.header {
	background: url(../img/hgradient.jpg) repeat-x top #fff;
	padding-top: 18px;
	height: 260px;
}

.hwrap {
	position: relative;
}

.hwrap:before {
	width: 1070px;
	height: 165px;
	left: -230px;
}

.hwrap:after {
	width: 246px;
	height: 193px;
	right: -20px;
}

#logo {
	position: absolute;
	left: -10px;
	top: 35px;
}

.mainnav {
	position: absolute;
	top: 190px;
	text-align: justify;
	width: 900px;
}

.text {
	padding-bottom: 20em;
}

.hwrap:after {
	background-image: url(../img/home/flores.png);
}

.audiojs { margin: 15px 0px 20px; }

/*
	HOME
----------*/
.home .righthl {
	margin-top: -245px;
	vertical-align: bottom;
}

.home .righthl .whiteshadowbox {
	border-bottom-width: 0;
	min-height: 370px;
	height: 410px;
}

.home .righthl .whiteshadowbox:after {
	display: none;
}

.homehl {
	background: url(../img/home/bgdestprod.png) no-repeat 240px top;
	/*height: 225px;*/
	height: 233px;
}

.home .homelgray {
	padding: 30px 0;
}

.home .hwrap:before {
	background-image: url(../img/home/header.png);
}

.home .glrcnt {
	padding-top: 3em;
}

/*
	CONHECA
----------*/
.conheca .hwrap:before {
	background-image: url(../img/conheca/header.png);
}

/*
	RESPONSABILIDADE
----------*/
.responsabilidade .hwrap:before {
	background-image: url(../img/responsabilidade/header.png);
}

/*
	ANGOLA
----------*/
.angola .hwrap:before {
	background-image: url(../img/angola/header.png);
}

/*
	ONDE ESTAMOS
----------*/
.onde .hwrap:before {
	background-image: url(../img/onde/header.png);
}

#gmap {
	border: 5px solid #fff;
	margin-top: 20px;
}

/*
	CLIENTES
----------*/
.clientes .hwrap:before {
	background-image: url(../img/clientes/header.png);
}

.clientesempresas .hwrap:before {
	background-image: url(../img/clientes/header_empresas_v2.png);
}

.clientesempresas  .hwrap:after {
	background-image: url(../img/clientes/linhas_empresas.png);
	background-repeat: no-repeat;
	/*right: -60px;
	top: -20px;*/
	top: 0px;
	right: -150px;
	width: 100%;
	height: 190px;
}

/*
	NOTICIAS
----------*/
.noticias .hwrap:before {
	background-image: url(../img/noticias/header.png);
}

/*
	FALE COM BPC
----------*/
.falebpc .hwrap:before {
	background-image: url(../img/reclamacoes/header.png);
}

/*
	SPLASH PAGE
*/
.splash {
	vertical-align: middle;
	text-align: center;
	background-color: #D2D2D2;
	background-image: url(../img/bg_splash.png);
	background-repeat: repeat-x;
}

.splash .logo {
	position: absolute;
	top: 289px;
	left: 50%;
	margin-left: -265px;
	width: 530px;
}

.splash .logo img {
	display: inline-block;
}

.splash .logo h1 {
	width: auto;
	font-size: 20px;
	display: inline-block;
	height: 24px;
	border-left: 1px dashed #666666;
	position: relative;
	top: -169px;
	left: 30px;
	padding-left: 30px;
	padding-top: 65px;
}

.splash a:link,.splash a:visited {
	color: #666;
}

.splash a:hover {
	color: #3BA1D1;
}

.splash a:active {
	color: #666;
}

.splash a:after:not(.imLogo) {
	content: ' ››';
	color: #1777AF;
	font-weight: bold;
}

/* Divisores no centro */
.centerdiv>*,.gendiv>* {
	display: inline-block;
	vertical-align: top;
}

.centerdiv .leftquarter {
	/*width: 68%;*/
	width: 67%;
	padding-right: 2%;
}

.centerdiv .rightquarter {
	width: 32%;
/*	float: right;*/
}

.gendiv .rightquarter {
/*	width: 68%;*/
	width: 67%;
	padding-left: 2%;
/*
	float: right;
    padding-left: 3%;
    width: 68%; */
}

.gendiv .leftquarter {
	width: 32%;
	position: relative;
	z-index: 2;
}

/* outras paginas */
.hgroup {
	padding: 1.5em 0 2em;
}

.hgroup>* {
	margin-top: 0
}

.hgroup>h2 {
	margin-top: 10px;
	line-height: 1.2
}

/*------------------------------------*\
	=FONT
\*------------------------------------*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-size: 100%;
	font-weight: normal;
}

a {
	text-decoration: none;
}

p,.thecontent ul,.subdnav,.hgroup p {
	margin-top: 1.3846em;
}

p a {
	transition: background 0s;
}

p a:hover {
	border-bottom: 1px solid #3ba1d1;
	color: #3ba1d1;
}

p a:active {
	color: #1777AF;
}

/* Open Sans */
h1,h2,h3,.h1,.h2,.h3,.mainnav a,.scrollnavigationhome a,.pics143 {
	font-family: 'Open Sans', sans-serif;
}

.homehl h1 {
	font-size: 2em; /* 38px */
	line-height: 1;
	margin-top: .4737em;
}

h1,.h1,.scrollnavigationhome a {
	font-size: 2.3077em; /* 30px */
	line-height: 1.3636;
	margin-top: .6818em;
}

h2,.h2,.thecontent .items h4 {
	font-size: 1.6923em; /* 20px */
	line-height: 1.8; /* 36px */
	margin-top: .9em;
}

h3,.h3 {
	font-size: 1.2308em; /* 16px */
	line-height: 1.125;
	margin-top: 1.125em;
}

h4,.h4 {
	font-size: 1.0769em; /* 14px */
	line-height: 1.2857;
	margin-top: 1.2857em;
}

.homehl p {
	font-size: .9231em; /* 12px */
	line-height: 1.5;
	margin-top: 1.5em;
}

.smallerarticle p,.smallupper,#copy {
	font-size: .8462em; /* 11px */
	line-height: 1.6364;
	margin-top: 1.6364em;
}

.mainnav {
	font-size: 1.2308em; /* 16px */
}

.subdnav>li>a,.pics143 a,.links a {
	font-size: 1.0769em; /* 14px */
}

.piclist .funcao {
	font-size: .9231em; /* 12px */
}

input[type=submit],.subdnav ul a,.eventdate {
	font-size: .8462em; /* 11px */
}

.smallupper,input[type=submit],.nltrform a {
	text-transform: uppercase;
}

/*------------------------------------*\
	=SHARED
\*------------------------------------*/ /* Pseudo Absolute */
.hwrap:before,.hwrap:after,.mainnav li:before,.whiteshadowbox:before,.whiteshadowbox:after,.arrows:before,#copy li:before,.continuos:before,.continuos:after
	{
	content: '';
	display: block;
	position: absolute;
}

.smallerarticle h4,.subdnav>li>a,h3,.thecontent h4,.links a {
	font-weight: bold;
}

/* blue */
.blue,a,h1,.mainhead,.mainnav a:hover,.mainnav .sel a,#copy ul a:hover,.subdnav a:hover,.subdnav .sel>a,.subdnav li li:before,.bluebullet,.links li a:hover
	{
	color: #3ba1d1;
}

/* darker blue */
#copy li:before {
	color: #1777AF;
}

/* gray */
.gray,a:hover,.mainnav a,#copy ul a,.nltrform input[type=submit],.subdnav a
	{
	color: #a2a2a2;
}

/* lighter gray */
.scrollnavigationhome a {
	color: #bebebe;
}

/* darker gray */
label,#copy p,.nltrform a,.links a{
	color: #666;
}

/* green */
.green,h3 {
	color: #78a80f;
}

/* type color */
.pics143 a {
	color: #888
}

.subdnav li li:before,.bluebullet:before {
	content: '›';
	font-family: 'Open Sans';
	font-size: 1.1em;
	margin-right: .2em
}

/* textshadows */
.text p {
	/*text-shadow: 1px 1px #fff;*/
	text-align: justify;
}

.mainnav a {
	text-shadow: 1px 1px #eee;
        white-space: nowrap;
}

/* inline-block */
.rowed>* {
	display: inline-block;
}

/*
	TRANSITIONS
----------*/ /* color */
a {
	transition: color .3s ease-in-out, background .3s ease-in-out;
}

/*------------------------------------*\
	=FORMS
\*------------------------------------*/
label {
	cursor: pointer;
}

input[type=text] {
	padding: .2em .5em .3em;
	font-size: .9231em;
}

input[type=submit] {
	background: transparent;
	cursor: pointer;
	overflow: visible
}

.infieldlabel {
	cursor: text;
	position: absolute;
	margin: .1em 0 0 .3em;
}

.text input,.text textarea {
	background: #fff;
}

.text input[type=text] {
	border: 1px solid #c8c8c8;
}

.nltrform input {
	vertical-align: middle;
}

.nltrform input[type=text] {
	background: #b5b5b5;
	width: 40%;
	border-right: 3px solid #1a1a1a;
}

.nltrform input[type=submit] {
	background: #504c4d;
	padding: 3px 0 2px;
	width: 20%;
}

.gmapselectr {
	width: 15em;
}

.frmgrandes input {
	width: 250px;
}

.frmgrandes textarea {
	width: 250px;
	background: #ffffff;
	border: 1px solid #c8c8c8;
}

.enviar {
	width: 250px;
	text-align: right;
	margin-top: 15px;
}

.enviar button {
	background: none;
	border: none;
	color: #666666;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 12px;
}

.enviar button:after {
	content: ' ››';
	color: #1777AF;
	font-weight: bold;
	font-size: 14px;
}

/*------------------------------------*\
	=LIST
\*------------------------------------*/
.thecontent  li {
	list-style: disc inside;
	margin-bottom: .4em;
}

.rowed>* {
	vertical-align: top;
}

.mainnav:after {
	content: '';
	display: inline-block;
	width: 100%;
}

.mainnav li {
	position: relative;
}

.mainnav li:before {
/*	width: 1px;
	height: 20px;
	background: #3ba1d1;
	top: 2px;
	left: -15px; */
}

.mainnav li:first-child:before {
	width: 0
}

.pagination>* {
	display: inline-block;
	float: left;
	font-size: .8462em;
	font-weight: bold;
	background: #fff;
	padding: .2em .6em .2em .5em;
	margin: 0 3px 0 0;
}

.floatingCustom a:hover,.floatingCustom strong,.pagination a:hover,.pagination .sel
	{
	background: #3ba1d1;
	color: #fff;
}

.floatingCustom {
	float: right
}

.floatingCustom>* {
	display: inline-block;
	float: left;
	font-size: .8462em;
	font-weight: bold;
	background: #808080;
	color: #c4c4c4;
	padding: .2em .6em .2em .5em;
	margin: 0 3px 0 0;
}

.subdnav>li:hover>ul,.subdnav .sel>ul {
	display: block !important;
	margin-bottom: 1em;
	max-height: 500px;
	height: auto !important;
}

.subdnav>li>a {
	border-top: 1px dashed #ddd;
	display: block;
	padding: .5em 0
}

.subdnav>li:last-child>a {
	border-bottom: 1px dashed #ddd;
}

.subdnav li ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s ease, margin-bottom 1s ease;
}

.pics130 li,.pics143 li,.pics265 li,.pics75 li {
	vertical-align: bottom;
}

.pics130 li {
	margin: 0 7px 2em 0;
	width: 138px;
}

.pics143 li {
	margin: 0 60px 2em 0;
	width: 152px;
	float: left;	
}

.pics265 li {
	margin: 0 40px 2em 0;
	width: 265px;
}

.pics75 li {
	margin: 0 23px 23px 0;
	width: 75px;
}

.pics265 li a {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #C8C8C8;
	padding: 5px;
	display: inline-block;
	font-weight: bold;
}

.pics265 li a img {
	background: none;
	border: 0;
	padding: 0;
}

.pics130 p,.pics143 p {
	margin: .3em 0
}

.pics130>img {
	width: 130px;
	height: 130px;
}

.pics143 img {
	max-width: 143px;
}

.pics143 p img {
	border: none;
	background: transparent;
	padding: 0;
}

.links li {
	margin-bottom: 1em;
	display: block;
}

.links a {
	position: relative;
}

.links a:after {
	content: '+';
	display: block;
	background: #3ba1d1;
	position: absolute;
	right: -2.3em;
	bottom: 0;
	height: 8px;
	width: 15px;
	padding: 0 1px 7px 0;
	color: #fff;
	font-weight: normal;
	border-radius: 50%;
	line-height: 1;
	text-align: center;
}

.no-borderradius .links a:after {
	background: transparent;
	color: #1777AF;
}

/*------------------------------------*\
	=SCROLLERS
\*------------------------------------*/
.highscroller,.glrscrl,.eventosscroll {
	position: relative;
}

.highscroller li,.glrscrl .scrollcontents li {
	display: block;
}

.highscroller .scrollcontents,.highscroller img {
	width: 900px;
	height: 330px;
}

.glrscrl .scrollcontents {
/*	height: 285px;*/
	height: auto;
	width: 592px;
}

.home .glrscrl img {
	width: 580px;
	height: 270px;
}

.glrscrl .pagination {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100%;
	z-index: 1;
}

.thecontent .glrscrl {
	background: #fff;
	margin-top: 1.3846em
}

.thecontent .items {
	margin-top: 0;
}

.thecontent .glrscrl .scrollcontents {
	width: 570px;
}

.thecontent .glrscrl .items li {
	padding: 5px;
	width: 560px;
}

.thecontent .glrscrl li h4 {
	margin-top: 0
}

.borderradius .scrollnavigationhome a {
	font-size: 3em;
	line-height: 1;
	display: block;
	position: absolute;
	top: 125px;
	border: 1px solid #bebebe;
	border-radius: 50%;
	padding: 0 .5em .2em .4em;
	z-index: 1;
}

.borderradius .scrollnavigationhome a:hover {
	background: #e4e4e4;
}

.borderradius .scrollnavigationhome .prev {
	left: -65px;
}

.borderradius .scrollnavigationhome .next {
	right: -65px;
}

.no-borderradius .scrollnavigationhome a {
	display: block;
	position: absolute;
	top: 145px;
	width: 41px;
	height: 41px;
	text-indent: -999em;
}

.no-borderradius .scrollnavigationhome .prev {
	background: url(../img/scrollprev.png) top;
	left: -65px;
}

.no-borderradius .scrollnavigationhome .prev:hover {
	background-position: bottom;
}

.no-borderradius .scrollnavigationhome .next {
	background: url(../img/scrollnext.png) top;
	right: -65px;
}

.no-borderradius .scrollnavigationhome .next:hover {
	background-position: bottom;
}

/* JS Added */
.scrollable {
	position: relative;
	overflow: hidden;
}

.scrollable .items {
	width: 10000em;
	position: absolute;
}

.scrollable .items>* {
	float: left;
}

/*------------------------------------*\
	=ARTICLES
\*------------------------------------*/ /*
	LATEST NEWS
----------*/
.smallerarticle {
	margin-bottom: 1.3846em;
	padding-bottom: 1.3846em;
	border-bottom: 1px dashed #ebebeb;
}

.smallerarticle h4 {
	margin-top: .5em;
}

.smallerarticle p {
	margin-top: .5em
}

/*
EVENTOS
*/
.box272 {
	width: 272px;
	border-top: 1px dashed #C8C8C8;
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}

.box272 img {
	float: right;
	margin-top: 1.2857em;
}

.box272 h4 {
	font-weight: normal;
	font-size: 0.9em;
	font-family: arial, sans-serif;
}

.box272 h3 {
	margin-top: 0.1em;
	color: #666666;
	font-family: arial, sans-serif;
}

/*------------------------------------*\
	=TABLES
\*------------------------------------*/
.cambio {
	width: 100%;
	border: 1px solid #c8c8c8;
	border-top: none;
}

.cambio thead {
	font-size: 11px;
	background: #3ba1d1;
	color: #fff
}

.cambio tbody {
	font-size: 11px;
	background: #dfdfdf;
	color: #666;
}

.cambio tbody tr:nth-child(odd) {
	background: #cdcdcd;
}

.cambio thead * {
	vertical-align: middle
}

.cambio tr * {
	padding: .2em .6em;
	text-align: right
}

.cambio tr *:first-child {
	text-align: left;
}

.cambio caption {
	background: #fff;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	color: #3ba1d1;
	padding: .2em .5em;
	border: 1px solid #c8c8c8;
	border-bottom: 0
}

/*------------------------------------*\
	=FOOTER
\*------------------------------------*/
#footer {
	position: absolute;
	bottom: 0;
	padding-top: 4.5em;
	width: 100%
}

#copy {
	padding: 40px 0;
	margin: 0
}

#copy,#copy:before,#copy:after {
	border: none;
	top: 0;
}

#copy p {
	margin: 0
}

#copy li {
	display: inline;
	position: relative;
	margin-left: 10px
}

#copy li:before {
	content: '|';
	left: -8px;
	top: -3px
}

#copy li:first-child:before {
	content: ''
}

#foottoolbox {
	margin-top: -8.2em
}

.nltrform {
	border: 1px solid #c8c8c8;
	border-width: 1px 1px 0 1px;
	height: 8.3em;
}

.nltrform h4 {
	background: #fff;
	margin: 0;
	padding: .2em .5em .1em;
}

.nltrform .theform {
	padding: .5em 2em;
	position: relative;
}

.nltrform ul {
	position: absolute;
	top: -1.9em;
	left: 14em;
}

.nltrform li {
	display: inline;
}

.nltrform a {
	font-size: .8462em;
	float: left;
	padding: .5em .8em;
}

.nltrform a:hover,.nltrform a.sel {
	background: #1a1a1a;
}

/*------------------------------------*\
	=WHITESHADOWBOX
\*------------------------------------*/
.whiteshadowbox {
	background: #fff;
	padding: 20px;
	position: relative;
	z-index: 2;
	border: 1px solid #c8c8c8;
}

.whiteshadowbox:before,.whiteshadowbox:after {
	background: rgba(200, 200, 200, .4);
	right: -6px;
}

.whiteshadowbox:before {
	width: 6px;
	top: 6px;
	bottom: 0;
}

.whiteshadowbox:after {
	height: 6px;
	bottom: -6px;
	width: 100%;
}

.whiteshadowbox>h2 {
	margin-top: 0
}

/*------------------------------------*\
	=CONTINUOS
\*------------------------------------*/
.continuos {
	position: relative;
	z-index: 1;
}

.continuos:before,.continuos:after {
	height: 100%;
	width: 200%;
	top: -1px
}

.continuos:before {
	left: -200%;
}

.continuos:after {
	right: -200%;
}

.continuos,.continuos:before,.continuos:after {
	border-top: 1px solid #c8c8c8;
}

.lightgray,.continuos.lightgray:before,.continuos.lightgray:after {
	background: #ebebeb;
}

.darkergray,.continuos.darkergray:before,.continuos.darkergray:after {
	background: #dadada;
}

.darkgray,.continuos.darkgray:before,.continuos.darkgray:after {
	background: #1a1a1a;
}

.white,.continuos.white:before,.continuos.white:after {
	background: #fff;
}

.white,.continuos.white:before,.continuos.white:after,.continuos.gendiv,.continuos.gendiv:before,.continuos.gendiv:after
	{
	border: none;
	top: 0
}

/*------------------------------------*\
	=LINKS
\*------------------------------------*/
.arrows {
	position: relative;
	display: block;
}


/*------------------------------------*\
	=IMAGES
\*------------------------------------*/
.text img {
	padding: 5px;
	background: #fff;
	border: 1px solid #c8c8c8;
}

/*.cambio img,#gmap img,.nostand img,.noticias .glrscrl img {*/
.cambio img,#gmap img,.nostand img /*,.glrscrl img */{
	background: transparent;
	padding: 0;
	border: none;
}

.fnlist img {
	margin-bottom: 5px
}

.nostand img {
	background: transparent;
	margin-bottom: 20px
}

.scrollcontents img {
	display: block;
}

img.static-image {
	float: right;
	margin-top: 20px;
	margin-left: 5px;
}

.produto-video {
	margin-top: 15px;
}

.leftbanners {
	margin-top: 35px;
}

.leftbanners a {
	margin-top: 5px;
}

a.banneresq {
	margin-top: 30px;
	display: block;
}

.eventoscroll img {
	display: block;
}


#error{
	display: none;	
}
.c_erro{
	display: block !important;
	margin-top: 0px;
}

.smallerarticle h3.head4{
	margin-top: 0.5em;
	font-weight: bold;
	font-size: 1.0769em;
    line-height: 1.2857;
}

.smallerarticle h3.head4 a{
	color: #3BA1D1;
	text-decoration: none;
}

.liRight{
	margin-right: 0px !important;
}

h2.map_h4{
	font-weight: bold;
	font-size: 1.0769em;
    line-height: 1.2857;
    margin-top: 1.2857em;
}

h2.map_h3{
	color: #78A80F;
	font-weight: bold;
	font-size: 1.2308em;
    line-height: 1.125;
    margin-top: 1.125em;
    font-family: 'Open Sans',sans-serif;
}

h2.ph1{
	color: #3BA1D1;
    font-size: 2.3077em;
    line-height: 1.3636;
	font-weight: normal;
	font-family: 'Open Sans',sans-serif;
	margin-top: 0px;
}
h1.ph2{
	color: #888888;
	line-height: 1.2;
    margin-top: 10px;
    font-size: 1.6923em;
    font-family: 'Open Sans',sans-serif;
    font-weight: normal;
}

.box272 a.not{
	color: #666666;
    font-family: arial,sans-serif;
    margin-top: 0.1em;
    font-weight: bold;
    font-size: 1.2308em;
    line-height: 1.125;
}

#botscrlpag.nt a{
	display: none;
} 


.frmgrandes .radio input{
	width: 20px;
}

#botscrll.nt ul li img{
	/*height: auto;
	width: 555px;*/
	border: 0;
	float: left;
}

div.box272{
	cursor: pointer;
}

textarea {
    resize: none;
}

#homescrollable .items li{
	display: none;
}
/*
#prods .items li{
	display: none;
}
*/

.glrscrl.nt2{
	float: left;
}

input.data{
	width: 110px;
}

.coluna{
	width: 50%;
	float: left;
}

input[type=checkbox]{
	float: left;
    margin-top: 3px;
}

span.lbl{
	width: 75px;
	float: left; 
}

span.lbl.b{
	width: 200px;
}
.leftquarter.homehl p{
	color: #696969;
}
.barra_idioma{
	margin: 0 auto; width: 920px; position: relative; top: -17px;
}
.barra_idioma a, .barra_idioma span{
	float: right; margin-left: 10px;
}

.barra_idioma a.select{
color: #ffffff;
}


.publicidade{
padding-bottom: 3em;
}

#logos-pub .lp{
	display: none;
}

#logos-pub .lp:first-child{
	display:block;
}

#logos-pub{
	width: 901px; 
	height: 52px; 
	background-color: #FFFFFF; 
	border: 1px solid #cacaca;
	float: left;	
}

#logos-pub a{
	float: left;
	border: none;
	background: transparent;
	height: 31px;
	margin-top: 11px;	
	cursor: pointer;
}

#logos-pub a img{
	padding: 0px;
	border: none;
	background: transparent;
}