/** VARIABLES DEFAULTS ***/
:root {
  --background-default: #f5f3f3;
  --background-second-default: #dddddd;
  --background-third-default: #eeeefa;
  --color-title: #342c2d;
  --color-default: #969393;
  /*--font-default: "Times New Roman", Georgia, Serif;*/
  --font-default: "quicksandregular";
  --font-title: "quicksandregular";
  --efects-default: #598455;
  --menu-fotos: #e0995e;
  --menu-secretarias: #c75c5c;
  --menu-videos: #aad8b0;
}

body {
    font-family: "quicksandregular";
    font-weight: normal;
    font-size: 14px;
}

/* Preloader */
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}
#status {
    width:125px;
    height:125px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    /*background:url(../../_imagens/status.GIF); /* path to your loading animation */*/
    background-repeat:no-repeat;
    background-position:center;
    margin:-50px 0 0 -50px; /* is width and height divided by two */
}

/*** INFORMATIVO ***/
#Informativo h2 {
	display: block;
	text-align: center;
	color: #000000;
	margin: 0 auto;
}
#Informativo p {
	display: block;
	text-align: center;
	color: #000000;
}
#Informativo img {
	display: block;
	text-align: center;
	color: #000000;
	margin: 0 auto;	
}

/*** VARIABLES DEFAULT ***/
.relative { position: relative; }
.absolute { position: absolute; }
.display_none { display: none; }
.display_inline-block{ display: inline-block; vertical-align: top; }
.display_block { display: block; }
.margin_auto { margin: 0 auto; }
.not_margin {margin: 0; }
.not_padding { padding: 0; }
a { outline: 0; }

/* Placeholders */
::-webkit-input-placeholder { color: var(--color-default)!important; }
:-moz-placeholder { color: var(--color-default)!important; }
::-moz-placeholder { color: var(--color-default)!important; }
:-ms-input-placeholder { color: var(--color-default)!important; }

/*** CLASSES DEFAULT ***/
.relative { position: relative; }
.absolute { position: absolute; }
.display_none { display: none; }
.display_inline-block{ display: inline-block; vertical-align: top; }
.display_block { display: block; }
.not_margin {margin: 0;}
.margin_auto { margin: 0 auto; }
.not_padding { padding: 0; }
.not_border {border: none!important;}
.orbit-timer { display: none!important; }
.clearing-featured-img { margin: 0 0 20px!important; }
.clearing-feature li.clearing-featured-img { padding: 0!important; }
.full {
   /*width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;*/
}
a { outline: 0; }

/** Documentação Tipos **/
.pdf { background: url(../../_imagens/insaite.png) -290px 0; }
.txt { background: url(../../_imagens/insaite.png) -325px 0; }
.png { background: url(../../_imagens/insaite.png) -360px 0; }
.jpg { background: url(../../_imagens/insaite.png) -395px 0; }
.mp3 { background: url(../../_imagens/insaite.png) -430px 0; }
.xls { background: url(../../_imagens/insaite.png) -465px 0; }
.mp4 { background: url(../../_imagens/insaite.png) -290px -35px; }
.doc { background: url(../../_imagens/insaite.png) -325px -37px; }
.rar { background: url(../../_imagens/insaite.png) -360px -35px; }
.xml { background: url(../../_imagens/insaite.png) -421px -35px; }
.tipo_indefinido { background: url(../../_imagens/insaite.png) -395px -37px; }

/** Migalhas de Pão (kkk) BREADCRUMBS **/
#BREADCRUMBS_DEFAULT .breadcrumbs {
	display: block;
	margin: 20px 0;
}
#BREADCRUMBS_DEFAULT .breadcrumbs a {
	font-family: var(--font-default);
	color: #000000;
}
#BREADCRUMBS_DEFAULT .breadcrumbs .unavailable {
	color: var(--color-default);
	text-decoration: none;
}
#BREADCRUMBS_DEFAULT .breadcrumbs .current {
	color: var(--efects-default);
	text-decoration: none;
}

/** Páginação **/
.paginacao {
	display: block;
	margin: 20px 0;
	list-style: none;
	}
.paginacao li {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}
.paginacao li a {
	display: block;
	width: 100%;
	padding: 7px 10px;
	color: #000000;
	border: 1px solid #000000;
	transition: all ease 0.7s;
}
.paginacao li .current,
.paginacao li a:hover {
	background: #000000;
	color: #FFFFFF;
}


/****** MODAL ******/
.reveal-modal {
	border-radius: 5px!important;
}
.reveal-modal h2 {
	display: block;
	font-family: var(--font-default);
	color: #FFFFFF;
	font-size: 22px;
}
.reveal-modal article {
	font-family: var(--font-default);
	font-size: 16px;
	line-height: 22px;
}
.reveal-modal .link_modal {
	margin: 0 20px 0 0;
	padding: 5px 15px;
	width: auto;
	text-align: center;
	font-family: var(--font-default);
	color: var(--color-default);
	font-size: 16px;
	border: 1px solid var(--background-second-default);
	color: var(--color-default);	
}
.reveal-modal .link_modal:hover {
	background: var(--background-second-default);
	color: #000000;
}
.reveal-modal > *:first-child { margin-top: 10px!important; }


/* Paralaxe */
/** formataçao de elementos que tem backgrounds parallax **/
.bgParallax {
	font-family: 'Elsie', cursive;
	color:#FFF;
	margin: 0 auto;
	width: 100%;
	max-width: 2560px;
	position: relative;
	min-height: 100%;
	text-shadow:0 0 10px rgba(0,0,0,0.7);
	background-position: 50% 0;
	background-repeat: repeat;
	background-attachment: fixed;
}

/****** BODY PAGINAS ******/
.side-nav li { padding: 5px;}
.header_page {
	display: block;
	padding: 10px 0;
	margin-bottom: 30px;
}
	.header_page h1 {
		font-family: var(--font-default);
		color: #FFFFFF;
		font-weight: bold;
		/*font-style: italic;*/
		font-size: 32px;
		margin: 0;
	}
.texto_page {
	text-align: justify;
	line-height: 20px;
	font-family: var(--font-second-default);
	color: var(--color-title);
}
	.texto_page span {	font-size: 17px; }
	.texto_page p {	font-size: 17px; }
	.texto_page h1 { font-size: 24px; }
	.texto_page h2 { font-size: 20px; }
	.texto_page h3 { font-size: 18px; }
	.texto_page ul { font-size: 18px; }
	.texto_page li { font-size: 18px; display: inline-block; vertical-align: top; }
	.texto_page a { font-size: 18px; }
	.texto_page table { font-size: 18px; }
	.texto_page td { font-size: 18px; }
	.texto_page th { font-size: 18px; }
.back_page {
	display: block;
	width: 300px;
	height: 50px;
	margin: 25px auto;
	padding: 10px;
	border-top: 2px solid var(--background-default);
}
	.back_page:hover .icon_back{ background: url(../../_imagens/insaite.png) -100px -51px; }
	.back_page:hover > span { color: var(--color-default); }	
	.back_page .icon_back {
		display: inline-block;
		vertical-align: top;
		width: 40px;
		height: 40px;
		margin-top: 5px;
		background: url(../../_imagens/insaite.png) -60px -51px;
		margin-right: 8px;
	}
	.back_page span {
		display: inline-block;
		vertical-align: top;
		font-family: var(--font-default);
		font-size: 16px;
		color: var(--color-title);
	}
#reduz_fonte {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 30px;
	background: url(../../_imagens/insaite.png) -248px 0px;
	margin-bottom: 20px;
}
#aumenta_fonte {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 30px;
	margin-bottom: 20px;
	background: url(../../_imagens/insaite.png) -209px 0px;
}
#reduz_fonte:hover { background: url(../../_imagens/insaite.png) -249px -30px; }
#aumenta_fonte:hover { background: url(../../_imagens/insaite.png) -209px -30px; }

