body { min-height: 100vh; }
img{background-color:}

#inicio{width:1280px;
	min-height:150px;
	display:block;
	margin:auto;
	position: relative;
	background-color:;
	padding-left: 30px }
	

	
#topo{
	width:1280px;
	height:100px;
	margin-bottom:15px;
	background-color:;
}
.icon{width:30px; height:30px; margin:3px 4px}
#mail{width:300px;
	height:120px;
background-color:;
float:left;
margin-left:30px;
}
#icones{width:40px; height:120px; background-color:; float:left}
#mailtelefone{width:260px; height:40px; background-color:;float:left}
#mailemail{width:260px; height:40px; background-color:; float:left}
#mailhorario{width:260px; height:40px; background-color:; float:left}


#mail p{font-family: verdana; font-size:15px; color:#4d4d4d; margin:10px 10px; text-align:left;   background-color:;}

#logo{
	width:100px;
	height:100px;
	background-color:;
	margin-left:280px;
	float: left
}
#titulo{width:300px;
	height:100px;
	background-color:;
	margin-left:;
	float: left;
	}
#titulo h1{margin:7px 0px 0px 0px; font:verdana; color:#4d4d4d; text-align:center; font-family:verdana}
#titulo h2{margin:7px 0px 0px 0px; font:verdana; color:#4d4d4d; text-align:center; font-family:verdana}

#menu{margin-bottom:10px;
min-width: 700px; 
    margin-left: auto;
    margin-right: auto;
}

#menu ul {
padding:0px ;
margin:0px 0px 0px 0px;
list-style:none;
text-align: center;}
#menu ul li { display: inline; margin: 0px 10px 0px 10px }
#menu ul li a {text-decoration:none; padding:10px}

#politica p{color: black;}

.container {
	height: 100%;
	display: flex;
	align-items: center;
  justify-content: center;
}
.animated-word {
	font-family: verdana;
	font-weight: ;
	font-size: 14px;
	text-align: center;
	color: #202125;
  cursor: ;
  max-width: 600px; 
  width: 100%; 
  outline: 1px solid;
  outline-color: rgba(266, 155, 3,20);
  outline-offset: 8px;
  transition: all 900ms cubic-bezier(0, 0.5, 0, 1);
}

.animated-word:hover {
	color: black;
	background-color:rgba(266, 155, 3,20);
  outline-color: rgba(71, 126, 232, 0);
  outline-offset: 300px;
}

/*
#menu ul {
padding:0px ;
margin:0px 0px 0px 0px;
list-style:none;
text-align: center;

	
}

#menu ul li { display: inline; }
#menu ul li a {
	
	padding: 10px 10px;
	display: inline-block;
	font-family:verdana;
	

	background-color: ;
	color:#4d4d4d;
	text-decoration: none;
	border-bottom:3px solid ;
}
#menu ul li a:hover {
	background-color:#D6D6D6;
	color: #6D6D6D;
	border-bottom:3px solid #be8909;
	
}    

*/
#notaseri{
	min-width:500px;
	min-height:420px;
	
	}
#notas{width:630px;
height:400px;
float:left;
margin:15px 15px 0px 0px;
background-image:url("img-esc.png");
text-align:center;
font:verdana;
background-color: grey;
}
#notas h1{background-color: #7bc6ca; border-bottom:5px solid #a7dadc; font-family:verdana; margin-bottom:0px }
#notas ul{text-align:center; list-style:none; display: inline;}
#notas li{color:white; padding: 2px 0px 5px 0px ;  font-family:verdana}
#notas li:hover{ background-color: white; color: black}

#registro{width:630px;
height:400px;
float:left;
margin:15px 0px 0px 0px;
background-image:url("img-rgi.png");
text-align:center;}
#registro h1{background-color: #ff6a6a; border-bottom:5px solid #ff8c8c; font-family:verdana; margin-bottom:0px}
#registro ul{text-align:center; list-style:none; display: inline;}
#registro li{color:white; padding: 5px;  font-family:verdana}
#registro li:hover{ background-color: white; color: black}

#servicos {width: 1280px;
padding-bottom:50px;
padding-top:10px;
padding-top:20px;
margin-left: auto;
margin-right: auto;
padding-left:40px;
font-family:verdana
}


#servicos ul {
padding:0px ;
margin:0px 0px 0px 0px;
list-style:none;
text-align: center;}
#servicos ul li { display: inline; margin: 0px 10px 0px 10px; }
#servicos ul li a {text-decoration:none; padding:0}
#servicos h2{text-align:center; padding:0;}

.animated-service {
	font-family: verdana;
	font-weight: ;
	font-size: 14px;
	text-align: center;
	color: #202125;
  cursor: pointer;
  max-width: 600px; 
  width: 100%; 
  outline: 1px solid;
  outline-color: rgba(266, 155, 3,20);
  outline-offset: 8px;
  transition: all 900ms cubic-bezier(0, 0.5, 0, 1);
}

