/* Titulo da Pagina */
@font-face{    
	font-family: 'Lato';    
	src: url('/wps/wcm/connect/b05e4782-c556-4f4e-af32-5c3d661d99a6/Lato-Reg-webfont.eot?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b05e4782-c556-4f4e-af32-5c3d661d99a6-klwGyFg');    
	src: url('/wps/wcm/connect/b05e4782-c556-4f4e-af32-5c3d661d99a6/Lato-Reg-webfont.eot?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b05e4782-c556-4f4e-af32-5c3d661d99a6-klwGyFg&#iefix') format('embedded-opentype'), 
		url('/wps/wcm/connect/655b22a4-91d2-4de9-a710-b8013e8f1f34/Lato-Reg-webfont.woff?MOD=AJPERES&CACHEID=ROOTWORKSPACE-655b22a4-91d2-4de9-a710-b8013e8f1f34-klwGztg') format('woff'), 
		url('/wps/wcm/connect/5f809138-cdb9-4e8e-9f3e-ea8dae300be2/Lato-Reg-webfont.ttf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-5f809138-cdb9-4e8e-9f3e-ea8dae300be2-klwGzbc') format('truetype'), 
		url('/wps/wcm/connect/8532c779-c4ac-4940-876e-5e1af8ca6893/Lato-Reg-webfont.svg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-8532c779-c4ac-4940-876e-5e1af8ca6893-klwGyXP') format('svg');    
	font-weight: normal;    
	font-style: normal;
} 

@font-face{    
	font-family: 'Lato light';    
	src: url('/wps/wcm/connect/2f3165b9-7f7a-4e53-a0e7-60ecf76ccde5/Lato-Lig-webfont.eot?MOD=AJPERES&CACHEID=ROOTWORKSPACE-2f3165b9-7f7a-4e53-a0e7-60ecf76ccde5-klxf14M');    
	src: url('/wps/wcm/connect/2f3165b9-7f7a-4e53-a0e7-60ecf76ccde5/Lato-Lig-webfont.eot?MOD=AJPERES&CACHEID=ROOTWORKSPACE-2f3165b9-7f7a-4e53-a0e7-60ecf76ccde5-klxf14M&#iefix') format('embedded-opentype'), 
		url('/wps/wcm/connect/50dd6546-d940-4849-b230-6080cd9635ab/Lato-Lig-webfont.woff?MOD=AJPERES&CACHEID=ROOTWORKSPACE-50dd6546-d940-4849-b230-6080cd9635ab-klwGwmx') format('woff'), 
		url('/wps/wcm/connect/26bf4b8a-063e-4b8c-a20c-ed5d256d633c/Lato-Lig-webfont.ttf?MOD=AJPERES&CACHEID=ROOTWORKSPACE-26bf4b8a-063e-4b8c-a20c-ed5d256d633c-klwGvwA') format('truetype'), 
		url('/wps/wcm/connect/9f1f1bcd-4486-4bb6-b7c2-ebdb57953016/Lato-Lig-webfont.svg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-9f1f1bcd-4486-4bb6-b7c2-ebdb57953016-klwGs0I') format('svg');    
	font-weight: normal;    
	font-style: normal;
} 

.hidden{
	display: none;
}

body {
	margin: 0;
	font-family: "Lato", Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #777777;
	background-color: #ffffff;
}

header{
	position: relative;
        background: #15315E;
}

header.ri{
	position: relative;
        background: #D5D5D5;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A8C2DD), to(#779DC5));
        background: -webkit-linear-gradient(#D5D5D5, #779DC5);
        background: -moz-linear-gradient(#D5D5D5, #779DC5);
        background: -ms-linear-gradient(#D5D5D5, #779DC5);
        background: -o-linear-gradient(#D5D5D5, #779DC5);
        background: linear-gradient(#D5D5D5, #779DC5);
}



h3 a, h3 {
	color: #0062ad;
	text-decoration: none;
}

div.content{
	max-width: 980px;
        /* max-width: 80%; */
	margin: auto;
	min-height: 400px;
	padding-bottom: 3%;
}

.home div.content{
	padding-bottom: 0%;
}

.left{
	float: left;
}

div.content p {
	margin: 10px 0;
}

.home div.content p{
	margin: 0px 0;
}

.right {
	float: right !important;
	margin: 0 !important;
}


.clear{
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	top: 0;
}


/* Cabeçalho */

#header-superior, #menu-principal ul{
	max-width: 1366px;
	margin: auto;
}

.conteudo-header {
	display: inline-block;
	width: 90%;
}

.conteudo-header {
	vertical-align: top;
	display: inline-block;
	text-align: right;
	max-width: 80%;
}

.logo-principal {
	display: inline-block;
	width: 166px;
	vertical-align: top;
}



.redes-sociais li {
	display: inline-block;
}

.redes-sociais li a[title="Facebook"]{
	display: block;
	width: 23px;
	height: 23px;
	background: url(/wps/wcm/connect/b601760c-e558-42d1-bf5f-652095c236d7/face.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b601760c-e558-42d1-bf5f-652095c236d7-kWMYvWI) no-repeat;
}

.redes-sociais li a[title="Twitter"]{
	display: block;
	width: 23px;
	height: 23px;
	background: url(/wps/wcm/connect/edf9e752-ae0e-4098-8d06-63a61ccadeeb/Prancheta+1.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-edf9e752-ae0e-4098-8d06-63a61ccadeeb-oHyqHC9) no-repeat;
}

.redes-sociais li a[title="Youtube"]{
	display: block;
	width: 23px;
	height: 23px;
	background: url(/wps/wcm/connect/ce4feb4e-44eb-4ff3-be17-edd03c3eaf85/youtube.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-ce4feb4e-44eb-4ff3-be17-edd03c3eaf85-kWMYSo-) no-repeat;
}

.redes-sociais li a[title="Instagram"]{
	display: block;
	width: 23px;
	height: 23px;
	background: url(/wps/wcm/connect/46d15bae-d86c-4cb3-b496-063713626097/instagram.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-46d15bae-d86c-4cb3-b496-063713626097-kWMZdzy) no-repeat;

}

.header-pesquisa {
	width: 250px;
	display: inline-block;
	position: relative;
	top: -5px;
}

.redes-sociais {
	display: inline-block;
	margin-right: 10px;
}

.header-pesquisa input[type="text"] {
	width: 250px;
	border: solid 1px #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	color: rgba(138, 137, 137, 1);
	padding-left: 3px;
	text-transform: capitalize;
}

.header-pesquisa button{
	background: url(/wps/wcm/connect/13de7080-070e-4b5f-973e-8be862b642e9/lupa.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-13de7080-070e-4b5f-973e-8be862b642e9-khAEXH6) no-repeat;
	height: 19px;
	width: 29px;
	display: block;
	border: none;
	position: absolute;
	top: 6px;
	right: 5px;
}

.menu-superior {
	text-align: right;
	position: relative;
	top: 16px;
}

.menu-superior li {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	border-right: #c6e1eb 1px solid;
	height: 12px;
}

.menu-superior li:last-child{
	border: none;
	margin-right: 0px;
}

.menu-superior ul{
	list-style: none;
	padding: 0px;
}

.menu-superior li a{
	color: #fff;
	text-decoration: none;
	position: relative;
	top: -5px;
}

/* 1 - Menu Principal */

#menu-principal {
	background: #2176b8;
	border-top: solid 3px #2a70a6;
	margin-top: 35px;
}

#menu-principal ul{
	padding: 0;
        text-align: center;
	margin-top: 10px;
	list-style: none;
}

#menu-principal li {
	display: inline-block;
        padding-left: 3%;
        padding-right: 3%;
	border-right: 1px solid #ffffff;
	height: 12px;
	position: relative;
}

#menu-principal li:last-child{
	border: none;
	margin-right: 0px;
}

#menu-principal li a{
	color: #ffffff;
	text-decoration: none;
	position: relative;
	top: -5px;
}

#menu-principal ul ul{
	position: absolute;
	background: rgb(250, 250, 250);
	padding: 0px;
	border: #c1c1c1 1px solid;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.16), inset 0 1px #fbfbfc;
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,.16), inset 0 1px #fbfbfc;
	box-shadow: 0 2px 1px rgba(0,0,0,.16), inset 0 1px #fbfbfc;
	display: none;
	z-index: 100000;
	color: #777777;
	margin-top: -7px;
}

#menu-principal.ri {
	max-width: 99%;
        background: #779DC5;
	border-top: solid 3px #2a70a6;
	margin-top: 35px;
}

#menu-principal.ri ul{
	padding: 0;
        text-align: center;
	margin-top: 10px;
	list-style: none;
}

#menu-principal.ri li {
	display: inline-block;
        padding-left: 1%;
        padding-right: 1%;
	border-right: 1px solid #ffffff;
	height: 12px;
	position: relative;
}

#menu-principal.ri ul ul{
	position: absolute;
	background: rgb(250, 250, 250);
	padding: 0px;
	border: #c1c1c1 1px solid;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.16), inset 0 1px #fbfbfc;
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,.16), inset 0 1px #fbfbfc;
	box-shadow: 0 2px 1px rgba(0,0,0,.16), inset 0 1px #fbfbfc;
	display: none;
	z-index: 100000;
	color: #777777;
	margin-top: -7px;
}

#menu-principal ul li:hover ul{
	display: block;
}

#menu-principal.ri ul li:hover ul{
	display: block;
}

#menu-principal ul ul li{
	border-bottom: solid 1px #ECE5E5;
	margin: 0 !important;
	padding: 0px !important;
	height: auto;
	width: 200px;
}

#menu-principal.ri ul ul li{
	border-bottom: solid 1px #ECE5E5;
	margin: 0 !important;
	padding: 0px !important;
	height: auto;
	width: 200px;
}

#menu-principal ul ul li a:hover{
	background: rgb(247, 245, 245);background: none repeat scroll 0% 0% rgb(245, 245, 245);
}

#menu-principal.ri ul ul li a:hover{
	background: rgb(247, 245, 245);background: none repeat scroll 0% 0% rgb(245, 245, 245);
}

#menu-principal ul ul li a{
	padding: 5px;
	padding-right: 0px;
	background-position: left center;
	min-width: 160px;
	display: block;
	background: rgb(250, 250, 250);
	color: #777777;
	position: relative;
	top: 0px;
	padding: 5px;
	
}

#menu-principal.ri ul ul li a{
	padding: 5px;
	padding-right: 0px;
	background-position: left center;
	min-width: 160px;
	display: block;
	background: rgb(250, 250, 250);
	color: #777777;
	position: relative;
	top: 0px;
	padding: 5px;
	
}

/* 2 - Rodape */

#rodape {
	background: #2176b8;
}