/********** WEBSITE ************/
/****** HEADER *******/
#HEADER {
	display: block;
	height: auto;
	width: 100%;
	background: var(--background-default);
	padding: 7px;
}
	#HEADER .header_data {
		display: block;
		font-size: 14px;
		font-weight: normal;
		color: #000000;
	}
	#HEADER .header_logo {
		display: block;
		margin: 10px;	
	}
	#HEADER .list_menu_header {
		list-style: none;
		margin: 10px 0;
	}
		#HEADER .list_menu_header li {
			display: inline-block;
			vertical-align: top;
			margin: 0 10px 0 0;			
		}
			#HEADER .list_menu_header li a {
				display: block;
				width: 100%;
				height: auto;	
				color: #000000;
				font-family: var(--font-default);
				font-size: 14px;
				margin: 0 auto;
			}
				#HEADER .list_menu_header li a i {
					display: inline-block;
					vertical-align: top;
					border: 2px solid #000000;
					border-radius: 50%;
					padding: 5px 10px;
					transition: background ease 1s;
				}
				#HEADER .list_menu_header li a span {
					line-height: 35px;
					transition: all ease 1s;
					margin-left: 5px;
				}
			#HEADER .list_menu_header li a:hover > span,
			#HEADER .active span {
				text-decoration: underline;
			}
			#HEADER .list_menu_header li a:hover > i,
			#HEADER .active i {
				background: #FFFFFF;
			}
			#HEADER #Form_Search {
				display: block;
				margin-top: 25px;
			}
			#HEADER #Form_Search input {
				height: auto;
				line-height: 20px;
				border: 1px solid #000000;
				background: #FFFFFF;
				color: var(--color-default);
				border-radius: 5px;
			}
			#HEADER #Form_Search button {
				height: auto;
				line-height: 36px;
				border-radius: 5px;
				background: #000000;
				color: #FFFFFF;
			}
			#HEADER #Form_Search button:hover,
			#HEADER #Form_Search button:active {
				background: var(--background-second-default);
				color: #000000;
			}

#CIDADE {
	display: block;
	width: 100%;
	height: 100px;
	min-height: inherit;
}
	#CIDADE .cidade_titulo h1 {
		font-family: var(--font-title);
		font-size: 36px;
		font-weight: normal;
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}

#MENU_PRINCIPAL {
	display: none;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	border-bottom: 1px solid var(--background-second-default);
}
	#MENU_PRINCIPAL nav {}
		#MENU_PRINCIPAL nav ul {
			list-style: none;
			margin: 15px 0;
		}
			#MENU_PRINCIPAL nav ul li {
				display: inline-block;
				vertical-align: top;
				/*margin: 0 4px;*/
				position: relative;
			}
			#MENU_PRINCIPAL nav ul li:nth-child(1) {
				margin-left: 0px!important;
			}
			#MENU_PRINCIPAL nav ul li:nth-child(7) {
				margin-right: 0px!important;	
			}
			#MENU_PRINCIPAL nav ul li .informacao,
			#MENU_PRINCIPAL nav ul li .municipal,
			#MENU_PRINCIPAL nav ul li .governo,
			#MENU_PRINCIPAL nav ul li .transparencia,
			#MENU_PRINCIPAL nav ul li .licitacao,
			#MENU_PRINCIPAL nav ul li .cidadao,
			#MENU_PRINCIPAL nav ul li .empresario {
				width: 30px;
				height: 30px; 
				margin: 5px;
			}
			#MENU_PRINCIPAL nav ul li .amarelo, .amarelo { background: #f9b73c; }
				#MENU_PRINCIPAL nav ul li .amarelo .informacao { background: url(../../_imagens/insaite.png) 0 0; }
			#MENU_PRINCIPAL nav ul li .verde, .verde { background: #5f983d; }
				#MENU_PRINCIPAL nav ul li .verde .municipal { background: url(../../_imagens/insaite.png) -30px 0; }
			#MENU_PRINCIPAL nav ul li .cinza, .cinza { background: #86888b; }
				#MENU_PRINCIPAL nav ul li .cinza .governo { background: url(../../_imagens/insaite.png) -60px 0; }
			#MENU_PRINCIPAL nav ul li .marrom, .marrom { background: #663333; }
				#MENU_PRINCIPAL nav ul li .marrom .transparencia { background: url(../../_imagens/insaite.png) -90px 0; }
			#MENU_PRINCIPAL nav ul li .azul, .azul { background: #0b6b9f; }
				#MENU_PRINCIPAL nav ul li .azul .licitacao { background: url(../../_imagens/insaite.png) -120px 0; }
			#MENU_PRINCIPAL nav ul li .laranja, .laranja { background: #f16738; }
				#MENU_PRINCIPAL nav ul li .laranja .cidadao { background: url(../../_imagens/insaite.png) -150px 0; }
			/*#MENU_PRINCIPAL nav ul li .lilas, .lilas { background: #9470b1; }*/
			#MENU_PRINCIPAL nav ul li .lilas, .lilas { background: #006400; }
			/*#MENU_PRINCIPAL nav ul li .lilas, .lilas { background: #228B22; }*/
				#MENU_PRINCIPAL nav ul li .lilas .empresario { background: url(../../_imagens/insaite.png) -179px 0; }
				#MENU_PRINCIPAL nav ul li a {
					display: block;
					width: 100%;
					height: auto;
					margin: 0;
					padding: 5px;
					border-radius: 5px;
				}
					#MENU_PRINCIPAL nav ul li a img {
						display: inline-block;
						vertical-align: top;
						width: 50px;
						height: auto;
						margin: 0 auto;	
					}
					#MENU_PRINCIPAL nav ul li a span {
						display: inline-block;
						vertical-align: top;
						/*font-family: "Tempus Sans ITC";*/
						font-family: var(--font-title);
						font-size: 12px;
						color: #FFFFFF;
						line-height: 16px;
						text-align: left;
						margin: 4px 5px;
					}
					#MENU_PRINCIPAL nav ul li .menu_drop {
						display: none;
						position: absolute;
						z-index: 11;
						width: 200%;
						min-width: 100%;
						height: auto;
						border-top: 5px solid #FFFFFF;
						margin: 0 0 5px 0;
						border-radius: 5px;
						box-sizing: border-box;
					}
					#MENU_PRINCIPAL nav ul li .menu_drop li:nth-child(1) { border-top: inherit; }
					#MENU_PRINCIPAL nav ul li .menu_drop li {
						display: block;
						width: auto;
						height: auto;
						margin: 0;
						padding: 5px 10px;
						text-align: left;
						border-top: 1px solid #FFFFFF; 
					}
					#MENU_PRINCIPAL nav ul li .amarelo li:hover { background: #f3ca4f; }
					#MENU_PRINCIPAL nav ul li .verde li:hover { background: #75ae53; }
					#MENU_PRINCIPAL nav ul li .cinza li:hover { background: #96989b; }
					#MENU_PRINCIPAL nav ul li .marrom li:hover { background: #754242; }
					#MENU_PRINCIPAL nav ul li .azul li:hover { background: #1b78ac; }
					#MENU_PRINCIPAL nav ul li .laranja li:hover { background: #ff7849; }
					/*#MENU_PRINCIPAL nav ul li .lilas li:hover { background: #a682c3; }*/
					#MENU_PRINCIPAL nav ul li .lilas li:hover { background: #228B22; }
					#MENU_PRINCIPAL nav ul li .menu_drop li:hover .link_menu { font-style: italic; }
					#MENU_PRINCIPAL nav ul li .menu_drop li a {
						display: block;
						font-size: 14px;
						color: #FFFFFF;
						text-transform: none;
						width: auto;
					}
					#MENU_PRINCIPAL nav ul li .menu_drop .arrow_right {
						display: inline-block;
						vertical-align: top;
						width: 15px;
						height: 15px;
						background: url(../../_imagens/insaite.png) 0px -30px;
						margin-top: 5px;
					}

#BANNER {
	display: block;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	border-bottom: 2px solid var(--background-default);
}
	#BANNER ul { margin-top: 20px; }