.animated-service:hover {
	color: black;
	background-color:rgba(266, 155, 3,20);
  outline-color: rgba(71, 126, 232, 0);
outline-offset: 300px;}

/* Estilização do portal da transparência */

#transparencia{
	text-align: center;
}
#transparencia h3 {font-family:verdana; color:#4d4d4d; text-align:center; margin-top: 50px; margin-left:0}
.botoestransparencia {list-style:none;}
/* ------------------------------------------------- */


/* Estilo do Revelar e Esconder*/

.reveal, .collapse {
    cursor: pointer;
    margin: 5px 0;
}
.reveal:hover, .collapse:hover {
    color: red;
}
button{margin:10px; padding:10px}
button:hover{text-decoration: none; background-color: #fcfcfc; color: #e29b03; font-weight:bold; }
.bloco{display:inline;}
/* ------------------------------------------------- */

/* estilo da tabela de transparência*/
table{width: 800px; font-family:verdana; text-align:center; 
	margin:auto;
	}
	
table, td, th, tfoot {border:solid 1px #000; padding:5px;}
th {background-color:;}
caption {font-size:x-large;}
colgroup {background:#F60;}
.coluna1 {background:;}
.coluna2  {background:;}
.coluna3  {background:#F99;}
.topo{font-weight:bold; background-color:#d3f4f9; color:#fb0000}

.mesjaneiro:hover, .mesfevereiro:hover, .mesmarco:hover{background-color:#d3f4f9; color:#d43333; }
.mesimpar:hover, .mespar:hover{background-color:#d3f4f9; color:#d43333; }

/* ------------------------------------------------- */


/* Estilo do span de Comentários*/

[data-tooltip] {
  position: relative;
  
}

[data-tooltip]:after {
  display: none;
  position: absolute;
  top: -5px;
  padding: 5px;
  border-radius: 3px;
  left: 140%;
  content: attr(data-tooltip);
  white-space: pre;
  background-color: green;
  color: White;
}

[data-tooltip]:hover:after {
  display: block;
  
}



/* Estilo da Galeria de Avisos*/

#quadro{padding:0;margin:0 0 0 60px; float: left; text-decoration:none;list-style-type:none;font-family:'roboto', sans-serif; height: 100%;
	display: flex; align-items: center; justify-content: center; background-color:}

::selection{color:#fff;background-color:#ff6666;}
#quadro h2{margin-top:10px;color:#fff;text-align:center;letter-spacing:1px;}
p{color:#fff;text-align:center;}
.wrap-box{width:100%;height:auto;}
.gallery{display:inline-block;width:auto;height:auto;margin:70px 100px; vertical-align: middle;
    display: table-cell;}
.image-thumbnail{display:inline-block;width:auto;height:auto;background-color:#eee;margin:5px 4px;padding:5px;cursor:pointer;box-shadow:3px 2px 5px #444;transition:300ms ease; }
.image-thumbnail img{display:block;width:200px;height:150px; }
.gallery:hover .image-thumbnail:not(:hover){filter:blur(2px) grayscale(1);opacity:0.7;transform:scale(0.9);}
/*        Light Box Styling             */
.light-box{position:fixed;top:0;left:0;visibility:hidden;opacity:0;width:100%;height:100%;background-color:rgba(72,73,74,0.7);transition:500ms ease;}
.light-box:target{visibility:visible;opacity:1;}
.edges{width:min-content;height:auto;background-color:#ccc;padding:20px;margin:30px auto;box-shadow:0 0 30px #333;}
.title{color:#222;fot-size:20px;text-align:center;}
.inner-image{position:relative;width:100%;height:100%;}
.inner-image img{max-width:700px;max-height:450px;}
.close-btn, .next-btn{float:right;}
.close-btn{padding:5px 0;}
.close-btn, .next-btn, .previous-btn{font-size:16px;}
span a{color:#444;}
.image-title{position:absolute;bottom:10px;font-size:16px;color:#222;background-color:transparent;border-bottom:5px solid #eee;padding:10px;cursor:pointer;opacity:0;transition:300ms ease;}
inner-image:hover .image-title{opacity:0.8;}

/* ------------------------------------------------- */


/* Estilo da página de Política*/
#politica p{text-align:justify; ;}
#politica a{text-decoration:none; color:blue;}
#politica h3 {color:#00b0c6;}
.lista {margin-left:50px;  margin:0 0 0 50px;}
.lista1 {margin:0 0 0 90px;}
.lista2{margin:0 0 2px 50px;}


.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.popup {
font-family: Arial, sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.popup-content {
    text-align: center;
}
.popup-content p{
    color: blue;
}

.popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

.popup #emailInput {
    width: 80%;
    padding: 10px;
}

.popup button {
    background-color: #4caf50;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;

}