/** 
	* @name stylesite.css
	* @desc CSS StyleSheet
	* @version v2.0 - Brasília, 26 de Setembro de 2016
	* @author Thiago Borges
	* @category CSS
	* @package EPL S.A. - INTRANET
*/ 
 
/* ========================== Fontes ============================= */
/* =============================================================== */

@font-face {font-family: "PT Sans Bold"; src: url("/html/css/fonts/PTS75F.ttf") format("truetype");}
@font-face {font-family: "PT Sans Regular"; src: url("/html/css/fonts/PTS55F.ttf") format("truetype");}
@font-face {font-family: "Bitter Regular"; src: url("/html/css/fonts/Bitter-Regular.otf") format("truetype");}
@font-face {font-family: "Bitter Bold"; src: url("/html/css/fonts/Bitter-Bold.otf") format("truetype");}
@font-face {font-family: "Open Sans Regular"; src: url("/html/css/fonts/OpenSans-Regular.ttf") format("truetype");}
@font-face {font-family: "Open Sans Bold"; src: url("/html/css/fonts/OpenSans-Bold.ttf") format("truetype");}

/* ========================== Body ============================= */
/* ============================================================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {
	font-family: "Aeial"; margin: 0; padding: 0; border: 0; outline: 0; font-size:15px; line-height:1.3;
	width:100%; margin:0px; padding:0px; color:#777777;
}

html{height:100%; width:100%;}

form{margin:0; padding:0;}
	
a {color: #085e09; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover {color: #999999; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}

img {border:0; padding:0; margin:0;}

p {padding-bottom:10px; margin:0;}

/* tables still need 'cellspacing="0"' in the markup */
.clear {clear: both;}
br.clear {margin: 0px; padding: 0px;}


/* ===================== Backgrounds para as áreas ======================== */
/* ======================================================================== */

/* === Background para a área Cinza === */

.bg-cor {
	position: relative; width: 100%; background: #f1f1f1 !important; overflow: hidden; padding-bottom: 120px; padding-top: 100px;
}

.bg-cor .container {position: relative;}
.bg-cor .container .row {position: relative;}

/* === Background para a área Sem cor === */

.bg-semcor {
	position: relative; width: 100%; background: #ffffff !important; overflow: hidden; padding-bottom: 120px; padding-top: 100px;
}

.bg-semcor .container {position: relative;}
.bg-semcor .container .row {position: relative;}


/* ===================== Backgrounds do Portal ======================== */
/* ==================================================================== */

#containerTopo{
	position:absolute; top: 0; left: 0; width:100%; margin:0; padding:0;
	z-index: 3 !important;
}

#containerTopo .container{position:relative;}


/* ===================== Barra de Acessibilidade ======================== */
/* ====================================================================== */

.barra-acessibilidade { position: relative; width: 100%; display: table; padding: 0; margin: 0; border-bottom: 1px rgba(255, 255, 255, 0.5) solid;}

.barra-acessibilidade .menor-992 {display: none !important;}

.ac {position:relative; width:100%; margin:0;  display:table; padding: 0; list-style: none;}
.ac ul {margin: 0 auto; padding: 0; width: auto; display:table; list-style: none; position:relative;}
.ac ul li {position: relative; float: left; width: auto; display:table; padding:0; margin:0 7px; text-decoration:none;}
.ac ul li.first {margin:0 7px 0 0 !important;}
.ac ul li.last {margin:0 0 0 7px !important;}
.ac ul li a {
	position: relative; width: 100%; line-height: 30px; padding:7px 0; margin:0; color:#ffffff !important;
	display:block; text-decoration:none;
}
.ac ul li a span {
	padding:2px 6px; background:#ffffff; border: 1px #ffffff solid; color:#777777; font-size: 12px;
	width: 20px !important; height: 20px !important; line-height: 20px !important; text-align: center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.ac ul li a:hover span {
	background:#ffffff; color:#777777; border: 1px #cccccc solid;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.ac.usabilidade ul {float: left;}
.ac.menu-acessivel ul {float: right; padding: 0;}
.ac.rede-sociais ul {float: right; padding: 0;}

.ac.rede-sociais ul li a {color:#149c4c;}
.ac.rede-sociais ul li a i {
	position: relative; padding:0; margin:0; color:#ffffff; width: auto !important; height: 30px; line-height: 30px;
	display:block; text-decoration:none;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.ac.rede-sociais ul li a:hover i {
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

@media (max-width: 992px)
{
	.barra-acessibilidade {border-bottom: none !important;}
	.ac.menu-acessivel { display: none !important;}

	.barra-acessibilidade .menor-992 {
		position:relative; width:auto; float:left; margin:0; padding:17px 0 15px 0 !important; display:table !important;
	}
	.barra-acessibilidade .menor-992 a img { width: 160px !important;}


	.ac.rede-sociais {float: right; padding: 24px 0 0 0 !important; border-left: none !important;}
	.ac.rede-sociais ul li { margin:0 5px !important;}
	.ac.rede-sociais ul li a i { font-size: 26px !important;}
	.ac.rede-sociais ul li a:hover i {
		-webkit-transform:scale(1.25);
		-moz-transform:scale(1.25);
		-ms-transform:scale(1.25);
		-o-transform:scale(1.25);
		transform:scale(1.25);
		-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear; transition: all 0.2s linear;
	}
}


/* ===================== Logo EPL ======================== */
/* ======================================================= */

#containerTopo .container h1 {
	background: url(/html/skin/pl_greenbonds/imagens/logo-green.png) no-repeat left center;
	position:relative; width:100%; float:left; margin:0; padding:0 0 0 80px; display:table; line-height: 1;
	color: #ffffff; text-align: left !important; text-decoration: none; line-height: 66px; 
}
#containerTopo .container h1 a {
	position:relative; width:100%; margin:0 !important; padding: 0 !important; display:block; line-height: 1;
	color: #ffffff; text-align: left !important; text-decoration: none;
}
#containerTopo .container h1 img {position:relative; margin:0; padding:0; display:table;}

@media (max-width: 1320px)
{
	#containerTopo .container h1 {float:none !important; margin:0 auto !important;}
	#containerTopo .container h1 img { width: 180px;}
}

@media (max-width: 768px)
{
	#containerTopo .container .maior-992 {display: none !important;}
}


/* ===================== Telefone e E-mail ======================== */
/* ================================================================ */

#servicos-prince {
	position:relative; float:right; width:auto; display:table; margin:0; padding:0; z-index:15;
}
#servicos-prince ul {float:right; position:relative; width:auto; margin:0; padding:0; display:table; list-style:none;}
#servicos-prince ul li {
	position:relative; float:left; width: auto; margin:0 25px; padding:0; list-style:none; text-align:center;
	height: 114px;
}
#servicos-prince ul li:first-child {margin:0 25px 0 0;}
#servicos-prince ul li:last-child {margin:0 0 0 25px;}

#servicos-prince ul li span {
	position: relative; float: right; top: 50%; padding:0 0 0 15px; margin:0; color: #ffffff !important;
	line-height: 1.4 !important; text-align: left !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#servicos-prince ul li i {
	position: relative; top: 50%; float: left; margin:0; padding:0; height:46px; width:46px; line-height:46px;
	background:#ffffff; color:#dac32b !important; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#servicos-prince ul li:hover i {
	background:#ffffff; color:#dac32b !important;
	-webkit-transform:scale(1.25) translateY(-40%);
	-moz-transform:scale(1.25) translateY(-40%);
	-ms-transform:scale(1.25) translateY(-40%);
	-o-transform:scale(1.25) translateY(-40%);
	transform:scale(1.25) translateY(-40%);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

@media (max-width: 1210px)
{
	#servicos-prince {margin:0 0 0 0 !important;}
	#servicos-prince ul li {margin:0 10px;}
	#servicos-prince ul li:first-child {margin:0 10px 0 0;}
	#servicos-prince ul li:last-child {margin:0 0 0 10px;}
	#servicos-prince ul li a span {font-size: 13px; padding:6px 0 0 7px;}
	#servicos-prince ul li i {display: none !important;}
}

@media (max-width: 992px)
{
	#servicos-prince {display: none !important;}
}


/* ===================== Barra de Menu, Logo do Portal e Busca ======================== */
/* ==================================================================================== */

#container_menu_horizontal {width: 100%; position:relative; padding: 0; margin: 0; height: 56px !important;}

#menu-horizontal {
	width: 100%; position:relative; padding: 0; margin: 0; list-style: none;
	background:#048a3a; display: table; height: 56px; line-height: 56px;
}

