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


.containerbannerunico{position: relative;}

.linkbannerunico{position: relative; width: 100%; display: block; padding: 0; margin: 0;}

.bannerunico{position: relative; width: 100%; display: table; padding: 0; margin: 0;}
@media (max-width: 992px)
{
	.containerbannerunico{position: relative; padding-left:15px; padding-right: 15px;}
}

/* ===================== Janela Aceite Cookies ======================== */
/* ==================================================================== */

.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:992px){
	.cookieConsentContainer{bottom:0!important;left:0!important;width:100%!important}
}


/* ===================== Barra do Brasil ======================== */
/* ============================================================== */

#barra-brasil{background-color:#004725 !important;}
#barra-brasil .conteudo-barra-brasil{max-width: 1300px !important; width: 1300px !important;}	
@media (max-width: 1320px)
{
	#barra-brasil .conteudo-barra-brasil{max-width: 1200px !important; width: 1200px !important;}
}
@media (max-width: 1210px)
{
	#barra-brasil .conteudo-barra-brasil{max-width: 1090px !important; width: 1090px !important;}
}
@media (max-width: 1110px)
{
	#barra-brasil .conteudo-barra-brasil{max-width: 970px !important; width: 970px !important;}
}
@media (max-width: 992px)
{
	#barra-brasil .conteudo-barra-brasil{max-width: 100% !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;}


/* ===================== Topo do Portal ======================== */
/* ============================================================= */

#containerTopo{position:relative; width:100%; margin:0; padding:0; background: url(/html/imagens/epl/bg_topo_portal.png) #0c8042 repeat-x top;}
#containerTopo #interTopo{position:relative; height: 120px; margin:0; padding:0; display:table;}

#containerTopo #interTopo .menu-lateral {display: none;}
#containerTopo #interTopo .bMenuFechar{display: none;}

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

#containerTopo #interTopo  h1 {
	position:absolute; width:auto; top: 50%; left: 0; margin:0; padding:0; display:table;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#containerTopo #interTopo  h1 a, #containerTopo #interTopo  h1 a:hover { position: relative; width: 100%; display:block; text-decoration:none; color:#ffffff !important; text-decoration: none;}
#containerTopo #interTopo  h1 a img {
	position: relative; width: 400px; display: table; padding: 0; margin: 0;
}
#containerTopo #interTopo  h1 a div {position: relative; display: table; width: 100%; font-family: arial; font-size: 9.2px; font-weight: 100; padding:0; margin: 10px 0 0 -8px; line-height: 1;}

/* ===================== Rede social ======================== */

#containerTopo #interTopo #rede-social{
	position:absolute; width:auto; top: 50%; right: 37.6%; margin:0; padding:0; display:table;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
#containerTopo #interTopo #rede-social ul{ width: 100%; position: relative; display: table; padding: 0; margin: 0;}
#containerTopo #interTopo #rede-social ul li{ width: auto; float: left; position: relative; display: table; padding: 0; margin: 0 6px;}
/* Campo Formularo Input busca */
#containerTopo #interTopo #rede-social ul li a.face {
	position:relative; display: table; width: 100%; margin:0; padding: 0; text-decoration: none !important;
}
#containerTopo #interTopo #rede-social ul li a.face i {
	color:#ffffff; line-height:42px; position: relative; width: auto; display: table;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#containerTopo #interTopo #rede-social ul li a.face:hover i {
	color:#86fb43;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear; transition: all 0.3s linear;
}

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

#containerTopo #interTopo #busca{
	position:absolute; width:36%; top: 50%; right: 0; margin:0; padding:0; display:table;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

.inputBusca {
	background: #ffffff; color:#333333; padding:0 50px 0 10px; height:42px; font: 100 16px/42px 'Arial';
	text-decoration: none; width:100%; border:1px #dddddd solid !important; position:relative; float:right;
	border-radius: 5px !important; -moz-border-radius: 5px !important;
	-khtml-border-radius: 5px !important; -webkit-border-radius: 5px !important;
}
.inputBusca::-webkit-input-placeholder {color: #999999;}
.inputBusca:-moz-placeholder {color: #999999;}
.inputBusca::-moz-placeholder {color: #999999;}
.inputBusca:-ms-input-placeholder {color: #999999;}

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

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

@media (max-width: 1199px)
{
#containerTopo{padding:0 10px;}
	
#containerTopo #interTopo .botao-busca{display: none;}
#containerTopo #interTopo .bBuscaFechar{display: none;}
.buscaResponsivo {display: none;}
	
}
@media (max-width: 992px)
{
#containerTopo #interTopo .menu-lateral {
  display: table; position: absolute; width: auto; top: 50%; left: 0; margin: 0; padding: 0;
  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);	
}	
#containerTopo #interTopo .menu-lateral a {position: relative; display: block; padding: 0; margin: 0; color: #ffffff; cursor: pointer; text-decoration: none;}
#containerTopo #interTopo .menu-lateral a span {padding: 0 0 0 10px; line-height: 28px; margin: 0; color: #ffffff; font-size: 20px;}	
#containerTopo #interTopo .menu-lateral a i {color: #ffffff; font-size: 28px; line-height: 28px;}
	
#containerTopo #interTopo h1 {
  left: 50%;
  -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%);	
}
#containerTopo #interTopo h1 a img {width: 230px;}
#containerTopo #interTopo h1 a div {font-size: 6px;}
	
#containerTopo #interTopo .botao-busca{
  display: table; position: absolute; width: auto; top: 50%; right: 0; margin: 0; padding: 0;
  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);		
}
#containerTopo #interTopo .botao-busca i{color: #ffffff; font-size: 28px; line-height: 28px;}
#containerTopo #interTopo .bBuscaFechar{display: none;}

#containerTopo #interTopo #rede-social{display: none;}
#containerTopo #interTopo #busca{display: none;}
	
#menu-abrir{display: none;}
	
.buscaResponsivo {
	position:relative; width:100%; margin:0; display:table; padding:10px 0 !important; list-style: none; text-align:center;
}
.buscaResponsivo .bBusca{position:absolute; top:20px; right:20px; margin:0; padding:0; color:#14954b;}
}
@media (max-width: 768px)
{
#containerTopo #interTopo{position:relative; width:100%; margin:0; padding:0; display:table;}
	
#containerTopo #interTopo .menu-lateral {left: 10px !important;}	
#containerTopo #interTopo .menu-lateral a span {display: none;}
	
#containerTopo #interTopo .botao-busca{right: 10px !important;}
}


/* ===================== Ajuda ao Formulário ======================== */
/* ================================================================== */

/* Campo Formularo Input busca */
.floatLeftData { float:left; width:100px; position:relative; height:28px; line-height:28px; padding:0 10px;}
.demoLabel { float:left; width:auto; position:relative; line-height:34px; font-size:14px; font-weight:normal; padding:0 10px;}
fieldset { position:relative; width:100%; padding:0; margin:0; display:table; list-style:none;}
fieldset ul { position:relative; width:100%; padding:0; margin:0; display:table; list-style:none;}
fieldset ul li { position:relative; width:100%; padding:10px 0; margin:0; display:table; list-style:none; border-bottom:1px #cccccc solid;}
fieldset ul li label { position:relative; float:left; width:20%; padding:5px 0 0 0; margin:0; display:table; font-size:16px; font-weight:normal;}
fieldset ul li .compoForm { position:relative; float:right; width:78%; padding:0; margin:0; display:table; font-size:16px; font-weight:normal;}

fieldset ul li .compoForm .tamanhoInputCt { width:96%;}
@media (max-width: 768px)
{
	fieldset ul li label { position:relative; float:none; width:100%; padding:0 0 5px 0; margin:0; display:table; font-size:16px; font-weight:normal;}
	fieldset ul li .compoForm { position:relative; float:none; width:100%; padding:0; margin:0; display:table; font-size:16px; font-weight:normal;}
}



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

#containerTopo .ac {position:relative; margin:0; display:table; padding: 5px 0 0 0; list-style: none;}
#containerTopo .ac ul {margin: 0; padding: 0; width: auto; display:table; float:right; list-style: none; position:relative;}
#containerTopo .ac ul.leftt {float:left;}
#containerTopo .ac ul.leftt li a.first {padding:7px 0; margin:0;}
#containerTopo .ac ul.leftt li a.second {padding:7px 0; margin:0 0 0 10px;}
#containerTopo .ac ul li {margin: 0; padding:0; position: relative; list-style: none; float:left;}
#containerTopo .ac ul li a {padding:7px 0; margin:0 0 0 15px; color:#ffffff; display:block; text-decoration:none;}
#containerTopo .ac ul li a span {
	padding:3px 7px; background:#ffffff; color:#276000; font:100 12px/12px Arial, Helvetica, sans-serif;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%;
}

#containerTopo .ac ul.leftt li a:hover.first {color:#ffffff;}
#containerTopo .ac ul li a:hover {color:#77f143;}
#containerTopo .ac ul li a:hover span {background:#77f143; color:#276000;}

@media (max-width: 992px)
{
#containerTopo .ac {display: none;}
}


/* ===================== Login para área restrita ======================== */
/* ======================================================================= */

.loginDiv{ padding:20px 0 10px 0; margin:0; width:100%;}

.loginDiv .intLogin{
	width:502px; margin:0; padding:20px 0 25px 0; z-index:9999999; border:2px #e5e5e5 solid; display:table;
	background:#ffffff; border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px;
}
.loginDiv .intLogin .logo{ text-align:center; margin:0; padding:15px 0 10px 0;}

.loginDiv .intLogin p.explicacao {padding:0 30px 15px 30px; margin:0; text-align:center; font-size:18px; font-weight:normal;}
.loginDiv .intLogin fieldset {border:0; position:relative; padding:0; margin:0;}
.loginDiv .intLogin fieldset ul {position:relative; padding:0; margin:0; width:100%; list-style:none;}
.loginDiv .intLogin fieldset ul li {position:relative; padding:0; margin:0; display:table; width:100%; text-align:center; border:0;}
.loginDiv .intLogin fieldset ul li:hover {background:none; border:0;}
.loginDiv .intLogin fieldset ul li.entrar {position:relative; padding:15px 0 0 0; margin:0; display:table; width:100%;}
.loginDiv .intLogin fieldset ul li.error {position:relative; padding:0 0 10px 0; margin:0; display:table; width:100%; font-size:16px; color:#F00; font-weight:bold;}
.loginDiv .intLogin fieldset ul li .login {
	padding:0 0 0 62px; height:56px; line-height:56px; font-size: 20px; text-decoration: none; border:1px #e0e1e3 solid; width:328px;	
	background: url(/html/imagens/epl/l_login.png) #ffffff no-repeat left; color:#b8b8b8; width:328px;
}
.loginDiv .intLogin fieldset ul li .senha {
	padding:0 0 0 62px; height:56px; line-height:56px; font-size: 20px; text-decoration: none;
	border-left:1px #e0e1e3 solid; border-right:1px #e0e1e3 solid; border-bottom:1px #e0e1e3 solid; border-top:0;
	background: url(/html/imagens/epl/l_senha.png) #ffffff no-repeat left; color:#b8b8b8; width:328px;
}
.loginDiv .intLogin fieldset ul li a.entrar {
	padding:0; height:46px; line-height:46px; font-size: 22px; text-decoration: none; border:1px #9eca2f solid; width:390px;
	background: #a4cf41; color:#ffffff; text-transform:uppercase; display:block;
}
.loginDiv .intLogin fieldset ul li .entrar:hover {background: #36a215; color:#ffffff; text-transform:uppercase;}

.listaTodos{padding:15px; margin-bottom:20px;}


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

.menu-fixo{
	position:fixed !important; z-index: 99 !important; overflow-y: auto; left: 0; top: 0; width: 100%; display: table;
}
.menu-fixo-logado  {top: 50px !important;}
#container_menu_horizontal {width: 100%; position:relative; padding: 0; margin: 0; height: 50px !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: 1170px)
{
.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;
}
}


/* ======== MEGA MENU CONTAINERS ======== */

.megamenu li .dropdown_container, .megamenu li .dropdown_fullwidth, .megamenu li .dropdown_multilevel {
	position: absolute; margin:0; padding:15px 5px; left:-9999em; top:-9999em;
	display: block; zoom:1; z-index:99; float: left; background: url(/html/imagens/epl/bg_listra_mh.png) #276000 repeat-x top;
}
.megamenu li .dropdown_first {margin-left:-1px;}
.megamenu li .droplast_right {margin-right:-1px;}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover .dropdown_container {top:44px; left:auto;}
.megamenu li:hover .dropdown_fullwidth {top:44px; left:-1px;}
.megamenu li .dropdown_right {right:0;}
.megamenu li:hover .dropdown_right {top:44px; left:auto; right:0;}


/* ======== FLY-OUT MENU ======== */

.megamenu .dropdown_flyout, 
.megamenu .dropdown_flyout .dropdown_flyout_level {padding: 0; margin: 0; list-style: none; z-index: 9;}
.megamenu .dropdown_flyout li {width: 220px;}
.megamenu .dropdown_flyout li ul li {width: 220px;}

.megamenu .dd_full {float:left; width:100%; padding:0 10px;}
@media (max-width: 1170px)
{
.megamenu .dropdown_flyout li {width: 188px;}
.megamenu .dropdown_flyout li ul li {width: 188px;}
}
@media (max-width: 992px)
{
.megamenu .dropdown_flyout li {width: 140px;}
.megamenu .dropdown_flyout li ul li {width: 140px;}
}

.megamenu .dropdown_flyout li.dropdown_parent {
	background:url(/html/imagens/epl/right-b.png) no-repeat 200px 16px;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.megamenu .dropdown_flyout ul.dropdown_flyout_level li.dropdown_parent  {background:url(/html/imagens/epl/right-b.png) no-repeat right 15px;}
.megamenu .dropdown_flyout ul.dropdown_flyout_level li.dropdown_parent ul li.dropdown_parent {background:url(/html/imagens/epl/right-b.png) no-repeat right 9px;}

.megamenu .dropdown_flyout li a {display: block; color:#ffffff; padding: 8px 20px 8px 20px;}
.megamenu .dropdown_flyout li a:hover {color:#a1fb62;}

.megamenu .dropdown_flyout li a.dropdown_parent {display: block; color:#ffffff; padding: 8px 30px 8px 20px;}

.megamenu .dropdown_flyout li.ajuda a {display: block; color:#ffffff; padding: 8px 20px 8px 20px; background:#1e4a00;}

.megamenu .dropdown_flyout li:hover a.dropdown_parent {color:#a1fb62;}

.megamenu .dropdown_flyout li.dropdown_parent:hover, .megamenu .dropdown_flyout li.dropdown_parent:hover {
	background:url(/html/imagens/epl/right-b-hover.png) #215100 no-repeat 210px 16px;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
}
.megamenu .dropdown_flyout li.dropdown_parent ul li.dropdown_parent:hover {background:url(/html/imagens/epl/right-b.png) #1b4200 no-repeat right 10px;}
.megamenu .dropdown_flyout li.dropdown_parent ul li.dropdown_parent ul li.dropdown_parent:hover {background:url(/html/imagens/epl/right-b.png) #153400 no-repeat right 10px;}
.megamenu .dropdown_flyout .dropdown_flyout_level {
	position: absolute; margin:0; padding:10px 0;
	left: -9999em; top:-9999em; display: block; zoom:1; width: auto; 
	float: left; background:#215100;
}
.megamenu .dropdown_flyout .dropdown_flyout_level .dropdown_flyout_level { background:#1b4200;}
.megamenu .dropdown_flyout .dropdown_flyout_level .dropdown_flyout_level .dropdown_flyout_level { background:#153400;}

.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {left:100%; top:0;}
.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {left:100%;}

@media (max-width: 1170px)
{
	.megamenu .dropdown_flyout li.dropdown_parent {
		background:url(/html/imagens/epl/right-b.png) no-repeat 175px 11px;
		-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
	}
	.megamenu .dropdown_flyout li.dropdown_parent:hover, .megamenu .dropdown_flyout li.dropdown_parent:hover {
		background:url(/html/imagens/epl/right-b.png) #215100 no-repeat 180px 11px;
		-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)
{
	.megamenu .dropdown_flyout li a {
		display: block; color:#ffffff; padding: 5px 20px 5px 20px;
	}
	.megamenu .dropdown_flyout li a.dropdown_parent {
		display: block; color:#ffffff; padding: 5px 30px 5px 20px;
	}
	.megamenu .dropdown_flyout li.dropdown_parent {
		background:url(/html/imagens/epl/right-b.png) no-repeat 125px 11px;
		-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
	}
	.megamenu .dropdown_flyout li.dropdown_parent:hover, .megamenu .dropdown_flyout li.dropdown_parent:hover {
		background:url(/html/imagens/epl/right-b.png) #215100 no-repeat 130px 11px;
		-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
	}
}

/* ===================== Atividades Finalisticas Menu ======================== */
/* =========================================================================== */

#tf {margin:0; padding:0; display:table; width:100%; position:relative; overflow:visible;}
#tf ul.tabs3 {margin: 0; padding:0; width: 30%; float:left; position:relative; list-style:none; overflow:visible;}
#tf ul.tabs3 li {margin:0; padding: 0; position: relative; font-weight:normal; list-style:none; width:100%; font-size:14px; text-transform: none; text-align:left; overflow:visible;}
#tf ul.tabs3 li:first-child {margin-left:0;}
#tf ul.tabs3 li a {text-decoration: none; display: block; list-style:none; padding:10px 15px; color: #ffffff; position:relative; border-bottom: 1px dotted #ffffff;}
#tf ul.tabs3 li a span {padding:0; display:table;}
#tf ul.tabs3 li.active a {display: block; color:#ffffff; border-left:1px dotted #ffffff;  border-right:1px dotted #ffffff; position:relative; overflow:visible;}
#tf ul.tabs3 li:first-child.active a {display: block; color:#ffffff; border-left:1px dotted #ffffff; border-top:1px dotted #ffffff; border-right:1px dotted #ffffff; position:relative; overflow:visible;}
#tf ul.tabs3 li.active a:after{ 
    content: '';
	position: absolute; 
    top: 50%;
	width: 21px; 
    height: 1px; 
    right: -21px;
	border-bottom: 1px dotted #ffffff;
}
#tf .tab_container3 {
	margin:0; padding:0; width:66.5%; float:right; position:relative; display:table; z-index:1; border:1px #FFF dotted;
}
#tf .tab_container3:before{ 
    content: '';
	position: absolute; 
    top: 10px; 
    left: -20px;
	width: 20px; 
    height: 1px;
	border-bottom: 1px dotted #ffffff;
}

#tf .tab_container3 #tf1:after {
    content: ''; position: absolute; top: 10px; width: 1px; height: 12px; left: -20px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf2:after {
    content: ''; position: absolute; top: 10px; width: 1px; height: 53px; left: -20px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf3:after {
    content: ''; position: absolute; top: 10px; width: 1px; height: 95px; left: -20px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf4:after {
    content: ''; position: absolute; top: 10px; width: 1px; height: 137px; left: -20px; border-left: 1px dotted #ffffff;
}

#tf .tab_content3 {
	padding:15px; margin:0; position:relative; text-align:left; color:#ffffff;
}
#tf .tab_content3 h2{ font-size:20px; font-weight:normal; border:0; padding:0 0 15px 0; margin:0; color:#ffffff;}
#tf .tab_content3 .pnli{ position:relative; width:100%; padding:0; margin:0; display:table;}
#tf .tab_content3 .pnli .text {float:left; position:relative; text-align:left; width:63%; padding:0; margin:0; line-height:1.4;}
#tf .tab_content3 .pnli .text a.saibamais {
	width:auto; padding:8px 15px; display:table; margin:15px 0 0 0; border:1px #FFF solid; color:#ffffff; font-size:16px; font-weight:normal;
}
#tf .tab_content3 .pnli .text .imgIc {position:relative; float:left; width:260px; height:180px; padding:0; margin:0 15px 0 0; overflow:hidden;}
#tf .tab_content3 .pnli .text .imgIc .img {height:180px; padding:0; margin:0; border:0;}
#tf .tab_content3 .pnli .menu {
	float:right; position:relative; width:33%; padding:0; margin:0; text-align:left;
	text-decoration:none; color:#ffffff; line-height:1.5; font-size:16px; font-weight:normal;
}
#tf .tab_content3 .pnli .menu ul { position:relative; width:100%; margin:0; padding:0; list-style:none;}
#tf .tab_content3 .pnli .menu ul li {position:relative; width:100%; padding:0; margin:0; display:table;}

#tf .tab_content3 .pesquisas {width:100%; position:relative; padding:0; margin:-10px 0 0 0; display:table; list-style:none;}
#tf .tab_content3 .pesquisas ul {width:100%; position:relative; padding:0; margin:0; display:table; list-style:none; border:0;}
#tf .tab_content3 .pesquisas ul li {
	width:46.5%; margin: 11px; padding:0; border:0; position:relative; float:left;
}
#tf .tab_content3 .pesquisas ul li a {padding:0; margin:0; display:block; font-size:16px; color:#ffffff; border:0;}
#tf .tab_content3 .pesquisas ul li a .imgMaior {position:relative; float:left; height:80px; width:43%; text-align:center; overflow:hidden; border:0; padding:0; margin:0;}
#tf .tab_content3 .pesquisas ul li a .imgMaior  .img{height:80px; border:0; padding:0; margin:0;}
#tf .tab_content3 .pesquisas ul li a .text {position:relative; float:right; width:54%; border:0; padding:0; line-height:1.4; height:auto;}
#tf .tab_content3 .pesquisas ul li a .text h3 {padding:0; margin:0; font:500 14px/1.4 "Arial", Arial, sans-serif; color:#ffffff; border:0;}

@media (max-width: 1170px)
{
#tf ul.tabs3 li.active a:after{ 
	content: ''; position: absolute; top: 50%; width: 19px; height: 1px; right: -19px; border-bottom: 1px dotted #ffffff;
}
#tf .tab_container3:before{ 
	content: ''; position: absolute; top: 10px; left: -16px; width: 16px; height: 1px; border-bottom: 1px dotted #ffffff;
}
#tf .tab_container3 #tf1:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 22px; left: -18px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf2:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 73px; left: -18px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf3:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 115px; left: -18px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf4:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 157px; left: -18px; border-left: 1px dotted #ffffff;
}
#tf .tab_content3 .pnli .text {float:left; position:relative; text-align:left; width:63%; padding:0; margin:0;}
#tf .tab_content3 .pnli .text .imgIc {position:relative; float:left; width:220px; height:160px; padding:0; margin:0 15px 0 0; overflow:hidden;}
#tf .tab_content3 .pnli .text .imgIc .img {height:160px; padding:0; margin:0; border:0;}
#tf .tab_content3 .pnli .menu {
	float:right; position:relative; width:33%; padding:0; margin:0; text-align:left;
	text-decoration:none; color:#ffffff; line-height:1.5; font-size:16px; font-weight:normal;
}

#tf .tab_content3 .pesquisas ul li {
	width:46%; margin: 11px; padding:0; border:0; position:relative; float:left;
}
#tf .tab_content3 .pesquisas ul li a {padding:0; margin:0; display:block; font-size:16px; color:#ffffff; border:0;}
#tf .tab_content3 .pesquisas ul li a .imgMaior {position:relative; float:left; height:80px; width:43%; text-align:center; overflow:hidden; border:0;}
#tf .tab_content3 .pesquisas ul li a .imgMaior  .img{height:80px; border:0; padding:0; margin:0;}
#tf .tab_content3 .pesquisas ul li a .text {position:relative; float:right; width:54.5%; border:0; padding:0; line-height:1.3; height:auto;}
#tf .tab_content3 .pesquisas ul li a .text h3 {padding:0; margin:0; font:500 14px/1.4 "Arial", Arial, sans-serif; color:#ffffff; border:0;}
}
@media (max-width: 992px)
{
#tf ul.tabs3 li.active a:after{ 
	content: ''; position: absolute; top: 50%; width: 14px; height: 1px; right: -14px; border-bottom: 1px dotted #ffffff;
}
#tf .tab_container3:before{ 
	content: ''; position: absolute; top: 10px; left: -15px; width: 15px; height: 1px; border-bottom: 1px dotted #ffffff;
}
#tf .tab_container3 #tf1:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 22px; left: -15px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf2:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 73px; left: -15px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf3:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 115px; left: -15px; border-left: 1px dotted #ffffff;
}
#tf .tab_container3 #tf4:after {
content: ''; position: absolute; top: 10px; width: 1px; height: 167px; left: -15px; border-left: 1px dotted #ffffff;
}
#tf .tab_content3 .pnli .text {float:left; position:relative; text-align:left; width:60%; padding:0; margin:0;}
#tf .tab_content3 .pnli .text .imgIc {position:relative; float:left; width:100%; height:140px; padding:0; margin:0 0 15px 0; overflow:hidden;}
#tf .tab_content3 .pnli .text .imgIc .img {height:140px; padding:0; margin:0; border:0;}
#tf .tab_content3 .pnli .menu {
	float:right; position:relative; width:36%; padding:0; margin:0; text-align:left;
	text-decoration:none; color:#ffffff; line-height:1.5; font-size:14px; font-weight:normal;
}

