/** 
	* @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.
*/ 

/* ========================== 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 ============================= */
/* ============================================================= */border-radius10

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; vertical-align: baseline; background: transparent;}

body {font-family: Arial, Verdana, sans-serif; width:100%; margin: 0; padding: 0; border: 0; outline: 0; font-size:14px; line-height:1.3;}

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

form{margin:0; padding:0;}
	
a {color: #085e09; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
a:hover {color: #999999; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s 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;}


.cookieConsentContainer{
	z-index:999;width:450px;min-height:20px;box-sizing:border-box;padding:30px 30px 30px 30px;background:#f1f1f1;overflow:hidden;position:fixed;bottom:30px;right:30px;display:none
}
.cookieConsentContainer .cookieTitle {
	font-family:OpenSans,arial,sans-serif;color:#000000;font-size:20px;line-height:1.3;display:block;
}
.cookieConsentContainer .cookieDesc p{
	margin:0;padding:0;font-family:OpenSans,arial,sans-serif;color:#000000;font-size:14px;line-height:1.5;display:block;margin-top:15px;
}
.cookieConsentContainer .cookieDesc a{
	font-family:OpenSans,arial,sans-serif;color:#129e61;text-decoration:underline;
}
.cookieConsentContainer .cookieButton a{
	display:inline-block;font-family:OpenSans,arial,sans-serif;color:#ffffff;font-size:14px;font-weight:bold;margin-top:20px;background:#129e61;box-sizing:border-box;padding:13px 24px;text-align:center;transition:background .3s;
	text-transform: uppercase !important;
}
.cookieConsentContainer .cookieButton a:hover{
	cursor:pointer;background:#026c3e;
}
@media (max-width:980px){
	.cookieConsentContainer{bottom:0!important;left:0!important;width:100%!important}
}


/* ===================== POP-UP ======================== */
/* ===================================================== */

.escpopup{width:600px; left:50%; top:50%; position:fixed; padding:0; z-index:9999999; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.escpopup .leftCont{
	position:relative; margin:0; padding:30px 40px; width:100%; float:left; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5); box-shadow: 0 0 20px rgba(0,0,0,0.5); background: rgba(255,255,255,1); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index: 1;
}
.escpopup .leftCont p{position:relative; margin:0; padding:10px 0; width:100%; font-size: 20px;}
.escpopup .rightFechar{
	position:absolute; bottom: -45px; right: 30px; margin:0; padding:0; width:auto; z-index: 0; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5); box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.escpopup .rightFechar a{
	cursor: pointer; position: relative; width: auto; display: table; padding: 30px 30px 10px 30px; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #108318; color: #ffffff; font-size: 18px;
}
.escpopup .rightFechar a:hover{background: #005b06; color: #ffffff; text-decoration: none;}
@media only screen and (max-width: 768px)
{
.escpopup{width:100%; left:auto; top:50%; position:fixed; -webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);}
.escpopup .leftCont{
	position:relative; margin:0; padding:20px 30px; width:100%; float:left; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5); box-shadow: 0 0 20px rgba(0,0,0,0.5); background: rgba(255,255,255,1); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index: 1;
}
.escpopup .leftCont p{position:relative; margin:0; padding:10px 0; width:100%; font-size: 16px;}
.escpopup .rightFechar{
	position:absolute; bottom: -45px; right: 30px; margin:0; padding:0; width:auto; z-index: 0; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5); box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.escpopup .rightFechar a{
	cursor: pointer; position: relative; width: auto; display: table; padding: 30px 30px 10px 30px; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #108318; color: #ffffff; font-size: 18px;
}
.escpopup .rightFechar a:hover{background: #005b06; color: #ffffff; text-decoration: none;}
}


.acessoInformacao{height:28px; width:130px; margin:0; padding:0; margin-right:60px;}


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


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

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

#containerTopo .container{position:relative;}

.menu-lateral {display: none;}
.bMenuFechar{display: none;}


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


@media (max-width: 992px)
{
	#containerTopo .container .row .col-sm-2 { position: relative; width: 100%; float: none !important; text-align: center;}
	#containerTopo .container .row .col-sm-2 h1 {
		position: relative; width: auto !important; float: none !important; padding: 0; margin: 0 auto;
		text-align: center;
	}
	
	#containerTopo .container h1 img {float: none !important; width: 180px;}
	
	.maior-992 {display: none !important;}
}


/* ===================== 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 {display: none !important;}
}


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

.busca {
	position: relative; float: right; width: auto; display: table; padding: 0; margin: 0 auto;
}
.busca .bBusca{
	position:absolute; top:17px !important; right:17px !important; margin:0; padding:0; color:#06844d;
	-webkit-transition: all 0.0s linear; -moz-transition: all 0.0s linear;
	-o-transition: all 0.0s linear; transition: all 0.0s linear;
}
.busca .bBusca i{position:relative; font-size: 22px !important; margin:0; padding:0;}
.busca.active .bBusca{
	right:65px;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}
.busca form {position: relative; width: 100%; display: table; padding-top: 6px;}

/* Campo Formularo Input busca */

.busca .inputBusca {
	position: relative; float: right;
	background: #ffffff; color:#666666; padding:0 50px 0 20px; border:0; height:44px; line-height: 44px;
	text-decoration: none; width:400px; border:0; position:relative; margin:0 auto;
	border-radius: 22px !important; -moz-border-radius: 22px !important;
	-khtml-border-radius: 22px !important; -webkit-border-radius: 22px !important;
	-webkit-transition: all 0.0 linear !important; -moz-transition: all 0.0 linear !important;
	-o-transition: all 0.0 linear !important; transition: all 0.0 linear !important;
}
.busca.active .inputBusca {
	width: 1220px; right: 50px;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear; transition: all 0.1s linear;
}

.inputBusca::-webkit-input-placeholder {color: #999999;}
.inputBusca:-moz-placeholder {color: #999999;}
.inputBusca::-moz-placeholder {color: #999999;}
.inputBusca:-ms-input-placeholder {color: #999999;}

.busca .bBusca{position:absolute; top:7px; right:10px; margin:0; padding:0;}

.botao-busca{display: none;}
.bBuscaFechar{display: none;}
.buscaResponsivo {display: none;}

@media (max-width: 992px)
{
	.menu-lateral {
		display: table !important; position: absolute; width: auto; top: 50%; left: 15px; margin: 0; padding: 0; z-index: 3;
		-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);	
	}	
	.menu-lateral a {position: relative; display: block; padding: 0; margin: 0; color: #ffffff; cursor: pointer; text-decoration: none;}
	.menu-lateral a span {padding: 0 0 0 10px; line-height: 28px; margin: 0; color: #ffffff; font-size: 20px;}	
	.menu-lateral a i {color: #ffffff; font-size: 28px; line-height: 28px;}

	#menu-abrir{display: none;}
	
	.inputBusca {
		position: relative;
		background: #ffffff; color:#666666; padding:0 50px 0 20px; border:0; height:44px; line-height: 44px;
		text-decoration: none; width:100%; border:0; position:relative; margin:0 auto;
		border-radius: 22px !important; -moz-border-radius: 22px !important;
		-khtml-border-radius: 22px !important; -webkit-border-radius: 22px !important;
		-webkit-transition: all 0.0 linear !important; -moz-transition: all 0.0 linear !important;
		-o-transition: all 0.0 linear !important; transition: all 0.0 linear !important;
	}

	.botao-busca {
		display: table; position: absolute; width: auto; top: 50%; right: 15px;
		margin: 0; padding: 0; z-index: 3; color: #ffffff; cursor: pointer; text-decoration: none;
		-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);	
	}
	.botao-busca i {color: #ffffff; font-size: 28px; line-height: 28px;}
	.bBuscaFechar{display: none;}


	.buscaResponsivo {
		position:relative; width:100%; margin:0; display:table; padding:10px 15px !important; list-style: none; text-align:center;
		border-bottom: 1px #ffffff solid; border-top: 1px #ffffff solid; background-color: rgba(255,255,255,0.4);
	}
	.buscaResponsivo .bBusca{position:absolute; top:20px; right:30px; margin:0; padding:0; color:#14954b;}
}
@media (max-width: 768px)
{	
	.menu-lateral {left: 10px !important;}	
	.menu-lateral a span {display: none;}
}


/* ===================== Portfólio de Negócios ======================== */
/* ==================================================================== */

.destaque-portfolio {
	position: relative; width: 100%; display: table; padding: 0; margin: 0; overflow: hidden !important;
	background-image: url(/html/skin/pl_portfolio/imagens/bg-topo4.jpg);
	background-repeat: no-repeat; background-size: cover;
	background-position-x: center; background-position-y: center;
}

.destaque-portfolio:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; padding: 0; margin: 0;
	background: url(/html/skin/pl_portfolio/imagens/bg-top_azul.png) repeat-x top center; z-index: 1;
}

.destaque-portfolio .destaque-portfolio-int {
	position: relative; width: 100%; display: table; padding: 200px 0 0 0; margin: 0; z-index: 2;
}

.destaque-portfolio video {position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}

@media (max-width: 1320px)
{
	.destaque-portfolio video {width:auto !important; height: 900px !important;}
	
	.destaque-portfolio .destaque-portfolio-int {padding: 190px 0 0 0;}
}
@media (max-width: 1110px)
{
	.destaque-portfolio video {height: 850px !important;}
}
@media (max-width: 992px)
{
	.destaque-portfolio video {height: 800px !important;}

	.destaque-portfolio .destaque-portfolio-int {padding: 80px 15px 0 15px !important;}
}
@media (max-width: 768px)
{
	.destaque-portfolio video {height: 100% !important;}
	.leitura{position:relative; width: 50% !important; float: left !important;}
}

.destaque-portfolio h3{color: #ffffff; line-height: 1.4 !important;}


.destaque-portfolio p{position: relative; width: 100%; line-height: 1.5 !important; color:#ffffff; font-size: 20px;}

.destaque-portfolio ._df_thumb {
	position: relative !important;
	border: none; width:240px !important; height: 326px !important; display: table; text-align: center;
}

@media (max-width: 1199px)
{	
	.destaque-portfolio ._df_thumb {width:200px !important; height: 272px !important;}	

	#tabs-port {width:100% !important; padding-left: 10px !important; padding-right: 10px !important;}	
}
@media (max-width: 992px)
{
	.destaque-portfolio ._df_thumb {width:160px !important; height: 218px !important;}	
	.destaque-portfolio p{line-height: 1.4 !important; font-size: 18px;}
}
@media (max-width: 768px)
{
	.destaque-portfolio ._df_thumb {
		position: relative !important; top: auto !important; left: auto !important;
		margin-left: auto !important; margin-right: auto !important;
		border: none; width:200px !important; height: 271px !important; display: table; text-align: center;
	}
	.destaque-portfolio p{font-size: 16px;}
}
@media (max-width: 668px)
{
	.destaque-portfolio ._df_thumb {
		position: relative !important; top: auto !important; left: auto !important;
		margin-left: auto !important; margin-right: auto !important;
		border: none; width:180px !important; height: 245px !important; display: table; text-align: center;
	}
}
@media (max-width: 568px)
{
	.destaque-portfolio ._df_thumb {
		position: relative !important; top: auto !important; left: auto !important;
		margin-left: auto !important; margin-right: auto !important;
		border: none; width:160px !important; height: 218px !important; display: table; text-align: center;
	}
}

.cont-port-text {
	position:relative; width:100%; margin:0; padding:0; display: table; background: #ffffff; overflow: hidden;
}

input[type=text] {
	color:#333333; padding:0 10px; border:0; height:42px; font: 16px/42px 'Open Sans Regular', sans-serif;
	text-decoration: none; border:0; background:#ffffff; position:relative;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;
}

input[type=email] {
	color:#333333; padding:0 10px; border:0; height:42px; font: 16px/42px 'Open Sans Regular', sans-serif;
	text-decoration: none; border:0; background:#ffffff; position:relative;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;
}

select {
	color:#333333; padding:0 10px; border:0; height:42px; font: 16px/42px 'Open Sans Regular', sans-serif;
	text-decoration: none; border:0; background:#ffffff; position:relative;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;
}

.border {border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;}

textarea {
	color:#333333; padding:10px; border:0; font-size: 16px;
	text-decoration: none; border:0; background:#ffffff; position:relative;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;
}

.formfocus {position: relative; pointer-events: none !important;}
.formfocus:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table;
	padding: 0; margin: 0; pointer-events: none !important; background-color: rgba(255,255,255,0.5); z-index: 99;
}

.expform {position: relative; width: 100%; display: table; background: #1fad61; color: #ffffff !important; padding: 10px 15px; margin: 0;}
.aceiteform {position: relative; width: 100%; display: table; background: #1fad61; color: #ffffff !important; padding: 10px 15px; margin: 0;}

.width100 { width:100% !important;}

.modal-tamanho{width: 70% !important;}

.numeropasso {
	position: relative; width: 60px; height: 60px; line-height: 60px; display: table;
	padding: 0; margin: 0 auto; text-align: center; background: #f1f1f1; color: #1fad61 !important;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%;
}

@media (max-width: 1210px)
{	
	.modal-tamanho{width: 80% !important;}
	.numeropasso {width: 50px; height: 50px; line-height: 50px;}
}
@media (max-width: 992px)
{
	.modal-tamanho{width: 90% !important;}
	.numeropasso {width: 40px; height: 40px; line-height: 40px;}
}
@media (max-width: 768px)
{
	.modal-tamanho{width: 96% !important;}
	.numeropasso {display: none !important;}
}

.bg-temas {
	position: relative; width: 100%; display: table; margin: 0; overflow: hidden !important;
	background-repeat: no-repeat; background-size: cover;
	background-position-x: center; background-position-y: center;
}

.bg-temas-planejamento {
	position: relative; width: 100%; display: table; margin: 0; overflow: hidden !important;
	background-color: #f1f1f1;
}

.bg-temas-modelagem {
	position: relative; width: 100%; display: table; margin: 0; overflow: hidden !important;
}

.bg-temas-apoio {
	position: relative; width: 100%; display: table; margin: 0; overflow: hidden !important;
}

.bg-temas-ambiental {
	position: relative; width: 100%; display: table; margin: 0; overflow: hidden !important;
	background-repeat: no-repeat; background-size: cover;
	background-position-x: center; background-position-y: center;
}
.bg-temas-ambiental:before {
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; padding: 0; margin: 0;
	background: url(/html/skin/pl_portfolio/imagens/bg-top_azul.png) repeat-x top center;
}

.bg-gray {position: relative; background-color: #f1f1f1 !important;}

.bg-gray:before {
	content: ''; position: absolute; top: 0; right:-30px; width: 30px; height: 100%; background-color: #f1f1f1 !important;
}

.bg-gray:after {
	content: ''; position: absolute; top: 0; left:-30px; width: 30px; height: 100%; background-color: #f1f1f1 !important;
}


.bg-white {position: relative; background-color: #ffffff !important;}

.bg-white:before {
	content: ''; position: absolute; top: 0; right:-30px; width: 30px; height: 100%; background-color: #ffffff !important;
}

.bg-white:after {
	content: ''; position: absolute; top: 0; left:-30px; width: 30px; height: 100%; background-color: #ffffff !important;
}

.white { color: #ffffff !important;}

.white a { color: #ffffff !important;}

.text-categoria {
	color:#333333; background-color: rgba(255,255,255,0.9); padding: 3px 0; line-height: 1.5;
	-moz-box-shadow: 15px 0 0 rgba(255,255,255,0.9), -15px 0 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: 15px 0 0 rgba(255,255,255,0.9), -15px 0 0 rgba(255,255,255,0.9);
	box-shadow: 15px 0 0 rgba(255,255,255,0.9), -15px 0 0 rgba(255,255,255,0.9);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.text-categoria-ambiental {line-height: 1.5 !important;}

@media (max-width: 992px)
{	
	.bg-temas {padding-left: 15px; padding-right: 15px;}
	
	.bg-temas-ambiental {padding-left: 15px; padding-right: 15px;}
	
	.bg-temas-apoio {padding-left: 15px; padding-right: 15px;}
}



/* ===================== Botões Modal ======================== */
/* =========================================================== */

.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 .text {
	position: absolute; top: 50%; left: 0; width: 100%; padding: 0 15px; 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; line-height: 1.3 !important;
	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;
}

.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;
}

.pnl a .text p {
	position: relative; width: 100%; padding: 15px 0 0 0; margin: 0; text-align: center; line-height: 1.3 !important;
}

@media (max-width: 1199px)
{
	.pnl {width: 33.33333333% !important;}
	.col-text {width: 66.66666667% !important;}
}

@media (max-width: 992px) {
	.pnl {width: 50% !important;}
	.col-text {width: 100% !important; float: none !important;}
	.col-text-8 {width: 100% !important; float: none !important;}
}

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


/* ===================== Menu Horizontal ======================== */
/* ============================================================== */

.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 .cbp-hrmenu {
	border-top: none !important; border-bottom: none !important;
	background-color: rgba(255, 255, 255, 0) !important;
}

.menu-fixo nav ul {
	margin: 0 auto !important; padding: 0; list-style-type: none; width: 1150px; 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 > nav > ul > li > a {color:#000000 !important;}
.menu-fixo > nav > ul > li > a i {color:#000000 !important;}

.menu-fixo > nav > ul > li > a.megamenu_drop {padding-right:28px !important; background:url(/html/imagens/epl/dropdown_preto.png) no-repeat right 23px;}
.menu-fixo > nav > ul > li > a:hover.megamenu_drop {background:url(/html/imagens/epl/dropdown_preto.png) no-repeat right 23px;}
.menu-fixo > nav > ul > li.cbp-hropen > a.megamenu_drop {background:url(/html/imagens/epl/dropdown_preto.png) no-repeat right 23px;}
.menu-fixo > nav > ul > li.cbp-hropen > a.megamenu_drop:before {
	content:url(/html/imagens/epl/seta_mh_cinza.gif); position:absolute; width:19px; height:10px; bottom:-10px; right:9px; z-index:100; overflow:visible; background:url(/html/imagens/epl/seta_mh_cinza.gif) no-repeat;
}

.menu-fixo-logado  {top: 50px !important;}
#container_menu_horizontal {width: 100%; position:relative; padding: 0; margin: 0; height: 52px !important;}

@media (max-width: 992px)
{
	.menu-fixo{
		position:relative !important; z-index: 3 !important; overflow-y: auto;
		left: auto !important; top: auto !important; width: 100%; display: table;
	}
	.menu-fixo-logado  {top: auto !important;}
	#container_menu_horizontal {height: auto !important;}
}

#scroll-menu {display: block; position: fixed; top: -63px; width: 100%; left:0; z-index: 9999999999; filter:alpha(opacity=95);opacity:.95; font-size:12px;}
@media (max-width: 992px)
{
	#scroll-menu {display: none;}
}

.bgStyle2 {padding:0; font-size:12px; z-index:9999; position:relative;}

.menuInt {width:1100px; position:relative; margin:0;}
.menuIntJquery {
	width:1100px; position:relative; margin:0; padding:0; display:table;
	-webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px;
}
#menuResponsive { display:none;}
#menuHorizontal {
	width: 100%; position:relative; padding: 0; margin: 0; list-style: none;
	background:url(/html/imagens/epl/bg_ev.gif) #36760a no-repeat center bottom;
}
.container3 {width: 1150px; position:relative; padding: 0; margin: 0; list-style: none; display:table;}

.megamenu {
	list-style:none; padding:0; position:relative; /* For IE7 */ margin:0; font-family:Arial, Helvetica, sans-serif;
	font-size:16px; line-height:1;
}
.megamenu:before {
	content: ''; z-index:44; position: absolute; width: 44px; height: 44px; top:0; left:-44px;
	background: url(/html/imagens/epl/left_mh.gif) top right no-repeat;
}
	.megamenu > li {
		float:left; margin:0; border:none;
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		-ms-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
		.megamenu > li > a {
			font-size:15px; text-transform:uppercase; position:relative;
			text-decoration:none; display:block; color:#ffffff; background-color:#276000;
			padding: 0 20px 0 20px; height:44px; line-height: 44px; font-weight:normal; text-decoration:none;
		}
		.megamenu > li a.megamenu_drop {
			padding-right:30px; background:url(/html/imagens/epl/dropdown.png) #276000 no-repeat right 19px;
		}
		.megamenu > li:hover a.megamenu_drop {background:url(/html/imagens/epl/dropdown2.png) #276000 no-repeat right 19px;}
		.megamenu li:hover a.megamenu_drop:before {
			content:url(/html/imagens/epl/seta_mh.gif); position:absolute; width:19px; height:10px; bottom:-10px; right:9px; z-index:100; overflow:visible; background:url(/html/imagens/epl/seta_mh.gif) no-repeat;
		}
		.megamenu > li:hover > a, .megamenu > li > a:hover {color:#a1fb62;}		
		.megamenu li.megamenu_button {
			display: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
			transition: none;
		}

		/* Right aligned menu item */
		
		.megamenu li.megamenu_right {float:right; margin-right:-1px;}
		.megamenu li.megamenu_right a {background-color:#276000; display:block; padding:5px 0 0 0; cursor:pointer;}

@media (max-width: 1199px)
{
	.container3 {width: 100%;}
	.megamenu {font-size:13px; line-height:1;}
		.megamenu > li > a {font-size:13px; padding: 0 12px 0 12px;}
}
@media (max-width: 886px)
{
	#menuHorizontal { display:none !important;}
	#menuResponsive { width: 100%; position:relative; padding: 0; margin: 0; z-index:99; background:#276000; list-style: none; display:table !important; text-align:center;}
	#menuResponsive a.botaoMenu { width: 100%; display:block; position:relative; padding: 8px 0; margin: 0; z-index:99; list-style: none; display:table; text-align:center; font-size:20px; color:#ffffff; font-weight:normal;}
	#menuResponsive a:hover.botaoMenu { text-decoration:none;}
	#menuResponsive .mhRs { width: 100%; position:relative; padding: 0; margin: 0; z-index:99; list-style: none; display:none; text-align:left;}
	#menuResponsive a.botaoFecharMenu { width: 100%; display:block; position:relative; padding: 8px 0; margin: 0; z-index:99; list-style: none; display:table; text-align:center; font-size:20px; color:#ffffff; font-weight:normal;}
	#menuResponsive a:hover.botaoFecharMenu { text-decoration:none;}
	#menuResponsive .mhRs { width: 100%; position:relative; padding: 0; margin: 0; z-index:99; list-style: none; display:none; text-align:left;}

	#menuResponsive .mhRs > dl#accordion {list-style-type:none; margin: 0; height:auto !important; text-align:left;}

	#menuResponsive .mhRs > dl#accordion a.semAcd {text-decoration: none; margin:5px 0 0 0; padding:8px 10px; font-size:18px; font-weight:normal; text-decoration:none; display: block; position:relative; background:#36760a; border:0; color:#ffffff; text-transform:uppercase;}

	#menuResponsive .mhRs > dl#accordion a {text-decoration: none; margin:0; padding:0;}
	#menuResponsive .mhRs > dl#accordion dt {margin: 5px 0 0 0; padding:0;}
	#menuResponsive .mhRs > dl#accordion dt a {padding:8px 30px 8px 10px; margin:0; font-size:18px; font-weight:normal; text-decoration:none; display: block; position:relative; background:#36760a; border:0; color:#ffffff; text-transform:uppercase;}
	#menuResponsive .mhRs > dl#accordion dt.active a{font-weight:bold; color:#ffffff; border:0;}
	#menuResponsive .mhRs > dl#accordion dt a:before {		
		content: ''; z-index:99; position: absolute; width: 25px; height:25px; 
		top:10px; right:10px; background:url(/html/imagens/epl/acc_mais_mh.gif) top left no-repeat;
	}

	#menuResponsive .mhRs > dl#accordion dt.active a:before {		
		content: ''; z-index:99; position: absolute; width: 25px; height:25px; 
		top:10px; right:10px; background:url(/html/imagens/epl/acc_menos.gif) bottom left no-repeat;
	}
	#menuResponsive .mhRs > dl#accordion dd {display:none; margin:0; padding:0; width:100%; border:0;}
	#menuResponsive .mhRs > dl#accordion dd .indent {position:relative; padding:15px; margin:0;}
	#menuResponsive .mhRs > dl#accordion dd .indent ul {position:relative; padding:0; margin:0; width:100%; display:table; list-style:none;}
	#menuResponsive .mhRs > dl#accordion dd .indent ul > li {
		font-size:16px; text-transform:none; outline:0; display: table; width:100%; padding: 0; border-bottom:1px #ffffff dotted;
	}
	#menuResponsive .mhRs > dl#accordion dd .indent ul > li > a {
		font-size:16px; text-transform:none; outline:0; text-decoration:none; display: block; color:#ffffff; padding: 10px 0;
	}

	#menuResponsive .mhRs > dl#accordion dd .indent ul > li > ul {position:relative; padding:0 0 10px 30px; margin:0; list-style:none;}

	#menuResponsive .mhRs > dl#accordion dd .indent ul > li > ul > li {
		font-size:16px; text-transform:none; outline:0; display: table; width:100%; padding: 0; border-bottom:0; position:relative;
	}

	#menuResponsive .mhRs > dl#accordion dd .indent ul > li > ul > li:before {
	content: ''; z-index:99; position: absolute; width: 1px; height:100%; top:-6px; left:-20px; border-left: 1px dotted #ffffff;
	}
	#menuResponsive .mhRs > dl#accordion dd .indent ul > li > ul > li:after {
	content: ''; z-index:99; position: absolute; width: 16px; height:1px; top:15px; left:-20px; border-bottom: 1px dotted #ffffff;
	}
	#menuResponsive .mhRs > dl#accordion dd .indent ul > li > ul > li:last-child:before {
	content: ''; z-index:99; position: absolute; width: 1px; height:20px; top:-6px; left:-20px; border-left: 1px dotted #ffffff;
	}

	#menuResponsive .mhRs > dl#accordion dd .indent ul > li > ul > li > a {
		font-size:16px; text-transform:none; outline:0; text-decoration:none; display: block; color:#ffffff; padding: 6px 0;
	}
}


/* 2. Lists */

.megamenu li ul {padding:0; margin:0 0 18px 0;}
.megamenu li ul {list-style:disc;}
	.megamenu li ul li{
		font-size:14px; line-height:21px; position:relative; padding:0; margin:0; float:none; text-align:left;
	}
.megamenu li .list_unstyled {list-style: none; margin-left:0;}


/* ========================== Paddings e Margins ============================= */
/* =========================================================================== */

/* ================= 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-top42 { padding-top:42px !important;}.padding-bottom42 { padding-bottom:42px !important;}.padding-left42 { padding-left:42px !important;}.padding-right42 { padding-right:42px !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;}
}

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


/* ===================================================================================== */
/* ===================== Divide Título para botões de impressão ======================== */

#divisaoTit{width:100%; display:table; margin:0; padding-bottom:25px; position:relative;}
#divisaoTit h2{float:left; position:relative; margin:0; padding:0; width:85%; font-weight:normal; font-size:30px; background:none; border:0;}

#divisaoTit .rightTit{position:absolute; top:0; right:0; margin:0; padding:0; width:auto; text-align:right; list-style:none;}

#divisaoTit .rightTit ul {
    width: auto; position:relative; float:right; padding:0; margin:0; display:table; list-style:none;
}

#divisaoTit .rightTit ul li {
     width:auto; position:relative; float:left; padding:0; margin:0 5px; display:table; list-style:none;
}
#divisaoTit .rightTit ul li a {display:block; padding:0; margin:0; width:auto; width: 38px; height: 38px; line-height: 38px;}
#divisaoTit .rightTit ul li a:hover {-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);}

#divisaoTit .rightTit ul li a i {background:#0c8042; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #ffffff; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;} 
@media (max-width: 992px)
{
#divisaoTit h2{float:none; width:100%; font-size:20px;}
#divisaoTit .rightTit{display:none;}
}

.maisLeft {font-weight:bold; text-align:right; margin-top:10px;}
.maisLeft a {font-weight:bold; height:20px; line-height:20px; text-align:center; text-decoration:underline;}
.maisLeft a:hover {font-weight:bold; background:none; height:20px; line-height:20px; text-align:center; text-decoration:none;}


/* ================= Página Destaque ==================== */
/* ====================================================== */

@media (max-width: 768px)
{
	.icone-pag {display: none;}
}


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

.bitter-bold, .bitter-bold a {font-family:'Bitter Bold';}
.bitter-regular, .bitter-regular a {font-family:'Bitter Regular';}

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

.pt-sans-bold, .pt-sans-bold a {font-family:'PT Sans Bold';}
.pt-sans-regular, .pt-sans-regular a {font-family:'PT Sans Regular';}

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

.open-bold, .open-bold a {font-family:'Open Sans Bold';}
.open-regular, .open-regular a {font-family:'Open Sans Regular';}


/* ===================== P�gina de Busca do Portal ======================== */
/* ======================================================================== */

#search{ position:relative; width:100%; display:table; padding:0; margin:0; list-style:none;}
#search ul {margin: 0; padding:0; width:100%; list-style:none; position:relative; display:table;}
#search ul li {position:relative; width:100%; display:table; padding:10px 0; margin:0; border-bottom:1px #CCC dotted; font-size:18px; font-weight:normal;}


/* ===================== Modais ======================== */
/* ===================================================== */

#modais {border:0; position:relative; padding:10px 0 0 0; margin:0; width:100%;}
#modais ul {position:relative; padding:0; margin:0; width:100%; list-style:none;}
#modais ul li {position:relative; padding-top:12px; padding-bottom:12px; margin:0; display:table; width:100%;}
#modais ul li .img {position:relative; float:left; width:150px; padding:0; margin:0;}
#modais ul li .text {position:relative; float:right; width:47%; padding:0; margin:0;}


/* ===================== Listagem (Lista Todos) ======================== */
/* ===================================================================== */

#listagem {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#listagem ul {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#listagem ul li {padding-top:5px; padding-bottom:5px; margin:0; position:relative; width:100%; display:table;}
#listagem ul li .imgIc {float:left; position:relative; text-align:right; width:4%; padding:0; margin:0;}
#listagem ul li .text {float:right; position:relative; width:95%; padding-top:4px; margin:0; text-align:left;}
#listagem ul li .textOpen {float:right; position:relative; width:97%; padding-top:4px; margin:0; text-align:left;}
#listagem ul li .textFolder {float:left; position:relative; margin-left:6px; width:90%; padding-top:4px; text-align:left;}
#listagem ul li .bullet {float:right; position:relative; width:4%; padding-top:4px; margin:0; text-align:right;}
#listagem ul li p {padding:0; margin:0; text-align:left;}

@media (max-width: 767px)
{
	#listagem ul li .textFolder {margin-left:14px; width:87%;}
	#listagem ul li .text {width:93%;}
}
@media (max-width: 479px)
{
	#listagem ul li .textFolder {margin-left:17px; width:84%;}
	#listagem ul li .text {width:90%;}
}


/* ===================== Divis�o de Dvis ======================== */
/* ============================================================== */

#divisao {width:100%; display:table; margin:0; padding:0; position:relative;}
#divisao .left{float:left; position:relative; margin:0; padding:0;}
#divisao .right{float:right; position:relative; margin:0; padding:0;}


/* ===== Listagem de arquivos, pastas, links, interlinks, etc... ===== */
/* =================================================================== */

#listagem-arquivo {margin:0; padding:0; position:relative; display:table; width:100%;}
#listagem-arquivo ul {margin:0; padding:0; position:relative; display:table; width:100%; list-style: none;}
#listagem-arquivo ul li {
	margin:0; padding:0; position:relative; display:table; width:100%; list-style: none;
	border-bottom: 1px #cccccc dotted !important; padding-top:10px; padding-bottom: 10px;
}
#listagem-arquivo ul li:last-child {border-bottom: 0 !important;}
#listagem-arquivo ul li .row .col-sm-1 { text-align: right;}
#listagem-arquivo ul li .row .col-sm-11 p { width: 100%; position: relative; padding: 0; margin: 0;}
#listagem-arquivo ul li .row .col-sm-10 p { width: 100%; position: relative; padding: 0; margin: 0;}
#listagem-arquivo ul li .row .col-sm-1.mais { text-align: right; background: none !important;}

#listagem-arquivo > .row {
	margin:0; padding:0; position:relative; display:table; width:100%; list-style: none;
	border-bottom: 1px #cccccc dotted !important; padding-top:10px; padding-bottom: 10px;
}
#listagem-arquivo > .row:last-child {border-bottom: 0 !important;}
#listagem-arquivo .row .col-sm-1.icone { text-align: right;}
#listagem-arquivo .row .col-sm-11 p { width: 100%; position: relative; padding: 0; margin: 0;}
#listagem-arquivo .row .col-sm-10 p { width: 100%; position: relative; padding: 0; margin: 0;}
#listagem-arquivo .row .col-sm-1.mais { text-align: right; background: none !important;}

@media (max-width: 768px)
{
	#listagem-arquivo ul li .row .col-sm-1.icone { display: none; text-align: left !important;}
	#listagem-arquivo ul li .row .col-sm-1.mais { text-align: left !important;}

	#listagem-arquivo .row .col-sm-1.icone { display: none; text-align: left !important;}
	#listagem-arquivo .row .col-sm-1.mais { text-align: left !important;}
}


/* ===== Listagem de arquivos Novo ===== */
/* =================================================================== */

#listagem-novo {margin:0; padding:0; position:relative; display:table; width:100%;}
#listagem-novo > .row {
	position:relative; display:table; margin:0 !important; padding:0 !important; width:100%; list-style: none;
	border-bottom: 1px #cccccc dotted !important;
}
#listagem-novo > .row:last-child {border-bottom: 0 !important;}
#listagem-novo .row p.data { width: 100%; position: relative; padding: 0 !important; margin: 0 !important;}


/* ===================== Arquivos Separados ======================== */
/* ================================================================= */

#arquivos-separados {display:table; width:100%; position:relative;}
#arquivos-separados ul {margin:0; padding:0; display:table; width:100%; position:relative;}
#arquivos-separados ul li {margin:0; padding:15px 0; display:table; width:100%; position:relative; color: #000000; border-bottom: 1px #999999 dotted;}
#arquivos-separados ul li:last-child {border-bottom: none;}
#arquivos-separados ul li i.pdf {
	position:absolute; top: 15px; left: 0; display:table; width:26px; height: 26px; line-height: 26px;
	margin:0; padding:0; text-align: center; color: #ffffff; background: #f30000; font-size: 14px;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
}
#arquivos-separados ul li .texto {
	position:relative; float: left; display:table; width:94%; margin:0 0 0 35px; padding:0; text-align: left;  color:#000000;
}
#arquivos-separados ul li .texto a {margin:0; padding:0; color:#000000; font-size: 18px;}
#arquivos-separados ul li .texto p {margin:0; padding:0; display:table; width:100%;}


/* ==================== Slider ====================== */
/* ================================================== */

/*--- CAROUSEL ---*/
#bn{width:100%; margin:0; padding:22pt 0 0 0;}
.carousel-box {position:relative; width:100%; overflow:hidden; z-index:44; list-style:none; margin:0; padding:0; display:inherit;}
	.carousel-box .anterior,
	.carousel-box .proximo {position:absolute; z-index:44; top:15px; width:40px; height:40px; background-repeat:no-repeat; background-position:left top;}
	.carousel-box .anterior {left:0;}
	.carousel-box .proximo {right:0;}
	.carousel-box .carousel {width: !important; overflow:hidden; margin-left:67px;}
	.carousel-box ul li {width:201px; height:75px; float:left; position:relative; z-index:44; padding:0; margin-left:20px; margin-right:20px; list-style:none;}
	.carousel-box ul li .img{position:absolute; top:0; z-index:1; margin:0; padding:0; width:201px; height:75px;}
	.carousel-box ul li .imgHover{position:absolute; top:0; z-index:99; margin:0; padding:0; width:201px; height:75px;}
@media (max-width: 1199px)
{
#bn{display:none;}
}
	
	
/* ==================== Filhos Imagens ====================== */
/* ========================================================== */
	
.fImagens {position:relative; width:100%; display:table; margin:0 0 40px 0; padding:0; z-index:4; list-style:none;}
	.fImagens ul {position:relative; margin:-12px; padding:0; z-index:4; list-style:none;}
	.fImagens ul li {width:250px; height:160px; float:left; position:relative; z-index:4; padding:0; margin:12px; list-style:none;}
	.fImagens ul li a.galeria {position:relative; padding:0; margin:0; width:250px; height:160px; display:block; overflow:hidden;} 
	.fImagens ul li a.galeria .foto {width:100%; padding:0; margin:0;} 
	
.logadoImagens {
	position:absolute; bottom:0; left:0; z-index:99; background-color:#ffffff; padding:10px 10px 10px 0;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

#filhos-imagens {position:relative; display:table; margin:0 -15px; padding:0; z-index: 0; list-style:none;}
#filhos-imagens ul {position:relative; width:100%; margin:0; padding:0; list-style:none;}
#filhos-imagens ul li {width:250px; display: table; float:left; position:relative; padding:0; margin:15px; list-style:none;}
#filhos-imagens ul li a.galeria {width:100%; height: 164px; display: block; position:relative; overflow: hidden; padding:0; margin:0;}
#filhos-imagens ul li a.galeria img {width:100%; display: table; position:relative; padding:0; margin:0;}

#icones-edicao { position:absolute; top:5px; left:10px; display:table; width:32px; padding:0; margin:0; z-index:33;}
#icones-edicao ul { position:relative; display:table; width:32px; padding:0; margin:0;}
#icones-edicao ul li { position:relative; display:table; width:32px; height:32px; padding:0; margin:5px 0;}
#icones-edicao ul li a.logado { position:relative; display:block; width:32px; height:32px; line-height:32px; padding:0; margin:0;}
#icones-edicao ul li a.logado i { position:relative; display:table; width:32px; height:32px; line-height:32px; padding:0; margin:0 auto; text-align:center; font-size: 18px !important; background:#28b05f !important; color:#ffffff !important; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; text-decoration:none;}

#page-imagem {position:relative; width: 350px; display:table; float: left; margin:0 15px 10px 0; padding:0; z-index: 0; list-style:none;}
#page-imagem a {position:relative; width: 100%; display:block; margin:0; padding:0;}
#page-imagem a img {position:relative; width: 100%; display:table; margin:0; padding:0;}
.ic-imagem { position:absolute; top:5px; right:10px !important; display:table; width:32px; padding:0; margin:0; z-index:1;}
.ic-imagem ul { position:relative; display:table; width:32px; padding:0; margin:0;}
.ic-imagem ul li { position:relative; display:table; width:32px; height:32px; padding:0; margin:5px 0;}
.ic-imagem ul li a.logado { position:relative; display:block; width:32px; height:32px; line-height:32px; padding:0; margin:0;}
.ic-imagem ul li a.logado i { position:relative; display:table; width:32px; height:32px; line-height:32px; padding:0; margin:0 auto; text-align:center; font-size: 18px !important; background:#28b05f !important; color:#ffffff !important; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; text-decoration:none;}

@media (max-width: 500px)
{
#page-imagem {width: 100% !important; float: none !important; margin:0 0 15px 0 !important;}
}
	
	
/* ===================== Botões das buscas de próximo e anterior ======================== */
/* ====================================================================================== */

.bbuscapa {padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-weight: bold; text-decoration: none;}
.bbuscapa:hover {padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-weight: bold; text-decoration: none;}
.bbuscapa:focus {padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-weight: bold; text-decoration: none;}

.ok {padding:4px; font-weight: bold; text-decoration: none;}
.ok:hover {padding:4px; font-weight: bold; text-decoration: none;}
.ok:focus {padding:4px; font-weight: bold; text-decoration: none;}
			
			
/* ========================== Rodapé ============================= */
/* =============================================================== */

.rdPortal{
	width:100%; position:relative; margin:0 auto !important;
	background: url(/html/skin/pl_portfolio/imagens/bg-rodape.png) repeat-x top #01b94e; overflow: hidden; padding:0;
}

#divisaoRd .fb-page{position: absolute; bottom: 30px; right: 0; display:table; padding:0; margin:0;}

#divisaoRd {display:table; margin:0 auto !important; position:relative;}
#divisaoRd .row .col-sm-3 ul{width:100%; display:table; padding:0; margin:0; position:relative;}
#divisaoRd .row .col-sm-3 ul h2{ position: relative; width: 100%; font-weight: 100 !important; font-family: arial; color:#ffffff; text-transform:uppercase;}
#divisaoRd .row .col-sm-3 ul h2 a{color:#ffffff; text-decoration:none;}
#divisaoRd .row .col-sm-3 ul li{width:100%; display:table; margin:0; padding:0; position:relative; color:#ffffff;}
#divisaoRd .row .col-sm-3 ul li a{ position: relative; width: 100%; padding:5px 0 5px 0; display:block; font-weight:normal; color:#ffffff; }
#divisaoRd .row .col-sm-3 ul li:hover a{color:#86fb62;}
#divisaoRd .row .col-sm-3 ul li ul{width:100%; display:table; padding:0; position:relative;}
#divisaoRd .row .col-sm-3 ul li ul li{width:100%; display:table; margin:0; padding:0; position:relative; color:#ffffff;}
#divisaoRd .row .col-sm-3 ul li ul li a{ padding:5px 0 5px 25px; display:block; font-weight:normal; color:#ffffff;}
#divisaoRd .row .col-sm-3 ul li ul li:hover a{color:#86fb62;}
#divisaoRd .row .col-sm-3 > ul > li > ul > li:before{
	content: ''; z-index:1; position: absolute; width: 1px; 
    height: 100%; bottom:0; top:0; left:10px; border-left: 1px dotted #ffffff;
}
#divisaoRd .row .col-sm-3 > ul > li > ul > li:last-child::before{
	content: ''; z-index:1; position: absolute; width: 1px; 
    height: 11px; bottom:0; top:0; left:10px; border-left: 1px dotted #ffffff;
}
#divisaoRd .row .col-sm-3 > ul > li > ul > li:after{
	content: ''; z-index:1; position: absolute; width: 10px; 
    height: 1px; top:11px; left:10px; border-bottom: 1px dotted #ffffff;
}
@media (max-width: 992px)
{
	#divisaoRd{display: none;}
}

.rdCopy{ width:100%; position:relative; margin:0; padding-top:25px; padding-bottom:25px; background:#036837; color:#ffffff;}

/* ===================== Footer ======================== */
/* ===================================================== */

#footer {
   position:relative; display: table; padding: 22px 0 20px 0; margin: 0;
   width: 100%; border-top: 1px rgba(255, 255, 255, 0.6) solid;
}

#footer .footerInt { position:relative; padding:0; margin:0 auto !important; display:table;}
#footer .footerInt .left { position:relative; width:auto; float:left; padding:0; margin:0; display:table;}
#footer .footerInt .right { position:relative; width:auto; float:right; padding:0; margin:0; display:table;}

@media (max-width: 1210px)
{
	#footer .footerInt .left {margin:0 0 0 20px;}
	#footer .footerInt .right {margin:0 20px 0 0;}
}

@media (max-width: 600px)
{
	#footer .footerInt .left {width:49%; margin:0 0 0 0;}
	#footer .footerInt .right {width:49%; margin:0 0 0 0;}
	#footer .footerInt .left img { width:70%;}
	#footer .footerInt .right img { width:70%;}
}

#canvas1 { position:relative; display:table; padding:0; margin:0; width:100%}


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

#borda-768 {position: relative; border-bottom: 1px rgba(255, 255, 255, 0.6) solid;}
#borda-768 .linha-768 {position: relative; width: 100%; display: table; }

@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;}

/* ============= Tamanho da Fonte de 10 px ============= */

.brod {font-size: 10px;}
.brod a {font-size: 10px;}
.brod a:hover {font-size: 10px;}

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

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


/* ================== Tooltip ================ */
/* =========================================== */

p#vtip { 
	display: none; position: absolute; z-index: 9999; padding:5px 10px 5px 10px; font-size:16px; font-weight:normal;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
	background-color: rgba(31, 148, 78, 0.9); color:#ffffff;
}
p#vtip #vtipArrow {position: absolute; top: -10px; left: 7px;}

p#ptip { 
	display: none; position: absolute; z-index: 9999; padding:5px 10px 5px 10px; font-size:16px; font-weight:normal;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-bottom: 10px; margin:0;
	color:#ffffff; text-shadow:1px 1px #000000; border: 6px solid #cccccc; z-index: 9999; width:200px;
	background-image: url(/html/imagens/epl/bg_tooltip.png); box-shadow: 0 0 5px #000000;
	-khtml-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000;  -webkit-box-shadow: 0 0 5px #000000;
}
p#ptip #vtipArrow {position: absolute; top: -10px; left: 7px;}