/****** HOME ******/
/** Start Conteúdo Adiconal **/
#ADD_CONTENT .home_add { 
	display: block;
	margin: 30px 0; 
}
/** End Conteúdo Adiconal **/
#SOCIAL {
	display: block;
	width: 100%;
	height: auto;
	background: var(--background-default);
} 
	#SOCIAL article { margin: 30px 0; }
		#SOCIAL .title_social {
			display: block;
			width: auto;
			height: auto;
			padding: 0 5px 5px 5px;
			margin-bottom: 12px;
			border-bottom: 1px solid var(--color-title);
		}
			#SOCIAL .title_social h2 {
				font-family: var(--font-default);
				color: var(--color-title);
				line-height: 40px;
				font-size: 30px;
				font-weight: bold;
				margin: 0;
			}
		#SOCIAL .icons_social {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#SOCIAL .icons_social .li_icon {
				display: inline-block;
				vertical-align: top;
				width: 60px;
				height: 60px;
				margin: 0 10px;
				padding: 0;
			}
				#SOCIAL .icons_social .li_icon a,
				#SOCIAL .icons_social .li_icon a i {
					display: block;
					width: 100%;
					height: 100%;
					-webkit-transition: 0.5s ease-in;
					-moz-transition: 0.5s ease-in;
					-o-transition: 0.5s ease-in;
					transition: 0.5s ease-in;
				}
				#SOCIAL .icons_social .li_icon a:hover .icon_facebook,
				#SOCIAL .icons_social .li_icon a:hover .icon_google,
				#SOCIAL .icons_social .li_icon a:hover .icon_youtube {
					-webkit-filter: sepia(1);
					filter: sepia(1);
				}
					#SOCIAL .icons_social .li_icon .icon_facebook { background: url(../../_imagens/insaite.png) 0px -50px; }
					#SOCIAL .icons_social .li_icon .icon_google { background: url(../../_imagens/insaite.png) 0px -110px; }
					#SOCIAL .icons_social .li_icon .icon_youtube { background: url(../../_imagens/insaite.png) 0px -170px; }
	#SOCIAL .box_facebook {
		display: block;
		width: 100%;
		height: auto;
		margin: 30px 0;
	}
	#SOCIAL #arrow_down_footer {
		display: block;
		width: 60px; 
		height: 60px;
		position: absolute;
		right: 50%;
		margin-right: -30px;
		margin-top: -30px;
		background: url(../../_imagens/insaite.png) 0px -230px;
	}
/****** MENU RODAPÉ ******/
#MENU_RODAPE { margin: 30px 0; }
	#MENU_RODAPE nav { margin: 10px 0 0 0; }
		#MENU_RODAPE nav header {
			display: block;
			width: 100%;
			height: auto;
		}
			#MENU_RODAPE nav header h3 {
				font-family: var(--font-default);
				color: var(--color-title);
				font-style: 24px;
				font-weight: bold;
				text-transform: uppercase;
			}
		#MENU_RODAPE nav ul {
			list-style: none;
			margin: 5px 0 5px 5px;
		}
			#MENU_RODAPE nav ul li {
				margin: 10px 0;
				border-bottom: 1px solid var(--background-default);
			}
				#MENU_RODAPE nav ul li a {
					font-family: var(--font-default);
					color: var(--color-default);
					transition: border ease 1s;
					font-size: 14px;
					font-style: italic;
					margin: 0;
					padding: 0 10px;
					text-transform: none;
					border: 1px solid transparent;
				}
				#MENU_RODAPE nav ul li a:hover {
					color: var(--color-title);
					border-bottom: 1px dashed var(--color-default);
				}
/****** FOOTER ******/
#FOOTER {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px 0;
	border-top: 1px solid var(--background-default);
}
	#FOOTER mark {
		display: block;
		width: 100%;
		height: auto;
		font-family: var(--font-default);
		color: var(--color-title);
		font-size: 14px;
		background: none;
		margin: 10px auto;
	}
	#FOOTER address {
		display: block;
		width: 100%;
		height: auto;
	}
	#FOOTER #developers { bottom: 0; }
		#FOOTER #developers span,
		#FOOTER #developers a {
			display: inline-block;
			vertical-align: top;
		}
			#FOOTER #developers a img {
				display: block;
				width: 50px;
				height: 50px;	
				-webkit-filter: sepia(1);
	    		filter: sepia(1);
	    		margin: 0 5px;
	    		transition: all ease 1s;
			}
			#FOOTER #developers a img:hover { filter: none; }
			#FOOTER #developers a .vectos {	background: url(../../_imagens/insaite.png) 0px -295px; }
			#FOOTER #developers a .insaite { background: url(../../_imagens/insaite.png) 0px -345px; }

/****** NOTÍCIAS EVENTOS ******/
#EVENTOS_HOME,
#NOTICIAS_HOME {
	display: block;
	width: 100%;
	height: auto;
	background: var(--background-default);
}
	#EVENTOS_HOME header,
	#NOTICIAS_HOME header {
		display: block;
		height: auto;
	}
		#EVENTOS_HOME header h1,
		#NOTICIAS_HOME header h1 {
			color: var(--color-title);
			font-family: var(--font-default);
			font-size: 30px;
			font-weight: bold;
			border-bottom: 2px solid var(--color-title);
		}
	#EVENTOS_HOME .grid_eventos_home,
	#NOTICIAS_HOME .grid_noticias_home {
		list-style: none;
		margin: 0 0 25px 0;
	}
		#EVENTOS .grid_eventos_home li,
		#NOTICIAS_HOME .grid_noticias_home li {	margin: 10px 0; }
			#EVENTOS_HOME .grid_eventos_home li figure,
			#NOTICIAS_HOME .grid_noticias_home li figure {
				margin: 0 auto;
				border: 3px solid var(--efects-default);
				padding: 0;
				box-sizing: border-box;
			}
				#EVENTOS_HOME .grid_eventos_home li article mark,
				#NOTICIAS_HOME .grid_noticias_home li article mark { background: none; }
					#EVENTOS_HOME .grid_eventos_home li article mark span,
					#NOTICIAS_HOME .grid_noticias_home li article mark span {
						color: var(--color-default);
						font-family: var(--font-default);
						font-style: normal;
						font-size: 14px;
					}
						#EVENTOS_HOME .grid_eventos_home li article mark span strong,
						#NOTICIAS_HOME .grid_noticias_home li article mark span strong {
							color: #000000;
							font-size: 16px;
						}
				#EVENTOS_HOME .grid_eventos_home li article h3,
				#NOTICIAS_HOME .grid_noticias_home li article h3 {
					color: var(--color-title);
					font-family: var(--font-default);
					font-style: bold;
					font-size: 20px;
					line-height: 25px;
				}
				#EVENTOS_HOME .grid_eventos_home li article p,
				#NOTICIAS_HOME .grid_noticias_home li article p {
					color: var(--color-default);
					font-size: 14px;
					font-weight: normal;
					line-height: 20px;
				}
					#EVENTOS_HOME .grid_eventos_home li article dl dt,
					#NOTICIAS_HOME .grid_noticias_home li article dl dt {
						display: inline-block;
						vertical-align: top;	
					}
				#EVENTOS_HOME .grid_eventos_home li article .more,
				#NOTICIAS_HOME .grid_noticias_home li article .more {
					display: block;
					width: 100%;
					height: auto;
					padding: 7px;
					border: 1px solid var(--efects-default);
					color: var(--color-title);
					text-align: center;
					margin: 5px 0;
					font-size: 16px;
					line-height: 20px;
					background: #FFFFFF;
					transition: all ease 0.5s;
				}
				#EVENTOS_HOME .grid_eventos_home li article .more:hover,
				#NOTICIAS_HOME .grid_noticias_home li article .more:hover {
					background: var(--efects-default);
					color: #FFFFFF;
					font-size: 18px;
				}
			#EVENTOS_HOME .grid_eventos_home li .separator,
			#NOTICIAS_HOME .grid_noticias_home li .separator {
				display: block;
				width: 80%;
				height: 2px;
				background: var(--background-second-default);
				margin: 10px auto 20px;
			}
			#EVENTOS_HOME .grid_eventos_home li .info,
			#NOTICIAS_HOME .grid_noticias_home li .info,
			#EVENTOS_HOME .grid_eventos_home li .compart,
			#NOTICIAS_HOME .grid_noticias_home li .compart {
				display: inline-block;
				vertical-align: top;
			}
			#EVENTOS_HOME .grid_eventos_home li .compart,
			#NOTICIAS_HOME .grid_noticias_home li .compart { margin: 0 auto; }
			#EVENTOS_HOME .grid_eventos_home li .compart dt:nth-child(2),
			#NOTICIAS_HOME .grid_noticias_home li .compart dt:nth-child(2) { margin-top: 5px; }
			#EVENTOS_HOME .grid_eventos_home li .group_news .compart,
			#NOTICIAS_HOME .grid_noticias_home li .group_news .compart { margin-left: 5px; }
	#EVENTOS_HOME .link_all,
	#NOTICIAS_HOME .link_all {
		display: block;
		width: auto;
		height: auto;
		color: var(--color-title);
		font-size: 16px;
		text-decoration: underline;
		margin-bottom: 20px;
		padding: 0 10px;
	}
	#EVENTOS_HOME .link_all:hover,
	#NOTICIAS_HOME .link_all:hover { color: var(--color-default); }