#tf .tab_content3 .pesquisas ul li {
	width:100%; margin: 11px 0; padding:0; border:0; position:relative; float:auto;
}
#tf .tab_content3 .pesquisas ul li a {padding:0; margin:0; display:block; font-size:16px; color:#ffffff; border:0;}
#tf .tab_content3 .pesquisas ul li a .imgMaior {position:relative; float:left; height:62px; width:100px; text-align:center; overflow:hidden; border:0; padding:0; margin:0;}
#tf .tab_content3 .pesquisas ul li a .imgMaior  .img{height:62px; border:0; padding:0; margin:0;}
#tf .tab_content3 .pesquisas ul li a .text {position:relative; float:right; width:74%; border:0; padding:0; line-height:1.3; height:auto;}
#tf .tab_content3 .pesquisas ul li a .text h3 {padding:0; margin:0; font:500 14px/1.4 "Arial", Arial, sans-serif; color:#ffffff; border: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;}



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

#content{position:relative; width:100%; margin:0; padding:40px 0; overflow: hidden; display: table;}
#content h2{
	font-size: 30px; font-weight: 100; line-height: 1.3; font-family: Arial; margin:0 0 30px 0; padding:0 40px 9px 0; border-bottom:1px #CCC dotted; text-align:left; position:relative; 
}
#content h2 > span{ width:auto; padding:0; margin:0 0 -1px 0; display:table; color:#0c8042; text-transform:uppercase;}
#content h2 > span:before{
	content: ''; z-index:1; position: absolute; width: 60px; height: 5; bottom:-2px; left:0; border-bottom: 3px solid #0c8042;
}

#content h2.white{border-bottom:1px #CCC dotted;}
#content h2.white > span{ color:#ffffff;}
#content h2.white > span:before{border-bottom: 3px solid #ffffff;}
#content h2.white > span a{ color:#ffffff !important;}
#content h2.white > a.saibamais{border:2px #ffffff solid !important; background: none !important;}
#content h2.white > a:hover.saibamais{ background:none !important;}
#content h2.white > a.saibamais:before{background:url(/html/imagens/epl/nolines_minus3.gif) bottom left no-repeat;}
#content h2.white > a:hover.saibamais:before{background:url(/html/imagens/epl/nolines_minus3.gif) bottom left no-repeat;}

#content h3.white > a.saibamais{
	position:absolute; right:15px; top:0; width:30px; height:30px; line-height:32px;
	border:2px #ffffff solid !important; text-decoration:none; background-color: none !important;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;}
#content h3.white > a:hover.saibamais{ background:none !important;}
#content h3.white > a.saibamais:before{
	content: ''; z-index:21; position: absolute; width: 16px; height:16px; top:5px; left:5px;
	background:url(/html/imagens/epl/nolines_minus3.gif) bottom left no-repeat;
}
#content h3.white > a:hover.saibamais:before{background:url(/html/imagens/epl/nolines_minus3.gif) bottom left no-repeat;}

.logado{margin:0; padding:0 0 0 2px;}
.logado:first-child{margin:0; padding:0 0 0 15px;}
#content h2 > a.saibamais{
	position:absolute; right:0; top:3px; width:30px; height:30px; line-height:32px;
	border:2px #0c8042 solid; text-decoration:none; background-color: #0c8042;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}
#content h2 > a:hover.saibamais{ background:#ffffff;}
#content h2 > a.saibamais:before{content: ''; z-index:21; position: absolute; width: 16px; height:16px; 
	top:5px; left:5px; background:url(/html/imagens/epl/nolines_minus3.gif) bottom left no-repeat;}
#content h2 > a:hover.saibamais:before{background:url(/html/imagens/epl/nolines_minus3.gif) top left no-repeat;}

#content h3 > a.saibamais{
	position:absolute; right:0; top:3px; width:30px; height:30px; line-height:32px;
	border:2px #0c8042 solid; text-decoration:none; background:#0c8042;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}
#content h3 > a:hover.saibamais{ background:#ffffff;}
#content h3 > a.saibamais:before{content: ''; z-index:21; position: absolute; width: 16px; height:16px; 
	top:5px; left:5px; background:url(/html/imagens/epl/nolines_minus3.gif) bottom left no-repeat;}
#content h3 > a:hover.saibamais:before{background:url(/html/imagens/epl/nolines_minus3.gif) top left no-repeat;}

#content h3{font: 500 18px/18px 'arial'; margin:0; padding:0; text-align:left;}
#content h3.subtitulo{font: 500 30px/1.3 'arial'; margin:0 0 20px 0; padding:0; text-align:left;}

@media (max-width: 1210px){
	#content h2{font-size: 24px;}
	#content h2 > a.saibamais{top:8px; width:30px; height:30px; line-height:32px;}
	#content h2 > a.saibamais:before{top:6px; left:6px;}
}
@media (max-width: 992px){
	#content h2{font-size: 22px;}
	#content h2 > a.saibamais{top:8px; width:28px; height:28px; line-height:30px;}
	#content h2 > a.saibamais:before{top:5px; left:5px;}
}
@media (max-width: 768px)
{
	#content{position:relative; width:100%; margin:0; padding:30px 0 30px 0; overflow: hidden;}
	#content h2{font-size: 20px;}
	#content h2 > a.saibamais{top:8px; width:26px; height:26px; line-height:28px;}
	#content h2 > a.saibamais:before{top:4px; left:4px;}
}


/* ====================================================== */
/* ===================== Caminho ======================== */

#caminho {position: relative; display: table; margin:0 auto; text-align: left !important; padding: 0 0 15px 0;}

@media (max-width: 992px){
	#caminho {width: 100% !important; padding: 0 15px 15px 15px !important; text-align: left !important;}
}

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

#contentPagInt{position:relative; display:table; text-align:left; margin:0 auto; padding:0;}
#contentPagInt .mvLeft > #accordion { display:table; width:100%; list-style-type:none; margin: 0; padding:0 0 20px 0; height:auto !important; text-align:left;} 

#contentPagInt .mvLeft > #accordion dl#accordion a {text-decoration: none; margin:0; padding:0;}
#contentPagInt .mvLeft > #accordion dl#accordion dt {margin:0; padding:0; border:0;}
#contentPagInt .mvLeft > dl#accordion a.semFilhoPincipal {
	font-family: arial; font-size: 16px; margin:0; padding:12px 30px 12px 15px; 
	position:relative; text-transform:uppercase; background:#eeeeee;
}
#contentPagInt .mvLeft > dl#accordion dt a {
	font-family: arial; font-size: 16px; margin:0; padding:12px 30px 12px 15px; 
	position:relative; text-transform:uppercase; background:#eeeeee;
}
#contentPagInt .mvLeft > dl#accordion dt.active a{background:#0c8042; color:#ffffff !important;}
#contentPagInt .mvLeft > dl#accordion dt a:after {		
	content: ''; z-index:1; position: absolute; width: 50px; height: 5; bottom:-2px; left:0; border-bottom: 3px solid #0c8042;
}
#contentPagInt .mvLeft > dl#accordion dt a:before {		
	content: ''; z-index:11; position: absolute; width: 17px; height:9px; 
	top:19px; right:15px; background:url(/html/imagens/epl/mv_bullet_down.gif) top center no-repeat;
}

#contentPagInt .mvLeft > dl#accordion dt.active a:before {
	content: ''; z-index:11; position: absolute; width: 17px; height:9px; 
	top:19px; right:15px; background:url(/html/imagens/epl/mv_bullet_up_branco.gif) top center no-repeat;
}
#contentPagInt .mvLeft > dl#accordion dd {display:none; margin:0; padding:0; width:100%; border:0;}
#contentPagInt .mvLeft > dl#accordion dd .indent {position:relative; padding:0; margin:0;}

#contentPagInt .mvLeft > dl#accordion dd .indent > #accordion { display:table; width:100%; list-style-type:none; margin: 0; padding:0 0 0 0; height:auto !important; text-align:left; border-bottom:1px #CCC dotted;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion a.semfilho {
	font: 100 14px/18px arial; margin:0; padding:8px 0; text-align:left; position:relative; text-transform: none;
	border-bottom:0; border-top:1px #CCC dotted; border-left:0; border-right:0; display:block;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion a.semfilho:first-child {
	border-bottom:0; border-top:0; border-left:0; border-right:0;
}

#contentPagInt .mvLeft > dl#accordion dd .indent > #accordion dl#accordion a {text-decoration: none; margin:0; padding:0;}
#contentPagInt .mvLeft > dl#accordion dd .indent > #accordion dl#accordion dt {margin:0; padding:0; border:0;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dt a {font: 100 14px/18px arial; margin:0; padding:8px 20px 8px 0; text-align:left; position:relative; border-bottom:0; border-top: 1px #CCC dotted; border-left:0; border-right:0; text-transform: none; background:none;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dt.active a{border-bottom:0; border-top: 1px #CCC dotted; border-left:0; border-right:0; background:none; color:#166110 !important; font-weight: bold;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dt a:after {		
	content: ''; z-index:1; position: absolute; width: 0; height: 0; bottom:0; left:0; border-bottom: 0;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dt a:before {		
	content: ''; z-index:11; position: absolute; width: 12px; height:12px; 
	top:12px; right:0; background:url(/html/imagens/epl/mv_bullet_mais.gif) top center no-repeat;
}

#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dt.active a:before {		
	content: ''; z-index:11; position: absolute; width: 12px; height:12px; 
	top:12px; right:0; background:url(/html/imagens/epl/mv_bullet_menos.gif) top center no-repeat;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd {display:none; margin:0; padding:0; width:100%; border:0;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent {position:relative; padding:0 0 0 20px; margin:0;}


#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > #accordion { display:table; width:100%; list-style-type:none; margin: 0; padding:0 0 0 0; height:auto !important; text-align:left; border-bottom:1px #CCC dotted;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion a.semfilho {
	font: 100 14px/18px arial; margin:0; padding:8px 0; text-align:left; position:relative; text-transform: none;
	border-bottom:0; border-top:1px #CCC dotted; border-left:0; border-right:0; display:block;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion a.semfilho:first-child {
	border-bottom:0; border-top:0; border-left:0; border-right:0;
}

#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > #accordion dl#accordion a {text-decoration: none; margin:0; padding:0;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > #accordion dl#accordion dt {margin:0; padding:0; border:0;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dt a {font: 100 14px/18px arial; margin:0; padding:8px 20px 8px 0; text-align:left; position:relative; border-bottom:0; border-top: 1px #CCC dotted; border-left:0; border-right:0; text-transform: none; background:none;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dt.active a{border-bottom:0; border-top: 1px #CCC dotted; border-left:0; border-right:0; background:none; color:#135e0e !important; font-weight: bold;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dt a:after {		
	content: ''; z-index:1; position: absolute; width: 0; height: 0; bottom:0; left:0; border-bottom: 0;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dt a:before {		
	content: ''; z-index:11; position: absolute; width: 12px; height:12px; 
	top:12px; right:0; background:url(/html/imagens/epl/mv_bullet_mais.gif) top center no-repeat;
}

#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dt.active a:before {		
	content: ''; z-index:11; position: absolute; width: 12px; height:12px; 
	top:12px; right:0; background:url(/html/imagens/epl/mv_bullet_menos.gif) top center no-repeat;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd {display:none; margin:0; padding:0; width:100%; border:0;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd .indent {position:relative; padding:0; margin:0;}


#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd .indent ul {position:relative; padding:0 0 10px 30px; margin:0; list-style:none;}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd .indent ul > li {
	text-transform:none; outline:0; display: table; width:100%; padding:0; border-bottom:0; position:relative;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd .indent ul > li:before {
	content: ''; z-index:11; position: absolute; width: 1px; height:100%; 
	top:-5px; left:-17px; border-left:1px #b0b0b0 dotted;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd .indent ul > li:last-child:before {
	content: ''; z-index:11; position: absolute; width: 1px; height:19px; 
	top:-5px; left:-17px; border-left:1px #b0b0b0 dotted;
}
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd .indent ul > li:after {
	content: ''; z-index:11; position: absolute; width: 11px; height:1px; 
	top:13px; left:-16px; border-bottom:1px #b0b0b0 dotted;
}
 
#contentPagInt .mvLeft > dl#accordion dd .indent > dl#accordion dd .indent > dl#accordion dd .indent ul > li a {
	text-transform:none; outline:0; display: table; width:100%; padding:4px 0 !important; border-bottom:0;
}

@media (max-width: 992px)
{
	#contentPagInt{width: 100% !important; padding:0 15px !important;}
}
@media (max-width: 768px)
{
	#contentPagInt .mvLeft{display:none;}
}


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

.font-size12 { font-size:12px !important;} .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-size44 { font-size:44px !important;} .font-size50 { font-size:50px !important;} .font-size60 { font-size:60px !important;} .font-size70 { font-size:70px !important;}

@media (max-width: 1110px)
{
.font-size12 { font-size:12px !important;} .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:25px !important;} .font-size28 { font-size:27px !important;} .font-size30 { font-size:29px !important;} .font-size32 { font-size:31px !important;} .font-size34 { font-size:33px !important;} .font-size36 { font-size:35px !important;} .font-size38 { font-size:36px !important;} .font-size40 { font-size:38px !important;} .font-size44 { font-size:42px !important;} .font-size50 { font-size:46px !important;} .font-size60 { font-size:56px !important;} .font-size70 { font-size:66px !important;}
}
@media (max-width: 992px)
{
.font-size12 { font-size:12px !important;} .font-size14 { font-size:14px !important;} .font-size16 { font-size:14px !important;} .font-size18 { font-size:16px !important;} .font-size20 { font-size:19px !important;} .font-size22 { font-size:20px !important;} .font-size24 { font-size:22px !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:32px !important;} .font-size38 { font-size:34px !important;} .font-size40 { font-size:36px !important;} .font-size44 { font-size:40px !important;} .font-size50 { font-size:42px !important;} .font-size60 { font-size:52px !important;} .font-size70 { font-size:62px !important;}
}
@media (max-width: 868px)
{
.font-size12 { font-size:12px !important;} .font-size14 { font-size:14px !important;} .font-size16 { font-size:14px !important;} .font-size18 { font-size:16px !important;} .font-size20 { font-size:18px !important;} .font-size22 { font-size:19px !important;} .font-size24 { font-size:21px !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:29px !important;} .font-size36 { font-size:30px !important;} .font-size38 { font-size:32px !important;} .font-size40 { font-size:34px !important;} .font-size44 { font-size:38px !important;} .font-size50 { font-size:38px !important;} .font-size60 { font-size:48px !important;} .font-size70 { font-size:58px !important;}
}
@media (max-width: 768px)
{
.font-size12 { font-size:12px !important;} .font-size14 { font-size:14px !important;} .font-size16 { font-size:14px !important;} .font-size18 { font-size:16px !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:22px !important;} .font-size30 { font-size:24px !important;} .font-size32 { font-size:26px !important;} .font-size34 { font-size:28px !important;} .font-size36 { font-size:28px !important;} .font-size38 { font-size:30px !important;} .font-size40 { font-size:32px !important;} .font-size44 { font-size:34px !important;} .font-size50 { font-size:36px !important;} .font-size60 { font-size:44px !important;} .font-size70 { font-size:50px !important;}
}
@media (max-width: 668px)
{
.font-size12 { font-size:12px !important;} .font-size14 { font-size:14px !important;} .font-size16 { font-size:14px !important;} .font-size18 { font-size:16px !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:22px !important;} .font-size30 { font-size:22px !important;} .font-size32 { font-size:24px !important;} .font-size34 { font-size:26px !important;} .font-size36 { font-size:26px !important;} .font-size38 { font-size:28px !important;} .font-size40 { font-size:30px !important;} .font-size44 { font-size:32px !important;} .font-size50 { font-size:34px !important;} .font-size60 { font-size:44px !important;} .font-size70 { font-size:50px !important;}
}


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

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

.padding-top100 { padding-top:100px !important;}.padding-bottom100 { padding-bottom:100px !important;}.padding-left100 { 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;}.padding5 { padding:5px !important;}.padding10 { padding:10px !important;}.padding15px { padding:15px !important;}
.padding-top0 { padding-top:0px !important;}.padding-bottom0 { padding-bottom:0px !important;}.padding-left0 { padding-left:0px !important;}.padding-right0 { padding-right:0px !important;}

#padding0 p{padding:0px !important;} 

@media (max-width: 768px)
{
	.padding-top40aparecer { padding-top:40px !important;}.padding-bottom40aparecer { padding-bottom:40px !important;}.padding-left40aparecer { padding-left:40px !important;}.padding-right40aparecer { padding-right:40px !important;}
}


/* ===================== Margins (5, 10, 20, 30, 40, 50, 60, 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;}.margin5 { margin:5px !important;}.margin10 { margin:10px !important;}.margin15px { margin:15px !important;}

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

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


/* ===================== Destaque Intermediário e Especial ======================== */
/* ================================================================================ */

#intermediariobanner {position:relative; margin:0 -15px;}
#intermediariobanner ul{position:relative; width:100%; display: table; margin:0 auto; padding:0;}
#intermediariobanner ul li{
	position:relative; float: left; width:33.33333333%; display: table; margin:0; padding-left:15px; padding-right: 15px;
	list-style: none !important; text-align: center !important;
}
#intermediariobanner ul li a.linkbanner{
	position:relative; width:100%; height: 110px; margin:0 auto; padding:0; display: block;
	z-index: 0; overflow: hidden; text-align: center !important; text-decoration: none !important;
	text-align:center; background-color: #e6e6e6;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear; transition: all 0.2s linear;
}
#intermediariobanner ul li a.linkbanner: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;
}
#intermediariobanner ul li a.linkbanner .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-color: #0f8c49;
	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;
}
#intermediariobanner ul li a.linkbanner:hover .floating-text{bottom: 0;}

#intermediariobanner ul li a.linkbanner .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%);
}

#intermediariobanner ul li a.linkbanner .initiative-img{
	position: absolute; display: table; top: 50%; left: 50%; width: 90%; 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%);
}

#intermediariobanner ul li a.linkbanner .initiative-img h3{position: relative; width: 100%; text-align: center !important; padding: 0; margin: 0; color: #0c8042;}
#intermediariobanner ul li a.linkbanner .initiative-img p{position: relative; width: 100%; text-align: center !important; padding: 0; margin: 0; color: #666666;}

@media (max-width: 1210px)
{
	#intermediariobanner ul li a.linkbanner{height: 130px;}
}
@media (max-width: 992px)
{
	#intermediariobanner {position:relative; margin:0 0 !important;}
	#intermediariobanner ul li a.linkbanner{height: 146px;}
}
@media (max-width: 892px)
{
	#intermediariobanner ul li a.linkbanner{height: 156px;}
}
@media (max-width: 768px)
{
	#intermediariobanner {position:relative !important; width: 100% !important; display: table !important; }
	#intermediariobanner ul {position:relative !important; width: 100% !important; display: table !important; }
	#intermediariobanner ul li{position: relative; width:100%; display: table; margin:0 auto !important; padding-left:15px; padding-right: 15px; padding-bottom:30px;}
	#intermediariobanner ul li:last-child{ padding-bottom:0 !important;}
	#intermediariobanner ul li a.linkbanner{height: 120px !important; display: block !important; width: 100%;}
}
@media (max-width: 668px)
{
	#intermediariobanner ul li a.linkbanner{height: 120px;}
}
@media (max-width: 468px)
{
	#intermediariobanner ul li a.linkbanner{height: 140px;}
}
@media (max-width: 368px)
{
	#intermediariobanner ul li a.linkbanner{height: 150px;}
}

/* ===================== Logado ======================== */