#rodape {
	background: #1669af;
	margin: 0;
	bottom: 0;
	padding: 0;
	clear: both;
}

.rede-sociais-rodape ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rodape-esquerdo .titulo-rodape, .rodape-esquerdo p{
	color: white;
	margin: 0;
	padding: 0;
}

.rede-sociais-rodape li {
	display: inline-block;
}

.rodape-esquerdo {
	font-size: 13px;
}

.rede-sociais-rodape a[title="Facebook"]{
	display: block;
	width: 32px;
	height: 32px;
	background: url(/wps/wcm/connect/f009d5b1-9c94-4104-a7c1-b08d63f73f5e/face-rodape.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-f009d5b1-9c94-4104-a7c1-b08d63f73f5e-kl8drMe) no-repeat;
}

.rede-sociais-rodape a[title="Twitter"]{
	display: block;
	width: 32px;
	height: 32px;
	background: url(/wps/wcm/connect/42afdc99-a488-4e67-b7a9-8cf7c1d59100/Prancheta+1+c%C3%B3pia.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-42afdc99-a488-4e67-b7a9-8cf7c1d59100-oHyqpQU) no-repeat;
}

.rede-sociais-rodape a[title="Youtube"]{
	display: block;
	width: 32px;
	height: 32px;
	background: url(/wps/wcm/connect/cf493eec-f6dc-454c-8015-f831bb0fa69c/youtube-rodape.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-cf493eec-f6dc-454c-8015-f831bb0fa69c-kl8ewsf) no-repeat;
}

.rede-sociais-rodape a[title="Blogger"]{
	display: block;
	width: 32px;
	height: 32px;
	background: url(/wps/wcm/connect/33163842-be7e-40c8-90e0-860debf7ece5/bb.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-33163842-be7e-40c8-90e0-860debf7ece5-kkKcr0F) no-repeat;
}
.rede-sociais-rodape a[title="Instagram"]{
	display: block;
	width: 32px;
	height: 32px;
	background: url(/wps/wcm/connect/8d25e7eb-5f12-47d6-9d37-ff1bbda99903/logo_Instagram.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-8d25e7eb-5f12-47d6-9d37-ff1bbda99903-mH.C-s-) no-repeat;
}
.conteudo-rodape {
	max-width: 1366px;
	margin: auto;
}

.conteudo-rodape p{
	font-family: "Lato Light";
}

.rodape-esquerdo {
	font-size: 13px;
	max-width: 65%;
	padding: 2%;
	display: inline-block;
}

.rede-sociais-rodape {
	float: right;
	position: relative;
	top: 40px;
	right: 60px;
}

.mapa-site-rodape, .fale-conosco-rodape, .ouvidoria-rodape {
	font-weight: bold;
	display: inline-block;
}

.mapa-site-rodape, .fale-conosco-rodape, .ouvidoria-rodape, .conteudo-rodape .separador{
	margin-top: 7px;
}

.conteudo-rodape .separador{
	display: inline-block;
}

.mapa-site-rodape a, .fale-conosco-rodape a, .ouvidoria-rodape a{
	color: white;
	text-decoration: none;
}

.mapa-site-rodape{
	background: url(/wps/wcm/connect/580d4f3d-483b-4d5f-899d-5931d1cbc7b8/mapa-site.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-580d4f3d-483b-4d5f-899d-5931d1cbc7b8-khAEXSQ) no-repeat center left;
	padding-left: 25px !important;
	padding-right: 15px !important;
}

.fale-conosco-rodape{
	background: url(/wps/wcm/connect/50dcc3de-f35a-4329-8e73-a791c0a6ea86/fale-conosco.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-50dcc3de-f35a-4329-8e73-a791c0a6ea86-khAEUX4) no-repeat center left;
	padding-left: 25px !important;
	margin-left: 15px !important;
}

.ouvidoria-rodape{
	background: url(/wps/wcm/connect/fb42712b-b3a4-40f8-9dc4-bf202a5c139f/ouvidoria-rodape.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-fb42712b-b3a4-40f8-9dc4-bf202a5c139f-knWRdQn) no-repeat center left;
	padding-left: 25px !important;
	margin-left: 15px !important;
}

p.ouvidoria-rodape {
	margin-left: 7px !important;
	margin-right: 7px;
}

/* 3 - Conteudo do site */

.titulo-conteudo {
	border-bottom: 1px dotted;
	margin-bottom: 10px;	
}

.titulo-pagina {
	font-family: "Lato Light";
	font-size: 30px;
	padding: 0px;
	margin: 0px;
	color: #3b5377;
	padding-bottom: 10px;
	line-height: 1;
	width: 90%;
}

.tamanho-fonte {
	position: relative;
	top: 10px;
}

.tamanho-fonte .grande {
	font-weight: bold;
	color: #3b5377;
	font-size: 16px;
	margin-right: 5px;
}

.tamanho-fonte .menor {
	font-weight: bold;
	color: #7e8ea5;
	font-size: 14px;
}

/* 4 - breadcrumb */

.breadcrumb ul {
	list-style: none;
	padding-left: 0;
}

.breadcrumb{
	padding: 8px 15px;
	margin: 0 0 20px;
}

.breadcrumb a, broadcrumb li {
	color: #777777;
	text-decoration: none;
}

