/* CSS Document */

@font-face {
     font-family: Abadi;
     /* Esses parametros seguem dica de https://css-tricks.com/snippets/css/using-font-face/ */
     src: url('../fonts/abadi.eot');  /* IE9 Compat Modes */
     src: url('../fonts/abadi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/abadi.ttf') format('truetype');
}

@font-face {
     font-family: Amerika-Sans;
     src: url('../fonts/AMERSN__.ttf') format('truetype');
}

@font-face {
     font-family: 'Berlin Sans FB';
     src: url('../fonts/BRLNSR.TTF') format('truetype');
}


/* html				{ width:100%; position:relative; min-width:915px; min-height:626px; height:100%; text-align:justify; line-height: 22px !important;} */
body.site                { min-width:1755px; min-height:626px; width:100%  /* !important */ ; background-color: #fdfcff; }
body.cke_editable   { margin: 20px; }  /* usado dentro do editor, faz aparecer marcador dos itens (li) de listas (ul/ol) */
img                 { border:0; }
address,caption,cite,code,dfn,th,var   { font-style:normal; font-weight:normal; }
caption,th          { text-align:left; }
q:before,q:after    { content:none; }
abbr,acronym        { border:0; font-variant:normal; }
input, textarea, select                { font-family:inherit; font-size:inherit; font-weight:inherit; }
img                 { -ms-interpolation-mode: bicubic; }
a                   { text-decoration:none;}


div.logo_comusa { float: left; position: relative; height: 200px; width: 250px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #00afef; text-align: center; z-index: 1; }
div.logo_comusa:after {
	/* dica de: https://stackoverflow.com/questions/40803277/skew-one-side-only-of-an-element/40803897 */
  content: " ";
  position: absolute;
  display: block;
	height: 100%; width: 100%; margin-left: 10px;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #00afef;
  transform-origin: bottom left;
  -ms-transform: skew(-28deg, 0deg);
  -webkit-transform: skew(-28deg, 0deg);
  transform: skew(-28deg, 0deg);
}

div.novomenu { display: inline-block; }

.logo_topo {
	display: inline-block;
	/* 
	left: 125px;
	bottom: 10px;
	*/
}
#icone_logo_topo {
	height: 45px;
}
#faixadestaque {
	display: block;
	padding-left: 190px;
	padding-top: 60px;
	height: 50px;
	line-height: 50px;
	font-weight: bold; 
}
#palavradestaque {
	background-color: #ed3237;
	display: inline-block;
	vertical-align: middle;
	padding-left: 50px;
	padding-right: 50px;
	color: white;
	font-size: 18px;
}
#msgdestaque {
	background-color: white;
	display: inline-block;
	vertical-align: middle;
	padding-left: 50px;
	padding-right: 50px;
	width: 740px;
	font-size: 23px;
}

#faixadestaque2 {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
}
#contatoheader {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 14px;
}
#contatoheader a {
	color: #6c8d31;
}
#contatoheader a:after {
	content: "|";
	margin-left: 10px;
	margin-right: 10px;
}
#palavranoticia2 {
	background-color: #ea1159 /* #373435 */;
	display: inline;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	color: white;
	font-size: 16px;
}
#msgdestaque2 {
	background-color: #e7e9e9;
	display: block;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 590px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid #ed3237 5px;
}
#prefeitura {
	display: inline-block;
	/*position: absolute;
	bottom: 10px;
	right: 80px; */
	font-size: 13px;
	line-height: 14px;
	text-align: center;
	color: black;
	font-family: Arial;
}
#brazao_nh {
	height: 45px;
	display: block;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}
span.governo { font-weight: bold; }
div.barramenu { position: relative; height: 130px; max-width: 1303px; min-width: 1100px; font-family: Arial; font-size: 16px; }

#divmenuparent { position: absolute; visibility: hidden; display: block; width: 800px; height: 240px; background-color: #088cc6; z-index: 10; }


/* FONTS */
body                { line-height: 22px; font-size: 15px; font-family: Arial; color: #373435 /* !important */ ; text-align:justify; }
table               { font-size:inherit; }
pre,code,kbd,samp,tt{ font-family:monospace; /* font-size:108%; */ line-height:100%; }

/* forms - inserir dinamicamente as classes nos elementos de formulario */
input               { outline:none; border: 0px; margin: 0 0 5px 5px; }
.nome INPUT			{ outline:none; padding:0 0 0 5px; width:365px; height:28px; }
.email INPUT		{ outline:none; padding:0 0 0 5px; width:263px; height:28px; }
.btn				{ background: url("../imgs/layout/btn_cadastrar.jpg") no-repeat; width:102px; height:28px; cursor: pointer;}
.btnBusca			{ background: url("../imgs/layout/btn_busca.jpg") no-repeat; width:36px; height:29px; cursor: pointer;}
/* label               { vertical-align:middle; cursor:pointer; } */
textarea            { overflow:auto; }
.frmChk,
.frmRad             { width:13px; height:13px; margin:0; padding:0; cursor:pointer; vertical-align:middle; }
.frmImg             { margin:0; padding:0; vertical-align:middle; outline:none; border:none; }

.miolo_cabecalho   { width: 1380px; margin:0px auto;  }
.miolo         { width: /* 915px */ 1250px; min-height: 900px; margin: 0 auto 90px auto;  }
.miolo::after {
  clear: both;
  content: '';
  display: block;
}



.menu-hv li:hover ul ,
.menu-hv li.over  {
  display: block /* !important */ ;
}

.menu-hv .menuparent {
  z-index: 20;
  background-color: #088cc6;
  white-space: nowrap;
  text-align: left;
}

.menu-hv .menuparent ul{
  z-index: 10;
  background-color: #088cc6;
  white-space: nowrap;
  text-align: left;
}

.topo				{ height:520px; }
.topoInt				{ /* height:309px; */ }
.acimamenutopo			{ height: 25px; background-image: linear-gradient(to bottom, #0098da, #007db4); }
.fundomenutopo			{ position: relative; background-color: /* #e5e5e5 */ #fdfcff; }
.fundomenutopo:after		{
  content: '';
  display: block;
  clear: both;
}
.abaixomenutopo			{ height: 55px; background-image: linear-gradient(to bottom, #008ac7, #0098da); text-align: right; }

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
#logo_topo.sticky, #menu.sticky, #fundomenutopo.sticky, #barramenu.sticky {
  position: fixed;
  top: 0;
  height: 60px;
  border-bottom: 4px solid #008ac7;
  z-index: 999;
}
#menu.sticky, #fundomenutopo.sticky, #barramenu.sticky {
  width: 100%;
}
#menu.sticky {
  background-color: /* #e5e5e5 */ #fdfcff;
}

#menu.sticky ul.menu-hv {
	margin-top: 17px;
}

#prefeitura.sticky {
	display: none;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.rodape				{
	background-color: #3e3d43; 
	width: 100%;
	display: table; /* para que o div expanda caso a altura dele for menor que a necessaria para o conteudo */
	padding-top: 20px;
}
#nivelrio_frontal {
	color: white;
	background-image: url("/_common/site/imgs/layout/nivelrio_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 230px;
	height: 134px; /* 94px da altura do background menos o padding deste div */
	padding-top: 5px;
	margin-top: 40px;
	margin-left: 40px;
}
#nivelrio_frontal h3 {
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 21px;
	margin-top: 0;
	text-align: center;
	font-stretch: semi-condensed;
	font-size: 19px;
	border-top: 0.4px solid #327da5;
	border-bottom: 0.4px solid #327da5;
}
#nivelrio_frontal .nivelrio_medida {
	font-size: 27px;
	line-height: 30px;
	font-weight: bold;
	filter: brightness(200%);
}
#nivelrio_frontal #nivelrio_lado {
	float: left;
	/* padding-left: 10px;
	padding-right: 10px; */
	width: 100%;
	text-align: center;
	font-size: 19px;
	line-height: 21px;
}
.transparencia {
	display: block;
	margin-top: 10px;
}
.transparencia img {
	height:190px;
}
#interrupcao {
	display: block;
	margin-right: 5px;
	height:180px;
}
img#prefeitura {
	display: block;
	height:180px;
	margin-top: 10px;
	margin-right: 5px;
}


/* inicio das configuracoes de banners para campanhas, substituido no site pelo quadro do QR code para WhatsApp */
/* No editor do site, sao as imagens cadastradas em "Página Inicial" -> "Banners" */

.campanhas 			{ float: left; margin-left: 10px; margin-right: 10px; margin-top: 0; margin-bottom: 0   ; padding: 0; width: 320px; }
.campanhas li 			{ list-style: none; float: left; margin-left: 10px; margin-right: 30px; margin-bottom: 15px }
.imgcampanha {
	/* max-width: 160px; */ width:  284px;
	/* max-height:120px; */ height: 140px;
	vertical-align: middle;
}

/* fim das configuracoes para campanhas */


div#quadro_whatsapp {
	float: left;
	margin-left: 20px;
	margin-right: 35px;
	width: 285px;
	height: 295px;
	background-color: #00a884;
}
div#quadro_whatsapp p {
	text-align: center;
	width: 250px;
	font-size: 14px;
	line-height: 19px;
	color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0;
}
div#quadro_qrcode {
	width: 215px;
	background-color: white;
	border-radius: 9px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
img#logo_qrcode_whatsapp {
	width:  40px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -19px;
	border-radius: 50%;
	border-style: solid;
	border-color: white;
	border-width: 3px;
}
img#titulo_qrcode_whatsapp {
	display: block;
	width: 167px;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
img#qrcode_whatsapp {
	width:  100px;
	height: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}
.imgnoticiadotexto {
	float: left;
}
.imgnoticia {
	/* max-width:160px; */ max-width:555px;
	/* max-height:120px */ /* max-height:260px; */
}
.destaques {
	float: right;
}
.colunamenurodape {
	float: left;
	width: 994px;
}
#chatcomusa2 {
	display: none;
}

a.lgComusa			{ float: left; background: url("../imgs/layout/lg_comusa_branco.png") no-repeat; width:265px; height:85px; display: block;}
a.lgComusaNatal			{ float: left; background: url("../imgs/layout/lg_comusa_natal.png") no-repeat; width:274px; height:134px; display: block;}
a.lgComusaAnoNovo		{ float: left; background: url("../imgs/layout/lg_comusa_ano_novo.png") no-repeat; width:359px /* 274px */; height:134px; display: block;}

img.rio2016			{ float: left; margin-top: 30px; width: 57px; height: 110px; display:block; }
img.logocampanha		{ float: left; margin-top: 35px; width: 48px; height: 96px; display:block; }

/*.bgFonte			{ cursor: pointer; background: url("../imgs/layout/bg_fone.png") no-repeat; width:149px; height:48px; padding: 27px 0 0 87px; color: #1276B1; font-size:24px; margin: 51px 0 0 0; *font-size:20px; }*/
.bgFonte			{ float: right; }
img.lgCidade			{ float: right; margin-top: 13px; margin-right: 58px; }
img.lgAdministracao		{ float: right; margin-top: 30px; margin-right: 58px; }


.menu 				{margin: 0; position: absolute; bottom: 6px; z-index: 99999 /* !important */ ;}
.menu:before 			{clear:both;}
.menu UL LI			{display: inline; list-style: none; font-size: 16px /* 12px */ ; }
.menu UL LI UL LI		{display: block; list-style: none; font-size: 16px /* 12px */ ; padding-top: 5px; padding-bottom: 5px; }

.formBusca:after	{clear:both;}

.ajustaBanners		{margin: 89px 0 0 0; /* margin: 98px 0 0 0 !important; */ }
.ajustaBanners:before	{clear:both;}
.acessoRapido		{float: left; width:300px; /* margin:23px 0 0 0; */ }
.acessoRapido .acessoRapidoSubmit		{float: left;}
.banner				{ float: left; background:url("../imgs/layout/bg_banner.png") no-repeat; width:614px; height:302px; }
.banner:after			{ clear:both; }
.bgBusca			{ float: left; background: url("../imgs/layout/bg_busca.png") no-repeat;width:213px; height:25px; margin: 47px 0 0 13px; }
.bgBusca INPUT		{ border:0; width:202px; height:20px; margin: 3px 0 0 3px; /* margin: 3px 0 0 -10px; */ }
.banners			{ margin: 13px 0 0 11px; }
.banners LI			{ list-style: none; }
.buscas				{ background: url("../imgs/layout/buscar.png") no-repeat; width:58px; height:24px; cursor: pointer; margin: 47px 0 0 6px; font-family:Abadi; }

.acessoRapidoMenu		{ margin: 10px 0 0 15px; }