.criar-destaque-especial { position:absolute; top: 10px; right: 15px; width: 36px; display: table; padding: 0; margin: 0; z-index: 23;}
.criar-destaque-especial ul { position:relative; width: 36px; display: table; padding: 0; margin: 0;}
.criar-destaque-especial ul li { position:relative; width: 36px; height: 36px; line-height: 36px; display: table; padding: 5px 0; margin: 0;}
.criar-destaque-especial ul li a.logado { position:relative; width: 36px; height: 36px; line-height: 36px; display: block; padding: 0; margin: 0 auto; background: #0d9343; color: #ffffff; text-align: center;}
.criar-destaque-especial ul li a.logado i { position:relative; width: 36px; height: 36px; line-height: 36px; padding: 0; margin: 0 auto; font-size: 20px; color: #ffffff; text-align: center;}


/* ===================== Notícias da Home ======================== */
/* =============================================================== */

#content-News{position:relative; margin:0 auto; padding:0 0 40px 0; display:table;}

a.primeironews, a.secundarionews{
	position:relative; display:block; width:100%; height:auto !important; padding:0; margin:0; text-decoration: none !important;
}
a.primeironews .imgMaior {
	width:100%; height:400px; overflow: hidden; margin:0; padding:0; position:relative;
	background-color: rgba(230, 230, 230, 1);-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}

a.primeironews:hover .imgMaior, a.secundarionews:hover .imgMaior{
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear; transition: all 0.3s linear;
}
a.primeironews .imgMaior .img, a.secundarionews .imgMaior .img{
	-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);
	position: relative; width:100%; height:auto; margin:0; padding:0;
	-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear;
	-o-transition: all 0.8s linear; transition: all 0.8s linear;
}

a.primeironews:hover .imgMaior .img{
	-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25);
	-webkit-transition: all 7.8s linear; -moz-transition: all 7.8s linear;
	-o-transition: all 7.8s linear; transition: all 7.8s linear;
}
a.secundarionews:hover .imgMaior .img{
	-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); transform:scale(1.25);
	-webkit-transition: all 5.8s linear; -moz-transition: all 5.8s linear;
	-o-transition: all 5.8s linear; transition: all 5.8s linear;
}

a.primeironews .text {padding:15px 0 0 0 !important;}
a.secundarionews .text {padding:10px 0 0 0 !important;}

a.primeironews .text, a.secundarionews .text {
	position:relative !important; display: table !important; width: 100%; margin:0; text-align: left !important;
}
a.primeironews .text h3, a.secundarionews .text h3{
	position: relative !important; width:100%; display: table;
	margin:0; padding:0; text-align:left !important; line-height:1.4 !important; color: #00753a !important;
}
a:hover.primeironews .text h3, a:hover.secundarionews .text h3{color: #00a853 !important;}
a.primeironews .text p, a.secundarionews .text p {
	position: relative !important; width: 100%; display: table;
	margin:0; padding:10px 0 0 0 !important; text-align:left !important; line-height:1.5 !important; color: #666666 !important;
}

a.secundarionews{
	position:relative; display:block; width:100%; height:auto !important; padding:0; margin:0;
	background: none !important; -webkit-box-shadow: none !important;
	-moz-box-shadow: none !important; box-shadow: none !important;
}

a.secundarionews .imgMaior {
	width:100%; height:200px; overflow: hidden; margin:0; padding:0; position:relative;
	background-color: rgba(230, 230, 230, 1); overflow: hidden;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear; transition: all 0.3s linear;
}

@media (max-width: 1320px)
{
	a.primeironews .imgMaior{height:390px;}
	a.secundarionews .imgMaior {height:180px;}
}
@media (max-width: 1210px)
{
	a.primeironews .imgMaior{height:370px;}
	a.secundarionews .imgMaior {height:170px;}
}
@media (max-width: 1110px)
{
	a.primeironews .imgMaior{height:320px;}
	a.secundarionews .imgMaior {height:150px;}
}
@media (max-width: 992px)
{
	#content-News{padding:0 15px 40px 15px !important;}
	a.primeironews .imgMaior{height:280px;}
	a.secundarionews .imgMaior {height:130px;}
}
@media (max-width: 892px)
{
	a.primeironews .imgMaior{height:250px;}
	a.secundarionews .imgMaior {height:120px;}
}
@media (max-width: 800px)
{
	a.primeironews .imgMaior{height:240px;}
	a.secundarionews .imgMaior {height:110px;}
}
@media (max-width: 768px)
{
	a.primeironews .imgMaior{height:100% !important; display: table !important;}
	a.secundarionews .imgMaior {height:100% !important; display: table !important;}
}


/* ===================== Destaques Rotativos da Home ======================== */
/* ========================================================================== */

#contentDestaques{position:relative; margin:0; padding:0 0 50px 0; display:table;}
#contentDestaques .row .col-sm-3 {padding-top: 10px; padding-bottom: 10px;}
#contentDestaques .row .col-sm-3 a.area-dest {position:relative; width:100%; display:table; padding:0; margin:0;}
#contentDestaques .row .col-sm-3 a.area-dest .linkDest {display:none;}
#contentDestaques .row .col-sm-3 a.area-dest:hover .linkDest {
	position:absolute; top:0; left:0; width:140px; height:107px; padding:0; margin:0; overflow:hidden;
	background-color: rgba(255, 255, 255, 0.75); color:#333; text-align:center; z-index:22; display:table;
}
#contentDestaques .row .col-sm-3 a.area-dest .linkDest i {
	position: absolute; top: 50%; left: 50%; padding:0; margin:0;
	-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%);
}

#contentDestaques .row .col-sm-3 a.area-dest .imgDest {float:left; position:relative; height:107px; width:140px; padding:0; margin:0; overflow:hidden;}



#contentDestaques .row .col-sm-3 a.area-dest .imgDest .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-color: #0f8c49;
	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;
}
#contentDestaques .row .col-sm-3 a:hover .imgDest .floating-text{bottom: 0;}

#contentDestaques .row .col-sm-3 a.area-dest .imgDest .floating-text .text{
	position: absolute; display: table; top: 50%; left: 0; width: 100%; padding: 0 15px; margin: 0 auto;
	text-transform: uppercase !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#contentDestaques .row .col-sm-3 a.area-dest .imgDest .img { position: relative; width: 100%; padding:0; margin:0;}
#contentDestaques .row .col-sm-3 a.area-dest h3 {position:absolute; top:0; right:0; width:49%; font-size:15px; font-weight:normal; padding:0; margin:0; text-align:left; border:none; background:none; line-height:1.4; color: #00753a !important;}
#contentDestaques .row .col-sm-3 a:hover.area-dest h3 {color: #00a853 !important;}

@media (max-width: 1320px)
{
	#contentDestaques .row .col-sm-3 a.area-dest:hover .linkDest {width:130px; height:99px;}
	#contentDestaques .row .col-sm-3 a.area-dest .imgDest {width:130px; height:99px;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:49%;}
}
@media (max-width: 1210px)
{
	#contentDestaques .row .col-sm-3 a.area-dest:hover .linkDest {width:120px; height:92px;}
	#contentDestaques .row .col-sm-3 a.area-dest .imgDest {width:120px; height:92px;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:48%;}
}	
@media (max-width: 1110px)
{
	#contentDestaques .row .col-sm-3 {width:33.33333333% !important;}
	#contentDestaques .row .col-sm-3 a.area-dest .imgDest {width:100px; height:76px;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:61%; font-size:14px;}
}	
@media (max-width: 992px)
{
	#contentDestaques{padding:0 15px 50px 15px !important;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:56%;}
}	
@media (max-width: 868px)
{
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:50%;}
}
@media (max-width: 768px)
{
	#contentDestaques .row .col-sm-3 {width:50% !important; display: table; float: left !important;}
	#contentDestaques .row .col-sm-3 a.area-dest:hover .linkDest {height:107px; width:140px;}
	#contentDestaques .row .col-sm-3 a.area-dest .imgDest {height:107px; width:140px;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:53%;}
}
@media (max-width: 668px)
{
	#contentDestaques .row .col-sm-3 a.area-dest:hover .linkDest {width:110px; height:90px;}
	#contentDestaques .row .col-sm-3 a.area-dest .imgDest {width:110px; height:90px;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:56%;}
}
@media (max-width: 568px)
{
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:48%;}
}
@media (max-width: 468px)
{
	#contentDestaques .row .col-sm-3 {width:100% !important; display: table; float: none !important;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:70%;}
}
@media (max-width: 400px)
{
	#contentDestaques .row .col-sm-3 {width:100% !important; display: table; float: none !important;}
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:66%;}
}
@media (max-width: 368px)
{
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:62%;}
}
@media (max-width: 340px)
{
	#contentDestaques .row .col-sm-3 a.area-dest h3 {width:56%;}
}


/* ===================== Simulador de Frete ======================== */
/* ================================================================= */

#simuladorFrete{
	position:relative; width:100%; margin:0; padding:0; overflow: hidden; display: table;
	background-attachment: fixed; background-position: 50% 50% !important;
	background-size: cover !important; background-repeat: no-repeat; background-color:#3f8510;
}
#simuladorFrete .contentSfInt{position:relative; width:100%; margin:0 auto; padding:0;}
#simuladorFrete .contentIntSf{position:relative; width:1150px; margin:0 auto; padding:0; display:table;}

#simuladorFrete .contentIntSf .row #calcFrete{float:right !important; text-align:left; background:#3f8510; padding-left: 40px;}

#simuladorFrete .contentIntSf .row #calcFrete h2 { color:#ffffff; margin:0 0 40px 0; border-color:#ffffff; font: 100 26px/1.2 arial; }
#simuladorFrete .contentIntSf .row #calcFrete h2 span { color:#ffffff;}
#simuladorFrete .contentIntSf .row #calcFrete h2 span:before { border-color:#ffffff;}

#simuladorFrete .contentIntSf .row #calcFrete h2 #modal{ font-weight:bold; font-style:normal; text-align:left; padding:0; margin:0; text-transform:uppercase; color:#ffffff;}

#simuladorFrete .contentIntSf .row #calcFrete .form .form-group-sm {
  width:100%; padding:9px 10px; font-size:16px; margin:15px 0 0 0;
}
#simuladorFrete .contentIntSf .row #calcFrete .form .form-group-sm-select {
  width:100%; padding:9px 10px; font-size:16px; margin:0;
}
#simuladorFrete .contentIntSf .row #calcFrete .form .form-group-sm-select-tp {
  width:100%; padding:9px 10px; font-size:16px; margin:15px 0 0 0;
}
#simuladorFrete .contentIntSf .row #calcFrete .form .botao {
  padding:9px 10px; width:100%; background:#3f9e00; font-size:16px; color:#ffffff;
  text-transform:uppercase; margin:15px 0 0 0; border:0; font-weight:bold;
  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#simuladorFrete .contentIntSf #calcFrete .form .botao:hover {
	background:#2a6800;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#simuladorFrete .contentIntSf #calcFrete .form a.explicacao { padding:0; margin:20px 15px 0 0; font-size:16px; color:#ffffff; text-align:center; display:block; line-height:20px; position:relative;}
#simuladorFrete .contentIntSf #calcFrete .form a.explicacao span { padding:0 0 0 10px; margin:0;}

#simuladorFrete .contentIntSf #calcFrete .result{font-size:16px; line-height:1.4; color:#ffffff;}
#simuladorFrete .contentIntSf #calcFrete .result #explicacao{position:relative; margin:0; padding:0; color:#ffffff;}
#simuladorFrete .contentIntSf #calcFrete .result #explicacao h4{text-align:left; font-size:20px; font-weight:normal; text-transform:uppercase; color:#ffffff; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px #FFF solid; line-height:1.3;}
#simuladorFrete .contentIntSf #calcFrete .result #result-freight-transport{ padding:0; margin:0; width:100%;}
#simuladorFrete .contentIntSf #calcFrete .result #result-freight-transport p.result{ padding:15px 0 0 0; margin:16px 0 0 0; width:100%; color:#ffffff; border-top:1px #FFF solid;}

@media (max-width: 1170px)
{
#simuladorFrete .contentIntSf{width:100%;}
	
#simuladorFrete .contentIntSf .row #calcFrete{padding-right: 30px !important;}
}
@media (max-width: 768px)
{
#simuladorFrete .contentIntSf .row #calcFrete{float:none !important; text-align:left; padding-left: 30px !important; padding-right: 30px !important;}
	
#simuladorFrete .contentIntSf #calcFrete .result{padding-top:40px !important;}
}


/* ===================== Chamada Especial ======================== */
/* =============================================================== */

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

@media (max-width: 768px)
{
.modal-tamanho {width: 94% !important;}
}

.simuladores-container {
	position:relative; width: 100%; display: table; padding: 70px 0 50px 0; margin: 0;
	overflow: hidden; color: #ffffff !important; background-color: #0c8042;
}

.simuladores-container .container-int {position:relative; margin:0; padding:0; display:table;}



.chamada-especial a {
	position: relative; width: 100%; padding: 0; margin: 0; display: table; background-color: #f1f1f1;
}
.chamada-especial a:hover {background-color: #ffffff;}


.chamada-especial a figure.imagem {
	position: relative; float: left; width: 40%; height:auto; padding: 0; margin: 0; overflow: hidden;
}
.chamada-especial a figure.imagem img.color {
	position: absolute; top: 0; left: 0; z-index: 0; width: 100%; padding: 0; margin: 0; display: table;
}
.chamada-especial a figure.imagem img.pb {
	position: relative; width: 100%; padding: 0; margin: 0; display: table; z-index: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.chamada-especial a:hover figure.imagem img.pb {
	filter:alpha(opacity=0);opacity:.0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.chamada-especial a .text {
	position: relative; float: right; width: 60%; height: 100%; padding: 0; margin: 0; display: table;
	
}
.chamada-especial a .text .text-container {
	position: relative; padding: 20px 30px 25px 30px; margin: 0; display: table; color: #666666; text-align: left !important;
}

.chamada-especial a .text .text-container p {
	position: relative; padding: 0; margin: 0; display: table; color: #666666; text-align: left !important; line-height: 1.5 !important;
}

.row.white .chamada-especial {padding-top:30px !important; padding-bottom:30px !important;}

.row.white .chamada-especial a {background-color: rgba(255,255,255,0) !important;}
.row.white .chamada-especial a:hover {background-color: rgba(255,255,255,0) !important;}

.row.white .chamada-especial a .text .text-container {padding: 0 30px !important; color: #ffffff !important;}
.row.white .chamada-especial a .text .text-container h3 {color: #ffffff !important; line-height: 1.3 !important;}
.row.white .chamada-especial a .text .text-container p {color: #ffffff !important; line-height: 1.5 !important;}


.row.gray .chamada-especial a {background-color: rgba(255,255,255,1) !important;}
.row.gray .chamada-especial a:hover {background-color: rgba(255,255,255,0) !important;}

@media (max-width: 1110px)
{
	.chamada-especial a .text .text-container p { display: none !important;}
}
@media (max-width: 992px)
{
	.simuladores-container {padding: 70px 15px 50px 15px;}
}
@media (max-width: 768px)
{
	.chamada-especial a .text .text-container p { display: table !important;}
}


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

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


/* ================= LGPD ==================== */
/* =========================================== */

#lgpd {position: relative; display: table; width: 100%; padding: 40px 0 0 0; margin: 0;}
#lgpd .row .col-sm-3 {padding-top: 10px; padding-bottom: 10px;}
#lgpd .row .col-sm-3 img.icone {position:relative; width:100%; padding:0; margin:0 auto; text-align:center;}
#lgpd .row .col-sm-3 h4 {position:relative; width:100%; padding:0 0 20px 0; margin:0; text-align:center; line-height:1.4;}
#lgpd .row .col-sm-3 p {position:relative; width:100%; padding:0 0 20px 0; margin:0; text-align:center; line-height:1.4;}


/* ================= PNLI, Estruturação de Projetos e Estudos e Pesquisas ==================== */
/* =========================================================================================== */

#divpnli {margin:0; width:100%; position:relative; overflow:hidden;}

@media (max-width: 992px)
{	
	#divpnli {padding-left: 15px !important; padding-right:15px !important;}
}

#divpnli.pnlhome {background: #f1f1f1; }
#home-pnli{position:relative; margin:0; padding:0; display:table;}
#home-pnli .descricao{position:relative; width:100%; margin:0; padding:0; display:table;}
#home-pnli ul {position:relative; padding:0; margin:0 -15px; display:table; list-style:none;}
#home-pnli .row .col-sm-6 a.pnl {
	width:100%; margin: 0; padding:0; position:relative; display: table;
}
#home-pnli .row .col-sm-3 a.pnl {
	width:100%; margin: 0; padding:0; position:relative; border:1px #d4dfe5 solid; display: block;
	-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); text-align: left !important;
}

#home-pnli .row .col-sm-6 a.pnl .row {position:relative; height:100%;}
#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 {
	position:relative; width: 50% !important; height:100%; overflow: hidden; float: left !important; 
}

#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior .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-color: #0f8c49;
	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;
}
#home-pnli .row .col-sm-6 a:hover.pnl .row .col-sm-6 .imgMaior .floating-text{bottom: 0;}

#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior .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%);
}

#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior {
	position:relative; height:100%; width:100%; text-align:center !important; display: table; padding: 0; margin: 0; overflow: hidden;
}
#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior .img{
	position: relative; display: table; padding: 0; margin: 0; width: 100%; z-index: 0;
}

#home-pnli .row .col-sm-3 a.pnl .imgMaior {
	position:relative; height:auto; width:100%; text-align:center !important; display: table; padding: 0; margin: 0;
}
#home-pnli .row .col-sm-3 a.pnl .imgMaior .img{
	position: relative; display: table; padding: 0; margin: 0; width:100% !important; z-index: 0;
	filter:alpha(opacity=100);opacity:1;
}
#home-pnli .row .col-sm-6 a.pnl:hover .row .col-sm-6 .imgMaior .img,
#home-pnli .row .col-sm-3 a.pnl:hover .imgMaior .img{filter:alpha(opacity=40);opacity:.40;}

#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior .linkDest,
#home-pnli .row .col-sm-3 a.pnl .imgMaior .linkDest {display:none;}
#home-pnli .row .col-sm-6 a.pnl:hover .row .col-sm-6 .imgMaior .linkDest,
#home-pnli .row .col-sm-3 a.pnl:hover .imgMaior .linkDest {
	position:absolute; top:0; left:0; height: 100% !important; width:100%; padding:0; margin:0; overflow: hidden;
	color:#333; text-align:center; z-index:2 !important; display:table;
	-webkit-text-shadow: 1px 1px 1px rgba(255,255,255,1);
	-moz-text-shadow: 1px 1px 1px rgba(255,255,255,1);
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior .linkDest .icone {
  position: absolute; width: 100%; display: table; top: 50%; left: 0;
  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior .linkDest .icone p {
	padding:5px 0 0 0; margin:0; font-weight:bold; text-transform:uppercase;
}

#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .text {position: relative; padding: 0 0 0 10px; line-height:1.5; display: table; width: 100%;}
#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .text h3 {line-height:1.3; padding: 0; color: #00753a !important;}
#home-pnli .row .col-sm-6 a:hover.pnl .row .col-sm-6 .text h3 {color: #00a853 !important;}
#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .text p {line-height:1.5; padding:15px 0 0 0; margin:0; text-align:left; color:#333333;}

#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .text.img{height:140px !important;}

@media (max-width: 768px)
{	
	#home-pnli{position:relative; width: 100%; margin:0; padding:0; display:table;}
	#home-pnli .row .col-sm-6 {padding-top:10px; padding-bottom:10px;}	
	#home-pnli .row .col-sm-6 a.pnl {margin: 0 !important; padding:0 !important;}
	#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 {display: table; width: 50% !important; float: left !important; padding-top:0 !important; padding-bottom:0 !important;}
	#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .imgMaior .img{width: 100% !important; height:auto !important;}	
	#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .text {padding:0 0 0 10px; line-height:1.3; display: table; width: 100%;}
}
@media (max-width: 600px)
{	
	#home-pnli .row .col-sm-6 a.pnl .row .col-sm-6 .text p {display: none !important;}
}



/* ================= Estruturação e Estudos de Projetos ==================== */
/* ========================================================================= */

#ee-projetos{position:relative; margin:0; padding:0; display:table;}
#ee-projetos .descricao{position:relative; width:100%; margin:0; padding:0; display:table;}
#ee-projetos .row .col-sm-6 a.pnl {
	width:100%; margin: 0; padding:0; position:relative; display: table; text-decoration: none !important; 
}

#ee-projetos .row .col-sm-6 a.pnl .imgMaior {
	position:relative; width:100%; text-align:center !important; padding: 0; margin: 0; overflow: hidden !important;
}

#ee-projetos .row .col-sm-6 a.pnl .imgMaior .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-color: #0f8c49;
	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;
}
#ee-projetos .row .col-sm-6 a:hover.pnl .imgMaior .floating-text{bottom: 0;}

#ee-projetos .row .col-sm-6 a.pnl .imgMaior .floating-text .text{
	position: absolute; display: table; top: 50%; left: 50%; width: 100%; padding: 0 15px; 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%);
}

#ee-projetos .row .col-sm-6 a.pnl .imgMaior .img{
	position: relative; display: table; padding: 0; margin: 0; width:100% !important; z-index: 0;
}

#ee-projetos .row .col-sm-6 a.pnl .text {padding:0; line-height:1.5; display: table; width: 100%;}
#ee-projetos .row .col-sm-6 a.pnl .text h3{padding:0; line-height:1.3; color: #00753a !important;}
#ee-projetos .row .col-sm-6 a:hover.pnl .text h3{padding:0; line-height:1.3; color: #00a853 !important;}
#ee-projetos .row .col-sm-6 a.pnl .text p{line-height:1.5; padding:5px 0 0 0; margin:0; text-align:left; color:#333333;}

#ee-projetos .row .col-sm-6 .row .col-sm-6 a.pnl .text.img{height:140px !important;}

@media (max-width: 768px)
{	
	.padding-top50-ee{padding-top:50px !important;}
	.padding-top30-ee{padding-top:30px !important;}
	
	#ee-projetos{position:relative; width: 100%; margin:0; padding:0; display:table;}
	#ee-projetos .row .col-sm-6 {padding-top:10px; padding-bottom:10px;}	
	#ee-projetos .row .col-sm-6 a.pnl {margin: 0 !important; padding:0 !important;}
	#ee-projetos .row .col-sm-6 .row a.pnl .col-sm-6 {display: table; width: 50% !important; float: left !important; padding-top:0 !important; padding-bottom:0 !important;}
	#ee-projetos .row .col-sm-6 .row a.pnl .col-sm-6 .imgMaior .img{width: 100% !important; height:auto !important;}	
	#ee-projetos .row .col-sm-6 .row a.pnl .col-sm-6 .text {padding:0 0 0 10px; line-height:1.5; display: table; width: 100%;}
}
@media (max-width: 600px)
{	
	#ee-projetos .row .col-sm-6 .row a.pnl .col-sm-6 .text p {display: none !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 h3{position: relative; width: 100%; display: table; padding: 0; margin: 0; color: #00753a !important; line-height: 1.4 !important;}
#lic-cop ul li a:hover h3{color: #00a853 !important;}
#lic-cop ul li a p{position: relative; width: 100%; display: table; padding: 0; margin: 0; color: #666666;}color: #00a853 !important;
#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;}


/* ===================== 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:250px !important; height: 345px !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 ======================== */
/* ========================================================= */
 
#divisaoLicTer{width:100%; margin:0; position:relative;}

@media (max-width: 992px)
{
	#divisaoLicTer{padding-left: 15px !important; padding-right: 15px !important;}
}

#divisaoLicTer #divTabs #accordion { display:none;}
#licCont {margin:0; padding:25px 0 35px 0; width:100%; position:relative;}

#divTabs {margin:0; padding:0; display:table; width:1150px; position:relative;}
#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:#0c8042; position:relative; overflow:visible;}

#divTabs .content-list {
	margin:0; padding:0; width:65%; float:right; position:relative; display:table;
	z-index:1; background: none !important;
}