/****** SERVICOS ******/
#SERVICOS_HOME {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--background-second-default);
}
	#SERVICOS_HOME header {
		display: block;
		height: auto;
	}
		#SERVICOS_HOME header h1 {
			color: var(--color-title);
			font-family: var(--font-default);
			font-size: 30px;
			font-weight: bold;
			border-bottom: 2px solid var(--color-title);
		}
	#SERVICOS_HOME .list_servicos_home {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 25px auto;
		list-style: none;
	}
	#SERVICOS_HOME .list_servicos_home li {
		margin: 0 auto;
		padding: 20px;
		color: #FFFFFF;
		font-family: var(--font-default);
		font-style: italic;
		font-size: 30px;
	}
	#SERVICOS_HOME .list_servicos_home li a:hover .view { animation: pulse 1s ease infinite; }
	@keyframes pulse {
	  0% { transform: scale(1); }
	  50% { transform: scale(1.1); }
	  100% { transform: scale(1); }
	}

	#SERVICOS_HOME .list_servicos_home li a h4,
	#SERVICOS_HOME .list_servicos_home li a {
		color: #FFFFFF;
		font-family: var(--font-default);
		font-style: italic;
		font-size: 30px;	
	}
	#SERVICOS_HOME .list_servicos_home li a {
		display: block;
		border: 1px solid #FFFFFF;
		padding: 25px 0;
	}
	#SERVICOS_HOME .list_servicos_home li:nth-child(1) { background: var(--menu-fotos); }
	#SERVICOS_HOME .list_servicos_home li:nth-child(2) { background: var(--menu-secretarias); }
	#SERVICOS_HOME .list_servicos_home li:nth-child(3) { background: var(--menu-videos); }
	#SERVICOS_HOME .list_servicos_home li a span {
		display: block;
		width: 60%;
		height: auto;
		line-height: 40px;
		border: 2px solid #FFFFFF;
		font-size: 22px;
		margin: 15px auto;
	}
	#SERVICOS_HOME .list_servicos_home li .identify i {
		display: block;
		position: absolute;
		width: 75px;
		height: 75px;
		margin: 0 auto;
		top: -30px;
		left: 50%;
  		transform: translateX(-50%);
	}
	#SERVICOS_HOME .list_servicos_home li .identify_pictures i { background: url(../../_imagens/insaite.png) 0px -425px; }
	#SERVICOS_HOME .list_servicos_home li .identify_secretarias i {	background: url(../../_imagens/insaite.png) -75px -425px; }
	#SERVICOS_HOME .list_servicos_home li .identify_videos i { background: url(../../_imagens/insaite.png) -150px -425px; }

/****** MAPA DE LOCALIZACAO ******/
#MAPA_HOME {
	display: block;
	width: 100%;
	height: auto;
}
	#MAPA_HOME header {
		display: block;
		height: auto;
	}
		#MAPA_HOME header h1 {
			color: var(--color-title);
			font-family: var(--font-default);
			font-size: 30px;
			font-weight: bold;
			border-bottom: 2px solid var(--color-title);
		}
	#MAPA_HOME #mapa {
		display: block;
		width: 100%;
		height: 300px;
	}

/****** MAPA DE LOCALIZACAO ******/
#MENU_INTERNO .menu header,
#MENU_INTERNO .menu .downloads header {
	display: block;
	width: 100%;
	height: auto;
	background: var(--background-default);
	padding: 10px 15px;
}
	#MENU_INTERNO .menu header h2,
	#MENU_INTERNO .menu .downloads header h3 {
		font-family: var(--font-default);
		font-size: 20px;
		font-weight: bold;
		font-style: italic;
		color: var(--color-title);
		margin: 0 auto;
	}
	#MENU_INTERNO .menu .side-nav,
	#MENU_INTERNO .menu .downloads ul {
		display: block;
		width: 100%;
		height: auto;
		border: 2px solid var(--background-default);
		box-sizing: border-box;
		padding: 0;
		list-style: none;
		margin: 0;
	}
		#MENU_INTERNO .menu .side-nav li:nth-child(1) {
			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
		}
		#MENU_INTERNO .menu .side-nav li {
			margin: 0!important;
			border-top: 1px solid var(--background-second-default);
			border-bottom: 1px solid transparent;
		}
		#MENU_INTERNO .menu .side-nav a {
			font-family: var(--font-default);
			font-weight: normal;
			font-size: 14px;
			color: var(--color-default);
			text-transform: none;
		}
		#MENU_INTERNO .menu .side-nav li:hover,
		#MENU_INTERNO .menu_active {
			border-top: 1px dashed var(--background-second-default);
			border-bottom: 1px dashed var(--background-second-default);
		}
		#MENU_INTERNO .menu_active { background: var(--background-default); }
	#MENU_INTERNO .menu .downloads {
		display: block;
		margin: 30px 0;
	}
		#MENU_INTERNO .menu .downloads ul li { border-top: 1px solid var(--background-second-default); }
		#MENU_INTERNO .menu .downloads ul li:nth-child(1) {	border: 1px solid transparent; }
		#MENU_INTERNO .menu .downloads ul li a {
			display: block;
			width: 100%;
			height: auto;
			padding: 5px 0;
			color: var(--color-default);
			margin: 0;
			line-height: 20px;
		}
			#MENU_INTERNO .menu .downloads ul li a img {
				display: inline-block;
				vertical-align: top;
				width: 35px;
				height: 35px;
				margin-top: 5px;
			}
			#MENU_INTERNO .menu .downloads ul li a .titulo {
				color: var(--color-default);
				font-size: 14px;
				font-weight: normal;
				text-transform: lowercase;
			}
			#MENU_INTERNO .menu .downloads ul li:hover .titulo {
				color: var(--color-title);
				font-style: italic;
			}

/****** CONTAS PUBLICAS ******/
	#procurar_contaspublicas .subtitulo {
		font-family: var(--font-default);
		color: var(--color-title);
		font-size: 16px;
		margin: 10px 0;
	}
	#procurar_contaspublicas label {
		font-family: var(--font-default);
		color: var(--color-title);
		font-size: 18px;
		padding: 7px 0;
	}
		#procurar_contaspublicas select option {
			font-family: var(--font-default);
			color: var(--color-title);
			font-size: 16px;	
			line-height: 22px;
		}
