@charset "utf-8";
/* CSS Document */


body {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
background:url(../images/fundo_site.png) repeat;
background-attachment:fixed;
}

#menu {
width:100%;
height:50px;
float:left;
background:#B52B29;
}

#menu_content {
width:1000px;
height:50px;
}

#menu_content a {
width:auto;
padding:0 15px 0 15px;
float:left;
cursor:pointer;
line-height:50px;
height:50px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:14px;
}


#menu_content a:hover  { text-decoration:underline; background:#666; }


#conteudo_site {
width:1000px;
height:auto;
margin:15px  0 0 0;
}

#conteudo_pagina {
width:750px;
height:auto;
float:left;
padding:10px;
background:url(../images/transparencia.png) repeat;
margin:10px 0 0 10px;
}


#destaques_site {
width:1000px;
height:300px;
float:left;
}

#destaques_site1 {
width:1000px;
height:10px;
float:left;
padding-bottom:5px;
}

#destaques_site_nav {
width:1000px;
height:20px;
float:left;
padding:5px;
}

#ms1 {
width:220px;
height:auto;
float:left;
}

#ms1 span {
width:210px;
height:20px;
float:left;
padding-left:10px;
margin:10px 0 0 0;
line-height:20px;
text-align:left;
font-size:1.2em;
color:#666666;
background:#B52B29;
text-transform:uppercase;
}

#ms1 a {
width:200px;
padding:10px;
height:20px;
line-height:20px;
text-align:left;
font-size:1.2em;
color:#666666;
float:left;
text-decoration:none;
font-weight:bold;
background:url(../images/transparencia.png) repeat;
margin:1px 0 0 0;
cursor:pointer;
}

#ms1 a:hover {
color:#666666;
}


.clear { clear:both; }

#menu_site {
width:220px;
height:auto;
float:left;
}

#menu_site span {
width:210px;
height:45px;
float:left;
padding-left:10px;
margin:10px 0 0 0;
line-height:45px;
text-align:left;
font-size:22px;
color:#fff;
background:#B52B29;
text-transform:uppercase;
}

#menu_site a {
width:200px;
padding:10px;
height:30px;
line-height:20px;
text-align:left;
font-size:14px;
color:#333;
float:left;
text-decoration:none;
font-weight:bold;
background:url(../images/transparencia.png) repeat;
margin:1px 0 0 0;
margin-bottom: 3px;
cursor:pointer;
}

#menu_site a:hover {
background:#B52B29;
color:#fff;
}

#baixo_site {
width:1000px;
height:60px;
float:left;
background:url(../images/baixo_site_fundo.png) no-repeat;
margin:10px 0 0 0;
}

.titulo {
width:730px;
height:40px;
background:#fff;
padding:0 10px 0 10px;
text-align:left;
color:#B52B29;
font-size:1.2em;
float:left;
line-height:40px;
}


#texto {
width:730px;
padding:10px;
height:auto;
float:left;
background:#fff;
font-size:1.2em;
color:#333;
margin:10px 0 0px 0;
text-align:justify;
line-height:22px;
}

#audio {
width:730px;
padding:10px;
height:auto;
float:left;
background:#fff;
font-size:1.2em;
color:#333;
margin:10px 0 0px 0;
text-align:justify;
line-height:22px;
}

#imagens {
width:750px;
height:auto;
float:left;
padding:10px 0 0px 0;
background:#fff;
margin:10px 0 0 0;
}


#imagens img {
width:360px;
height:auto;
float:left;
background:#060;
margin:0px 0 10px 10px;
}

#contate { width:730px;}

#contate p{
line-height:40px;
width:730px;
padding:0px;
margin:0px;
}

#contate input[type="text"] {
border:none;
width:400px;
height:30px;
line-height:30px;
text-align:left;
padding:0 10px 0 10px;
font-size:1.2em;
background:#D1D1D1;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

#contate input[type="password"] {
border:none;
width:400px;
height:30px;
line-height:30px;
text-align:left;
padding:0 10px 0 10px;
font-size:1.2em;
background:#D1D1D1;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.select-estiloso { /* <div> */
       width: 240px;
       height: 34px;
       overflow: hidden;
       background: url(nova_setinha.jpg) no-repeat right #ddd; /* novo ícone para o <select> */
       border: 1px solid #ccc;
    }   

    .select-estiloso select { /* <select> */
       background: transparent; /* importante para exibir o novo ícone */
       width: 268px;
       padding: 5px;
       font-size: 1.2em;
       line-height: 1;
       border: 0;
       border-radius: 0;
       height: 34px;
       -webkit-appearance: none;
    }      