#divTabs .content-list .content-list-int {
	padding:0; width:100%; display:table; margin:0; position:relative; text-align:left; background: none !important;
}
#divTabs .content-list .content-list-int ul{position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#divTabs .content-list .content-list-int ul li{margin:0; padding:22px 0 22px 0; display:table; width:96.5%; float:right; position:relative; border-bottom:1px dotted #cccccc;}
#divTabs .content-list .content-list-int ul li:first-child{padding:0 0 22px 0;}
#divTabs .content-list .content-list-int ul li:last-child{ border-bottom:0;}
#divTabs .content-list .content-list-int ul li a {position:relative; text-align:left; padding:0; margin:0; display:block; width:100%;}
#divTabs .content-list .content-list-int ul li a h3{padding:0; margin:0; font-style:normal; color:#54953d; font-weight: bold}
#divTabs .content-list .content-list-int ul li a h3 span{color:#ba0000;}
#divTabs .content-list .content-list-int ul li a p.data{margin:0; padding:0 0 5px 0; line-height:1.5; color:#666666;}
#divTabs .content-list .content-list-int ul li a p{position: relative; width: 100%; margin:0; padding:0; font-style:italic; font-weight:normal; line-height:1.5; color:#666666;}


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

#divTabs .content-list {width:65%;}
}
@media (max-width: 768px)
{
#divTabs > ul { display:none;}
#divTabs .content-list { display:none;}
#divisaoLicTer #divTabs #accordion { display:table; width:100%; list-style-type:none; margin: 0; height:auto !important; text-align:left;}

#divTabs > #accordion dl#accordion a {text-decoration: none; margin:0; padding:0;}
#divTabs > #accordion dl#accordion dt {margin: 5px 0 0 0; padding:0;}
#divTabs > 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:#276000; border:0; color:#ffffff; text-transform:uppercase;}
#divTabs > dl#accordion dt.active a{font-weight:bold; background:#3f8510; color:#ffffff; border:0;}
#divTabs > 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;
}

#divTabs > 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;
}
#divTabs > dl#accordion dd {display:none; margin:0; padding:0; width:100%; border:0;}
#divTabs > dl#accordion dd .indent {position:relative; padding:0 15px; margin:0;}
#divTabs > dl#accordion dd .indent ul {position:relative; padding:0; margin:0; width:100%; display:table; list-style:none;}
#divTabs > dl#accordion dd .indent ul > li {
	text-transform:none; outline:0; display: table; width:100%; padding:20px 0; border-bottom:1px #cccccc dotted;
}
#divTabs > dl#accordion dd .indent ul > li:last-child {border-bottom:0;}
#divTabs > dl#accordion dd .indent ul > li > .imgIc { display:none;}
#divTabs > dl#accordion dd .indent ul > li > a {outline:0; display: block; padding: 10px 0; width: 100%;}
#divTabs > dl#accordion dd .indent ul > li > a > p {padding: 0; margin:0; color:#666666;}
#divTabs > dl#accordion dd .indent ul > li > a > p.data {padding: 0 0 5px 0; margin:0; color:#666666;}
#divTabs > dl#accordion dd .indent ul > li > a > h3 {padding: 0 0 7px 0; margin:0; color:#54953d;}
}


/* ===================== 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; margin: 0; z-index: 2;
	color: #ffffff !important; text-align: left !important; line-height: 1.7 !important;
}

.destaque-portfolio .destaque-portfolio-int p {color: #ffffff !important; text-align: left !important; line-height: 1.7 !important;}

.destaque-portfolio .destaque-portfolio-int h2 {
	color: #ffffff !important; text-align: left !important; line-height: 1.3 !important;
}

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

.destaque-portfolio .destaque-portfolio-int h3 a.saibamais {top:30px !important;}

.destaque-portfolio video {
	position: absolute; top: 50%; left: 0; width: 100%; z-index: 0;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%); -o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 1210px)
{
	.destaque-portfolio video {height: 850px !important; width: auto !important;}
}
@media (max-width: 992px)
{
	.destaque-portfolio .destaque-portfolio-int {padding-left: 15px !important; padding-right: 15px !important;}
	.destaque-portfolio video {height: 850px !important;}
}
@media (max-width: 892px)
{
	.destaque-portfolio video {height: 900px !important;}
}
@media (max-width: 768px)
{
	.destaque-portfolio video {
		height: 100% !important; left: 50% !important;
		-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%);		
	}
}

.bg-temas {
	position: relative; width: 100%; display: table; margin: 0; overflow: hidden !important; text-align: left !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; text-align: left !important;
}
@media (max-width: 992px)
{
	.bg-temas-modelagem {padding-left: 15px !important; padding-right: 15px !important;}
}

.img-public-ontl{width:100%; position: relative;}
.text-public-ontl{color: #666666 !important;}

.bg-temas-modelagem.cinza {background-color: #f1f1f1;}

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



/* ===================== 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; background: #ffffff;
	z-index: 0; overflow: hidden;
	text-align: center !important; border: 1px #dddddd 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-color: #0f8c49;
	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%;}
}


/* ===================== Consultas P�blicas ======================== */
/* ================================================================= */

#consulta-publica-tabs {margin:0; padding:0; display:table; width:100%; position:relative;}
#consulta-publica-tabs .texto {margin:0; padding:0; display:table; width:56%; position:relative; float: left;}
#consulta-publica-tabs ul.botoes {margin: 0; padding:0; width: auto; position:relative; float: right; list-style:none; overflow:visible;}
#consulta-publica-tabs ul.botoes li {margin:0 1px; padding: 0; position: relative; font-weight:normal; list-style:none; width:auto; font-size:16px; text-transform: none; background:#f5f5f5; float:left; overflow:visible; text-align:center;}
#consulta-publica-tabs ul.botoes li a {text-decoration: none; display: block; list-style:none; padding:0 15px; height:46px; line-height:46px; color: #333333; position:relative; background:#f3f3f3; overflow:visible; text-align:center; cursor: pointer;}
#consulta-publica-tabs ul.botoes li a i { font-size: 16px; padding: 0 10px 0 0; margin: 0; position: relative;}
#consulta-publica-tabs ul.botoes li a:hover {color: #ffffff; background:#1da76b;}

.div-cadastro { display: none;}
.div-login { display: none;}

/* Formata��o da p�gina da Consulta P�blica */

#content-consulta-publica { position: relative; width: 100%; display: table; padding: 0 0 30px 0; margin: 0;}
#content-consulta-publica p { position: relative; width: 100%; display: table; padding: 0 0 15px 0; margin: 0;}
#content-consulta-publica h3.subtitulo {margin:0; padding:0 0 15px 0; display:table; width:100%; position:relative; font-size: 30px; line-height: 1.4;}

#content-consulta-publica form { position: relative; width: 100%; display: table; padding: 0; margin: 0;}
#content-consulta-publica form .div-form { position: relative; width: 100%; display: table; padding: 15px 25px; margin: 0; background: #f3f3f3;}
#content-consulta-publica form .div-form .btn-fechar { position:absolute; top: -50px; right: 0; width: auto; display: table; padding: 0; margin: 0;}
#content-consulta-publica form .div-form .btn-fechar a { position:relative; width: auto; display: table; background: #f3f3f3; padding: 0 15px; margin: 0; height: 50px; line-height: 50px; font-size: 16px; cursor: pointer;}
#content-consulta-publica form .div-form .btn-fechar a i { font-size: 16px; padding: 0 10px 0 0; margin: 0; position: relative;}
#content-consulta-publica form .div-form .cadastrar { position: relative; width: 100%; display: table; padding: 15px 0 0 0; margin: 0; text-align: center;}
#content-consulta-publica form .div-form .explicacao { position: relative; width: 100%; display: table; padding: 10px 0 10px 0; margin: 0; text-align: center; font-size: 16px;}
#content-consulta-publica form .div-form .red { color: #f30000; font-weight: bold;}
#content-consulta-publica form .div-form .left { position: relative; float: left; width: 48%; display: table; padding: 0; margin: 0;}
#content-consulta-publica form .div-form .right { position: relative; float: right; width: 48%; display: table; padding: 0; margin: 0;}

#content-consulta-publica form .div-form ul { position: relative; width: 100%; display: table; padding: 0; margin: 0;}
#content-consulta-publica form .div-form ul li { position: relative; width: 100%; display: table; padding: 10px 0; margin: 0;}
#content-consulta-publica form .div-form ul li label { position: relative; width: 100%; display: table; padding: 0 0 5px 0; margin: 0; font-size: 16px; font-weight: normal;}
#content-consulta-publica form .div-form ul li .compoForm { position: relative; width: 100%; display: table; padding: 0; margin: 0;}
#content-consulta-publica form .div-form ul li .compoForm .width100 { width: 100%;}

#content-consulta-publica form .div-form ul li .compoForm input[type=radio] {float:left; position:relative; padding:0; margin:0;}
#content-consulta-publica form .div-form ul li .compoForm label.radio {float:left; position:relative; text-align:left; width:auto; padding:0 20px 0 10px; margin:0; display:table; font-size: 16px; font-weight: normal;}

/* Listagens de arquivos da Consulta P�blica */

#listagem-consulta-publica {margin:10px 0 30px 0; padding:5px 20px; display:table; width:100%; position:relative; background: #f3f3f3;}
#listagem-consulta-publica ul {margin:0; padding:0; display:table; width:100%; position:relative;}
#listagem-consulta-publica ul li {margin:0; padding:15px 0; display:table; width:100%; position:relative; color: #000000; border-bottom: 1px #999999 dotted;}
#listagem-consulta-publica ul li:last-child {border-bottom: none;}
#listagem-consulta-publica ul li i.pdf {margin:0; padding:0; display:table; width:30px; height: 30px; line-height: 30px; text-align: center; color: #f30000; font-size: 30px; position:absolute; top: 21px; left: 5px;}
#listagem-consulta-publica ul li .texto {position:relative; float: left; display:table; width:94%; margin:0 0 0 45px; padding:0; text-align: left;  color:#000000; }
#listagem-consulta-publica ul li .texto a {margin:0; padding:0; color:#000000; font-size: 18px;}
#listagem-consulta-publica ul li .texto p {margin:0; padding:0; display:table; width:100%;}

@media (max-width: 767px)
{
#listagem-consulta-publica ul li i.pdf {left: 0;}
#listagem-consulta-publica ul li .texto {width:90%;}
#listagem-consulta-publica ul li .texto a {font-size: 16px;}
}

/* Listagens das contribui��es das Consultas P�blicas */

#contribuicao-consulta-publica {margin:0 0 30px 0; padding:0; display:table; width:100%; position:relative;}
#contribuicao-consulta-publica ul {margin:0; padding:0; display:table; width:100%; position:relative;}
#contribuicao-consulta-publica ul li {margin:10px 0; padding:20px; display:table; width:100%; position:relative; color: #000000; background: #f3f3f3;}

#listagem-arquivo-consulta-publica {margin:00; padding:5px 20px; display:table; width:100%; position:relative; background: #28ad6d;}
#listagem-arquivo-consulta-publica ul {margin:0; padding:0; display:table; width:100%; position:relative;}
#listagem-arquivo-consulta-publica ul li {margin:0; padding:15px 0; display:table; width:100%; position:relative; color: #ffffff; border-bottom: 1px #0e824a dotted; background: none;}
#listagem-arquivo-consulta-publica ul li:last-child {border-bottom: none;}
#listagem-arquivo-consulta-publica ul li i.pdf {margin:0; padding:0; display:table; width:30px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; font-size: 30px; position:absolute; top: 21px; left: 5px;}
#listagem-arquivo-consulta-publica ul li .texto {position:relative; float: left; display:table; width:94%; margin:0 0 0 45px; padding:0; text-align: left;  color:#ffffff; }
#listagem-arquivo-consulta-publica ul li .texto a {margin:0; padding:0; color:#ffffff; font-size: 18px;}
#listagem-arquivo-consulta-publica ul li .texto p {margin:0; padding:0; display:table; width:100%;}

@media (max-width: 767px)
{
#listagem-arquivo-consulta-publica ul li i.pdf {left: 0;}
#listagem-arquivo-consulta-publica ul li .texto {width:90%;}
#listagem-arquivo-consulta-publica ul li .texto a {font-size: 16px;}
}


/* ===================== Organizadores da Consulta Pública ======================== */
/* ================================================================================ */

#div-organizadores {margin:0; padding:0 0 40px 0; display:table; width:100%; position:relative;}
#div-organizadores ul.tabs {margin: 0; padding:0; width: 100%; position:relative; list-style:none; overflow:visible;}
#div-organizadores ul.tabs li {margin:0 1px; padding: 0; position: relative; font-weight:normal; list-style:none; width:auto; text-transform: none; float:left; overflow:visible; text-align:center;}
#div-organizadores ul.tabs li a {text-decoration: none; display: block; list-style:none; padding:0 15px; color: #333333; position:relative; overflow:visible; text-align:center; filter:alpha(opacity=50);opacity:.50; font-size: 30px;}
#div-organizadores ul.tabs li:first-child a:first-child {padding:0 15px 0 0;}
#div-organizadores ul.tabs li.active a {filter:alpha(opacity=100);opacity:1;}

#div-organizadores .tab_container {margin:0; padding:30px 0 0 0; width:100%; position:relative; display:table; z-index:1;}
#div-organizadores .tab_content {padding:0; display:table; width:100%; margin:0; position:relative; text-align:left;}

#div-organizadores .tab_content ul {margin:0 auto; padding:0; display:table; width:auto; position:relative; overflow:visible; list-style:none;}
#div-organizadores .tab_content ul li {
	margin:5px; padding:0; display:table; width:158px; height:75px; position:relative; float:left; overflow:visible; list-style:none;
}

#div-organizadores .tab_content ul li .logado-destaque-especial { position:absolute; top: 0; right: 5px; width: 26px; display: table; padding: 0; margin: 0; z-index: 13;}
#div-organizadores .tab_content ul li .logado-destaque-especial ul { position:relative; width: 26px; display: table; padding: 0; margin: 0;}
#div-organizadores .tab_content ul li .logado-destaque-especial ul li { position:relative; width: 26px; height: 26px; line-height: 26px; display: table; padding: 0; margin: 5px 0;}
#div-organizadores .tab_content ul li .logado-destaque-especial ul li a.logado { position:relative; width: 26px; height: 26px; line-height: 26px; display: block; padding: 0; margin: 0 auto; background: #ffffff; color: #135d11; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%; text-align: center;}
#div-organizadores .tab_content ul li .logado-destaque-especial ul li a.logado i { position:relative; width: 26px; height: 26px; line-height: 26px; padding: 0; margin: 0 auto; font-size: 18px; background: #ffffff; color: #135d11; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%; text-align: center;}

#div-organizadores .tab_content ul li > a.banner { width:158px; height:75px; padding:0; margin:0; display:block; filter:alpha(opacity=100);opacity:1; }

#div-organizadores .tab_content ul li > a.banner:hover {filter:alpha(opacity=40);opacity:.40;}

#div-organizadores .tab_content ul li img {margin:0; padding:0; width:158px; height:75px; border:0;}

@media (max-width: 1170px)
{
#div-organizadores .tab_content ul li {width:153px; height:72px; border:1px #d4dfe5 solid;
	-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);
}
#div-organizadores .tab_content ul li a { width:153px; height:72px;}
#div-organizadores .tab_content ul li img {margin:0; padding:0; width:153px; height:72px; border:0;}
}
@media (max-width: 992px)
{
#div-organizadores ul.tabs li:first-child a:first-child {padding:0 15px 0 0;}
#div-organizadores .tab_content ul li {width:178px; height:84px;}

#div-organizadores .tab_content ul li a { width:178px; height:84px;}
#div-organizadores .tab_content ul li img {margin:0; padding:0; width:178px; height:84px; border:0;}
}


/* ===================== Comunica��o ======================== */
/* ========================================================== */

#comunicacao{position:relative; width:100%; margin:0; padding:0; display:table;}
#comunicacao .comunicaoNews{position:relative; width:66%; float:left; margin:0; padding:0; display:table;}
#comunicacao .comunicaoNews .cnInt{position:relative; width:100%; margin:0; padding:0; display:table;}
#comunicacao .comunicaoNews .cnInt ul{position:relative; margin:0; padding:0; display:table; width:100%;}
#comunicacao .comunicaoNews .cnInt ul li.primeiro{position:relative; margin:0; padding:0; display:table; width:100%; border-bottom:1px #CCC dotted;}
#comunicacao .comunicaoNews .cnInt ul li.primeiro a{position:relative; margin:0; padding:0; display:block; width:100%;}
#comunicacao .comunicaoNews .cnInt ul li.primeiro a .imgMaior { width:100%; height:auto; overflow: hidden; margin:0; padding:0; position:relative; float:none;}
#comunicacao .comunicaoNews .cnInt ul li.primeiro a .imgMaior .img{ width:100%; height:auto; margin:0; padding:0;}
#comunicacao .comunicaoNews .cnInt ul li.primeiro a .text {
	margin:0; padding:20px 0; position:relative; width:100%; display:table; float:none;
}
#comunicacao .comunicaoNews .cnInt ul li.primeiro a .text h3{ width:100%; margin:0; padding:0; text-align:left; line-height:1.4; font-size:34px;}
#comunicacao .comunicaoNews .cnInt ul li.primeiro a .text p{margin:0; padding:0; text-align:left; line-height:1.5;  color:#ffffff; font-size:16px;}

#comunicacao .comunicaoNews .cnInt ul li{position:relative; margin:0; padding:15px 0; display:table; width:100%; border-bottom:1px #CCC dotted;}
#comunicacao .comunicaoNews .cnInt ul li a{position:relative; margin:0; padding:0; display:block; width:100%;}
#comunicacao .comunicaoNews .cnInt ul li a .imgMaior { width:35%; height:auto; overflow: hidden; margin:0; padding:0; position:relative; float:left;}
#comunicacao .comunicaoNews .cnInt ul li a .imgMaior .img{ width:100%; height:auto; margin:0; padding:0;}
#comunicacao .comunicaoNews .cnInt ul li a .text {margin:0; padding:0; position:relative; width:62%; display:table; float:right;}
#comunicacao .comunicaoNews .cnInt ul li a .text h3{ width:100%; margin:0; padding:0; text-align:left; line-height:1.4; font-size:20px;}
#comunicacao .comunicaoNews .cnInt ul li a .text p{margin:0; padding:0; text-align:left; line-height:1.5;  color:#ffffff; font-size:16px;}

#comunicacao .comunicacaoContato{position:relative; width:30%; float:right; margin:0; padding:0; display:table;}

@media (max-width: 992px)
{
#comunicacao .comunicaoNews .cnInt ul li a .text h3{font-size:16px;}	
}
@media (max-width: 767px)
{
#comunicacao .comunicaoNews .cnInt ul li a .imgMaior { width:100%; float:none;}
#comunicacao .comunicaoNews .cnInt ul li a .text {width:100%; float:none;}
#comunicacao .comunicaoNews .cnInt ul li a .text h3{padding:10px 0 0 0;}
}
@media (max-width: 550px)
{
	#comunicacao .comunicaoNews{width:100%; float:none;}
	#comunicacao .comunicacaoContato{width:100%; float:none;}
}


/* ===================== Comiss�o de �tica ======================== */
/* ================================================================ */

#ilustraTopo {
	width: 100%; height: auto; position: relative; padding:0; margin:0 0 20px 0; z-index:1;
	border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-bottom: 7px;
}
#ilustraTopo .imgIlustra {
	position: relative; padding:0; margin:0; border:0; z-index:1; width: 100%; 
	border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-bottom: 7px;
}
#ilustraTopo h2 {
	position:absolute; width:auto; display:table; background:#008a00;  z-index:20;
	padding:8px 20px 8px 20px; margin:0; bottom:15px; left:15px; color:#ffffff; font-weight:normal; font-size:20px;	
	border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-bottom: 7px; text-transform:uppercase;
	border-bottom:3px #005900 solid;
}

#listIntegrantesCeepl {padding:0 0 10px 0; width:100%; display:table; margin:0; position:relative; text-align:left;}
#listIntegrantesCeepl ul{margin:0; width:100%; padding:0; position:relative;}
#listIntegrantesCeepl ul li{margin:0; padding: 10px 0; position: relative; list-style:none; width:100%;}
#listIntegrantesCeepl ul li h5{margin:0; padding: 0 0 5px 0; font-size:16px; font-weight:normal; display:table; width:100%; border:0;}

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


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


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


/* ===================== Objetivos Estratégicos ======================== */
/* ===================================================================== */

.seta-estrategico {position:relative; width:100%; margin:0; display: table; overflow: hidden; text-align: center !important;}
.seta-estrategico:before {
	content: url(/html/imagens/epl/seta_objetivo_estrategico.png); position:absolute; top: 50%; left: 50%; width:50% !important; margin:0 auto; display: table;
	-webkit-transform: translateY(-40%) translateX(-50%); -moz-transform: translateY(-40%) translateX(-50%); -ms-transform: translateY(-40%) translateX(-50%);
	-o-transform: translateY(-40%) translateX(-50%); transform: translateY(-40%) translateX(-50%);
}
.base {
	position:relative; width:100%; margin:0; display: table; border-bottom: 1px #bbbbbb dashed;
	text-align: center !important;
}
.base:last-child {border-bottom: none !important;}
.base .row {position:relative; display: table; margin: 0 auto;}
.base h3 {
	position:relative; width:100%; margin:0; padding: 0; text-align: center !important; line-height: 1.4;
}
.base p {
	position:relative; width:100%; margin:0; padding: 0; line-height: 1.4; text-align: center !important;
}
.base p.verde {
	position:relative; width:100%; margin:0; padding: 20px 30px !important; line-height: 1.4; text-align: center !important;
	color: #ffffff !important; background-color: #1b9a6e;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-bottom: 10px;
}
.base p.azul1 {
	position:relative; width:100%; margin:0; padding: 20px 30px !important; line-height: 1.4; text-align: center !important;
	color: #333333 !important; background-color: #d9eaf7;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-bottom: 10px;
}
.base p.azul2 {
	position:relative; width:100%; margin:0; padding: 20px 30px !important; line-height: 1.4; text-align: center !important;
	color: #333333 !important; background-color: #b7cee3;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-bottom: 10px;
}
.base p.azul3 {
	position:relative; width:100%; margin:0; padding: 20px 30px !important; line-height: 1.4; text-align: center !important;
	color: #ffffff !important; background-color: #4e7ca7;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-bottom: 10px;
}


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

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

