

body {
	margin:0 !important;
	padding:0 !important;
	font-family: 'Roboto', sans-serif !important;
	font-size:14px;
	text-align:center !important;
	overflow-x:hidden !important;
	box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
	outline:0px !important;
	outline: 0px auto --webkit-focus-ring-color !important;
	outline-offset: 0px !important;
  }
  
  *, *::before, *::after {
	box-sizing:none !important;
	outline: 0px auto --webkit-focus-ring-color !important;
	outline-offset: 0px !important;
	}

.container-fluid {
    width: 100%;
    padding-right: 60px;
    padding-left: 60px;
    margin-right: auto;
    margin-left: auto;
}

#brasao {
	margin-top:70px;
}

#brasao .padding-logo {
	display:inline-block;
	width:90px;
	height:70px;
	padding:0;
	margin:0;
}

#brasao img {
	height:80px;
	margin-top:-30px;
}

#brasao a {
	color:#000 !important;
}

#brasao .nome-camara {
	display:inline-block;
	text-align:left;
}

#brasao h1 {
	font-size:14px;
	margin:0;
	padding-top:30px;
	width:100%;
	display:block;
}

#brasao h2 {
	font-family:'Montserrat';
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	margin:0;
	width:100%;
	display:block;
}

#logo-topo {
	margin-top:145px;
	}

#pesquisa {
	margin-top:5px;
}
	
.foto-lista-vereador {
	height:400px;
	overflow:hidden;
	object-fit: cover;
	object-position: center;
	border-radius:6px;
	padding:20px;
	position:relative;
	}

.foto-lista-vereador img {
	height:360px;
	min-width:100%;
	object-fit: cover;
    object-position: center;
}
	
.dados-vereador {
	position:absolute;
	bottom:0px;
	left:15px;
	right:15px;
	padding-top:10px;
	height:60px;
	background:rgb(0,0,0);
	color:#FFF;
	}
	
.dados-vereador a {
	color:#FFF;
	display:block;
	}
	
.dados-vereador a:hover {
	color:rgba(255,255,255,.5);
	}
	
.dados-vereador h3 {
	padding:0;
	margin:0;
	font-size:1.2em;
	}

.dados-vereador p {
	padding:0;
	margin:0;
}

#lateral-vereador {
	width:100%;
	height:260px;
	overflow: hidden;
	position:relative;
	border:1px solid rgb(220,220,220);
	border-radius:6px;
}

#lateral-vereador img {
	height:240px;
	min-width:100%;
	object-fit: cover;
	object-position:center;
}

#lateral-vereador .dados-vereador {
	position:absolute;
	bottom:-5px;
	left:0;
	right:0;
	background-image: rgba(0,0,0,.8);
	color:#FFF;
	font-size:16px;
	line-height:15px;
	padding:8px;
}

.vereador-plenaria {
	width:75px;
	height:75px;
	border-radius:50px;
	border:2px solid rgb(220,220,220);
	margin:5px;
	overflow: hidden;
	display:inline-block;
}

.vereador-plenaria img {
	object-fit: cover;
	object-position:center;
	width:75px;
	height:75px;
	overflow: hidden;
}

.vereador-plenaria:nth-of-type(9){
	margin-right:0;
}

#evento-lista li {
	padding:1px;
	width:8.2%;
}
	
.empty , .indisponivel {
	width:100%;
	text-align:center;
	font-size:1.4em;
	font-weight:900;
	margin:40px 0;
	}

.nomargin {
	margin:0 !important;
	}

.nopadding {
	padding:0 !important;
	}
	
.padding2 {
	padding:2px;
	}
		
.padding5 {
	padding:5px;
	}
		
.padding5V {
	padding:5px 0;
	}
	
.padding10V {
	padding:10px 0;
	}
	
.padding10 {
	padding:10px;
	}

.padding10B {
	padding-bottom:10px;
	}

.padding15V {
	padding:15px 0;
	}
	
.padding20V {
	padding:20px 0;
	}

.padding20 {
	padding:20px;
	}
	
.padding20T {
	padding-top:20px;
	}
	
.padding20B {
	padding-bottom:20px;
	}
	
.padding30 {
	padding:30px;
	}
	
.padding30V {
	padding:30px 0;
	}
	
.padding30B {
	padding-bottom:30px;
	}

.padding30T {
	padding-top:30px;
	}
	
.padding40 {
	padding:40px;
	}

