@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

html,body { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: Roboto; font-weight: 400; background-color: white; line-height: 1.5; }

/* PESQUISA */
.tituloPesquisa { font-size: 10pt; color: #0D73AE; font-weight: bold; line-height: 1.5; overflow-wrap:break-word; letter-spacing: 1px; padding-top: 10px; }

/* BOTTOM BAR */
.linksBottomBar, .linksBottomBar:visited, .linksBottomBar:active, .linksBottomBar:hover {font-family: Roboto; font-style: normal; font-weight: 300; font-size: 17px; color: white; text-decoration: underline;}
.textosBottomBar {font-family: Roboto; font-style: normal; font-weight: 300; font-size: 17px; color: white;}

/* ACESSIBILIDADE */
.skip { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip:focus { position: static; width: auto; height: auto; }
.mainAcessibilidade {position: fixed; top: 100px; left: -200px; z-index: 100000000000;}
.divOpcoesAcessibilidade {float: left; background-color: white; width: 200px; color: black; font-family: Roboto; font-style: normal; font-weight: 300; font-size: 12px;}
.divAcessibilidade {float: left; background-color: #0D73AE; width: 50px; height: 50px;}
#saltar { position: absolute; left: -10000px; top: -10000px; }
#saltar a:focus, #saltar a:active {display:block;position:absolute;top: 10000px;left: 10350px;background: #fff;}
#conteudos:focus, #conteudos:active {outline:none;}
.hide-text {
	position: absolute !important;
  	height: 1px; 
  	width: 1px; 
  	overflow: hidden;
  	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  	clip: rect(1px, 1px, 1px, 1px);
}

/* TOP BAR */
.btn-pesquisar { text-decoration: none; border: 0px!important; }
/*.barAlertas { background: #F8CB44; }*/
.fundoAzul { background-color: #0D73AE !important; }
.fundoPreto { background-color: #3b3b3b; }
.fundoVermelho { background-color: #df3132; }
.fundoCinza { background-color: #f2f2f2; }
.linhaAzul, .linhaCinza { background: #0D73AE; height: 1px; }
.linhaCinza { background: #E0E0E0; }
.div-pesquisa {max-width: 200px;}
.input-pesquisa {background-color: #fcfcfc !important;  border-top-left-radius: 15px !important; border-bottom-left-radius: 15px !important; outline:0px !important; box-shadow: none !important; }
.input-group-text-pesquisa {background-color: #F2F2F2 !important; border-left: 0px !important; border-bottom-right-radius: 15px !important; border-top-right-radius: 15px !important;}
.lupa-pesquisa {color: #828282 !important;}
.gradienteMenu { background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, rgba(196, 196, 196, 0.25) 100%); transform: matrix(1, 0, 0, -1, 0, 0); }
.linkNavBar, .linkNavBar:visited, .linkNavBar:active, .linkNavBar:hover, .navBarTexto {font-family: Roboto; font-style: normal; font-weight: 300; font-size: 12px; color: #0D73AE; text-decoration: underline;}
.navBarTexto {text-decoration: none;}
.header img { float: left; width: 100px; height: 100px; background: #555; }
.header h1 { position: relative; top: 18px; left: 10px;}
.textoLogo{color: #414141; text-decoration: none; font-family: Roboto; font-style: normal; font-weight: 900;}
.textoSmallLogo{color: #414141; text-decoration: none; font-family: Roboto; font-style: normal; font-weight: 400; font-size: 16pt;}

/* GERAIS */
.erro { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; text-align: justify; color: #db1010; }
.textoForms { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; text-align: justify; color: #333333; }
.titulos { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 30px; line-height: 42px; color: #333333; }
.subTitulos { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 20px; line-height: 42px; color: #333333; }
.textos { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 150%; text-align: justify; color: #333333; }
.tagNomes { padding: 5px; background: #0D73AE; font-family: Roboto; font-style: normal; font-weight: 900; font-size: 17px; line-height: 1.5; text-align: center; text-transform: uppercase; color: #FFFFFF; }
.tagNomesSemFundo { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 17px; line-height: 1.5; text-transform: uppercase; color: #0D73AE; }
.hide {display: none;}
.cursorPointer {cursor: pointer;}
.moveIcon {display: none;}
.vermais, .vermais:active, .vermais:hover, .vermais:visited { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #0D73AE; text-decoration: underline; }
.iconBranco {color: white;}
.iconAcessibilidade {font-size: 20px; color: white;}

/* NOTICIAS */
.tituloNoticiaDestaquePrincipal, .tituloNoticiaCompleta { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 22px; line-height: 22px; color: #FFFFFF; }
.tituloNoticiaCompleta {color: black; font-weight: 900; font-size: 20pt; line-height: 42px; }
.tituloNoticiaDestaquePrincipal { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dataNoticiaDestaquePrincipal, .dataNoticiaCompleta { font-family: Roboto; font-style: normal; font-weight: 400; font-size: 14px; line-height: 42px; color: #FFFFFF; }
.dataNoticiaCompleta {color: #0D73AE; font-size: 14px;}
.dataNoticia { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 14px; line-height: 1.5; text-align: right; color: #0D73AE; }
.tituloNoticia { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 17px; line-height: 1.5; color: #333333; }
.resumoNoticia, .textoNoticia { font-family: Roboto; font-style: normal; font-weight: 400; font-size: 17px; line-height: 1.5; color: #333333; }
.tMaisLidas { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 18px; line-height: 1.5; color: #333333; }
.textoNoticia { line-height: 1.5; text-align: justify; }
.tNoticiasMaisLidas { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 17px; line-height: 1.5; color: #333333; }
.dataNoticiasMaisLidas { font-family: Roboto; font-style: normal; font-weight: 300; font-size: 14px; line-height: 1.5; text-align: right; color: #333333; }

/* AGENDA MUNICIPAL */
.container-artigos { position: absolute; top: 50%; left: 5px; padding: 10px; }
.ver-mais-artigos, .ver-mais-artigos:hover { font-size: 12pt; color: black; font-weight: normal; text-decoration: underline; }
.item-artigo { border-radius: 15px; }
.owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); color: red; background-color: red; }
.owl-prev { left: -2rem; }
.owl-next { right: -2rem; }
.nomeAgendaMunicipalDestaque, .nomeAgendaMunicipalDestaque:active, .nomeAgendaMunicipalDestaque:visited, .nomeAgendaMunicipalDestaque:hover { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 18px; line-height: 1.5; color: #FFFFFF; }
.textoAgendaMunicipalDestaque { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 153.19%; color: #FFFFFF; }
.nomeAgenda {font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 17px; line-height: 21px; color: #FFFFFF;}
.dataAgenda {font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 153.19%; color: #FFFFFF;}
.wday {font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 14px; text-align: center; color: #4F4F4F;}
.wDayData, .wDayData:visited, .wDayData:hover, .wDayData:active {font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; color: black; text-decoration: none;}
.wDayDataAtivo, .wDayDataAtivo:active, .wDayDataAtivo:hover, .wDayDataAtivo:visited {font-family: 'Roboto'; font-style: normal; font-weight: 900; font-size: 14px; line-height: 14px; text-align: center; color: white; background-color: blue !important; text-decoration: none;}
.textoAnoMesAgenda {font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 16px; text-align: center; color: #4F4F4F;}
.inputAnoMesAgenda {background-color: #f2f2f2; box-shadow: none !important; border: 1px solid #f2f2f2 !important; cursor: default; outline-width: 0 !important; color: #f2f2f2 !important; }
.labelInputAnoMesAgenda {color:  #f2f2f2; font-size: 1px;}

/* LINKS WEBSITES */
.linksDestaque { background: #0D73AE; border-radius: 5px; }
.nomeLink { font-family: Roboto; font-style: normal; font-weight: bold; font-size: 17px; line-height: 1.5; color: #FFFFFF; text-decoration: underline; }
.textoLink { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1.5; color: #FFFFFF; }

/* ALERTAS */
.textoAlertasBar { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 17px; line-height: 14px; color: #333333;}
.containerAlertas { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* BANNER */
.tituloBanner {font-family: Roboto; font-style: normal; font-weight: bold; font-size: 96px; line-height: 112px; color: #FFFFFF; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.subtituloBanner {font-family: Roboto; font-style: normal; font-weight: normal; font-size: 36px; line-height: 42px; color: #FFFFFF; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.bannerVideo {height: 300px;}

/* DOCUMENTOS */
.linkDoc, .linkDoc:hover, .linkDoc:visited, .linkDoc:active { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 17px; line-height: 1.5; color: #0D73AE; text-decoration: underline; }

/* Paginacao */
.paginacao {border:0; margin:0; padding:0; }

#pagination-flickr li { border:0; margin:0; padding:0; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; list-style:none; }
#pagination-flickr a { border:solid 1px #DDDDDD; margin-right:2px; }
#pagination-flickr .previous-off, #pagination-flickr .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-flickr .next a, #pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; } 
#pagination-flickr .active { color:#3f3f3f; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination-flickr a:link, #pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-flickr a:hover{ border:solid 1px #666666; }


@media screen and (min-width:768px) { 

    .bannerVideo {height: 700px;}
    .tituloNoticiaDestaquePrincipal { width: 100%; overflow: unset; white-space: unset; text-overflow: unset }
    .titulos { font-size: 36px; }

}