/* ================== background Editar links dos filhos imagens ================ */
/* ============================================================================== */

.bgFilhosImagens {
	padding-left: 10px; padding-right:10px; padding-bottom:5px; padding-top:5px; font-size: 12px; color:#ffffff; text-shadow:1px 1px #000000; font-weight:bold;
	border: 1px solid #000000; z-index: 99; background-image: url(/html/imagens/epl/bg_tooltip.png);	
	border-radius: 5px;	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px; 	
	-khtml-box-shadow: 0 0 5px #000000;	-moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000;
}


/* ===================== Loading ======================== */
/* ====================================================== */

.loading{
	position:fixed; z-index: 99999999; top:0; left:0; width:100%; height:100vh;  background:rgb(255,255,255,0.7);
	_top:expression(eval(document.body.scrollTop)); *top:expression(eval(document.body.scrollTop));
}
.loading:after{
	position:fixed; content: url(/html/imagens/site/loading.gif); z-index:999999999;
        top:50%; left:50%; width:940px; margin-left:-470px; margin-top:-200px; z-index:99999;
} 


input.error, select.error {border: 1px #f00 solid;}
label.error {color: #f00;}


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

#toTop {background: url(/html/imagens/epl/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/epl/uitopo.png) no-repeat bottom; width:51px; height:51px; position:fixed; bottom:10px; right:10px; cursor:pointer; display:none;}


/* ================== Logado Cooperação ================ */
/* ===================================================== */

.locago-cooperacao {position:relative; width: 100%; display: table; padding: 0 0 20px 0; margin: 0;}
.locago-cooperacao ul {position:relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none;}
.locago-cooperacao ul li {
	position:relative; width: auto !important; float: left; display: table; padding: 0; margin: 0 2px 0 0; list-style: none;
}
.locago-cooperacao ul li a {
	width: 100% !important; display: block; padding: 7px 15px; margin: 0; background: #f1f1f1; text-decoration: none !important;
}
.locago-cooperacao ul li a:hover {	background: #0c8042; color: #ffffff;}


/* ================== 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; color:#333333;}
	dl#accordion > dt {margin: 5px 0 0 0; padding:0;}
		dl#accordion > dt > a {padding:14px 40px 14px 14px; margin:0; font-size:16px; font-weight:normal; text-decoration:none; display: block; position:relative; border:0; background:#ececec; color:#333333;}
		dl#accordion > dt.active > a{background:#0c8042; color:#ffffff !important; border:0;}
		dl#accordion > dt.active > a span.vermelho {color:#ffffff !important;}
		dl#accordion > dt > a:before {		
			content: ''; z-index:11; position: absolute; width: 25px; height:25px; 
			top:14px; right:10px; background:url(/html/imagens/epl/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/imagens/epl/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 40px 14px 14px; margin:0; font-size:16px; font-weight:normal; text-decoration:none; display: block; position:relative; border:0; background:#ececec; color:#333333;}
		dl#accordion > dd .indent > dl#accordion > dt.active a{background:#0c8042; color:#ffffff !important; border:0}
		dl#accordion > dd .indent > dl#accordion > dt.active a span.vermelho{color:#ffffff !important;}
		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/imagens/epl/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/imagens/epl/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;}
		

#quem h3 {padding:0 0 5px 0; font-size:16px; font-weight:normal; text-decoration:none; border:0;}
	
#quem ul {list-style-type:none; margin: 0; padding:0; width:100%; position:relative; display:table;}
		#quem ul li {
			padding:15px 25px 15px 0; font-weight:normal; text-decoration:none; font-style:normal;
			border-left:0; border-top:0; border-right:0; border-bottom:1px #cccccc dashed;
		}
	#quem dl#accordion dd {display:none; margin:0; padding:0;}
		#quem dl#accordion dd .indent {padding:5px 0 5px 0;}
		#quem dl#accordion dd a {display:inline; background:none; padding:0; font-weight:normal; width:auto; text-decoration:underline;}
		#quem dl#accordion dd a:hover {text-decoration:none; background:none;}
		
		#quem dl#accordion dd dl#accordion  dt a {
			padding:8px 35px 8px 5px; border-top:0; border-left:0; border-right:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
			font-weight:normal; text-decoration:none; font-size:16px;
			background:url(/html/imagens/epl/marker-acc.gif) top right no-repeat; border-bottom:1px #b9b9b9 dotted;			
			}
		#quem dl#accordion dd dl#accordion dt a:hover {
			background:url(/html/imagens/epl/marker-acc-menos.gif) top right no-repeat; color:#000; background-color:#f6f6f6; border-bottom:1px #b9b9b9 dotted;
			padding:8px 35px 8px 5px; border-top:0; border-left:0; border-right:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
			}
		#quem dl#accordion dd dl#accordion dt.active a{
			background:url(/html/imagens/epl/marker-acc-menos.gif) top right no-repeat; color:#000; background-color:#f6f6f6; border-bottom:1px #b9b9b9 dotted;
			padding:8px 35px 8px 5px; border-top:0; border-left:0; border-right:0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
			}

	#quem dl#accordion dd, dl#accordion dd dl#accordion dd { display:none; margin:0; }
		#quem dl#accordion dd .indent, dl#accordion dd dl#accordion dd .ident { padding:10px !important; }
		#quem dl#accordion dd a, dl#accordion dd dl#accordion dd a { display:inline; background:none; padding:0; font-weight:normal; width:auto; text-decoration:none; }
		#quem dl#accordion dd a:hover, dl#accordion dd dl#accordion dd a:hover { text-decoration:underline; background:none; }
		

/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 212px; padding-top: 20px; overflow: hidden; display: none; position: absolute; z-index: 9999999;
	background: transparent url(/html/imagens/epl/tipTop.png) no-repeat top;
	color:#ffffff; font-weight:bold; text-align:center;
}
	
.tipMid {background: transparent url(/html/imagens/epl/tipMid.png) repeat-y; padding: 0 20px 0px 20px; color:#ffffff; font-weight:normal; text-align:center;}
.tipBtm {background: transparent url(/html/imagens/epl/tipBtm.png) no-repeat bottom; height: 32px; color:#ffffff; font-weight:normal; text-align:center;}


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

#back-top-wrapper {width:100%; position:absolute; overflow:hidden; z-index:999;}
#back-top {position: fixed; bottom: 10px; right:20px; width: 52px; height:52px; display:none;}
#back-top a {
	width: 52px; height:52px; display: block; text-align: center; font: 12px/100% Arial, Helvetica, sans-serif; font-weight:bold;
	text-transform: uppercase; text-decoration: none; color: #000000;
	/* transition */
	-webkit-transition: 1s;	-moz-transition: 1s; transition: 1s;
}

/* arrow icon (span tag) */
#back-top span {
	width: 52px; height: 52px; display: block; margin-bottom: 7px;
	background: #0c8042 url(/html/imagens/epl/up-arrow.gif) no-repeat center 11px; border:2px #0c8042 solid;
	/* rounded corners */
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	/* transition */
	-webkit-transition: 1s;	-moz-transition: 1s; transition: 1s;
}
#back-top a:hover span {background-color: #ffffff;	background-position:center -81px; border:2px #0c8042 solid;}


/* ===================== Icones de Edicao do Publicare ======================== */
/* ============================================================================ */

a.edition{ padding:0; margin:0; border:0; display:auto;}
a.edition i{ padding:0 5px; margin:0; border:0;}
.text-center ul.pagination li .active-dude{font-weight: bold; background: #e6e6e6;}


/* ======================= Mensagens Consutla Publica ========================= */
/* ============================================================================ */
div.mensagem-sucesso {
    padding:10px; margin:10px auto 10px; border:1px solid; display: box; background-color: #af8; width: 50%;
    border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}
div.mensagem-erro {
    padding:10px; margin:10px auto 10px; border:1px solid; display: box; background-color: #fbb; width: 50%; 
    border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}