.padding40B {
	padding-bottom:40px;
	}

.padding40V {
	padding:40px 0;
	}
	
.padding50L {
	padding-left:50px;
	}

.padding80T {
	padding-top:80px;
	}

.padding80B {
	padding-bottom:80px;
	}
	
.nome-comissao {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	}

#aba-projeto-lei > ul > li {
	min-width:70px;
}
	
#vivo {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:999;
	background-color:#cf350b;
	color:rgb(0,0,0,.5);
	}
	
#vivo a {
  color: rgba(255,255,255,1);
}

#vivo a:hover {
  color: rgba(255,255,255,.5);
  text-decoration:none;
}

#banner {
	margin-top:-29px;
	height:350px !important;
}

.bx-wrapper {
	width:100% !important;
	float:left !important;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	left:0 !important;
	box-shadow:none !important;
    border:none !important;
    background:rgb(255,255,255) !important;
}

.bx-wrapper ul {
	width:100% !important;
	list-style:none !important;
	margin:0 !important;
	left:0 !important;
	list-style:none !important;
	padding:0 !important;
}

.bx-viewport img {
	width:100% !important;
	list-style:none !important;
	margin:0 !important;
	left:0 !important;
	list-style:none !important;
	padding:0 !important;
	overflow:hidden;
	object-fit: cover;
    object-position: center;
}

.bx-pager {
	bottom:0px !important;
	z-index:2 !important;
	height:30px;
	}
	
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF  !important;
    text-indent: -9999px;
    display: block;
    width:20px !important;
    height:6px  !important;
    margin:-24px 2px 0 2px  !important;
    outline: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	z-index:2 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background:rgb(255,220,0);
}

#banner img {
	width:100%;
	margin-top:50px;
}
	
#paginacao-atalho {
	width:100%;
	text-align:center;
	}
	
#paginacao-atalho  i {
	font-size:20px;
	margin-top:20px;
	text-align:center;
	}
	
.ytp-title-text {
	display:none !important;
}
	
#bloco-2 {
	margin-top:80px;
	padding-top:80px;
	padding-bottom:80px;
	display:flex;
	flex-direction: row;
	width:100%;
	}
	
#bloco-2 h2 {
	font-size:3em;
	line-height:1.6em;
	font-weight:900;
	color:#FFF;
	text-shadow: 1px 1px #000;
	padding-left:45%;
	text-align:right;
	}
	
#temas {
	margin-top:10px;
	margin-bottom:-10px;
	}

.btn-temas {
		font-weight:900;
		line-height:105px;
		padding:10px 20px;
		border-radius:4px;
		border:1px solid rgb(225,225,225);
		margin-top:10px;
		text-decoration:none;
		display:inline-block;
		font-size:14px;
		line-height:14px;
		white-space:nowrap;
		flex:1;
		text-transform:uppercase;
		text-align:center;
		color:#000 !important;
	}

.btn-temas:hover {
	background-color:#538b4e;
	color:#FFF !important;
	transition:all .5s ease;
}
	
.btn-temas-topo {
	font-weight:900;
	line-height:100px;
	padding:30px 40px;
	text-decoration:none;
	display:inline-block;
	font-size:15px;
	line-height:15px;
	white-space:nowrap;
	flex:1;
	text-transform:uppercase;
	text-align:center;
	color:#000 !important;
	transform: scale(1);
  	transition-duration: .2s;
  	transition-timing-function: linear;
	}

.btn-temas-topo:hover {
	transform: scale(0.9);
	background-color: rgb(235,235,235);
	border-radius:4px;
}
	
.btn-temas-topo h4 {
	color:#7cb04e !important;
	font-size:22px;
	line-height:30px;
	display:block;
}

.anexos {
	border-top:1px solid rgb(225,225,225);
	border-left:1px solid rgb(225,225,225);
	border-bottom:1px solid rgb(200,200,200);
	border-right:1px solid rgb(200,200,200);
	padding:10px 20px;
	border-radius:4px;
	margin-bottom:5px;
}

.link-vereador-lateral, .link-anexos {
	width:100%;
	display: block;
	text-align: left;
	padding:10px;
	line-height:14px;
	font-weight:bold;
	border-bottom:1px solid rgb(230,230,230);
	margin:0;
}