#menu-horizontal .container {position: relative;}

.menu-fixo {
	position:fixed !important; z-index: 99 !important; overflow-y: auto; left: 0 !important; top: 0 !important;
	width: 100%; display: table !important; background: rgba(255, 255, 255, 1);
	 -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear; transition: all 0.5s linear;
}
.menu-fixo ul {
	margin: 0 auto !important; padding: 0; list-style-type: none; width: 1270px; display: table;
	border-bottom: 1px rgba(255, 255, 255, 0) solid !important; border-top: 1px rgba(255, 255, 255, 0) solid !important;
	-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear; transition: all 0.5s linear;
}

.menu-fixo > ul > li > a {color:#000000 !important;}
.menu-fixo > ul > li > a i {color:#000000 !important;}
.menu-fixo ul .busca #fechar-busca i{color: #000000 !important;}
.menu-fixo ul .busca .inputBusca {border:1px #cccccc solid !important;}

@media (max-width: 768px)
{
	.menu-fixo {
		position:relative !important; z-index: auto !important; left: auto !important; top: auto !important;
		background: none !important;
	}
	
	.menu-fixo ul {
		border-bottom: 1px rgba(255, 255, 255, 1) solid !important; border-top: 1px rgba(255, 255, 255, 1) solid !important;
	}
	.menu-fixo > ul > li > a {color:#ffffff !important;}
	
	#container_menu_horizontal {width: 100%; position:relative; padding: 0 15px; margin: 0; height: auto !important;}
}

.particles-js-canvas-el {position:absolute; top:0; left:0; width: 100%; height: 100%; z-index:9; pointer-events: none;}


/* ===================== Busca ======================== */
/* ==================================================== */

#menu-horizontal .container .busca {display: none;}
#menu-horizontal .container .busca {
	position:absolute; top:0; right:55px; margin:0; padding:0; line-height: 56px; height: 56px; width: 50%;
	z-index: 9 !important;
}

#menu-horizontal .container .busca .bBusca{position:absolute; top:17px; right:15px; margin:0; padding:0; color:#14954b;}

/* Campo Formularo Input busca */
#menu-horizontal .container .busca .inputBusca {
	background: #ffffff; color:#666666; padding:0 50px 0 15px; border:0; height:44px; line-height: 44px;
	text-decoration: none; width:450px; border:0; top:6px; position:relative; margin:0 auto;
	border-radius: 5px !important; -moz-border-radius: 5px !important;
	-khtml-border-radius: 5px !important; -webkit-border-radius: 5px !important;
	-khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

#menu-horizontal .container .busca-responsiva {
	position: absolute; width: auto; top: 0; right: 22px; display: table; height: 56px; line-height: 56px; color: #ffffff;
	z-index: 9 !important;
}

@media (max-width: 992px)
{
	#menu-horizontal .container .busca {display: table !important;}
	#menu-horizontal .container .busca {
		position:relative; top:auto; right:auto; margin:5px 0 0 0; padding:0; line-height: 56px; height: 56px; width: 100%;
	}

	#menu-horizontal .container .busca-responsiva {display: none !important;}

	/* Campo Formularo Input busca */
	#menu-horizontal .container .busca .inputBusca {
		-khtml-box-shadow: none !important; -moz-box-shadow: none !important;
		-webkit-box-shadow: none !important; box-shadow: none !important;
	}	
}
	
/* Campo Formularo Input busca */
#menu-horizontal .container .busca .inputBusca {width:100%;}	
#menu-horizontal .container .busca-responsiva a {
	position: relative; width: auto; display: block; height: 56px; line-height: 56px;
	color: #ffffff; text-decoration: none !important;
}
#menu-horizontal .container .busca-responsiva a i {
	position: relative; width: auto; display: table; height: 56px; line-height: 56px;
	color: #ffffff; text-align: center;
}
#menu-horizontal .container .busca-responsiva a.bBuscaFechar {display: none;}
#menu-horizontal .container {position:relative;}
#menu-horizontal .container .menu {position:relative; float:left; width:auto; display:table; margin:0; padding:0; z-index:99999;}


/* ===================== saiba mais para títulos ======================== */
/* ====================================================================== */

h2.titulo{position:relative; width: 100%; display: table; text-align: center;}
#saiba-mais-titulo{position:absolute; right: 0; top: 0; width: auto; display: table; padding: 0; margin: 0;}
#saiba-mais-titulo a{
	position:relative; width: auto; display: block; padding: 0; margin: 0;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
#saiba-mais-titulo a:hover{
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s lineusabilidadear;
}
#saiba-mais-titulo a span.text{
	position:relative; float: left; width: auto; display: table; padding: 0 15px; margin: 0;
	font-size: 16px; line-height: 39px; color: #666666;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
#saiba-mais-titulo a:hover span.text{
	color: #000000 !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
#saiba-mais-titulo a span.icone{
	position:relative; float: right; width: 39px; height: 39px; line-height: 39px; display: table; overflow: hidden;
	padding: 0 ; margin: 0;	font-size: 26px; text-align: center; background: #048a3a; color: #ffffff;
	border-radius: 5px !important; -moz-border-radius: 5px !important;
	-khtml-border-radius: 5px !important; -webkit-border-radius: 5px !important;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}
#saiba-mais-titulo a:hover span.icone{
	color: #000000;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}

#saiba-mais-titulo a span.icone:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; display: table; padding: 0; margin: 0;
	background: #daae2b; z-index: 1;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}
#saiba-mais-titulo a:hover span.icone:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; padding: 0; margin: 0;
	background: #ddd224; z-index: 1;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}

#saiba-mais-titulo a span.icone i{
	position:relative; width: 39px; height: 39px; line-height: 39px; display: table; z-index: 2;
	padding: 0 ; margin: 0; text-align: center; color: #ffffff;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}
#saiba-mais-titulo a:hover span.icone i{
	color: #000000 !important;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}

@media (max-width: 768px) {
	#saiba-mais-titulo a span.text{ display: none !important;}	
	#saiba-mais-titulo a span.icone{width: 30px; height: 30px; line-height: 30px;}	
	#saiba-mais-titulo a span.icone i{width: 30px; height: 30px; line-height: 30px;}
}


