/*
*	@author Alan David
*/


/* GENERAL
*********************/
body, html { overflow-x: hidden; }

body #master .desk { display: none !important }

#headerTop { display: none; }
body #master nav.mobile { display: block !important; /*margin-top: 74px; */width: 100%; padding-bottom: 70px; }
	nav.mobile a, nav.mobile button { background-color: #48484b; text-align: left; text-transform: uppercase; font-size: 13px; padding: 0 15px; border: 0; float: none !important; outline: none;  cursor: pointer; }
	
	nav.mobile button { width: 100%; transition: 0.4s; }
		nav.mobile a span, nav.mobile button span { line-height: 50px; border-bottom: solid 1px #5b5b5d; width: 100%; display: block; color: #f6f6f6; }
			nav.mobile button span i { float: right; line-height: 50px; color: #f6f6f6; }
	nav.mobile div.panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
	nav.mobile ul, nav.mobile .panel button { background-color: #eee; padding: 0 15px; text-transform: none; }
	nav.mobile .panel button { padding: 0 0 0 15px; }
	nav.mobile .panel button.active, nav.mobile .panel .panel.active ul, nav.mobile .panel .panel.active strong { background-color: #e6e4e4; }
		nav.mobile ul li, nav.mobile .panel button span { border-bottom: solid 1px #d1d1d1; font-weight: 700; color: #5c5c5c; position: relative; }
			nav.mobile .panel button span i { color: #5c5c5c; background-color: #e0e0e0; line-height: normal; float: none; right: 0; position: absolute; padding: 18px 18px 18px 22px; }
		nav.mobile ul li { padding: 0 20px; }
			nav.mobile ul li a { background: none; line-height: 3em; text-transform: none; font-size: 0.75em; padding: 0; position: relative; }
				nav.mobile ul li a i { position: absolute; top: 12px; left: 0; }
	nav.mobile .panel .panel strong { background-color: #eee; padding: 20px 35px 5px; display: block; font-size: 0.75em; }
	nav.mobile .panel .panel .projetos li { border: none; }
	nav.mobile .panel .panel.active .projetos li:last-child { border-bottom: solid 1px #d1d1d1; }
		.panel .panel .projetos li a { padding-left: 12px; }
	/*nav.mobile .panel .panel .projetos li:last-child { border-bottom: solid 1px #d1d1d1; padding-bottom: 10px; }*/
	nav.mobile .no-border { border: none; }
	nav.mobile .no-padding { padding: 0; }

.menuFixed { display: none !important; }

.select { width: 101%; height: 35px; display: block !important; position: absolute; z-index: 2; opacity: 0; }

#master { min-width: 320px; overflow: hidden; }
#master .in { width: 100%; overflow: auto; overflow-x: hidden }
	#master img {height: auto;}
	/*#topBar { position: fixed; }*/
	#topBar .right, #nav, #navCat { display: none; }
	#topBar .in > a { float: none; }
	#topBar .in div.mobilesearch { display: block !important; position: absolute; background-color: #fff; right: 0; z-index: 200; width: 30px; height: 30px; padding: 0 0 0 20px; overflow: hidden; margin: 24px; transition: width .5s }
		#topBar .in div.mobilesearch > a.searchbtn i { padding: 4px; background-color: #fff; }
		#topBar .in div.mobilesearch form { float: left; width: 80%; margin-left: 5px; display: none; }
			#topBar .in div.mobilesearch form input { border-bottom: 1px solid #5c5c5c; width: 100%; }

	#master .coluna, #master .coluna2,
	#master .coluna3, #master .coluna4 { width: 94% !important; margin-left: 3% !important; margin-right: 3% !important; }

	.coluna.notas a {  height: auto; margin-bottom: 15px; padding-bottom: 5px; }

	#header { background: #48484b; height: 74px; padding: 0; position: fixed; top: 0; left: 0; z-index: 999; overflow: hidden; transition: ease-out .5s; }
	#header.projeto-especial { height: 74px; }
		#header.projeto-especial #topBar,
		#header.projeto-especial #headerTop { display: block; }
	#header.open { height: 100%; transition: ease-out .5s; overflow-y: scroll; }
		#header h1 { background-image: url(../img/fecomercio.svg);  float: none; margin: auto }
		#topBar { background-color: #fff; height: 72px; border-bottom: 2px solid #eee; overflow: hidden; }
		#topBar .logomobile { display: block; }
			#btnMenu { background: url(../img/btnMenu.png) no-repeat 50% 50%; width: 70px; height: 70px; padding: 0; text-indent: -99999em; z-index: 99 !important; float: left !important; }
			#btnMenu.active { background: none; text-indent: 13px; }
				#btnMenu.active i { line-height: 70px; font-size: 24px; color: #e2062d; }
			#btnMenu2 { display: none; }
			#btnSindicatos { display: none; }
			

	#footer { padding: 20px 0; z-index: 1000 }
		#master #footer .coluna { width: 44% !important }
		#footer .mapa { width: 47%; margin-right: 3%}
			#master #footer .mapa .coluna { width: 100% !important }
				#footer .mapa h2 { margin: 0 3% 15px; }
				#master #footer .saiba { background: #c7c0b0; color: #fff; line-height: 26px; margin: 15px 0; padding: 0 15px; display: inline-block !important; }
				#master #footer .classica { background: url(../img/arrowR2.png) no-repeat 0 50%; padding-left: 10px; font: 400 11px/1.5em 'Open Sans'; border-bottom: 1px solid #d2d2d2; display: inline-block !important; }

		#footer .in { display: none; }
			#master #footer .in img { width: auto !important; float: none; margin-bottom: 0 }
			#footer h2 { margin-bottom: 10px; } 
				#footer h2 span { font: 600 0.67em/3em "Open Sans"}
			#footer li a { font-size: 12px }
			#footer p { font-size: 11px; }
				#footer p strong { font-weight: 600 }
				#footer p br:last-child { margin: 0; }

			#footer .redes { padding-top: 30px; }
			#footer .redes h2 span { font: 600 10px/3em "Open Sans"}

		#footer .in.mobile { display: block !important; text-align: center; } 
			#footer .in.mobile img { display: inline-block; vertical-align: middle; margin-top: 5px; }
			#footer .copy { font: 700 0.8em/30px 'Open Sans';  display: inline-block; float: left; margin-left: 10px; }
			#footerExpand { width: 20px; height: 20px; margin-right: 10px; border: 4px solid #626b6b; font: 900 1.45em/18px 'Open Sans'; text-align: center; float: right; }


	#content { padding-top: 74px; }
		.section { padding-bottom: 15px; }
			.section ul li.coluna { margin-bottom: 10px !important; }

		#sidebar { display: none; }

		#master #content .postTitle, 
		#master #content .postTitleP {  font: 1em/1.1em "Bree Serif"; max-height: 100%; margin-bottom: 0px; padding-bottom: 2px; }
		#master #content .postTitleG { font: 1.4em/1.1em "Bree Serif"; max-height: 100%; margin-bottom: 10px }
		#content .postDesc { font: 0.8em/1.1em "Chivo"; max-height: 100% }


		#master #pageTitle { margin-bottom: 0px; z-index: 1; margin-top: 85px;}
			#pageTitle h2 span { font: 700 1.3em/1.2em "Open Sans"; padding-bottom: 5px }
			
		#main { width: 100%; padding-bottom: 20px; }
			#main .share { margin-top: 10px; }

		#master .boxCinza.coluna { height: auto; }
		#content .dados {}
			#content .dados .boxIn { height: auto; }
			#content .dados .top p { margin-right: 30px }
			#content .dados .top img { width: auto !important; }
			#content .dados .box.first { border-right: 1% solid #eee; }
		
		#master .boxCinza.coluna.datas { background: transparent; border: 0; height: auto; }
			#master .datasIn { height: 20px; }
				#master .datasIn p { width: auto; height: auto; border: 0; padding: 0; color: #6d6e70; font: 700 0.75em/1em 'Open Sans'; }
					#master .datasIn p strong { font-size: 1.1em; line-height: 1em; display: inline-block; padding-right: 2px; margin-right: 2px; border-right: 2px solid #6d6e70 }		

		.horiz div { height: auto; margin-bottom: 10px; overflow: auto; }

		.videos #master .section ul .coluna { height: auto; }
		

	.msgBox { width: 84%; margin: 0 3%; padding-left: 5%; padding-right: 5%; }
		.msgBox h5, .msgBox p { width: 100%; }

/* 
*********************/
.busca{}
	.busca .top h5 { line-height: 1.2em; margin-bottom: 20px; }
	.busca #main li h4 { padding-right: 40px; }
	.busca #main li p { padding-right: 0; }
	.busca #content .formInst div { width: 47%; margin: 0; }
	.busca #content .formInst div:first-child { margin-right: 5%; }

/* HOME
*********************/
/*.home .template .coluna { margin-bottom: 10px !important; }*/
#master .coluna2 {}
	#master .coluna .linkImg, #master .horiz .linkImg { margin: auto; }
	#master .horiz a { height: auto; }
	/*.home #master .postDesc { display: none; }*/

#indices { background: #fcc043; height: 40px; border: 1px solid #eee; overflow: hidden; margin-top: 80px !important; }
	#indices a {text-decoration: none; background: #fcc043 !important;}
	#indices p.indicesTitle {background: #fcc043; max-height: 112px; font: 1.2em/1.2em 'Bree Serif'; color: #404343; margin-top: 10px; text-align: center;}

.home .destaque { height: auto; }
.home .destaque:first-child { height: auto; }
	.home .destaque .linkImg { width: 100%; max-width: 100% !important; float: none; margin: 0 0 10px }
	.home #master .destaque .postTitleP { height: 21px; padding-left: 10px; font-size: 0.95em; line-height: 1.05em }
	.home #master .destaque .postDesc { margin-bottom: 20px; max-height: 43px; }

.home #master .boxCinza.coluna.datas { height: auto; }

.home .banner { padding: 10px 0 }
.home .template.banner img { max-width: 100% !important; margin: 0 }

.home .notas { display: none; }

/* Categoria
*********************/
.categoria .destaque { height: auto; margin-bottom: 20px !important; padding-bottom: 20px; }
.categoria .destaques li:nth-child(2) .linkImg  { display: none; }
.categoria .saiba { margin-right: 3% }

.subcat #sidebar { display: block; }
	.subcat #sidebar li { padding-bottom: 10px; margin-bottom: 10px; }
	.subcat .recomendadas li { border-bottom: 1px dashed #eee; }
	.subcat #sidebar li:last-child,.subcat .recomendadas li:last-child {  }

/* Notícia
*********************/
.noticia .recomendadas li:nth-child(3) .linkImg  { display: none; }
.tinymce-video-cadastro {width: 100% !important;}
#main iframe { max-height: 250px; width: 100%; height: calc(100vw * 0.53); }


/* Notícia
*********************/
.atuacao{}
	.atuacao #content .formInst div { width: 100%; margin-right: 0;  }
	.atuacao .formInst { height: auto !important; border-top: 1px dashed #eee; padding-top: 30px; }
	.atuacaoUl { padding-top: 15px; margin-top: 0px; border: 0; }

/* Pesquisas
***************************************************************/
.pesquisas #content .dados .box { width: 49.5%; margin-bottom: 0; }

.pesquisas #master .coluna  { width: 80% !important; margin: 0 10% 20px !important; }


/* Indices
*********************/
.indices #main .section:first-child { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #eee }

.indices #content .dados { width:  80% !important; margin: 0 10% 20px !important }
	.indices #content .dados .box { margin-bottom: 25px; }
	.indices #content .dados .boxIn a { margin-top: 10px; }
	.indices #content .dados p { padding-right: 0; }

	.indices_det #content .dados .box { margin-bottom: 0px; }
	.indices_det #content .formInst div { width: 100% }
		.indices_det #content .formInst label { width: 35%; }
		.indices_det #content .formInst .ui-selectmenu-button { width: 64% !important; }


.indices_det #content .dados { width: 94% !important; margin: 0 3% 20px !important }
	.indices_det #content .dados .top,
	.indices_det #content .dados .box { width: 56%; padding: 20px 2% 0; height: 57px;  }
	.indices_det #content .dados .top { border-bottom: 1px solid #ddd; padding: 8px 2% 0 0; margin-left: 2%; }
	.indices_det #content .dados .box.first { border-bottom: 1px solid #ddd; padding: 20px 0 0 2%; margin-right: 2%; }
	.indices_det #content .dados .box:nth-child(even) { width: 36%; height: 45px; }
		.indices_det #content .dados .box .indice-valor { float: none; }
		.indices_det #content .dados .top p { margin-right: 0; }
	.indices_det #content .dados .boxDownload { width: 100%; }
	.indices_det #master .coluna { width: 94% !important; margin: 0 3% 20px !important; }
	.indices_det .saiba { margin-right: 3% }

	.grafico { height: auto; }

/* Estudos
*********************/
.estudos #content .dados .box { margin-bottom: 25px; }


/* Especiais
***************************************************************/
.especial .section { overflow: visible }
	.especial .formInst { padding-top: 20px; margin-top: 20px; border-top: 1px dashed #eee }
		.especial #content .formInst div { width: 47.5%; margin: 0; }
		.especial #content .formInst div:first-child { margin-right: 5%; }


.especial #master .boxCinza { background: transparent; border: 0 }
	.especial .boxIn { padding: 0; }

/* Beneficios */
.beneficios #main { width: 100%; }
	.beneficios #master .beneficiosUl li.coluna { width: 231px !important; height: auto; padding-bottom: 20px; margin:0 auto 20px !important; display: block; clear: both; float: none; }
		.beneficios #master .beneficiosUl li.coluna img { max-width: 100%; width: 100% !important; margin: 0 0 10px !important; float: none;  }


/* EVENTOS
***************************************************************/
.eventos #main .boxCinza.coluna.datas { height: auto; }
	.eventos #main .postLocal { height: auto; padding: 5px 0 0; }

.eventos.inscricao {}
	.inscricao .box { padding-bottom: 20px; }
		.inscricao #content .boxLeft, .inscricao #content .boxRight { width: 94%;  padding-bottom: 0; }
		.inscricao #content .boxBottom { background: #3a322d; width: 94%; height: auto; padding-top: 0; }
		/*.inscricao #btnInscricao { width: auto; height: auto; float: right; }*/
		.inscricao #content .boxTop2 { height: auto; margin-bottom: 0; }
		.inscricao #content #btnSubmitInscricao { background: #f1f1e2 none repeat scroll 0 0; border-radius: 3px; color: #7c7b7a; cursor: pointer; font: 700 0.7em/24px "Open Sans"; height: 27px; padding: 0 15px; text-transform: uppercase; width: auto; }
		.inscricao #content #formEvInscricao2 .loading { display: none; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, .5); text-align: center; z-index: 2; }
		.inscricao #content #formEvInscricao2 .loading span { display: inline-block; height: 100%; vertical-align: middle; }

.eventos_det {}
	.eventos_det #master { background: none }
	.eventos_det  #master .coluna4 { width: 100% !important; margin: 0 !important }
	.eventos_det #master #pageTitle { width: 94% !important; margin-left: 3% !important; margin-right: 3% !important; }
		.eventos_det #pageTitle h2, .eventos_det #pageTitle span { color: #5c5c5c; border-color: #5c5c5c  }

	.playG { height: 200px; }
	.eventos_det .boxTop .sobre { background: none; width: 90%; height: auto; padding: 30px 5% 20px; }
	.eventos_det .boxTop .aviso { min-width: 200px; height: auto; margin: 0 0 30px 5%; padding: 20px 15px 15px }
		.eventos_det .boxTop .aviso p { width: 100%; }
			.eventos_det .boxTop .aviso1 strong, 
			.eventos_det .boxTop .aviso3 strong { line-height: 1em }

	.eventos_det .programacaoIn { width: 90%; padding: 30px 5% 120px }
	.eventos_det .materiais { width: 100%; height: auto; }
		.eventos_det .materiaisIn { height: auto; }

	 .eventos_det .palestrantesIn { background: #545556; height: auto; }
		.eventos_det .palestrantesIn .title { width: auto; padding: 150px 5% 10px; margin-top: -100px; }
		.prev-palestrantes, .next-palestrantes { top: 95px; left: 5% }
		.next-palestrantes { left: 15% }
		#master .carouselPalestrantes { width: 100%;}
			#master .carouselPalestrantes li { height: auto; padding-bottom: 40px; }
			#master .carouselPalestrantes li img { margin: 180px auto 15px !important }
		.eventos_det .certificado { width: 100%; height: auto; position: relative; bottom: auto; right: auto; overflow: hidden; }
			.certificadoIn { width: 90%; height: auto; padding: 30px 5% 20px }
			.certificadoOver { width: 90%; height: 100%; padding: 30px 5% 0 } 
				.eventos_det .certificado .title { margin: 0; padding: 0 0 15px }
					.eventos_det .certificado .title br { display: none; }
					.eventos_det .certificado p { font-size: 0.93em;  }
					.certificadoIn input[type="text"] { width: 95%; margin-top: 25px }
	
	.eventos_det .localizacao { width: 90%; height: auto; padding: 30px 5% 20px; }
		.eventos_det .localizacao .carousel-stage li { height: auto; }
		.eventos_det .localizacao .localizacaoTop,
		.eventos_det .localizacao .localizacaoSide,
		.eventos_det .localizacao .mapa { width: 100%; }

	.eventos_det #master .noticias { width: 90%; height: auto; padding: 30px 5% 20px; }
		.eventos_det #master .noticias .postDesc { display: none; }
		.eventos_det #master .noticias .coluna,
		.eventos_det #master .noticias .coluna2,
		.eventos_det #master .noticias .coluna.notas { width: 100% !important; margin: 0 0 10px !important }

	.eventos_det .galerias { width: 90%; height: auto; padding: 30px 5% 20px; }
		.eventos_det .galerias .carousel-stage li { height: auto; }
		.eventos_det .galerias .galeriaTop,
		.eventos_det .galerias .galeria { width: 100%; }

	.eventos_det .edicoes { background: #434545; width: 90%; height: auto; padding: 0 5%; }
		.eventos_det .edicoes .edicoesTop { background: none; width: 100%; height: auto; }
			.eventos_det .edicoes .title br { display: none; }
		.carouselEdicoes { width: 100%; height: auto; }
			#master .carouselEdicoes li { width: 320px !important; height: auto; padding: 0 0 30px; }
				#master .carouselEdicoes li .linkImg { margin: 0 10px 15px 0 !important }
				#master #content .edicoes .postTitleP { color: #55c2c5 }

	.eventos_det .infograficos { width: 90%; padding: 30px 5% 20px; }
	.prev-info, .next-info { top: 70px; left: 5% }
	.next-info { left: 15% }

	.eventos_det .empresas_peso1,
	.eventos_det .empresas_peso3 { width: 90%; height: auto; padding: 30px 5% 20px; }
		.eventos_det .empresas_peso1 ul { padding: 20px 0; }
		.eventos_det .empresas_peso3 ul { padding: 10px 0; }
			.eventos_det .empresas_peso3 ul li { width: 33%; }
			.eventos_det .empresas_peso3 ul li:nth-child(3n+3) { border-right: 0; }

	.eventos_det .empresas_peso2 { width: 100%; }
		.empresas_peso2 .empresasIn { height: auto; padding: 30px 5% 20px; }
		.eventos_det .empresas_peso1 .title,
		.eventos_det .empresas_peso2 .title,
		.eventos_det .empresas_peso3 .title { color: #55c2c5 }


/* Premios
***************************************************************/
.premios_det .categorias { width: 90%; height: auto; padding: 30px 5% 20px; overflow: auto; }
	.catLinks { width: 100% }
		.catLinks a { width: 28%; float: left; margin-left: 1%; padding: 0; text-align: center; text-indent: 0; }
		.catLinks a:last-child { width: 41%; }

	.premios_det .categoriasIn, .premios_det .jurados, .premios_det .valores { width: 100%; height: auto; margin: 0; position: relative; float: left; }
		.premios_det .categoriasIn li img { margin-bottom: 20px !important; }

	.premios_det .jurados {}
	.premios_det .valores { padding-top: 20px }

	.premios_det .carJurados { width: 100%; height: auto; margin: 0; padding-top: 20px; position: relative; }
		.premios_det .carJurados li { min-width: 295px; }
			.premios_det .carJurados li img { margin-bottom: 10px !important; }
			.premios_det .carJurados li h3,
			.premios_det .carJurados li p { width: 100%; margin-bottom: 10px; float: left; }

	.prev-jurados, .next-jurados { margin: 10px 0 0; top: 10px; position: absolute; left: auto; }
	.prev-jurados { right: 35px; }
	.next-jurados { right: 0; }

.premios_det .regulamento { width: 90%; height: auto; padding: 30px 5% 20px; }
	.premios_det .regulamento .title { margin-bottom: 20px; }
	.premios_det .regulamento p { max-width: 100%; }

/* Publicações
***************************************************************/
.publicacoes .destaque { height: auto; }
.publicacoes #master .saiba { padding: 0 15px; }
.publicacoes #master .saiba.mobile { background: #000; display: inline-block !important; }
.cartilhas.saiba { margin-right: 15% }
#content .linkImg img {/* margin: 0 auto !important; */ width: 100%;}

.publicacoes .anteriores.mobile{display: block !important;}

.publicacoes .destaque2 {display: flex !important; flex-direction: column-reverse; width: calc(100% - 40px); float: none; height: auto !important; margin: 0 20px !important;}
.publicacoes .destaque2 .publicacao_descricao {flex: 1; float: none !important; position: initial !important; width: 100% !important;}

.publicacoes .destaque2.coluna_left{display: flex !important; flex-direction: column; width: calc(100% - 40px) !important; margin: 0 20px !important; clear: none !important; min-height: 476px;}

.publicacoes .destaque2 .img {float: left; margin-bottom: 0; height: auto !important;}
.publicacoes .destaque2 .img img {width: 100%; height: 100%;}

.publicacoes #master #content .postTitleG {margin-bottom: 40px;}
.publicacoes #content .postDesc { font-family: 'Open Sans' !important; line-height: 27px !important; margin-bottom: 40px !important}

.publicacoes .publicacoesUl {width:100%;}
.publicacoes .publicacoesUl .postTitleG2 {}
.publicacoes .publicacoesUl .linkImg.new {width: 100%; max-width: 100%; }
.publicacoes .publicacoesUl .boletimDescricao, .publicacoes .publicacoesUl .estudosDescricao {max-width: 100%; min-height: auto !important; font-size: 18px !important; font-family: 'Open Sans' !important; line-height: 27px !important;}
.publicacoes .separador {display: none;}
.publicacoes .linkImg {margin: 0 !important;}
.publicacoes .postTitleG {max-height: 100% !important}

#master .publicacoesUl li.coluna { width: calc(100% - 40px) !important; margin: 0 auto 20px !important; display: block; float: none; clear: both; margin-bottom: 120px !important;}
#master .publicacoesUl li.coluna:last-child{margin-bottom: 0 !important}
#master .publicacoesUl .postTitleP { max-height: 100px !important; height: auto; }

.publiAnteriores #master .publicacoesUl li.coluna { padding-bottom: 0; }

.publicacoes .publicacao_descricao.left {width: 100%; margin-bottom: 60px;}
.publicacoes .publicacao_descricao.right {width: 100%; float: left; clear: both; margin-bottom: 60px;}
.publicacoes .publicacao_descricao.right .img {width: 100%; margin: 0 auto;}
.publicacoes .publicacoes_bg, .publicacoes .publicacoes_bg_left { display: none; }
#master .publicacoesdetUl .coluna { margin: 0 0 10px 0 !important }


.publiReceber #formReceber .radiogroup { width: 90%; }

	.publiReceber .end { width: 100%; margin-right: 2%; }
	.publiReceber .num { width: 25%; margin-right: 5%; }
	.publiReceber .bairro { width: 70%; margin-right: 0; }
	.publiReceber .complemento { width: 47.5%; margin-right: 5%; }
	.publiReceber .cep { width: 47.5%; }
	.publiReceber #formReceber .select2 { background: url(../img/arrowSelect.png) no-repeat 90% 50% }

	.publiReceber .formDivs { overflow-x: hidden; }
		.publiReceber .formDivs div { position: relative; }
		.publiReceber .formDivs .end {  width: 100%; }
		.publiReceber .formDivs .num {  width: 25%; margin-right: 5%; }
		.publiReceber .formDivs .bairro { width: 70%; margin-right: 0; }
		.publiReceber .formDivs .complemento { width: 47.5%; margin-right: 5%; }
		.publiReceber .formDivs .cep { width: 47.5%; margin-right: 0; }

/* INSTITUCIONAL
***************************************************************/
#content .formInst div { width: 90%; margin-bottom: 15px; }

/* Sobre
*********************/
.sobre{}
	.sobre #master .section, .coluna3-m { width: 87% !important; padding: 15px 3%; margin: 0 3% 15px !important; height: 50px; overflow: hidden; border: 1px #eee solid; }
	.sobre #master .coluna3-m .coluna3 { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important }

	.sobre #content .secTitle { background: url(../img/arrowDown.png) no-repeat 95% 40%; cursor: pointer; padding-bottom: 12px;  }
	.sobre #content .active .secTitle { background: url(../img/arrowUp.png) no-repeat 95% 40%; }
		.sobre #content .secTitle span { border: 0; }

	.sobreUl { width: 100%; }
		.sobreUl li { width: 94%; height: auto; margin-bottom: 20px; padding: 0 3% !important;  }
			.sobreUl li h4 { height: auto; }
		.sobre .valores h5 { margin-bottom: 10px; }
		.sobre .valores p { line-height: 1.5em; }
		.sobre .valores .tableTitle { text-align: left; margin-bottom: 10px; padding-top: 10px; }
		.sobre .valores .tableTitle span { padding-top: 10px; display: block; }
	
	.sobre .flipster { height: 650px }
	.sobre .flipster li .flipster__item__content { max-width: 260px; height: 570px;  }
		.sobre .flipster li .flipster__item__content div { background: #f0eee2; }
			.sobre .flipster li table, 
			.sobre .flipster li table td { max-height: 80px }
			.sobre .flipster li img { height: auto; float: none; margin: auto; display: block; }
			.sobre .flipster li p.nome { width: 100%; height: auto; float: left; margin: 5px 0 10px; }
	.sobre .flipster__nav { top: 620px; border: 0; }
		.sobre .flipster__nav__item { margin: 0 0.20em; }
		.sobre .flipster__nav__link { background: #c7c0b0; width: 8px; height: 8px; border-radius: 50%; border: 0; }
		.flipster__nav__item--current > .flipster__nav__link,
		.flipster__nav__link:hover, 
		.flipster__nav__link:focus { background: #434545; border: 0 !important; }

	.sobre .flipster__button { margin: 0; top: 35% }

/* Imprensa
*********************/
.imprensa #master .assessoriaUl img { width: auto!important; float: none }
.imprensa.pagina-imprensa #master .coluna { min-height: 0; }

/* Sindicatos
*********************/
.sindicatos .mainLinks a,
.sindicatos .mainLinks span { width: 50% }

.sindicatos #content .formInst { height: 100px; }
	.sindicatos #content .formInst input { width: 100%; }

.sindicatosUl li { padding: 15px 20px 15px 10px; }

/* Negociações
*********************/
#master .negociacoesUl li.coluna { width: 43% !important; height: auto; }
	#master .negociacoesUl li.coluna img { width: 60% !important; float: none; margin-top: 0 !important }
	#main .negociacoesUl li h3 { font-size: 0.95em }

.negociacoes_det #content .formInst { height: 50px; }
.negociacoes_det #content .formInst div { width: 50% !important; margin-right: 0; float: left; }

.negociacoes_detUl li { padding: 20px 0 }
	.negociacoes_detUl img { float: left;  }
	.negociacoes_detUl a { display: inline; }

/* Serviços
*********************/
.servicos #main .negociacoesUl li h3 { height: 40px; }
.servicos #main .negociacoesUl li p { height: 40px; padding-right: 5px; }
	.servicos #main .negociacoesUl li p br { display: none; }

/* Coral
*********************/
.coral .section.maestro .leftText { width: 100%; margin: 0 0 15px !important; }

.carousel-navigation { width: 90%; margin: 0 5% }

/* Teatro
*********************/
.teatro #master { background-position: -4% -230px }	
	.teatro .section .in { padding-left: 0; }
		.teatro .info { height: 130px; }
		.teatro .sobre .tecnicas { background: none; width: 88%; padding: 12px 6%; border: 1px solid #80c1c4; margin-bottom: 0; }
		.teatro .sobre .facaEvento { width: 100%; margin: 40px 0 0; }
			.teatro .sobre .facaEvento .subtitle { margin-left: 35%; }
			.teatro .sobre .facaEvento img { width: 30%; margin: -30px 5% 0 0; float: left; }
			.teatro .sobre .facaEvento p { width: 65% ; float: left;}

		.teatro .espaco { padding-top: 20px }
			.teatro .espaco .title { top: 0; padding-top: 0; position: absolute; }
			.teatro .espaco p { width: 100%; top: 40px; position: absolute; }

			#master .carEspaco { width: 100% !important; margin: 90px 0 0 !important; }
			.prev-espaco, .next-espaco { width: 46px; height: 46px; top: 170px; }
			.prev-espaco { left: -3%; } 
			.next-espaco { right: -3%; left: auto; }

		.teatro .espetaculos {}
			.teatro .espetaculos li { height: auto; overflow: visible; }
				.teatro .espetaculos img { width: 100%; }
				.teatro .espetaculos p { margin-bottom: 0; }

		.teatro .raul {}
			.teatro .raul .bg { margin: 0 0 0 -355px; left: 50%; right: 0; }
			.teatro .raul .coluna2 { padding-top: 220px; }
				.teatro .raul .btnVermais { background: url(../img/arrowTeatroD2.jpg) no-repeat 0 0; height: 34px; line-height: 34px; color: #80c1c4; padding-left: 44px; }
				.teatro .raul p.more { display: none; }

		.teatro .contato { width: 94%; padding: 30px 3% 0; }
			.teatro .contato form { width: 100%; margin: 0; }
				.teatro .contato form div { width: 100% }
				.teatro .contato form input,
				.teatro .contato form textarea { max-width: 94%; }

			.teatro .contato .select2 { background: url(../img/arrowSelect.png) no-repeat 97% 50% #f2eee0; font: 400 0.8em/30px 'Open Sans' !important; color: #4d4743; }
			.teatro #teatroContato div .select2,
			.centro #centroContato div .select2 { background: url(../img/arrowSelect.png) no-repeat 97% 50% #4d4743;color: #c7c0b0; }

/* Centro de Eventos
*********************/
.centro #master { background: none; }
	.centro .aba { display: block; }
	.centro #main { background: #f8f6f0; }
		.centro #main .bg { background: #fff; width: 100%; height: 500px; position: absolute; top: 0px; }

	.centro #master .carEspaco { margin-top: 0 !important; }
	.centro .carLegenda { display: none; }
	.centro #main .info { background: none; width: 87%; padding: 20px 6%; margin: 30px 0; border: 1px solid #80c1c4; }
	
	.centro .infra table { margin-bottom: 20px; }
		.centro .infra table tr td:first-child { width: 55%; }
	.centro .infra .coluna div { width: 84%; padding: 20px 7.5%; border: 1px solid #80c1c4; border-bottom: 0; }
	.centro .infra .coluna div:last-child { border: 1px solid #80c1c4; }
		.centro .infra .coluna p { margin-bottom: 0; }
	
	.centro .servicos .servicosIn { width: 81%; padding: 20px 6%; margin: 15px 3% 0; border: 1px solid #80c1c4; overflow: auto; float: left; }
	.centro #master .servicos .coluna { margin: 0 !important }
		.centro .servicos .coluna p { margin-bottom: 0; }

	.centro .exponor { width: 94%; padding: 0 3%; }

	

/* Licitações
*********************/
.licitacoes .formInst label { height: 25px; }
.licitacoesUl li p { width: 100%; }


/* Fale Conosco */
.faleConosco {}
	/*.faleConosco .mainLinks	{ height: 75px; }*/
		.faleConosco .mainLinks a { background-position: 93% 50%; text-indent: 3%; width: 50%; }
		.faleConosco .mainLinks a:hover,
		.faleConosco .mainLinks a.mark { background-position: 93% 50%; }

	.faleConosco #content .formInst div { width: 100%; margin: 0; }
	.faleConosco #content .formInst .fone { width: 75%; margin: 0; }
		.faleConosco #content .fone input { width: 100% }
	.faleConosco #content .formInst .ddd { width: 20%; }
	.faleConosco #content .formInst .nascimento { width: 47.5%;  margin-right: 5%; }
	.faleConosco #content .formInst .sexo { width: 40% !important; }
	.faleConosco #content .formInst .cidade { width: 47.5%;  }

	.faleConosco  #content .formInst .uf { width: 100%; }
	.faleConosco  #content .formInst .uf .ui-selectmenu-button { width: 100% !important }
	.faleConosco #content .formInst .select2 { background: url(../img/arrowSelect.png) no-repeat 97% 50% }

	.faleConosco #content .formInst .radiogroup,
	.faleConosco #content .formInst .checkgroup { width: 100% }
	.faleConosco #content .formInst .checkgroup.first { margin-bottom: 0 }
		.faleConosco #content .formInst .checkgroup span { width: 90% }




/* Premio Sustentabilidade
****************************************************************/
.premioSus #master .mobile { display: block !important }

.premioSus section {}
	.premioSus #master { background-position: 50% 0; }
		.psCover { height: 331px; }
			#main .psCover img { max-width: 300%; width: auto; height: 331px; position: absolute; left: 50%; margin-left: -330px; }
			.psCover span { left: 50%; margin-left: -17px; }

		.psTitle { margin-left: 5%; }
			.psTitle:before { width: 30px }
		.psTitlebg { left: -220px }

		.psTitle2 { width: 50%; padding: 0 20%; margin-left: 5% }
		.psTitle2:before { position: absolute; left: 5%; top: 50%; }
		.psTitle2:after { position: absolute; right: 5%; top: 50%; }

		.psUltimas h6 { font-size: 1.3em }

	#main .psDesc,
	.psButtons { width: 90%; height: auto;  margin: 0 5% 40px 5%; position: relative; }
		#main .psDesc a { display: inline; }
		.premioSus #main .psButton { width: 100%; padding: 0; float: none;  }
		#main .psButtons p { width: 100%; padding: 0; text-align: center }
		
	.premioSus .lightbox { position: absolute; }

/* Premio Sustentabilidade Home */
.premioSus #content { padding-top: 100px }
	.premioSus #main .psButton3 { width: 200px; margin-left: -100px; position: absolute; top: -25px; left: 50%; right: auto; z-index: 1 }
	.comoSteps { height: 540px; }
		.comoSteps .step { width: 100% }
			.comoSteps .comoDest { margin: 0 auto 30px; float: none;  }
			.comoSteps .comoText { width: 60%; margin-left: 25%; float: none;  }
				.comoSteps .comoText .arrow { height: 1px; border: 0; margin: 20px 0 10px }
				.comoSteps .comoText br { display: none; }
			.comoSteps .stepsPage { }
				.comoSteps .stepsPage a { margin: 0 7px; }

	.psPremios {}
		#main .bg2 { margin-left: -738px; top: -300px; }
		#main .psPremios img.mobile { width: auto; max-width: 500px; height: 330px; box-shadow: 0 10px 80px rgba(0,0,0,0.4) }
		.psPremios .psTitle2 { width: 70%; margin: 0; padding: 0 15%; font-size: 1.1em; }
		.psTitle2:before,
		.psTitle2:after { width: 40px }
			.psPremios .psTitle2 b.valor {  }
			#main .psPremios .psButton { width: 90%; left: 5%; margin: 0 }

	.psUltimas .slick-slide { max-width: 100% }
		

/* Internas *********/
.psInternas {}
	.psInternas #content { padding: 85px 0 0 }
	.psInternas #main { padding-top: 20px; }

	.psInternas #pageTitle { text-align: center; }
		.psInternas #pageTitle p span { margin: -3px 10px 0; }
	.psInternas #main form { height: auto; }
		.psInternas #main form div { width: 100%; float: none; overflow: auto; margin-bottom: 0; padding-bottom: 10px }
			.psInternas #main form .psButton { width: 100%; padding: 0; float: none; margin: 30px 0 }
	
	.psInternas #main .psButton { width: 90%; margin: 30px 5% 0 }

	.psDuvidas{}
		.psDuvidas h4 { width: 100%; }
		#main .psDuvidas .psButton { width: 80%; left: 10%; margin: -25px 0 0 0 }


	.lightbox-login,
	.lightboxLogin { width: 100%; position: fixed; } 
		.lightbox-login .psTitle2,
		.lightboxLogin .psTitle2 { width: 40%;; min-width: 0;  padding: 0 30%; margin: 0; top: 20px }
		.premioSus #main .lightboxContent .psButton { width: 200px; position: absolute; bottom: -25px; left: 50%; margin: 0 0 0 -100px; }

		.psFechar { right: 10px; }

/* Inscrição *********/
.psinscricao{}
	.psinscricao #main .psDesc br { display: none }

	.lightboxFormdados { height: auto; padding-bottom: 50px }


/* Área Logada *********/
.psdashboard {}
	.ulProjetos { width: 90%; margin-left: 5%; position: relative; }
		.ulProjetos li { padding: 20px 20px 10px; }
			.ulProjetos li div,
			.ulProjetos li div:first-child { width: 100%; padding: 0 0 15px; display: block; }
			.ulProjetos li .btn-excluir-projeto { top: -35px; right: 10px }

	.lightboxContent2 { vertical-align: top; }

.psCategorias { height: auto; }
	.ulCat {}
		.ulCat li { width: 231px; margin: 0 auto 60px; float: none; }
			#main .ulCat li img { opacity: 0.1; }
			#main .psCategorias .ulCat li:hover h5 { opacity: 1 }
			#main .psCategorias .ulCat li p { position: relative; opacity: 1; }

		.psdashboard #main .ulCat .psButton { width: auto; padding: 0 30px; }



/* Novo projeto - Empresas */
.psinscricao_empresa {}
	#main .empresasIndex { width: 200%; text-align: left; }
		#main .empresasIndex p { width: 15%; padding: 0 10% 0 4%; }
		.empresasIndex span.play { width: 23%; left: 12% }

	.psinscricao_empresa #main form .verifica-cep-cidade { width: 100%; margin-right: 0; }

/* Novo projeto - Objetivo */
.psinscricao_objetivo{}
	.psinscricao_objetivo h3.psTitle:before { margin: 0 }
	.psinscricao_objetivo #main .empresasIndex { left: -60%; }
	.psCheckgroup { margin-left: 0 }
		.psinscricao_objetivo #main .psCheckgroup li p { width: 100%; margin: 40px 0 0; }
		.psinscricao_objetivo #main .psCheckgroup .check:before,
		.psinscricao_objetivo #main .psCheckgroup .check:after { background-position: 50% 10% }


/* Novo projeto - Dados do Projeto */
.psinscricao_dados_projeto,
.psinscricao_dados_reportagem{}
	.psinscricao_dados_projeto #main .empresasIndex,
	.psinscricao_dados_reportagem #main .empresasIndex { left: -60%; }

	.psinscricao_dados_projeto #main #formDadosprojeto,
	.psinscricao_dados_reportagem #main #formDadosprojeto { margin-left: 5% }
		.psinscricao_dados_projeto #main #formDadosprojeto .psTitle,
		.psinscricao_dados_reportagem #main #formDadosprojeto .psTitle { margin-left: 0 }
		.psinscricao_dados_projeto #main #formDadosprojeto .psDesc,
		.psinscricao_dados_reportagem #main #formDadosprojeto .psDesc { font-size: 0.9em; max-width: 100%; }
		
	.psinscricao_dados_projeto .psCheckgroup li,
	.psinscricao_dados_reportagem .psCheckgroup li { width: 100%; }
		.psinscricao_dados_projeto #main form input,
		.psinscricao_dados_reportagem #main form input, 
		.psinscricao_dados_projeto form textarea,
		.psinscricao_dados_reportagem form textarea, 
		.psinscricao_dados_projeto form select,
		.psinscricao_dados_reportagem form select { margin-bottom: 20px; float: none; }
		
/* Novo projeto - Dados do Projeto */
.{}
	.psinscricao_dados_reportagem #main .empresasIndex { left: -60%; }

	.psinscricao_dados_reportagem #main #formDadosprojeto { margin-left: 5% }
		.psinscricao_dados_reportagem #main #formDadosprojeto .psTitle { margin-left: 0 }
		.psinscricao_dados_reportagem #main #formDadosprojeto .psDesc { font-size: 0.9em; max-width: 100%; }
		
	.psinscricao_dados_reportagem .psCheckgroup li { width: 100%; }
		.psinscricao_dados_reportagem #main form input, 
		.psinscricao_dados_reportagem form textarea, 
		.psinscricao_dados_reportagem form select { margin-bottom: 20px; float: none; }

/* Regulamento */
.psregulamento{}
	.psregulamento #main .psButton4 { float: none; margin: 0 5% 30px; }
	.psregulamento .scroll-pane { background: none; max-width: 90%; height: auto; margin-left: 5%; padding: 0 }
		.psregulamento .scroll-pane .scrollIn { width: 100% !important }
		.psregulamento #main .scroll-pane p { margin-right: 0; }


/* ODS */
	.psods  #main .ulCat li p { height: 10em; line-height: 1.2em }

/* JURADOS */
.psjurados{}
	.ulJurados { margin-left: 0px; }
		.ulJurados li { max-width: 90%; margin-left: 5% }
			.ulJurados li img { margin: 0 auto 15px; float: none; display: block; }
			.ulJurados li div { max-width: 90%; margin-left: 5% }

/* FECOMERCIO-SP */
.psfecomercio_sp {}	
	.psText { max-width: 90%; margin-left: 5%; }


/* CONSELHO DE SUSTENTABILIDADE */
.psconselho .psTitle { padding-left: 50px; }
.psconselho .psTitle:before { margin-left: -50px; }

/* NOTICIAS */
.psnoticias {}
	.psnoticias .psUltimas  { margin-left: 0 }
		.psnoticias .psUltimas li { max-width: 90%; margin-left: 5% }
		.psnoticias .psUltimas li:nth-child(odd) { margin-right: 0 }

/* NOTICIAS INTERNA */
.psnoticia_interna{}
	.psnoticia_interna #main section { margin: 0 5%  }
	.psnoticia_interna .psTitle { margin: 0  }

	.psnoticia_interna #content .postDesc,
	.psnoticia_interna #master #content .postTitleG { max-height: 100% }

/* APOIADORES */
.psapoiadores{}
	.ulApoio { max-width: 90%; margin-left: 5%;  }
		.ulApoio li,
		.ulApoio li:nth-child(odd) { margin: 0 auto 30px; float: none; }

/* EDIÇÃO ANTERIOR */
.psedicao_anterior{}
	.psedicao_anterior .ulCat li { margin-bottom: 30px }


/* Teatro Slider */
.teatro .menu-hide{display: none;}
.teatro .menuLateral {display: none;}
.teatro .lightbox {margin-top: 100px;}
.teatro .lightbox-navigation {position: relative; top: 206px; left: 10%;}
.teatro .lightbox .lightbg{top: -114px;height: 460px;}
.teatro .lightbox ul h3 {margin: 10px 0;}
.teatro .lightbox a.close_btn{top: -20px;}
.teatro .lightbox ul li, .teatro .lightbox ul li img {width: 100%;height: auto;}
.teatro .lightbox ul {width: 80%; height: auto; margin-top: 0;}
.teatro .lightbox .controles {position: relative; width: 80%; margin: 0 auto;}
.teatro #master.personalizado{background-size: 100%; background-position: 0% 126px;}
.btnVerGaleria{background: url(../img/navigation/view-gallery-mobile.jpg) no-repeat; width: 116px; height: 48px; right: 28px; top: 28px;}
.teatro #main .title {font:700 2.0em/2.0em 'Open Sans';}
#pageTitle.teatro {margin-top: 73px;}
#content.in {padding-top: 0;}


/* Novo Layout Cadastro Eventos */
.box-right-full {width: 90%; float: none; height: 210px; margin: 0 auto; }
.box-left-full .boxRight {padding: 0 30px !important}
.box-right-full .boxTop2, .box-left-full .boxTop2 {width: 100% !important;}
.box-left-full .mobile, .box-right-full .mobile {display: block !important;}
.box-left-full .boxTop {padding: 0 30px !important; padding-top: 30px !important;}
.formCadastro .boxLeft {padding: 0 3% !important;}
.box-left-full .formInst div {width: 100% !important;}

.formCadastro .formInst div {margin-bottom: 0 !important;} 


.lightbox-evento {display: none; position: fixed; width: 90%; height: 380px; top: calc(50% - 25%); left: calc(50% - 45%); background: #FFF; z-index: 9999;}
.lightbox-evento h2, .lightbox-evento p, .lightbox-evento .boxRight, .lightbox-evento .sem-acesso {margin-left: 20px !important;}
.lightbox-evento .boxRight{width: 100% !important;}

.navbar-umbrasil{
	margin-top: 74px;
	margin-left: 3%;
	margin-right: 3%;
}
	.navbar-umbrasil .umbrasil-logo-content-navmenu {
		display: none !important;
	}
	.navbar-umbrasil .umbrasil-logocontent-navmenu .umbrasil-logo-navmenu:after{
		display: none;
	}
	.navbar-umbrasil .umbrasil-navmenu {
		width: auto;
	}

.umbrasil-topbanner {
	max-width: unset;
	flex-flow: column-reverse;
}
	.umbrasil-topbanner .umbrasil-content-text{
		max-width: unset;
	}
		.umbrasil-topbanner .umbrasil-content-text .umbrasil-textcontent{
			margin-bottom: 40px;
			margin-left: 3%;
			margin-right: 3%;
		}
	.umbrasil-topbanner .umbrasil-banner-img{
		width: 100%;
		margin-bottom: 5px;
	}


/* Conselhos */
.conselhos-grid .conselho {max-width: 100%; }
.dados-conselho {flex-direction: column;}
	.dados-conselho .thumbnail {flex-direction: row; justify-content: center; align-items: center;}
		.dados-conselho .thumbnail img.foto-presidencia { margin-right: 20px;}

.conselhos-grid .conselho .conselho-img {display: flex; justify-content: center; align-items: center;}
	.conselhos-grid .conselho .conselho-img img {display: block;}


#acessibilidade-container {flex-direction: column;}
	#acessibilidade-container .acessibilidade {margin-bottom: 40px;}