#portfolio{
	position:relative; width:100%; margin:0; padding:0; display: table;
	background-image: url(/html/imagens/epl/bg-portfolio.jpg);
	background-attachment: scroll; background-position: center bottom;
	background-size: cover !important; background-repeat: no-repeat;
}

#portfolio:before{
	content: ''; position:absolute; top:0; left: 0; width:100%; height: 100%; margin:0; padding:0; display: table; background: url(/html/imagens/epl/bg-top-port.png) repeat-x top center;
}

#portfolio #port-interno{
	position:relative; width:1150px; margin:0 auto; padding:0; display: table;
}

#portfolio .text {
	position: absolute; top: 50%; left: 0; text-align: left !important;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
	-o-transform: translateY(-50%); transform: translateY(-50%);
}

#portfolio .right {
	float: right;
}


#portfolio h3{
	position:relative; width:auto; margin:0 !important; display: table; padding: 0 0 20px 0;
	color: #ffffff; line-height: 1.3 !important;
}


#portfolio p{
	position: relative; width: 100%; line-height: 1.5 !important; color:#ffffff;
}

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

h3#titulo-port {
	position:relative !important; width:100% !important; display: table !important; line-height: 1.4 !important; color: #3d8d06 !important;
}

#form-port {
	position:relative; display: table; width: 100%; list-style:none; padding:30px; color: #333333;
	background: rgba(0,0,0,0.08); text-align: left !important;
}


.categoria-port { position: relative; width: 100%; display: table; text-align: left !important;}
.categoria-port .titulo-categoria {
	position: relative; width: 100%; line-height: 40px; display: table;
}
.categoria-port .titulo-categoria span {
	position: relative; float: left; width: 40px; height: 40px; line-height: 40px; display: table;
	background: #666666; color: #ffffff; text-align: center !important;	margin-right: 20px;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
}


#tabs-port {margin:0 auto; padding:0; display:table; width:1150px; position:relative;}
#tabs-port > ul {margin: 0; padding:0; width: 40%; float:left; position:relative; list-style:none; overflow:visible;}

#tabs-port > ul > li {margin:5px 0 5px 0; padding: 0; position: relative; font-weight:normal; list-style:none; width:100%; font-size:16px; text-transform: none; text-align:left; overflow:visible;}
#tabs-port > ul > li a {text-decoration: none; display: block; list-style:none; padding:10px 15px; color: #2f7c17; position:relative; background: rgba(0,0,0,0.08); height: 150px;}
#tabs-port > ul > li a:hover {background: rgba(0,0,0,0.2);}
#tabs-port > ul > li a span {
	position: absolute; top: 50%; left: 110px; text-align: left !important; font-weight: bold; padding-right: 20px;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
	-o-transform: translateY(-50%); transform: translateY(-50%);
}

#tabs-port > ul > li a img {
	position: absolute; top: 50%; left: 20px; width: 70px; height: 70px; line-height: 70px;
	background: #ffffff; color: #d1d12f; text-align: center !important;	
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
	-o-transform: translateY(-50%); transform: translateY(-50%);
}

#tabs-port > ul > li.active a {display: block; color:#ffffff; background:#3f8510; overflow:visible;}

#tabs-port .content-list {
	margin:0; padding:0; width:55%; float:right; position:relative; display:table;
	z-index:1; background: none !important;
}

#tabs-port .content-list .content-list-int {
	padding:0; width:100%; display:table; margin:0; position:relative; text-align:left; background: none !important;
}


#list-port {
	position:relative !important; line-height: 1.4 !important; color: #3d8d06 !important; list-style: none;
	padding: 0; margin: 0;
}

#list-port li {
	position:relative !important; width:100% !important; display: table !important; list-style: none; padding:0; margin: 10px 0;
}

#list-port li a.link-port {
	position:relative !important; width:auto !important; display: table !important; list-style: none;
	line-height: 1.4 !important; color: #333333 !important; background: rgba(0,0,0,0.1); padding: 8px 15px; margin: 0;
	text-decoration: none; cursor: pointer;
}

#list-port li a:hover.link-port {color: #ffffff !important; background: rgba(63,133,16,1);}

#list-port li ul {
	position:relative !important; line-height: 1.4 !important; color: #3d8d06 !important; list-style: none;
	padding: 0 0 0 30px; margin: 0;
}

#list-port li ul li {
	position:relative !important; width:100% !important; display: table !important; list-style: none; padding:0; margin: 10px 0;
}

#list-port li ul li a.link-port {
	position:relative !important; width:auto !important; display: table !important; list-style: none;
	line-height: 1.4 !important; color: #333333 !important; background: rgba(0,0,0,0.1); padding: 8px 15px; margin: 0;
	text-decoration: none; cursor: pointer;
}

.width100 {width: 100%;}

@media (max-width: 1170px)
{
#portfolio #port-interno{width:100% !important; padding:0 10px !important;}
	
#portfolio ._df_thumb {width:220px !important; height: 299px !important;}
	
	
#tabs-port {width:100% !important; padding-left: 10px !important; padding-right: 10px !important;}	
}
@media (max-width: 992px)
{
#portfolio ._df_thumb {width:180px !important; height: 245px !important;}
	
}
@media (max-width: 768px)
{
#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;
}
	
#portfolio .text {
	position: relative !important; top: auto !important; right: auto !important; text-align: left !important;
	-webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important; -o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}
	
#tabs-port > ul {width: 100% !important; float:auto !important;}
	
#tabs-port .content-list {width:100% !important; float:auto !important; padding-top:50px !important;}
	
#tabs-port > ul > li a {height: auto !important;}

#tabs-port > ul > li a i {
	position: absolute; top: 50%; left: 20px; width: 70px; height: 70px; line-height: 70px;
	background: #ffffff; color: #d1d12f; text-align: center !important;	
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
	-o-transform: translateY(-50%); transform: translateY(-50%);
}
	
#tabs-port > ul > li a span {
	position: relative !important; top: auto !important; left: auto !important; text-align: left !important; font-weight: bold; padding-right: 20px; padding-left: 20px; padding-top: 6px; padding-bottom: 6px; display: table !important;
	-webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;	-o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

#tabs-port > ul > li a img { display: none !important;}
}



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


/* ===================== PNLI ======================== */
/* =================================================== */

/* =========== Simulador de Frete P�gina Interna ============== */

#smFreteInterna{
	position:relative; margin:40px 0 40px 0; padding:40px; background:#3f8510; display:table;
}

#smFreteInterna h2 { color:#ffffff; margin:0 0 40px 0; border-color:#ffffff; font: 100 26px/26px arial; width:100%; }
#smFreteInterna h2 span { color:#ffffff;}
#smFreteInterna h2 span:before { border-color:#ffffff;}

#smFreteInterna h2 #modal{ font-weight:bold; font-style:normal; text-align:left; padding:0; margin:0; text-transform:uppercase; color:#ffffff;}

#smFreteInterna #calcFrete{margin:0; padding:0; display:table; width:100%; position:relative; text-align:left;}

#smFreteInterna #calcFrete .form{float:left; position:relative; margin:0; display:table; padding:0; width:40%;}
#smFreteInterna #calcFrete .form .form-group-sm {
  width:98%; padding:9px 10px; font-size:16px; margin:15px 0 0 0;
}
#smFreteInterna #calcFrete .form .form-group-sm-select {
  width:98%; padding:9px 10px; font-size:16px; margin:0;
}
#smFreteInterna #calcFrete .form .form-group-sm-select-tp {
  width:98%; padding:9px 10px; font-size:16px; margin:15px 0 0 0;
}
#smFreteInterna #calcFrete .form .botao {
  padding:9px 10px; width:98%; background:#3f9e00; font-size:16px; color:#ffffff;
  text-transform:uppercase; margin:15px 0 0 0; border:0; font-weight:bold;
  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#smFreteInterna #calcFrete .form .botao:hover {
	background:#2a6800;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#smFreteInterna #calcFrete .form a.explicacao { padding:0; margin:20px 15px 0 0; font-size:16px; color:#ffffff; text-align:center; display:block; line-height:20px; position:relative;}
#smFreteInterna #calcFrete .form a.explicacao span { padding:0 0 0 10px; margin:0;}
#smFreteInterna #calcFrete .result{float:right; position:relative; margin:0; padding:25px 0 0 0; width:56%; font-size:16px; line-height:1.4; color:#ffffff;}
#smFreteInterna #calcFrete .result #explicacao{position:relative; margin:0; padding:0; color:#ffffff;}
#smFreteInterna #calcFrete .result #explicacao h4{text-align:left; font-size:20px; font-weight:normal; text-transform:uppercase; color:#ffffff; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px #FFF solid; line-height:1.3;}
#smFreteInterna #calcFrete #result-freight-transport{ padding:0; margin:0; width:100%;}
#smFreteInterna #calcFrete #result-freight-transport p.result{ padding:15px 0 0 0; margin:16px 0 0 0; width:100%; color:#ffffff; border-top:1px #FFF solid;}

@media (max-width: 767px)
{
#smFreteInterna h2 { margin:0 0 40px 0; border-color:#ffffff; font: 100 18px/22px arial; width:100%; }

#smFreteInterna #calcFrete .form{float:none; width:100%;}
#smFreteInterna #calcFrete .result{float:none; padding:25px 0 0 0; width:100%; font-size:16px; line-height:1.4; color:#ffffff;}
}

/* ===================== Pr�ximo Passos ======================== */

#passos { position:relative; width:100%; padding:0 0 30px 0; margin:0; display:table;}
#passos ul{ position:relative; width:100%; padding:0; margin:0; display:table; list-style:none;}
#passos ul li { position:relative; width:100%; padding:0; margin:10px 0 10px 0; display:table;}
#passos ul li .indice { position:relative; float:left; width:40px; line-height:40px; height:40px; text-align:center; font-weight:bold; font-size:24px; padding:0; margin:0; display:table;}
#passos ul li h4 { position:relative; float:left; width:92%; line-height:40px; height:40px; text-align:left; font-weight:normal; font-size:18px; padding:0; margin:0 0 0 10px; display:table;}

#passos ul li .item1 { background:#eff6a6;}
#passos ul li .item2 { background:#d7f6a6;}
#passos ul li .item3 { background:#b5eb91;}
#passos ul li .item4 { background:#8bdd75;}
#passos ul li .item5 { background:#54cc54;}


/* ===================== Organograma ======================== */
/* ========================================================== */

#organograma {margin: 0px auto; padding:0 0 20px 0; width:1150px; list-style:none; font-weight:bold; display:table; position:relative;}
@media (max-width: 1160px)
{
#organograma {width:100% !important; margin: 0px auto !important; position: relative !important; }
}

/* ===================== Parte Principal ======================== */

#organograma ul.principal {margin: 0 auto; padding:0; width:100%; display: table !important; list-style:none; position:relative;}
#organograma ul.principal li {width: 160px; margin: 0 auto; padding:0 0 20px 0; position:relative; z-index:1;}
#organograma > ul.principal > li:before {
	content: ''; z-index:1; position: absolute; width: 1px; height: 100%;
	bottom:0; top:0; left:50%; border-left: 1px dotted #555555;
}
#organograma ul.principal li > p {
	background: #024b67; color:#ffffff; border:0; margin: 0 auto; width: 100%; font-size: 14px;
	padding: 12px 10px; text-align: center; z-index:9; position:relative; font-size:16px;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}
#organograma ul.principal li p a {color:#ffffff !important;}

#organograma ul.principal li ul {margin: 0; padding:0; width:100%; list-style:none; position:relative;}

#organograma ul.principal li ul li {width: 100%; margin-top: 20px; position:relative; z-index:9; padding:0; display:table;}

#organograma ul.principal li ul li.second {margin-right: -110%;}

#organograma > ul.principal > li > ul > li:before {content: ''; z-index:1; position: absolute; width: 100%; height: 1px; top:18px; border-bottom: 1px dotted #555555;}

#organograma > ul.principal > li > ul > li.second:before {left:-60% !important;}

#organograma ul.principal li ul li.comites:nth-of-type(odd) {margin-left: -110% !important;}

#organograma ul.principal li ul li.comites:nth-of-type(even) {margin-right: -110% !important;}

#organograma > ul.principal > li > ul > li.comites:nth-of-type(odd):before {right:-60% !important;}
#organograma > ul.principal > li > ul > li.comites:nth-of-type(even):before {left:-60% !important;}

#organograma ul.principal li ul li > p {
	background: #024b67; color:#ffffff; border:0; margin: 0 auto; width: 140px; padding: 12px 10px; text-align: center;
	z-index:9; position:relative; font-size:14px;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}

#organograma ul.principal li ul li > p.gerencia {background: #0380a7; color:#ffffff;}

#organograma ul.principal li ul li p a {color:#ffffff !important;}

#organograma ul.principal li ul li > a.mais {
	width:25px; height:25px; line-height:25px; font-size:25px; font-weight:normal; display:block;
	position:absolute; top:-22px; right:0; z-index:33; text-shadow:none; text-align: center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
	background:#ffffff; color:#024b67; cursor:pointer; border:2px #024b67 solid;
}
#organograma ul.principal li ul li > a.menos {
	width:25px; height:25px; line-height:25px; font-size:25px; font-weight:normal; display:block;
	position:absolute; top:-12px; right:0; z-index:33; text-shadow:none; text-align: center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
	background:#ffffff; color:#024b67; cursor:pointer; border:2px #024b67 solid;
}
#organograma ul.principal li ul li > a:hover.mais, #organograma ul.principal li ul li > p > a:hover.menos {
	background:#024b67; color:#ffffff; cursor:pointer; text-decoration:none; text-shadow:none; border:2px #024b67 solid;
}

#organograma ul.principal li ul li.second > a.mais { border:2px #0380a7 solid !important; color:#0380a7 !important;}
#organograma ul.principal li ul li.second > a.menos { border:2px #0380a7 solid !important; color:#0380a7 !important;}
#organograma ul.principal li ul li.second > a:hover.mais, #organograma ul.principal li ul li.second > a:hover.menos {
	background:#0380a7 !important; border:2px #0380a7 solid !important; color: #ffffff !important; text-decoration: none !important;
}

#organograma ul.principal li ul li ul {margin: 0 auto; padding:0; width:100%; list-style:none; position:relative; display:table; }

#organograma ul.principal li ul li ul li {
	width: 100%; margin: 0 -20px 0 0; padding:20px 0 0 0; position:relative; z-index:1; float:right; display:table;
}
#organograma ul.principal li ul li ul li > p {
	background: #026909; color:#ffffff; border:0; margin: 0; width: 140px; padding:12px 10px; text-align: center;
	z-index:9; position:relative;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}

#organograma ul.principal li ul li ul li:before {
	content: ''; z-index:1; position: absolute; width: 83px; height: 1px; top:35px; left:0;
	border-bottom: 1px dotted #555555;
}

#organograma ul.principal li ul li ul li:after {
    content: ''; position: absolute; top: 0; width: 2px; 
    height: 35px; left: -0px; border-left: 1px dotted #555555;
}

#organograma ul.principal li ul li ul li:first-child::after{ 
    content: ''; position: absolute; top: 0; width: 2px; 
    height: 100%; left: -0px; border-left: 1px dotted #555555;
}

#organograma ul.principal li ul li ul li:last-child::after{ 
    content: ''; position: absolute; top: 0; width: 2px; 
    height: 35px; left: -0px; border-left: 1px dotted #555555;
}

@media (max-width: 1160px)
{
#organograma ul.principal li ul li ul li {margin: 0 0 0 0 !important;}

#organograma ul.principal li ul li ul li:before {display: none;}

#organograma ul.principal li ul li ul li:after {left: 50% !important;}

#organograma ul.principal li ul li ul li:first-child::after{left: 50% !important;}

#organograma ul.principal li ul li ul li:last-child::after{left: 50% !important;}
}
@media (max-width: 960px)
{
#organograma ul.principal li ul {margin: 0 0 0 0 !important;}
	
#organograma ul.principal li ul li.second {margin-right: 0 !important;}

#organograma ul.principal li ul li.comites:nth-of-type(odd) {margin-left: 0 !important;}

#organograma ul.principal li ul li.comites:nth-of-type(even) {margin-right: 0 !important;}
	
#organograma > ul.principal > li > ul > li:before {display: none;}
#organograma ul.principal li ul li ul li:after {display: none;}
#organograma ul.principal li ul li ul li:first-child::after{display: none;}
#organograma ul.principal li ul li ul li:last-child::after{display: none;}
}
@media (max-width: 768px)
{
#organograma ul.principal li {width: 100% !important;}
#organograma ul.principal li ul li > p { width: 100% !important;}
}


/* ===================== Parte Diretorias ======================== */

#organograma ul.diretoria {margin: 0 auto; padding:0; width:100%; list-style:none; position:relative;}
#organograma ul.diretoria li {width: 33% !important; margin: 0 auto; padding: 0; position:relative; z-index:1; list-style:none;}

#organograma ul.diretoria li a {color:#FFF;}

#organograma > ul.diretoria > li:after {
	content: ''; z-index:1; position: absolute; width: 100%; height: 1px; top:16px; left:50%; border-bottom: 1px solid #777777;
}
#organograma > ul.diretoria > li:last-child::after{ 
	content: ''; z-index:1; position: absolute; width: 100%; height: atuto; top:0; left:0; border-bottom: none;
}

#organograma > ul.diretoria > li:before {
	content: ''; z-index:1; position: absolute; width: 2px; height: 100%; top:0; left:50%; border-left: 1px solid #777777;
}

#organograma ul.diretoria li > p {
	background: #024b67; color:#ffffff; border:0; margin: 0 auto; width: 160px; padding:12px 10px;
	text-align: center; z-index:9; position:relative; font-size:16px;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}

@media (max-width: 960px)
{
#organograma ul.diretoria li {padding: 0 10px !important;}
#organograma ul.diretoria li > p {width: 100% !important;}
#organograma > ul.diretoria > li:before {bottom:20px; top: auto !important; height: 94%;}
}
@media (max-width: 768px)
{
#organograma ul.diretoria li {width: 100% !important; padding: 0 0 !important;}
	
	
#organograma > ul.diretoria > li:after {display: none;}
}

#organograma ul.diretoria li > p > a {color:#ffffff;}

#organograma ul.diretoria li ul {margin: 0 auto; padding:0 10px; width:100% !important; list-style:none; position:relative; display:table;}
@media (max-width: 768px)
{
#organograma ul.diretoria li ul {padding:0 0 !important;}
}

#organograma > ul.diretoria > li > ul:last-child::after {
    content: ''; z-index:9; position: absolute; top: 19px; width: 3px; 
    height: 100%; left: 50%; border-left: 3px solid #ffffff;
}


#organograma ul.diretoria li ul li.assessoria {width: 140px !important; margin: 0 !important; padding:0 0 20px 0 !important; position:relative; float:left; z-index:1;}
#organograma ul.diretoria li ul li.assessoria p {
	background: #cac62d !important; color:#000000 !important; border:0; margin: 0; width: 100%; padding: 12px 10px; 
	text-align: center; z-index:9; position:relative;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}
#organograma ul.diretoria li ul li.assessoria:before {
	content: ''; z-index:0; position: absolute; width: 100%; 
    height: 1px; top:18px; left:26%; border-bottom: 1px solid #777777;
}

#organograma ul.diretoria li ul li.gabinete {width: 140px !important; margin: 0 !important; padding:0 0 10px 0 !important; position:relative; float:right; z-index:1;}
#organograma ul.diretoria li ul li.gabinete p {
	background: #0380a7 !important; color:#000000 !important; border:0; margin: 0; width: 100%; padding: 12px 10px; 
	text-align: center; z-index:9; position:relative;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}
#organograma ul.diretoria li ul li.gabinete:before {
	content: ''; z-index:0; position: absolute; width: 100%; 
    height: 1px; top:18px; right:26%; border-bottom: 1px solid #777777;
}
#organograma ul.diretoria li ul li.gabinete ul li > p {background: #026909 !important; color:#ffffff !important;}


#organograma ul.diretoria li ul li {width: 140px !important; margin: 0 !important; padding:0 0 20px 0 !important; position:relative; z-index:1;}

#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel {float: left;} 
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel {float: right;}

#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel:before {
	content: ''; z-index:0; position: absolute; width: 100%; 
    height: 1px; top:18px; left:26%; border-bottom: 1px solid #777777;
}
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel:before {
	content: ''; z-index:0; position: absolute; width: 100%; 
	height: 1px; top:18px; right:26%; border-bottom: 1px solid #777777;
}

@media (max-width: 1100px)
{
#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel:before {left:18%;}
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel:before {right:18%;}
	
#organograma ul.diretoria li ul li.assessoria:before {left:18%;}
}
@media (max-width: 1060px)
{
#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel:before {left:14%;}
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel:before {right:14%;}
	
#organograma ul.diretoria li ul li.assessoria:before {left:14%;}
}
@media (max-width: 1000px)
{
#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel:before {left:7%;}
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel:before {right:7%;}
	
#organograma ul.diretoria li ul li.assessoria:before {left:7%;}
}
@media (max-width: 980px)
{
#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel:before {left:4%;}
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel:before {right:4%;}
	
#organograma ul.diretoria li ul li.assessoria:before {left:4%;}
}

@media (max-width: 960px)
{
	
#organograma ul.diretoria li ul li.assessoria:before { display: none;}
#organograma ul.diretoria li ul li.assessoria {width: 100% !important;}
	
#organograma ul.diretoria li ul li {width: 100% !important;}

#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel {float: none !important;} 
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel {float: none !important;}
	
#organograma ul.diretoria li ul li:nth-of-type(odd).dirNivel:before {display: none;}
#organograma ul.diretoria li ul li:nth-of-type(even).dirNivel:before {display: none;}

#organograma > ul.diretoria > li > ul:last-child::after {display: none;}
	
#organograma ul.diretoria li ul li > p {width: 100% !important;}
}