/* ===================== Backgrounds ======================== */
/* ========================================================= */

.bg-simulador-gee {
	position: relative; width: 100%; padding: 0; margin: 0;
	color: #ffffff;
}

.bg-simulador-gee h2.titulo-gee {
	position: absolute; top: 120px; left: 0; width: 100%; padding: 0; margin: 0; color: #ffffff; text-align: center;
	z-index: 1;
}
.bg-simulador-gee h2.titulo-gee a {color: #ffffff !important; text-decoration: none !important;} 
.bg-simulador-gee .iframe-simulador {position: relative; width: 100%; padding: 0; margin: 0; height: 1130px;}
  
@media (max-width: 768px) {
	.bg-simulador-gee .iframe-simulador {height: 1160px;}
}

#simulador-custo {
	position: relative; width: 100%; padding: 0; margin: 0; overflow: hidden;
	background-repeat: no-repeat; background-size: cover;
	background-position-x: center; background-position-y: center;
	color: #ffffff;
}


/* ===================== PNL ======================== */
/* ================================================== */

.pnl{ padding-top: 15px; padding-bottom: 15px;}	

.pnl a {
	position: relative; width: 100%; height: 240px; display: table; padding: 0; margin: 0; z-index: 0;
	background: #ffffff !important; text-decoration: none !important; color: #777777;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.pnl a:hover {
	background: none !important; color: #333333;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.pnl a:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; display: table; padding: 0; margin: 0;
	background: url(/html/skin/pl_greenbonds/imagens/bg-dest.png) repeat-x top #15cf71; z-index: 1;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.pnl a:hover:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; padding: 0; margin: 0;
	background: url(/html/skin/pl_greenbonds/imagens/bg-dest.png) repeat-x top #15cf71;  z-index: 1;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.pnl a p {
	position: relative; width: 100%; padding: 0; margin: 0;
}

.pnl a .text {
	position: absolute; top: 50%; left: 0; width: 100%; padding: 0 30px; margin: 0 auto; z-index: 2;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%); -o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.pnl a:hover .text {
	color: #ffffff !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.pnl a .text h3 {
	position: relative; width: 100%; display: table; text-align: center !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.pnl a:hover .text h3 {
	color: #ffffff !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

@media (max-width: 992px) {
	.pnl {width: 33.33333333% !important;}
	.pnl a {height: 200px;}
}

@media (max-width: 768px) {
	.pnl{ width: 100% !important;}	
	.pnl a {height: 160px !important;}	
}

/* ===================== Sobre o ONTL ======================== */
/* =========================================================== */

#modais-ontl {width:100%; height: 440px; padding:0; margin:0; position:relative; display: table;}
#modais-ontl .maritimo {
	position: absolute; top: 60px; right: 40px; width:80%; padding:0; margin:0; display: table; z-index: 0;
}
#modais-ontl .maritimo img {position: relative; width:100%; padding:0; margin:0; display: table;}
#modais-ontl .ferrovias {
	position: absolute; top: 0; right: 0; width:35%; padding:0; margin:0; display: table; z-index: 1;
}
#modais-ontl .ferrovias img {position: relative; width:100%; padding:0; margin:0; display: table;}
#modais-ontl .rodovias {
	position: absolute; top: 260px; left: 0; width:45%; padding:0; margin:0; display: table; z-index: 1;
}
#modais-ontl .rodovias img {position: relative; width:100%; padding:0; margin:0; display: table;}
#modais-ontl .aeroportos {
	position: absolute; top: 300px; right: 0; width:35%; padding:0; margin:0; display: table; z-index: 1;
}
#modais-ontl .aeroportos img {position: relative; width:100%; padding:0; margin:0; display: table;}
@media (max-width: 1320px)
{
#modais-ontl {height: 490px;}
}
@media (max-width: 1210px)
{
#modais-ontl {height: 400px;}
#modais-ontl .maritimo {top: 60px; right: 40px;}
}
@media (max-width: 1110px)
{
#modais-ontl {height: 390px;}
#modais-ontl .maritimo {top: 40px; right: 40px;}
}
@media (max-width: 992px)
{
#modais-ontl {height: 300px;}
#modais-ontl .maritimo {top: 40px; right: 30px;}
}
@media (max-width: 768px)
{
#modais-ontl {display: none;}
}



/* ===================== Governança ======================== */
/* ========================================================= */

.bg-governanca {
	position: relative; width: 100%; display: table; overflow: hidden; background: #eeeeee;
}

.gov ._df_thumb { border: none; padding: 0; margin: 0 auto; width:300px !important; height: 414px !important; text-align: center; display: table; position: relative;}
.gov ._df_custom { cursor: pointer;}

@media (max-width: 1320px) 
{
	.gov ._df_thumb { width:230px !important; height: 317px !important;}
}
@media (max-width: 1210px) 
{
	.gov ._df_thumb { width:210px !important; height: 290px !important;}
}

@media (max-width: 1110px) 
{
	.gov ._df_thumb { width:200px !important; height: 276px !important;}
}
@media (max-width: 992px) 
{
	.gov ._df_thumb { width:160px !important; height: 221px !important;}
}
@media (max-width: 768px) 
{
	.gov {padding-top: 15px; padding-bottom: 15px;}
	.gov ._df_thumb { width:210px !important; height: 290px !important;}
}


/* ===================== Licitações e Coperação Técnica ======================== */
/* ============================================================================= */

.bg-lic-cop {position: relative; width: 100%; overflow: hidden;}

#lic-cop{position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none;}
#lic-cop ul{position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none;}
#lic-cop ul li{position: relative; width: 100%; display: table; padding: 15px 0; margin: 0;}
#lic-cop ul li a{position: relative; width: 100%; display: block; padding: 0; margin: 0; text-decoration: none !important;}
#lic-cop ul li a p{position: relative; width: 100%; display: table; padding: 0; margin: 0; color: #666666;}
#lic-cop ul li a p.tipo{
	width: auto; padding: 6px 15px; background: #ffffff; color: #048a3a; text-decoration: none !important;
	border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;
}
#lic-cop ul li a:hover p.tipo{text-decoration: none !important;}


/* ================== Accordion ================ */
/* ============================================= */