.link-vereador-lateral img {
	width:40px;
	height:40px;
	display:inline-block;
	object-fit: cover;
	object-position: center;
	border-radius:30px;
	border:3px solid rgb(230,230,230);
	margin-right:10px;
	filter:grayscale(100%)
}

.link-vereador-lateral:hover img {
	margin-right:20px;
	filter:grayscale(0);
	transition:all 0.3s ease;
}
	
.mapa-site {
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:none;
	}
	
.mapa-site li {
	padding:7px;
	text-align: left;
	}
	
.mapa-site li a {
	font-weight:900;
	display:block;
	padding:10px;
	}
	
.mapa-site li a:hover {
	background-color:rgba(245,245,245);	
	display:block;
	}

::-webkit-scrollbar              {background:rgba(255,255,255,.5); width:8px; cursor:pointer}
::-webkit-scrollbar-track        {background-color:rgba(0,0,0,.2); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); border-radius:0px}
::-webkit-scrollbar-track-piece  {background-color:rgba(255,255,255,0.2);}
::-webkit-scrollbar-thumb        {background-color:#70a268; border-radius:0px; cursor:pointer}

div[vw] {
    top: 50px !important;
    margin-top:0vh !important;
}
.access-button {
	background-image: linear-gradient(to right, #0a89b2 , #014a98);
	border-radius:6px 0 0 6px;
}





/* FOOTER */

footer {
	background-color:rgb(220,235,220);
	display:flex;
	flex-direction:column;
	margin-top:100px;
	}
	
#barra-nome {
	width:100%;
	background-color:#112d60;
	padding:20px 0;
	}
	
footer .mapa-site {
	display:flex;
	flex-direction: row;
	}

footer .mapa-site div {
	width:32%;
	margin-right:3%;
	padding:80px 0;
	}
	
footer .mapa-site h4 {
	background-color:rgba(0,0,0,.1);
	padding:10px;
	border-radius:4px;
	color:#FFF;
	text-transform:uppercase;
	font-size:1em;
	text-align:center;
	}
	
footer .mapa-site a {
	display:flex;
	flex-direction:column;
	text-align:left;
	padding:5px 15px;
	border-bottom:1px solid rgba(255,255,255,.1);
	color:rgba(255,255,255,.7);
	}
	
footer .mapa-site a:hover {
	background-color:rgb(0,0,0,.1);
	}
	
footer .mapa-site span {
	text-align:left;
	font-size:.9em;
	width:100%;
	display:block;
	padding-bottom:10px;
	border-bottom:1px dashed rgba(255,255,255,.3);
	margin-bottom:-20px;
	}
	
#bloco-footer {
	padding-top:45px;
	padding-bottom:45px;
	display:flex;
	flex-direction: row;
	width:100%;
	}
	
#bloco-footer div:first-child {
	width:10%;
	}
	
#bloco-footer div:nth-of-type(2) {
	width:65%;
	}
	
#bloco-footer div:last-child {
	width:25%;
	text-align:right;
	font-size:24px;
	}
	
#bloco-footer a {
	display:block;
	font-size:15px !important;
	padding:7px 0;
	}
	
	



/* ----- MENU ----- */ 

#box-menu {
	position: fixed;
	z-index: 99;
	top:0;
	left:0;
	right:0;
}

#box-nav {
	left:0px;
	top:0px;
	right:0px;
	padding-top:60px;
	z-index:2000 !important;
	}
	
nav ul {
	list-style:none;
	margin:0;
	padding:0;
	flex: 1;
	z-index:2000 !important;
	position:relative;
	}
	
.menu li {
	float:left;
	min-width:16.66666%;
	width:auto;
	list-style:none !important;
	margin:0;
	padding:0;
	}

.menu > li > a {
	color:#FFF;
	font-weight:800;
	padding:20px;
	margin:0;
	text-decoration:none;
	display:block;
	text-align:center;
	background-color:transparent;
	transition: background .5s;
	}
 
.menu > li:hover > a {
	background-color:#335f2f;
	text-decoration:none;
	}