.breadcrumb li {
	display: inline-block;
	text-shadow: 0 1px 0 #ffffff;
	margin-right: 6px;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.breadcrumb .pagina-atual {
	color: #777777;
	font-weight: bold;
	font-size: 15px;
}

/* 5 - subtitulos */

h2 {
	color: #2176b8;
}

/* 6 - listas */

.lista-conteudo li{
	padding-left: 15px; 
	position: relative;
}

.lista-conteudo li:before {
	background: url(/wps/wcm/connect/3ce60669-d059-43e8-aa1a-a743004cb8ae/bolinha.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-3ce60669-d059-43e8-aa1a-a743004cb8ae-khAETv2) no-repeat center left;
	content: "";
	display: inline-block;
	height: 20px;
	width: 15px;
	position: absolute;
	left: 0px;
}

.lista-conteudo{
	list-style: none;
	padding-left: 0px;
	margin-left: 10px;
}

/* 7 - tabelas */

.content table {
	width: 100%;
}

.content .table-titulo {
	background: #eaebeb !important;
	font-size: 14px !important;
}

.content table td {
	border-bottom: #c4c6c6 solid 1px;
	border-left: #c4c6c6 solid 1px;
}

.content table {
	border-right: #c4c6c6 solid 1px;
	border-top: #c4c6c6 solid 1px;
}

.content table tr, .content table td {
	font-size: 12px;
	padding: 0.7%;
}

.content .cinza{
	background: #f9f8f6;
}

.content  table tr:nth-child(even) {background: white}
.content  table tr:nth-child(odd) {background: #f9f8f6}


/* box download / box link externo */

.box-download, .box-link, .box-conteudo {
	background: #f9f8f6;
	margin-top: 10px;
	margin-bottom: 10px;
}

.icon-download{
	background: url(/wps/wcm/connect/39518836-fb81-45fe-81f0-7ce032783fc5/download.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-39518836-fb81-45fe-81f0-7ce032783fc5-khAEUg6) no-repeat;
	width: 81px;
	height: 76px;
	display: inline-block;
	margin-left: 5%;
	padding-top: 10px;
	position: relative;
	top: 7px;
}

.icon-link{
	background: url(/wps/wcm/connect/de2ae107-dca4-4cf9-8388-1894551b6e5f/link-externo.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-de2ae107-dca4-4cf9-8388-1894551b6e5f-khAEWsK) no-repeat;
	width: 81px;
	height: 76px;
	display: inline-block;
	margin-left: 5%;
	padding-top: 10px;
	position: relative;
	top: 7px;
}

.titulo-box, .titulo-link {
	color: #0062ad;
	font-weight: bold;
	margin-left: 3%;
	font-size: 16px;
	position: relative;
	bottom: 35px;
	max-width: 60%;
	display: inline-table;
}

.box-conteudo {
	padding: 1.3%;
	border-bottom: solid 4px #f3f2f1;
}

.box-imagem {
	display: inline-block;
}

.box-item {
	display: inline-block;
	max-width: 60%;
	vertical-align: top;
	margin-left: 1%;
}

.titulo-box-conteudo {
	color: #0062ad;
	font-size: 16px;
}

/* 8 - Relatorio */

.relatorio-sustentabilidade {
text-align: left;
}

.item-relatorio img{
	width: 300px;
	height: auto;
	margin: 5px;
}

.item-relatorio {
	max-width: 306px;
	display: inline-block;
	vertical-align: top;
	padding: 0% 1%;
	margin-bottom: 15px;
}

.relatorio-sustentabilidade {
	text-align: center;
}

.item-relatorio p {
	color: #5d5d60;
	font-weight: bold;
	text-align: center;
}

.item-relatorio a {
	color: #496cee;
	font-weight: normal;
	padding: 0% 3%;
}

/* 9 - Arquivos e Link utéis */

.arquivos, .links-uteis {
	text-align: center;
	padding: 5px;
}

.links-uteis{
	text-align: left !important;
}

.item-arquivo, .item-uteis {
	width: 190px;
	display: inline-block;
	background: #e7e7e7;
	margin: 3% 2%;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.conteudo-arquivo {
	padding: 5%;
	min-height: 155px;
}

.conteudo-arquivo h3 {
color: #0062ad;
margin-bottom: 0;
border-top: dashed 1px #777777;
padding-top: 20px;
font-size: 14px;
}

.conteudo-arquivo p {
	margin-top: 0px;
}

.item-arquivo .icon-arquivo a[href*=".pdf"]{
	background: url(/wps/wcm/connect/e974822e-501d-4b4c-9bf9-d6c8287d62e8/pdf.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-e974822e-501d-4b4c-9bf9-d6c8287d62e8-khAEYkSsim) no-repeat;
	width: 73px;
	height: 76px;
	display: block;
	margin-top: 15%;
	margin-left: 10%;
}

.item-arquivo .icon-arquivo a[href*=".docx"],.item-arquivo .icon-arquivo a[href*=".doc"]{
	background: url(/wps/wcm/connect/62dc9ecf-a113-48de-9ed0-12bfe40afac1/word.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-62dc9ecf-a113-48de-9ed0-12bfe40afac1-khAEZY7) no-repeat;
	width: 73px;
	height: 76px;
	display: block;
	margin-top: 15%;
	margin-left: 10%;
}

.item-arquivo .icon-arquivo a[href*=".xlsx"], .item-arquivo .icon-arquivo a[href*=".xls"]{
	background: url(/wps/wcm/connect/cbe188ce-dca0-4e0b-b67f-06b6027d0f8b/excel.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-cbe188ce-dca0-4e0b-b67f-06b6027d0f8b-khAEUrB) no-repeat;
	width: 75px;
	height: 76px;
	display: block;
	margin-top: 15%;
	margin-left: 10%;	
}

.item-uteis h3 {
	color: #0062ad;
	text-align: center;
}

.icon-uteis {
	text-align: center;
	min-height: 76px;
	position: relative;
}

.item-uteis{
	min-height: 250px;
}

.item-uteis p {
	padding: 5%;
	font-size: 13px;
	border-top: dashed 1px #777777;
}

/* 10 - Logo */


.logo-item {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.logo-conteudo a {
	color: #496cee;
	font-weight: normal;
	padding: 0% 1%;
}

.logo-conteudo a {
border-right: 1px solid #777777;
}

.logo-conteudo a:last-child {
border: none;
} 

/* 11 - Copasa Orienta */

.copasa-orienta {
	text-align: left;
}

.conteudo-orienta h3 {
	color: #0062ad;
}

.conteudo-orienta {
	display: inline-block;
	padding: 5px;
	vertical-align: top;
	height: 126px;
}

.imagem-orienta {
	display: inline-block;
	vertical-align: top;
}

.lista-orienta {
	margin-bottom: 15px;
	display: inline-block;
	min-width: 48%;
	background: #e7e7e7;
	margin-left: 1%;
	text-align: left;
}

.conteudo-orienta div {
	font-size: 13px;
}

/* 12 - Mapa do site */

.item-mapa {
	display: inline-block;
	width: 30%;
	min-width: 250px;
	vertical-align: top;
	margin-bottom: 25px;
	padding-left: 25px;
	background: #f9f8f6;
	padding: 1%;
}

.item-mapa h3 {
	text-align: left;
}

.item-mapa p{
	text-align: left;
}

.item-mapa p{
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0;
}

.item-mapa p a {
	color: #777777;
	text-decoration: none;
}

.item-mapa.item-mapa-direita p {
	border: none;
}

.mapa-site h3 a {
	color: #0062ad;
	text-decoration: none;
}

/* 13 - busca */

.busca h3{
	margin-bottom: 5px;
}

.busca p{
	margin-top: 5px;
} 

.busca-item {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.campo-busca {
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
}

.campo-busca input[type="text"] {
	border: solid 1px #cfcfcf;
	padding: 6px 10%;
}

.campo-busca input[type="submit"] {
	background: #3b5377;
	border: none;
	height: 30px;
	padding: 0 2%;
	color: white;
}

.campo-busca label {
	font-size: 1.3em;
}

/* 14 - Paginador */

.paginador {
	text-align: right;
	margin-top: 20px;
}

.paginador ul {
	list-style: none;
}

.paginador li{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #eeeeee;
	padding: 7px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	margin-right: 1px;
}

.paginador li a {
	color: #635D5D;
	text-decoration: none;
	font-weight: normal;
}

.paginador li:hover, .paginador li.active {
	background: #E0DEDE;
}

/* 15 - Sala de imprensa */

.sala-de-imprensa .paginador{
position: relative;
right: 5px;
}

.menu-esquerdo a {
  display: inline-block;
  max-width: 92%;
}

.menu-esquerdo .menu-mes li span {
  display: inline-block;
  vertical-align: top;
}

.menu-esquerdo {
	float: right;
	background: #f9f8f6;
	min-width: 130px;
	padding-left: 10px;
	padding-bottom: 8px;
        width: 25%;
        padding-right: 10px;
}

.menu-esquerdo ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.titulo-menu {
	margin: 3%;
	padding: 2%;
	border-bottom: 1px solid d9d8d6;
}

.menu-esquerdo ul .pasta-icon{
	background: url(/wps/wcm/connect/a60737a7-4ed6-4bfb-8532-f649c86951df/pasta.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-a60737a7-4ed6-4bfb-8532-f649c86951df-khAEY9n) no-repeat center left;
	width: 25px;
	height: 19px;
	padding-left: 25px;
	margin-right: 5px;
}

.menu-esquerdo .menu-mes li {
	background: none;
}

.menu-esquerdo .menu-mes {
	display: none;
}

.menu-esquerdo .menu-mes.active {
	display: block;
}

.conteudo-imprensa {
	display: inline-block;
	width: 71%;
}

.menu-esquerdo .menu-mes li span {
	font-size: 9px;
	position: relative;
	top: -2px;
	margin-right: 4px;
}

.menu-esquerdo .menu-mes li:hover, .menu-esquerdo .menu-mes li.active{
	color: #f89e3d;
}

.menu-esquerdo li .menu-mes li {
	padding-left: 5px;
	margin-left: 20px;
}

.sala-de-imprensa .item {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 15px;
	padding-bottom: 15px;
	min-height: 60px;
}

.sala-de-imprensa {
    width: 80%;
    float: right;
}

span.mes-data {
	text-transform: uppercase;
}

.data {
  float: left;
}

.item-imprensa {
	display: inline-block;
	width: 85%;
}

.dia-data, .mes-data {
	display: block;
	text-align: center;
	position: relative;

}

div.texto-imprensa {
	height: 40px;
	overflow: hidden;
	margin-top: 5px;
}

.titulo-imprensa, .texto-imprensa {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.data {
	display: inline-block;
	margin-right: 2%;
	border-right: 1px solid #eeeeee;
	padding-right: 2%;
	color: #ffaa00;
	margin-left: 10px;
	font-size: 1.2em;
	height: 60px;
	position: relative;
	top: 0px;
}

.titulo-imprensa-principal {
	text-transform: uppercase;
}

/* 16 - Agencia Virtual */

/* 16 - Agencia Virtual Copanor Inicio*/

.agencia-populacao-copanor {
    vertical-align: top;
    min-height: 100px;
}
.agencia-populacao-copanor {
    display: inline-block;
    margin-left: 0px;
    width: 950px;
}
.agencia-home-copanor {
    display: inline-block;
    min-height: 100px;
    background: rgb(184, 196, 66) none repeat scroll 0% 0%;
    border-radius: 5px;
    vertical-align: top;
    text-align: center;
    width: 950px;
}

.agencia-home-copanor h3 {
    text-align: left;
    color: #FFF;
    font-family: "Lato Light";
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 0px;
    margin: 7px 10px 8px;
    border-bottom: 1px solid #FFF;
}


/* 16 - Agencia Virtual Copanor Fim*/

.titulo-mais-servicos {
	color: #f9b049;
	font-size: 18px;
}

.box-conta, .box-agua-esgoto, .box-atendimento-informacoes {
	width: 28%;
	display: inline-block;
	vertical-align: top;
	padding-right: 1%;
	margin-right: 1%;
	padding-left: 1.5%;
}

.box-separador-agencia {
	border-right: 1px #777777 dashed;
	display: inline-block;
	height: 245px;
	margin-top: 70px;
}

.icon-agua-esgoto {
	background: url(/wps/wcm/connect/bf0146bf-c5df-4430-8522-5a7bb59714ff/agua-esgoto.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-bf0146bf-c5df-4430-8522-5a7bb59714ff-khAEF5p) no-repeat;
	width: 20px;
	height: 27px;
	display: inline-block;
	position: relative;
	top: 5px;
	padding-right: 10px;
}

.icon-atendimento-informacoes {
	background: url(/wps/wcm/connect/39fbab2f-b95c-4dd9-b507-9f31a88de3d1/atendimento.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-39fbab2f-b95c-4dd9-b507-9f31a88de3d1-khAEFky) no-repeat;
	width: 19px;
	height: 27px;
	display: inline-block;
	position: relative;
	top: 6px;
	padding-right: 10px;
}

.icon-conta {
	background: url(/wps/wcm/connect/36295188-fb72-41df-8b57-f2a6c06dc260/conta.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-36295188-fb72-41df-8b57-f2a6c06dc260-khAETL9) no-repeat;
	width: 19px;
	height: 27px;
	display: inline-block;
	position: relative;
	top: 10px;
	padding-right: 10px;
}

.agencia-destaque-item a {
	color: #777777;
	text-decoration: none;
}

.agencia-destaque-item{
	background: url(/wps/wcm/connect/4b139767-0762-4d63-bcc3-db075ea57042/box-agencia.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4b139767-0762-4d63-bcc3-db075ea57042-khAETFi) no-repeat;
	width: 206px;
	height: 93px;
	display: inline-block;
	vertical-align: top;
	margin-right: 3.5%;
	margin-bottom: 2%;
	position: relative;
}


.icon-vazamento-agua{
	background: url(/wps/wcm/connect/41ba93b1-64f2-4b2d-ab37-cafb3288f680/vazamento-agua.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-41ba93b1-64f2-4b2d-ab37-cafb3288f680-khAEZDn) no-repeat;
}

.icon-agendar-atendimento-presencial{
	background: url(/wps/wcm/connect/3beb329b-d539-420d-b11b-676833a0b837/agendamento.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-3beb329b-d539-420d-b11b-676833a0b837-n3KhNpU) no-repeat;
}

.icon-segunda-via{
	background: url(/wps/wcm/connect/e9bd5cb3-9551-4f02-b895-ab0505be495a/segunda-via.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-e9bd5cb3-9551-4f02-b895-ab0505be495a-khAEZi8) no-repeat;
}

.icon-debito-automatico{
	background: url(/wps/wcm/connect/8d021649-5532-49e9-9c04-d2b4f9a2246e/debito-automatico.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-8d021649-5532-49e9-9c04-d2b4f9a2246e-khAEU57) no-repeat;
}

.icon-vazamento-esgoto{
	background: url(/wps/wcm/connect/9f4cbce5-7dd4-4e76-928b-193cb6c8e64b/vazamento-esgoto.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-9f4cbce5-7dd4-4e76-928b-193cb6c8e64b-khAEZKd) no-repeat;
}

.icon-atualizar-telefone{
	background: url(/wps/wcm/connect/a5fa6be0-ea0a-4ec4-a688-aaedfd5de0ec/icone_conta_por_email.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-a5fa6be0-ea0a-4ec4-a688-aaedfd5de0ec-llVMTmT) no-repeat;
}
.icon-alteracao-email-telefone{
	background: url(/wps/wcm/connect/4f8a57fe-a94f-444f-bcc0-08fa28e1e2f0/12-Icone_Alteracao_Email_Telefone.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4f8a57fe-a94f-444f-bcc0-08fa28e1e2f0-n891Ki9) no-repeat;
}

.agencia-home .icon-negociacao-parcelamento{
	background: url(/wps/wcm/connect/ae5e7cf0-49a2-4db7-93cd-2847e532420e/negociacao-parcelamento.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-ae5e7cf0-49a2-4db7-93cd-2847e532420e-khAEY3h) no-repeat;
}

.icon-religacao-agua{
	background: url(/wps/wcm/connect/abd71995-4445-42ea-9e80-d810da96afd9/religacao-agua.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-abd71995-4445-42ea-9e80-d810da96afd9-khAEZaz) no-repeat;
}

.agencia-destaque-item p {
	display: inline-block;
	font-size: 16px;
	margin-left: 15px;
	width: 120px;
	vertical-align: middle;
	min-height: 50px;
	padding-left: 55px;
}

.box-noticias-escolar, .box-acessados-escolar, .box-orienta-escolar {
	background: #f9f8f6;
	margin-bottom: 15px;
	padding: 5px 1%;
	padding-top: 1.3%;
	font-size: 14px;
	min-height: 310px;
	vertical-align: top;
}

.box-destaque-escolar a, .box-noticias-escolar a, .box-acessados-escolar a, .box-orienta-escolar a {
	color: #777777;
}

.box-noticias-escolar .mais-escolar a {
	color: #f7b046;
}


.box-noticias-escolar .mais-escolar{
	color: #f7b046;
	text-align: right;
	margin-bottom: 15px;
	margin-right: 10px;
}

.box-noticias-escolar h3, .box-acessados-escolar h3, .box-orienta-escolar h3{
	padding-top: 0px;
	margin-top: 0px;
}

.box-noticias-escolar ul{
	padding: 0px;
	list-style: none;
}

.box-noticias-escolar li{
	padding-left: 25px;
	position: relative;
	margin-left: 5px;
	margin-bottom: 5px;
}

.box-noticias-escolar li:before {
	background: url(/wps/wcm/connect/b7cbe262-100d-4b33-b045-06e7b2d8d8d4/list-noticia.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b7cbe262-100d-4b33-b045-06e7b2d8d8d4-khAEWM1) no-repeat center left;
	content: "";
	display: inline-block;
	height: 20px;
	width: 15px;
	position: absolute;
	left: 0px;
}

.box-noticias-escolar {
	display: inline-block;
	width: 47%;
}

.box-acessados-escolar{
	display: inline-block;
	width: 23%;
}

.box-orienta-escolar{
	display: inline-block;
	width: 23%;
}

.item-escolar p {
	font-weight: bold;
}

.conteudo-item-escolar {
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}

img.right{
	float: right;
	padding: 1%;
}

p.center{
	text-align: center;
	padding: 1%;
	clear: both;
}

.item-escolar {
	font-size: 14px;
}

.item-escolar h3{
	font-sizef: 15px;
}

.box-destaque-escolar {
	display: inline-block;
	background: #e7e7e7;
	vertical-align: top;
	background: #e7e7e7;
	width: 315px;
	height: 199px;
	margin-bottom: 20px;
}

.banner-pesquisa-escolar {
	display: inline-block;
	vertical-align: top;
}

.icon-gota-escolar{
	background: url(/wps/wcm/connect/126afe50-93e4-4e99-8a72-77aa1064a2a4/gota.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-126afe50-93e4-4e99-8a72-77aa1064a2a4-khAEV5A) no-repeat;
	width: 45px;
	height: 42px;
	display: block;
	margin: 5%;
}

.box-destaque-escolar li{
	font-size: 16px;
}

/* Pagina de Consulta de agência */

.consulta-agencia .titulo-pesquisa, .consulta-agencia form {
	text-align: center;
}

.consulta-agencia .titulo-pesquisa{
	font-size: 18px;
	font-weight: bold;
}

.consulta-agencia input[type="text"]{
	padding: 0.4% 1%;
	width: 300px;
}

.consulta-agencia button {
	background: #3b5377;
	padding: 0.6% 1%;
	border: none;
	color: white;
	margin-top: 10px;
}

/* 17 - HOME */

.home {
	background: #f1f2f2;
	padding-top: 15px;
}

.box-home {
	display: inline-block;
	vertical-align: top;
}

/*     18 - Gallery  */

.gallery {
	max-height: 305px;
	max-width: 982px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}
.gallery-copanor {
	max-height: 400px;
	max-width: 980px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}

.ri-gallery {
	max-height: 305px;
	max-width: 800px;	
	}

.ri-gallery .node{
	position: relative;
}

.gallery .node,.gallery-copanor .node{
	position: relative;
}

.ri-gallery .numerador {
	padding: 0;
	margin: 0;
	position: absolute;	
	right: 10px;
	bottom: 10px;
	z-index: 1000;
}

.gallery .numerador ,.gallery-copanor .numerador{
	padding: 0;
	margin: 0;
	position: absolute;	
	right: 10px;
	bottom: 10px;
	z-index: 1000;
}

.ri-gallery .numerador .page-button{
	display: inline-block;
	width: 22px;
	height: 20px;
	text-indent: -9000px;
}

.gallery .numerador .page-button ,.gallery-copanor .numerador .page-button{
	display: inline-block;
	width: 22px;
	height: 20px;
	text-indent: -9000px;
}

.ri-gallery .numerador .page-button{
	background: url(/wps/wcm/connect/238e182f-12d5-499c-a6bc-cdf0b60993c7/paginador-banner.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-238e182f-12d5-499c-a6bc-cdf0b60993c7-kiNitvQ) no-repeat;
}

.gallery .numerador .page-button ,.gallery-copanor .numerador .page-button{
	background: url(/wps/wcm/connect/238e182f-12d5-499c-a6bc-cdf0b60993c7/paginador-banner.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-238e182f-12d5-499c-a6bc-cdf0b60993c7-kiNitvQ) no-repeat;
}

.ri-gallery .numerador a.active{
	background: url(/wps/wcm/connect/961d0ef6-2fbe-4632-884c-a101b03e0e47/paginador-banner-marcado.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-961d0ef6-2fbe-4632-884c-a101b03e0e47-kiNilEb) no-repeat;
}

.gallery .numerador a.active ,.gallery-copanor .numerador a.active{
	background: url(/wps/wcm/connect/961d0ef6-2fbe-4632-884c-a101b03e0e47/paginador-banner-marcado.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-961d0ef6-2fbe-4632-884c-a101b03e0e47-kiNilEb) no-repeat;
}

.ri-gallery div.legenda {
	bottom: 0px;
	position: absolute;
	height: 20%;
	left: 0px;
	color: white;
	background: black;
	width: 80%;
	padding-right: 20%;
	padding-left: 2%;
	padding-top: 0.5%;
	overflow: hidden;
	opacity: 0.7;
}

.gallery div.legenda ,.gallery-copanor div.legenda {
	bottom: 0px;
	position: absolute;
	height: 20%;
	left: 0px;
	color: white;
	background: black;
	width: 80%;
	padding-right: 20%;
	padding-left: 2%;
	padding-top: 0.5%;
	overflow: hidden;
	opacity: 0.7;
}

.gallery .node a > img {
	width: 982px;
	height: 305px;
}

.ri-gallery .node a > img  {
	height: 305px;
	width: 800px;	
	}
	
.gallery-copanor .node a > img {
	width: 980px;
	height: 400px;
}
.ri-gallery .node .bt-inline {
   float: left;
   position: relative;
   bottom: 300px;
   left: 10px;
}

.gallery .node .bt-inline ,.gallery-copanor .node .bt-inline{
   float: left;
   position: relative;
   bottom: 300px;
   left: 10px;
}

.ri-gallery .node .bt-inline > li {
	background: #fff;
}

.gallery .node .bt-inline > li {
	background: #fff;
}

.gallery-copanor .node .bt-inline > li {
	background: #fff;
}

/*     18 - Fim Gallery  */

.agencia-populacao {
	display: inline-block;
	width: 318px;
	margin-left: 10px;
}

.agencia-home {
	display: inline-block;
	width: 318px;
	min-height: 200px;
	background: #428ac4;
	border-radius: 5px;
	vertical-align: top;
	text-align: left;
}

.agencia-home .mais-servicos {

    top: -3px !important;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
    width: 135px;
    margin-left: 3%;

}

.agencia-home .agencia-destaque-item{
	background: url(/wps/wcm/connect/0047bcb4-51b1-4082-a5d6-f02409340f70/box-agencia-home.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-0047bcb4-51b1-4082-a5d6-f02409340f70-kiNi6pQ) no-repeat;
	width: 135px;
	height: 60px;
	display: inline-block;
	vertical-align: top;
	margin-right: 3.5%;
	margin-bottom: 2%;
}



.agencia-home  .icon-segunda-via{
	background: url(/wps/wcm/connect/92327291-67cd-4e4c-968f-d46d717a3e78/segunda-via2.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-92327291-67cd-4e4c-968f-d46d717a3e78-kiNhNRX) no-repeat;
}

.agencia-home  .icon-debito-automatico{
	background: url(/wps/wcm/connect/f3af0911-a80a-4bf9-b1c1-0f8a7821dcb1/debito-automatico2.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-f3af0911-a80a-4bf9-b1c1-0f8a7821dcb1-kiNhvOX) no-repeat;
}

.agencia-home  .icon-atualizar-telefone{
	background: url(/wps/wcm/connect/18c567e0-0539-4583-aa83-7d242a9d9ed3/atualizar-telefone2.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-18c567e0-0539-4583-aa83-7d242a9d9ed3-ll-KHr0) no-repeat;
}

.agencia-home  .icon-agendar-atendimento-presencial{
	background: url(/wps/wcm/connect/3beb329b-d539-420d-b11b-676833a0b837/agendamento.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-3beb329b-d539-420d-b11b-676833a0b837-n3KhNpU) no-repeat;
}

.icon-negociacao-parcelamento{
	background: url(/wps/wcm/connect/15ff5e57-d80f-4671-b52f-6679b8acf8df/negociacao-parcelamento2.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-15ff5e57-d80f-4671-b52f-6679b8acf8df-kiNhca7) no-repeat;
}
.icon-parcelamento{
	background: url(/wps/wcm/connect/c86aa1cf-e6ee-40dd-88cc-9c7d01e7af2f/12-Icone_Parcelamento_Debitos.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-c86aa1cf-e6ee-40dd-88cc-9c7d01e7af2f-n892mCC) no-repeat;
}

.agencia-home h3{
	text-align: left;
	color: white;
	font-family: "Lato Light";
	text-transform: uppercase;
	font-size: 14px;
}

.agencia-home .agencia-destaque-item p {
	display: inline-block;
	font-size: 12px;
	margin-left: 0px;
	vertical-align: middle;
	min-height: 50px;
	padding-left: 40px;
	background-position: left center;
	text-align: left;
	width: 84px;
	top: -5px;
	position: relative;
	line-height: 1.3;
}

.agencia-home h3 {
	text-align: left;
	color: white;
	font-family: "Lato Light";
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 0px;
	margin-top: 7px;
	margin-left: 10px;
	border-bottom: 1px solid white;
	margin-right: 10px;
	margin-bottom: 8px;
}

.agencia-home .icon-debito-automatico a, .agencia-home .icon-segunda-via a, .agencia-home .icon-religacao-agua a, .agencia-home .icon-vazamento-esgoto a, .agencia-home .icon-vazamento-agua a{
	position: relative;
	top: 8px;
	left: 5px;
}

.icon-debito-automatico a, .icon-segunda-via a{
	position: relative;
	top: 0px;
} 

.agencia-virtual .agencia-destaque-item p {
	position: relative;
	top: 13px;
	left: 15px;
}

.agencia-virtual .agencia-destaque-item .icon-atualizar-telefone a, .agencia-virtual .agencia-destaque-item  .icon-negociacao-parcelamento a{
	top: 0px;
	position: relative;
}

.agencia-home .mais-servicos {
    float: right;
    top: 0;
    position: relative;
    right: 10px;
    margin-top: -1%;
}

.agencia-home .mais-servicos a{
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

.populacao-beneficiada {
	background: white;
	border-radius: 5px;
	padding: 5px;
	width: 308px;
	min-height: 88px;
	display: inline-block;
	margin-bottom: 8px;
	text-align: center;
}

.populacao-beneficiada p {
	padding: 0;
	margin: 0;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.populacao-beneficiada h3 {
	font-size: 15px;
}

.populacao-beneficiada table td:nth-child(even) {
	width: 25%;
}
.populacao-beneficiada table td:nth-child(odd) {
	width: 30%;
}

.populacao-beneficiada h3 {
	margin-top: 3px;
	font-family: "Lato light";
	border-bottom: 1px solid #eceded;
	padding-bottom: 3px;
	text-align: left;
	margin-bottom:10px;
}

.icon-gota-home{
	background: url(/wps/wcm/connect/71117c58-838c-442a-94d3-d4dcdc5b2f76/gota-home.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-71117c58-838c-442a-94d3-d4dcdc5b2f76-kiNg.Fm) no-repeat;
	width: 46px;
	height: 44px;
	display: inline-block;
	vertical-align: top;
}

.populacao-beneficiada table{
	width: 190px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.populacao-beneficiada table td{
	padding: 2%;
	padding-right: 3%;
}

.noticias-home, .fique-ligado, .sociedade-home, .parcerias-home,  .box-destaques-home {
	background: white;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}

.noticias-home h3, .fique-ligado h3, .sociedade-home h3, .parcerias-home h3,  .box-destaques-home h3 {
	margin-top: 3px;
	font-family: "Lato light";
	border-bottom: 1px solid #eceded;
	padding-bottom: 3px;
	text-align: left;
	margin-bottom:10px;
	padding-left: 5px;
	text-transform: uppercase;
}

.noticias-home a, .fique-ligado a, .sociedade-home a, .parcerias-home a{
	text-decoration: none;
	color: #777777;
}

.box-destaques-home h3{
	text-transform: none;
	font-size: 14px;
}


.noticias-home{
	width: 295px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 20px;
	min-height: 280px;
}

.fique-ligado{
	width: 300px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 20px;
	min-height: 280px;
}

.terceira-coluna-home{
	width: 318px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}

.noticias-home li {
	text-align: left;
	border-bottom: 1px #ededed solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

.noticias-home ul {
	padding: 0;
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
}

.noticias-home li:last-child {
	border-bottom: none !important;
}

.mais-home-noticias {
	text-align: right;
	margin-top: 10px;
	font-weight: bold;
	color: #fca353;
	margin-right: 5px;
}

.mais-home-noticias a {
	color: #fca353 !important;
}

.box-destaques-home h3{
	margin-bottom: 4px;
}

.box-destaques-home{
	width: 218px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.box-destaques-home img {
	position: relative;
	left: -2px;
	width: 222px;
}

.box-destaques-home.video img{
	width: auto !important;
}


.box-destaques-home:last-child{
	margin-right: 0px;
}


.item-fique-ligado {
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

.icon-tv-copasa{
	background: url(/wps/wcm/connect/bd323969-7791-4e3b-beb4-070a18b177c9/icon-tv.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-bd323969-7791-4e3b-beb4-070a18b177c9-kiNgQEi) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}

.icon-galeria-arte{
	background: url(/wps/wcm/connect/919eef3c-a907-4c7d-9dd8-3f7ed0e0fe56/galeria.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-919eef3c-a907-4c7d-9dd8-3f7ed0e0fe56-kiNgJ.0) no-repeat left center;
	width: 27px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}


.icon-jogos-educativos{
	background: url(/wps/wcm/connect/3a219e38-3d66-4a29-83e4-8d097be14d89/jogos.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-3a219e38-3d66-4a29-83e4-8d097be14d89-kP7LhXY) no-repeat;
	width: 31px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}

.icon-gestao-de-projetos{
	background: url(/wps/wcm/connect/d7aa577f-bc96-4ad7-999d-a68e1b48cee7/icon-gestao.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-d7aa577f-bc96-4ad7-999d-a68e1b48cee7-kjmXJ08) no-repeat;
	width: 31px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}

.icon-links-uteis{
	background: url(/wps/wcm/connect/ee230f62-c067-405a-9248-418c349ab8e2/icon-link.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-ee230f62-c067-405a-9248-418c349ab8e2-kjmXQjb) no-repeat;
	width: 31px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}

.icon-portal-da-transparencia{
	background: url(/wps/wcm/connect/55253974-35c7-4cb9-96e0-8239b9f11908/icon-transparencia.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-55253974-35c7-4cb9-96e0-8239b9f11908-kjmXZKI) no-repeat;
	width: 31px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}

.item-fique-ligado p {
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 3px;
	left: 10px;
}

.fique-ligado div {
	border-bottom: 1px dashed #ededed;
}

.fique-ligado div:last-child{
	border: none;
}

.icon-tour-virtual{
	background: url(/wps/wcm/connect/b09caab8-5085-44d8-a8f7-a2ac31bf9ea7/tour.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b09caab8-5085-44d8-a8f7-a2ac31bf9ea7-kiNgh8C) no-repeat;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}

.icon-nossos-premios{
	background: url(/wps/wcm/connect/276fce67-729e-4140-a0c8-d148b2804942/premios.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-276fce67-729e-4140-a0c8-d148b2804942-kiNg6hj) no-repeat;
	width: 25px;
	height: 26px;
	display: inline-block;
	vertical-align: top;
}


.item-fique-ligado p {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}


.sociedade-home li, .parcerias-home li {
	text-align: left;
	margin-left: 10px;
	margin-bottom: 6px;
}


.sociedade-home li:before, .parcerias-home li:before {
	background: url(/wps/wcm/connect/4982b99a-6c9c-479d-91de-588455c7563f/seta-home.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4982b99a-6c9c-479d-91de-588455c7563f-kiNfPEI) no-repeat center left;
	display: inline-block;
	height: 10px;
	width: 17px;
	vertical-align: middle;
	content: "";
}

.sociedade-home .bt-inline li:before, .parcerias-home .bt-inline li:before{
	display: none;
}

.sociedade-home .bt-inline li a, .parcerias-home .bt-inline li a{
	color: #10498F
}

.sociedade-home ul, .parcerias-home ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.parcerias-home {
	margin-top: 10px;
}


/* 18 - Arruma links */

.titulo-link a, .titulo-box a{
	color: #0062ad;
	text-decoration: none;
}

.busca-item a, .texto-imprensa a, .agencia-virtual .box-mais-servicos.box-conteudo a{
	color: #777777;
	text-decoration: none;
}

/* 19 - Formularios */

.listAlerts .alert .close {
	background: url(/wps/wcm/connect/0b7d70c5-ddef-4457-9a25-9e77b771d9b8/fechar-claro.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-0b7d70c5-ddef-4457-9a25-9e77b771d9b8-kiNephn) no-repeat;
	width: 30px;
	height: 26px;
	border: none;
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 0.4;
}

.listAlerts .alert .close:hover {
	background: url(/wps/wcm/connect/0b7d70c5-ddef-4457-9a25-9e77b771d9b8/fechar-claro.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-0b7d70c5-ddef-4457-9a25-9e77b771d9b8-kiNephn) no-repeat;
	width: 30px;
	height: 26px;
	border: none;
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 0.4;
}

.alert p {
	padding: 0px 16px 16px 100px;
}
.alert-danger, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #fbeed5;
}

.alert {
	border: 0;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border-bottom: 4px solid #e5e4e2;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-family: Georgia, serif;
	font-style: italic;
	position: relative;
	margin-bottom: 15px;
}

.alert.alert-error {
	background-image: url(/wps/wcm/connect/5d2ceac7-1110-4455-925d-8d3fc6acfc14/error.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-5d2ceac7-1110-4455-925d-8d3fc6acfc14-kiNfCxS);
}

.formulario input, .formulario option, .formulario select {
	padding: 3px 10px;
	min-width: 280px;
	border: 1px solid #D3CFCF;
}

.formulario option, .formulario select{
	color: #B6B1B1;
}

.formulario input, .formulario option, .formulario select, .formulario input, .formulario option, .formulario select, .formulario textarea {
padding: 7px 10px;
min-width: 280px;
width: 80%;
border: 1px solid #D3CFCF;
}

.formulario .field {
	margin: 20px 10px 20px 5px;
}

.formulario .field label {
	width: 100px;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;

}

.alert.alert-success {
	background-image: url(/wps/wcm/connect/e69719f3-a281-4e56-b94a-5a791741c51e/success.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-e69719f3-a281-4e56-b94a-5a791741c51e-kiNfrBG);
}

.alert.alert-warning {
	background-image: url(/wps/wcm/connect/f76e5a3c-1572-46da-afbc-7de39923cb2b/warning.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-f76e5a3c-1572-46da-afbc-7de39923cb2b-kiNfjHQ);
}

.alert.alert-warning {
	background-color: #fcf8e3;
	color: #c09853;

}

.alert.alert-info {
	background-image: url(/wps/wcm/connect/1fcfd07e-ce25-4a24-a655-6c6ef5bd1e6e/info.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-1fcfd07e-ce25-4a24-a655-6c6ef5bd1e6e-kiNf5Rm);
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
}



.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.botoes button {
	background: #3b5377;
	color: white;
	border: none;
	padding: 6px 15px;
	font-size: 15px;
}

.botoes {
	position: absolute;
	right: 4%;
	bottom: 5px;
}


.formulario {
	width: 70%;
	margin-top: 3%;
	text-align: left;
	padding-bottom: 50px;
	position: relative;
}

.text-error {
	color: #b94a48;
}

/* 18 - modal */

.lightup-container {
	position: fixed;
	top: 10%;
	left: 50%;
	z-index: 1050;
	background-color: #f4f5f5;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 0px;
	padding: 11px;
	width: 772px;
	margin-left: -386px;
	z-index: 10000;
}

.lightup-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}


div.lightup-container > div.close-button {
	background: url(/wps/wcm/connect/0b7d70c5-ddef-4457-9a25-9e77b771d9b8/fechar-claro.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-0b7d70c5-ddef-4457-9a25-9e77b771d9b8-kiNephn) no-repeat;
	width: 30px;
	height: 26px;
	border: none;
	font-size: 0px !important;
	float: right;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: none;	
	cursor: pointer;
}

.lightup-container h2 {
	vertical-align: top;
	display: inline-block;
	border-bottom: 1px solid #c9cbcc;
	width: 90%;
	margin-left: 10px;
	padding-bottom: 7px;
	margin: 7px;
	font-size: 16px;
}

.lightup-container img {
	margin-right: 10px;
	max-width: 270px;
}

.lightup-container p {
	margin-right: 10px;
}

.lightup-container div.cabecalho > h3 {
	padding: 0;
	margin: 7px;
}

div.cabecalho {
	vertical-align: top;
	display: inline-block;
	border-bottom: 1px solid #c9cbcc;
	width: 60%;
	margin-bottom: 15px;
}

.legenda-video {
	margin-bottom: 10px;
	text-align: center;
}


.video-modal {
	text-align: center;
	margin-top: 10px;
}

/*
.modal-backdrop, .modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}

.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}

.modal {
border-radius: 0px;
padding: 11px;
width: 772px;
margin-left: -386px;
}

.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
background-color: #f4f5f5;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}

.modal-dialog {
overflow-y: auto;
}

.modal button.close {
	background: url(/wps/wcm/connect/0b7d70c5-ddef-4457-9a25-9e77b771d9b8/fechar-claro.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-0b7d70c5-ddef-4457-9a25-9e77b771d9b8-kiNephn) no-repeat;
	width: 30px;
	height: 26px;
	border: none;
}

.modal .close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	border: none;
}


.modal .close:hover{
opacity: 0.5;
border: none;
}

.modal-content .cabecalho{
	vertical-align: top;
	display: inline-block;
	border-bottom: 1px solid #c9cbcc;
	width: 63%;
	margin-left: 10px;
}

.modal-content .cabecalho h3 {
	padding: 0;
	margin: 7px;
}

.modal-content .corpo-modal {
	display: table;
	padding: 1%;
	width: 63%;
}

.modal-content .foto-modal{
	float: left;
}

.modal-content{
	overflow-y: auto;
	max-height: 400px;
}

.modal-simples{
	clear: both;
	padding-top: 10px;
}

*/

.bt-inline {
	list-style: none;
	padding: 0;
	margin: 0;
}

.box-noticias-escolar .bt-inline li:before {
	display: none;
}

.bt-inline li .editar {
	display: inline-block;
	margin-right: 5px;
	background: url(/wps/wcm/connect/4a5c4d26-fcf1-42f4-932e-9049156afe6a/icon-editar.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-4a5c4d26-fcf1-42f4-932e-9049156afe6a-kjrylKJ) no-repeat;
	height: 16px;
	width: 15px;
	font-size: 0px;
}

.bt-inline li .ler {
	display: inline-block;
	margin-right: 5px;
	background: url(/wps/wcm/connect/59547e59-69fe-4724-9054-2f0f1811751f/icon-ler.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-59547e59-69fe-4724-9054-2f0f1811751f-kjrwTwH) no-repeat;
	height: 16px;
	width: 15px;
	font-size: 0px;
}

.bt-inline li .excluir {
	display: inline-block;
	margin-right: 5px;
	background: url(/wps/wcm/connect/26efba92-adf8-40b1-9092-51ae20f1cd1b/icon-excluir.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-26efba92-adf8-40b1-9092-51ae20f1cd1b-kjrwgK1) no-repeat;
	height: 16px;
	width: 15px;
	font-size: 0px;
}

.bt-inline li .novo {
	display: inline-block;
	margin-right: 5px;
	background: url(/wps/wcm/connect/e0509cf5-5e94-4d50-bb53-49ac3642a926/icon-novo.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-e0509cf5-5e94-4d50-bb53-49ac3642a926-kjrx47A) no-repeat;
	height: 16px;
	width: 15px;
	font-size: 0px;
}

.bt-inline li a:hover {
	opacity: 0.7;
}

.bt-inline li {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	margin-top: 3px;
}

.bt-inline li:last-child {
	border-right: none;
}

.wpthemeFrame {
	min-width: 100%;
}

.wpthemeLayoutContainers {
	padding: 0;
}

.lista-conteudo .bt-inline li:before {
	display: none;
}

.bt-edicao a {
	display: inline-block;
	background: rgb(224, 222, 222);
	padding: 1px 5px;
	border-radius: 5px;
	color: rgb(87, 75, 75);
	border: 1px solid rgb(216, 212, 212);
	margin-right: 5px;
}

div.bt-edicao {
	position: relative;
	top: 5px;
	text-align: right;
	color: white;
}

.home div.bt-edicao {
	position: relative;
	top: -10px;
	text-align: right;
	right: 30px;
	color: white;
}

.conteudo-header .redes-sociais {
	position: relative;
	top: 2x;
}

/* 18.1 - Navegadores */

.nav-superior.mobile {
	display: none;
}

.nav-superior.desktop{
	display: block;
}

.nav-principal.mobile {
	display: none;
}

.nav-principal.desktop{
	display: block;
}

.nav-principal.desktop.ri {
	display: block;
        background-color: #779DC5;
}

/* 19 - estação de tratamento */

.estacoes-tratamento.list .item {
	border-bottom: 1px solid #eeeeee;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.estacoes-tratamento.list .item:hover {
	background: rgb(247, 247, 247);
}

.estacoes-tratamento.list .item a {
	position: absolute;
}

.estacoes-tratamento.list {
	margin-top: 20px;
	margin-bottom: 20px;
}

.estacoes-tratamento.list .item:last-child {
	border: none;
}

.estacoes-tratamento.list .item:before {
	content: ">>";
	font-size: 11px;
	margin-right: 5px;
	color: #ffaa00;
	font-weight: bold;
}

/* 20 - etes */

.item-etes div.conteudo-etes {
	display: inline-block;
	width: 57%;
}

.item-etes div.imagem-etes {
	display: inline-block;
	vertical-align: top;
}

.item-etes div.linha-titulo {
	background: #eaebeb;
	font-size: 14px !important;
}

.item-etes div.direita {
	text-align: right;
	display: inline-block;
	width: 49%;
	border-left: #c4c6c6 solid 1px;
	padding-top: 1%;
	padding-bottom: 1%;
}

.item-etes div.esquerda {
	display: inline-block;
	width: 49%;
	padding-top: 1%;
	padding-bottom: 1%;
}

.item-etes .linha:nth-child(even) {background: white}
.item-etes .linha:nth-child(odd) {background: #f9f8f6}

.item-etes div.linha-titulo {
	background: #eaebeb;
	font-size: 14px !important;
	border-top: #c4c6c6 solid 1px;
	border-left: #c4c6c6 solid 1px;
	border-right: #c4c6c6 solid 1px;
	padding-left: 1%;
}

.item-etes .linha {
	border-top: #c4c6c6 solid 1px;
	border-left: #c4c6c6 solid 1px;
	border-right: #c4c6c6 solid 1px;
	padding-left: 1%;
}

.item-etes .linha:last-child {
	border: #c4c6c6 solid 1px;
}

.item-etes {
	margin-bottom: 20px;
}

.fale-conosco {
	margin-top: 20px;
}

.botao-fale div {
	background: #3b5377;
	width: auto;
	display: inline-block;
	padding: 0% 2%;
	margin-right: 2%;
	color: white;
}

.box-lateral h3 {
	margin: 0;
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.item-agencia:before {
	background: url(/wps/wcm/connect/b8f2674d-c875-4043-8fe8-ebcacff9678c/box-agencia-virtual.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b8f2674d-c875-4043-8fe8-ebcacff9678c-kk55YS2) repeat;
	width: 49px;
	height: 45px;
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: 10px;
}

.item-chat:before {
	background: url(/wps/wcm/connect/ea1e12ad-4dec-4aee-aae5-5dd53d5653ac/box-fale-conosco.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-ea1e12ad-4dec-4aee-aae5-5dd53d5653ac-kk56ape) no-repeat;
	width: 49px;
	height: 45px;
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: 10px;
}

.item-manutencao:before {
	background: url(/wps/wcm/connect/5cb9471b-8e74-4f74-a143-c8dd24a3d322/box-manutencao.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-5cb9471b-8e74-4f74-a143-c8dd24a3d322-kk56j5D) no-repeat;
	width: 49px;
	height: 45px;
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: 10px;
}

.item-telefone:before {
	background: url(/wps/wcm/connect/bed85803-c595-4a6b-8573-453ad8d5d3e2/box-telefone.jpg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-bed85803-c595-4a6b-8573-453ad8d5d3e2-kk56vD7) no-repeat;
	width: 49px;
	height: 45px;
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: 10px;
}

.item-ouvidoria:before {
	background: url(/wps/wcm/connect/3d371d4a-b0d8-45b7-a831-cef111287c81/icone-ouvidoria.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-3d371d4a-b0d8-45b7-a831-cef111287c81-kmP9.t8) no-repeat;
	width: 49px;
	height: 46px;
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: 10px;
}

.box-lateral .item-lateral {
	margin: 10px;
}

.box-lateral .item-lateral a {
	color: #777777;
	text-decoration: none;
}

div.box-lateral {
	background: #e7e7e7;
	width: 29%;
	display: inline-block;
	padding: 1%;
}

.conteudo-fale {
	display: inline-block;
	width: 68%;
	vertical-align: top;
}

.fale-conosco {
             min-height: 400px;
}


.content .telefone {
	background-color: #2176b8;
	visibility: ;
	display: ;
	width: 200px;
	float: left;
        padding: 10px;
	margin-left: 150px;
	color: white;
	background-size: 39px;
	top: 6px;
}

div.content table p {
	padding: 0;
	margin: 0;
}

/* home nova */

div.banner-home-2 {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.populacao-beneficiada {
	margin-bottom: 10px !important;
	margin-left: 12px;
}


.agencia-populacao {
	vertical-align: top;
	min-height: 305px;
margin-bottom: 20px;
}

.agencia-home .agencia-destaque-item {
    margin-top: 0%;
    margin-bottom: 1%;
    margin-left: 4%;
    margin-right: 2%;
    text-align: center;
}

.agencia-destaque-item:nth-child(8) .icon-agendar-atendimento-presencial {
    background-size: 40%;
}

.agencia-destaque-item:nth-child(8) p.icon-agendar-atendimento-presencial a {
    position: relative;
    top: 4px;
}


.agencia-home .agencia-destaque-item p {
	font-size: 11px;
	position: relative;
	top: 5px;
}

.agencia-home .mais-servicos{
	top: -3px !important;
	padding-bottom: 5px;
}


.populacao-beneficiada table td{
	padding: 0px;
}

.agencia-home .icon-vazamento-esgoto, .agencia-home .icon-religacao-agua, .agencia-home .icon-vazamento-agua{
	background-size: 39px;
}

/* TV Copasa */

.tv-copasa {
float: right;
width: 73%;
margin-left: auto;
margin-right: auto;
}

.tv-copasa .item-tv {
	max-width: 300px;
	display: inline-block;
	vertical-align: top;
	padding: 0% 1%;
	margin-bottom: 15px;
}

.tv-copasa .thumbnail-video {
	margin-bottom: 10px;
}

.tv-copasa .thumbnail-video img { width: 300px;}

.item-tv .titulo-video {
	color: #0062ad;
	max-width: 300px;
	font-weight: bold;
}

.lightup .lightup-container {
	position: fixed;
	top: 10%;
	left: 50%;
	z-index: 1050;
	background-color: #f4f5f5;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 0px;
	padding: 11px;
	width: 772px;
	margin-left: -386px;
}

.lightup .lightup-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.lightup .close-button {
	background: url(/wps/wcm/connect/0b7d70c5-ddef-4457-9a25-9e77b771d9b8/fechar-claro.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-0b7d70c5-ddef-4457-9a25-9e77b771d9b8-kiNephn) no-repeat;
	width: 30px;
	height: 26px;
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	border: none;
	position: absolute;
	right: 15px;
}

.lightup .wpthemeSecondaryBanner {
	display: none;
}

.lightup .wpthemeMainContent {
	background: #f4f5f5;
}

.agencia-destaque-item .bt-inline {
position: absolute;
bottom: -15;
}

.sala-de-imprensa ul.bt-inline {
float: right;
top: -10px;
position: relative;
}

div.lightup-content {
overflow-y: scroll;
height: 450px;
}

/* 21 */

.mobile{
	display: none;
}

.desktop{
	display: block;
}

.tamanho-fonte span.normal {
	font-weight: bold;
	color: #777777;
	font-size: 15px;
	margin-right: 7px;
}


div.banner-agencia {
	width: 270px;
	display: inline-block;
	vertical-align: top;
}

div.banner-agencia img{
	max-width: 270px;
	min-height: 198px;
}

/* 22 - home nova */

.home-agencia div.agencia-populacao, .home-agencia div.agencia-home {
	width: 100%;
	text-align: left;
	margin-left: 0;
	margin-bottom: 8px;
}


.home-agencia .agencia-home .agencia-destaque-item {
	background-size: 80%;
	width: 206px;
	height: 93px;
}

.home-agencia .agencia-home .agencia-destaque-item {
	margin: 0;
	margin-left: 2%;
}

.home-agencia .agencia-home .agencia-destaque-item p {
	left: 14px;
	top: 10px;
	font-size: 13px;
}

.home-agencia .agencia-home .agencia-detaque-item p.icon-segunda-via a{
	position: relative;
	top: 2px;
}

.home-agencia .agencia-populacao {
	min-height: 200px;
}

.home-agencia header {
	padding-top: 5px;
}

.home-agencia #menu-principal {
	margin-top: 5px;
}

.home-agencia .conteudo-header {
	max-width: 95%;
}

.home-agencia .fale-conosco-rodape{
	margin-left: 0px;
}

.home-agencia div#menu-principal {
	height: 15px;
	margin-top: -5px;
}

.home-agencia div.header-pesquisa {
	display: none;
}

.home-agencia #header-superior{
	margin-top: -5px;
}

.home-agencia .box-conteudo {
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}

.home-agencia div.titulo-mais-servicos {
	display: none;
}

.home-agencia div.box-separador-agencia {
	display: none;
}

.home-agencia .lista-conteudo li:before {
	background: url(/wps/wcm/connect/4982b99a-6c9c-479d-91de-588455c7563f/seta-home.jpg?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-4982b99a-6c9c-479d-91de-588455c7563f-kiNfPEI) no-repeat center left;
	display: inline-block;
	height: 10px;
	width: 17px;
	vertical-align: middle;
	content: "";
}

.home-agencia .box-conta, .home-agencia .box-agua-esgoto, .home-agencia .box-atendimento-informacoes {
	background: white;
	border-radius: 5px;
	width: 29.9%;
	text-align: left;
	min-height: 388px;
}

.home-agencia div.box-atendimento-informacoes {
	margin-right: 0px !important;
}

.home-agencia .box-mais-servicos.box-conteudo a {
	position: relative;
	top: -5px;
}

div.destaques-agencia {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

/* 23 - home ajustes */

.icon-parcerias {
	background: url(/wps/wcm/connect/9f2190d2-5801-44e1-ad88-4e1fc7dffb5a/ppp.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-9f2190d2-5801-44e1-ad88-4e1fc7dffb5a-kmP4M4i) no-repeat center left;
	width: 25px;
	height: 26px;
	display: inline-block;
	vertical-align: top;
}

.icon-copasa-orienta {
	background: url(/wps/wcm/connect/a83b7bce-c984-4a5b-a286-64705d7979ef/copasa-orienta.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-a83b7bce-c984-4a5b-a286-64705d7979ef-kmPeUnX) no-repeat center left;
	width: 25px;
	height: 26px;
	display: inline-block;
	vertical-align: top;
}

.parcerias-home {
	margin-top: 20px;
	width: 610px;
	display: inline-block;
	min-height: 218px;
	position: relative;
}

.parcerias-home div.mais-home-links {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.parcerias-home div.mais-home-links a {
	color: #fca353 !important;
	font-weight: bold;
}


div.sociedade-home {
	width: 318px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	margin-left: 10px;
	height: 218px;
}

div.banner-home-2{
	margin-top: 0px;
}

div.banner-home-2 img {
	max-width: 318px;
	height: 308px;
}

.populacao-beneficiada {
	margin-bottom: 10px !important;
	margin-left: 0px; 
}




/* 24 - novo html */

.home-agencia div.agencia-populacao, .home-agencia div.agencia-home {
width: 645px;
text-align: left;
margin-left: 0;
margin-bottom: 8px;
}

.home-agencia .agencia-home .agencia-destaque-item {
background-size: 80%;
width: 200px;
height: 93px;
}

div.menu-licitacao {
display: inline-block;
width: 300px;
margin-left: 10px;
background: white;
padding: 1%;
border-radius: 5px;
height: 200px;
}

div.conteudo-licitacao {
	background: #F7F5F5;
	height: 130px;
	padding-top: 10px;
}


.menu-licitacao img {
	height: 200px;
	width: 300px;
}

.agencia-fixed a{
	background: url("/wps/wcm/connect/16af7f8e-abcd-442f-8a74-db49425b908a/icone-copasa2.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-16af7f8e-abcd-442f-8a74-db49425b908a-km-9tMy") no-repeat;
	width: 39px;
	height: 180px;
	display: block;
	font-size: 0;
}

.agencia-fixed{
	position: fixed;
	top: 65%;
	right: 0;
}

.agencia-fixed a:hover {
	opacity: 0.8;
}

.paginated-content .page { display: none }
.paginated-content .page.active { display: block }
.paginated-content .page-link.current { font-weight: bold } 


/* 25 - galeria */

.galeria-de-fotos img {
	display: inline-block;
	margin: 5px;
	max-width: 250px;
	vertical-align: top;
}

.icon-galeria-artes{
	clear: both;
	display: block;
	margin-bottom: 15px;
}

.galeria-de-fotos img:last-child {
	margin-bottom: 20px;
}


div.galeria-legenda {
display: inline-block;
margin: 5px;
max-width: 250px;
vertical-align: top;
margin-top: 0px;
}

.visualizador-pdf iframe {
width: 980px;
height: 950px;
}

.visualizador-pdf{
*display: none;
}

.parcerias-home li {
	display: inline-block;
	width: 47%;
	text-align: left !important;
}

.parcerias-home ul {
	text-align: left;
}

div.parcerias-home .mais-home-noticias {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.agencia-home .agencia-destaque-item p {
	width: 68px;
}

.home-agencia .agencia-home .agencia-destaque-item p {
	width: 84px;
}

/* 26 - hover */

.home a:hover, .agencia-virtual a:hover {
	color: #B1ADAD;
}

div.mais-servicos a:hover {
	text-decoration: underline;
}

.mais-home-noticias a:hover {
	text-decoration: underline;
}

#rodape a:hover {
	text-decoration: underline;
}

.box-download a:hover {
text-decoration: underline;
}

div.box-mais-servicos.box-conteudo a:hover {
text-decoration: underline;
}

/* 27 - copanor */

.banner-principal img {
	width: 100%;
}

div.menu-copanor {
	background: #2176b8;
	width: 305px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 20px;
	border-radius: 5px;
	height: 340px;
	margin-bottom: 20px;
	
}

.copanor-home div.fique-ligado {
	margin-right: 0px;
	width: 310px;
	min-height: 300px;
margin-top: -2px;
}

.copanor-home div.noticias-home {
	width: 313px;
	margin-bottom: 20px;
	height: 370px;
}

.copanor-home div.fique-ligado {
	margin-right: 0px;
	width: 310px;
}

div.menu-copanor  h3 {
	padding-top: 0px;
	margin-top: 10px;
	margin-right: 5px;
	padding-bottom: 1px;
	color: white;
	margin-left: 5px;
	font-weight: normal;
	border-bottom: 1px solid rgb(240, 231, 231);
	text-transform: uppercase;
	font-family: "Lato light";
}

div.copanor-mapa {
	display: inline-block;
	border-radius: 5px;
	width: 310px;
	margin-top: 20px;
	margin-right: 10px;
	min-height: 380px;
	background: white;
}

.copanor-mapa img {
	width: 310px;
	margin-top: 5px;
}
.menu-copanor ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
}

.menu-copanor #menu-principal {
	background: #77a564;
	border-top: solid 3px #5D8F48;
	margin-top: 35px;
}

.menu-copanor li a {
	text-decoration: none;
	color: white;
	padding-left: 8px;
}

.menu-copanor li {
	padding-bottom: 7px;
	padding-top: 7px;
	margin-left: 8px;
	position: relative;
	top: -5px;
}
.menu-copanor li:before {
content: ">>";
display: inline-block;
font-size: 9px;
position: relative;
top: -2px;
color: white;
left: 4px;
}

.icon-via-conta {
background: url("/wps/wcm/connect/a9253afe-096b-4028-8c28-7cdbfd6ee9b0/segunda-via-home.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-a9253afe-096b-4028-8c28-7cdbfd6ee9b0-knRU9xx")no-repeat center left;
width: 25px;
height: 26px;
display: inline-block;
vertical-align: top;
position: relative;
left: 5px;
}

.icon-quitacao-debitos {
background: url("/wps/wcm/connect/8ba992a0-dd21-4bc7-99f2-44ec9e4c5924/quitacao-debito.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-8ba992a0-dd21-4bc7-99f2-44ec9e4c5924-knRUjum")no-repeat center left;
width: 25px;
height: 26px;
display: inline-block;
vertical-align: top;
position: relative;
left: 5px;
}

.icon-obras{
background: url("/wps/wcm/connect/5a4ad01e-88aa-4784-9ae2-edefef6cf414/obra.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-5a4ad01e-88aa-4784-9ae2-edefef6cf414-knRUvdp")no-repeat center left;
width: 25px;
height: 26px;
display: inline-block;
vertical-align: top;
position: relative;
left: 5px;
}

.icon-galeria-fotos{
background: url("/wps/wcm/connect/8e835502-14fc-414c-b691-c1945764e564/fotos-home.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-8e835502-14fc-414c-b691-c1945764e564-knRUGNC")no-repeat center left;
width: 25px;
height: 26px;
display: inline-block;
vertical-align: top;
position: relative;
left: 5px;
}

.item-fique-ligado .icon-fale-conosco{
	background: url("/wps/wcm/connect/21e42df3-257e-4507-99e0-82a6d9f290d6/fale-conosco-home.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-21e42df3-257e-4507-99e0-82a6d9f290d6-knRUXps")no-repeat center left;
	width: 25px;
	height: 26px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: 5px;
}

.icon-populacao{
	background: url("/wps/wcm/connect/9e78a7d7-df45-44d0-a56c-a4cbebbefe8a/populacao.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ROOTWORKSPACE-9e78a7d7-df45-44d0-a56c-a4cbebbefe8a-knRV7Zg")no-repeat center left;
	width: 25px;
	height: 26px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	left: 5px;
}

.menu-mes li a.active {
	font-weight: bold;
}

.copanor div.header-pesquisa {
	margin-top: 40px;
}

.content .portal-transparencia table, .content .portal-transparencia table td, .content .portal-transparencia table tr {
border: none;
background: white;
}

.portal-transparencia table td.titulo {
background: #77AADD !important;
color: white;
}

/* 28 - NOVOS BLOCOS DA HOME */

.content-destaques-novos {
  display: block;
  clear: both;
  width: 100%;
} 

.destaques-novos {
  width: 31%;
  display: inline-block;
  padding: 10px;
}

.destaques-novos h2 {
  margin-top: 3px;
  font-family: "Lato light";
  border-bottom: 1px solid #eceded;
  padding-bottom: 3px;
  text-align: left;
  margin-bottom: 10px;
  padding-left: 5px;
  text-transform: uppercase;
  font-size: 14px;
}

.destaques-novos img {
  width: 98%;
  padding: 2px;
  height: 150px;
  margin: auto;
}

.destaques-novos .saiba-mais a {
  background: rgb(66, 138, 196);
  color: white;
  padding: 5px 8px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
}

.destaques-novos .saiba-mais a:hover {
  background: rgb(82, 153, 210);
  color: white;
  text-decoration: none;
}

.destaques-novos .saiba-mais {
  margin-top: 10px;
  text-align: right;
  margin-right: 5px;
}

.destaques-novos p {
  text-decoration: none;
  color: #777777;
  padding: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  max-height: 75px;
}

.destaques-novos:first-child {
  padding-left: 0;
}

/* 29 - NOVA BARRA DA IMPRENSA */

.menu-imprensa-fundo {
  background-color: #eeeeee;
}

.imprensa-titulo, .item-menu-imprensa {
  display: inline-block;
  vertical-align: top;
}

.menu-imprensa {
  border-top: 1px solid #eaeaea;
  background-color: white;
  padding-top: 1px;
  text-align: center;
}

.menu-imprensa .imagem-imprensa {
  width: 73px;
  height: 47px;
  display: block;
  margin: auto;
}

.imprensa-titulo {
  width: 200px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.item-menu-imprensa {
  width: 153px;
  text-align: center;
  height: 101px;
  padding-top: 20px;
}

.item-menu-imprensa:hover {
  background: #e5e5e5;
}

.imprensa-titulo span {
  color: #2275b9;
  position: relative;
  top: 1px;
  margin-left: 10px;
}

.imprensa-titulo p {
  line-height: 5;
  padding-right: 15px;
}


.item-mapa-rodape ul {
  list-style: none;
  padding: 0;
}

div#mapa-rodape {
  padding-top: 10px;
    text-align: center;
}

#mapa-rodape li {
  color: white;
}

div#mapa-rodape {
  padding-top: 10px;
  background: rgb(20, 64, 102);
}

.item-mapa-rodape h3 {
  color: white;
  font-size: 13px;
}

.item-mapa-rodape li a {
  color: white;
}

.item-mapa-rodape {
  display: inline-block;
  width: 20%;
  padding: 15px;
  text-align: left;
  vertical-align: top;
}

.conteudo-mapa {
  width: 980px;
  margin: auto;
  text-align: left;
}

div#mapa-rodape {
  padding-top: 10px;
  /* background: rgb(20, 64, 102); */
  background: #2E75AB;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2E75AB), to(#3A9DE9));
  background: -webkit-linear-gradient(#2E75AB, #3A9DE9);
  background: -moz-linear-gradient(#2E75AB, #3A9DE9);
  background: -ms-linear-gradient(#2E75AB, #3A9DE9);
  background: -o-linear-gradient(#2E75AB, #3A9DE9);
  background: linear-gradient(#2E75AB, #3A9DE9);
}


/* 30 - MENU LATERAL */

.menu-lateral li.active {
  background-color: #4789c6;
  color: white;
}

.menu-lateral li.active span {
  color: white;
}

.menu-lateral {
  display: inline-table;
  width: 18%;
  margin-right: 15px; 
  float: left;
}

.menu-lateral ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.menu-lateral li {
  border-bottom: solid 1px #eaeaea;
   text-indent: 0px;
}
ul.submenu-lateral li {
  text-indent: 11px;
}

.menu-lateral li {
  border-bottom: solid 1px #eaeaea;
  padding-left: 0px;
}

.menu-lateral ul li:last-child {
  border-bottom: solid 1px #eaeaea;
}

.menu-lateral li ul li:first-child{
  border-top: solid 1px #eaeaea;
}

.menu-lateral li p {
  display: inline-block;
}

.menu-lateral li span {
  font-size: 11px;
  color: #2276b6;
  font-weight: bold;
}

.menu-lateral li > ul > li span {
  font-size: 11px;
  color: #67A7DA !Important;
  font-weight: bold;
}

.menu-lateral li ul li {
  color: rgb(147, 131, 147);
}

.menu-lateral li ul li {
  color: rgb(147, 135, 147);
  background-color: #fdfdfd;
  padding-left: 15px;
  padding-bottom: 10px;
}

.menu-lateral li a {
    color: #666;
    display: inline-block;
    max-width: 125px;
    text-indent: 0;
    vertical-align: top;
	width: 100%;
}

.menu-lateral li {
    border-bottom: solid 1px #eaeaea;
    padding-left: 0px;
    padding: 8px;
}

.menu-lateral li span {
    margin-right: 6px;
    display: inline-block;
	margin-left: -6px;
	
}

.menu-lateral ul li.active a {
    color: white;
} 

.menu-lateral li:hover {
    background-color: #F7FAFC;
    text-decoration: none;
}

/* 31 - PAGINA NOVA DE IMPRENSA*/

.realese, .noticia-imprensa {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    text-align: left;
}

.noticia-imprensa img {
    display: block;
    width: 100%;

}

.realese {
    width: 46%;
    margin-right: 1.5%;
}

.realese img {
    width: 100%;
    display: block;
}

.noticia-imprensa {
    padding: 15px;
    width: 46%;
    border: solid 1px #E6DEDE;
    padding-top: 0px;
    margin-left: 1.5%;
}

.separador-imprensa {
    display: inline-block;
    width: 1px;
    height: 200px;
    background-color: #E8E7E7;
    position: relative;
    top: 50px;
    margin-right: 10px;
}

.noticia-imprensa h1 {
    color: #4189C3;
}

/* 32 - SUBSIDIÁRIAS*/	

.menu-subsidiarias {
    border-top: 1px solid rgb(240, 231, 231);
    background-color: white;
    padding-top: 1px;
    text-align: center;
}

.menu-subsidiarias-fundo {
    background-color: rgb(252, 252, 252);
}

.subsidiarias-titulo {
    width: 160px;
    text-align: center;
    padding-left: 40px;
    font-size: 20px;
    font-weight: bold;
    height: 71px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-indent: 0px;
}

.subsidiarias-titulo, .item-menu-subsidiarias {
    display: inline-block;
    vertical-align: top;
}

.item-menu-subsidiarias {
    width: 153px;
    text-align: center;
    height: 91px;
    padding-top: 20px;
}

.imagem-subsidiarias {
    width: 90%;
    height: 90%;
    display: block;
    margin: auto;
}

.subsidiarias-titulo p {
    text-align: left;
}

.menu-subsidiarias-fundo .content {
    min-height: auto;
    padding-bottom: 0;
	text-align: left;
}

.subsidiarias-titulo span{
    color: #2275b9;
    position: relative;
    top: 1px;
    margin-left: 10px;
}

.ul-institucional { text-transform: uppercase; }

ul.ul-institucional li ul li {
    text-transform: none;
    text-align: left;
}

/* Navegador genérico de Areas de Site Indentado */
SPAN.tit1 {margin-left: 0px;color: #3b5378;font-size: 20px;font-weight: bold;}
SPAN.tit2 {margin-left: 20px;color: #3b5370;font-size: 18px;font-weight: bold;}
SPAN.tit3 {margin-left: 40px;color: #3b5368;font-size: 16px;font-weight: bold;}
SPAN.tit4 {margin-left: 80px;color: #3b5360;font-size: 14px;font-weight: bold;}
SPAN.tit5 {margin-left: 100px;color: #3b5358;font-size: 12px;font-weight: bold;}
SPAN.item1 {margin-left: 0px;}
SPAN.item2 {margin-left: 20px;}
SPAN.item3 {margin-left: 40px;}
SPAN.item4 {margin-left: 80px;}
SPAN.item5 {margin-left: 100px;}
P.opclose1 {margin-left: 0px;}
P.opclose2 {margin-left: 10px;}
P.opclose3 {margin-left: 20px;}

.box-home p a {
    position: relative;
    top: 8px;
    left: 5px;
}