#organograma ul.diretoria li ul li > a.mais {
	width:25px; height:25px; line-height:25px; font-size:25px; font-weight:normal; display:block;
	position:absolute; top:-22px; right:-10px; z-index:99; text-shadow:none; text-align: center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
	background:#ffffff; color:#0380a7; cursor:pointer; border:2px #0380a7 solid;
}

#organograma ul.diretoria li ul li > a.menos {
	width:25px; height:25px; line-height:25px; font-size:25px; font-weight:normal; display:block;
	position:absolute; top:-12px; right:-10px; z-index:99; text-shadow:none; text-align: center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
	background:#ffffff; color:#0380a7; cursor:pointer; border:2px #0380a7 solid;
}

#organograma ul.diretoria li ul li > a:hover.mais, #organograma ul.diretoria li ul li > p > a:hover.menos {background:#0380a7; color:#ffffff; cursor:pointer; text-decoration:none; text-shadow:none; border:2px #0380a7 solid;}

#organograma ul.diretoria li ul li > p {
	background: #0380a7; color:#ffffff; border:0; margin: 0; width: 140px; padding: 12px 10px; 
	text-align: center; z-index:9; position:relative;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}

#organograma ul.diretoria li ul li p a {color:#ffffff !important;}


#organograma ul.diretoria li ul li ul {margin: 0 auto; padding:0 0 0 5px; width:100%; list-style:none; position:relative; display:table;}

#organograma ul.diretoria li ul li ul li {width: 100%; margin: 0; display: table; padding:20px 0 0 5px !important; position:relative; z-index:1; float:right;}
#organograma ul.diretoria li ul li ul li > p {
	background: #026909; color:#ffffff; border:0; margin: 0; width: 140px; font-size: 14px !important; padding:12px 10px; text-align: center; z-index:9; position:relative;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}

@media (max-width: 1160px)
{
#organograma ul.diretoria li ul li ul {padding:0 0 0 0 !important;}
#organograma ul.diretoria li ul li ul li {padding:20px 0 0 0 !important; position:relative; z-index:1; float:right;}
	
#organograma ul.diretoria li ul li ul li:after {
    content: ''; position: absolute; top: 0; width: 2px; 
    height: 100% !important; left: 50% !important; border-left: 1px solid #777777;
}
}

#organograma ul.diretoria li ul li ul li p a {color:#ffffff !important;}

#organograma ul.diretoria li ul li ul li:before {
	content: ''; z-index:1; position: absolute; width: 83px; 
    height: 1px; top:35px; left:0; border-bottom: 1px solid #777777;
}

#organograma ul.diretoria li ul li ul li:after {
    content: ''; position: absolute; top: 0; width: 2px; 
    height: 35px; left: 0; border-left: 1px solid #777777;
}

#organograma ul.diretoria li ul li ul li:first-child::after{ 
    content: ''; position: absolute; top: 0; width: 2px; 
    height: 100%; left: 0; border-left: 1px solid #777777;
}

#organograma ul.diretoria li ul li ul li:last-child::after{ 
    content: ''; position: absolute; top: 0; width: 2px; 
    height: 35px; left: 0; border-left: 1px solid #777777;
}

.div-maior{position: relative; width: 100%; padding: 0; margin: 0; display: table;}

.legenda{width:30%; position:absolute; left:0; top: 0; list-style:none; padding:0; margin:0; z-index:9;}

.legenda ul{width:100%; position:relative; padding:0; margin:0; display:table; list-style:none;}

.legenda ul li {
    margin: 0; color:#000000; list-style-type: none; position: relative; float:none;
	padding: 6px 5px 6px 30px; font-weight:bold; width:100%;
}

.legenda > ul > li::before{
    content: ''; position: absolute; top: 6px; width: 20px; height: 20px; right: auto; left: 0;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;
}