#box_contaspublicas { margin: 20px 0; }
	#box_contaspublicas .anuncio { font-size: 16px; }
	#box_contaspublicas .titulo_categoria {
		font-family: var(--font-default);
		color: var(--color-title);font-size: 22px;
		font-weight: bold;
		line-height: 25px;
		text-align: left;
		margin-bottom: 15px;
		border-bottom: 1px solid var(--background-second-default);
	}
	#box_contaspublicas .visualizar,
	#box_contaspublicas .download {
		display: block;
		width: 100%;
		height: auto;
		border: 2px solid var(--background-default);
		background: var(--background-third-default);
		color: #000000;
		padding: 7px;
		border-radius: 5px;
	}
	#box_contaspublicas .visualizar:hover,
	#box_contaspublicas .download:hover {
		text-decoration: underline;
		background: transparent;
		border: 2px solid var(--background-second-default);
	}

/****** GABINETES ******/
#GABINETE_PREFEITO .prefeito .img_prefeito,
#GABINETE_VICEPREFEITO .viceprefeito .img_viceprefeito {
	display: block;
	margin: 0 auto;
	text-align: center;
}
#GABINETE_PREFEITO .prefeito .article_prefeito,
#GABINETE_VICEPREFEITO .viceprefeito .article_viceprefeito {
	display: inline-block;
	vertical-align: top;
}
#GABINETE_PREFEITO .prefeito .img_prefeito h2,
#GABINETE_VICEPREFEITO .viceprefeito .img_viceprefeito h2,
#GABINETE_VICEPREFEITO .viceprefeito .article_viceprefeito h2
#GABINETE_PREFEITO .prefeito .article_prefeito h2 {
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	font-family: var(--font-default);
	color: var(--color-title);
}
#GABINETE_PREFEITO .prefeito .article_prefeito h2 strong,
#GABINETE_VICEPREFEITO .viceprefeito .article_viceprefeito h2 strong { font-size: 18px; }

/****** CARGOS ******/
#SERVICOS .title_content,
#CARGOS .title_content {
	display: block;
	font-family: var(--font-default);
	color: var(--color-title);
	font-size: 20px;
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid var(--background-second-default);
	margin: 15px;
}

/****** SERVICOS ******/
#SERVICOS .ul_servicos {
	display: block;
	list-style: none;
	margin: 0 auto;
}
	#SERVICOS .ul_servicos li {
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid var(--background-second-default);
	}
		#SERVICOS .ul_servicos li span {
			font-family: var(--font-default);
			color: var(--color-default);
			font-weight: bold;
			font-style: italic;
			font-size: 18px;
			line-height: 28px;
		}
		#SERVICOS .ul_servicos li a {
			display: inline-block;
			vertical-align: top;
			margin: 0 20px 0 0;
			padding: 5px;
			width: 150px;
			text-align: center;
			font-family: var(--font-default);
			color: var(--color-default);
			font-size: 16px;
			border: 1px solid var(--background-second-default);
			color: var(--color-default);	
		}
		#SERVICOS .ul_servicos li a:hover {
			background: var(--background-second-default);
			color: #000000;
		}

/****** GALERIAS ******/
#GALERIAS .galeria {
	display: block;
	width: 100%;
	height: auto;
	margin: 25px auto;
}
	#GALERIAS .galeria header {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		border-bottom: 1px solid var(--background-second-default);
	}
		#GALERIAS .galeria header h2 {
			font-family: var(--font-default);
			color: var(--color-title);
			font-size: 22px;
			font-weight: bold;
			font-style: italic;
		}
	#GALERIAS .galeria ul {	list-style: none; }
		#GALERIAS .galeria ul li {
			margin-top: 15px;
			padding: 10px;
		}
		#GALERIAS .galeria ul li:hover {
			box-shadow: 5px 5px 5px var(--background-second-default);
			border-radius: 5px;
		}
			#GALERIAS .galeria ul li a {
				display: block;
				width: 100%;
				height: 100%;
			}
				#GALERIAS .galeria ul li a img { padding-left: 0; }
				#GALERIAS .galeria ul li a > div {
					border-left: 1px solid var(--background-second-default);
					padding: 5px;
				}
				#GALERIAS .galeria ul li a h3 {
					display: block;
					font-family: var(--font-default);
					color: var(--color-title);
					font-size: 18px;
					line-height: 22px;
				}
					#GALERIAS .galeria ul li a h3 strong {
						font-weight: bold;
						font-size: 20px;
					}
				#GALERIAS .galeria ul li a span {
					display: block;
					color: var(--color-default);
					font-family: var(--font-default);
					font-size: 14px;
				}
					#GALERIAS .galeria ul li a span strong {
						font-weight: bold;
						font-size: 16px;	
					}

/****** GALERIA - FOTOS ******/
#GALERIA header {
	display: block;
	margin: 25px auto;
}
	#GALERIA header h2 {
		font-family: var(--font-default);
		font-size: 28px;
		color: #FFFFFF;
	}
	#GALERIA header h3 {
		color: #FFFFFF;
		font-family: var(--font-default);
		font-size: 25px;
	}
#GALERIA article {
	display: block;
	margin: 20px auto;
}
#GALERIA .ul_imagens,
#EVENTO .ul_imagens,
#NOTICIA .ul_imagens {
	display: block;
	list-style: none;
	margin: 15px auto;
}
	#GALERIA .ul_imagens li,
	#EVENTO .ul_imagens li,
	#NOTICIA .ul_imagens li {
		margin: 15px 0;
		padding: 10px;
		border: 3px solid transparent;
	}
	#EVENTO .ul_imagens li:hover,
	#GALERIA .ul_imagens li:hover,
	#NOTICIA .ul_imagens li:hover {
		border: 3px solid var(--background-second-default);
		box-sizing: border-box;
	}

/****** NOTICIAS ******/
#NOTICIAS .ul_noticias,
#EVENTOS .ul_eventos {
	display: block;
	width: 100%;
	list-style: none;
	height: auto;
}
	#NOTICIAS .ul_noticias li,
	#EVENTOS .ul_eventos li {
		border-bottom: 1px solid var(--background-second-default);
		padding: 20px 10px;
		margin-bottom: 25px;
	}
		#NOTICIAS .ul_noticias li a figure,
		#EVENTOS .ul_eventos li a figure {
			margin: 0;
			text-align: center;
			position: relative;
			border: 3px solid var(--background-third-default);
		}
			#NOTICIAS .ul_noticias li a figure .img_noticia,
			#EVENTOS .ul_eventos li a figure .img_evento {
				margin: 0;
				transition: all ease 1s;
			}
			#NOTICIAS .ul_noticias li a:active .img_noticia,
			#EVENTOS .ul_eventos li a:active .img_evento,
			#EVENTOS .ul_eventos li a:hover .img_evento,
			#NOTICIAS .ul_noticias li a:hover .img_noticia {
				-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			    filter: grayscale(100%);
			    cursor: pointer;
			}
			#EVENTOS .ul_eventos li a figure .mask,
			#NOTICIAS .ul_noticias li a figure .mask {
				display: block;
				width: 100%;	
				position: absolute;
				top: 50%;
				background: #000000;
				padding: 25px;
				opacity:0.7;
				font-size: 16px;
				transition: all ease 1s;
			}
				#NOTICIAS .ul_noticias li a figure .mask i,
				#EVENTOS .ul_eventos li a figure .mask i {
					border: 1px solid #FFFFFF;
					color: #FFFFFF;
					padding: 10px 20px;
					opacity:1.0;
				}
		#EVENTOS .ul_eventos li a header,
		#NOTICIAS .ul_noticias li a header {
			display: block;
			width: 100%;
			height: auto;
			padding: 10px 5px;
			font-family: var(--font-default);
		}
			#EVENTOS .ul_eventos li a header h2,
			#NOTICIAS .ul_noticias li a header h2 {
				font-size: 20px;
				text-align: center;
				line-height: 24px;
				color: var(--color-title);
				font-weight: normal;
				font-style: italic;
			}
			#EVENTOS .ul_eventos li a header span,
			#NOTICIAS .ul_noticias li a header span {
				font-size: 14px;
				line-height: 18px;
				font-weight: normal;
				color: var(--color-default);
			}	
				#EVENTOS .ul_eventos li a header span strong { font-weight: bold; }
				#NOTICIAS .ul_noticias li a header span strong { font-weight: bold; }

