/* CSS Document */

@import url("reset.css");

.back
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b6db+1,309dcf+84 */
background: #63b6db; /* Old browsers */
background: -moz-linear-gradient(top,  #63b6db 1%, #309dcf 84%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #63b6db 1%,#309dcf 84%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #63b6db 1%,#309dcf 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 ); /* IE6-9 */

}
.modal {
  text-align: center;
}
@media screen and (min-device-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/*****************************************/
/* DIV'S */

#container
{
	width: 100%;
	min-height: 450px;	
	margin: auto;
}

#header
{
	width: 100%;
	min-height: 115px;	
}

.leftMenu
{
  background-color:rgba(99, 182, 219, 0.14);
  border-radius:5px;
  cursor:pointer;
}




/* TOPO */

#topo
{
	width: 980px;
	min-height: 115px;	
	margin: 0 auto;
}

#marca-cli
{
	width: 234px;
	height: 107px;
    margin-top:10px;
	padding: 3px 0px 0px 1px;
	margin-left: 2px;	    
	float: left;
	clear: both;
    text-align:center !important;
	background: url(../img/bg-marca-cli.gif) bottom no-repeat;
}

#banner-topo
{
	width: 725px;
	height: 95px;
	float: right;
	margin: 10px 10px 0px 0px;
}

/*******************************************/

#content
{
	width: 100%;
    border:none;
	display: table;
	background-color: #FFFFFF;
}

#content-cont
{
	width: 980px;
	min-height: 245px;
	_height: 245px;
	margin: 0 auto;
	background: url(../img/bg-menu.jpg) bottom left no-repeat;
	display: table;
}

h2
{
	width: 244px;
	height: 27px;
	background-position: top;
	float: left;
}

h2 span
{
	visibility: hidden;
}

h2.tit-identificacao
{
	background: url(../img/titulos.gif) no-repeat;
}

h2.tit-imovel
{
	background: url(../img/titulos.gif) 0px -27px no-repeat;
}

h2.tit-segunda-via
{
	background: url(../img/titulos.gif) 0px -54px no-repeat;
}

h2.tit-extrato-debitos
{
	background: url(../img/titulos.gif) 0px -81px no-repeat;
}

h2.tit-historico-consumo
{
	background: url(../img/titulos.gif) 0px -108px no-repeat;
}

h2.tit-certidao
{
	background: url(../img/titulos.gif) 0px -135px no-repeat;
}

h2.tit-validar-certidao
{
	background: url(../img/titulos.gif) 0px -163px no-repeat;
}

h2.tit-login
{
	background: url(../img/titulos-admin.gif) 0px -54px no-repeat;
}

h2.tit-envio-arq
{
	background: url(../img/titulos-admin.gif) no-repeat;
}

h2.tit-agendamento
{
	background: url(../img/titulos-admin.gif) 0px -27px no-repeat;
}

/**/

h3.h3-padrao
{
	font-weight: bold;
	color: #CC3300;
	font-size: 12px;
}

/********/

table#tab-padrao
{
	width: 685px;
	margin-top: 25px;
}

table#tab-padrao tr th, table#tab-padrao tr td
{
	padding: 8px 5px 8px 5px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

table#tab-padrao tr th.centro, table#tab-padrao tr td.centro
{
	text-align: center;
}

table#tab-padrao tr.th-tit th
{
	color: #FFFFFF;
	background: url(../img/bg-th-tit.gif) repeat;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

table#tab-padrao tr.th-sub th
{
	color: #000000;
	background: url(../img/bg-th-sub.gif) repeat;
	font-weight: bold;
}

.maisesquerda
{
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #006699;
}
.maisdireita
{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 100px;
}

table#tab-padrao tr.cor1, table#tab-padrao tr td.cor1
{
	background: url(../img/bg-branco.gif) repeat;
}

table#tab-padrao tr.cor2, table#tab-padrao tr td.cor2
{
	background: url(../img/bg-cor2.gif) repeat;
}

table#tab-padrao tr.cor3 td
{
	color: #000000;
	font-weight: bold;
	background: url(../img/bg-cinza.gif) repeat;
}

table#tab-padrao tr td.centro
{
	text-align: center;
}

/*****************************************/

table#tab-padrao-imp
{
	width: 685px;
	margin-top: 25px;
}

table#tab-padrao-imp tr th, table#tab-padrao-imp tr td
{
	font-size: 15px;
	text-align: left;
	vertical-align: middle;
}

table#tab-padrao-imp tr th.centro, table#tab-padrao-imp tr td.centro
{
	text-align: center;
}

table#tab-padrao-imp tr.th-tit th
{
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

table#tab-padrao-imp tr.th-sub th
{
	color: #000000;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

table#tab-padrao-imp tr.cor1, table#tab-padrao-imp tr td.cor1
{
	background: url(../img/bg-branco.gif) repeat;
}

table#tab-padrao-imp tr.cor2, table#tab-padrao-imp tr td.cor2
{
	background: url(../img/bg-cor2.gif) repeat;
}

table#tab-padrao-imp tr.cor1 td, table#tab-padrao-imp tr.cor2 td
{
	padding: 8px 5px 8px 5px;
}

table#tab-padrao-imp tr.cor3 td
{
	color: #000000;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

table#tab-padrao-imp tr td.centro
{
	text-align: center;
}

.div-th-sub
{
	position: relative;
	margin-top: -45px;
}

.div-cor2
{
	position: relative;
	margin-top: -52px;
}

/*****************************************/
/* MENU */

#lat-esq
{	
	min-height: 205px;	
    	padding: 10px 25px 22px 19px;
	float: left;
	background: url(../img/sombra-sup.jpg) top center no-repeat;
}

ul#ul-nav,ul#ul-navlogin
{
	width: 201px;
	min-height: 39px;
	_height: 39px;
}

ul#ul-nav-admin
{
	width: 201px;
	height: 81px;
}

ul#ul-nav li, ul#ul-nav-admin li, ul#ul-navlogin li
{
	width: 201px;
	height: 39px;
	margin-bottom: 2px;
}

ul#ul-nav li a span, ul#ul-nav-admin li a span, ul#ul-navlogin li a span
{
	visibility: hidden;
}

ul#ul-nav li a, ul#ul-nav-admin li a, ul#ul-navlogin li a
{
	width: 201px;
	height: 39px;
	display: block;
	background-position: top;
}
ul#ul-nav li#nav0 a
{
	background: url(../img/nav.gif) top;
}
ul#ul-nav li#nav1 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) top;
}

ul#ul-nav li#nav2 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -41px no-repeat;
}

ul#ul-nav li#nav3 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -82px no-repeat;
}

ul#ul-nav li#nav4 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -124px no-repeat;
}

ul#ul-nav li#nav5 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -164px no-repeat;
}

ul#ul-nav li#nav6 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -205px no-repeat;
}