.legenda > ul > li.primeiro::before{background: #024b67;}
.legenda > ul > li.segundo::before{background: #cac62d;}
.legenda > ul > li.terceiro::before{background: #0380a7;}
.legenda > ul > li.quarto::before{background: #026909;}

.legenda > ul > li.quinto::before{
	width:22px; height:22px; line-height:22px;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
	background:#ffffff; color:#FFF; border:2px #024b67 solid; z-index:1; content: '+';
}

.legenda > ul > li.quinto::after{
	width:12px; height:12px; line-height:12px; background:url(/html/imagens/site/nolines_minus.png) no-repeat top left;
	position:absolute; top: 11px; left: 5px; z-index:9; content: '';
}

.expandirTudo{cursor:pointer;}
.fecharTudo{cursor:pointer; display:none;}

.btn-organograma{position:absolute; top: 0; right: 0; width: auto; line-height: 1.3; padding: 10px 20px; margin: 0; background: #6ec54e; color: #ffffff; z-index: 33; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom: 5px;}
.btn-organograma:hover{background: #3d941d; color: #ffffff; text-decoration: none;}

@media (max-width: 960px)
{
.legenda{width:100% !important; position:relative !important; left:auto !important; top: auto !important; margin:0 !important;}
	
.btn-organograma{display: none !important;}
}


/* ===================== Contratos ======================== */
/* ======================================================== */

#pagContratos{ position:relative; width:100%; padding:0; margin:0; display:table;}
#pagContratos > ul.tabs {margin: 0; padding: 0; width: 100%; overflow:hidden; list-style:none;}
#pagContratos > ul.tabs li {
	float: left; margin:0 2px 0 0; padding: 0; position: relative; font-weight:normal; list-style:none;
	width:auto; text-transform:lowercase; font-size:18px;
}
#pagContratos > ul.tabs li:first-child {margin-left:0;}
#pagContratos > ul.tabs li a {text-decoration: none; display: block; height:auto; list-style:none; padding:10px 20px; background:#f4f4f4; text-transform:uppercase;}
#pagContratos > ul.tabs li:first-child a {display: block; height:auto;}
#pagContratos > ul.tabs li.active a {display: block; height:auto; background:#6ab139; color:#ffffff;}
#pagContratos > ul.tabs li.active {	z-index:111 !important;}

#pagContratos > .tab_content {padding:15px 0 0 0; width:100%; display:table; margin:0; position:relative;}
#pagContratos > .tab_content ul{width:100%; margin:0; padding:0; position:relative;}
#pagContratos > .tab_content ul li{ width:100%; margin:0; padding:10px 0 10px 0; display:table; position:relative;}
#pagContratos > .tab_content ul li a{ font-weight:bold;}
#pagContratos > .tab_content ul li p{margin:0; padding:0;}
#pagContratos > .tab_container {margin:0; padding:0; width:100%; height:auto; overflow:hidden;}
@media (max-width: 992px)
{
#pagContratos > ul.tabs li {
	float: left; margin:0 2px 0 0; padding: 0; position: relative; font-weight:normal; list-style:none;
	width:auto; text-transform:lowercase; font-size:16px;
}
#pagContratos > ul.tabs li a {text-decoration: none; display: block; height:auto; list-style:none; padding:6px 10px 6px 10px;}
}
@media (max-width: 767px)
{
#resp{ display:none;}
}
@media (max-width: 992px)
{
#mSlt{ display:none;}
}

#esqAp{ display:none;}
@media (max-width: 767px)
{
#esqAp{ display:inherit;}
}


/* ===================== Quem � Quem ======================== */
/* ========================================================== */

#licCont {margin:0; padding:25px 0 25px 0; display:table; width:100%; position:relative;}
#quemEquem {margin:0; padding:10px 0 0 0; display:table; width:100%; position:relative;}
#quemEquem ul.tabs {margin: 0; padding:0; width: auto; position:relative; overflow:hidden; list-style:none;}
#quemEquem ul.tabs li {margin:0 2px 0 0; padding: 0; position: relative; font-weight:normal; list-style:none; width:auto; text-transform: none;}
#quemEquem ul.tabs li:first-child {margin-left:0;}
#quemEquem ul.tabs li a {text-decoration: none; display: block; height:auto; list-style:none; padding:12px; font-weight:bold;}
#quemEquem ul.tabs li:first-child a {display: block; height:auto;}
#quemEquem ul.tabs li.active a {display: block; height:auto;}
#quemEquem ul.tabs li.active {z-index:5 !important;}
#quemEquem .tab_container {margin:0; padding:0; width:100%; position:relative; display:table;}
#quemEquem .tab_content {padding:5px 0 0 0; width:100%; display:table; margin:0; height:220px; position:relative; text-align:left; font-style:normal;}
#quemEquem .tab_content ul{width:100%; margin:0; padding:0; position:relative; font-style:normal;}
#quemEquem .tab_content ul li{margin:0; padding:8px 0 8px 0; display:table; position:relative; font-style:normal;}
#quemEquem .tab_content ul li a{padding:0; margin:0; font-style:normal;}
#quemEquem .tab_content {font-style:normal;}
#quemEquem .tab_content ul li a p.titulo{font-weight:bold; padding:0 0 2px 0; margin:0; font-style:normal;}
#quemEquem .tab_content ul li a p.data{margin:0; padding:0 0 2px 0; font-weight:normal; font-style:normal;}
#quemEquem .tab_content ul li a p.texto{margin:0; padding:0; font-weight:normal; font-style:normal;}


/* ===================== Metas e Indicadores do Objetivo Estratégico ======================== */
/* ========================================================================================== */

h3.metas { position: relative; width: 100%; display: table; line-height: 1.3 !important;}

.table-metas {margin:0; display:table; width:100%; position:relative;}
.table-metas table {margin:0; padding: 0; display:table; width:100%; position:relative;}
.table-metas table thead tr th {
	margin:0; padding: 10px; position:relative;
	color: #ffffff !important; background: #00a664 !important; border-left: 4px #ffffff solid;
}
.table-metas table thead tr th:first-child {border-left: none;}
.table-metas table thead tr th.center { text-align: center !important;}

.table-metas table tbody tr td {
	margin:0; padding: 10px; position:relative;
	color: #000000 !important; background: #d7ebda !important; border-left: 4px #ffffff solid; border-top: 4px #ffffff solid;
}
.table-metas table tbody tr td:first-child {border-left: none;}
.table-metas table tbody tr td.center { text-align: center !important;}


#lista-transparencia {margin:0; padding: 0; display:table; width:100%; position:relative; list-style: none;}
#lista-transparencia ul {margin:0; padding: 0; display:table; width:100%; position:relative; list-style: none;}
#lista-transparencia ul li {margin:0; padding: 5px 0; display:table; width:100%; position:relative; list-style: none;}
#lista-transparencia ul li a {margin:0; padding: 10px !important; display:block; background: #f1f1f1 !important; width:100%; position:relative;}
#lista-transparencia ul li a:hover {background: #ffffff !important;}


#transp-container {position:relative;}
#transp-container a {position:relative; display:block; width:100%; margin:0; padding: 0;}
#transp-container a #transp-int {position:relative; display:table; width:100%; margin:0; padding: 0;}
#transp-container a #transp-int .transp-img {
	margin:0; padding: 0; display:table; width:100%; position:relative; z-index: 0;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#transp-container a:hover #transp-int .transp-img {
	filter:alpha(opacity=50);opacity:.50;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#transp-container a #transp-int h4 {
	position:absolute; width:auto; display:table; bottom: 0; left: 0; z-index: 1; line-height: 1.4;
	margin:0; padding: 8px 15px; background: rgba(14,152,86,0.8); color: #ffffff; font-weight: 100 !important;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#transp-container a:hover #transp-int h4 {
	background: rgba(255,255,255,0.9);  color: rgba(102,102,102,1);
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#transp-container a .text {position:relative; display:table; width:100%; margin:0; padding: 10px 0 0 0; color: #666666;}

#transp-container a .text h4 {
	position: relative; width: 100%; display: table; margin: 0; padding: 0 0 10px 0; color: rgba(102,102,102,1);
	line-height: 1.4; font-weight: 100 !important;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#transp-container a:hover .text h4 {color: rgba(14,152,86,1);}
#transp-container a .text p {position:relative; display:table; width:100%; color: #666666; text-decoration: none !important; line-height: 1.4;}


/* ===================== Galeria de Diretores ======================== */
/* =================================================================== */

/* === Diretor Atual === */

.g-diretor-atual {position: relative; width: 260px; display: table; margin: 0 auto; padding: 0; text-align: center !important;}
.g-diretor-atual a {
	position: relative; width: 100%; display: block; margin: 0 auto; padding: 0; text-align: center !important;
}
.g-diretor-atual a .foto {
	position: relative; width: 260px; height: 260px; overflow: hidden; margin: 0 auto 15px auto; padding: 0;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%;
}
.g-diretor-atual a .foto img {position: relative; width: 100%; margin: 0 auto 15px auto; padding: 0;}
.g-diretor-atual a p {
	position: relative; width: 100%; display: table; margin: 0 auto !important; padding:3px 0; line-height: 1.3;
}
.g-diretor-atual a p.color {color: #333333;}

/* === Diretor === */

.g-diretor {position: relative; width: 160px; display: table; margin: 0 auto; padding: 0; text-align: center !important;}
.g-diretor a {position: relative; width: 100%; display: block; margin: 0 auto; padding: 0; text-align: center !important;}
.g-diretor a .foto {
	position: relative; width: 160px; height: 160px; overflow: hidden; margin: 0 auto 15px auto; padding: 0;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%;
}
.g-diretor a .foto img {position: relative; width: 100%; margin: 0 auto 15px auto; padding: 0;}
.g-diretor a p {position: relative; width: 100%; display: table; margin: 0 auto !important; padding:3px 0; line-height: 1.3;}
.g-diretor a p.color {color: #333333;}


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


/* ===================== 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 (legisla��o, not�cias, v�deos, licita��es, termos de coopera��o, etc... === */
/* ============================================================================================= */

#listEpl {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#listEpl ul  {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#listEpl ul li {padding-top:12px; padding-bottom:12px; margin:0; position:relative; width:100%; display:table;}
#listEpl ul li .imgIc {float:left; position:relative; text-align:right; width:4%; padding:0; margin:0;}
#listEpl ul li .text {float:right; position:relative; width:95%; padding:0; margin:0; text-align:left;}
#listEpl ul li .text h3 {font-size:18px; padding-bottom:10px; padding-top:0; padding-left:0; padding-right:0; margin:0; text-align:left; border:none; background:none;}
#listEpl ul li .text .red {color:#F00;}
#listEpl ul li p {padding:0; margin:0; text-align:left;}

#listEpl ul li .text {float:right; position:relative; width:95%; padding:0; margin:0; text-align:left;}
#listEpl ul li .text .left {float:left; position:relative; width:34%; padding:0; margin:0; text-align:left;}
#listEpl ul li .text .right {float:right; position:relative; width:65%; padding:0; margin:0; text-align:left;}

.video-noticia { width:100%; height:500px; padding:0; margin:0;}

@media (max-width: 1170px)
{
#listEpl ul li .text .left {float:left; position:relative; width:37%; padding:0; margin:0; text-align:left;}
#listEpl ul li .text .right {float:right; position:relative; width:61%; padding:0; margin:0; text-align:left;}
.video-noticia { width:100%; height:450px; padding:0; margin:0;}
}
@media (max-width: 992px)
{
#listEpl ul li .text .left {float:left; position:relative; width:35%; padding:0; margin:0; text-align:left;}
#listEpl ul li .text .right {float:right; position:relative; width:63%; padding:0; margin:0; text-align:left;}
.video-noticia { width:100%; height:400px; padding:0; margin:0;}
}
@media (max-width: 767px)
{
#listEpl ul li .text {float:right; position:relative; width:92%; padding:0; margin:0; text-align:left;}
#listEpl ul li .text .left {float:none; position:relative; width:100%; padding:0; margin:0; text-align:left;}
#listEpl ul li .text .right {float:none; position:relative; width:100%; padding:0; margin:0; text-align:left;}
.video-noticia { width:100%; height:400px; padding:0; margin:0;}
}
@media (max-width: 700px)
{
.video-noticia { width:100%; height:350px; padding:0; margin:0;}
}
@media (max-width: 600px)
{
.video-noticia { width:100%; height:300px; padding:0; margin:0;}
}
@media (max-width: 550px)
{
.video-noticia { width:100%; height:250px; padding:0; margin:0;}
}


#listEplNews {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#listEplNews ul  {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#listEplNews ul li {padding-top:20px; padding-bottom:20px; margin:0; position:relative; width:100%; display:table; border-bottom:1px #cccccc dotted;}
#listEplNews ul li:last-child {border-bottom:none !important;}
#listEplNews ul li h3 { position: relative; width: 100%; line-height: 1.3 !important;}
#listEplNews ul li p {padding:3px 0 !important; margin:0; position:relative; width:100%; display:table; }

.red {color:#F00 !important;}


/* ===================== Lista Qlik Indicaores ======================== */
/* ==================================================================== */

.list-indicador-qlik .item-qlik a.link-painel {
	position: relative; width: 100%; display: block; background: #159138; color: #ffffff; padding: 0; margin: 0;
}
.list-indicador-qlik .item-qlik a.link-painel:hover {background: #067625;}

.list-indicador-qlik .item-qlik a.link-painel img {
	position: relative; width: 100%; display: table; text-align: center; padding: 0; margin: 0;
}
.list-indicador-qlik .item-qlik a.link-painel .texto {
	position: relative; width: 100%; height: 56px; display: table; text-align: left;
}
.list-indicador-qlik .item-qlik a.link-painel .texto h3 {
	position: absolute; top: 50%; left: 0; display: table; text-align: left; color: #ffffff; padding: 0 15px !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.row-graficos {position: relative; margin-left: -25px !important; margin-right: -25px !important;}
.row-titulo {position: relative; margin-left: -20px !important; margin-right: -20px !important;}

.arquivo-pdf a {color:#666666; text-decoration: none !important;}
.arquivo-pdf a i {color:#FF0000; text-decoration: none;}



/* ===================== Página de Notícias ======================== */
/* ================================================================= */

#lista-news {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#lista-news ul  {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#lista-news ul li {padding:40px 0; margin:0; position:relative; width:100%; display:table;}
#lista-news ul li .data { position: relative; width: auto; margin: 0 0 10px 0 !important; padding: 5px 10px; background: #469d27 !important; color: #ffffff !important; text-align: center; z-index: 2; display: table;}
#lista-news ul li .foto {position:relative; padding:0; width:330px; height: 220px; overflow:hidden; text-align:center; background-color:#eaedef;}
#lista-news ul li .foto img { width:100%; padding:0; margin:0 auto; position: relative; display: table; z-index: 0; }
#lista-news ul li .foto .data { position: absolute; bottom: 0; right: 0; width: auto; margin: 0 !important; padding: 5px 10px; background: #469d27 !important; color: #ffffff !important; text-align: center; z-index: 2;}
#lista-news ul li h3 {padding:0 0 10px 0; margin:0; text-align:left; line-height: 1.3!important;}
#lista-news ul li p { line-height:1.6; padding:0 0 0 0; margin:0; text-align:left;}
#lista-news ul li .red {color:#F00;}

#lista-news ul li:nth-of-type(odd) .foto {float: left; margin:0 20px 10px 0;} 
#lista-news ul li:nth-of-type(even) .foto {float: right; margin:0 0 10px 20px;}

@media (max-width: 1170px)
{
#lista-news ul li {padding:35px 0;}
#lista-news ul li .foto {width:300px; height: 200px; height: auto; display: table;}	
	
#lista-news ul li:nth-of-type(odd) .foto {float: left;} 
#lista-news ul li:nth-of-type(even) .foto {float: right;}
}
@media (max-width: 992px)
{
#lista-news ul li .foto {width:240px; height: 160px; height: auto; display: table;}
}
@media (max-width: 868px)
{
#lista-news ul li {padding:30px 0;}
}
@media (max-width: 768px)
{
#lista-news ul li {padding:25px 0;}
#lista-news ul li .foto {width:100%; height: auto; display: table;}
#lista-news ul li:nth-of-type(odd) .foto {float: none; margin: 0 0 15px 0;} 
#lista-news ul li:nth-of-type(even) .foto {float: none; margin: 0 0 15px 0;}
}



/* ===================== Busca Legisla��o ======================== */
/* =============================================================== */

#buscaLegi {position:relative; padding: 10px 0 15px 0; width:100%; background:#eeeeee; display:table; margin:  0 0 25px 0; list-style:none;}
#buscaLegi .left1 {float:left; position:relative; text-align:left; width:20%; padding:0; margin:0 0 0 20px; display:table;}
#buscaLegi .left2 {float:left; position:relative; text-align:left; width:32%; padding:0; margin:0; display:table;}
#buscaLegi .left3 {float:left; position:relative; text-align:left; width:9%; padding:0; margin:0; display:table;}
#buscaLegi .right {float:right; position:relative; width:32%; top:auto; left:auto; padding:0; margin:0; text-align:left; display:table;}
#buscaLegi .complet {float:left; position:relative; width:97%; padding:12px 0 0 20px; margin:0; text-align:left; display:table;}


#buscaLegi label {font-weight:normal; font-size:16px; position:relative; float:none; left:auto; width:100%; padding:0 0 7px 0; margin:0; display:block; text-align:left;}

#buscaLegi .demoLabel {font-weight:normal; font-size:16px;}

#buscaLegi .numLegi {width:92%;}
#buscaLegi .expLegi {width:90%; margin:0 15px 0 0;}

@media (max-width: 1170px)
{
#buscaLegi .expLegi {width:80%; margin:0 15px 0 0;}
}

@media (max-width: 992px)
{
#buscaLegi .left1 {width:29%;}
#buscaLegi .left2 {width:48%;}
#buscaLegi .right {width:24%; padding:12px 0 0 0; margin:0 0 0 20px;}
#buscaLegi .complet {width:69%; padding:12px 0 0 0;}
#buscaLegi .expLegi {width:74%; margin:0 15px 0 0;}
}
@media (max-width: 767px)
{
#buscaLegi .left1 {float:none; width:96%; margin:0 0 0 20px;}
#buscaLegi .left2 {float:none; width:96%; padding:6px 0 0 0; margin:0 0 0 20px;}
#buscaLegi .left3 {float:none; width:96%; padding:6px 0 0 0; margin:0 0 0 20px;}
#buscaLegi .right {float:none; width:96%;  padding:6px 0 0 0; margin:0 0 0 20px;}
#buscaLegi .complet {float:none; width:96%; padding:6px 0 0 0; margin:0 0 0 20px;}
#buscaLegi .expLegi {width:74%; margin:0 15px 0 0;}
}
@media (max-width: 479px)
{
#buscaLegi .expLegi {width:92%; margin:0 0 15px 0;}
}


#consulta-botoes { position: relative; width: 100%; display: table; padding: 0 0 10px 0; margin: 0;}
#consulta-botoes .texto { position: relative; float: left; width: 48%; display: table; padding: 0; margin: 0;}
#consulta-botoes .botoes { position: relative; float: left; width: 48%; display: table; padding: 0; margin: 0;}


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

#buscaList {position:relative; padding: 10px 0 15px 0; width:100%; background:#eeeeee; display:table; margin: 0 0 25px 0; list-style:none;}
#buscaList .left1 {float:left; position:relative; text-align:left; width:38%; padding:0; margin:0 0 0 20px; display:table;}
#buscaList .left2 {float:left; position:relative; text-align:left; width:13%; padding:0; margin:0; display:table;}
#buscaList .right {float:right; position:relative; text-align:left; width:45%; padding:0; margin:0; display:table;}

#buscaList .linha {position:relative; width: 100%; text-align:left; padding:0 20px 5px 20px; margin:0; display:table;}
#buscaList .linha .left1 {float:left; position:relative; text-align:left; width:44%; padding:0; margin:0; display:table;}
#buscaList .linha .left2 {float:left; position:relative; text-align:left; width:13%; padding:0; margin:0; display:table;}
#buscaList .linha .right1 {float:right; position:relative; text-align:left; width:38%; padding:0; margin:0; display:table;}
#buscaList .linha .right1 .posicao {position:relative; text-align:left; width:100%; padding:8px 0 0 0; margin:0; display:table;}

#buscaList .linha .expCons {width:90%; position:relative; padding:0 10px; float:left;} 

#buscaList .linha .right1 input[type=radio] {float:left; position:relative; padding:0; margin:0;}
#buscaList .linha .right1 label.radio {float:left; position:relative; text-align:left; width:auto; padding:0 20px 0 10px; margin:0; display:table;}

#buscaList label {font-weight:normal; position:relative; float:none; left:auto; width:100%; padding:7px 0 7px 0; margin:0; display:block; text-align:left; font-size:16px;}

#buscaList .dataLegi {width:86px;}
#buscaList .resultLegi {width:60px;}
#buscaList .expLegi {width:70%; position:relative; padding:0 10px; float:left;} 

@media (max-width: 1170px)
{
#buscaList .left1 {width:42%;}
#buscaList .right {width:41%;}

#buscaList .expLegi {width:64%;}
}
@media (max-width: 992px)
{
#buscaList .left1 {width:67%;}
#buscaList .left2 {float:right; width:28%;}
#buscaList .right {float:right; width:96%;}

#buscaList .expLegi {width:80%;}
}
@media (max-width: 479px)
{
#buscaList .left1 {float:right; width:96%;}
#buscaList .left2 {float:right; width:96%;}
#buscaList .right {float:right; width:96%;}

#buscaList .expLegi {width:60%;}
}


#comprasnet {position:relative; padding: 0 !important; width:100%; background:#0e8f26; display:table; margin: 0; color: #ffffff !important;}
#comprasnet a {position:relative; padding: 15px 20px 15px 20px !important; width:100%; background:#0e8f26; display:block; margin: 0; color: #ffffff !important; text-align: center; text-transform: uppercase;}
#comprasnet a:hover {background:#00601d;}

#busca-manuais {position:relative; padding: 10px 20px 10px 20px !important; width:100%; background:#eeeeee; display:table; margin: 0 0 25px 0; list-style:none;}

#busca-manuais .row .coluna {overflow: hidden;}

#busca-manuais .row .coluna label {font-weight:normal; position:relative; float:none; left:auto; width:100%; padding:5px 0 7px 0; margin:0; display:table; text-align:left; font-size:16px;}

#busca-manuais .row .coluna.text-right { text-align: right !important;}
#busca-manuais .row .coluna.text-center { text-align: center !important;}

#busca-manuais .row .coluna .dataLegi {width:80px;}
#busca-manuais .row .coluna .selectLegi {width:99%;}
#busca-manuais .row .coluna .resultLegi {width:100%;}
#busca-manuais .row .coluna .expLegi {width:99%; position:relative; padding:0 10px; float:left;} 

#busca-manuais .row .coluna input[type=text] {
	color:#14954b; padding:0 10px; height:42px !important; line-height: 42px !important; font-size: 16px !important;
	text-decoration: none; background:#ffffff; position:relative;
}

#busca-manuais .row .coluna select {
	color:#14954b; padding:0 10px; height:42px !important; line-height: 42px !important; font-size: 16px !important;
	text-decoration: none; background:#ffffff; position:relative;
}

/* Botão das buscas */

.botao-form-busca, a.botao-form-busca {
	position:relative; width: 100% !important; height:40px !important; line-height:40px !important;
	margin:0; padding:0; text-align: center;
	border: 0 !important; background: #6ec64f !important;
}
.botao-form-busca:hover, a.botao-form-busca:hover {background: #01978e !important;}
.botao-form-busca:active, a.botao-form-busca:active {background: #01978e !important;}

/* Botão de voltar para o filtro de busca das Atas */

.botao-voltar-busca, a.botao-voltar-busca {
	position:relative; display: block; width: auto !important; height:40px !important; line-height:40px !important;
	margin:0; padding:0 20px; text-align: center; font-size: 16px;
	border: 0 !important; background: #6ec64f !important; color: #ffffff !important;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
}
.botao-voltar-busca:hover, a.botao-voltar-busca:hover {background: #01978e !important;}
.botao-voltar-busca:active, a.botao-voltar-busca:active {background: #01978e !important;}

.floatLeftData { float:left; width:110px; position:relative;}

@media (max-width: 768px)
{
#busca-manuais .row .coluna .dataLegi {width:100% !important;}
#busca-manuais .row .coluna .selectLegi {width:100% !important;}
#busca-manuais .row .coluna .resultLegi {width:100% !important;}	
#busca-manuais .row .coluna .expLegi {width:100%; float:none;} 
}


/* ===================== Busca de Acordo de Coopera��o t�cnica ======================== */
/* ==================================================================================== */

#buscaCtList {position:relative; padding: 10px 0 15px 0; width:100%; background:#eeeeee; display:table; margin:  0 0 25px 0; list-style:none;}
#buscaCtList #linha {position:relative; padding: 0; width:100%; display:table; margin: 0; list-style:none;}
#buscaCtList #linha .left1 {float:left; position:relative; text-align:left; width:37%; padding:0; margin:0 0 0 20px; display:table;}
#buscaCtList #linha .right1 {float:right; position:relative; text-align:left; width:58%; padding:0; margin:0; display:table;}
#buscaCtList #linha .left2 {float:left; position:relative; text-align:left; width:15%; padding:0; margin:0 0 0 20px; display:table;}
#buscaCtList #linha .right2 {float:right; position:relative; text-align:left; width:80%; padding:0; margin:0; display:table;}

#buscaCtList label {font-weight:normal; position:relative; float:none; left:auto; width:100%; padding:7px 0 7px 0; margin:0; display:block; text-align:left; font-size:16px;}

#buscaCtList .dataLegi {width:80px;}
#buscaCtList .selectLegi {width:94%;}
#buscaCtList .resultLegi {width:60px;}
#buscaCtList .expLegi {width:80%; position:relative; padding:0 10px; float:left;} 

@media (max-width: 1170px)
{
#buscaCtList #linha .left1 {width:44%;}
#buscaCtList #linha .right1 {width:48%;}

#buscaCtList .selectLegi {width:94%;}
}
@media (max-width: 992px)
{
#buscaCtList #linha .left1 {width:52%;}
#buscaCtList #linha .right1 {float:right; width:44%;}
#buscaCtList #linha .left2 {float:left; width:15%;}
#buscaCtList #linha .right2 {float:right; width:80%;}

#buscaCtList .expLegi {width:74%;}
}

@media (max-width: 767px)
{
#buscaCtList #linha .left1 {float:right; width:96%; padding:0; margin:0;}
#buscaCtList #linha .right1 {float:right; width:96%; padding:0; margin:0;}
#buscaCtList #linha .left2 {float:right; width:96%; padding:0; margin:0;}
#buscaCtList #linha .right2 {float:right; width:96%; padding:0; margin:0;}

#buscaCtList .selectLegi {width:94%;}
#buscaCtList .resultLegi {width:94;}
#buscaCtList .expLegi {width:94%; position:relative; padding:0 10px; float:none;}

.botao-form-busca {float:none; margin:0 0 0 0;}
}


/* ===================== Acordo de Cooperação ======================== */
/* =================================================================== */

#categoria-acordo {margin:0; padding:0; display:table; width:100%; position:relative;}
#categoria-acordo ul.tabs4 {margin: 0; padding:0; width: 30%; float: left; position:relative; list-style:none; z-index: 0;}
#categoria-acordo ul.tabs4 li {position: relative; width:100% !important; margin:2px 0 2px 0; padding: 0; font-weight:normal; list-style:none; font-size:16px; text-transform: none; background:#f5f5f5; text-align:left; overflow:visible;}
#categoria-acordo ul.tabs4 li:first-child {margin-left:0;}
#categoria-acordo ul.tabs4 li a {text-decoration: none; display: block; list-style:none; padding:10px 10px; color: #2f7c17; position:relative; background:#ececec;}
#categoria-acordo ul.tabs4 li a span {padding:0; display:table;}
#categoria-acordo ul.tabs4 li.active a {display: block; color:#ffffff; background:#0c8042; position:relative; overflow:visible;}
#categoria-acordo ul.tabs4 li.active a:before {
	content: ''; position: absolute; right: -50px; top: 0; width: 50px; height: 100%; background:#0c8042; display: table; z-index: 99;
}
#categoria-acordo .tab_container4 {
	position:relative; width:67%; float: right; display:table; margin:2px 0 0 0; padding:0; z-index:1;
	background-color: #ffffff; border: 1px #0c8042 solid;
}
#categoria-acordo .tab_content4 {
	padding:20px; width:100%; display:table; margin:0; position:relative; text-align:left;
}

.vermelho{color:#E30003;}

@media (max-width: 1170px)
{
	#categoria-acordo ul.tabs4 li {font-size:15px;}
}

@media (max-width: 992px)
{
	#categoria-acordo ul.tabs4 {width: 100%; float: none;}
	#categoria-acordo .tab_container4 {width:100%; float: none;}
	#categoria-acordo .tab_content4 {padding:20px 0 0 0;}
}


/* ===================== Busca Agenda de Diretor ======================== */
/* ====================================================================== */

#buscaAdList {position:relative; padding: 10px 0 15px 0; width:100%; background:#eeeeee; display:table; margin: 0 0 25px 0; list-style:none;}
#buscaAdList .left {float:left; position:relative; text-align:left; width:57%; padding:0; margin:0 0 0 20px; display:table;}
#buscaAdList .right {float:right; position:relative; text-align:left; width:39%; padding:0; margin:0; display:table;}

#buscaAdList label {font-weight:normal; position:relative; float:none; left:auto; width:100%; padding:7px 0 7px 0; margin:0; display:block; text-align:left; font-size:16px;}

#buscaAdList .dataLegi {width:80px;}
#buscaAdList .autoLegi {width:90%;}

@media (max-width: 767px)
{
#buscaAdList .left {float:none; width:100%; margin:0;}
#buscaAdList .right {float:none; width:100%;}

#buscaAdList .dataLegi {width:80px;}
#buscaAdList .autoLegi {width:90%;}
}
@media (max-width: 479px)
{
#buscaAdList .left {float:right; width:96%;}
#buscaAdList .right {float:right; width:96%;}

#buscaAdList .dataLegi {width:75px;}
#buscaAdList .autoLegi {width:90%;}
}


/* ===================== Lista Relat�rios ======================== */
/* =============================================================== */

#listRela {position:relative; width:100%; display:table; padding:0 0 25px 0; margin: 0; list-style:none;}
#listRela .left {float:left; position:relative; text-align:left; width:140px; padding:0; margin:0; display:table;}
#listRela .right {float:right; position:relative; text-align:left; width:82%; padding:0; margin:0; display:table;}

@media (max-width: 1170px)
{
#listRela .right {float:right; width:79%;}
}
@media (max-width: 992px)
{
#listRela .right {float:right; width:73%;}
}

@media (max-width: 767px)
{
#listRela .left {float:none; width:100%; text-align:center;}
#listRela .right {float:none; width:100%;}
}


/* ===================== PDTI ======================== */
/* =================================================== */

#pdti {position:relative; width:100%; display:table; padding:0 0 25px 0; margin: 0; list-style:none;}
#pdti .left {float:left; position:relative; text-align:left; width:250px; padding:0; margin:0; display:table;}
#pdti .left img {width:250px; padding:0; margin:0;}
#pdti .right {float:right; position:relative; text-align:left; width:68%; padding:0; margin:0; display:table;}

@media (max-width: 1170px)
{
#pdti .right {float:right; width:63%;}
}
@media (max-width: 992px)
{
#pdti .left {float:left; width:190px;}
#pdti .left img {width:190px;}
#pdti .right {float:right; width:65%;}
}

@media (max-width: 767px)
{
#pdti .left {float:none; width:100%; text-align:center;}
#pdti .right {float:none; width:100%;}
}


/* ===================== Estudos e Projetos ======================== */
/* ================================================================= */

#estProj {position:relative; padding:0; margin-left:-15px; margin-right:-15px; list-style:none;}
#estProj ul {position:relative; width:100%; padding: 0; margin: 0; list-style:none; display:table;}
#estProj ul li {padding:0; margin:15px; position:relative; float:left; width:29.5%; display:table;}
#estProj ul li .bg a .img {
	padding:0; margin:0 0 10px 0; width:251px; height:154px; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-bottom: 6px;
}
#estProj ul li .bg a:hover .img {filter:alpha(opacity=65);opacity:.65;}
#estProj ul li .bg {padding:0 0 20px 0;}
#estProj ul li h3 {font: 300 17px/21px "Lato", sans-serif; border:0; margin:0; padding:0 0 10px 0;}
#estProj ul li p {padding:0; margin:0; line-height:1.4em; text-align:left;}
#estProj ul li a.continueLendo {padding:10px 0 0 0; display:inline-block; font-weight:bold; margin:0; text-align:left; text-transform:uppercase;}

@media (max-width: 1170px)
{
#estProj ul li {width:28.5%;}
#estProj ul li .bg a .img {width:212px; height:130px;}
}
@media (max-width: 992px)
{
#estProj ul li {width:29%;}
#estProj ul li .bg a .img {width:231px; height:142px;}
}
@media (max-width: 767px)
{
#estProj {padding:10px 0 0 0; margin:0; margin-right:-15px;}
#estProj ul li {margin:0 0 20px 0; float:none; width:100%;}
#estProj ul li .bg a { text-align:center; display:block;}
#estProj ul li .bg a .img {width:251px; height:154px;}
}

#pnli {position:relative; padding:0 0 10px 0; margin:0; list-style:none;}
#pnli ul {position:relative; width:100%; padding: 0; margin: 0; list-style:none; display:table;}
#pnli ul li {padding:0; margin:0 0 15px 0; position:relative; width:100%; display:table; background:#f1f9cb; font-size:16px;}
#pnli ul li p {padding:10px; margin:0;}

#pnliPlano {padding:0 0 20px 0; margin:0; line-height:1.4; font: 400 18px/24px "Lato", sans-serif;}


/* ===================== PNLI Planejamento ======================== */
/* ================================================================ */

#pnliPlan {position:relative; padding:0; margin:0; width:100%; list-style:none;}
#pnliPlan ul {
	position:relative; width:600px; height:550px; padding: 0; margin: 0; list-style:none; display:table;
	background:url(/html/imagens/epl/roda.png) 70px 50px no-repeat !important;
}
#pnliPlan ul li {
	padding:0; margin:0; position:absolute; width:140px; height:100px; display:table; font-size:15px; color:#ffffff;
	border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-bottom: 10px; text-align:center;
}
#pnliPlan ul li#planAcoes {top:0; left:230px; background:#006600;}
#pnliPlan ul li#planAcoes p {padding:35px 10px 0 10px; margin:0;}
#pnliPlan ul li#plan1 {top:70px; left:40px; background:#006600;}
#pnliPlan ul li#plan1 p {padding:30px 10px 0 10px; margin:0;}
#pnliPlan ul li#plan2 {top:220px; left:0; background:#006600;}
#pnliPlan ul li#plan2 p {padding:20px 10px 0 10px; margin:0;}
#pnliPlan ul li#plan3 {top:365px; left:40px; background:#006600;}
#pnliPlan ul li#plan3 p {padding:20px 10px 0 10px; margin:0;}
#pnliPlan ul li#plan4 {top:435px; left:230px; background:#006600;}
#pnliPlan ul li#plan4 p {padding:20px 10px 0 10px; margin:0;}
#pnliPlan ul li#plan5 {top:365px; right:40px; background:#006600;}
#pnliPlan ul li#plan5 p {padding:30px 10px 0 10px; margin:0;}
#pnliPlan ul li#plan6 {top:220px; right:0; background:#3f48cc;}
#pnliPlan ul li#plan6 p {padding:30px 10px 0 10px; margin:0;}
#pnliPlan ul li#fase2 {top:70px; right:-80px; background:#00aff0;}
#pnliPlan ul li#fase2 p {padding:40px 10px 0 10px; margin:0; font-weight:bold;}

#pnliPlan ul li p {padding:10px; margin:0;}


.pnliPlanImg {position:relative; width:100%; display:table; margin:0; padding:0; z-index:44; list-style:none;}
	.pnliPlanImg ul {position:relative; width:100%; margin:0; padding:0; z-index:44; list-style:none;}
	.pnliPlanImg ul li {width:22%; height:auto; float:left; position:relative; z-index:44; padding:0; margin-left:10px; margin-right:10px; list-style:none;}
	.pnliPlanImg ul li h4 { font-size:16px; font-weight:normal; padding:0 0 15px 0;}
	.pnliPlanImg ul li .img { font-size:18px; font-weight:normal; padding:0 0 15px 0;}


/* ===================== Atividades Finalisticas ======================== */
/* ====================================================================== */

#atFinDiv {position:relative; width:100%; padding:0 0 45px 0; margin:0; display:table;}
#atFinDiv h3 {font-size:22px; border:0; padding:0 0 20px 0; margin:0;}
#atFinDiv a { padding:0; margin:0; position:relative; width:100%; display:block;}

#atFinDiv a .linkDest {display:none;}
#atFinDiv a:hover .linkDest {
	position:absolute; top:0; left:0; height:auto; width:300px; padding:0; margin:0; overflow:hidden;
	color:#000000; text-align:center; z-index:88; display:table;
	-webkit-text-shadow: 1px 1px 1px rgba(255,255,255,1);
	-moz-text-shadow: 1px 1px 1px rgba(255,255,255,1);
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
#atFinDiv a .linkDest i {padding:55px 0 0 0; margin:0;}
#atFinDiv a .linkDest p { font-size:16px;}

#atFinDiv a .imgDiv {padding:0; margin:0; width:300px; float:left; position:relative; overflow:hidden; height:auto;}
#atFinDiv a .imgDiv .img {padding:0; margin:0; height:180px; border:0;}
#atFinDiv a:hover .imgDiv .img {filter:alpha(opacity=25);opacity:.25;}
#atFinDiv a .text {padding:0 0 0 20px; margin:0; width:63%; float:left; position:relative; display:table; font-size:15px; color:#333;}

@media (max-width: 1170px)
{
#atFinDiv a .text {padding:0; width:58%; float:right;}
}
@media (max-width: 992px)
{
#atFinDiv a .imgDiv {width:260px;}
#atFinDiv a .text {padding:0; width:52%; font-size:14px;}
#atFinDiv a:hover .linkDest {width:260px;}
}
@media (max-width: 768px)
{
#atFinDiv a .imgDiv {width:260px;}
#atFinDiv a .text {width:58%;}
}
@media (max-width: 580px)
{
#atFinDiv a:hover .linkDest {width:100%;}
#atFinDiv a .imgDiv {width:100%; float:none;}
#atFinDiv a .imgDiv .img {height:auto; width:100%;}
#atFinDiv a .text {padding:10px 0 0 0; width:100%; float:none; font-size:14px;}
}


/* ===================== Atividades Finalisticas - Estrutura��o de Projetos ======================== */
/* ================================================================================================= */

#afEstPro {position:relative; width:100%; padding:0 0 45px 0; margin:0; display:table; font-size:15px;}
#afEstPro h3 {font-size:22px; border:0; padding:0 0 20px 0; margin:0;}
#afEstPro ul {position:relative; width:100%; padding:5px 0 0 0; margin:0; display:table;}
#afEstPro ul li {
	position:relative; width:46.5%; float:left; padding:0; margin:15px; display:table;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); border:1px #d4dfe5 solid;
	-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);
}
#afEstPro ul li:hover {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
}

#afEstPro ul li a { padding:0; margin:0; position:relative; width:100%; display:block; background:#F00;}

#afEstPro ul li a .linkDest {display:none;}
#afEstPro ul li a:hover .linkDest {
	position:absolute; top:0; left:0; height:auto; width:40%; padding:0; margin:0; overflow:hidden;
	color:#000000; text-align:center; z-index:88; display:table;
	-webkit-text-shadow: 1px 1px 1px rgba(255,255,255,1);
	-moz-text-shadow: 1px 1px 1px rgba(255,255,255,1);
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
#afEstPro ul li a .linkDest i {padding:50px 0 0 0; margin:0;}
#afEstPro ul li a .linkDest p { font-size:14px;}

#afEstPro ul li a .imgDiv {padding:0; margin:0; width:40%; float:left; position:relative; overflow:hidden; height:auto;}
#afEstPro ul li a .imgDiv .img {padding:0; margin:0; height:160px; border:0;}
#afEstPro ul li a:hover .imgDiv .img {filter:alpha(opacity=25);opacity:.25;}
#afEstPro ul li a h4 {padding:20px 0 0 20px; margin:0; width:56%; float:left; position:relative; display:table; font: 100 18px/24px arial;}

@media (max-width: 1170px)
{
#afEstPro ul li {width:46%;}
}
@media (max-width: 992px)
{
#afEstPro ul li {width:45%;}
}
@media (max-width: 767px)
{
#afEstPro ul li {width:100%; float:none; margin:10px 0;}
}


/* ===================== Licenciamento Ambiental ======================== */
/* ====================================================================== */

#la {
	padding:38px 20px 20px 0; margin:0; background:url(/html/imagens/epl/aspas.gif) no-repeat 0 10px; line-height:1.4; font: 300 17px/24px "Lato", arial;
}

#procLa {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#procLa ul {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#procLa ul li {padding:0 0 30px 0; margin:0; position:relative; width:100%; display:table; background:url(/html/imagens/epl/seta_la.png) no-repeat bottom center;}
#procLa ul li.last {padding:0 0 0 0; margin:0; position:relative; width:100%; display:table; background:none;}
#procLa ul li p {padding:8px 20px 8px 20px; margin:0; background:#f2f2dd; font-size:16px; text-align:center;}

#carimbo {
	padding:20px; margin:0 0 25px 0; background:#f1f9cb; font: 400 16px/24px "Lato", sans-serif;;
}

#tbLic {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#tbLic table {width:100%;}
#tbLic table thead tr th {padding:8px 10px 8px 10px; margin:0; font-size:14px; text-align:left; font-weight:normal; color:#ffffff; background:#008300;}
#tbLic table tbody tr td {padding:6px 10px 6px 10px; margin:0; text-align:left; font-weight:normal; color:#333333; background:#eeeeee;}
#tbLic table tfoot tr td {padding:8px 10px 8px 10px; margin:0; font-size:14px; text-align:left; font-weight:normal; color:#ffffff; background:#008300;}

#tituloTrechoPmi {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#tituloTrechoPmi table thead tr th {padding:5px 0 0 0; margin:0; font-size:14px; text-align:left; font-weight:bold;}

#titPMIh3 {
	margin:25px 0 10px 0; border:0; padding:8px 10px 8px 15px; background:#f8f8d9; border-bottom:4px #e2e3b4 solid;
	border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-bottom: 7px;
}

#espLic {position:relative; width:100%; padding:20px 0 0 0; margin: 0; list-style:none;}
#espLic ul {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#espLic ul li {padding:10px 0 10px 0; margin:0; position:relative; width:100%; display:table;}
#espLic ul li p {padding:0; margin:0;}

/* ===================== Etapas do Licenciamento Ambiental ======================== */

#etapas_licenciamento_ambiental {
	position:relative; width:100%; padding: 0 0 20px 0; margin: 0 0 40px 0; list-style:none; background: url(/html/imagens/epl/tree.gif) #86d594 no-repeat bottom center; display:table;
}