.menu li ul {
	position:absolute;
	margin:0 !important;
	padding:25px !important;
	display:none;
	width:100%;
	left:0;
	background-image: linear-gradient(to bottom, #335f2f, #3b6f37);
	color:#FFF;
	}

.menu li:hover ul {
	display:block;
	}
	
.menu li ul span {
	width:48%;
	margin:1%;
	float:left;
	display:inline-block;
	font-size:.95em;
	text-align:left !important;
}

.menu > li > ul > .col3 {
	width:31.33333% !important;
	margin:1%;
	float:left;
	display:inline-block;
	font-size:.95em;
	text-align:left !important;
}

.menu > li > ul > .col4 {
	width:23% !important;
	margin:1%;
	float:left;
	display:inline-block;
	font-size:.95em;
	text-align:left !important;
}

.menu li ul span h3 {
	color: rgb(255,255,255);
	border-bottom:1px solid rgba(255,255,255,.3);
	font-weight:bold;
    font-size: 14px;
    line-height: 14px;
    padding:10px 12px;
	margin-bottom:20px;
}

.menu li ul li {
	display:block;
	width:100%;
	text-align:left;
	border-top:none !important;
	}

.menu li ul li a {
	padding:8px 12px;
	font-weight:400;
	text-align:left;
	display:block;
	color:#FFF;
	border-bottom:1px solid rgba(255,255,255,.1);
	text-decoration:none;
	}

.menu li ul li:hover a {
	background-color:rgba(255,255,255,.05);
	text-decoration:none;
	}
	
.menu .botao , .botao {
	background-color: rgb(35,75,130) !important;
    text-align: center;
	padding:6px 12px;
    border: none;
    font-size: 14px;
    font-weight: 300;
	color:#FFF;
	width:auto !important;
	}
	
.absolute {
	position:absolute;
}

.relative {
	position:relative;
}
	
.btn-fixo {
	right:0;
	bottom:0;
	position:absolute;
	}
	
.btn-fixo-1 {
	right:10px;
	bottom:10px;
	position:absolute;
	}

.carousel-inner img {
	width:100%;
}

.carousel-control {
	font-size:60px;
	font-family:Arial;
	margin-top:30%;
	background-image: none !important;
}

.carousel-indicators {
	display: none;
}

.sombra-box {
	border-left:1px solid rgb(235,235,235);
	border-top:1px solid rgb(235,235,235);
	border-right:1px solid rgb(215,215,215);
	border-bottom:2px solid rgb(215,215,215);
	max-height: 315px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sombra-box p {
	margin:0;
	padding:0;
}

.rounded4 {
	border-radius:4px;
}

.rounded6 {
	border-radius:6px;
}

	



/* BLOCO SERVIÇOS */

.btn-botao {
	padding:7px 20px;
	font-weight:bold;
	background-color: #70a268;
	border:1px solid transparent;
	color:rgba(255,255,255);
	border-radius:4px;
	}
	
.btn-botao:hover {
	text-decoration:none !important;
	background-color:#3b6f37;;
	border:1px solid transparent;
	color:#FFF !important;
	transition:all .5s ease;
	}

.foto-lista-noticia {
	height:150px !important;
	overflow:hidden;
	}

.foto-lista-noticia img {
	min-width:100%;
	height:150px !important;
	overflow:hidden;
	object-fit: cover;
	object-position: center;
	}
	
.height150 {
	height:150px !important;
	overflow:hidden;
	object-fit: cover;
    object-position: center;
	}
	
.height200 {
	height:200px !important;
	overflow:hidden;
	object-fit: cover;
    object-position: center;
	}
	
.height280 {
	height:280px !important;
	overflow:hidden;
	object-fit: cover;
    object-position: center;
	}
	
.height300 {
	height:295px !important;
	overflow:hidden;
	object-fit: cover;
    object-position: center;
	}
	
.height400 {
	height:404px !important;
	overflow:hidden;
	}
	
#bloco-servico {
	padding-top:80px;
	display:flex;
	flex-direction: row;
	width:100%;
	}
	
.atalhos {
	border:1px solid rgb(220,220,220);
	border-radius:3px;
	text-align:center;
	width:49.5%;
	margin-left:1%;
	margin-bottom:10px;
	float:left;
	font-size: 13px;
	line-height: 16px;
	height:110px;
	padding:20px 5px 0px 5px;
	background-color:rgb(255,255,255);
}

.atalhos:nth-of-type(1) , .atalhos:nth-of-type(3) , .atalhos:nth-of-type(5) , .atalhos:nth-of-type(7) {
	margin-left:0% !important;
}

.atalhos i {
	color:#70a268;
	font-size:28px;
	margin:0;
	padding:0;
}

.atalhos h4 {
	color:rgb(0,65,125);
	font-size:18px;
	line-height:18px;
	margin-top:5px;
	text-align:center;
	display:block;
}

.atalhos a {
	color:rgb(0,0,0);
}
	
#miolo {
	margin:15px 0 80px 0;
	}
	