ul#ul-nav li#nav7 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -247px no-repeat;
}

ul#ul-nav li#nav8 a
{
	/**background: url(../img/nav.gif) 0px -287px no-repeat;**/
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -289px no-repeat;
}

ul#ul-nav li#nav9 a
{
	background: url(../img/bg_menu_12item_less_inicio.gif) 0px -329px no-repeat;
}

ul#ul-nav li#nav10 a
{
	/**background:url(../img/nav.gif) bottom no-repeat;**/
	background: url(../img/bg_menu_12item_less_inicio.gif) bottom no-repeat;
}

ul#ul-nav li#nav1 a:hover, ul#ul-nav li#nav1 a.ativo, ul#ul-nav li#nav2 a:hover, ul#ul-nav li#nav2 a.ativo, ul#ul-nav li#nav3 a:hover, ul#ul-nav li#nav3 a.ativo, ul#ul-nav li#nav4 a:hover, ul#ul-nav li#nav4 a.ativo, ul#ul-nav li#nav5 a:hover, ul#ul-nav li#nav5 a.ativo, ul#ul-nav li#nav6 a:hover, ul#ul-nav li#nav6 a.ativo, ul#ul-nav li#nav7 a:hover, ul#ul-nav li#nav7 a.ativo, ul#ul-nav li#nav8 a:hover, ul#ul-nav li#nav8 a.ativo, ul#ul-nav li#nav9 a:hover, ul#ul-nav li#nav9 a.ativo,ul#ul-nav li#nav10 a:hover, ul#ul-nav li#nav10 a.ativo
{
	background-image: url(../img/nav-hoverteste_13_item.gif);
}
ul#ul-nav li#nav0 a:hover, ul#ul-nav li#nav0 a.ativo
{
	background-image: url(../img/nav-hover.gif);
}

/*HOVER LOGIN*/

ul#ul-navlogin li#nav0login a
{
	background: url(../img/bg-menu-teste.gif) top;
}

ul#ul-navlogin li#nav8login a
{
	background: url(../img/bg-menu-teste.gif) 0px -288px no-repeat;
}

ul#ul-navlogin li#nav9login a
{
	background: url(../img/bg-menu-teste.gif) 0px -329px no-repeat;
}

ul#ul-navlogin li#nav10login a
{
	background: url(../img/bg-menu-teste.gif) bottom no-repeat;
}



ul#ul-navlogin li#nav0login a:hover, ul#ul-navlogin li#nav0login a.ativo,ul#ul-navlogin li#nav8login a:hover, ul#ul-navlogin li#nav8login a.ativo,ul#ul-navlogin li#nav9login a:hover, ul#ul-navlogin li#nav9login a.ativo,ul#ul-navlogin li#nav10login a:hover, ul#ul-navlogin li#nav10login a.ativo
{
	background-image: url(../img/nav-hover-teste.gif);
}