dl#accordion {list-style-type:none; margin: 0; height:auto !important; text-align:left;}
	dl#accordion > a {text-decoration: none; margin:0; padding:0;}
	dl#accordion > dt {margin: 5px 0 0 0; padding:0;}
		dl#accordion > dt > a {padding:14px 30px 14px 14px; margin:0; font-size:16px; font-weight:normal; text-decoration:none; display: block; position:relative; border:0; background:#ececec;}
		dl#accordion > dt.active > a{font-weight:bold; background:#93c154; color:#ffffff; border:1px #a9d026 solid;}
		dl#accordion > dt > a:before {		
			content: ''; z-index:11; position: absolute; width: 25px; height:25px; 
			top:14px; right:10px; background:url(/html/skin/pl_greenbonds/imagens/acc_mais.gif) top left no-repeat;
		}		
		dl#accordion > dt.active > a:before {		
			content: ''; z-index:11; position: absolute; width: 25px; height:25px; 
			top:14px; right:10px; background:url(/html/skin/pl_greenbonds/imagens/acc_menos.gif) bottom left no-repeat;
		}
		dl#accordion > dt > a > p {font-size:18px; font-weight:normal; padding:0; margin:0;}
	dl#accordion dd {display:none; margin:0; padding:0; width:100%; border-left:1px #CCC solid; border-right:1px #CCC solid; border-bottom:1px #CCC solid;}
		dl#accordion > dd > .indent {position:relative; padding:15px; margin:0;}
		
	dl#accordion > dd .indent > dl#accordion > dt {margin: 5px 0 0 0; padding:0;}
		dl#accordion > dd .indent > dl#accordion > dt > a {padding:14px; margin:0; font-size:16px; font-weight:normal; text-decoration:none; display: block; position:relative; border:0; background:#ececec;}
		dl#accordion > dd .indent > dl#accordion > dt.active a{font-weight:bold; background:#93c154; color:#ffffff; border:1px #a9d026 solid;}
		dl#accordion > dd .indent > dl#accordion > dt a:before {		
			content: ''; z-index:11; position: absolute; width: 25px; height:25px; 
			top:14px; right:10px; background:url(/html/skin/pl_greenbonds/imagens/acc_mais.gif) top left no-repeat;
		}
		
		dl#accordion > dd .indent > dl#accordion > dt.active a:before {		
			content: ''; z-index:11; position: absolute; width: 25px; height:25px; 
			top:14px; right:10px; background:url(/html/skin/pl_greenbonds/imagens/acc_menos.gif) bottom left no-repeat;
		}
		dl#accordion > dd .indent > dl#accordion > dt > a p {font-size:18px; font-weight:normal; padding:0; margin:0;}
	dl#accordion > dd .indent > dl#accordion dd {display:none; margin:0; padding:0; width:100%; border-left:1px #CCC solid; border-right:1px #CCC solid; border-bottom:1px #CCC solid;}
		dl#accordion > dd .indent > dl#accordion > dd > .indent {position:relative; padding:15px; margin:0;}
		
		dl#accordion > dd a {background:none; padding:0; font-weight:normal;}
		dl#accordion > dd a:hover {text-decoration:none; background:none;}

		dl#accordion > dd .indent > ul {margin: 0; padding:0; width: 100%; position:relative; list-style:none; display: table;}
		dl#accordion > dd .indent > ul > li {
			margin:0; padding: 0; position: relative; font-weight:normal; list-style:none; width:100%; text-align:left;
		}
		dl#accordion > dd .indent > ul > li a {
			text-decoration: none; display: block; list-style:none; padding:10px 15px; color: #777777; position:relative;
		}
		dl#accordion > dd .indent > ul > li a p {display: table; position: relative; padding:5px 0; margin: 0; color: #777777;}


/* ===================== Licitações ======================== */
/* ========================================================= */

#divTabs > ul {margin: 0; padding:0; width: 34%; float:left; position:relative; list-style:none; overflow:visible;}

#divTabs > ul > li {margin:2px 0; padding: 0; position: relative; font-weight:normal; list-style:none; width:100%; font-size:16px; text-transform: none; background:#f5f5f5; text-align:left; overflow:visible;}
#divTabs > ul > li:first-child {margin-left:0;}
#divTabs > ul > li a {
	text-decoration: none; display: block; list-style:none; padding:10px 15px; color: #2f7c17; position:relative; background:#f4f4f4;
}
#divTabs > ul > li a span {padding:0; display:table;}
#divTabs > ul > li.active a {display: block; color:#ffffff; background:#3f8510; position:relative; overflow:visible;}

@media (max-width: 1170px)
{
	#divTabs {width:100%;}
	#divTabs > ul > li {font-size:15px;}
}
@media (max-width: 986px)
{
	#divTabs > ul {width: 33%;}
	#divTabs > ul > li {font-size:13px;}
	#divTabs .content-list {width:65%;}
}


/* ===================== Parceiros ======================== */
/* ======================================================== */

#parceiros {position:relative; margin:0 -15px; padding:0;}
#parceiros ul{position:relative; width:auto; margin:0 auto; padding:0;}
#parceiros ul li{position:relative; float: left; width:20%; margin:0; padding:15px; display: table; list-style: none !important; text-align: center !important;}
#parceiros ul li a{
	position:relative; width:100%; height: 170px; margin:0 auto; padding:0; display: block;
	z-index: 0; overflow: hidden;
	text-align: center !important; border: 1px #eeeeee solid;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
#parceiros ul li a:hover{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
#parceiros ul li a .floating-text{
	position:absolute; left: 0; bottom: 100%; width:100%; height: 100%; margin:0 auto; padding:0; display: table;
	z-index: 1; text-align: center !important; background: url(/html/skin/pl_greenbonds/imagens/bg-dest.png) repeat-x top #15cf71;
	color: #ffffff !important;
	-webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear; transition: all 0.15s linear;
}
#parceiros ul li a:hover .floating-text{bottom: 0;}

#parceiros ul li a .floating-text .text{
	position: absolute; display: table; top: 50%; left: 0; width: 100%; padding: 0 15px; margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#parceiros ul li a img.initiative-img{
	position: absolute; display: table; top: 50%; left: 50%; width: 70%; padding: 0; margin: 0 auto;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 1320px)
{
	#parceiros ul li a{height: 160px;}
	#parceiros ul li a img.initiative-img{width: 80%;}
}
@media (max-width: 1210px)
{
	#parceiros ul li{width:25%;}
	#parceiros ul li a{height: 160px;}
	#parceiros ul li a img.initiative-img{width: 75%;}
}
@media (max-width: 992px)
{
	#parceiros ul li{width:33.333%;}
	#parceiros ul li a{height: 160px;}
}
@media (max-width: 768px)
{
	#parceiros ul li a img.initiative-img{width: 75%;}
}
@media (max-width: 668px)
{
	#parceiros ul li{width:50%;}
	#parceiros ul li a{height: 150px;}
	#parceiros ul li a img.initiative-img{width: 80%;}
}
@media (max-width: 468px)
{
	#parceiros ul li{width:100%;}
	#parceiros ul li a{height: 160px;}
	#parceiros ul li a img.initiative-img{width: 70%;}
}
@media (max-width: 368px)
{
	#parceiros ul li{width:100%;}
	#parceiros ul li a{height: 150px;}
	#parceiros ul li a img.initiative-img{width: 80%;}
}


/* ===================== Formatação de Conteúdo ======================== */
/* ===================================================================== */

#contentPortal{position:relative; width:100%; margin:0; padding:0 0 35px 0; overflow: hidden;}

/* ===================== Bitter Regular, Bold, Verde e Cinza ======================== */

