@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body { font-family: 'Roboto Condensed', sans-serif; }
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #3B277B; }
p { margin: 8px 0; }
h1 { border-bottom: thin solid #CCC; }
h1, h3 { color: #333333; }
h2, h4 { color: #666666; }
h5, h6 { color: #999999; }

/* #Site Styles
================================================== */
#siteOff { margin-top: 10px; text-align:center; } 

.acessibilidade { font-size: 12px; display:none; }
#link-conteudo, #link-navegacao, #link-buscar, #link-rodape { float:left; }
#link-acessibilidade, #btnContraste, #link-mapa, #link-libras, #btnAumentar, #btnDiminuir { float:right; }
.acessibilidade a { padding: 5px }
.acessibilidade i {
	color: #01247E; font-style:normal; font-weight: bold;
	padding: 2px 4px; border-radius: 5px; background: #FFF;
}
#btnAumentar, #btnDiminuir { margin: 3px 5px; }

.acessibilidade p {	margin-bottom: 5px; }

.logo { background:url(../imagens/background_logo.png) repeat-x; }

#logo { margin: 10px 0; text-align:center; }
#logo img{ height: 85px; }

#navLogo .busca { display: none; margin: 10px 0; }
#navLogo .busca form { margin: 15px 0; padding: 0; }
#navLogo .transparencia { display:inline-block; float:right; margin: 10px 3px; }
#navLogo .tv-prefeitura { height: 20px; }
#navLogo .diario-oficial { height: 20px; }
#navLogo .acesso-a-informacao { height: 20px; }
#navLogo .portal-da-transparencia { height: 20px; }

.logo { display: block; }

.nav { position:relative; background: #01247E; }

#nav { float:right; margin: 0; }
#nav nav {
	display: none;
	margin: 0;
	padding: 0;
}
#nav nav ul{ list-style: none; }
#nav nav li { margin: 0; }
#nav nav li a{
	font-size: 16px;
	text-align:center;
	color: #FFFFFF;

	float:right;
	margin: 0;
	padding: 5px 10px;
	display:block;
	margin: 0;
	text-decoration: none;
	border-top: solid 2px #01247E;
}
#nav nav li .home { float:left; }
#nav nav li a:hover { color: #F0F0F0; border-top-color: #848688; }
#nav nav li:last-child{ border-right: none; }

.menu{ display: inline-block; cursor: pointer; margin: 10px; width: 40px; display: block; float:right; }
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #848688;
    margin: 6px 0;
    transition: 0.4s;
	border-radius: 2px;
}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

.navMobile { display:none; }
.change { display:block; }

#navMobile nav { margin-bottom: 10px; text-align:center; }
#navMobile nav a{
	font-size: 20px;
	color: #FFFFFF;
	
	position: relative;
	margin: 0px;
	padding: 5px 0;
	display:block;
	text-align:center;
	text-decoration:none;
}
#navMobile nav a:first-of-type{ }
#navMobile nav a:last-child{ }

#navMobile .busca .bsc { width: 250px; }

.footer {
	color:#FFF;
	
	padding-top: 20px; background: #01247E;
}
.footer p{ margin: 0; padding: 0 0 5px; }
.footer h4 { color: #CCC; padding: 0 0 5px; }
.footer ul { list-style:none; border-left: thin solid #CCC; }
.footer li { margin: 0; padding: 0 5px 0 5px; }

.footer a{
	color:#FFF;
	text-decoration: none;
}
address { font-style:normal; }

.footer .acessoinformacao{ padding: 10px 0; }
.footer .assessoria{ padding: 10px 0; }
.footer .ordepweb{ font-size: 10px; text-align:right; padding: 15px 0; }
.footer .ordepweb span{ margin-right:-25px; }

.divButton {
	display:block;
	background-color: #E6E7E8;
	padding: 10px;
	border: 1px solid #BDBFC1;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.textCenter { text-align:center; }
.textAlert { color:#C00; }

/* #Paginas Styles
================================================== */
.pagina, .noticiaVer { min-height: 500px; padding-bottom: 10px; }
.pagina img { max-width: 280px; }
.pagina p, .noticiaVer p { text-align:justify; }

.contaspublicas .columns, .contaspublicas .column { border-bottom: thin solid #CCC; }
.contaspublicas a { text-decoration: none; color:#333; }

.menuMobile { display: block; }
.menuPagina { display: none; }

.paginaMenu ul{	list-style: none; margin: 0; padding: 0; margin-bottom: 10px; }  
.paginaMenu ul li{  margin: 0; padding: 0; }
.paginaMenu ul li:first-child { margin: 10px 0; }
.paginaMenu ul li a { display:block; margin: 0; padding: 5px; text-decoration:none; border-bottom: thin solid #CCC; color: #01247E; background: #F8F8F8; }
.paginaMenu ul li a:hover { background: #F4F4F4; }

/* #Inicio Styles
================================================== */
#inicioPublicidadeBanner { text-align:center; margin: 5px 0; display: none; }
#inicioPublicidadeBanner img { max-width: 90%; }

#inicioPublicidadeBannerMob { text-align:center; margin: 5px 0; display:block; }
#inicioPublicidadeBannerMob img { max-width: 90%; }

#inicioAvisoBanner { width: 100%; min-height: 150%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 999999999; }
#inicioAvisoBanner span { text-align:center; font-size: 18px; }
#inicioAvisoBanner span a { color:#FFF; margin: 0; padding: 0; display:block; text-decoration:none; }
#inicioAvisoBanner span a img { max-width: 90%; margin-top: 10px; }

.inicioAlerta { background: #FFFFFF; border-radius: 10px; padding: 10px; margin: 10px 0; }
.inicioAlerta h3 { color:#C00; }

.inicioNotificacoes { background: #FFFFFF; border-radius: 10px; padding: 10px; margin: 10px 0; }
.inicioNotificacoes h4 { color:#C00; }
.inicioNotificacoes .iconFechar a { color:#C00; text-align:right; font-size: 14px; display:block; }
.inicioNotificacoes .inicioNotificacao a {
	padding: 5px 0;
	display:block;
	color:#666;
	text-decoration:none;
	font-size: 12px;
	border-top: thin solid #CCC;
}
.inicioNotificacoes .inicioNotificacao a:first-child { padding: 0 0 5px; border-top: none; }
.inicioNotificacoes a strong { display:block; color:#333; font-size: 14px; }

.inicioNoticias { background: #F5F5F5; padding: 5px 0 10px; }

#inicioBanner { margin: 0 auto; padding: 0; height: 300px; z-index: 2; }
#inicioBanner img { z-index: 2; }
#inicioBanner a {
	display:block;
	height:300px;
	text-decoration:none;
	z-index: 3;
}
#inicioBanner span { position:absolute; bottom: 0; display:block; background:url(../imagens/banner.png); margin: 10px; padding: 5px; border-radius: 5px; }
#inicioBanner strong { font-size:14px; color:#FFF; display:block; font-weight:normal; }
#inicioBanner a { text-decoration:none; font-size:12px; color:#CCC; padding: 5px 0; }

#inicioBannerCtrl { margin-top: -300px; position:absolute; }
#inicioBannerCtrl a{ 
	text-align:center;
	text-decoration: none;
	color:#FFF;
	
	padding: 2px 10px;
	margin: 5px;
	border-radius: 5px;
	display:block;
	background:url(../imagens/banner.png); 
	float:right;
	position:relative;
	z-index: 9999;
}
#inicioBannerCtrl a:hover{ color: #999; }

.inicioNoticia { margin-top: 20px; }
.inicioNoticia img { float:left; margin-right: 10px; }
.inicioNoticia strong { font-size:14px; color:#333; display:block; }
.inicioNoticia a { display:block; text-decoration:none; font-size: 12px; color:#666; padding-bottom: 8px; margin-bottom: 8px; border-bottom: thin solid #CCC; }
.inicioNoticia a:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.inicioServicos { padding: 10px 0; }
.inicioServicos h2 { margin: 0; padding: 0; }
#inicioServicos { }
#inicioServicos ul { list-style: none; margin: 0; padding: 0; }
#inicioServicos ul li a {
	color: #01247E; text-decoration:none;
	display:block; padding: 5px; text-align: center;
}
#inicioServicos .ui-tabs-anchor { border-radius: 5px; background:#EBECEC; border: thin solid #EBECEC;  }
#inicioServicos .ui-tabs-active .ui-tabs-anchor { background:#D9D9D9; border-color: #01247E; }
#inicioServicos div { display: none; }
#inicioServicos div a {
	color: #333; text-decoration:none;
	display: inline-block;
	width: 31.33333333333333%;
	padding: 5px 0.5%; margin: 5px 0.5%;
	height: 110px;
	float: left; text-align:center;
}
#inicioServicos div a:hover { border-radius: 5px; background: #EBECEC; }
#inicioServicos div a img { display: block; margin: 0 auto; }
#inicioServicos div a span {
	margin-top: 10px;
	padding-top: 5px;
	display:block;
	border-top: solid 1px #CCC;
	font-size: 12px;
}

.inicioIcones { padding: 10px 0; background: #EBECEC; }
.inicioIcones a i { color: #01247E; margin-right: 10px; }
.inicioIcones a {
	text-decoration:none; font-size:18px; color:#333;
	display:block; border-radius: 5px; background: #FFFFFF;
	padding: 15px 10px;
	margin: 10px 0;
}
.inicioIcones .ico-defesacivil { display:block; float:left; width: 25px; height: 25px; background: url(../imagens/servicosweb/ico-defesacivil.png); }

.inicioRedesSociais { padding: 25px 0; }

/* #Noticia Styles
================================================== */
.noticiaVer { margin-bottom: 20px; }
.noticiaImagem { margin: 10px 20px 10px 0; padding: 5px; background: #F3F3F3; }
.noticiaImagem a { color:#666; font-size:12px; text-decoration:none; }
.noticiaRedeSocial { margin: 10px 0; }
.noticiaAnexos a { color:#666; text-decoration:none; }
.noticiaAlbum a { text-decoration:none; }

.noticiasLista { margin-bottom: 20px; }
.noticiasLista img { float:left; margin-right: 10px; }
.noticiasLista strong { font-size:14px; color:#333; display:block; }
.noticiasLista a { display:block; text-decoration:none; font-size:12px; color:#666; padding-bottom: 8px; margin-bottom: 8px; border-bottom: thin solid #CCC; }
.noticiasLista a:first-child { padding-top: 10px; }
.noticiasLista a:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.noticiasPaginas { padding-bottom: 8px; margin-bottom: 8px; }
.noticiasPaginas a { text-decoration:none; color:#666; }

/* #Portal da Transparencia Styles
================================================== */
.portalTransparencia { text-align:center; }
.portalTransparencia p { text-align:center; }
.portalTransparencia a { color:#333; }
.portalTransparencia span { font-size: 9px; }
.portalTransparencia .columns { padding-top: 10px; padding-bottom: 5px; border-bottom: thin solid #CCC; }

/* #Busca Styles
================================================== */
.formBusca { margin: 0; padding-top: 10px; }
.formBusca form { margin: 0; padding: 0; }
.formBuscaInput { width: 600px; }
.formBuscaBtn { width: 100px; }

/* #Busca Styles
================================================== */
.labelBuscaleis { display:inline-block; }

/* #Diário Oficial Styles
================================================== */
.diarioLista { margin-bottom: 20px; }
.diarioLista a { display:block; text-decoration:none; font-size:14px; color:#666; padding-bottom: 8px; margin-bottom: 8px; border-bottom: thin solid #CCC; }
.diarioLista a:first-child { padding-top: 10px; }
.diarioLista a:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.pagination { margin-top:10px; }
.pagination a {
    text-decoration: none;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    margin-right: 5px;
}
.pagination .current {
    color: #000;
}
.pagination .current.prev, .pagination .current.next{
	color:#999;
}
#config { display:none; }

/* Larger than mobile */
@media (min-width: 400px) {
	/* #Site Styles */
	#navLogo .tv-prefeitura { height: 23px; }
	#navLogo .diario-oficial { height: 23px; }
	#navLogo .acesso-a-informacao { height: 23px; }
	#navLogo .portal-da-transparencia { height: 23px; }
	#navMobile .busca .bsc { width: 270px; }

	/* #Paginas Styles
	================================================== */
	.pagina img { max-width: 315px; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	/* #Site Styles */
	#navLogo .transparencia { display:inline-block; float:right; margin: 10px 8px 5px 8px; }
	#navLogo .tv-prefeitura { height: 30px; }
	#navLogo .diario-oficial { height: 30px; }
	#navLogo .acesso-a-informacao { height: 30px; }
	#navLogo .portal-da-transparencia { height: 30px; }
	#navMobile .busca .bsc { width: 400px; }

	/* #Inicio Styles */
	#inicioPublicidadeBanner { display: block; }
	#inicioPublicidadeBannerMob { display: none; }

	#inicioBanner .linha1 { font-size:18px; }
	#inicioBanner .linha2 { font-size:14px; width: 50%; }

	/* #Paginas Styles
	================================================== */
	.pagina img { max-width: 440px; }

}

/* Larger than tablet */
@media (min-width: 750px) {
	/* #Site Styles */
	#navLogo .transparencia { display:inline-block; float:right; margin: 15px 20px 15px 20px; }
	#navLogo .tv-prefeitura { height: auto; }
	#navLogo .diario-oficial { height: auto; }
	#navLogo .acesso-a-informacao { height: auto; }
	#navLogo .portal-da-transparencia { height: auto; }
	#navMobile .busca .bsc { width: 550px; }

	/* #Inicio Styles */	
	#inicioBanner strong { font-size:16px; }
	#inicioBanner a { font-size:14px; }
	#inicioServicos div a { width: 18%; }
	
	/* #Noticias Styles */
	.noticiasLista strong { font-size:15px; }
	.noticiasLista a { font-size:14px; }

	/* #Paginas Styles
	================================================== */
	.pagina img { max-width: 550px; }

}

/* Larger than desktop */
@media (min-width: 1000px) {
	/* #Site Styles */
	.menu { display: none; }
	#nav nav { display: block; }
	.menuMobile { display: none; }
	.menuPagina { display: block; }
	.acessibilidade { font-size: 12px; display:block; }

	#navLogo .busca { display: inline-block; float:right; margin: 15px 5px 0 10px; }
	#navLogo .busca .bsc { width: 105px; }
	#navLogo .transparencia { margin: 40px 4px 0 4px; }
	#navLogo .tv-prefeitura { height: 26px; }
	#navLogo .diario-oficial { height: 26px; }
	#navLogo .acesso-a-informacao { height: 26px; }
	#navLogo .portal-da-transparencia { height: 26px; }

	/* #Paginas Styles */
	.pagina img { max-width: 500px; }

	.contaspublicas .columns, .contaspublicas .column { border-bottom: none; }
	.contaspublicas { border-bottom: thin solid #CCC; font-size:12px; }
	.contaspublicas:last-child { border-bottom: none; }

	/* #Inicio Styles */
	#inicioBanner { height: 350px; }
	#inicioBanner a { height: 350px; }
	#inicioBanner .linha1 { margin-top: 50px; }
	#inicioBanner button { margin-top: 20px; }
	#inicioBannerCtrl { margin-top: -350px; }

	.inicioNoticia { margin-top: 0; }
	.inicioNoticia img { height: 50px; }

	.inicioNoticia strong { font-size: 12px; display:inline; }

	#inicioServicos div a { width: 9.11111111111111%; height: 130px; }
	
	.inicioIcones a { font-size:14px; }

	/* #Diario Styles */
	.diarioLista a { font-size:10px; }
	
	/* #Portal da Transparencia Styles
	================================================== */
	.portalTransparencia .columns { border-bottom: none; }
	.portalTransparencia .row { margin-top: 10px; margin-bottom: 10px; border-bottom: thin solid #CCC; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	/* #Site Styles */
	#navLogo .busca { margin: 15px 10px 0 30px; }
	#navLogo .busca .bsc { width: 115px; }
	#navLogo .transparencia { margin: 35px 5px 0 5px; }
	#navLogo .tv-prefeitura { height: auto; }
	#navLogo .diario-oficial { height: auto; }
	#navLogo .acesso-a-informacao { height: auto; }
	#navLogo .portal-da-transparencia { height: auto; }

	/* #Paginas Styles */
	.pagina img { max-width: none; }
	.contaspublicas { font-size: 14px; }

	/* #Inicio Styles */
	#inicioBanner { height: 400px; }
	#inicioBanner a { height: 400px; }
	#inicioBanner .linha1 { margin-top: 100px; }
	#inicioBannerCtrl { margin-top: -400px; }

	.inicioNoticia strong { font-size:14px; display:block; }
	.inicioNoticia img { height: auto; }
	
	#inicioServicos div a { height: 110px; }

	.inicioIcones a { font-size:18px; }

	/* #Diario Styles */
	.diarioLista a { font-size:14px; }
}
@media (min-width: 1400px) {
	/* #Site Styles */
	#navLogo .busca .bsc { width: 160px; }
	#navLogo .transparencia { margin: 35px 10px 0 10px; }
}

@media (min-width: 1600px) {
	/* #Site Styles */
	#navLogo .busca .bsc { width: 200px; }
	#navLogo .transparencia { margin: 35px 15px 0 15px; }
}
@media (min-width: 1990px) {
	body {
		background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		-khtml-background-size: 100% auto;
		-moz-background-size: 100% auto;
	}
}

/* #Contraste Styles
================================================== */
.paginaContraste { background: #000; color:#FF0; }

.paginaContraste a { background: #000; }
.paginaContraste h1, .paginaContraste h3, .paginaContraste h5 { color: #FF0; }
.paginaContraste h2, .paginaContraste h2 { color: #FF0; }

.paginaContraste .acessibilidade { color:#FF0; }
.paginaContraste .acessibilidade a { color:#FFF; }
.paginaContraste .acessibilidade i { color: #FF0; }

.paginaContraste .logo { background:#000; }

.paginaContraste .nav { background:#000; border-top: thin solid #FFF; border-bottom: thin solid #FFF; }
.paginaContraste #nav nav li a { color: #FF0; border-top: #000; }
.paginaContraste #nav nav li a:hover { color: #FF0; border-top: #FF0;  }

.paginaContraste .acessibilidade i { color: #FF0; border: thin solid #FFF; background: #000; }
.paginaContraste #navLogo .busca input { color: #FF0; border: thin solid #FFF; background: #000; }

.paginaContraste .bar1, .paginaContraste .bar2, .paginaContraste .bar3 { background-color: #FF0; }

.paginaContraste .footer { color: #FFF; background:#000; }
.paginaContraste .footer h4 { color: #FF0; }
.paginaContraste .footer ul { list-style:none; border-left: thin solid #FF0; }

.paginaContraste .inicioNotificacoes { color: #FF0; background:#000; border:#FF0 thin solid; }
.paginaContraste .inicioNotificacoes h3 { color: #FF0; }
.paginaContraste .inicioNotificacoes a { color: #FFF; }
.paginaContraste .inicioNotificacoes .iconFechar { color: #FFF; }
.paginaContraste .inicioNotificacoes a strong { color: #FFF; }

.paginaContraste .inicioNoticias { background:#000; }

.paginaContraste #inicioBanner span { background:#000; }
.paginaContraste #inicioBanner strong { color: #FF0; }
.paginaContraste #inicioBanner a { color:#FFF; }

.paginaContraste #inicioServicos div a:hover { background:#000; }

.paginaContraste .inicioNoticia strong { color: #FFF; }
.paginaContraste .inicioNoticia a { color: #FF0; }

.paginaContraste #inicioServicos ul li a { color: #FFF; }
.paginaContraste #inicioServicos .ui-tabs-anchor { background: #000; border:#FF0 thin solid; }
.paginaContraste #inicioServicos .ui-tabs-active .ui-tabs-anchor { background:#000; }
.paginaContraste #inicioServicos div a { color: #FF0; }

.paginaContraste .inicioIcones { background:#000; }
.paginaContraste .inicioIcones a i { color:#FFF; }
.paginaContraste .inicioIcones a { color:#FF0; border: #FF0 thin solid; }

.paginaContraste .noticiaAnexos a { color:#FF0; }
.paginaContraste .noticiasLista strong { color:#FF0; }
.paginaContraste .noticiasLista a { color:#FF0; }