#destaque {
	position:relative;
	width:100%;
	height:469px;
	overflow:hidden;
}

#destaque img {
	width:100%;
	height:100%;
	overflow:hidden;
	object-fit: cover;
    object-position: center;
}

#destaque h2 {
	position:absolute;
	background-color:rgba(0,0,0,.8);
	left:0;
	right:0;
	bottom:0;
	color:#FFF;
	font-weight:900;
	padding:15px;
	text-shadow:1px 1px 1px #000;
}

#destaque .icon-left-open {
	font-size:40px;
	position:absolute;
	top:160px;
	left:0;
	z-index:100;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	}
	
#destaque .icon-right-open {
	font-size:40px;
	position:absolute;
	top:160px;
	right:0;
	z-index:100;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	}
	
.titulo {
	background-color:rgb(220,235,220);
	padding:10px 50px 8px 70px;
	border-radius:4px;
	width:100%;
	font-weight:900;
	margin-bottom:10px;
	font-size:15px;
	line-height:30px;
	background-image: url('../images/logo.png');
	background-position:-55px -30px;
	background-repeat:no-repeat;
	text-align: left;
	}

.titulo-interno {
	background-color:rgb(240,240,240);
	padding:10px 20px;
	border-radius:4px;
	width:100%;
	font-weight:900;
	margin-top:5px;
	margin-bottom:20px;
	font-size:17px;
	line-height:17px;
	text-align: left;
	}

.titulo-interno {
	background-color:rgb(240,240,240);
	padding:10px 20px;
	border-radius:4px;
	width:100%;
	font-weight:900;
	font-size:17px;
	line-height:17px;
	text-align: left;
	}

.titulo-interno span {
	padding:0;
	margin:0;
	font-size:14px;
	line-height:14px;
	display:inline;
}

.titulo-interno:hover{
	color: #000;
}

.panel {
	border: unset;
	-webkit-box-shadow: unset;
	box-shadow: unset;
}
	
.box3 {
	width:32.3%;
	margin-right:1%;
	display:inline-block;
	}

.altura-box-lei , .altura-box-plenaria {
	height:570px;
	overflow-y:auto;
	overflow-x: hidden;
}
	
.box-lei {
	width:100%;
	padding:20px 0;
	border-bottom:1px solid rgb(230,230,230);
	}

.box-lei i {
	display:inline-block;
	font-size:18px;
	line-height:20px;
	margin-bottom:5px;
	margin-left:-8px;
	text-align: left;
	width:30px;
	color:#7cb04e;
}

.box-lei h4 {
	display:inline-block;
	margin-left:40px;
}
	
#mesa .box3 {
	margin-right:0;
	}
	
.box3 img , .box2-lei img {
	width:100%;
	height:260px;
	overflow:hidden;
	object-fit: cover;
    object-position: top;
	}
	
.box3 a {
	display:block;
	padding:20px;
	height:160px;
	background-color:rgb(240,240,240);
	text-align:left;
	}
	
.box3 i , .box2-lei i {
	color:#7daf50;
	font-size:36px;
	display:block;
	padding:10px 0 20px 0;
	}
	
.box2-lei a h5 {
	padding:0 0 10px 0;
	margin:0;
	display:block;
	height:auto;
	font-weight:900;
	font-size:2.4rem;
	}
	
.box6 {
	width:98%;
	margin: 0 1%;
	display:inline-block;
	}
	
.box6 img {
	width:100%;
	height:200px;
	overflow:hidden;
	object-fit: cover;
    object-position: top;
	}
	
.box6 a {
	display:block;
	padding:15px;
	height:120px;
	background-color:rgb(240,240,240);
	text-align:left;
	}
	
.box6 h5 {
	font-size:18px;
	line-height:20px;
	margin:0;
	}
	
.box6 p {
	color:#000;
	text-align:left;
	padding-top:10px;
	}

.box6:nth-of-type(6) {
	margin-right:0;
}
	
.box-proposicao {
	height:350px;
	display:inline-block;
	border-right:1px solid rgb(210,210,210);
	border-bottom:1px solid rgb(210,210,210);
	border-top:1px solid rgb(235,235,235);
	border-left:1px solid rgb(235,235,235);
	padding:30px;
	border-radius:6px;
	position:relative;
	overflow-y: auto;
	}
	