.bitter-bold-cinsa,
.bitter-bold-cinsa a {font-family:'Bitter Bold'; line-height:1.3 !important; color:#424242 !important;}
.bitter-bold-verde,
.bitter-bold-verde a {font-family:'Bitter Bold'; line-height:1.3 !important; color:#14954b !important;}
.bitter-bold-white,
.bitter-bold-white a {font-family:'Bitter Bold'; line-height:1.3 !important; color:#ffffff !important;}
.bitter-bold-black,
.bitter-bold-black a {font-family:'Bitter Bold'; line-height:1.3 !important; color:#000000 !important;}

.bitter-regular-cinsa,
.bitter-regular-cinsa a {font-family:'Bitter Regular'; line-height:1.3 !important; color:#424242 !important;}
.bitter-regular-verde,
.bitter-regular-verde a {font-family:'Bitter Regular'; line-height:1.3 !important; color:#14954b !important;}
.bitter-regular-white,
.bitter-regular-white a {font-family:'Bitter Regular'; line-height:1.3 !important; color:#ffffff !important;}
.bitter-regular-black,
.bitter-regular-black a {font-family:'Bitter Regular'; line-height:1.3 !important; color:#000000 !important;}

/* ===================== PT Sans Regular, Bold, Verde e Cinza ======================== */

.pt-sans-bold-verde,
.pt-sans-bold-verde a {font-family:'PT Sans Bold'; line-height:1.3 !important; color:#14954b !important;}
.pt-sans-bold-cinza,
.pt-sans-bold-cinza a {font-family:'PT Sans Bold'; line-height:1.3 !important; color:#414141 !important;}
.pt-sans-bold-white,
.pt-sans-bold-white a {font-family:'PT Sans Bold'; line-height:1.3 !important; color:#ffffff !important;}
.pt-sans-bold-black,
.pt-sans-bold-black a {font-family:'PT Sans Bold'; line-height:1.3 !important; color:#000000 !important;}

.pt-sans-regular-verde,
.pt-sans-regular-verde a {font-family:'PT Sans Regular'; line-height:1.3 !important; color:#14954b !important;}
.pt-sans-regular-cinza,
.pt-sans-regular-cinza a {font-family:'PT Sans Regular'; line-height:1.3 !important; color:#414141 !important;}
.pt-sans-regular-white,
.pt-sans-regular-white a {font-family:'PT Sans Regular'; line-height:1.3 !important; color:#ffffff !important;}
.pt-sans-regular-black,
.pt-sans-regular-black a {font-family:'PT Sans Regular'; line-height:1.3 !important; color:#000000 !important;}

/* ===================== Open Sans Regular, Bold, Verde e Cinza ======================== */

.open-bold-cinsa,
.open-bold-cinsa a {font-family:'Open Sans Bold'; line-height:1.3 !important; color:#424242 !important;}
.open-bold-verde,
.open-bold-verde a {font-family:'Open Sans Bold'; line-height:1.3 !important; color:#14954b !important;}
.open-bold-white,
.open-bold-white a {font-family:'Open Sans Bold'; line-height:1.3 !important; color:#ffffff !important;}
.open-bold-black,
.open-bold-black a {font-family:'Open Sans Bold'; line-height:1.3 !important; color:#000000 !important;}
.open-bold-amarelo,
.open-bold-amarelo a {font-family:'Open Sans Bold'; line-height:1.3 !important; color:#d9d742 !important;}

.open-regular-cinsa,
.open-regular-cinsa a {font-family:'Open Sans Regular'; line-height:1.3 !important; color:#424242 !important;}
.open-regular-verde,
.open-regular-verde a {font-family:'Open Sans Regular'; line-height:1.3 !important; color:#007733 !important;}
.open-regular-white,
.open-regular-white a {font-family:'Open Sans Regular'; line-height:1.3 !important; color:#ffffff !important;}
.open-regular-black,
.open-regular-black a {font-family:'Open Sans Regular'; line-height:1.3 !important; color:#000000 !important;}
.open-regular-amarelo,
.open-regular-amarelo a {font-family:'Open Sans Regular'; line-height:1.3 !important; color:#d9d742 !important;}

/* ================= Paddings (5, 10, 15, 20, 30, 40, 50, 60, 70, 80, 90 e 100) ==================== */

.padding-top100 { padding-top:100px !important;}.padding-bottom100 { padding-bottom:100px !important;}.padding-left90 { padding-left:100px !important;}.padding-right100 { padding-right:100px !important;}
.padding-top90 { padding-top:90px !important;}.padding-bottom90 { padding-bottom:90px !important;}.padding-left90 { padding-left:90px !important;}.padding-right90 { padding-right:90px !important;}
.padding-top80 { padding-top:80px !important;}.padding-bottom80 { padding-bottom:80px !important;}.padding-left80 { padding-left:80px !important;}.padding-right80 { padding-right:80px !important;}
.padding-top70 { padding-top:70px !important;}.padding-bottom70 { padding-bottom:70px !important;}.padding-left70 { padding-left:70px !important;}.padding-right70 { padding-right:70px !important;}
.padding-top60 { padding-top:60px !important;}.padding-bottom60 { padding-bottom:60px !important;}.padding-left60 { padding-left:60px !important;}.padding-right60 { padding-right:60px !important;}
.padding-top50 { padding-top:50px !important;}.padding-bottom50 { padding-bottom:50px !important;}.padding-left50 { padding-left:50px !important;}.padding-right50 { padding-right:50px !important;}
.padding-top40 { padding-top:40px !important;}.padding-bottom40 { padding-bottom:40px !important;}.padding-left40 { padding-left:40px !important;}.padding-right40 { padding-right:40px !important;}
.padding-top30 { padding-top:30px !important;}.padding-bottom30 { padding-bottom:30px !important;}.padding-left30 { padding-left:30px !important;}.padding-right30 { padding-right:30px !important;}
.padding-top20 { padding-top:20px !important;}.padding-bottom20 { padding-bottom:20px !important;}.padding-left20 { padding-left:20px !important;}.padding-right20 { padding-right:20px !important;}
.padding-top15 { padding-top:15px !important;}.padding-bottom15 { padding-bottom:15px !important;}.padding-left15 { padding-left:15px !important;}.padding-right15 { padding-right:15px !important;}
.padding-top10 { padding-top:10px !important;}.padding-bottom10 { padding-bottom:10px !important;}.padding-left10 { padding-left:10px !important;}.padding-right10 { padding-right:10px !important;}
.padding-top5 { padding-top:5px !important;}.padding-bottom5 { padding-bottom:5px !important;}.padding-left5 { padding-left:5px !important;}.padding-right5 { padding-right:5px !important;}
.padding0 { padding:0 !important;}.padding10 { padding:10px !important;}.padding20 { padding:20px !important;}.padding30 { padding:30px !important;}.padding40 { padding:40px !important;}


/* ========================== Paddings (30 e 40) para o menu ============================= */

.padding-top40-menu { padding-top:40px !important;}
.padding-bottom40-menu { padding-bottom:40px !important;}
.padding-left40-menu { padding-left:40px !important;}
.padding-right40-menu { padding-right:40px !important;}

.padding-top30-menu { padding-top:30px !important;}
.padding-bottom30-menu { padding-bottom:30px !important;}
.padding-left30-menu { padding-left:30px !important;}
.padding-right30-menu { padding-right:30px !important;}

@media (max-width: 768px)
{
	.padding-top40-menu { padding-top:0 !important;}
	.padding-bottom40-menu { padding-bottom:0 !important;}
	.padding-left40-menu { padding-left:0 !important;}
	.padding-right40-menu { padding-right:0 !important;}

	.padding-top30-menu { padding-top:0 !important;}
	.padding-bottom30-menu { padding-bottom:0 !important;}
	.padding-left30-menu { padding-left:0 !important;}
	.padding-right30-menu { padding-right:0 !important;}
}


/* ========================== Paddings (30) para o menu ============================= */

.padding-top30-menu { padding-top:30px !important;}.padding-bottom30-menu { padding-bottom:30px !important;}.padding-left30-menu { padding-left:30px !important;}.padding-right30-menu { padding-right:30px !important;}

@media (max-width: 768px)
{
.padding-top30-menu { padding-top:0 !important;}.padding-bottom30-menu { padding-bottom:0 !important;}.padding-left30-menu { padding-left:0 !important;}.padding-right30-menu { padding-right:0 !important;}
}


/* ===================== Margins (5, 10, 20, 30, 40, 50, 60 e 70) ======================== */

.margin-top70 { margin-top:70px !important;} .margin-bottom70 { margin-bottom:70px !important;} .margin-left70 { margin-left:70px !important;} .margin-right70 { margin-right:70px !important;}
.margin-top60 { margin-top:60px !important;} .margin-bottom60 { margin-bottom:60px !important;} .margin-left60 { margin-left:60px !important;} .margin-right60 { margin-right:60px !important;}
.margin-top50 { margin-top:50px !important;} .margin-bottom50 { margin-bottom:50px !important;} .margin-left50 { margin-left:50px !important;} .margin-right50 { margin-right:50px !important;}
.margin-top40 { margin-top:40px !important;} .margin-bottom40 { margin-bottom:40px !important;} .margin-left40 { margin-left:40px !important;} .margin-right40 { margin-right:40px !important;}
.margin-top30 { margin-top:30px !important;} .margin-bottom30 { margin-bottom:30px !important;} .margin-left30 { margin-left:30px !important;} .margin-right30 { margin-right:30px !important;}
.margin-top20 { margin-top:20px !important;} .margin-bottom20 { margin-bottom:20px !important;} .margin-left20 { margin-left:20px !important;} .margin-right20 { margin-right:20px !important;}
.margin-top10 { margin-top:10px !important;} .margin-bottom10 { margin-bottom:10px !important;} .margin-left10 { margin-left:10px !important;} .margin-right10 { margin-right:10px !important;}
.margin-top5 { margin-top:5px !important;} .margin-bottom5 { margin-bottom:5px !important;} .margin-left5 { margin-left:5px !important;} .margin-right5 { margin-right:5px !important;}
.margin0 { margin:0 !important;}.margin10 { margin:10px !important;}.margin20 { margin:20px !important;}.margin30 { margin:30px !important;}.margin40 { margin:40px !important;}

/* ===================== Floats ======================== */

.float-left { position:relative; float:left;}.float-right { position:relative; float:left;}

/* ========================== Tamanhos de Fonts ============================= */
/* ========================================================================== */

.font-size14 { font-size:14px !important;} .font-size16 { font-size:16px !important;} .font-size18 { font-size:18px !important;} .font-size20 { font-size:20px !important;} .font-size22 { font-size:22px !important;} .font-size24 { font-size:24px !important;} .font-size26 { font-size:26px !important;} .font-size28 { font-size:28px !important;} .font-size30 { font-size:30px !important;} .font-size32 { font-size:32px !important;} .font-size34 { font-size:34px !important;} .font-size36 { font-size:36px !important;} .font-size38 { font-size:38px !important;} .font-size40 { font-size:40px !important;} .font-size50 { font-size:50px !important;} .font-size60 { font-size:60px !important;} .font-size70 { font-size:70px !important;} .font-size80 { font-size:80px !important;} .font-size90 { font-size:90px !important;}

@media (max-width: 1320px)
{
.font-size14 { font-size:14px !important;} .font-size16 { font-size:15px !important;} .font-size18 { font-size:17px !important;} .font-size20 { font-size:19px !important;} .font-size22 { font-size:21px !important;} .font-size24 { font-size:23px !important;} .font-size26 { font-size:24px !important;} .font-size28 { font-size:26px !important;} .font-size30 { font-size:28px !important;} .font-size32 { font-size:30px !important;} .font-size34 { font-size:32px !important;} .font-size36 { font-size:34px !important;} .font-size38 { font-size:36px !important;} .font-size40 { font-size:38px !important;} .font-size50 { font-size:46px !important;} .font-size60 { font-size:56px !important;} .font-size70 { font-size:66px !important;} .font-size80 { font-size:76px !important;} .font-size90 { font-size:86px !important;}
}
@media (max-width: 1210px)
{
.font-size14 { font-size:14px !important;} .font-size16 { font-size:15px !important;} .font-size18 { font-size:17px !important;} .font-size20 { font-size:19px !important;} .font-size22 { font-size:20px !important;} .font-size24 { font-size:22px !important;} .font-size26 { font-size:22px !important;} .font-size28 { font-size:24px !important;} .font-size30 { font-size:26px !important;} .font-size32 { font-size:28px !important;} .font-size34 { font-size:30px !important;} .font-size36 { font-size:32px !important;} .font-size38 { font-size:34px !important;} .font-size40 { font-size:36px !important;} .font-size50 { font-size:42px !important;} .font-size60 { font-size:52px !important;} .font-size70 { font-size:60px !important;} .font-size80 { font-size:72px !important;} .font-size90 { font-size:82px !important;}
}
@media (max-width: 1110px)
{
.font-size14 { font-size:14px !important;} .font-size16 { font-size:15px !important;} .font-size18 { font-size:17px !important;} .font-size20 { font-size:18px !important;} .font-size22 { font-size:18px !important;} .font-size24 { font-size:20px !important;} .font-size26 { font-size:20px !important;} .font-size28 { font-size:21px !important;} .font-size30 { font-size:23px !important;} .font-size32 { font-size:25px !important;} .font-size34 { font-size:27px !important;} .font-size36 { font-size:29px !important;} .font-size38 { font-size:31px !important;} .font-size40 { font-size:33px !important;} .font-size50 { font-size:37px !important;} .font-size60 { font-size:46px !important;} .font-size70 { font-size:50px !important;} .font-size80 { font-size:66px !important;} .font-size90 { font-size:76px !important;}
}
@media (max-width: 992px)
{
.font-size14 { font-size:14px !important;} .font-size16 { font-size:15px !important;} .font-size18 { font-size:17px !important;} .font-size20 { font-size:18px !important;} .font-size22 { font-size:18px !important;} .font-size24 { font-size:20px !important;} .font-size26 { font-size:20px !important;} .font-size28 { font-size:20px !important;} .font-size30 { font-size:22px !important;} .font-size32 { font-size:24px !important;} .font-size34 { font-size:26px !important;} .font-size36 { font-size:28px !important;} .font-size38 { font-size:30px !important;} .font-size40 { font-size:33px !important;} .font-size50 { font-size:36px !important;} .font-size60 { font-size:44px !important;} .font-size70 { font-size:48px !important;} .font-size80 { font-size:64px !important;} .font-size90 { font-size:74px !important;}
}
@media (max-width: 768px)
{
.font-size14 { font-size:14px !important;} .font-size16 { font-size:15px !important;} .font-size18 { font-size:17px !important;} .font-size20 { font-size:18px !important;} .font-size22 { font-size:18px !important;} .font-size24 { font-size:20px !important;} .font-size26 { font-size:18px !important;} .font-size28 { font-size:20px !important;} .font-size30 { font-size:22px !important;} .font-size32 { font-size:24px !important;} .font-size34 { font-size:26px !important;} .font-size36 { font-size:28px !important;} .font-size38 { font-size:30px !important;} .font-size40 { font-size:32px !important;} .font-size50 { font-size:34px !important;} .font-size60 { font-size:44px !important;} .font-size70 { font-size:44px !important;} .font-size80 { font-size:60px !important;} .font-size90 { font-size:70px !important;}
}

@media (max-width: 668px)
{
.font-size14 { font-size:14px !important;} .font-size16 { font-size:15px !important;} .font-size18 { font-size:17px !important;} .font-size20 { font-size:18px !important;} .font-size22 { font-size:18px !important;} .font-size24 { font-size:20px !important;} .font-size26 { font-size:18px !important;} .font-size28 { font-size:20px !important;} .font-size30 { font-size:22px !important;} .font-size32 { font-size:20px !important;} .font-size34 { font-size:22px !important;} .font-size36 { font-size:24px !important;} .font-size38 { font-size:26px !important;} .font-size40 { font-size:28px !important;} .font-size50 { font-size:30px !important;} .font-size60 { font-size:40px !important;} .font-size70 { font-size:40px !important;} .font-size80 { font-size:56px !important;} .font-size90 { font-size:66px !important;}
}

@media (max-width: 568px)
{
.font-size14 { font-size:14px !important;} .font-size16 { font-size:15px !important;} .font-size18 { font-size:17px !important;} .font-size20 { font-size:18px !important;} .font-size22 { font-size:18px !important;} .font-size24 { font-size:20px !important;} .font-size26 { font-size:18px !important;} .font-size28 { font-size:20px !important;} .font-size30 { font-size:22px !important;} .font-size32 { font-size:20px !important;} .font-size34 { font-size:22px !important;} .font-size36 { font-size:22px !important;} .font-size38 { font-size:24px !important;} .font-size40 { font-size:26px !important;} .font-size50 { font-size:28px !important;} .font-size60 { font-size:36px !important;} .font-size70 { font-size:36px !important;} .font-size80 { font-size:52px !important;} .font-size90 { font-size:62px !important;}
}


/* ===================== Banners home ======================== */
/* =========================================================== */

.bg-banner-home {
	position: relative; width: 100%; padding: 0; margin: -100px 0 0 0; overflow: hidden; color: #ffffff; z-index: 2;	
}
.banner-home { margin-left: -10px !important; margin-right: -10px !important; }

.item-banner-home { padding-left: 10px !important; padding-right: 10px !important; }

.item-banner-home a {
	position: relative; width: 100%; height: 200px; display: table; padding: 0; margin: 0; z-index: 0;
	background: url(/html/skin/pl_greenbonds/imagens/bg-dest.png) repeat-x top #15cf71; text-decoration: none !important; color: #777777;
	text-align: center !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.item-banner-home a:hover {
	color: #000000 !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.item-banner-home a:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; display: table; padding: 0; margin: 0;
	background: #ddd224 !important; z-index: 1;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.item-banner-home a:hover:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; padding: 0; margin: 0;
	background: #ddd224 !important;  z-index: 1;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.item-banner-home a p {
	position: relative; width: 100%; padding: 0; margin: 0;
}

.item-banner-home a .text {
	position: absolute; top: 50%; left: 0; width: 100%; padding: 0 30px; margin: 0 auto; z-index: 2;
	color: #ffffff !important;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%); -o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.item-banner-home a:hover .text {
	color: #000000 !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.item-banner-home a .text h2 {
	position: relative; width: 100%; display: table; color: #ffffff !important;
	font-weight: bold; line-height: 1.3; padding: 0 0 10px 0; margin: 0;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

.item-banner-home a:hover .text h2 {
	color: #000000 !important;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
@media (max-width: 992px)
{
	.item-banner-home a {
		position: relative; width: 100%; height: 200px; display: table; padding: 0; margin: 0; z-index: 0;
		background: url(/html/skin/pl_greenbonds/imagens/bg-dest.png) repeat-x top #15cf71; text-decoration: none !important; color: #777777;
		text-align: center !important;
		-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear; transition: all 0.2s linear;
	}
}
@media (max-width: 768px)
{
	.bg-banner-home {margin: 60px 0 0 0;}
	
	.item-banner-home { padding-bottom: 10px !important; padding-top: 10px !important; }
	.item-banner-home a { height: 150px;}
}


/* ===================== Mapa do Site ======================== */
/* =========================================================== */

#mapaSite {position:relative; width:100%; padding: 0; margin: 0; list-style:none; text-decoration:none; display:table;}
#mapaSite > ul {
	position:relative; width:100%; text-transform:none;
	padding:0; margin: 0; list-style:none; text-decoration:none; display:table;
}
#mapaSite > ul > li {padding:0; margin:20px 0 0 0; position:relative; width:100%; display:table;}
#mapaSite > ul > li:first-child {margin:0 0 0 0;}
#mapaSite > ul > li > a {
	display: block; margin:0; font-size:20px; text-decoration:underline; padding:8px 0px;
}
#mapaSite > ul > li > a:hover {text-decoration:none;}
#mapaSite > ul > li ul {
	position:relative; text-transform:none; padding-left: 40px; margin: 0;
	list-style:none; text-decoration:none; display:table;
}
#mapaSite > ul > li ul > li {padding:0; margin:0; position:relative; width:100%;}
#mapaSite > ul > li ul > li:before {
	content: ''; z-index:1; position: absolute; width: 1px; 
    height: 100%; bottom:0; top:0; left:-25px; border-left: 1px dotted #666666;
}
#mapaSite > ul > li ul > li:last-child:before {
	content: ''; z-index:1; position: absolute; width: 1px; 
    height: 17px; bottom:auto; top:0; left:-25px; border-left: 1px dotted #666666;
}
#mapaSite > ul > li ul > li:after {
	content: ''; z-index:1; position: absolute; width: 19px; 
    height: 1px; top:17px; left:-25px; border-bottom: 1px dotted #666666;
}
#mapaSite > ul > li ul > li > a {display: block; margin:0; padding:8px 0px; font-size:16px;}
#mapaSite > ul > li ul > li > ul {
	position:relative; text-transform:none; padding-left: 40px; margin: 0; list-style:none; text-decoration:none; display:table;
}
#mapaSite > ul > li ul > li ul > li {padding:0; margin:0; position:relative; width:100%;}
#mapaSite > ul > li ul > li ul > li > a {display: block; margin:0; padding:8px 0px;}
#mapaSite > ul > li > a.filhos, #mapaSite > ul > li ul > li > a.filhos, #mapaSite > ul > li ul > li ul > li > a.filhos  {
	display: block; margin:0; padding:8px 0px; font-weight:bold; text-decoration:underline
}
#mapaSite > ul > li > a:hover.filhos, #mapaSite > ul > li ul > li > a:hover.filhos, #mapaSite > ul > li ul > li ul > li > a:hover.filhos  { text-decoration:none }
		

/* ========================== Rodapé ============================= */
/* =============================================================== */

.rdPortal{width:100%; position:relative; margin:0 auto !important; background: url(/html/skin/pl_greenbonds/imagens/bg-rodape.png) repeat-x top #01b94e; overflow: hidden; padding:0; color: #ffffff !important;}
.rodape{width:100%; display: table; position:relative; margin:0; padding: 0;}
.rodape ul{display: table; position:relative; margin:0; padding: 0; list-style: none !important;}
.rodape ul li{width:100%; display: table; position:relative; margin:0; padding: 8px 0;}

.rodape ul li ul{display: table; position:relative; margin:0; padding: 0 0 0 25px; list-style: none !important;}
.rodape ul li ul li{width:100%; display: table; position:relative; margin:0; padding: 8px 0;}
.rodape ul li ul li a{color: #cccccc !important;}

.rd-2{width:100%; position:relative; margin:0 auto !important; background: #00732f; overflow: hidden;}
.rd-2 .container .row .text-right {width:100px;}

.rd-logo-epl img { position: relative; width: 150px;}
.rd-logo-ontl img { position: relative; width: 160px;}
.rd-texto { font-family: "arial";}

@media (max-width: 1320px)
{
.rd-logo-epl img { position: relative; width: 150px;}
.rd-logo-ontl img { position: relative; width: 160px;}
.rd-texto {}
}
@media (max-width: 1210px)
{
.rd-logo-epl img { position: relative; width: 140px;}
.rd-logo-ontl img { position: relative; width: 150px;}
.rd-texto {}
}
@media (max-width: 992px)
{
.rd-logo-epl img { position: relative; width: 100px;}
.rd-logo-ontl img { position: relative; width: 110px;}
.rd-texto {}
}
@media (max-width: 768px)
{
.rd-logo-epl {padding-top: 10px; padding-bottom: 10px;}
.rd-logo-ontl {padding-top: 10px; padding-bottom: 10px;}
.rd-texto {padding-top: 10px; padding-bottom: 10px;}
}


/* ========================== Localização ============================= */

.bg-localizacao{
	width:100%; position:relative; margin:0 auto !important; background: #00a042; overflow: hidden;
}

.bg-localizacao:before {
	content: url(/html/skin/pl_greenbonds/imagens/borda-bg-top.png); position: absolute; top:0; left: 0; width: 100%;
	padding: 0; margin: 0; z-index: 2 !important; pointer-events: none !important;
}

.bg-localizacao:after {
	content: url(/html/skin/pl_greenbonds/imagens/borda-bg-bottom-verde.png); position: absolute; bottom:0; left: 0; width: 100%;
	padding: 0; margin: 0; z-index: 2 !important; pointer-events: none !important;
}


/* ===================== Telefone e E-mail ======================== */

#borda-768 {position: relative;}
#borda-768 .linha-768 {position: relative; width: 100%; display: table; border-bottom: 1px rgba(255, 255, 255, 0.4) solid; padding: 15px 0 10px 0; margin-bottom: 50px;}

@media (max-width: 992px)
{
	#borda-768 .linha-768 {border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
	.nao-aparecer-992 {display: none !important;}
}

#tel-email {
	position:relative; float:right; width:auto; display:table; margin:0; padding:0;
}
#tel-email ul {float:right; position:relative; width:auto; margin:0; padding:0; display:table; list-style:none;}
#tel-email ul li {
	position:relative; float:left; width: auto; margin:0 25px; padding:0; list-style:none; text-align:center;
	height: 114px;
}
#tel-email ul li:first-child {margin:0 25px 0 0;}
#tel-email ul li:last-child {margin:0 0 0 25px;}

#tel-email ul li span {
	position: relative; float: right; top: 50%; padding:0 0 0 15px; margin:0; color: #ffffff !important;
	line-height: 1.4 !important; text-align: left !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#tel-email ul li i {
	position: relative; top: 50%; float: left; margin:0; padding:0; height:46px; width:46px; line-height:46px;
	background:#ffffff; color:#00a355 !important; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#tel-email ul li:hover i {
	background:#ffffff; color:#00a355 !important;
	-webkit-transform:scale(1.25) translateY(-40%);
	-moz-transform:scale(1.25) translateY(-40%);
	-ms-transform:scale(1.25) translateY(-40%);
	-o-transform:scale(1.25) translateY(-40%);
	transform:scale(1.25) translateY(-40%);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}

@media (max-width: 1210px)
{
	#tel-email {margin:0 0 0 0 !important;}
	#tel-email ul li {margin:0 10px;}
	#tel-email ul li:first-child {margin:0 10px 0 0;}
	#tel-email ul li:last-child {margin:0 0 0 10px;}
	#tel-email ul li a span {font-size: 13px; padding:6px 0 0 7px;}
	#tel-email ul li i {display: none !important;}
}

@media (max-width: 992px)
{
	#tel-email {display: none !important;}
}

/* ===================== Redes Sociais ======================== */

.contato-rede-sociais { position: relative; float: left; width: auto; display: table; padding:0; margin: 0;}
.contato-rede-sociais ul { position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none;}
.contato-rede-sociais ul li {
	position: relative; float: left; width: auto; display: table; padding: 0; margin: 0 10px;
	height: 114px; line-height: 114px;
}

.contato-rede-sociais ul li a {
	position: relative; display: table; padding: 0; margin: 0; color: #ffffff !important;
	text-decoration: none !important; height: 114px; line-height: 114px;
}
.contato-rede-sociais ul li a i {
	position: relative; padding:0; margin:0; width: auto !important; height: 114px; line-height: 114px;
	display:block; text-decoration:none;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.contato-rede-sociais ul li a:hover i {
	-webkit-transform:scale(1.45);
	-moz-transform:scale(1.45);
	-ms-transform:scale(1.45);
	-o-transform:scale(1.45);
	transform:scale(1.45);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}


/* =============================== Tamanhos de Fonts ===================================*/
/* =====================================================================================*/

/* ============= Italic ( italico ) ============= */

.italic {font-style:italic;}
.italic a {font-style:italic;}
.italic a:hover {font-style:italic;}

/* ============= Bold ( negrito ) ============= */

.bold {font-weight: bold;}
.bold a {font-weight: bold;}
.bold a:hover {font-weight: bold;}

/* ============= Efeito de underline na fonte ============= */

.underline {text-decoration: none;}
.underline a {text-decoration: underline;}
.underline a:hover {text-decoration: none;}


/* ================== Top ================ */
/* ======================================= */

#toTop {background: url(/html/imagens/site/uitopo.png) no-repeat top; width:51px; height:51px; position:fixed; bottom:10px; right:10px; cursor:pointer; display:none;}
#toTop:hover {background: url(/html/imagens/site/uitopo.png) no-repeat bottom; width:51px; height:51px; position:fixed; bottom:10px; right:10px; cursor:pointer; display:none;}


/* ================== Voltar para o Topo ================ */
/* ====================================================== */

#back-top {
	position: fixed; bottom: 15px; right:30px; width: 52px; height:52px; display:none; z-index: 33;
}
#back-top a {
	width: 100%; height:52px; line-height: 52px; display: table; text-align: center;
	background: #048a3a; color: #ffffff; text-decoration: none !important; overflow: hidden !important;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}
#back-top a:hover {
	color: #000000; overflow: hidden !important;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}

#back-top a:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; display: table; padding: 0; margin: 0;
	background: #daae2b; z-index: 44;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}

#back-top a:hover:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; padding: 0; margin: 0;
	background: #ddd224; z-index: 44;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}

#back-top a span {
	position: relative; display: table; width: 52px; height:52px; line-height: 52px; z-index: 9999 !important;
}
#back-top a i {
	position: relative; display: table;
	width: 52px; height:52px; line-height: 52px; text-align: center;
}