/****** NOTICIA - INTERNO ******/
#NOTICIA .info_start {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	font-family: var(--font-default);
}
	#NOTICIA .info_start span {
		font-size: 16px;
		color: var(--color-default);
	}
		#NOTICIA .info_start span strong { color: var(--color-title); }
#EVENTO .info_evento,
#PUBLICACAO .info_publicacao,
#BUSCACONCURSOS .info_buscaconcursos,
#LICITACAO .info_licitacao,
#BUSCALICITACOES .info_buscalicitacoes,
#NOTICIA .info_noticia,
#AQUISICAO .info_aquisicao,
#SECRETARIA .info_secretaria {
	display: block;
	width: 100%;
	height: auto;
	margin: 10px 0;
	font-family: var(--font-default);
}
	#PUBLICACAO .info_publicacao header,
	#LICITACAO .info_licitacao, header,
	#BUSCALICITACOES .info_buscalicitacoes header,
	#BUSCACONCURSOS .info_buscaconcursos header,
	#EVENTO .info_evento header,
	#NOTICIA .info_noticia header,
	#AQUISICAO .info_aquisicao header,
	#SECRETARIA .info_secretaria header { padding: 15px; }
		#PUBLICACAO .info_publicacao h1,
		#BUSCALICITACOES .info_buscalicitacoes, h1,
		#BUSCACONCURSOS .info_buscaconcursos h1,
		#LICITACAO .info_licitacao h1,
		#EVENTO .info_evento h1,
		#NOTICIA .info_noticia h1,
		#AQUISICAO .info_aquisicao h1,
		#SECRETARIA .info_secretaria h1 {
			display: block;
			color: #FFFFFF;
			font-size: 26px;
			margin: 0;
		    font-family: var(--font-default);
		    /*font-style: italic;*/
		    font-weight: bold;
		}
		#NOTICIA .info_noticia h2 {
			color: #FFFFFF;
			font-size: 22px;
		}
	#EVENTO .info_evento figure,
	#NOTICIA .info_noticia figure { margin: 15px auto; }
		#EVENTO .info_evento figure img,
		#NOTICIA .info_noticia figure img { border: 5px solid var(--background-second-default); }
	#EVENTO .info_evento article,
	#NOTICIA .info_noticia article {
		font-family: var(--font-default);
		font-size: 16px;
	}
	#EVENTO .info_evento .autores,
	#NOTICIA .info_noticia .autores { margin: 25px 0;	}
	#EVENTO .info_evento .autores span,
	#NOTICIA .info_noticia .autores span {
		font-family: var(--font-default);
		font-size: 16px;
	}
		#EVENTO .info_evento .autores span strong,
		#NOTICIA .info_noticia .autores span strong { font-weight: bold; }
	#EVENTO .ul_imagens header,
	#NOTICIA .ul_imagens header {
		display: block;
		width: 100%;
		height: auto;
		font-family: var(--font-default);
		margin: 0 auto;
	}
		#EVENTO .ul_imagens header h3,
		#NOTICIA .ul_imagens header h3 {
			color: var(--color-title);
			padding: 10px;
			border-bottom: 2px solid var(--background-third-default);
		}

/****** SECRETARIAS ******/
.ul_secretarias {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
}
	.ul_secretarias .box_secretaria {
		display: block;
		padding: 0px 10px;	
		border: 2px solid var(--background-second-default);
	}
		.ul_secretarias li { margin: 15px auto; }
			.ul_secretarias li a {
				display: block;
				width: 100%;
				height: auto;
			}
			.ul_secretarias .box_secretaria:hover {	box-shadow: 10px 10px 5px var(--background-second-default); }
			.ul_secretarias li a figure {
				display: block;
				margin: 0;
				padding: 10px 5px 5px 5px;
			}
				.ul_secretarias li a figure img { border: 3px solid var(--background-second-default); }
			.ul_secretarias li a header {
				display: block;
				width: 100%;
				height: auto;
				color: var(--color-title);
			}
				.ul_secretarias li a header h2 {
					font-family: var(--font-default);
					font-size: 22px;
					font-style: italic;
					border-bottom: 1px solid var(--background-third-default);
				}

/****** SECRETARIA ******/
#SECRETARIA .info_secretaria header { margin-bottom: 15px; }
	#SECRETARIA .info_secretaria .ul_secretaria { list-style: none; }
		#SECRETARIA .info_secretaria .ul_secretaria li {
			display: block;
			width: 100%;
			height: auto;
		}
		#SECRETARIA .info_secretaria .second_title,
		#AQUISICOES .ul_aquisicoes  .second_title {
			font-family: var(--font-default);
			color: var(--color-title);
			padding: 10px;
			text-align: left;
			border-bottom: 1px solid var(--background-second-default);
		}
		#SECRETARIA .info_secretaria article span {
			font-family: var(--font-default);
			font-size: 16px;
		}
		#SECRETARIA .info_secretaria article span strong { font-size: 18px; }
	#SECRETARIA .ul_membros li { margin-bottom: 15px; }

/****** AQUISIÇÕES ******/
#AQUISICOES .ul_aquisicoes {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
}
	#AQUISICOES .ul_aquisicoes li {	padding: 0 7px; }
		#AQUISICOES .ul_aquisicoes li a:hover {	box-shadow: 10px 10px 5px var(--background-second-default); }
		#AQUISICOES .ul_aquisicoes li a {
			display: block;
			width: 100%;
			height: 100%;
			border: 1px solid var(--background-second-default);
			padding: 10px;
		}
	#AQUISICOES .ul_aquisicoes figure {	margin: 10px 10px 0 10px; }
		#AQUISICOES .ul_aquisicoes figure img {
			margin: 0;
			border: 3px solid var(--efects-default);
		}
			#AQUISICOES .ul_aquisicoes li a header .data_aquisicoes {
				display: block;
				width: 100%;
				height: auto;
				color: var(--color-default);
				font-size: 16px;
			}
			#AQUISICOES .ul_aquisicoes li a header h2 {
				font-size: 22px;
				line-height: 25px;
				font-weight: normal;
			}
			#AQUISICOES .ul_aquisicoes li a header .detalhes {
				display: block;
				margin: 10px;
				padding: 5px;
				border: 2px solid var(--color-title);
				color: var(--color-title);
				font-size: 18px;
				font-style: italic;
				font-weight: bold;
				transition: all ease 0.5s;
			}
			#AQUISICOES .ul_aquisicoes li a header .detalhes:hover {
				border-color: var(--efects-default);
				color: var(--efects-default);
				background: var(--background-default);
			}

/****** AQUISIÇÃO - INTERNA ******/
#AQUISICAO .info_aquisicao header {	margin-bottom: 20px; }
	#AQUISICAO .info_aquisicao header span {
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		font-size: 16px;
		letter-spacing: 1px;
	}
#AQUISICAO .ul_imagens { list-style: none; }
	#AQUISICAO .ul_imagens h3 {
		display: block;
		text-align: center;
		border-bottom: 1px solid var(--background-second-default);
		color: var(--color-title);
		font-family: var(--font-default);
		font-size: 20px;
		padding: 5px;
	}
	#AQUISICAO .ul_imagens li {	margin: 10px 0; }
		#AQUISICAO .ul_imagens li img {
			transition: all ease 0.5s;
			border: 2px solid var(--efects-default);
		}
		#AQUISICAO .ul_imagens li img:hover {
			-webkit-filter: sepia(1);
			filter: sepia(1);
		}