#etapas_licenciamento_ambiental .titulo {
	position:relative; width:100%; padding: 10px; margin: 0 0 10px 0; background:#36b729; display:table; color:#FFF; text-align:center;
}

#etapas_licenciamento_ambiental .titulo h3 { 
	position:relative; width:100%; padding: 30px 0 30px 0; margin: 0; display:table; color:#FFF; text-align:center;
	font-size:44px; font-weight:bold; line-height:1.3; border:1px #f6ba4a solid;
}

#etapas_licenciamento_ambiental .titulo h3 span {
	color:#f6ba4a; text-align:center; display:table; width:100%;
	font-size:30px; font-weight:normal; line-height:1.3;
}

#etapas_la_responsive { display:none;}
#etapas_la {
	position:relative; width:840px; height:585px; padding: 0; margin: 0; list-style:none;
	background:url(/html/imagens/epl/etapas_licenciamento.png) no-repeat top center; display:table;
}
#etapas_la .procedimento {
	position:absolute; top:20px; left:0; width:240px; padding: 10px 10px 10px 20px; margin: 0;
	background-color: rgba(255, 255, 255, 0.6); color:#000000; font-size:18px;
}
#etapas_la ul {position:relative; width:100%; padding: 0; margin: 0; list-style:none;}
#etapas_la ul li {
	padding:0; margin:0; position:absolute; width:67px; height:67px; display:table; background:#ffbc49;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
}
#etapas_la ul li a.icone { display:block; width:100%; height:67px; padding:0; margin:0; cursor:pointer;}
#etapas_la ul li a.icone .img {
	width:67px; height:67px; padding:0; margin:0;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
}
#etapas_la ul li a.icone .indice {
	position:absolute; top:-5px; left:-5px; display:table; width:26px; height:26px;
	line-height:23px; font-size:16px; color:#000000; background:#FFF; padding:0; margin:0;
	border:2px #30b522 solid; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;	
}
#etapas_la ul li a.editar {
	position:absolute; top:-5px; right:-5px; display:block; width:26px; height:26px;
	line-height:23px; color:#000000; background:#FFF; padding:0; margin:0;
	border:2px #30b522 solid; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;	
}
#etapas_la ul li a:hover.editar {
	position:absolute; top:-5px; right:-5px; display:block; width:26px; height:26px;
	line-height:23px; color:#ffffff; background:#30b522; padding:0; margin:0;
	border:2px #30b522 solid; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;	
}
#etapas_la ul li a.editar i { width:26px; height:26px; line-height:24px;}

@media (max-width: 1170px)
{
#etapas_licenciamento_ambiental {background: #c3edcb; display:table;}
#etapas_la { display:none;}	
#etapas_la_responsive {
	position:relative; width:100%; height:auto; padding: 0; margin: 0; list-style:none;
	background:none; display:table;
}
#etapas_la_responsive ul {position:relative; padding: 0 20px; margin: 0; list-style:none;}
#etapas_la_responsive ul li {
	padding:20px 0; margin:0; position:relative; width:100%; height:auto; display:table;
}
#etapas_la_responsive ul li .img {
	width:67px; height:67px; padding:0; margin:0; background:#ffbc49; position:relative; float:left; z-index:0;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;
}
#etapas_la_responsive ul li .indice {
	position:absolute; top:10px; left:0; display:table; width:26px; height:26px; z-index:1;
	line-height:23px; font-size:16px; color:#000000; background:#FFF; padding:0; margin:0;
	border:2px #30b522 solid; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;	
}
#etapas_la_responsive ul li h3 {
	width:88%; padding:10px 0 0 0; margin:0; color:#333333; position:relative; float:right; z-index:0; font-size:22px; line-height:1.3;
	font-weight:normal;
}
#etapas_la_responsive ul li a.editar {
	position:absolute; top:10px; left:45px; display:block; width:26px; height:26px; z-index:1;
	line-height:23px; color:#000000; background:#FFF; padding:0; margin:0;
	border:2px #30b522 solid; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;	
}
#etapas_la_responsive ul li a:hover.editar {
	position:absolute; top:10px; left:45px; display:block; width:26px; height:26px; z-index:1;
	line-height:23px; color:#ffffff; background:#30b522; padding:0; margin:0;
	border:2px #30b522 solid; text-align:center;
	border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-bottom: 50%;	
}
#etapas_la_responsive ul li a.editar i { width:26px; height:26px; line-height:24px;}
}
@media (max-width: 992px)
{
#etapas_la_responsive ul li {padding:15px 0;}
#etapas_la_responsive ul li .img {width:57px; height:57px;}
#etapas_la_responsive ul li .indice {top:5px; left:-5px;}
#etapas_la_responsive ul li h3 {width:87%; font-size:20px;}
#etapas_la_responsive ul li a.editar {top:5px; left:40px;}
#etapas_la_responsive ul li a:hover.editar {top:5px; left:40px;}
}
@media (max-width: 767px)
{
#etapas_licenciamento_ambiental .titulo h3 {padding: 20px 0 20px 0; font-size:30px;}
#etapas_licenciamento_ambiental .titulo h3 span {font-size:20px;}
}
@media (max-width: 600px)
{
#etapas_la_responsive ul li h3 {width:86%;}
}
@media (max-width: 500px)
{
#etapas_la_responsive ul li h3 {width:80%;}
}
@media (max-width: 400px)
{
#etapas_la_responsive ul li h3 {width:75%;}
}


/* ===================== ONTL ======================== */
/* =================================================== */

#ontl {position:relative; padding:30px 0 0 0; margin:0; width:100%; list-style:none; display:table;}
#ontl ul {position:relative; padding:0; margin:0 -14px 0 0; list-style:none;}
#ontl ul li:first-child {padding:0; margin:0 12px 0 0; position:relative; float:left; width:29%; display:table; text-align:left;}
#ontl ul li {padding:0; margin:0 12px; position:relative; float:left; width:180px; display:table; text-align:left;}
#ontl ul li:last-child {padding:0; margin:0 0 0 12px; position:relative; float:left; width:180px; display:table; text-align:left;}
#ontl ul li a {padding:1px; margin:0; width:auto; display: block; text-align:center; background:#498e19;}
#ontl ul li a .tamanho {padding:10px 0; margin:0; width:100%; display: tablo; color:#ffffff; text-align:center;}


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


/* ================================================================================================================= */
/* ===================== Divide de sala de imprenssa para o acesso r�pido da p�gina inicial ======================== */

#divisaoSalaAcesso{width:100%; display:table; margin:0; padding:0 0 30px 0; position:relative;}
#divisaoSalaAcesso .left{float:left; position:relative; margin:0; padding:0; width:771px;}
#divisaoSalaAcesso .right{float:right; position:relative; margin:0; padding:0; width:295px;}
@media (max-width: 1170px)
{
#divisaoSalaAcesso .left{width:716px;}
#divisaoSalaAcesso .right{width:240px;}
}

@media (max-width: 992px)
{
#divisaoSalaAcesso .left{float:auto; width:100%;}
#divisaoSalaAcesso .right{display:none;}
}

.bordaDivTop{border-top:#f1f9cb 4px solid; padding-top:25px;}
.bordaDivBottom{border-bottom:#d5efa7 2px solid;}


/* ===================== V�deos da Home ======================== */
/* ============================================================= */

#divisaoVdh{width:100%; display:table; margin:0; padding:0; position:relative;}
#divisaoVdh ul{width:100%; display:table; margin:0; padding:0; position:relative;}
#divisaoVdh ul li{width:256px; display:table; padding:0; position:relative;}
#divisaoVdh ul li p.data{font-size:10px; background:none; padding:0; margin:0; font-weight:bold; background:none;}
#divisaoVdh ul li p.duracao{padding-top:5px; padding-left:0; padding-bottom:0; padding-right:0; margin:0;}
#divisaoVdh ul li p.resumo{padding-top:8px; padding-left:0; padding-bottom:0; padding-right:0; margin:0;}
#divisaoVdh ul li.pd1{float:left; margin-right:15px;}
#divisaoVdh ul li.pd2{float:left; margin-left:15px;}
#divisaoVdh ul li.pd3{float:right;}
#divisaoVdh ul li #imgVideo2 {position:relative; width:256px; height:132px; margin-bottom:8px; padding:0;}
#divisaoVdh ul li #imgVideo2 img {position:absolute; width:256px; height:132px; border:0; top:0; left:0; margin:0; padding:0; z-index:1;}
#divisaoVdh ul li #imgVideo2 .slogan {
	background:url(/html/imagens/epl/assistir2_2.png) no-repeat top center; border:0;
	position:absolute; width:256px; height:132px; right:0; bottom:0; margin:0; padding:0; z-index:20;	
}
#divisaoVdh ul li #imgVideo2 .slogan a {width:256px; height:132px; display:block; margin:0; padding:0; border:0;}
#divisaoVdh ul li #imgVideo2 .slogan:hover {background:url(/html/imagens/epl/assistir2_2.png) no-repeat bottom center;}

.highslide { border:0;}

@media (max-width: 1170px)
{
#divisaoVdh ul li{width:219px;}
#divisaoVdh ul li #imgVideo2 {width:219px; height:113px;}
#divisaoVdh ul li #imgVideo2 img {width:219px; height:113px;}
#divisaoVdh ul li #imgVideo2 .slogan {
	background:url(/html/imagens/epl/assistir2.png) no-repeat top center; width:219px; height:113px;
}
#divisaoVdh ul li #imgVideo2 .slogan a {width:219px; height:113px;}
#divisaoVdh ul li #imgVideo2 .slogan:hover {background:url(/html/imagens/epl/assistir2.png) no-repeat bottom center;}
}
@media (max-width: 992px)
{
#divisaoVdh ul li.pd1{margin-right:30px;}
#divisaoVdh ul li.pd2{margin-left:25px;}
}
@media (max-width: 767px)
{
#divisaoVdh ul li{width:100%; padding:0 0 20px 0;}
#divisaoVdh ul li #imgVideo2 {width:100%; height:247px;}
#divisaoVdh ul li #imgVideo2 img {width:479px; height:247px;}
#divisaoVdh ul li #imgVideo2 .slogan {
	background:url(/html/imagens/epl/assistir2_3.png) no-repeat top center; width:479px; height:247px;	
}
#divisaoVdh ul li #imgVideo2 .slogan a {width:479px; height:247px;}
#divisaoVdh ul li #imgVideo2 .slogan:hover {background:url(/html/imagens/epl/assistir2_3.png) no-repeat bottom center;}
#divisaoVdh ul li.pd1{float:none; margin:0;}
#divisaoVdh ul li.pd2{float:none; margin:0;}
#divisaoVdh ul li.pd3{float:none; margin:0;}
}

@media (max-width: 479px)
{
#divisaoVdh ul li #imgVideo2 {height:217px;}
#divisaoVdh ul li #imgVideo2 img {width:420px; height:217px;}
#divisaoVdh ul li #imgVideo2 .slogan {
	background:url(/html/imagens/epl/assistir2_4.png) no-repeat top center; border:0;width:420px; height:217px;
}
#divisaoVdh ul li #imgVideo2 .slogan a {width:100%; height:217px;}
#divisaoVdh ul li #imgVideo2 .slogan:hover {background:url(/html/imagens/epl/assistir2_4.png) no-repeat bottom center;}
}


/* ===================== Box Busca e Filhos imagens ======================== */
/* ========================================================================= */

#boxCont {width:718px; margin:0; padding:0;}
#boxCont h3 {font-weight:normal; margin:0; padding-bottom:11px; padding-top:12px; padding-left:15px; padding-right:15px;}
#boxCont #bgBxBottom {width:718px; margin:0; padding:0;}
#boxCont #bgBxTop {width:718px; margin:0; padding:0;}
#boxCont #bgBxCont {position:relative; list-style:none;	padding:0; margin: 0; display:table; width:100%;}
#boxCont #bgBxCont .bgBxCenter {
	background:url(/html/imagens/epl/mv_top_center.gif) repeat-x top; position:relative;
	padding-left: 15px; padding-right:15px; padding-top:15px; margin-left: 1px; margin-right:1px;
}
#boxContMaior {width:990px; margin:0; padding:0;}
#boxContMaior h3 {font-size:16px; color:#285a91; font-weight:normal; margin:0; padding-bottom:11px; padding-top:12px; padding-left:15px; padding-right:15px;}
#boxContMaior #bgBxMaiorBottom { width:990px; margin:0; padding:0;}
#boxContMaior #bgBxMaiorTop {width:990px; margin:0; padding:0;}
#boxContMaior #bgBxMaiorCont {position:relative; display:table; width:100%;  margin: 0; list-style:none;}
#boxContMaior #bgBxMaiorCont .bgBxMaiorCenter {
	background:url(/html/imagens/epl/mv_top_center.gif) repeat-x top; position:relative;
	padding-left: 15px; padding-right:15px; padding-top:15px; margin-left: 1px; margin-right:1px;
}


/* ===================== Artigos T�cnicos ======================== */
/* =============================================================== */

.artigos {position:relative; margin:0; padding:0; width:100%; display:table;}
.artigos .artLeft {
	background:url(/html/imagens/epl/num.gif) no-repeat center; position:relative;
	color:#c5c72d; text-align:center; width:60px; height:60px; line-height:60px; float:left; font-size:20px; font-weight:bold;
}
.artigos .vdLeft {
	background:url(/html/imagens/epl/vdo.gif) no-repeat center; position:relative;
	text-align:center; width:60px; height:60px; line-height:60px; float:left; font-size:20px; font-weight:bold;
}
.artigos .artRight {width:265px; float:right; position:relative; padding:0; margin:0;}
.artigos .artRight .data {font-size:7.5pt; background:none; padding:0; margin:0;}
.artigos .artRight h3 {font-weight:bold; font-size:12px; margin:0; padding:0; background:none; border:0;}


/* ===================== Servi�os ======================== */
/* ======================================================= */	

#destServicos {
	margin: 0; padding: 0; width: 100%; list-style: none; position:relative;
	z-index:5; display:table; font-family:Tahoma, Geneva, sans-serif;
}
#destServicos ul {margin: 0; padding: 0; width: 100%; list-style: none; position:relative; z-index:5;}
#destServicos ul li {margin: 0; width:100%; position: relative; list-style: none; margin-bottom:10px; font-weight:bold;}


/* ===================== Agenda de Autoridade ======================== */
/* =================================================================== */

#lista-autoridades {width: 100%; position: relative; margin:0; padding:0; display:table;}
#lista-autoridades ul {width: 100%; position: relative; margin:0; padding:0; display:table;}
#lista-autoridades ul li {width: 100%; position: relative; margin:0; padding:10px 0; display:table; list-style: none; border-bottom: 1px #cccccc dotted;}



#agendaAutoridade {width: 100%; position: relative; margin:0; padding:0; display:table;}
#agendaAutoridade .left {width: 200px; position: relative; float:left; margin:0; padding:0; display:table;}
#agendaAutoridade .left .foto {
	width: 200px; margin:0; padding:0; border:0;
	border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-bottom: 7px;
}
#agendaAutoridade .right {width: 72%; position: relative; float:right; margin:0; padding:0; display:table;}
@media (max-width: 1170px)
{
#agendaAutoridade .left {width: 160px;}
#agendaAutoridade .left .foto {width: 160px;}
#agendaAutoridade .right {width: 74%;}
}
@media (max-width: 992px)
{
#agendaAutoridade .left {width: 180px;}
#agendaAutoridade .left .foto {width: 180px;}
#agendaAutoridade .right {width: 66%;}
}
@media (max-width: 768px)
{
#agendaAutoridade .left { display:none;}
#agendaAutoridade .right {width: 100%; float:none;}
}


/* ==================== Quantitativos de Benefici�rios ====================== */
/* ========================================================================== */

#tab_Beneficiarios {margin:0; padding:0 0 20px 0; position:relative; display:table; width:100%;}
#tab_Beneficiarios thead tr { border-bottom:1px #333 solid; border-top:1px #333 solid;}
#tab_Beneficiarios table thead tr th {position:relative; padding:10px; font-size:14px; text-align:center;}
#tab_Beneficiarios tbody tr { border-bottom:1px #333 solid;}
#tab_Beneficiarios tbody tr td {position:relative; padding:12px 10px;}
#tab_Beneficiarios tfoot tr { border-bottom:1px #333 solid;}
#tab_Beneficiarios tfoot tr td {position:relative; padding:12px 10px; font-weight:bold;}


/* ==================== Tabela Membos do Conselho ====================== */
/* ===================================================================== */

#tableConselho {margin:0; padding:0 0 20px 0; position:relative; display:table; width:100%;}
#tableConselho thead tr { border-bottom:1px #333 solid; border-top:1px #333 solid;}
#tableConselho table thead tr th {position:relative; padding:10px; font-size:14px;}
#tableConselho tbody tr { border-bottom:1px #333 solid;}
#tableConselho tbody tr td {position:relative; padding:12px 10px;}


/* ==================== Tabela Processo de Contas Anuais ====================== */
/* ============================================================================ */

#tableContasAnuais {margin:0; padding:0; position:relative; display:table; width:100%;}
#tableContasAnuais thead tr { border-bottom:1px #333 solid;}
#tableContasAnuais thead tr th {position:relative; padding:12px 10px; font-size:14px;}
#tableContasAnuais tbody tr { border-bottom:1px #ddd solid;}
#tableContasAnuais tbody tr td {position:relative; padding:12px 10px;}


/* ==================== Tabela Contratos ====================== */
/* ============================================================ */

#tab_Contrato {margin:0; padding:0; position:relative; display:table; width:100%;}
#tab_Contrato thead tr { border-bottom:1px #333 solid;}
#tab_Contrato thead tr th {position:relative; padding:12px 10px; font-size:14px;}
#tab_Contrato tbody tr { border-bottom:1px #ddd solid;}
#tab_Contrato tbody tr td {position:relative; padding:12px 10px;}
#tab_Contrato td p {margin:0; padding:0;}

#tab_ContratoInt {margin:0; padding:0; position:relative; display:table; width:100%; overflow: hidden;}
#tab_ContratoInt tr th {position:relative; padding:12px 0; font-size:14px;}
#tab_ContratoInt tr { border-bottom:1px #ddd solid;}
#tab_ContratoInt tr td {position:relative; padding:12px 0;}
#tab_ContratoInt td p {margin:0; padding:0;}
#tab_ContratoInt .row {border-bottom: 1px #cccccc solid;}
#tab_ContratoInt .row p {padding: 0 0 5px 0; margin: 0; position: relative; width: 100%;}

#vt {margin:0; padding:0; position:relative; width:100%; list-style:none; display:table;}
#vt ul {margin:0; padding:0; position:relative; width:100%; list-style:none;}
#vt ul li {margin:0; padding-top:10px; padding-bottom:10px; border-bottom:1px #ccc dotted; display:table;}
#vt ul li .tit {padding-top:3px; font-weight:bold;}


/* ===== 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: 1170px)
{
#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 !important; top:5px !important; right:10px !important; display:table !important; width:32px !important; padding:0 !important; margin:0 !important; z-index:1;}
.ic-imagem ul { position:relative !important; display:table !important; width:32px !important; padding:0 !important; margin:0 !important;}
.ic-imagem ul li { position:relative !important; display:table !important; width:32px !important; height:32px !important; padding:0 !important; margin:5px 0 !important; border: none !important;}
.ic-imagem ul li a.logado { position:relative !important; display:block !important; width:32px !important; height:32px !important; line-height:32px !important; padding:0 !important; margin:0 !important; border: none !important;}
.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; padding: 0; background:#0c8042;}

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

#divisaoRd{display:table; margin:0; 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; width: 100%; background:#0c8042; padding: 1em 0px; text-align: left !important;
	border-top: 1px rgba(255, 255, 255, 0.6) solid;
}
#footer .footerInt {position:relative; margin:0 auto !important; display:table;}
#footer .footerInt .left { position:relative; width:auto; float:left !important; padding:0; margin:0; display:table;}
#footer .footerInt .right { position:relative; width:auto; float:right; padding:0; margin:0; display:table;}

@media (max-width: 992px)
{
	#footer {padding: 1em 15px !important; text-align: left !important;}
}
@media (max-width: 768px)
{
	#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;
}


/* =============================== Fale conosco ===================================*/
/* ================================================================================*/

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

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

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

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

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

textarea {
	color:#333333; padding:10px; font-size: 16px;
	text-decoration: none; border:1px #cccccc solid !important; background:#ffffff; position:relative;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
}

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

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

.numeropasso {
	position: relative; width: 54px; height: 54px; line-height: 54px; display: table; font-weight: bold !important;
	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)
{	
	.numeropasso {width: 50px; height: 50px; line-height: 50px;}
}
@media (max-width: 992px)
{
	.numeropasso {width: 40px; height: 40px; line-height: 40px;}
}
@media (max-width: 768px)
{
	.numeropasso {display: none !important;}
}


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