.acessoRapidoMenu a		{ text-decoration:none; outline:none; color: #000000;}
.acessoRapidoMenu a:hover, .acessoRapidoMenu a.selected { color: #167BB3;}

/*
.acessoRapidoMenu LI	{ background: url("../imgs/layout/sep_menu_lateral2.jpg") left bottom no-repeat ; width:280px; padding: 4px 0 4px 0; text-indent: 10px; list-style: none; }
.acessoRapidoTit		{color:#137AB5; font-size: 20px; margin: 20px 0 0 14px;}
.sepPreto				{background: url("../imgs/layout/sep_menu_lateral_escuro.jpg") left bottom no-repeat ; width:280px; padding: 4px 0 7px;;}
*/
.acessoRapidoMenu LI	{ background: url("../imgs/layout/sep_menu_lateral2.png") left bottom no-repeat ; width:280px; padding: 4px 0 4px 0; text-indent: 10px; list-style: none; }
.acessoRapidoTit		{color:#137AB5; font-family:Abadi; font-size: 20px; margin: 20px 0 0 14px;}
.sepPreto				{background: url("../imgs/layout/sep_menu_lateral2.png") left bottom no-repeat ; width:280px; padding: 4px 0 7px;;}


.opcoesAcesso { position: relative; display: inline; }
.opcoesAcesso a { color: #fc404d !important; text-decoration: underline; }
.opcoesAcesso span { position: absolute; right: -1em; top: 50%; margin-top: -8px; }

#menu_opcoes_acesso { display: none; text-align: center; width: 100px; background-color: #f2f6f7; border-top: 4px solid #fc404d; position: relative; left: 60px; top: 5px; }
.item_opcoes_acesso { border-bottom: 1px solid #fc404d; }
.item_opcoes_acesso a { color: #fc404d !important; }

.titMenuPrincipal A:HOVER div.fundo, .titMenuPrincipal A.selected div.fundo { background-color: #FFFFFF; }
.titMenuPrincipal A:HOVER div.menu-fundo-inferior-esquerdo, .titMenuPrincipal A.selected div.menu-fundo-inferior-esquerdo { background: url('../imgs/layout/menu_bottom_left.png') top center no-repeat; }
.titMenuPrincipal A:HOVER div.menu-fundo-inferior-direito, .titMenuPrincipal A.selected div.menu-fundo-inferior-direito { background: url('../imgs/layout/menu_bottom_right.png') top center no-repeat; }
.titMenuPrincipal A div.menu-fundo-inferior-direito, .titMenuPrincipal A div.menu-fundo-inferior-esquerdo { width: 7px; height:7px; }
.titMenuPrincipal A div.menu-fundo-lateral { height:30px; width: 7px; }
.titMenuPrincipal A div.menu-parte { float: left; line-height: 37px; }



#mapasite				{ float: left; border-left: 2px solid white; max-width: 1533px; }
.rodape_copyright { float: right; color: white; margin-right: 100px; margin-top: 30px; margin-bottom: 30px; }
.rodape_riogrande { float: left; color: white; margin-left: 50px; margin-top: 10px; margin-bottom: 10px; font-size: 15px; line-height: 22px; }

.rodape_copyright_mobile { float: left; margin-top:50px; }
.rodape_redes_sociais { width:994px; }
.redes_sociais { margin-top:0px; float:right; margin-right:55px; }
.rede_social_facebook { float:left; clear:right; margin-top:5px; margin-bottom:20px; }
.rede_social_x { float:left; clear:left; margin-top:5px; margin-bottom:20px; margin-right:20px; }
.rede_social_x img, .rede_social_facebook img { vertical-align: bottom; }
.rede_social_x spam, .rede_social_facebook spam { color:white; margin-left:3px; font-size:20px; }


.titMenu A				{color:#FFFFFF; font-size: 16px /* !important */ ; text-decoration: underline; }
.titMenu A:HOVER, .titMenu A.selected	{color:#003366; }

.spaceMenuRodape		{margin: 12px 12px 0 12px; padding: 0}
.spaceMenuRodape li		{ line-height:36px /* !important */ ;  }
.spaceMenuRodapeLinha2 li		{ line-height:14px /* !important */; }
.spaceMenuRodapeFim		{margin: 2px 0 0 0px;}
.spaceMenuRodapeLinha2	{margin: 51px 50px 0 25px;}
.spaceMenuRodapeFimLinha2		{margin:51px 0 0 0px;}

.menuRodape		{ float:left; color: #FFFFFF; font-size:16px }
.menuRodape li		{ list-style: none; }
.menuRodape li ul li	{ list-style: none; }
.menuRodape A		{ color: #FFFFFF; font-size:16px }
.menuRodape A:HOVER	{ color: #003366; font-size:16px }
.menuRodape A:HOVER, .menuRodape A.selected	{ color: #2fcaf9;; font-size:16px }

.divisor_rodape{
	float: left;
	width:994px;
	height:25px;
	}
.r_top{
		background: url("../imgs/barra_down.png") no-repeat center top;
		 margin: 30px 0 -30px;
	}	
.r_bottom{
		background: url("../imgs/barra_up.png") no-repeat center top;
		 margin: 30px 0 -30px;
	}	

.ajustaMenuRodape		{ margin:0 0 0 15px;}

.blocoNoticia img		{ padding-right:8px /* !important */ ; }
.zero_noticias			{ text-align: center; margin: auto; }
.endereco				{float:left; font-family:Abadi; font-size: 16px; color: #FFFFFF; margin: -3px 0 0 10px;}
.enderecoSep			{ float:left; margin: 50px 0 0 72px;}

.conteudo {
	float: left;
}

.conteudonoticias {
	float: left;
	width: 1100px;
	max-width: 1100px;
}

.conteudoprincipal {
	float: left;
	width: 900px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px; /* deve ser maior que altura da barra inferior SAIR */
	margin-left: 15px;
}

.noticiasedestaques {
	float: left;
	width: 948px;
	margin-top: 27px;
	margin-right: 0;
	margin-bottom: 45px; /* deve ser maior que altura da barra inferior SAIR */
	margin-left: 0;
}

.cabecalho {
	margin-bottom: 0px;
	/* width: 51%; */ /* margem inferior >= altura do rodape fixo */
	max-width: 1024px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.bannersLaterais		{ width:307px; }

.bannerLateralHome A{text-align:center; display:block; width:307px; height:119px; margin: 0px;}
.faleHome A{background: url("../imgs/layout/fale_home.jpg")  no-repeat ; display:block; width:307px; height:119px;}
.segundaViaHome A{background: url("../imgs/layout/2via_home.jpg")  no-repeat ; display:block; width:307px; height:117px;}
.prefeituraHome A{background: url("../imgs/layout/prefeitura_home.jpg")  no-repeat ; display:block; width:307px; height:120px;}
.projetoHome A{background: url("../imgs/layout/projeto_home.jpg")  no-repeat ; display:block; width:307px; height:117px;}


.noticiaMais 			{ color: #0098da; margin-left: 5px; font-weight: normal; }
.licitacaoMais, .contratacaodiretaMais { color: #0098da; margin-left: 5px; font-weight: normal; margin-right: 10px; }
.listaUltimasNoticias 		{ float: left; margin-left: 10px; margin-right: 10px; margin-top: 0; margin-bottom: 30px; padding: 0; text-align: left; }
.listaUltimasNoticias LI 	{ float: left; list-style: none; }
.listaUltimasNoticias LI:nth-child(n+3) 	{ border-left: 1px solid #a9abae; }
.listaUltimasNoticias LI div.noticia div.imagemNoticia	{ float: left; }
.listaUltimasNoticias LI div.noticia div.imagemNoticia img	{ max-width:160px; max-height:120px; }
.listaUltimasNoticias LI div.noticia { margin-bottom: 1em; }
.listaUltimasNoticias LI div.noticia:after { clear:both; }
.itemNoticia			{ display: block; margin-left: 10px; margin-right: 10px; width: 280px; }
.itemNoticia1st			{ display: block; margin-left: 10px; margin-right: 30px; margin-top: 15px; margin-bottom: 10px; width: 567px; }
.itemPagNoticia1st		{ display: block; margin: 0; width: 100%; }
.itemPagNoticia1st .imgpagnoticia1st { float: left; width: 300px; }
.textosobreimagem		{   position: relative;  max-width: 800px; /* Maximum width */  margin: 0 auto; /* Center it */ }
.textosobreimagem .imgnoticia   {   width: 100%; }
.textosobreimagem .imgnoticiatxt {
	position: absolute; /* Position the background text */
	bottom: 0; /* At the bottom. Use top:0 to append it to the top */
	background: rgb(0, 0, 0); /* Fallback color */
	background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
	color: #f1f1f1; /* Grey text */
	width: 505px; /* 100%; */ /* Full width */
	padding: 20px; /* Some padding */
}

.itemPagNoticia1st:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.listaServicosDestaques li {
	position: relative;
	list-style: none;
	float: left;
	width: 240px;
	text-align: left;
	border-left: 2px solid #0063be;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	height: 135px;
}

.listaServicosDestaques li:nth-child(4n+1), .listaServicosDestaques li:nth-child(4n+2) {
	border-left: 2px solid #ff5a00;
}

.listaServicosDestaques li h3 {
	margin-top: 0;
}

.listaServicosDestaques li div div a {
	font-weight: normal;
}

.listaServicosDestaques li:nth-child(4n+1) h3 a, .listaServicosDestaques li:nth-child(4n+2) h3 a {
	color: #ff5a00;
}

.listaServicosDestaques li h3 a {
	color: #0063be;
}

.listaServicosDestaques li .areaTxtSemImg {
	font-size: 17px;
}

.listaServicosDestaques li .destaquecliqueaqui {
	position: absolute;
	bottom: 0;
	background-color: #0063be;
	border-radius: 5px;
	font-size: 12px;
	line-height: 12px;
	color: white;
	padding: 3px;
}

.listaServicosDestaques li:nth-child(4n+1) .destaquecliqueaqui, .listaServicosDestaques li:nth-child(4n+2) .destaquecliqueaqui {
	background-color: #ff5a00;
}

.imgdestaque img { height: 243px; width: 895px; margin-left: 15px; vertical-align: middle; }

.titUltimasNoticias 		{ display:block; height:24px; color: #aa1c1c; font-size: 24px; padding-top: 12px; padding-left: 8px; }
.titPagina 			{ display:block; font-weight: bold; font-size: 25px; margin-bottom: 40px; margin-top: 22px; padding-left: 0; color: #2e608f; }
.titHome			{ font-family:Arial; font-size: 19px; margin: 5px 0 10px 0; color: #469d46 /* #06070b */ ;}
.titHome a			{ text-decoration:none; outline:none; color: #469d46;}
.imgnoticiatxt .titHome a	{ color: white; }
.titHome a:hover, .titHome a.selected { color: #167BB3;}
.titNoticia			{ font-size:16px; color:#277B9F; font-weight: bold; text-align: left; }
.titNoticia a			{ text-decoration:none;}
.marcasessao			{ display: inline-block; background-color: #65c833; width: 14px; height: 16px; }
.saibamais			{ color: #65c833; }
.paginacao				{ margin-top: 25px; margin-bottom: 20px; text-align: center; }
.paginacao > p > a, .paginacao > p > strong	{ margin-left: 5px; margin-right: 5px; }
UL.listaTodasNoticiasPagNoticias	{ font-size: 20px; margin-top: 20px; padding: 0; }
.listaTodasNoticiasPagNoticias LI	{ list-style: none; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid lightgrey; }
.listaTodasNoticiasPagNoticias LI div.noticia h3.titNoticia { width: 100%; }
.listaTodasNoticiasPagNoticias LI div.noticia h3.titNoticia a { color: black; }
/* .listaTodasNoticiasPagNoticias LI div.noticia div.imagemNoticia img { max-width:130px; max-height:80px; } */
.listaTodasNoticiasPagNoticias LI div.noticia div.marcadorNoticia { float:left; width:71px; height:40px; margin-right: 10px; margin-top: 5px; padding-left: 10px; padding-right: 5px; padding-top: 5px; background-color: #0098da; color: white; border-radius: 10px; line-height: 17px; }
.listaTodasNoticiasPagNoticias LI div.noticia div.marcadorNoticia span.marcadorDia { font-size: 16px; }
.listaTodasNoticiasPagNoticias LI div.noticia div.marcadorNoticia span.marcadorMes { font-size: 15px; }
UL.listaNoticiasPagNoticias		{ font-size: 20px; padding: 0; text-align: left; }
.listaNoticiasPagNoticias LI		{ list-style: none; display: inline-block; vertical-align: top; margin-right: 20px; }
.listaNoticiasPagNoticias LI div.noticia { width: 250px; }
.listaNoticiasPagNoticias LI div.noticia h3.titNoticia { width: 200px; }
.listaNoticiasPagNoticias LI div.noticia h3.titNoticia a { color: black; }
.listaNoticiasPagNoticias LI div.noticia div.imagemNoticia { width: 200px; height:120px; float: none; }
.listaNoticiasPagNoticias LI div.noticia div.imagemNoticia img { max-width:200px; max-height:150px; }
.itemPagNoticia1st div.dadosNoticia { display: block; float: left; margin-left: 20px; }
.itemPagNoticia1st div.dadosNoticia h3.titNoticia { width: 300px; margin-bottom: 5px; }
.itemPagNoticia1st div.dadosNoticia h3.titNoticia a { color: black; font-size: 20px; font-weight: normal; }
.itemPagNoticia1st div.dadosNoticia div.areaTxtImgLista a { color: #65c833; }
.noticia			{ padding-top:10px; }
.dataNoticia			{ font-size: 10px; color: #999; line-height: 16px; }
.imagemNoticia			{ width:130px; height:80px; float:left; padding-right: 5px; }
.areaTxtSemImg			{ font-size: 15px; line-height: 17px; padding: 0 }
.listaNoticias LI div.noticia 						{ margin-bottom: 1em; }
.listaNoticias LI div.noticia:after 					{ clear:both; }
.listaNoticias LI div.noticia .areaTxtSemImg				{ float: left; }
.itemPagNoticia1st div.dadosNoticia .areaTxtSemImg			{ float: left; }
.listaTodasNoticiasPagNoticias LI div.noticia .areaTxtSemImg		{ float: left; width:/* 573px */ 100%;  padding: 0; font-size: 16px; }
.listaNoticiasPagNoticias LI div.noticia .areaTxtSemImg			{ text-align: justify;  }
.areaTxtImgLista		{ width:478px; font-size: 15px; line-height: 17px; }
.itemPagNoticia1st div.dadosNoticia .areaTxtImgLista			{ float: left; }
.listaTodasNoticiasPagNoticias LI div.noticia .areaTxtImgLista		{ width:100%;  padding: 0 0 0 5px}
.listaNoticiasPagNoticias LI div.noticia .areaTxtImgLista		{ width:478px;  padding: 0 0 0 5px}
.areaTxtImg			{ float: left; width: 360px;  padding: 0 0 0 5px}
.areaTxtImg A, .areaTxtImgLista A, .areaTxtSemImg A		{text-decoration:none; outline:none; color: #5f6971; font-weight: bold;}
.areaTxtImg A:hover, .areaTxtImg A.selected, .areaTxtImgLista A:hover, .areaTxtImgLista A.selected, .areaTxtSemImg A:hover, .areaTxtSemImg A.selected	{ color: #167BB3;}
.sepNotHome				{ background: url("../imgs/layout/sep_menu_lateral2.jpg") repeat-x; width: 570px; height: 1px; margin: 7px 0 0 0; }

.acesso_agesan div.icone_acesso { float: right; width: 250px; margin-left: 10px; }
.acesso_agesan div.icone_acesso img { width:200px;margin-left:50px; }
.acesso_agesan p.informacao_interrupcao { font-size: 14px; }
.acesso_agesan p.informacao_interrupcao a { font-weight: bold; text-decoration: underline; }

.acesso_agesan ul.lista_avisos							{ margin-top: 20px; list-style: none; padding: 0; }
.acesso_agesan ul.lista_avisos div.subtit_avisos					{ background-color: #32424a; color: white; width: 250px; padding-left: 10px; font-weight: bold; font-size: 12px; }
.acesso_agesan ul.lista_avisos LI div.aviso .data_aviso				{ font-size: 12px; color: #999; line-height: 16px; }
.acesso_agesan ul.lista_avisos LI div.aviso .titulo_aviso				{ margin: 0; color: black; font-size: 16px; font-weight: bold; text-align: left; }
.acesso_agesan ul.lista_avisos LI div.aviso .texto_aviso			{ font-size: 14px; }
.acesso_agesan .aviso								{ padding-top: 10px; }
.acesso_agesan .item_glossario								{ font-weight: bold; }


.avisos_webpush p.informacao_exclusao						{ font-size: 14px; }
.avisos_webpush ul.lista_avisos							{ margin-top: 20px; list-style: none; padding: 0; }
.avisos_webpush ul.lista_avisos li.aviso					{ border-radius: 25px; padding: 10px; margin-bottom: 10px; box-shadow: 0px 2px 6px 0px #aaa; }
.avisos_webpush ul.lista_avisos li.aviso div.barra_notificacao			{ background-color: #c9c9c9; color: white; font-weight: bold; font-size: 14px; }
.avisos_webpush ul.lista_avisos li.aviso h3.titulo_aviso			{ margin: 0; color: #54b488; font-size: 16px; font-weight: normal; text-align: left; margin-top: 5px; margin-bottom: 10px; }
.avisos_webpush ul.lista_avisos li.aviso div.campo_aviso			{ font-size: 14px; color: #737373; }
.avisos_webpush ul.lista_avisos li.aviso div.campo_aviso span			{ font-weight: bold; }




.botoesacessorapido		{ }
.botoesacessorapido:after	{
	display: block;
	content: " "; /* Older browser do not support empty content */
	clear: both;
	height: 20px;
}


/*internas */
.bannersLateraisInt		{ float: right; width:297px; margin-top: 27px; }
.quadroacessorapido		{ text-align:center; background-color: #25729b; position: relative; }
.bannersLateraisInt P			{  margin: 0 0 20px 0; }
.colunaLinks	{
	float: left;
	clear:left;
	width:297px;
	text-align:left;
}

.colunaLinks a {
	color: #373435;
}

li.colunaLinks + li.colunaLinks:before {
	content: " "; /* Older browser do not support empty content */
	display: block;
	border: 1px solid transparent;
	border-image: linear-gradient(to left, white, #96989a, white);
	border-image-slice: 1;
	margin-top: 30px;
	margin-bottom: 30px;
}

ul.colunaLinks > li:last-of-type:after {
	content: " "; /* Older browser do not support empty content */
	display: block;
	border: 1px solid transparent;
	border-image: linear-gradient(to left, white, #96989a, white);
	border-image-slice: 1;
	margin-top: 60px;
	margin-bottom: 30px;
}

ul.colunaLinks > li > ul > li:first-of-type {
	margin-top: 30px;
}

ul.noticiasRecentesInt {
	padding: 0;
}

ul.linksRelacionadosInt {
	padding: 0;
}

ul.linksRelacionadosInt .tituloLista {
	/* color: #f58834; */
}

ul.linksRelacionadosInt .linkRelacionadoInt {
	color: #007db4;
}

ul.colunaLinks {
	margin-top: 0;
	padding: 0;
}
ul.colunaLinks li	{
	list-style: none;
}

ul.noticiasRecentesInt li	{
	list-style: none;
	margin-top: 10px;
	padding-left: 25px;
	margin-left: 10px;
}

a#servicos_sair {
	color: red;
	font-size: 20px;
}

ul.opcoesLogado li {
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.opcoesLogado li a.noticiaRecenteInt img {
	width: 35px;
	vertical-align: middle;
}

ul.linksRelacionadosInt li	{
	list-style: none;
	margin-top: 10px;
	padding-left: 25px;
	margin-left: 10px;
}

ul.noticiasRecentesInt li /* :nth-child(5n+1) */ {
	background: url('/_common/site/imgs/layout/marker-noticias_recentes.svg') no-repeat left top;
}

/*
ul.noticiasRecentesInt li:nth-child(5n+2) {
	background: url('/_common/site/imgs/layout/marker-noticias_recentes2.svg') no-repeat left top;
}

ul.noticiasRecentesInt li:nth-child(5n+3) {
	background: url('/_common/site/imgs/layout/marker-noticias_recentes3.svg') no-repeat left top;
}

ul.noticiasRecentesInt li:nth-child(5n+4) {
	background: url('/_common/site/imgs/layout/marker-noticias_recentes4.svg') no-repeat left top;
}

ul.noticiasRecentesInt li:nth-child(5n+5) {
	background: url('/_common/site/imgs/layout/marker-noticias_recentes5.svg') no-repeat left top;
}
*/

.noticiasRecentesInt ul li a	{ color: black; }
ul.colunaLinks:before, .listaNoticiasPagNoticias:before, .listaTodasNoticiasPagNoticias:before {
  content: '';
  display: block;
  clear: both;

	margin-top: 40px;
	margin-bottom: 20px;

  border: 1px solid transparent;
  border-image: linear-gradient(to left, white, #96989a, white);
  border-image-slice: 1;
}

.listaNoticiasPagNoticias:after {
  content: '';
  display: block;
}

.listaNoticiasPagNoticias {
	margin-top: 20px;
	margin-bottom: 20px;
}

.listaNoticiasPagNoticias li div.noticia:after {
  border: 1px solid transparent;
  border-image: linear-gradient(to bottom, white, #96989a, white);
  border-image-slice: 1;
}

.linktodosservicos {
	position: absolute;
	bottom: 3px;
	right: 10px;
	color: white;
	padding-top: 30px;
}

a.linkservico			{ width: 99px; height: 90px; font-size: 12px; font-weight: bold; float: left; line-height: 14px; margin-top: 22px; margin-bottom: 45px; }

/* assim, ao contrario do que apenas "a.linkservico", ganha mais preferencia do que o ".conteudoprincipal a" */
.botoesacessorapido a.linkservico { color: white; }

a.linkservico div.icone_acessorapido {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	width: 62px;
	height: 62px;
	margin-bottom: 3px;
	border-radius:50%;
	margin-left: auto;
	margin-right: auto;
	line-height: 62px; /* necessario para o vertical-align da imagem interna */
}
a.linkservico div.icone_acessorapido img		{ height: 30px; vertical-align: middle; }
a.linkservico div#icone_fatdigital img	{ height: 20px; }

#icone_segvia {
	background-color: #00a859;
}
#icone_projhidro {
	background-color: #4c7fd5;
}
#icone_histconsumo {
	background-color: #7f3362;
}
#icone_fatdigital {
	background-color: #0a446f;
}
#icone_quitacao {
	background-color: #e4a730;
}
#icone_consjuridica {
	background-color: #f5886c;
}
#icone_negdebitos {
	background-color: #828386;
}
#icone_abastecimento {
	background-color: #4c7fd5;
}
#icone_app {
	background-color: #8ac33e;
}

.fundotituloacessorapido		{
	display: table;
	background-color: #0098da;
	margin-bottom: 20px;
	width: 100%;
	height: 48px;
}

.tituloacessorapido		{
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	color: white;
	text-align: left;
	padding-left: 15px;
}

.linkuteis			{ float: left; width:265px; text-align:center; background-image: linear-gradient(to bottom, #75badc, #dedfdf); }
.linkuteis_interno		{ width:185px; text-align:center; margin: auto; margin-top: 58px; margin-bottom: 5px; padding-top: 20px; background-color: white; }

a.linkutil			{ margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:20px; width: 120px; color: #0098da; font-size: 11px; display: block; line-height: 14px; }

a.linkutil+a.linkutil { border-top: solid #75badc 1px; }

a.linkutil img			{ height: 40px;}
a.linkutil span			{ font-size: 8px;height: 14px;}

.primeira_coluna		{ float: left; }
/* .enderecos_comusa		{ float: left; padding-left: 50px; margin-top: 10px; color: white; line-height: 19px; font-size:15px; } */
.enderecos_comusa		{ padding-left: 50px; margin-top: 10px; color: white; line-height: 19px; font-size:15px; }
.endereco_comusa		{ margin-bottom: 10px;  }
.endereco_comusa h5		{ margin-bottom: 10px; margin-top: 0; color: #aca77b; font-size: 15px; font-weight: bold; }

.box_apps_comusa		{ display: block; height: 90px;}
.apps_comusa			{ float: right; width: 260px; text-align: center; color: white; display: block; float: right; margin-top: 5px; }
.apps_comusa img		{ height: 45px;}

.baixeapp			{ font-size: 20px; line-height: 27px; }

.conteudoprincipal a, .cke_show_borders a {
	color:#277B9F;
}
.conteudoprincipal a:hover, .cke_show_borders a:hover {
	text-decoration: underline;
}

.conteudoprincipal P, .cke_show_borders P	{  margin: 20px 0 20px 0; }
div.tituloBusca			{width: 900px; }
.tituloBusca H2			{float: left; font-family:Abadi; font-size: 50px; text-shadow: 2px 2px #1372AA; color: #FFFFFF; margin: 138px 0 0 0; }
.ajustaBuscaInt			{float: right; margin: 0 0 0 0; float: right; width: 275px; margin: 54px 0 0;}
.ajustaBuscaInt:after		{clear: both;}
.bgBuscaInt				{ float: left; background: url("../imgs/layout/bg_busca.png") no-repeat;width:213px; height:25px; margin: 88px 0 0 0; }
.bgBuscaInt INPUT		{border:0; width:202px; height:20px; margin: 3px 0 0 3px}
.buscasInt				{ display: block; float: left; background: url("../imgs/layout/buscar.png") no-repeat; width:58px; height:24px; cursor: pointer; margin: 88px 0 0 2px;  }
.buscaIntSubmit			{float: left;}
.buscaIntSubmit:after		{clear: both;}
.buscaPalavra			{ font-style: italic; }
.buscaTipo			{ font-size: 0.8em; }

.bannerLateralInt A{display:block; height:97px;  margin: 3px 0 0;}
.faleInt A{background: url("../imgs/layout/fale_int.jpg")  no-repeat ; display:block; width:248px; height:103px;}
.segundaViaInt A{background: url("../imgs/layout/2via_int.jpg")  no-repeat ; display:block; width:248px; height:101px;}
.prefeituraInt A{background: url("../imgs/layout/prefeitura_int.jpg")  no-repeat ; display:block; width:248px; height:95px;}
.projetoInt A{background: url("../imgs/layout/projeto_int.jpg")  no-repeat ; display:block; width:248px; height:99px;}

.subTit					{ font-size: 24px; font-weight: normal; color: #2e608f; margin-top: 40px; margin-bottom: 20px; }
.subTitMenor			{ color:#1374AB; text-align: left; }
.sepInt					{ background: url("../imgs/layout/sep_menu_lateral2.jpg") repeat-x; width: 572px; height: 1px; margin: 15px 0 15px 0; }

.detalhesObras			{float: left; width: 400px; margin: 0 0 0 10px;}
.detalhesObras:after		{clear:both;}
.detalheObra				{font-weight: bold;}
ul.obras > LI				{margin: 0 0 15px 0}
ul.obras > LI .imagemObra		{float: left}
ul.obras > LI .imagemObra img		{max-height: 100px; max-width: 125px;}
.endereco2				{width: 200px}
.mapa2					{ border: 4px solid #289DC8; margin: 0 0 0 12px;}

ul.listaOpcoes				{list-style: none; margin: 0 0 15px 0; padding-left: 15px;}
ul.listaLegislacao			{padding: 0; margin-top: 40px;}
ul.listaLegislacao > LI			{list-style: none; margin: 0 0 15px 0; color: #9c9c9b; }
ul.listaLegislacao > LI > UL		{padding: 0;}
ul.listaLegislacao > LI > UL > LI > P		{display: inline; margin: 0 0 0 0; }
ul.listaCadastrados			{padding: 0;}
ul.listaCadastrados > LI			{list-style: none;}
ul.listaCadastrados > LI > H3		{ background-color: #f3f6f7; padding: 10px; margin-bottom: 5px; }
ul.listaCadastrados > LI > H3 > A	{ color: black; }
ul.listaCadastradosDiretoria		{padding: 0;text-align: left;}
ul.listaCadastradosDiretoria > LI		{list-style: none;display:inline-block; width: 297px; vertical-align:top;}
.bgDown 				{ padding: 0; }
.bgDown LI:before			{content: url("/_common/site/imgs/layout/botao_download.png"); display: inline;}
.bgDown LI 				{list-style: none; margin: 0 0 0 15px; line-height: 30px; text-align: left;}
.bgDown LI a				{vertical-align: top;}
.separador				{background: url("../imgs/layout/separador.jpg") no-repeat; width:575px; height:1px; margin:30px 0 25px 0;}
.pLicitacoes, .pContratacoesDiretas	{list-style: none; margin-bottom: 10px;}
.pLicitacoes a.link_transmissao		{font-weight: bold;}
.quadroLoginCadastroDigital		{ background: linear-gradient(to bottom, #b3b2b2, #dddddd 5%, #dddddd 95%, #b3b2b2);; width:542px; height:380px; margin: 0 0 0 15px; /* text-align: center; */ }
.foto_comunidade, .foto_escola		{width: 166px; height: 142px; }
#dataSelecionada			{color: #30A3CF; font-family:Abadi; font-size: 30px; text-shadow: 0px 0px #1372AA; padding: 35px 0 0 0 /* !important */;}
.semAgendamento				{color: #30A3CF; font-family:Abadi; font-size: 30px; text-shadow: 0px 0px #1372AA; padding: 35px 0 0 0 /* !important */;}
.mesAgenda				{color: #30A3CF; font-family:Abadi; font-size: 24px; text-shadow: 0px 0px #1372AA; padding: 0 0 0 0 /* !important*/;}
.matricula				{margin: 0 0 0 -191px /* !important */ ;}
.inputMatricula INPUT, .inputLogin INPUT, .inputSenha INPUT	{background:#FFF; height:30px; width: 292px; margin: 0; outline: none; border: 0; font-size: 17px; font-family: Arial;}
.btnOk INPUT			{background-color: #75badc; height: 28px; width: 296px; cursor: pointer; text-align: center; margin: 10px 0 0 0; color: white; font-weight: bold; font-size: 17px; outline: none; border: 0; padding: 0; font-family: arial; }
.restrito				{margin: 0 0 25px; text-align: center; font-size: 28px }
.textoInput				{margin: 0 5px 0 130px;  text-align: right; width: 60px;}
.inputCadastro INPUT			{background:#FFF; height:23px; width: 195px; margin: 0 0 0 0;}
.enviar					{ background:#D4D4D4 /* !important */ ; margin:0 147px 0 0 /* !important */ ; height:23px; width: 55px /* !important */ ; cursor: pointer; text-align: center; float: right;}

.tabelaAgua				{ text-align: center; background: #2E99BF; color: #FFFFFF; }
.tabelaAgua TR TD		{border: 1px solid #1271A7;     font-size: 11px;    line-height: 100%;    padding: 5px; }
.tarifa					{width: 80px;  color: #000000 /* !important */ ;}
.categoria 				{width: 320px;  color: #000000 /* !important */ ; text-align: left; padding: 2px;}				
.preco 					{width: 123px;  color: #000000 /* !important */;}			
.servico				{width: 108px;  color: #000000 /* !important */;}				
.composta				{width: 156px;  color: #000000 /* !important */ ;}

.mioloSemLado			{margin: 0 0 40px 0;}

.obsAgua		{ margin-bottom: 100px; }
.semFormato 		{ margin: 15px 0 25px 55px; padding: 0; }
.semFormato  p		{ margin: 0px; padding: 0; }

.topoTab			{background:#1475AA  /* !important */ ; color: #FFFFFF; text-align: center; font-weight: bold; }
.zebra 				{width: 100%;}
.zebra TR			{ background: #EEEEEE; text-align: center;}
.corSim				{background: #E2E2E2 /* !important */ ; text-align: center;}

.infos LI			{list-style: disc; list-style-position: inside;}

#video_acomusa		{ width: 590px; height: 332px; }
.youtube_licitacao	{ width: 315px; height: 560px; border:none; }

.listDecimal UL LI	{ list-style: decimal; list-style-position: inside /* !important */ ;}
.listDecimal P A	{text-decoration: underline; }
.listDisc  LI		{ list-style: disc /* !important */ ; list-style-position: inside /* !important */ ; margin: 5px 0 5px 20px;}

.listBalanco		{ padding: 0; }
.listBalanco LI:before	{content: url("/_common/site/imgs/layout/iconedownload.png"); display: inline; /* vertical-align: top; */ margin-right: 5px;}
.listBalanco LI 	{list-style: none;}

.conjuntoBalanco	{float: left; width: 420px;}
.conjuntoBalanco h3	{ background-color: #f3f6f7; margin: 10px !important; border-radius: 0; }
.conjuntoBalanco div	{ float: left; width: 390px; }

.nomeCampo			{font-size: 12px;  margin: -6px 5px 0 0; text-align: right;  width: 83px;}
.campo INPUT		{ width:280px; height:20px; background:#B9CFDA;  }
.campoFile INPUT	{ width:280px; margin: 10px 0 0 87px; background: #B9CFDA;  }
.submit INPUT		{ width:55px; margin: 20px 227px 0 0; background: #B9CFDA; cursor: pointer;  }
.campo TEXTAREA		{ width:285px; height:150px; background: #B9CFDA; border: 0; resize:none;  }

.galeria UL LI		{display: inline-block;}
.galeria UL LI A IMG		{max-width: 150px; max-height: 150px;}
.funcionarios UL LI		{display: inline-block; float: left; margin: 0 7px 0 8px; text-align: center;}

.center { text-align: center;}

.dataNot A			{font-weight: bold; color:#317A9D; }
.dataNot A:HOVER	{text-decoration: underline; }
.txtNot A			{font-weight: bold; color:#000000; font-size: 14px }
.txtNot A:HOVER		{text-decoration: underline; }

.imprimir			{ background:url("../imgs/layout/imprimir.png") no-repeat; width:91px; height: 23px; display: block; cursor: pointer; float: left; }
.amenos				{ background:url("../imgs/layout/a-.png") no-repeat; width:35px; height:23px; display: block; cursor: pointer; float: left; }
.amais				{ background:url("../imgs/layout/a+.png") no-repeat; width:32px; height:23px; display: block; cursor: pointer; float: left; }

.ajustaCal			{ margin: 0 0 15px 0;}
.calendario			{width:544px; border: 0px /* !important */ ; text-align: center; }
.setaEsqAjusta		{width:149px; text-align:right;  }
.setaEsq			{ background:url("../imgs/layout/setas_calendario.png") no-repeat; margin: 0 0 0 140px; width:7px; height:21px;  text-align:right; display: block;}
.data				{width:250px; text-align: center;}
.setaDirAjusta		{width:145px; text-align: left;  }
.setaDir			{ background:url("../imgs/layout/setas_calendario.png") -10px 0 no-repeat; width:7px; height:21px; text-align:right; display: block;}

.diaFora			{background:#F3F3F3 /* !important */ ; color:#CFCFCF /* !important */ ;  }
.diaSemana			{ border-radius: 10px 0 0 0; -webkit-border-radius:10px 0 0 0;}
.diaSemana2			{ border-radius: 0 10px 0 0; -webkit-border-radius:0 10px 0 0;}
.calDias TD			{background:#CEF1F7; color: #2995C3;width: 76px;  }
.calDatas TR TD		{background:#FFFFFF; color: #575757; border:1px solid #CDCDCD; width: 76px;  }
.btnAgendar			{ float: right; }
.btnAgendar	A		{background: url("../imgs/layout/btn_agendar.png") no-repeat; width:237px; height:22px;  display: block; cursor: pointer; margin: 15px 54px 0 0;}


.nenhumEvento			{ color: #FFF; font-size: 16px; text-align: center; }
.eventoAgenda			{background: url("../imgs/layout/barra_azul.png") no-repeat; width:609px; height:24px; font-size: 14px; font-weight: bold; padding: 0 0 0 15px; margin: 30px 0 10px 0;}
.imgLado			{margin: 10px 10px 0 0 }
.imgLado2			{margin: 10px 0 0 10px }

.cadastroAgenda INPUT { background: #B9CFDA /* !important */; height: 22px;   width: 300px;}
.enviarAgenda 			{ background: #B9CFDA /* !important */ ; height: 22px /* !important */ ; width: 50px /* !important */ ; margin: 20px 194px 0 0 /* !important */ ; cursor: pointer;}
.cadastroAgenda TEXTAREA {padding: 0 0 0 5px; background: #B9CFDA /* !important */ ; height: 150px;   width: 300px; resize:none; border: 0px}
.textoFormAgenda	{float:left; margin: 0 5px 0 0; text-align: right; width: 95px;}
.entradaFormAgenda	{float:left;}
.espacoCampo { height: 30px; margin-bottom: 1em; }
.espaco2Campo { height: 150px; margin-bottom: 1em;}
.espacoCampo:after { clear: both; }
.espaco2Campo:after { clear: both; }


.linksSite LI	{list-style: disc; list-style-position: inside;}
.linksSite LI UL LI	{list-style: circle; margin: 0 0 0 35px; list-style-position: inside;}
/* slider home */

#slider				{ height: 293px /* !important */ ; width: 590px; overflow: hidden; }
#controls			{  position:absolute; top:250px; margin-left:0px; width:589px; height:25px; float:right; text-align:right; }
#controls li 		{ list-style:none; display:inline; z-index:99; }
#controls li a		{ display:-moz-inline-box; display:inline-block; margin-right:4px;  background: url("../imgs/layout/btn.png") no-repeat; width:12px; height:11px; text-indent:-50000px; overflow:hidden; outline:none; font-size:0px;	color:#959595;	z-index:99; padding:0 }
#controls li.active a	{ color:#959595; display:inline-block; width:12px;  background: url("../imgs/layout/btn_hover.png") no-repeat; height:11px;text-indent:-50000px; overflow:hidden; }
#controls li a:hover	{ display:inline-block; background: url("../imgs/layout/btn_hover.png") no-repeat; color:#ffffff; width:12px; height:11px;text-indent:-50000px; overflow:hidden; }
ol#controls li.current a	{ background: url("../imgs/layout/btn_hover.png") no-repeat; color:#ffffff;}


/* 
	LEVEL ONE
*/
ul.dropdown                { position: relative; }
ul.dropdown li             {float:left;display:inline-block; /* zoom: 1; */ height:37px; }
ul.dropdown a:hover		   {   }
ul.dropdown a:active       {  }
ul.dropdown li a           { display: block; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover, ul.dropdown li A.selected      {position: relative; }
ul.dropdown li.hover a     {  }
ul.dropdown li:hover ul 	{ display: block /* !important */ ; visibility: visible /* !important */ ; }

/* 

	LEVEL TWO
*/
ul.dropdown ul 				{border-right:1px solid #95E2F2; border-left:1px solid #95E2F2; border-bottom:1px solid #95E2F2; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;  font-family:Abadi /* !important */ ; text-indent:0px /* !important */ ; background:#FFFFFF; width: 204px; visibility: hidden; position: absolute; top: 24px;  }
ul.dropdown ul li 			{font-family:Abadi /* !important */ ; z-index:9999; height:37px; color: #333333; float: none;    }
								  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a			{ font-family:Abadi /* !important */ ; font-size:18px;  height: 22px; padding: 14px 0 7px 11px; background:none /* !important */ ; border-right: none;  width: 204px; display: block;   } 
ul.dropdown ul li a:hover	{ font-family:Abadi /* !important */ ; font-size:18px; background:none /* !important */ ; border-right: none; width: 204px; display: block; text-decoration:none; height: 22px; padding: 14px 0 7px 11px; } 

.setaMenu	{background: url("../imgs/layout/setas_calendario.png") no-repeat right /* !important */;}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 			{ margin:0  /* !important */ ; left: 204px; top: 0;border:1px solid #95E2F2; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; }
ul.dropdown li:hover > ul 	{ visibility: visible; }

.bottomMenu					{ /* background: url("../imgs/layout/bottom_ul.png") bottom center no-repeat; */ display: block; height:12px; width:100%; }


/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv{ position: relative; margin: 0; padding: 0; /* zoom: 1; */ z-index:999 /* !important */ ; }
.menu-hv:after { clear:both; }
.menu-hv *{ margin: 0; padding: 5px ; list-style: none; }
.menu-hv li{ position: relative; line-height: 1.2em; vertical-align: top; font-family:Arial;  }
.menu-hv a{ /* zoom: 1; */ line-height: 1.2em; text-decoration:none; outline:none; color: #6c8d31; white-space: nowrap; }
.menu-hv a:hover, .menu-hv a.selected { color: #167BB3; background-color: #e6e7e8; }
.menu-hv li ul{ position: absolute; visibility: hidden; top: 25px; left: 25px; font-family: Arial; /* font-size: 16px !important; */ }
.menu-hv > li:hover > ul { visibility: visible; display:block; }
.menu-hv li:hover ul ul { visibility: hidden; }
.menu-hv li li:hover ul { visibility: visible; }
.menu-hv li li:hover ul ul  { visibility: hidden; }
.menu-hv li li li:hover ul { visibility: visible; }
/* características horizontal-vertical */

.menu-separador:hover { color: black; }
.menu-separador { color: white; }

.menuparent2{ /* display: none; */ }
.menuparent{ /* visibility: visible !important; */ }
.menu-hv li.titMenuPrincipal { font-family:Arial; font-size: 17px; }
.menu-hv li.titMenuPrincipal+li.titMenuPrincipal:before { padding: 8px; color: #6c8d31; display: inline; content: "|\00a0"; }
.menu-hv li div ul  {  z-index:999; /* background: url("../imgs/layout/top_ul.png") top center no-repeat; */ padding-top:13px; /* width: 210px; */     }
.menu-hv li div ul li { float: none;  text-indent: 0px;  display: block;   }
.menu-hv li div ul li ul { position: absolute; left: /* 165px */ 1065px; top: 0; background: url("../imgs/layout/top_ul_niveis.png") top center no-repeat /* !important */ ; visibility: hidden;  }

/* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
*/
.menu-hv li UL LI A {  background: #088cc6 /* #2b8bd9 */  /* #F0F8FB */ /* #0e97c7 */; z-index:99 /* !important */ ; color: /* black */ white; font-size: 16px; padding-right: 15px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }
.menu-hv li UL LI A.hasSubmenu {  background: #F0F8FB url("../imgs/layout/menu_a_submenu.png") top center no-repeat; padding-right: 15px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }
/* .menu-hv li UL LI a:hover { color:#FFF;  width:165px; height: 25px  } */
.menu-hv li UL LI a:hover { color:#00529C; padding-right: 15px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }


.textoNoticia img { padding: 9px; }
.acessorapido{ }	


ul.lista_padrao_comusa {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#ouvidoria #escolhaform {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#ouvidoria #escolhaform li {
    float: left;
    margin: 2px;
    display: block;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
    border-radius: 5px;
    /* background-color: #87def1;
       color: black;
    */
    background-color: #098ec6;
    color: white;
}

#ouvidoria #escolhaform li.selecionado {
    font-weight: bold;
    background-color: #45a049;
}

#ouvidoria #escolhaform li:hover {
    cursor:pointer;
}

#ouvidoria #listahorarios li {
    background: url('/_common/third_party/simpla_admin/resources/images/icons/bullet_black.png') center left no-repeat;
    padding: 0px 0 0px 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#ouvidoria ul#listahorarios {
    margin-top: 15px;
    margin-bottom: 15px;
}

#ouvidoria ul li {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: none;
}

#ouvidoria ul li span {
    color: #1374AB;
}

#ouvidoria form {
    text-align: left;
}

#ouvidoria form p.identopcional {
	display: none;
	color: red;
	font-weight: bold;
}

#ouvidoria form input[type=text],
#ouvidoria form textarea {
    width: 100%;
    padding: 8px 5px;
    margin-bottom: 12px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

#ouvidoria form label {
    margin-left: 5px;
}

#ouvidoria form div label {
    margin-left: 0px;
    margin-right: 10px;
}

#ouvidoria form input[type=submit],
#ouvidoria form input[type=button] {
    background-color: #098ec6;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 0px;
    width: 80px;
}

#ouvidoria form input[type=submit]:hover,
#ouvidoria form input[type=button]:hover {
    background-color: #45a049;
    cursor:pointer;
}

#ouvidoria form div { /* radio group sobre Vinculo */
    padding: 8px 5px;
}

#ouvidoria input[type=radio] {
	margin-left: 5px;
	margin-bottom: 0px;
	vertical-align: middle;
}

#ouvidoria form div.botoesform {
	float: right;
	 
}

#licitacaoyoutube { height: 20px; margin-right: 10px; vertical-align: middle; }
.licitacaotexto, .contratacaodiretatextotexto  { margin-top: 20px; margin-bottom: 20px; }

body{background: /* #e5e5e5 */ #fdfcff; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-family: Arial;}
.login {  background-color: #708BB3; background-image: url(login.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 120px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
.main {padding: 2px; vertical-align: top}
.caption {  font-family: Tahoma; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 0px; height: 42px}
.new-button {  width: 1px; padding-right: 6px; padding-left: 6px}
.new-text {  font-family: Tahoma; font-size: 12px; font-weight: bold; text-decoration: underline; height: 53px}
.entries-main { background-color: #fff}
.entries-key {  font-family: Tahoma; font-size: 15px; font-weight: bold; color: #2E2963; height: 32px; width: 93px; vertical-align: top; padding-bottom: 10px}
.entries-data {  vertical-align: top}
.entries-input {  border-width: 1px; border-style: inset; font-family: Arial; font-size: 14px; color: #2E2963; height: 21px; width: 100px}
.navigator-main {  height: 37px; padding-top: 14px}
.navigator-button {  padding-top: 14px}
a {  text-decoration: none; /* color: #333366; */ color: #00008B; }
.logout { background-color: #708BB3; background-image: url(/_common/site/imgs/servicos/logout.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 120px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.bt_comentarios { background-color: #D7E0F1; background-image: url(btn_comentarios.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.bt_debitoemconta { background-color: #D7E0F1; background-image: url(btn_debito_conta.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_segundavia { background-color: #D7E0F1; background-image: url(btn_segunda_via.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_posicaodivida { background-color: #D7E0F1; background-image: url(btn_posicao_divida.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_leituras { background-color: #D7E0F1; background-image: url(btn_leituras.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_servdiversos { background-color: #D7E0F1; background-image: url(btn_serv_diversos.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_enderecoalternativo { background-color: #D7E0F1; background-image: url(btn_end_alternativo.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_ocorrenciapagamentos { background-color: #D7E0F1; background-image: url(btn_ocorrencia_pagamentos.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_pagamentosnefetuados { background-color: #D7E0F1; background-image: url(btn_pagamentos_n_efetuados.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_sair { background-color: transparent ; background-image: url(btn_sair.gif); background-repeat: no-repeat; background-position: center center; height: 29px; width: 35px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_criarnovo { background-color: transparent ; background-image: url(btn_criar_novo.gif); background-repeat: no-repeat; background-position: center center; height: 29px; width: 35px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_confirmar { background-color: transparent ; background-image: url(btn_confirmar.gif); background-repeat: no-repeat; background-position: center center; height: 29px; width: 35px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_preimpresso { background-color: #D7E0F1; background-image: url(btn_preimpresso.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_viabranca { background-color: #D7E0F1; background-image: url(btn_formatoa4.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.btn_historico { background-color: #D7E0F1; background-image: url(btn_historico.gif); background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.campo_query { background-color: #CCCCCC; padding-top: 28px; padding-bottom: 13px ; font-family: Tahoma; color: #000000; text-decoration: none; cursor: crosshair}
.campo_queryrolagen { background-color: #CCCCCC; padding-top: 28px; padding-bottom: 13px ; font-family: Tahoma; color: #000000; text-decoration: none ; list-style-position: outside; list-style-image: url(nextbut.gif); list-style-type: none}
.textsaudacoes {  height: 15px}
.dadosRecordset {  font-size: 13px; text-align: center; padding: 0; }
.ajustavalidacao{padding-left:10px;}
.header_logo	{background:url(bg_topo.jpg) center top}
.lg_autenticacao{background:url(bg_autenticacao.png);width:335px;height:115px}
.index_box		{font-family:tahoma;font-size: 13px; }
.style_index	{font-family: tahoma;font-size: 13px; font-weight: bold; line-height: 18px;color:#fff}
.rodape_style {
	text-align: right;
}
.rodape_style a {
	margin-left: 3px;
	margin-right: 0;
	margin-top: 9px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 12px;
	padding-left: 12px;
	background: #606062;
	text-align: center;
	color:#fff;
	font-family: Arial;
	font-size: 18px;
}
.rodape_style a:hover {
	background: #b16031;
}
a.botao_validar_abastecimento, a.botao_validar_negativa {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	width: 90px;
	text-align: center;
	color:#fff;
	font-family: Arial;
	font-size: 16px;
	margin-left: 5px;
	vertical-align: middle;
}
a.botao_validar_abastecimento {
	background: #db9770;
}
a.botao_validar_negativa {
	background: #89d1c1;
}
.capt-via 		{font-family: Tahoma; font-size: 17px; color:#FFF; font-weight: bold; padding-left: 12px; height: 29px}
.capt-fatura	{background:url(/_common/site/imgs/rodape.png);font-family: Tahoma; font-size: 17px; color:#FFF; font-weight: bold; padding-left: 12px; height: 19px}

.tableRecordset {  border-right-width: 200px}
th.cabRecordset { font-size: 16px; text-decoration: underline; height:25px; text-align: center;}
td.cabRecordset { font-size: 14px; height:25px; text-align: center; text-decoration: underline; }
table#Table {
	border-collapse:separate;
	width: 815px;
	margin-bottom: 50px;
	margin-top: 20px;
}
table#Table td {
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to left, white, darkgrey, white);
  border-image-slice: 1;
  height: 40px;
  border-width: 3px;
}
table#Table tr:first-child td {
  border-bottom: 0;
}

input[name=aceitar] { margin-right: 5px; transform: scale(1.5); }
input[type=email].cadmail { width: 320px; font-weight: normal; font-size: 14px; line-height: 29px; height: 29px; border-radius: 3px; border: 1px solid #a4a4a5; }
input[type=submit].cadmail, button[type=submit].cadmail { width: 240px; font-weight: normal; font-size: 14px; line-height: 28px; height: 28px; 	background-color: #db9770; border-radius: 5px; border: 0; padding: 0; }

.caption2 { font-family: Tahoma; font-size: 12px; color: #000066; background-color: #A4B6D2; font-weight: bold; padding-left: 12px; height: 21px }
.bt_cadastro { background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0}
.bt_emitir { background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 }
.bt_sair { background-repeat: no-repeat; background-position: center center; height: 25px; width: 125px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0 ; background-color: #86A6D5; background-image: url(/_common/site/imgs/servicos/logout.gif)}
.bt        {  height: 25px; width: 80px; color: white; background-color: #357da1; font-weight: 700 ; }
.bt_segvia_paga   {  height: 25px; width: 80px; color: white; background-color: #30afde; border-radius: 5px; font-weight: 700 ; }
.bt_segvia_aberta {  height: 25px; width: 80px; color: white; background-color: #f05d62; border-radius: 5px; font-weight: 700 ; }
.bt:hover        {  background-color: #0051a0; }
.bt_segvia_paga:hover   { background-color: #0051a0; }
.bt_segvia_aberta:hover { background-color: #bc2d32; } 
.bt_acessar { height: 28px; width: 120px; font-size: 15px; color: #fff; background-color: #00579A;
	/* http://cssdemos.tupence.co.uk/button-styling.htm */
	/* border:1px solid #33842a; */
	border: 0;
	/*give the button a drop shadow*/
	/*
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	*/
}
.bt_acessar:hover,.bt_acessar:focus {
	/* http://cssdemos.tupence.co.uk/button-styling.htm */
	background-color :#00377A; /*make the background a little darker*/
	/*reduce the drop shadow size to give a pushed button effect*/
	/*
		-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
		box-shadow: 0 0 1px rgba(0,0,0, .75);
	*/
}

.bt_acessar_acao { height: 28px; width: 260px; font-size: 15px; color: #fff; background-color: #00579A;
	/* http://cssdemos.tupence.co.uk/button-styling.htm */
	/* border:1px solid #33842a; */
	border: 0;
	/*give the button a drop shadow*/
	/*
		-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
		box-shadow: 0 0 4px rgba(0,0,0, .75);
	*/
}
.bt_acessar_acao:hover,.bt_acessar:focus {
	/* http://cssdemos.tupence.co.uk/button-styling.htm */
	background-color :#00377A; /*make the background a little darker*/
	/*reduce the drop shadow size to give a pushed button effect*/
	/*
		-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
		-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
		box-shadow: 0 0 1px rgba(0,0,0, .75);
	*/
}


.btDisable { height: 25px; width: 80px; font-family: tahoma; font-size: 10px; color: #999999; font-weight: 700 }



.dadosRecordset	 {color:#333 /* !important */ }
.dadosRecordset a{color:#fff /* !important */ }

.tit_2via {
	font-family: Arial;
	font-weight: bold;
	text-align: left;
	color: #00579a;
	/* border-bottom: #00579a solid 5px; */
	margin-top: 7px;
}
.linha_2via {
	color: #00579a;
	border-bottom: #00579a solid 5px;
	margin-bottom: 7px;
	width: 100%;
}
ul.dados_matr, ul.dados_matr_aceite {
	font-family: Arial;
	font-size: 12px;
	color: white;
	text-transform: uppercase;
	max-width: 950px;
	padding: 0;
	margin: 0;
}
ul.dados_matr {
	background-color: #006699;
}
ul.dados_matr_aceite {
	background-color: #e15070;
}
ul.dados_matr li, ul.dados_matr_aceite li {
	display: inline;
	list-style: none;
}
ul.dados_matr li+li:before, ul.dados_matr_aceite li+li:before { padding: 8px; color: white; display: inline; content: "|\00a0"; }
.dados_corretos {
	font-family: Arial;
	margin-top: 20px;
	margin-bottom: 20px;
}
.dados_corretos p button.bt { width:100px; }
td.logradouro { text-align:left; padding-left: 20px; }

ul.dados_matr label, ul.dados_matr_aceite label {
	font-weight: bold;
	vertical-align: unset;
	padding-right: 5px;
}
ul.dados_matr input, ul.dados_matr_aceite input {
	padding-left: 0;
}
ul.dados_matr .nummatricula, div.botaoabaixomenutopo .nummatricula { color: #fff212; }
ul.dados_matr .nome { color: #46bbed; }

.topservicoinativo, .topservicoativo {
	color: white;
	text-align: center;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.topservicoinativo {
	background-image: linear-gradient(to right, #b82e4c, #ed8e9e);
}
.topservicoativo {
	background-image: linear-gradient(to right, #006699, #01a3be);
}
.servicoinativo, .servicoativo {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.alterarservico {
	text-align: center;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 20px;
}


.frame_jogo { width:915px; height: 870px; }

ul.missaovisao {
	width: 860px;
	padding-left: 40px;
	text-align: left;
}

ul.missaovisao li {
	display: inline-block;
	width: 380px;
	margin-right: 35px;
	margin-bottom: 39px;
	border-left: 2px solid #d7cc75;
	padding-left: 10px;
	vertical-align: top;
}

ul.missaovisao li h3 {
	color: #4e5a62;
	font-size: 26px;
	font-weight: bold;
	text-decoration-line: underline;
	text-decoration-color: #d7cc75;
	margin-bottom: 20px;
}

ul.missaovisao li p {
	text-align: justify;
}


.topodirecao {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 286px;
}
.imagemdiretoria { width: 286px; height: 196px; } 
.titulodiretoria {
	background: #32424a;
	color: #50c7fa;
	font-size: 15px;
	line-height: 15px;
}
.tarjasobreimagemdiretoria {
	display: table;
	position: absolute;
	text-align: left;
	bottom: 10px;
	right: 0;
	width: 273px;
	min-height: 48px;
}
span.titulosobreimagemdiretoria {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}
span.topotitulodiretoria { color: white; font-size: 18px; line-height: 18px; }



.toposervico { position: relative; margin-top: 27px; margin-bottom: 1px; }
.imgfundotitulo { height: 180px; width: 510px; vertical-align: middle; }


.acessoareausuario img { float: left; height: 50px; margin-right: 20px; }

.acessoareausuario span.area { font-weight: bold; font-size: 20px; }

.fundotitulosobreimagem1, .fundotitulosobreimagem2 {
	display: table;
	position: absolute;
	color: white;
	font-weight: bold;
	text-align: center;
}
.fundotitulosobreimagem1 {
	top: 20px;
	left: 373px;
	width: 385px;
	min-height: 150px;
}
.fundotitulosobreimagem2 {
	top: 20px;
	left: 331px;
	width: 380px;
	min-height: 145px;
}
span.titulosobreimagem {
	display: table-cell;
	vertical-align: middle;
}
span.topotituloacessorapido { font-size: 36px; line-height: 38px; }

.titulonegativadebito {
	background: rgba(0, 0, 0, 0.3);
	font-size: 26px;
	line-height: 26px;
}

.tituloabastecimento {
	background: rgba(225, 132, 87, 0.6);
	font-size: 26px;
	line-height: 26px;
}

.titulohistconsumo {
	background: rgba(128, 76, 115, 0.73);
	font-size: 26px;
	line-height: 26px;
}

.tituloquitacaoanual {
	background: rgba(247, 181, 111, 0.73);
	font-size: 26px;
	line-height: 26px;
}

.tituloconsultajuridica {
	background: rgba(242, 133, 109, 0.8);
	font-size: 26px;
	line-height: 26px;
}

.tituloprojhidro {
	background: rgba(47, 118, 255, 0.5);
	/* font-size: 36px; */
	font-size: 26px;
	/* line-height: 65px; */
	line-height: 26px;
}

.titulocadigital {
	background: rgba(50, 106, 155, 0.6);
	font-size: 36px;
	line-height: 72px;
}

.titulofaturaporemail {
	background: rgba(20, 73, 135, 0.7);
	font-size: 26px;
	line-height: 26px;
}

.titulosegundavia {
	background: rgba(0, 166, 57, 0.68);
	font-size: 26px;
	line-height: 26px;
}



.acessorestrito {
	position: absolute;
	bottom: -18px;
	right: 415px;
	font-size: 12px;
	font-weight: bold;
	color: red;
}


.divtabfaturas {
	margin-top: 10px;
}

.topotabfaturas {
	text-align: center;
	color: white;
	background: linear-gradient(to right, #006699, #01a3be);
	font-size: 23px;
	line-height: 34px;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
}

.debitosemaberto { font-size: 18px; }

table#Table tr td.nenhumregistro {
	text-align: left;
	height: 15px;
}

img.codbarrascopiar { height: 20px; width: 30px; }

img.pixcopiar { height: 30px; width: 30px; }

.contas_pendentes {
	font-family: Arial;
	/*
	border: chocolate solid 4px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	*/
	font-size: 11px;
	text-align: right;
	color: red;
}
.logo {
	height: 80px;
	border: 0;
}
#Table {
	border: 0;
	text-align: center;
	border-spacing: 1px;
	margin: auto;
}
.Table td {
	padding: 0;
}


.anoQuitacao { display: block; font-weight:bold; color: #373435; background-color: #f3f6f7; width: 180px; line-height: 32px; text-align: center; float:left; margin-right: 40px; margin-bottom: 10px; }

.semDeclaracoesQuitacao { color: #000066; font-weight: bold; }

.covertabfaturas { border: 1px solid lightgray; }
.covertabconsumo { border: 1px solid lightgray; margin-top: 10px; }

.covertabfaturas > table#Table { width: 100%; }
.covertabfaturas > table#Table > tr > th#mesref      { width: 09%; }
.covertabfaturas > table#Table > tr > th#numfatura   { width: 15%; }
.covertabfaturas > table#Table > tr > th#valor       { width: 20%; }
.covertabfaturas > table#Table > tr > th#venc        { width: 12%; }
.covertabfaturas > table#Table > tr > th#situacao    { width: 10%; }
.covertabfaturas > table#Table > tr > th#pagamento   { width: 10%; }
.covertabfaturas > table#Table > tr > th#visualizar  { width: 12%; }
.covertabfaturas > table#Table > tr > th#copiar      { width: 10%; }

.covertabconsumo > table#Table { width: 100%; }
.covertabconsumo > table#Table > tr > th#competencia { width: 20%; }
.covertabconsumo > table#Table > tr > th#consmedio   { width: 20%; }
.covertabconsumo > table#Table > tr > th#consmedido  { width: 20%; }

.covertabmatriculas > table#Table { width: 100%; }
.covertabmatriculas > table#Table > tr > td#matricula   { width: 15%; }
.covertabmatriculas > table#Table > tr > td#tipotitular { width: 20%; }
.covertabmatriculas > table#Table > tr > td#logradouro  { width: 50%; }
.covertabmatriculas > table#Table > tr > td#numero      { width: 15%; }
.covertabmatriculas > table#Table > tr > td#complemento { width: 12%; }
.covertabmatriculas > table#Table > tr > td#faturas     { width: 17%; }
.covertabmatriculas > table#Table > tr > td#opcoes      { width: 17%; }


/* h2, h3 { */
	/* color: #00579A; */
/* } */

h1 {
	display: block;
	font-weight: bold;
	font-size: 25px;
	margin-top: 49px;
	margin-bottom: 40px;
	margin-left: 0;
	margin-right: 0;
	color: #2e608f;
}

h2 {
	display: block;
	font-weight: bold;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	color: black;
}

h3 {
	font-size: 15px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0;
}

h4.termo {
	font-weight: bold;
	margin-bottom: 20px;
}

div.normastermo {
	height: 200px;
	border: 2px solid #bdbfc1;
	overflow: auto;
	/* background-color: LightYellow; */
}

div.normastermo_internas {
	height: 200px;
	border: 1px solid black;
	overflow: auto;
	background-color: LightYellow;
}

.quadroLoginCadastroDigital {
	background-color: #dddddd;
}

.quadroLoginCadastroDigital h3 {
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 80px;
	margin-bottom: 50px;
	width: 265px;
	font-size: 18px;
	text-align: left;
	color: black;
}

div.duvidas address {
	text-align: center;
	margin: auto;
	font-style: normal;
}

div.conteudoprincipal.consjur form label {
	color: #00579A;
	display: block;
	font-size: 18px;
	font-weight: bold;
}

.camposlogin {
	display: block;
	width: 300px;
	margin: auto;
	font-size: 17px;
}


.area_botoes_print { height: 30px; width: 570px; }
.posicao_botoes_print { float: right; }
.posicao_botoes_print:after { clear: both; }

.assinala_data { float: right; }


html.login_servicos { width:unset; position:unset; min-width:unset; min-height:unset; height:unset; text-align:unset; line-height: unset /* !important */ ;}
body.login_servicos { min-width:unset; min-height:unset; width:unset; background-color: unset; }

.topoQuadroLoginServicos {
	background-color: #617f87;
	text-align: center;
}

.topoQuadroLoginServicos img {
	height: 45px;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 9px;
}

.quadroLoginServicos {
	min-height:409px;
	background-color: #dddddd;
}

.quadroLoginServicos h3 {
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 80px;
	margin-bottom: 47px;
	width: 265px;
	font-size: 18px;
	text-align: left;
	color: black;
}

.quadroLoginServicos .fechar_old {
	position: absolute;
	bottom: 10px;
	right: 42px;
	font-size: 13px;
}

.topoQuadroLoginServicos .fechar {
	position: absolute;
	top: 0px;
	right: 5px;
	font-family: Verdana;
	font-size: 28px;
}

.topoQuadroLoginServicos .fechar a {
	font-size: 27px;
	font-weight: bold;
	color: white;
}

#id_informado {
	font-size: 16px;
	height: 22px;
	vertical-align: bottom;
}

button {
	vertical-align: bottom;
}

form.termoprint, form.termoacordo {
	position: relative;
	display: block;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 50px; */
}

form.termoprint {
	margin-top: 30px;
	width: 215px;
}
form.termoprint_internas {
	margin-top: 30px;
	width: 165px;
}
form.termoprint input.bt {
	width: 100px;
	font-weight: normal;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	background-color: #db9770;
	border-radius: 5px;
}


form.termoacordo {
	max-width: none;
	width: 450px;
	margin-top: 40px;
	text-align: center;
}

form.termoacordo div div {
	text-align: center;
}

form.termoacordo_internas input[type=submit].cadmail {
	width: 160px;
}

form.fatmailalterar {
	max-width:none;
}

form.fatmaildesativar {
	max-width:none;
	margin-top: 10px;
}

form.fatmailalterar span, form.fatmaildesativar span {
	font-weight: bold; color: #0051a0;
}


.dadosMatrFormFatmail { display:inline }

.informeOperacaoFatMail { text-align: center; }
.informeLinkOperacaoFatMail { color: #ef0000; }
.informeErroOperacaoFatMail { text-align: center; color:red; }
.emailCadastradoFatMail { font-weight: bold; }
.operacoesFatMail { text-align: center; }
p.alteracaoFatMail { text-align: center; }
a.novaSolicitacaoFatMail { color:blue; font-weight: bold; }
.formAlteracaoFatMail { max-width: none; width: 490px; margin-top: 40px;text-align: center; margin-right: auto; margin-left: auto; }
.formInternaAlteracaoFatMail { max-width: none; width: 450px; margin-top: 40px;text-align: center; }
.formInternaAlteracaoFatMail button[type=submit].cadmail { width: 160px; }




.duvidas	{margin-top: 100px; margin-left: auto; margin-right: auto; text-align: center; }
.duvidas p	{font-family: Arial; margin: 16px;}
.duvidas a { color:#0092A2; }

.duvidas table {
	margin: auto;
}

.duvidas table td.tipo_contato {
	text-align: right;
	width: 250px;
}

.duvidas table td.end_contato {
	text-align: left;
	width: 250px;
}

.ocupa_rodape { height: 92px; }
.rodapeindex_style	{background:url(/_common/site/imgs/rodape.png);width:100%;position: fixed;bottom:0px; text-align: center; height:92px;}
.rodapeindex_style p	{text-align: center; font-family: Arial; margin-top: 35px; margin-bottom: 35px;}
.rodapeindex_style a {color:#fff; font-weight: bold;}

.validacao {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	font-family: tahoma;
	/* color: #000066; */
	font-weight: bold;
}

.validacao li {
	color: red;
	font-weight: normal;
}

.validacao ul {
	display: inline-block;
	text-align: left;
}

p.concordo {
	color: #00008B; /* #0051a0; */ /* #00579A; */
	text-align: center;
}


.exclamacao {
	font-size: 30px;
	padding: 5px 15px;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
	border: 1px solid #134ea3;
	background-color: #236eb3;
	color: white;
	/*
	border: 1px solid black;
	background-color: yellow;
	color: black;
	*/
}


.realceTextoEntendaFatura { color: #00a859; text-decoration: underline; }
.quadroSelecionaTipoFatura { font-size: 17px; color: #0765ad; background-color: #e6e7e8; border: 1px solid #f3f6f7; padding: 10px 20px; }
.espacoBotoesTipoFatura { display: table; width: 100%; margin-top: 30px; margin-bottom: 10px; }
.espacoBotaoTipoFatura { display: table-cell; text-align: center; }

a.botaoTipoFatura {
	padding: 10px 20px;
	color: white;
	background-color: #0765ad;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
}

.botaoTipoFaturaCodBarras {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.quadrocargatrib {
	width: 700px;
	padding-right: 10px;
	padding-bottom: 3px;
	margin-top: 62px;
	padding-top: 20px;
	padding-left: 30px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.quadrocargatrib h3 {
	color: #0765ad;
	font-size: 20px;
	font-weight: bold;
}
.quadrocargatrib .dadostributo {
	font-size: 20px;
	margin-top: 106px;
}
.quadrocargatrib .itemtributo {
	margin-top: 42px;
}
.quadrocargatrib .labeltributo {
	width: 180px;
	display: inline-block;
}
.quadrocargatrib .barratributo {
	display: inline-block;
	height: 27px;
	vertical-align: top;
	margin-right: 5px;
}
.quadrocargatrib .tribfederal {
	width: 100px;
	background-color: #d96b54;
}
.quadrocargatrib .tribmunicipal {
	width: 20px;
	background-color: #0098da;
}
.quadrocargatrib .rodapetrib {
	text-align: right;
	font-size: 12px;
	margin-top: 85px;
}

.quadroduvidas, .quadroservico {
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 17px;
	width: 270px;
	margin-right: 20px;
	margin-bottom: 40px;
	display: block;
	border-radius: 5px;
	box-shadow: 0 0 20px darkgrey;
}

.quadroduvidas, .quadroservico {
	height: 320px;
}

.quadroservico {
	height: 110px;
}

.corpoquadroduvidas {
	margin-right: 20px;
	margin-left: 20px;
	overflow: auto;
	width: 231px;
}

.corpoquadroservico {
	float: left;
	color: #0098da;
	margin-right: 20px;
	margin-left: 30px;
	width: 210px;
}

.marcaquadroduvidas {
	float: left;
	margin-top: 10px;
	background-color: #65c833;
	width: 7px;
	height: 18px;
}

.marcaquadroservico {
	float: left;
	margin-top: 20px;
	background-color: #00afef;
	width: 7px;
	height: 55px;
}

.quadroduvidas p, .quadroservico p {
	line-height: 17px /* !important */;
}

.quadroduvidas h4 {
	float: left;
	width: 230px;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 13px;
	margin-right: 20px;
	border-bottom: 1px solid #e6e7e8;
}

.quadroservico h4 {
	float: left;
	width: 210px;
	color: #848688;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 10px;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 20px;
}

.quadroduvidas h4:after, .quadroservico h4:after {
	content: '';
	display:block;
	clear: both;
}

.subtit_todos:before {
	content: '';
	display:block;
	clear: both;
}

.subtit_todos {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.linkspdftarifas a {
	color: #dc3b6d;
}

@counter-style marcadorletraparentese {
	system: extends lower-alpha;
	suffix: ') ';
}

ol.documentos_projhidro {
	list-style: marcadorletraparentese;
}

span.manual_instalacoes {
	font-weight: bold;
}

ul.loginServicoProjeto,
ul.loginAvisosInterrupcao {
	padding: 0;
}

ul.loginServicoProjeto div.tituloLista,
ul.loginAvisosInterrupcao div.tituloLista {
	display: block;
	font-weight: 700;
	font-size: 15px;
	font-stretch: condensed;
	color: black;
}

ul.loginServicoProjeto div.acesseabaixo,
ul.loginAvisosInterrupcao div.acesseabaixo {
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: #02ccff;
	text-align: right;
}

ul.loginServicoProjeto div.infocamposgeral,
ul.loginAvisosInterrupcao div.infocamposgeral {
	display: block;
	font-size: 15px;
	font-stretch: semi-condensed;
	color: black;
	text-align: right;
}

ul.loginServicoProjeto li form,
ul.loginAvisosInterrupcao li form {
	position: relative;
	color: white;
	font-size: 16px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
	height: 187px;
	margin-bottom: 20px;
}

ul.loginServicoProjeto li form.projhidro,
ul.loginAvisosInterrupcao li form.avisosint {
	background-image: url("/_common/site/imgs/servicos/projetos/fundo_login_projhidro.png");
}

ul.loginServicoProjeto li form.projlot {
	background-image: url("/_common/site/imgs/servicos/projetos/fundo_login_projlot.png");
}

ul.loginServicoProjeto li form.projservicos {
	background-image: url("/_common/site/imgs/servicos/projetos/fundo_login_projservicos.png");
}

ul.loginServicoProjeto li form div.campos_login_servico_projeto,
ul.loginAvisosInterrupcao li form div.campos_login_avisos_interrupcao {
	position: absolute;
	bottom: 10px;
	width: 247px; /* no Chrome se nao limitar ultrapassara a largura disponivel no form */
}

form.campos_login_codigo_barras {
	display: none;
}

ul.loginServicoProjeto li form ul.outros_servicos_projeto {
	margin-top: 5px;
	margin-left: 5px;
}
ul.loginServicoProjeto li form ul.outros_servicos_projeto li {
	list-style-type: "|";
	padding-left: 7px;
}

ul.loginServicoProjeto li form label,
ul.loginAvisosInterrupcao li form label {
	display: block;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}

ul.loginServicoProjeto li form input[type=text],
ul.loginAvisosInterrupcao li form input[type=text] {
	width: 100%;
	line-height: 26px;
	margin: 0px;
	margin-bottom: 7px;
}

ul.loginServicoProjeto li form a,
ul.loginAvisosInterrupcao li form a {
	color: white;
	display: block;
	font-size: 13px;
	font-weight: bold;
	float: right;
}

ul.loginServicoProjeto li form img,
ul.loginAvisosInterrupcao li form img {
	float: left;
}


div.popup_dica {
	display: none;
	position: absolute;
	width: 376px;
	height: 169px;
	z-index: 1;
}

div.lateral_dica {
	float: left;
	width: 9px;
	height: 169px;
}

div#dica_terreno div.lateral_dica,
div#dica_avisosint div.lateral_dica {
	background-color: #21addf;
}

div#dica_loteamento div.lateral_dica {
	background-color: #f05b72;
}

div#dica_outros div.lateral_dica {
	background-color: #00733c;
}

div.miolo_dica {
	float: left;
	width: 358px;
	height: 160px;
	margin-top: 3px;
	background-color: #58595b;
	display:table;
}

div.miolo_dica_container {
	display: table-cell;
	vertical-align: middle;
}

div.texto_dica {
	color: white;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 30px;
	margin-right: 30px;
}

div#dica_terreno div.texto_dica,
div#dica_avisosint div.texto_dica {
	border-top: 1px solid #21addf;
	border-bottom: 1px solid #21addf;
}

div#dica_loteamento div.texto_dica {
	border-top: 1px solid #f05b72;
	border-bottom: 1px solid #f05b72;
}

div#dica_outros div.texto_dica {
	border-top: 1px solid #00733c;
	border-bottom: 1px solid #00733c;
}

div.geracao_fatura_projeto {
	width: 1200px;
}

div.geracao_fatura_projeto div.titulo_pagina {
	float: left;
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

div.geracao_fatura_projeto div.subtitulo_pagina {
	float: right;
	font-size: 18px;
	color: #624401;
	margin-bottom: 20px;
	text-align: right;
}

div.geracao_fatura_projeto ul.dados_matr_projeto {
	clear: both;
	font-family: Arial;
	font-size: 18px;
	color: white;
	line-height: 50px;
	background-color: #d7365f;
}

div.geracao_fatura_projeto ul.dados_matr_projeto li {
	display: inline;
	list-style: none;
	padding-left: 20px;
}

div.geracao_fatura_projeto ul.dados_matr_projeto li+li { /* "li+li" corresponde a todos os elementos li menos o primeiro */
	padding-left: 150px;
}

div.geracao_fatura_projeto ul.dados_matr_projeto label {
	font-weight: bold;
	vertical-align: unset;
	padding-right: 5px;
}

div.geracao_fatura_projeto ul.dados_matr_projeto span.nome {
	text-transform: capitalize;
}

div.geracao_fatura_projeto p.enunciado {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 18px;
	font-size: 17px;
}

div.geracao_fatura_projeto form div.colservicosprojeto {
	float: left;
	margin-top: 10px;
	margin-left: 50px;
}

div.geracao_fatura_projeto table.servicoterreno,
div.geracao_fatura_projeto table.servicoloteamento,
div.geracao_fatura_projeto table.servicooutros {
	margin-bottom: 30px;
	border-collapse: collapse;
}

div.geracao_fatura_projeto table.servicoloteamento caption {
	font-weight: bold;
	font-size: 18px;
	padding-left: 10px;
	padding-bottom: 6px;
}

div.geracao_fatura_projeto table.servicoloteamento th {
	font-size: 14px;
	color: #057778;
}

div.geracao_fatura_projeto table.servicoterreno th,
div.geracao_fatura_projeto table.servicoloteamento th,
div.geracao_fatura_projeto table.servicooutros th {
	font-weight: bold;
}

div.geracao_fatura_projeto table.servicoterreno th,
div.geracao_fatura_projeto table.servicoterreno td,
div.geracao_fatura_projeto table.servicoloteamento th,
div.geracao_fatura_projeto table.servicoloteamento td,
div.geracao_fatura_projeto table.servicooutros th,
div.geracao_fatura_projeto table.servicooutros td {
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 20px;
}

div.geracao_fatura_projeto table.servicoloteamento thead tr {
	border-bottom: 1px solid #ecc6c4;
}

div.geracao_fatura_projeto table.servicoterreno tbody tr,
div.geracao_fatura_projeto table.servicoloteamento tbody tr,
div.geracao_fatura_projeto table.servicooutros tbody tr {
	border-bottom: 1px solid #ecc6c4;
}

div.geracao_fatura_projeto table.servicoterreno td.valorservico,
div.geracao_fatura_projeto table.servicoloteamento td.valorservico,
div.geracao_fatura_projeto table.servicooutros td.valorservico {
	text-align: right;
	width: 105px;
}

div.geracao_fatura_projeto table.servicoterreno td.valorservico span.barra,
div.geracao_fatura_projeto table.servicoloteamento td.valorservico span.barra,
div.geracao_fatura_projeto table.servicooutros td.valorservico span.barra {
	float: left;
	margin-right: 15px;
}


h3.listaniveisloteamento {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: Arial;
	font-size: 15px;
}

ul.listaniveisloteamento {
	list-style-type: none;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	line-height: 18px;
}

ul.listaniveisloteamento li span.nivelprojeto {
	display: inline-block;
	width: 60px;
}

div.geracao_fatura_projeto div#tempoprocessamento {
	width: 500px;
	background-color: #fcfde2;
	color: #6c563b;
	border: 1px solid #f0dda1;
	width: 339px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 90px;
	padding-right: 90px;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
}

div.geracao_fatura_projeto div#tempoprocessamento img {
	margin-right: 10px;
	height: 17px;
	width: 17px;
	vertical-align: bottom;
}

div.geracao_fatura_projeto div#tempoprocessamento span#horasprocessamento {
	font-weight: bold;
}

div.geracao_fatura_projeto div#valorestotais {
	width: 500px;
	background-color: #11345c;
	color: white;
	padding: 10px;
	margin-top: 20px;
	text-align: center;
}

div.geracao_fatura_projeto div#valorestotais input[type="submit"] {
	border: none;
	color: white;
	background-color: #27bad2;
	width: 200px;
	height: 25px;
	cursor: pointer;
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

div.geracao_fatura_projeto div#valorestotais span#textovalortotal, div.geracao_fatura_projeto div#valorestotais span#moedavalortotal, div.geracao_fatura_projeto div#valorestotais span#numerovalortotal {
	line-height: 50px;
}

div.geracao_fatura_projeto div#valorestotais span#textovalortotal {
	font-weight: bold;
	margin-right: 57px;
	font-size: 16px;
}

div.geracao_fatura_projeto div#valorestotais span#moedavalortotal, div.geracao_fatura_projeto div#valorestotais span#numerovalortotal {
	font-size: 19px;
}


div.geracao_fatura_projeto form label {
	color: revert;
	display: revert;
	font-size: revert;
	font-weight: revert;
}

div.quadrostarifa:after {
	content: '';
	display:block;
	clear: both;
}

.quadrotarifa {
	float: left;
	font-size: 14px;
	line-height: 16px;
	width: 270px;
	margin-right: 20px;
	margin-bottom: 40px;
	display: block;
	background-color: #e6e7e8;
	border-top: 5px solid black;
}

.quadrotarifa table {
  margin-top: 30px;
  margin-left: 30px;
  margin-bottom: 10px;
  border-collapse: collapse;
}

.quadrotarifa table caption {
  color: #00719d;
  font-weight: bold;
  margin-left: -30px;
  margin-bottom: -10px;
}

.quadrotarifa table td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid white;
  text-align: left;
}

.quadrotarifa table td.valortarifa {
  min-width: 80px;
  text-align: right;
  padding-right: 10px;
}

.topoquadrotarifa {
	color: white;
	background-color: #cb5a61;
	height: 210px;
}

.topoquadrotarifa p {
	margin-left: 16px;
	margin-right: 16px;
	text-align: center;
	line-height: 19px;
}

.topocategoria {
	padding-top: 30px;
	text-align: center;
}

.toposiglacategoria {
	display: block;
	font-size: 25px;
	line-height: 28px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 17px;
}

.tabexponenciais {
	width:600px;
	height: 88px;
	background-color: #e6e7e8;
	border-collapse: collapse;
}

.tabexponenciais caption {
	color: white;
	background-color: #cb5a61;
	font-size: 17px;
	font-weight: bold;
	padding-left: 14px;
	padding-top: 40px;
	padding-bottom: 60px;
	border-top: 5px solid black;
}

.tabexponenciais th {
	color: #00719d;
	font-weight: bold;
	text-align: left;
}

.tabexponenciais tbody tr {
	border-bottom: 1px solid #16609d;
}

h3.tarifasservicos {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 30px;
}

table.tarifasservicos {
	width:740px;
	border-collapse: collapse;
	border: 2px solid black;
}

table.tarifasservicos caption {
	font-size: 17px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

table.tarifasservicos thead {
	border: 2px solid black;
}

table.tarifasservicos tbody tr:nth-child(n + 2) {
	border-top: 1px solid lightgray;
}

table.tarifasservicos th, table.tarifasservicos td {
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}

table.tarifasservicos th {
	font-weight: bold;
}

table.tarifasservicos thead tr th:nth-child(2) {
	border-left: 2px solid black;
}

table.tarifasservicos tbody tr td:nth-child(2) {
	text-align: right;
	width: 100px;
	border-left: 2px solid black;
}

table.tarifasloteamentos {
	width: 740px;
	border-collapse: collapse;
	border: 2px solid black;
}

table.tarifasloteamentos caption {
	font-size: 17px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
}

table.tarifasloteamentos thead tr {
	height: 40px;
}

table.tarifasloteamentos th, table.tarifasloteamentos td {
	border: 2px solid black;
	text-align: center;
}

table.tarifasloteamentos td.fiscalizacao {
	border-left: none;
	border-right: none;
}

table.tarifasloteamentos th.projetosniveis, table.tarifasloteamentos td.projetosniveis {
	border: none;
	text-align: left;
}

table.tarifasloteamentos th.projetosniveis {
	padding-left: 3px;
	padding-left: 3px;
}

table.tarifasloteamentos td.projetosniveis {
	padding-left: 5px;
	padding-right: 5px;
}

.meiosAtendimento {
	text-decoration: underline;
}

.canaisrel {
	width: 880px; padding: 10px; background-color: #4399bc; color: white;
}

.canaisrel:after, .topoemail:after, .topowhats:after, .topochat:after, .mapaeta:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.canaisrel h3 {
	font-weight: bold; font-size: 22px; text-align: center; margin-top: 12px; margin-bottom: 50px;
}

.canaisrel h3 span {
	font-weight: normal; font-size: 18px; font-family: Amerika-Sans;
}

.centralizacanaisrel, .centralizacanaisrel2 {
	display: table;
	margin: auto;
}

.centralizacanaisrel2 {
	background-color: #bcdae7;
	color: #006699;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 20px;
}

.canalrel {
	float: left; margin-left: 10px; margin-right: 10px; text-align: center; width: 148px;
}

.icone_canalrel {
	margin: auto;
}

.icone_canalrel img {
	height: 60px; padding-bottom: 25px; border-bottom: solid 1px white; vertical-align: middle;
}

.locaispresenciais, .horaspresencial {
	text-align: center; width: 445px; min-height: 250px; padding-bottom: 25px; float:left; background-color: #dddddd; margin-bottom: 5px; margin-top: 5px;
}

.locaispresenciais {
	margin-right: 10px;
	margin-left: 0px;
}

.horaspresencial {
	margin-right: 0px;
	margin-left: 0px;
}

.locaispresenciais h3, .horaspresencial h3 {
	color: #f06277; font-weight: bold; text-align: center;
}

.locaispresenciais h3 {
	font-size: 17px; margin-top: 22px; margin-bottom: 35px;
}

.horaspresencial h3 {
	font-size: 19px; margin-top: 35px; margin-bottom: 22px;
}

.localpresencial {
	line-height: 18px;
	margin-left: 40px;
	margin-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.localpresencial:first-of-type {
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(to left, white, darkgrey, white);
	border-image-slice: 1;
}

.bairro {
	font-weight: bold;
}

.icone_localpres img {
	height: 40px; float: right;
}

.callcenter, .mapaeta {
	clear:left; background-color: #dddddd; margin-bottom: 5px; margin-top: 5px;
}

.quadronumeros {
	float: left; background-color: #32424a; border-radius: 10px; width: 315px; margin-top: 40px; margin-bottom: 30px; margin-right: 35px; margin-left: 35px;;
}

.nomecall {
	color: white; float: left; font-size: 22px; line-height: 30px; margin-top: 15px; margin-bottom: 15px; margin-left: 5px; margin-right: 5px; ;
}

.numeroscall {
	color: #00afef; float: left; font-size: 20px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 5px;
}

.horarioscallcenter {
	text-align: center;
}

.horarioscallcenter h3, .mapaeta h3 {
	color: #f06277; font-weight: bold; font-size: 22px; padding-top: 30px; margin-bottom: 12px;
}

.callrodape {
	clear: both;
}

.quadroemail, .quadrowhats /*, .quadrochat */ {
	text-align: center; width: 445px; height: 360px; float:left; border-radius: 10px; background-color: #dddddd; margin-bottom: 5px;
}

.quadroemail /*, .quadrowhats */ {
	margin-right: 10px;
}
.topoemail, .topowhats, .topochat {
	text-align: left;
}

.topoemail img, .topowhats img, .topochat img {
	height: 60px; float: left; margin-left: 10px; margin-right: 10px;
}

.topoemailtitulo, .topowhatstitulo, .topochattitulo {
	color: #00a859; font-size: 22px; margin-top: 20px; margin-bottom: 30px;
}

.baixeapp {
	clear:left; background-color: #dddddd; margin-top: 10px; text-align: center; font-size: 12px; margin-bottom: 30px;
}

.baixeapp h3 {
	font-size: 25px; font-weight: bold; padding-top: 30px; margin-bottom: 10px;
}

.botoesapp img {
	height: 40px;
	margin-bottom: 30px;
}

form.validar_fale {
	color: #138d4f;
	background-color: #f0f3f5;
	box-shadow: 0 0 40px darkgrey;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;
}

form.validar_fale .campo input, form.validar_fale .campo textarea, form.validar_fale .submit input {
	background-color: white;
	color: #138d4f;
	border: 1px solid lightgrey;
}

form.validar_fale .campo input, form.validar_fale .submit input {
	border-radius: 5px;
	padding: 4px;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

form.validar_fale .campo textarea {
	width: 600px;
	height: 100px;
	border-radius: 15px;
	padding: 10px;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.mapaeta {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;

}

div.mapa {
	float: right;
	
}

h3.prognichos_pergunta {
	background-color: /* #f3f6f7 */ #edecec;
	line-height: 25px;
	margin-bottom: 5px;
}

/*
h3.prognichos_pergunta:before {
	position: relative;
	content: "+";
	left: -10px;
}
*/

h3.prognichos_pergunta a {
	font-weight: normal;
	font-family: Arial  /* !important */ ;
	color: /* #0a446f */  black /* !important */ ;
}

div.parmsqualidagua {
	float: left;
	margin-right: 10px;
	background-color: #dfdfdf;
	width: 430px;
}

div.parmsqualidagua h4 {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.tabelasqualid {
	display: block;
	margin: auto;
	width: 400px;
}

div.tabelasqualid:after {
	display: block;
	content: " "; /* Older browser do not support empty content */
	clear: both;
}

.tabparmqualid {
	float: left;
	border-collapse: collapse;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 120px;
	height: 200px;
	font-size: 10px;
	line-height: 14px;
}

.tabparmqualid tbody {
	vertical-align: baseline;
}

.tabparmqualid tbody tr:first-child {
	height: 20%;
	vertical-align: bottom;
}

.tabparmqualid tbody tr:last-child {
	height: 100%;
	vertical-align: top;
}

.tabparmqualid:last-child {
	margin-right: 0;
}

.tabparmqualid thead tr th {
	text-align: center;
	line-height: 14px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 10px 10px 0 0;
	color: white;
	font-weight: bold;
}

.tabparmqualid tbody tr td {
	text-align: left;
	height: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

#tabparmfisicos thead tr th {
	background-color: #c04f4c;
}

#tabparmquimicos thead tr th {
	background-color: #bc9c53;
}

#tabparmbiologicos thead tr th {
	background-color: #9bbb58;
}

#tabparmfisicos tbody {
	background-color: #e9d5d4;
}

#tabparmquimicos tbody {
	background-color: #ebe3d6;
}

#tabparmbiologicos tbody {
	background-color: #e1e8d6;
}

div.fotoqualidagua {
	float: left;
	margin-right: 30px;
}

div.fotoqualidagua img {
	height: 350px;
}

div.textoqualidagua {
	margin-bottom: 50px;
}

div.textoqualidagua p {
	line-height: 18px /*  !important */;
	margin-bottom: 10px;
}

div.relatqualidagua {
	float: left;
	width: 430px;
	font-size: 10px;
	border-top: solid 3px #f06277;
	border-bottom: solid 3px #f06277;
	line-height: 12px;
	margin-bottom: 20px;
}

div.relatqualidagua div {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 22px
}

div.relatqualidagua div:after {
	display: block;
	content: " "; /* Older browser do not support empty content */
	clear: both;
}

div.relatqualidagua div:nth-of-type(1) {
	border-bottom: solid 3px #e6e7e8;
}

div.relatqualidagua div:nth-of-type(2) {
	border-bottom: none;
	margin-bottom: 20px;
}

div.relatqualidagua div h4 {
	float: left;
	width: 120px;
	background-image: linear-gradient(to bottom, #c39d3a, #8a8a8a);
	color: white;
	margin-right: 12px;
	padding: 10px;
	font-size: 17px;
	font-weight: bold;
}

div.relatqualidagua div h4 span.normal {
	background-color: #332809;
	font-size: 14px;
}

div.relatqualidagua div:nth-of-type(1) h4 span.periodicidade {
	background-color: #aa2720;
}

div.relatqualidagua div:nth-of-type(2) h4 span.periodicidade {
	background-color: #0765ad;
}

div.relatqualidagua div ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.relatqualidagua div ul li a {
	color: #373435;
}

div.relatqualidagua div ul li a span:after {
	content: "|";
	margin-left: 3px;
	margin-right: 3px;
}

div.relatqualidagua div:nth-of-type(1) ul li a span {
	color: #aa2720;
}

div.relatqualidagua div:nth-of-type(2) ul li a span {
	color: #0765ad;
}

a.botao_fatdigital {
	line-height: 50px;
	margin-right: 130px;
}

img#iconebtfatdigital {
	height: 50px;
	vertical-align: middle;
}

a.botao_redesocial {
	line-height: 50px;
}

a#botao_facebook {
	margin-right: 10px;
}

img#iconebtfacebook {
	height: 25px;
	vertical-align: middle;
}

a#botao_rede_social_x {
	margin-right: 10px;
}

img#iconebtredesocialx {
	height: 25px;
	vertical-align: middle;
}
  
a#botao_youtube {
	margin-right: 330px;
}

img#iconebtyoutube {
	height: 25px;
	vertical-align: middle;
}

div.banner_superior {
	text-align: center;
	clear: both;
	margin-top: 30px;
	margin-bottom: 85px;
}

.banner_superior img {
	height: 243px;
	vertical-align: middle;
}

.banner_inferior {
	display: inline-block;
	font-size: 30px;
	text-align: left;
}

.banners_inferiores {
	text-align: center;
	margin-bottom: 50px;
}

.banner_inferior img {
	height: 243px;
	margin-top: 14px;
}

#esgotosanitario {
	color: #ffcc29;
	margin-right: 60px;
}

#futuropassa {
	color: #a53692;
}

.rs_cor {
	display: inline-block;
	width: 50px;
	height: 20px;
}

#rs_cor1 { background-color: #f3d300; }
#rs_cor2 { background-color: #d93f44; }
#rs_cor3 { background-color: #1c7231; }


.realceconselho {
	color: white;
	background-color: #32424a;
	width: 200px;
	border-radius: 10px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.realcetitular {
	display: inline-block;
	color: white;
	background-color: #32424a;
	width: 100px;
	border: solid 1px #32424a;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 16px;
}

.realcenomestitular {
	position: relative;
	left: -15px;
	z-index: -1;
	display: inline-block;
	color: #0063be;
	background-color: white;
	width: 250px;
	border: solid 1px #0063be;
	border-top-right-radius: 15px;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 16px;
}

div.exponenciais {
	margin-top: 35px;
}

.quadros_relatorios {
	display: block;
	text-align: center;
}
.obs_quadros_relatorios {
	text-align: center;
}
.quadro_relatorio {
	display: inline-block;
	text-align: center;
	background-image: linear-gradient(to bottom, #6d6768, #1c1c20);
	width: 200px;
	height: 230px;
	border-radius: 10px;
}
.quadro_relatorio h4 {
	margin-top: 30px;
	margin-bottom: 30px;
	color: #bdbfc1;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
}
.campo_loteamento {
	font-weight: bold;
	color: white;
	font-size: 13px;
}
.nome_loteamento {
	font-weight: bold;
	color: #34c741;
	font-size: 13px;
}
div.botoes_download {
	margin-top: 40px;
}
a.botao_relatorio_qualidade {
	color: white /* !important */ ;
	background-color: #4d4c4f;
	font-size: 16px;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
a.botao_anual {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 1px solid white;
}
a.botao_mensal {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.descr_download {
	display: block;
	color: #34c741;
	font-size: 12px;
}

div.qualidagua_params_titulo {
	display: table-cell;
	vertical-align: middle;
	width: 300px;
}
div.qualidagua_params_texto {
	display: table-cell;
	width: 600px;
}

div.qualidagua_separador {
	margin-top: 50px;
	margin-bottom: 30px;
	border-top: 1px solid black;
	text-align: center;
}

span.conheca_tambem {
	position: relative;
	top: -12px;
	text-align: center;
	background-color: #fafafa;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#svg-object {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#faleslide_slide {
	border-top: 1px solid /* #709e32 */ rgb(0, 160, 104);
	border-bottom: 1px solid /* #709e32 */ rgb(0, 160, 104);
	position: fixed;
	right: 0;
	top: 40%;
	z-index: 2;
}

#faleslide_barrafale {
	/* background-image: linear-gradient(to right, #8ac33e, #709e32); */
	background-color: rgb(0, 160, 104);
	text-align: center;
	height: 323px;
	width: 60px;
	float: left;
}

#faleslide_barrafale_texto {
	color: white;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	transform: rotate(-90deg);
	transform-origin: top left;
	width: 323px;
	position: relative;
	bottom: -323px;
}

#faleslide_barrafale img {
	height: 32px;
}

#faleslide_slide:hover #faleslide_barranota {
	transition: 0.5s;
	width: 275px;
}

#faleslide_barranota {
	background-color: #f9f9f9;
	text-align: left;
	font-family: Arial;
	width: 0;
	height: 323px;
	overflow: hidden;
	transition: 0.5s;
}

#faleslide_texto {
	width: 251px;
	margin-left: 10px;
	margin-top: 48px;
}

#faleslide_barranota p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#faleslide_telefone {
	font-weight: bold;
}

.consjur div#erro { visibility: hidden; }

.consjur .Campo2 {
	background-color: #e6e7e8;
	border: 0;
}

.consjur .nomecampop {
	display: block;
}

.consjur .subtitulo {
	margin-top: 25px;
	margin-bottom: 25px;
}

.consjur table.pesquisa,
.consjur table.listacontas
{
	border-spacing: 0;
}

.consjur table.pesquisa {
	width: 95%;
}

.consjur table.listacontas {
	width: 740px;
}

.consjur table.pesquisa    th,
.consjur table.listacontas th
{
	height: 20px;
	background-color: #7fc7cf;
}

.consjur table.pesquisa    tr:nth-child(even),
.consjur table.listacontas tr:nth-child(even)
{
	background-color: #edecec;
}

.consjur table.pesquisa    tr:nth-child(odd),
.consjur table.listacontas tr:nth-child(odd)
{
	background-color: #f3f6f7;
}

.consjur table.pesquisa td,
.consjur table.listacontas td
{
	padding: 0;
	height: 19px;
}

.consjur table.listacontas td.alteracad img,
.consjur table.listacontas td.excluicad img
{
	border-width: 0;
}

.consjur table.pesquisa th#nome {
	width: 320px;
}

.consjur table.pesquisa th#endereco {
	width: 358px;
}

.consjur table.listacontas th#nome {
	width: 420px;
}

.consjur table.listacontas th#responsavel {
	width: 280px;
}

.consjur table.listacontas th#alteracad {
	width: 23px;
}

.consjur table.listacontas th#excluicad {
	width: 16px;
}

.consjur a#link_imprimir, .consjur a#link_voltar {
	color: #004080;
}

.consjur .listamenu {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

.consjur .itemmenu {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	color: gainsboro;
}

.consjur .linkmenu {
	font-size: 12px;
	font-weight: bold;
}

.consjur .confirma_exclusao {
	text-align: center;
}

.consjur .sujeito_acao, .consjur .email_cadastrado {
	font-style: italic;
}

div.btn-popup .btn {
  background-color: white;
  /* opacity: .8; */
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
div.btn-popup .btn:hover {
  opacity: 1;
}
div.btn-popup .btn1 {
  /* padding: 6px 12px; */
}
div.btn-popup .btn2 {
  margin-top: 10px;
  padding: 2px 23px;
  font-family: revert;
}
div.btn-popup .btn-danger {
  position: relative;
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(64, 120, 199) 0%, rgb(64, 120, 199) 48px, rgb(64, 120, 199) 48px, rgb(73, 137, 225) 48px, rgb(73, 137, 225) 100%) repeat scroll 0% 0%;
  border-color: rgb(46, 119, 221);
  border-radius: 10px;
}
div.btn-popup {
  position: fixed;
  bottom: 30px;
  right: 40px;
  box-shadow: 0 5px 36px rgba(0,0,0,.18);
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #333;
}
div.btn-popup #formHeader {
  height: 48px;
}
div.btn-popup .textobotao {
  float: right;
  line-height: 48px;
}
div.btn-popup .hidden {
  display : none;
}
div.btn-popup .chaticone {
  fill: #fff;
}
div.btn-popup .form {
  background-color: gainsboro;
  padding: 10px;
  height: 100%;
}
div.btn-popup table {
  width: 100%;
  border-collapse: collapse;
  line-height: 20px;
}
div.btn-popup table td {
  padding: revert;
}
div.btn-popup table td.submit {
  text-align: center;
}
div.btn-popup .inputText {
  width: 205px;
  height: 20px;
  margin: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border: revert;
  font-family: revert;
  font-size: revert;
  outline: revert;
}
div.btn-popup .inputSelect{
  width: 211px;
  height: 26px;
  font-family: revert;
  font-size: revert;
}

#form table {
   width: 100%;
   padding: 0;
   border-width: 0;
   border-spacing: 0;
   border-collapse: collapse;
}

#form table td.marcados, #form table td.excluir, #form table td.alterar {
  text-align: center;
}

#form table thead th.marcados { width: 5%; }
#form table thead th.excluir  { width: 10%; }
#form table thead th.alterar  { width: 10%; }
#form table thead th.nome     { width: 25%; }
#form table thead th.login    { width: 20%; }
#form table thead th.email    { width: 30%; }



.botaoabaixomenutopo {
	float: left;
	text-align: left;
	color: white;
	border: 1px solid white;
	border-radius: 5px;
	background-color: #006699;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
}

.botaoabaixomenutopo:hover {
	background-color: lightgrey;
	color: black;
}

#botaotitular {
	margin-left: 300px;
}

#botaomatricula {
	margin-left: 30px;
}

div#graficoconsumo {
	width: 600px;
	height: 300px;
}

div.dashboard_consumo {
	display: block;
	float: left;
	width: 600px;
}

ul.selecaomatricula {
  padding-left: 0;
}

ul.selecaomatricula li {
  list-style-type: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul.selecaomatricula li input {
  vertical-align: middle;
}

ul.selecaomatricula li label {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid black;
  padding: 5px;
  max-width: 87%;
}

input.cpfcnpjcodbarras {
	border: revert;
}

a.botao_acessar_codbarras {
	background-color: #277B9F;
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
}

ul.opcoesLogado li.selected {
  background-color: #5a81fa;
  padding: 5px 15px;
  border-radius: 20px;
}

ul.opcoesLogado li.selected a {
  color: white;
}

ul.opcoesLogado li.selected a {
  color: white;
}

ul.opcoesLogado li.selected {
  background-color: #5a81fa;
  padding: 5px 15px;
  border-radius: 20px;
}

#opcao_avisos_contagem, #opcao_campanhas_contagem {
  color: red;
  font-weight: bold;
}

div.nivelrio_interno {
  width: 600px;
}

.nivelrio_interno div#nivelrio_ilustracao {
  height: 250px;
  width: 430px;
  margin: auto;
  background: url("/_common/site/imgs/servicos/nivelrio_bg2.png");
  background-image: url("/_common/site/imgs/servicos/nivelrio_bg2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;}

.nivelrio_interno div#nivelrio_medicao {
  position: relative;
  text-align: center;
  top: 104px;
  color: #1c2f5a;
  font-size: 34px;
  font-weight: bold;
}

.nivelrio_interno div#nivelrio_medicao span#nivel_sem_dados {
  font-size: 24px;
  font-weight: normal;
}

.nivelrio_interno h2#nivelrio_detalhes_historico {
  line-height: 52px;
  background-color: #e0f2de;
  font-weight: normal;
  width: 465px;
  text-align: center;
}

.nivelrio_interno div#nivelrio_historico_botoes {
  width: 465px;
}

div#informarproblema #video {
  border: 1px solid black;
  box-shadow: 2px 2px 3px black;
  width: 320px;
  height: 240px;
}

div#informarproblema #photo {
  border: 1px solid black;
  box-shadow: 2px 2px 3px black;
  width: 320px;
  height: 240px;
  object-fit: contain;
}

div#informarproblema #canvas {
  display: none;
}

div#informarproblema .camera {
  width: 320px;
  height: 240px;
  display: none;
}

div#informarproblema #start-button {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  bottom: 32px;
  background-color: rgb(0 150 0 / 50%);
  border: 1px solid rgb(255 255 255 / 70%);
  box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 20%);
  font-size: 14px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  color: rgb(255 255 255 / 100%);
}

.nivelrio_interno button.nivelrio_historico_botao,
.problemasinformados_interno button.problemasinformados_botao {
  background-color: #5a81fa;
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  text-align: center;
  width: 210px;
  font-size: 16px;
  border: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.nivelrio_interno button.nivelrio_historico_botao img,
.problemasinformados_interno button.problemasinformados_botao img {
  width: 23px;
  vertical-align: top;
}

.nivelrio_interno button.nivelrio_historico_botao img {
  filter: invert(100%);
}

.nivelrio_interno button.nivelrio_historico_botao:hover,
.problemasinformados_interno button.problemasinformados_botao:hover {
  cursor: pointer;
}

.nivelrio_interno button#nivelrio_historico_botao_exportar {
  background-color: #2c3d8f;
}

.nivelrio_interno div#nivelrio_legenda {
  margin: auto;
  width: 285px;
}

.nivelrio_interno div#nivelrio_legenda ul {
  list-style-type: '\2589';
}

.nivelrio_interno div#nivelrio_legenda ul li {
  padding-left: 5px;
}

.nivelrio_interno div#nivelrio_legenda ul li::marker {
  font-size: 20px;
}

.nivelrio_interno div#nivelrio_legenda ul li.nivelrio_legenda_cheia::marker {
  color: #cc0c02; /* red; */
}

.nivelrio_interno div#nivelrio_legenda ul li.nivelrio_legenda_normal::marker {
  color: #05a44e; /* green; */
}

.nivelrio_interno div#nivelrio_legenda ul li.nivelrio_legenda_estiagem::marker {
  color: #e8d100; /* yellow; */
}

.nivelrio_interno div.dashboard_nivelrio {
	width: 600px;
	margin: auto;
}

.nivelrio_interno ul#nivelrio_meses {
  list-style-type: none;
  text-align: left;
}

.nivelrio_interno ul#nivelrio_meses li {
  display: inline;
  font-size: 18px;
  margin: 30px;
  line-height: 40px;
}

.nivelrio_interno table#nivelrio_historico tr:first-child th:first-child,
.problemasinformados_interno table#problemasinformados tr:first-child th:first-child {
  border-radius: 10px 0 0 0;
}

.nivelrio_interno table#nivelrio_historico tr:first-child th:last-child,
.problemasinformados_interno table#problemasinformados tr:first-child th:last-child {
  border-radius: 0 10px 0 0;
}

.nivelrio_interno table#nivelrio_historico tr:last-child td:first-child,
.problemasinformados_interno table#problemasinformados tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}

.nivelrio_interno table#nivelrio_historico tr:last-child td:last-child,
.problemasinformados_interno table#problemasinformados tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}

.nivelrio_interno table#nivelrio_historico th,
.nivelrio_interno table#nivelrio_historico td {
  text-align: center;
  width: 10em;
}

.problemasinformados_interno table#problemasinformados .data_problema {
  text-align: center;
  width: 6em;
}

.problemasinformados_interno table#problemasinformados .descricao_problema {
  text-align: left;
  width: 16em;
}

.problemasinformados_interno table#problemasinformados .foto_problema {
  text-align: center;
  width: 13.2em;
}

.problemasinformados_interno table#problemasinformados .status_problema {
  text-align: center;
  width: 6em;
}

.problemasinformados_interno table#problemasinformados .resposta_problema {
  text-align: left;
  width: 17em;
}

.nivelrio_interno table#nivelrio_historico tr th,
.nivelrio_interno table#nivelrio_historico tr td,
.problemasinformados_interno table#problemasinformados tr th,
.problemasinformados_interno table#problemasinformados tr td {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.nivelrio_interno table#nivelrio_historico tr th,
.problemasinformados_interno table#problemasinformados tr th {
  background-color: #5a81fa;
  color: white;
  font-weight: bold;
  border-left: 1px solid white;
}

.nivelrio_interno table#nivelrio_historico tr td,
.problemasinformados_interno table#problemasinformados tr td {
  color: #737373;
}

.nivelrio_interno table#nivelrio_historico tr.even td,
.problemasinformados_interno table#problemasinformados tr.even td {
  background-color: white;
}

.nivelrio_interno table#nivelrio_historico tr.odd td,
.problemasinformados_interno table#problemasinformados tr.odd td {
  background-color: #e6ebff;
}

.problemasinformados_interno table#problemasinformados tr td img {
  display: block;
  width: 200px;
  object-fit: contain;
  cursor:pointer;
}

span.simbolovoltar:after {
  content: '\1F868';
  font-size: 1.2em;
}



#enviarsugestao form,
#informarproblema form {
    text-align: left;
}

#enviarsugestao form input[type=text],
#enviarsugestao form input[type=email],
#enviarsugestao form input[type=tel],
#enviarsugestao form textarea,
#informarproblema form input[type=text],
#informarproblema form input[type=email],
#informarproblema form input[type=tel],
#informarproblema form textarea {
    width: 100%;
    padding: 8px 5px;
    margin-bottom: 12px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

#enviarsugestao form input[type=email]:invalid,
#informarproblema form input[type=email]:invalid {
    border: 2px dashed red;
}

#enviarsugestao form label,
#informarproblema form label {
    margin-left: 5px;
}

#enviarsugestao form div label,
#informarproblema form div label {
    margin-left: 0px;
    margin-right: 10px;
}

div.configuracoesbrowser_interno, div.configuracoesbrowser_ativar {
  display: none;
}

.webapp_configuracoes input.campo {
    border-radius: 5px;
    border: 1px solid lightgrey;
}

#enviarsugestao form input[type=submit],
#enviarsugestao form input[type=button],
#informarproblema form input[type=submit],
#informarproblema form input[type=button],
.webapp_configuracoes input[type="submit"],
.webapp_configuracoes form input[type=button] {
    background-color: #098ec6;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 15px;
    min-width: 80px;
    margin-top: 20px;
}

#enviarsugestao form input[type=submit]:hover,
#enviarsugestao form input[type=button]:hover,
#informarproblema form input[type=submit]:hover,
#informarproblema form input[type=button]:hover,
.webapp_configuracoes input[type="submit"]:hover {
    background-color: #45a049;
    cursor: pointer;
}

#enviarsugestao form div,
#informarproblema form div {
    padding: 8px 5px;
}

#enviarsugestao form div.botoesform,
#informarproblema form div.botoesform {
    float: right;
}

#informarproblema div#localizacao_desc {
    display: none;
}

#informarproblema div#div_add_img > img {
    cursor: pointer;
}

#informarproblema div#div_add_img > * {
    vertical-align: middle;
}

#informarproblema div#div_add_img > p {
    display: inline-block;
    width: 680px;
}

#informarproblema div#div_add_img > p > button {
    display: none;
}

#permission_div, #activation_div {
   display: none;
   background-color: #8227c1;
   color: white;
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 20%;
   right: 20%;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
   text-align: center;
   border: 3px solid #f5886c;
   font-size: 18px;
}

#notif_ativar_sim, #notif_ativar_nao {
  height: 28px;
  width: 59px;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}

#avisorecebido_wall, #sessaoexpirando_wall {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#avisorecebido, #sessaoexpirando {
  width: 300px;
  height: 200px;
  background-color: #4c7fd5;
  color: white;
  position: fixed;
  top: 327.5px;
  left: 860px;
  text-align: center;
  border: 3px solid #f5886c;
}

#avisorecebido_texto, #sessaoexpirando_texto {
  height: 114px;
  display: table-cell;
  vertical-align: middle;
  width: 300px;
  font-size: 18px;
}

#avisorecebido_botoes, #sessaoexpirando_botoes {
  margin: auto;
}

#avisorecebido_botoes button, #sessaoexpirando_botoes button {
  margin: 20px;
  height: 36px;
  width: 82px;
  font-size: 16px;
}