/*nav-hover-teste*/


/* USUARIO LOGADO */

#usuario
{
	width: 420px;
	height: 30px;
	font-size: 12px;
	float: right;
	text-align: right;
}

#usuario a
{
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	text-transform: uppercase;
}

#usuario a:hover
{
	color: #CC0000;
}

/* BANNER LATERAL */

.banner-lateral
{
	margin-top: 10px;
	clear: both;
}

/* ADMINISTRADOR */

ul#ul-nav-admin li#nav1 a
{
	background: url(../img/nav-admin.gif) top;
}

ul#ul-nav-admin li#nav2 a
{
	background: url(../img/nav-admin.gif) 0px -41px no-repeat;
}

ul#ul-nav-admin li#nav1 a:hover, ul#ul-nav-admin li#nav2 a:hover, ul#ul-nav-admin li#nav1 a.ativo, ul#ul-nav-admin li#nav2 a.ativo
{
	background-image: url(../img/nav-admin-hover.gif);
}


/*****************************************/
/* MEIO - CONTEUDO */

#middle
{
	width: 725px;
	min-height: 225px;
	_height: 207px;
	padding: 10px 10px 10px 0px;
	float: right;
}

#middle-top
{
	width: 725px;
	height: 10px;
	background: #F4F4F4 url(../img/bg-middle-top.gif) top center no-repeat;
}

#middle-cont
{
	width: 100%;
	min-height: 407px;
	_height: 407px;
	padding: 10px 20px 10px 20px;
	background-color: #F4F4F4; /*overflow:auto;*/
}

#middle-bot
{
	width: 725px;
	height: 10px;
	background: #F4F4F4 url(../img/bg-middle-bottom.gif) top center no-repeat;
}

/*****************************************/
/* IDENTIFICAÇÃO */

div#form-identificacao
{
	margin: 25px 0px 25px 0px;
	padding-bottom: 25px;
}


div#form-validar
{
	margin-bottom: 25px;
}

div#form-validar label, div#form-validar input, div#form-identificacao label, div#form-identificacao input
{
	vertical-align: middle;
	display: inline;
}

div#form-validar label, div#form-identificacao label
{
	font-size: 11px;
	color: #006699;
	font-weight: bold;
}

div#form-validar input.text, div#form-identificacao input.text, div#form-agenda input.text
{
	width: 169px;
	height: 16px;
	padding: 5px 5px 2px 5px;
	background: url(../img/bg-text-ident.gif) top center no-repeat;
	font-size: 11px;
}

.textGrande
{
	width: 462px;
	height: 16px;
	padding: 5px 2px 2px 5px;
	background: url(../img/bg-text-ident-grande.gif) top left no-repeat;
	font-size: 11px;
}

.textCodigoCaptcha
{
	width: 462px;
	height: 16px;
	padding: 5px 2px 2px 5px;
	background: url(../img/bg-text-ident.gif) top left no-repeat;
	font-size: 11px;
}

div#form-identificacao fieldset, div#form-validar fieldset
{
	margin-top: 15px;
}

/*****************************************/


/*****************************************/
/* IDENTIFICAÇÃO */

div#form-atualizacao
{
	margin: 0px 0px 25px 0px;
	padding-bottom: 25px;
}


div#form-validar
{
	margin-bottom: 25px;
}

div#form-validar label, div#form-validar input, div#form-atualizacao label, div#form-atualizacao input
{
	vertical-align: middle;
	display: inline;
}

div#form-validar label, div#form-atualizacao label
{
	font-size: 11px;
	color: #006699;
	font-weight: bold;
}

div#form-validar input.text, div#form-atualizacao input.text, div#form-agenda input.text
{
	width: 169px;
	height: 16px;
	padding: 5px 5px 2px 5px;
	background: url(../img/bg-text-ident.gif) top center no-repeat;
	font-size: 11px;
}

.textGrande
{
	width: 462px;
	height: 16px;
	padding: 5px 2px 2px 5px;
	background: url(../img/bg-text-ident-grande.gif) top left no-repeat;
	font-size: 11px;
}

.textCodigoCaptcha
{
	width: 462px;
	height: 16px;
	padding: 5px 2px 2px 5px;
	background: url(../img/bg-text-ident.gif) top left no-repeat;
	font-size: 11px;
}

div#form-atualizacao fieldset, div#form-validar fieldset
{
	margin-top: 15px;
}

/*****************************************/












/* IMÓVEL */