.box-proposicao h4 {
	text-transform:uppercase;
	border-bottom:1px dashed rgba(0,0,0,.2);
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:1.2em;
	color:#335f2f;
	}
	
.box-proposicao .btn-temas {
	background-color:#7cb04e;
	background-image:none;
	color:#FFF !important;
	border:none;
	padding:8px 14px;
	font-size:.8em;
	}
	
.padding20 {
	padding:20px;
	}
	
.margin2T {
	margin-top:2px;
	}

.margin5T {
	margin-top:5px;
	}
	
.margin10V {
	margin:10px 0;
	}

.margin10T {
	margin-top:10px;
	}
	
.margin10R {
	margin-right:10px;
	}
	
.margin10B {
	margin-bottom:10px;
	}
	
.margin15T {
	margin-top:15px;
	}

.margin20T {
	margin-top:20px;
	}
	
.margin20B {
	margin-bottom:20px;
	}
	
.margin30T {
	margin-top:30px !important;
	}
	
.margin30B {
	margin-bottom:30px;
	}

.margin40V {
	margin:40px 0;
}
	
.margin40T {
	margin-top:40px;
	}
	
.margin40B {
	margin-bottom:40px;
	}
	
.margin50T {
	margin-top:50px;
	}

.margin50B {
	margin-bottom:50px;
	}
	
.margin60T {
	margin-top:60px;
	}
	
.margin70T {
	margin-top:70px;
	}

.margin80T {
	margin-top:80px;
	}

.foto-vereador-comissao {
	position:relative;
	height:160px;
	width:120px;
	margin:auto;
}

.foto-vereador-comissao img {
	height:120px;
	width:120px;
	overflow: hidden;
	object-fit: cover;
	object-position: center;
	text-align:center;
	border-radius:100px;
	display:block;
}

.nome-comissao {
	line-height:15px;
	text-align: center;
	display:block;
	margin-top:50px;
}

.texto-comissao p {
	text-align: left;
}

.enabled {
	top: 33.5% !important;
}

.access-button {
	background-image: linear-gradient(to right, #0a89b2 , #014a98);
}

.bg-primary-home {
	background-color: rgb(200,212,200);
}

.padding-busca {
	background-color: #538b4e !important;
	color:#FFF !important;
}





/* ----- ACESSIBILIDADE ----- */

#acessibilidade div {
	position: fixed;
	margin-top: 60px;
    left:-260px;
    transition: 0.5s;
	padding:0px;
    width: 290px;
    text-decoration: none;
	z-index:90;
}

#acessibilidade div:hover {
    left: 10px;
}

#texto {
    top:8px;
}

#texto .icone {
	width:40px;
	float:right;
	display:inline-block;
	padding:10px;
	background-color:rgb(25,75,120);
	border-radius:0 4px 4px 0;
	color:rgb(255,255,255);
	font-weight:bold;
	cursor:pointer;
	}
	
#texto .icone h4 {
	font-size:16px !important;
	padding-left: 2px !important;
	}
	
#texto .links {
	display:inline-block;
	width:250px;
	float:left; 
	box-shadow:0px 3px 6px 0px rgba(0,0,0,.5);
	background-color:#FFF;
	padding:15px;
	margin-top:1px;
	background-color:rgb(243,240,183);
	}
	
#acessibilidade a {
	display:block;
	padding:10px;
	border-bottom:2px solid rgb(190,190,190);
	border-right:1px solid rgb(190,190,190);
	border-left:1px solid rgb(230,230,230);
	border-top:1px solid rgb(230,230,230);
	margin:5px;
	color:#000;
	border-radius:3px;
	font-size:0.8em;
	background-color:rgb(255,255,255);
}

#acessibilidade a:hover {
	background-color:rgb(242,242,242);
}

.links i , .links h4 {
	font-size:14px;
	color:#7cb04e !important;
}

.links h4 small {
	color: #000;
    border-radius: 3px;
    font-size: 13px;
	font-family:'Roboto';
}

	

	

/* ----- MENU FECHADO ----- */

#menu-fechado {
	color:#FFF;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1000;
	top: 0;
	left:0;
	background-color: #111;
	overflow-y:auto;
	transition: 0.5s;
	padding-top:45px;
}