#contate textarea {
border:none;
width:400px;
height:200px;
line-height:40px;
text-align:left;
padding:0 10px 0 10px;
font-size:1.2em;
background:#D1D1D1;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}


#contate input[type="submit"]  {
width:100px;
height:40px;
margin:10px 0 0 0;
text-align:center;
font-size:1.2em;
color:#000;
}

#navegacao_pagina{
width:1000px;
height:50px;
float:left;
margin-top:10px;
background:#FFFFFF;
}


/*VEREADORES*/
.vereador {
width:710px;
height:auto;
float:left;
margin-bottom:10px;
background:#F1f1f1;
padding:10px;
}

.vereador  img{
width:150px;
height:200px;
float:left;
}

.vereador p {
float:right;
width:550px;
height:auto;
margin:0 0 10px 10px;
color:#333;
line-height:22px;
border-bottom:1px dashed #333;
padding:0 0 10px 0;
min-height:150px;

}

.vereador a , #veja_mais{
float:right;
height:30px;
line-height:30px;
padding:0 10px 0 10px;
background:#F03;
color:#fff;
text-decoration:none;
cursor:pointer;
}

.vereador a:hover , #veja_mais:hover { text-decoration:underline; }



/*REQUERIMENTO*/

.requerimento {
width:730px;
height:auto;
float:left;
padding:10px;
background:#EEE;
text-align:left;
line-height:22px;
font-size:1.2em;
color:#333;
margin:20px 0 0 0;
}

.requerimento small {
color:#fff;
font-size:1.2em;
line-height:15px;
font-weight:bold;
padding:5px;
background:#333;
float:left;
clear:both;
margin:-20px 600px 5px 0;
}

.pdf_pt {
float:right;
font-size:1.2em;
height:30px;
line-height:30px;
padding:0 10px 0 10px;
color:#fff;
cursor:pointer;
background:#999;
text-decoration:none;
}

.pdf_pt:hover { background:#333; }


#home_noticias {
width:750px;
height:auto;
float:left;
background:#fff;
margin:10px 0 0 0;
padding:18px 0 0 0;
}

#home_noticias div {
width:710px;
height:120px;
float:left;
text-align:justify;
padding:10px;
margin:10px 0 30px 10px;
background:#E1E1E1;
}

#home_noticias div small {
color:#fff;
font-size:1.2em;
line-height:15px;
font-weight:bold;
padding:5px;
background:#333;
float:left;
clear:both;
width:160px;
margin:-26px 560px 5px 0;
text-align:center;
}

#veja_mais { margin:-20px 10px 0 0;}


#home_prest {
width:740px;
padding:10px 0 0px 10px;
background:#fff;
float:left;
height:auto;
margin:10px 0 10px 0;
}

#home_prest a {
float:left;
width:236px;
height:50px;
background:#E1E1E1;
line-height:50px;
font-size:1.2em;
color:#33339F;
text-align:center;
text-decoration:none;
margin:0 10px 10px 0;
cursor:pointer;
}

#home_prest a:hover { text-decoration:underline; background:#33339F; color:#fff;  }


#vereadores_imgs {
width:750px;
float:left;
height:auto;
margin:10px 0 10px 0;
}

#vereadores_imgs img{
background:#fff;
width:150px;
height:200px;
cursor:pointer;
outline:none;
padding:10px;
border:none;
float:left;
}


#vereadores_imgs img:hover{
background:#B52B29;
}

#e1{width:700px; height:25px; float:left; }

/*Navegação*/

.social-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.social-link {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.social-link:hover {
    transform: scale(1.2);
}

.social-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-container {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 5px;
  width: 300px;
  background-color: #f8f8f8;
}

.search-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 8px;
  font-size: 16px;
  background-color: transparent;
  color: #333;
}

.search-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.search-button:hover {
  background-color: #367c39;
}

.search-button i {
  font-size: 14px;
}