/****** MAPA DO SITE ******/
#MAPA .list_mapa {
	display: inline-block;
	list-style: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	#MAPA .list_mapa .background {
		display: block;
		margin: 10px;
		border-radius: 5px;
		padding: 10px 0 0;
	}
	#MAPA .list_mapa .background header {
		display: block;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	#MAPA .list_mapa .background header .imagem {
		width: 30px;
		height: 30px; 
		margin: 5px;
	}
	#MAPA .list_mapa .background header .informacao { background: url(../../_imagens/insaite.png) 0 0; }
	#MAPA .list_mapa .background header .municipal { background: url(../../_imagens/insaite.png) -30px 0; }
	#MAPA .list_mapa .background header .governo { background: url(../../_imagens/insaite.png) -60px 0; }
	#MAPA .list_mapa .background header .transparencia { background: url(../../_imagens/insaite.png) -90px 0; }
	#MAPA .list_mapa .background header .licitacao { background: url(../../_imagens/insaite.png) -120px 0; }
	#MAPA .list_mapa .background header .cidadao { background: url(../../_imagens/insaite.png) -150px 0; }
	#MAPA .list_mapa .background header .empresario { background: url(../../_imagens/insaite.png) -179px 0; }
	#MAPA .list_mapa .background ol {
		display: inline-block;
		width: 100%;
		height: auto;
		list-style: none;
		margin: 0 auto;
	}
		#MAPA .list_mapa .background ol li {
			display: block;
			width: 100%;
			min-height: 35px;
			line-height: 25px;
			text-align: center;
		}
			#MAPA .list_mapa .background ol li a {
				display: block;
				width: 100%;
				height: auto;
				cursor: pointer;
				color: #FFFFFF;
				padding: 7px;
				font-size: 15px;
				transition: all ease 0.5;
			}
				#MAPA .list_mapa .background ol li a .link {
					display: none;
					vertical-align: top;
					width: 25px;
					height: 25px;	
					float: right;
					margin: 0 20px;
					background: url(../../_imagens/insaite.png) -475px -75px;	
				}
			#MAPA .list_mapa .background ol li a:hover .link { display: inline-block; }
			#MAPA .list_mapa .background ol li a:hover { color: #000000; }
			#MAPA .list_mapa .background ol li .link_amarelo:hover { background: #ffce53; }
			#MAPA .list_mapa .background ol li .link_verde:hover { background: #7db65b; }
			#MAPA .list_mapa .background ol li .link_cinza:hover { background: #a4a6a9; }
			#MAPA .list_mapa .background ol li .link_marrom:hover { background: #845151; color: #FFFFFF!important; }
			#MAPA .list_mapa .background ol li .link_azul:hover { background: #2989bd; color: #FFFFFF!important;}
			#MAPA .list_mapa .background ol li .link_laranja:hover { background: #f88152; }
			#MAPA .list_mapa .background ol li .link_lilas:hover { background: #b28ecf; }

/****** CONTATO ******/
#CONTATO #Form_Contato header {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 25px 0;
}
	#CONTATO #Form_Contato header h1 { font-size: 24px; color: #000000; }
	#CONTATO #Form_Contato header h3 { font-size: 18px; color: #000000; }
	#CONTATO #Form_Contato fieldset label {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
	}
		#CONTATO #Form_Contato fieldset label small { color: red; }
	#CONTATO #Form_Contato fieldset input {
		display: block;
		width: 100%;
		min-height: 30px;
		line-height: 30px;
		font-family: var(--font-default);
		letter-spacing: 0.5px;
		padding: 0 30px;
	}
	#CONTATO #Form_Contato fieldset textarea {
		display: block;
		width: 100%;
		min-height: 150px;
		font-family: var(--font-default);
		letter-spacing: 0.5px;
		padding: 10px 30px;
	}
	#CONTATO #Form_Contato fieldset button,
	#OUVIDORIA #Form_Ouvidoria fieldset button {
		margin-top: 20px;
		background: transparent;
		border: 1px solid #000000;
		color: #000000;
		transition: all ease 1s;
		font-family: var(--font-default);
		letter-spacing: 0.5px;
		height: 40px;
		padding: 0px 20px;
	}
	#CONTATO #Form_Contato fieldset button:hover,
	#OUVIDORIA #Form_Ouvidoria fieldset button:hover { border-radius: 5px; background: var(--background-second-default); }

/****** OUVIDORIA ******/
#OUVIDORIA #Form_Ouvidoria {
	
}
#OUVIDORIA #Form_Ouvidoria header,
#OUVIDORIA #Acompanhamento {
	display: block;
	width: 100%; 
	height: auto;
}
#OUVIDORIA #Form_Ouvidoria header h2, 
#OUVIDORIA #Acompanhamento h2{
	font-family: var(--font-default);
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #000000;	
	text-align: left;
	margin: 0 0 20px;
}
#OUVIDORIA .links_acompanhamento h3 {
	display: block;
	width: 100%;
	height: auto;
	background: #eee;
	transition: all ease 1s;
}
#OUVIDORIA .links_acompanhamento h3 a {
	display: block;
	width: 100%;
	height: auto;
	color: #1f1f1f;
	font-size: 16px;
	padding: 15px;
}
#OUVIDORIA .title_acompanhamento {
	display: block;
	width: 100%;
	height: auto;
	font-family: var(--font-default);
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #000000;	
	text-align: left;
	color: #1f1f1f;
	margin-bottom: 15px;
}
#OUVIDORIA .links_acompanhamento {
	margin-top: 10px;
}
#OUVIDORIA .links_acompanhamento h3:hover {
	background: #ddd;
}
#OUVIDORIA #Form_Acompanhamento input {
	display: block;
	width: 90%;
	height: 20px;
	text-align: center;
}
#OUVIDORIA .grid_box { 
	display: block; 
}
#OUVIDORIA .details_acompanhamento .data {
	background: #cccccc none repeat scroll 0 0;
    color: #000000;
    display: block;
    font-size: 18px;
    height: 70px;
    margin: 15px auto;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 20%;
}
#OUVIDORIA .details_acompanhamento .title_acompanhamento {
	display: block;
    height: auto;
    margin: 10px auto 0;
    text-align: center;
    width: 100%;
}
#OUVIDORIA .title_cadastrados {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	font-family: var(--font-default);
}
#OUVIDORIA .details_acompanhamento {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	padding: 10px;
	margin-bottom: 20px;
}
#OUVIDORIA .details_acompanhamento p {
	color: #777777;
    display: block;
    height: auto;
    padding: 0 10px;
    text-align: justify;
    width: 100%;
}
#OUVIDORIA #Form_Acompanhamento button {
	display: block;
	width: 250px;
	height: auto;
	background: #1f1f1f;
	color: #FFFFFF;
	padding: 5px 15px;
	text-align: center;
	transition: all ease 1s;
}
#OUVIDORIA #Form_Acompanhamento button:hover {
	background: #bbb;
}
#OUVIDORIA #Form_Ouvidoria fieldset {
	border-style: none;
}
#OUVIDORIA #Form_Ouvidoria fieldset input {}
#OUVIDORIA #Form_Ouvidoria fieldset label {
	font-family: var(--font-default);
	font-size: 16px;
	letter-spacing: 0.5px;
}
#OUVIDORIA #Form_Ouvidoria fieldset select {  }
#OUVIDORIA #Form_Ouvidoria fieldset select option { 
	min-height: 20px;
	line-height: 20px;
}
#OUVIDORIA #Form_Ouvidoria fieldset label small { color: red; }
#OUVIDORIA #Form_Ouvidoria fieldset textarea { 
	display: block;
	width: 100%;
	min-height: 150px;
}

/****** PUBLICAÇÕES OFICIAIS ******/
#PUBLICACOES_OFICIAS .list_categorias_publicacoes {
	display: block;
	width: 100%;
	height: auto;
	list-style: none;
}
	#PUBLICACOES_OFICIAS .list_categorias_publicacoes li {
		display: inline-block;
		margin-bottom: 10px;
	}
	#PUBLICACOES_OFICIAS .list_categorias_publicacoes li a {
		display: block;
		width: 100%;
		margin: 0 20px;
		padding: 10px 5px;
		border-radius: 5px;
		font-family: var(--font-default);
		font-size: 16px;
		color: #FFFFFF;
		border: 1px solid transparent;
		transition: all ease 0.5s;
	}
		#PUBLICACOES_OFICIAS .list_categorias_publicacoes li a:hover {
			background: transparent!important;
			color: #000000;
			border: 1px dashed #000000;
		}