#close {
	top:50px;
	right:5%;
	font-size:18px;
	line-height:18px;
	padding:0 !important;
	background-color:rgb(100,100,100);
	width:30px;
	height:30px;
	font-weight:bold;
	text-align:center !important;
}

.sidenav i {
	color:#3b6f37;
	font-size:16px;
	line-height:16px;
	padding:0;
}

.sidenav a:hover i {
	color:rgba(255,255,255,.3);
}
  
.sidenav a {
	padding:9px 12px;
	text-decoration: none;
	font-size: 12px;
	border-bottom:1px solid rgba(150,150,150,.3);
	text-transform: uppercase;
	color: #FFF;
	display: block;
	transition: 0.3s;
	letter-spacing:0.5px;
}
	
.sidenav a:hover {
	background-color:#3b6f37;
	text-decoration:none;
	color:#FFF;
}

.sidenav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
	
.sidenav > ul > li > ul {
	display:none;
}

.sidenav > ul > li:hover > ul {
	display:block;
}

.sidenav > ul > li > ul > li > a {
	color:rgba(255,255,255,.3);
	padding:4px 12px 4px 40px;
	text-decoration: none;
	font-size: 11px;
	border-bottom:none;
}

.sidenav > ul > li > ul > li > a > span {
	display:none;
}
	  
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right:0;
	font-size:30px;
	line-height:20px;
	width:40px;
	margin-left:0;
	text-align: center;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}





/* ----- BOOSTRAP ----- */

a {
	color:#335f2f;
}

a:hover {
	color:#000;
	text-decoration: none;
}

.bg-primary , .bg-primary:hover {
	background-color: #538b4e !important;
}

.bg-light {
	background-color: rgb(243,243,243) !important;
}

input , select , textarea {
	border-left:1px solid rgb(235,235,235)  !important;
	border-right:1px solid rgb(210,210,210)  !important;
	border-top:1px solid rgb(235,235,235)  !important;
	border-bottom:1px solid rgb(210,210,210)  !important;
	border-radius:6px;
	padding:5px 10px;
	font-size:14px;
	line-height:14px;
	height:34px;
	margin:5px 0;
}

button {
	border-radius:10px;
}

.btn-primary {
	background-color: #538b4e !important;
	border-color: #538b4e !important;
}

.legislacao-item p {
	font-family: inherit !important;
	font-size: inherit !important;
}

.legislacao-item p span{
	font-family: inherit !important;
	font-size: inherit !important;
}



/*----- SCROLL PARA O TOPO -----*/
	  
.scrollTop {
	position: fixed;
	right:10px;
	bottom:40px;
	width:50px;
	height:50px;
	background-color: rgb(84,139,78);
	padding:6px;
	line-height:16px !important;
	text-align:center;
	border:1px solid rgba(0,0,0,.1);
	cursor:pointer;
	opacity: 0;
	border-radius:10px;
	transition: all 0.4s ease-in-out 0s;
  }
  
  .scrollTop a {
	font-size: 14px;
	color: rgb(220, 235, 221);
	font-weight:600;
	text-decoration:none;
	text-align:center;
	line-height:16px !important;
	padding:0;
	margin:0;
  }

  /* .scrollTop:hover a {  color: rgb(84,139,78)  !important; }

  .scrollTop:hover { background-color: rgb(220, 235, 221); } */

  .breadcrumb{
	list-style:none !important;
	font-size:0.8em !important;
	background-color: transparent;
	margin-bottom: 0px !important;
  }

  #breadcrumb{
	margin-top: 8px;
  }

  #breadcrumb .titulo-interno{
	align-items: center;
	height: 60px;
  }


  /* ----- AVALIAÇÃO DE ATENDIMENTO -----*/

.box-avaliacao {
	width:100%;
	height:auto;
	margin-bottom:30px;
	background-color:rgb(175, 175, 175);
	color:#FFF;
	background-position:95% 90%;
	background-repeat:no-repeat;
	background-size:10%;
	padding:30px;
	border-radius:6px;
	position:relative;
}

.radio-image {
	display: flex;
	justify-content: space-between;
}

.radio-satisfacao {
	text-align: center !important;
	font-weight: normal;
}

.radio-satisfacao:hover {
	opacity: 0.7;
}

.radio-satisfacao input[type="radio"] {
	display: none;
}

.radio-satisfacao img {
	width: 50%;
}

#camposSatisfacao {
	display: none;
}