h3#tit-ultimos-consumos, h3#tit-foto-imovel
{
	margin-top: 20px;
	padding: 8px 0px 8px 35px;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

h3#tit-ultimos-consumos
{
	background: #E0E0E0 url(../img/ico-grafico.jpg) 0px no-repeat;
}

h3#tit-foto-imovel
{
	background: #E0E0E0 url(../img/ico-maq-fotografica.jpg) 0px no-repeat;
}

#foto-imovel
{
	width: 252px;
	float: right;
	margin-bottom: 20px;
}

#foto-imovel img
{
	margin-top: 3px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#dados-imovel
{
	width: 380px;
	float: left;
}

dl#lista-imovel
{
	margin-top: 25px;
}

dl#lista-imovel dt
{
	font-size: 12px;
	color: #006699;
	font-weight: bold;
	float: left;
	margin-right: 5px;
	padding-left: 10px;
	background: url(../img/seta-laranja.gif) 0px no-repeat;
}

dl#lista-imovel dd
{
	font-size: 12px;
	color: #000000;
	margin-bottom: 15px;
}

/*****************************************/
/* FORMULARIO DO EXTRATO DE DÉBITOS, CERTIDAO E SEGUNDA VIA */

div#form-extrato-debito, div#form-certidao, form#form-segunda-via
{
	width: 100%;
	margin-top: 25px;
	clear: both;
}

form#form-segunda-via
{
	margin-bottom: 25px;
}

p.codigo-barras
{
	letter-spacing: 2px;
	margin: 25px 0px 5px 0px;
}


/*****************************************/
/* RODAPÉ */

#footer
{
	width: 980px;
	margin: 0 auto;
	display: table;
	margin-bottom: 25px;
	text-align: center;
	font-size: 11px;
	color: White;
}
.footer-esq_
{
	width: 245px;
	height: 33px;
	float: left;
}

#footer-esq
{
	width: 245px;
	height: 33px;
	float: left;
}

#footer-dir
{
	width: 690px;
	margin: 10px 15px 0px 0px;
	float: right;
	text-align: right;
}

/*****************************************/
/* GERAL */

p
{
	font-size: 12px;
	line-height: 16px;
	margin-top: 20px;
}

p.borda
{
	background: url(../img/bg-cinza.gif) top repeat-x;
	padding-top: 15px;
}

strong
{
	font-weight: bold;
}

.pos-esq
{
	float: left;
}

.pos-dir
{
	float: right;
}

.alin-meio
{
	vertical-align: middle;
	width: 15px;
	height: 15px;
}
.alin-meio_
{
	vertical-align: middle;
	width: 60px;
	height: 29px;
}
.alin-topo
{
	vertical-align: top;
}

.alin-centro
{
	text-align: center;
}

.alin-dir
{
	text-align: right;
}

.alin-esq
{
	text-align: left;
}

a.link-padrao
{
	color: #006699;
}

a.link-padrao:hover
{
	color: #CC3300;
}

.margem-bot-10
{
	margin-bottom: 10px;
}
/********/

/* ADMINISTRADOR */

div#form-envio input, div#form-agenda input, div#form-login input
{
	vertical-align: middle;
	display: block;
}

div#form-login input
{
	vertical-align: middle;
	display: inline;
}

div#form-envio label, div#form-agenda label, div#form-login label
{
	font-size: 11px;
	color: #006699;
	font-weight: bold;
}

div#form-login input.text
{
	width: 169px;
	height: 16px;
	padding: 5px 5px 2px 5px;
	background: url(../img/bg-text-ident.gif) top center no-repeat;
	font-size: 11px;
}

div#form-envio input.file, div#form-agenda input.file
{
	width: 350px;
	height: 25px;
	padding: 5px 5px 2px 5px;
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #CCCCCC;
}

div#form-envio fieldset, div#form-login fieldset
{
	margin-top: 15px;
}

div#form-agenda fieldset
{
	margin-bottom: 15px;
}

div#form-agenda input.radio
{
	display: inline;
	vertical-align: middle;
	margin-right: 3px;
}

div#form-agenda label
{
	vertical-align: middle;
	margin-right: 10px;
}

/********/

/* SEGUNDA VIA */

table.tab-conta
{
	width: 685px;
	border: 10px solid #FFFFFF;
}

table.tab-conta td, table.tab-conta th
{
	font-size: 12px;
	padding: 5px 8px 5px 8px;
}

table.tab-conta td
{
	background: url(../img/bg-branco.gif) repeat;
}

table.tab-conta th
{
	color: #FFFFFF;
	background: url(../img/bg-th-tit.gif) repeat;
	text-transform: uppercase;
	font-weight: bold;
}

.maior
{
	font-size: 14px;
	font-weight: bold;
}

table.tab-conta td.empresa
{
	color: #006699;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.destaque
{
	color: #006699;
	font-weight: bold;
}