/****** PUBLICAÇÃO ******/
#PUBLICACAO .list_publicacoes,
#BUSCACONCURSOS .list_buscaconcursos {	list-style: none; }
	#BUSCACONCURSOS .list_buscaconcursos li,
	#PUBLICACAO .list_publicacoes li {
		display: inline-block;
		padding: 10px;
		border-top: 1px solid #CCCCCC;
	}
	#BUSCACONCURSOS .list_buscaconcursos li:nth-child(1),
	#PUBLICACAO .list_publicacoes li:nth-child(1) {}
	#BUSCACONCURSOS .list_buscaconcursos > li:hover,
	#PUBLICACAO .list_publicacoes > li:hover { box-shadow: 1px 1px 1px #888888; }
		#BUSCACONCURSOS .list_buscaconcursos li h3,
		#PUBLICACAO .list_publicacoes li h3 {
			display: block;
			font-family: var(--font-default);
			color: #000000;
			font-size: 18px;
		}
		#BUSCACONCURSOS .list_buscaconcursos li h2,
		#PUBLICACAO .list_publicacoes li h2 {
			display: block;
			font-family: var(--font-default);
			color: #000000;
			font-size: 20px;
			line-height: 25px;
		}
		#BUSCACONCURSOS .list_buscaconcursos li span,
		#PUBLICACAO .list_publicacoes li span { display: block; }
		#PUBLICACAO .list_publicacoes li .arquivos { list-style: none; }
			#PUBLICACAO .list_publicacoes li .arquivos img {
				display: inline-block;
				vertical-align: top;
				width: 30px;
				height: 39px;
			}

/****** CONCURSOS PÚBLICOS ******/
#CONCURSOS .list_tipos,
#CONCURSOS .list_acontecimento,
#CONCURSOS .list_publicacao,
#CONCURSOS .list_status { list-style: none; }
	#CONCURSOS .list_tipos header,
	#CONCURSOS .list_acontecimento header,
	#CONCURSOS .list_publicacao header,
	#CONCURSOS .list_status header { border-bottom: 1px solid #000000; margin-bottom: 20px; }
		#CONCURSOS .list_tipos header h2,
		#CONCURSOS .list_acontecimento header h2,
		#CONCURSOS .list_publicacao header h2,
		#CONCURSOS .list_status header h2 {
			display: block;
			text-align: center;
			font-size: 22px;
			margin: 10px auto;
		}
		#CONCURSOS .list_tipos li,
		#CONCURSOS .list_acontecimento li,
		#CONCURSOS .list_publicacao li,
		#CONCURSOS .list_status li { display: inline-block; }
			#CONCURSOS .list_tipos li a,
			#CONCURSOS .list_acontecimento li a,
			#CONCURSOS .list_publicacao li a,
			#CONCURSOS .list_status li a {
				display: block;
				width: 100%;
				height: auto;
				font-size: 16px;
				color: #000000;
				border-radius: 5px;
				padding: 5px;
				border: 1px solid #000000;
				transition: all ease 1s;
			}
			#CONCURSOS .list_tipos li a:hover,
			#CONCURSOS .list_acontecimento li a:hover,
			#CONCURSOS .list_publicacao li a:hover,
			#CONCURSOS .list_status li a:hover { border: 1px dashed #888888; }

/****** CONCURSOS BUSCA ******/
#BUSCACONCURSOS .list_buscaconcursos > li:hover { /*border-top: 2px solid #f16738;*/ }
	#BUSCACONCURSOS .list_buscaconcursos li span { margin: 5px 0; }
	#BUSCACONCURSOS .list_buscaconcursos li h3 { font-size: 18px; font-weight: bold; }
	#BUSCACONCURSOS .list_buscaconcursos li h2 { border-bottom: 1px dashed #000000; padding: 7px; }
#BUSCACONCURSOS nav { margin-top: 15px; }
	#BUSCACONCURSOS .list_buscaconcursos .arquivos img {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 40px;
}

/****** LICITAÇÕES ******/
.ano {
	display: block;
	width: 50%;
	height: auto;
	line-height: 25px;
	border: 1px solid #000;
	border-radius: 5px;
	margin-top: 10px;
	font-size: 18px;
	cursor: pointer;
	padding: 10px;
}
.ano:hover {
	font-weight: bold;
	border: 1px dashed #000;
}
#LICITACOES h2 {
	font-size: 25px;
	text-decoration: underline;
	color: #222;
}
#LICITACOES .table_licitacoes {
	display: none;
}
#LICITACOES .table_licitacoes td,
#LICITACOES .table_licitacoes a {
	color: #000000;
	font-family: var(--font-default);
	font-size: 16px;
	line-height: 20px;
}
#LICITACOES .table_licitacoes a { font-weight: bold; }
#LICITACOES .table_licitacoes a:hover {	text-decoration: underline; }

/****** LICITAÇÕES BUSCA ******/
#BUSCALICITACOES .list_buscalicitacoes a { display: block; color: #000000; }
#BUSCALICITACOES .list_buscalicitacoes li {
	display: block;
	border-left: 3px solid #888888;
	margin: 10px 0;
	padding: 15px 10px; 
	border-bottom: 2px dashed #CCCCCC;
	transition: all ease 1s;
}
#BUSCALICITACOES .list_buscalicitacoes li:hover { border-bottom: 2px solid #1b78ac; border-left: 3px solid #1b78ac; }
	#BUSCALICITACOES .list_buscalicitacoes li span:hover { text-decoration: underline; }

/****** LICITAÇAO ******/
#LICITACAO .info_licitacao .body_licitacao dl dt {
	font-family: var(--font-default);
	font-size: 18px;
	line-height: 22px;
}
#LICITACAO .info_licitacao .body_licitacao dl dd {
	font-family: var(--font-default);
	font-size: 14px;
	line-height: 20px;
}
#LICITACAO .info_licitacao .arquivos { list-style: none; }
	#LICITACAO .info_licitacao .arquivos img {
		display: inline-block;
		vertical-align: top;
		margin-top: 10px;
		width: 30px;
		height: 40px;
	}

/****** BUSCA ******/
#BUSCA .listagem {
	list-style: none;
	display: inline-block;
	width: 100%;
	height: auto;
}
#BUSCA .listagem li {
	display: block;
	width: 100%;
	height: auto;
	border-top: 1px solid #888888;
}
#BUSCA .listagem h2 {
	display: block;
	width: 50%;
	border-bottom: 1px solid #000000;
	font-family: var(--font-title);
	font-size: 25px;
	text-transform: uppercase;
}
#BUSCA .listagem li figure {
	display: inline-block;
	vertical-align: top;
}
#BUSCA .listagem li header {
	display: inline-block;
	vertical-align: top;
}
#BUSCA .listagem li header span:nth-child(1) { float: left; }
#BUSCA .listagem li header span:nth-child(2) { float: right; }
#BUSCA .listagem li header .span span {
	display: block;
	width: 100%;
	height: auto;
}
#BUSCA .listagem li header span {
	font-family: var(--font-default);
	font-size: 16px;
}
#BUSCA .listagem li header h3 {
	font-family: var(--font-default);
	font-size: 20px;
	line-height: 24px;
	display: block;
}
#BUSCA .listagem li header p {
	font-family: var(--font-default);
	font-size: 16px;
	line-height: 20px;
	display: block;
}
#BUSCA .listagem li .link {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	float: right;
}
#BUSCA .listagem li .link a {
	display: block;
	width: 100%
	height: auto;
	padding: 7px 15px;
	color: #FFFFFF;
	background: #000000;
	text-transform: uppercase;
	transition: all ease 1s;
}
#BUSCA .listagem li .link a:hover { background: #888888; }