@charset "UTF-8";

/* Cores do Layout (se necessária mudança, substitua os códigos)
azul -> #a8e952-
verde -> #b2e96a-
verde fraco -> #c6e998-
verde forte -> a8e952-
laranja -> #ffb539-
laranja forte -> #ffaa1d-
laranja fraco -> #ffd083-
*/

       #box_subpref {
     display: none;
     position: absolute;
     top: 20px;
     right: 20px;
     padding: 5px;
     background-color: #B2E96A;
        }

#box_subpref h1{
margin: 0px;
  font-size: 32px;
  word-spacing: 2px;
line-height: 90%;
color: #fff;
text-align: center;
}


a {text-decoration:none;}

/* body {margin:0; padding:0; background-image:url(imagens/bg.jpg); color:#543e36; font:12px Verdana, Geneva, sans-serif; text-align:center; body: 100%;} */
body {margin:0; padding:0; color:#543e36; font:75% Verdana, Geneva, sans-serif; text-align:center; body: 100%; background: #a2b2e1 url('../imagens/fundo5.png') fixed bottom left repeat-x;}
/* alternativas #d5d8e1 #a8e952 */
/* borda CCCCFF */
h1 {font-family: Verdana, Geneva, sans-serif; color: #09632f; font-weight: bold; font-size: 14px; text-align:left;}
h2 {font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; }
h3 {color: #228665; font-size: 11px;}
h3 a{color: #228665; font-size: 11px;}

.obrigatorio_msg, [id^='obrigatorio_msg-'] { visibility: hidden; padding: 1px; margin: 0 1.5px; border: 1px solid red; color: red; }
/* CONTAINER DA PÁGINA TODA */
#wrapper {
    /*position: relative;*/
    width: 990px;
    margin: 0 auto;
}
#menu-wrapper {
    position: relative;
    float: left;
    left: 0;
    width: 180px;
    margin-top: 30px;
}

#content-wrapper{
  position: relative;
    float: left;
  width: 790px;
  padding: 0;
  margin: 20px 0 50px 10px;
  text-align: left;
}


/* CABEÇALHO */
  #head { /*padding: 1.3% 0;*/margin:0 0 15px 0; clear: none; height: auto;}
/*   #imagem {margin: 0 10px;} */
#ologo {padding-bottom: 10px };
/*  #ologo {margin: 1.5% 3% 0 2%; text-align:left;float:left; width:240px}
  #logoimg {width:100%}
  */
/*   #ologo0 {margin: 10px 10px;text-align:left;float:left; width:190px} */
/* CABEÇALHO SUBPREFEITURA */
/*   #head2 {background-color: #ffffff; height: 260px; width: 100%; padding-top: 10px;margin:0 0 10px 0;} */

/* BARRA DE LOGIN */
  #barralogin {margin: 0 1.3%; padding: 0.65% 1%; height:20px; background-color: #c6e998; font-size: 90%;}
  .login {float: left; padding: 0.35% 1% 0 1%; font-weight: bold;}
  .form {float: left;padding:0% 0 0 0;}
  .form input {background: #b2e96a; border:1px solid #ffffff;}
  .button-login input {float: left; border: none; margin: 1px 10px 0; width: 20px; height: 20px; background:#FF6600; color: white; padding: 0; font-size: 100%;}
  .button-logout a {float: left; border: none; margin: 1px 10px 0; width: 26px; height: 14px; background:#FF6600; color: white; padding: 2px 5px 3px 7px; font-size: 12px;}
  .status a{float: left; font-weight: bold; color: #006566; padding: 5px 15px 0; text-decoration: none;}
  /*.contato a{font-weight: bold; padding: 0 15px; color: #006566; padding-top: 5px; float: left; position: absolute; left:77%;}*/
  .contato a{float: right; font-weight: bold; color: #006566; padding: 0 15px; text-decoration: none;}

/* BARRA DE STATUS */
  #barrastatus {margin: 30px 1.3% 10px 1.3%; padding: 5px 0 0 0; text-align:center; height: 20px; background-color: #b2e96a; font:11px Verdana, Geneva, sans-serif; font-weight: bold; clear: both;}
  #barrasubpref {margin: 10px 1.3%; padding: 5px 0; text-align:center; background-color: #b2e96a; color: #fff; font:1.8em Verdana, Geneva, sans-serif; font-weight: bold; clear: both;}

/* BARRA DE MENU/NAVEGAÇÃO*/        
  ul {list-style: none; margin: 0; padding: 0;text-align:left;}
  .menu li {float: left; background-color: #ffffff; text-align:center; padding: 2px 0px 0 0;width: 150px; height: 100%;  margin: 0 0 0 0;}
  .menu a{margin: 0; width: 100%; color: #74294a; font-weight:bold; font-size:10px;}

  div.floating-menu { background:#ffffff; border:medium solid #a8e953; text-align:center;}
  div.floating-menu a, div.floating-menu h3 {display:block;margin: 7%; text-align: center;} 
  .fmenu li {float: left; background-color: #000000; text-align:center;width: 100%; height: 100%;  margin: 0 0 0 0;}
  .fmenu a{color: #006566; font-weight:bold; background-color: #a8e952;padding:0.5% 0; font-size: 14px;}
  .fmenu a:hover {color: #ffb539; }
  .menu2 li {float: right; background-color: #ffffff; text-align:center; padding: 2px 0px 0 0px;width: 150px; height: 100%;  margin: 0 0 0 0;}
  .menu2 a{margin: 0; width: 100%; color: #74294a; font-weight:bold; font-size:10px;}

  .fmenu2  {float: left; text-align:center; width: 100%; height: 100%;  margin: 0 0 0 0;}
  .fmenu2 a{color: #006566; font-weight:bold;padding:0.5% 0; font-size: 14px;}
  .fmenu2 a:hover {color: #ffb539; }


/* CONTEUDO */
  #conteudo {height: 100%; width: 100%;text-align:center;}
  .box1-pp{ line-height:130%;}

  /*   DECORAÇÃO DE CONTEÚDO */
    .vermelho{background-color: #a8e952; height: 100%; width: 4%; margin: 0 2.5% 0 0; padding: 0; float: left;}
    .caixa-texto {padding: 3% 1%;}
    .caixa-texto a{color: #228665;}

    .texto-a {padding: 10px 20px 0 20px;text-align:left;}
    .texto-a p{color: #000000;}
    .texto-a a{color: #228665;}

/* NOTAS DE RODAPE */
  #rodape {float: left; /*padding: 10px 0;*/ margin-bottom: 100px; width: 765px; }
  #designer {float:left; color: #fff; padding: 20px 0 0 3px; width:15%;text-align:center;}
  #designer {color:#909f90;font-weight:bold}
  #patrocinadores {margin: 0.5% 0; width:100%;}

  .realizacao {float:left; padding-top: 67px; font-size: 11px;}
  .apoio {float:left; padding-top: 67px; padding-left:1%; font-size: 11px;}
  .patrocinadores img {display: inline; float:left; width: 12%; padding: 10px 0px 0 14px;}
  .patrocinadores2 {float:left; padding: 10px 0px 0 0;margin-top: 10px ;width: 12%;}

/* PAGINA CADASTRAR-SE */
  .box-c { display: inline; float: right; }
  #box1-c{ float: left; display: inline; }
  #box2-c{width: 46%; height: 200px; background-color: white; line-height:120%; float: left; margin-left: 10px;border: solid #a8e952;}
  #box3-c{width: 46%; height: 190px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;border: solid #a8e952;}
  .form-box {float: left;}
  .form-box input {background: white; border:1px solid #afb78e;}
  .button-cad input {float: left; border: none; margin: 1px 10px 0 10px; width: 70px; height: 20px; background:#41A577; color: white; padding: 0; font-size: 12px;}

/* FICHA DE CADASTRO */
  #box1-fc{line-height:120%; float: left; padding: 10px 0;}
  #formulario input {height: 13px; background: white; border: 1px solid #cccccc; font-size:11px; color: #aaa;}
  #botoes {width: 100%; text-align: center; margin: 20px 0 0 0;}
  #botoes input {width: 70px; height: 40px; background:#A7C042; border:#A7C042; color: white; margin: 0 20px 0 0; font-weight:bold; font-size: 13px;}

  .title-q {color: #94AA63; font-size: 14px; padding: 10px 5px; font-weight:bold;text-align:left;}

  .linha-1-f {background: #e1ebd8; padding: 5px; margin: 5px; float: left; width: 98%; }
  .campo-q-f {width: 205px; float: left; text-align: right; margin-right: 20px; padding: 2px 0;}
  .form-q textarea {width: 290px; height: 50px; margin: 5px 0; text-align:left;float:left;}

  .linha-2-f {background: white; padding: 5px; margin: 5px; float: left; width: 98%; }
  .linha-foto {width: 98%; background: #e1ebd8; padding: 5px; margin: 5px; float: left; }
  .foto {width: 70px; background-color: #e1ebd8; margin: 3px 10px 0px 17px;}
  .listas {width: 213px; height: 19px; background:#ffffff; border:1px solid #cccccc;}

  .linha-1-f2 {background: #e1ebd8; padding: 5px; margin: 5px; width: 98%; float: left; }  
  .linha-2-f2 {background: white; padding: 5px; margin: 5px; width; 98%; float: left; }
  .linha-titulo { background: white; padding: 1px 0 0 0; margin: 30px 0 0 0;}

/* GALERIA */
  .voltar { float: right; }
  .box1-g{/*float: left;*/ margin:0 0 10px;}
  .box-d{float: right; margin:0 0 10px 0px;}
  .caixa-texto-a {padding: 20px 0 2px 0; height: 100%; }
  .box-g { height: 50%; display: inline; margin:0 0 10px; }

  .box3-g{line-height:20px;float: left;}
  .box4-g{float: right; line-height:20px}

  .box4-gb{float: right; padding: 0 0 0 10px;}
  .box4-g ul {padding: 10px 0;}
  .box3-gv{line-height:100%;float: left;}
  .g-v {width: 300px; margin: 0 auto;}

  .galeria-fotos {display: inline; float: left; padding: 5px 5px;}
  .galeria-videos {width: 190px; float: left; padding: 5px 5px;}
  .g-f-data, .g-f-evento {font-size: 12px; color:#44301B; }
  .g-f-imagem {height: 60px; width: 60px; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; background:#999;}
  .caixa-texto-vi {padding: 20px 10px 20px 40px;}

  .texto {text-align:right;padding: 10px 20px 0 10px; max-height: 410px; scrollbar-arrow-color:#BE2A22; scrollbar-light-color:#BE2A22; scrollbar-highlight-color:white; scrollbar-face-color:white; scrollbar-shadow-color:#BE2A22; scrollbar-darkshadow-color:white; scrollbar-track-color:#ccc;}

  .arquivo-title {font-size: 12px; font-style: italic; width:15%; float: left; text-align:left; height: 20px; padding: 0 0 0 3%;}
  .subpref-title {font-size: 12px; font-style: italic; width:15%; float: left; text-align:left; height: 20px; }
  .descricao-title {font-size: 12px; font-style: italic; width:15%; float: left; text-align:left; height: 20px;}
  .adicionado-title {font-size: 12px; font-style: italic; width: 150; display: inline; float: left; text-align:right; height: 20px;}

  .linha-12 {width: 100%; background: #e1ebd8; float: left; padding: 3px;}
  .linha-22 {width: 100%; background: white; float: left; padding: 3px;}
  .arquivo-link a{font-size: 12px; color:#228665; width:15%; float: left; text-align:left; padding: 5px 5px 5px 3%;}
  .descricao-link a{font-size: 12px; color:#228665; width:15%; float: left; text-align:left; padding: 5px;}
  .subpref-link a{font-size: 12px; color:#228665; width:15%; float: left; text-align:left; padding: 5px;}
  .adicionado-link a{font-size: 12px; color:#228665; float: left; padding: 5px;}
/*
  #botao-admin {text-align: right;}
  #botao-admin input {width: 50%; height: 100%; color: white; background: #7EA89D; border: none;}
  #botao-admin-ag {text-align: right;}
  #botao-admin-ag input {width: 55%; height: 30px; color: white; background: #7EA89D; border: none;margin-right:10%;}
*/
  #paginas {min-width: 600px; padding: 0; margin: 0; color: #94AA63; font-size: 12px;}
  #paginas ul {list-style: none;}
  #paginas li {float: left; padding: 30px 2px;}


/* FOTOS */
  #box2-bi{ line-height:120%; float: left; }
  #box3-vi{ line-height:120%;float:left;}
/*   .box1-g{width: 100%; height: 140px; background-color: white; line-height:120%; float: left; margin:0 0 10px;} */
  .box3-vi{width: 780px; height: 200px; background-color: white; line-height:120%;border: solid #a8e952;}
  #box4-vi{width: 780px; height: 700px; background-color: white; margin-top: 20px;border: solid #a8e952;}
  .titulo-box {float: left; font-size: 14px; font-weight:bold;}
  #biblioteca {padding: 0; text-align: left; clear: both; }
  .box-galerias {position: relative; width: 35%; height: 200px; background:white; padding: 5px; float: left; margin: 10px;border: solid #a8e952;text-align:center;}
  .box-galeriasf {width: 35%; height:300px; background:white; padding: 5px; float: left; margin: 10px;border: solid #a8e952;text-align:center;}
  .box-galerias2 { padding: 5px; float: left; margin-top:10px;border: solid #a8e952;}
  .thumbs-line {}
  .thumbs-line2 {width: 680px;}
  .text-galerias {font-size: 11px; margin-top: 15px;}
  .thumb {width: 30px; height: 30px; background: #999; margin: 5px 25%; text-align:center;}
  .thumb2 {width: 60px; height: 71px; background: #999; margin: 10px; float: left;}
  .thumb2 [type=button] { width: 60px; height: 16px; font-size: 8px; margin: 1px; }

  #paginas-vi {width: 500px; color: #94AA63; font-size: 12px; padding: 0; margin: 0;}
  #paginas-vi ul {list-style: none; padding: 0; margin: 0;}
  #paginas-vi li {float: left; padding: 0; margin: 10px 0 0 0;}
  #info-album {
      width: 100%;
      clear: both;
  }
  table#album-fotos {
      width: 95%;
      clear: both;
      border: 0;
      padding: 0;
      margin: 0;
  }
  table#album-fotos td {
      width: 23.5%;
      padding: 5px;
      text-align: left;
  }

  table#tabela-biblioteca {
      width: 100%;
      clear: both;
      border: 0;
      padding: 0;
      margin: 0;
  }

  table#tabela-biblioteca td.arquivo {
      width: 50%;
      padding: 1.5px;
  }
  table#tabela-biblioteca td.descricao {
      width: 30%;
      padding: 1.5px;
  }

  table#tabela-biblioteca td.adicionado {
      width: 20%;
      padding: 1.5px;
  }



/* VIDEOS */
.box-videos {width: 43%; height: 305px; padding: 5px; float: left; margin: 10px;border: solid #a8e952;text-align:center;}

/* PÁGINA DO USUÁRIO */
  #box1-pu{display: inline-block; line-height:130%; /*float: left;*/}
  #box1-pd{line-height:130%; float: left; margin-left: 10px}
  .membros {padding: 10px 15px; float: left; width:14%; height: 90px;}
  .foto-membro {width: 60px; height: 60px; background-color:#716558;}

/* AGENDA */
  #box1-a{width: 490px; height: 140px; background-color: white; line-height:120%; float: left;border: solid #a8e952;}
  #box2-a{width: 280px; height: 140px; background-color: white; line-height:120%; float: left; margin-left: 10px;border: solid #a8e952;}
  #box3-a{ display: inline; line-height:120%; float: left; }
  #box4-a{ display: inline; line-height:120%; float: right; }

  table#todos-eventos {
      width: 95%;
      border: 0;
      padding: 0;
      margin: 0;
      text-align: left;
  }

  table#todos-eventos th{
      font-weight: bold;
      text-decoration: italic;
  }
  table#todos-eventos td {
      padding: 5px;
  }
  table#todos-eventos td.data {
      width: 10%;
  }
  table#todos-eventos td.titulo {
      width: 60%;
  }
  table#todos-eventos td.adm {
      width: 25%;
  }

  .evt_titulo {
      margin: 10px 0;
      padding: 10px 0;
  }
/* CALENDARIO */
  #calendario {background: white;}
  #calendario select {width: 100px;}
  .day {width: 20px; height: 20px; text-align:center; padding: 3px; }
  .mes {font-size: 15px; color: #228665;}
  .ano {font-size: 15px; color: #228665; font-weight:bold; margin-right: 8px;}
  .evento {width: 20px; height: 20px; background: #90c2b2; text-align:center; padding: 3px; }
  .hoje {width: 20px; height: 20px; font-weight: bold; text-align:center; padding: 3px; }

/* PÁGINA DE EVENTO DO CALENDÁRIO */
  #box1-bi{width: 490px; height: 140px; background-color: white; line-height:120%; float: left;border: solid #a8e952;}
  #box3-ev{background-color: white; line-height:120%; /*float: left;*/ }

/* TODOS OS EVENTOS DO CALENDÁDIO */
  .oque-title {font-size: 12px; font-style: italic; width:35%; float: left; text-align:left; height: 20px; padding: 0 0 0 20px;}
  .quando-title {font-size: 12px; font-style: italic; width:15%; float: left; text-align:left; height: 20px; padding: 0 0 0 30px;}
  .onde-title {font-size: 12px; font-style: italic; width:10%; float: left; text-align:right; height: 20px; }
  .oque-link a{font-size: 12px; color:#228665; width:35%; float: left; text-align:left; padding: 5px 5px 5px 20px;}
  .onde-link a{font-size: 12px; color:#228665; width:30%; float: left; text-align:left; padding: 5px;}
  .quando-link a{font-size: 12px; color:#228665; width:20%; float: left; text-align:left; padding: 5px;}

/* NOTICIAS */
  .box1-n{width: 640px; height: 160px; background-color: white;line-height:120%;float: left;}
  .noticia-title {font-size: 12px; font-style: italic; width:12%; float: left; text-align:left; height: 20px; padding: 0 0 0 5%;}
  .foto-title {font-size: 12px; font-style: italic; width:40%; float: left; text-align:right; height: 20px;}
  .noticia-link {font-size: 12px; color:#228665; text-align: right; }
  .foto-link {font-size: 12px; color:#228665; text-align: left; }
  #box2-n{ background-color: white; line-height:120%;float:left;}
  #box3-n{ width: 100%; background-color: white; line-height:120%;float:left;margin:10px 0 0 0;}
  #box-n{width: 640px; height: 350px; background-color: white; line-height:120%;float:left;margin:10px 0 0 0;border: solid #a8e952;}
/*  #form_busca_noticias * { padding: 2px; background-color: white; color: black; border: 1px solid black; }

  #botao-admin2 {text-align: right;float:right;}
  #botao-admin2 input {width: 100%; height: 30px; color: white; background: #7EA89D; border: none;margin:0 0 0 5px;}
*/
  .linha2-12 {width: 100%; background: #e1ebd8; height:40px; padding: 0;}
  .linha2-22 {width: 100%; background: white; height: 40px; padding: 0;}
  table#noticias-destaque {
      width: 95%;
      border: 0;
      margin: 0;
      padding: 0;
  }

  table#noticias-destaque th {
      text-align: left;
      font-weight: bold;
      padding: 10px 5px;
  }
table#noticias-destaque td {
    text-align: left;
    border: 0;
    margin: 0;
    padding: 5px;
}

table#noticias-destaque td.noticia-link {
    width: 75%;
}
  table#noticias-cidade {
      width: 95%;
      border: 0;
      margin: 0;
      padding: 0;
  }
  table#noticias-cidade th {
      text-align: left;
      font-weight: bold;
      padding: 10px 5px;
  }
table#noticias-cidade td {
    text-align: left;
    border: 0;
    margin: 0;
    padding: 5px;
}
table#noticias-cidade td.data {
    text-align: left;
    border: 0;
    margin: 0;
    padding: 5px;
}

.button-quest input {float: right; text-align:center; border: none; margin: 0px; width: 80px; height: 30px; background:#41A577; color: white; padding: 2px; font-size: 14px;}

/* PESQUISAS */
  .button-ok input {float: left; border: none; margin: 0px; width: 200px; height: 100%; background:#41A577; color: white; padding: 2px; font-size: 12px;}
  .perg-resp {font-size: 12px; color:#228665; width:48%; float: left; text-align:left; padding: 5px;}
  .perg {font-size: 12px; color:#228665; width:240px; float: left; text-align:left; padding: 5px;}
  .estado {font-size: 11px; color:#228665; width:20%; float: left; text-align:center; padding: 5px;}
  .estado2 {font-size: 11px; color:#228665; width:20%; float: right; text-align:left; padding: 5px;}
  .perg-resp-title {font-size: 12px; font-style: italic; width:45%; float: left; text-align:left; height: 20px; padding: 0 0 0 0px;font-weight: bold;}
  .resp-title {font-size: 12px; font-style: italic; width:25%; float: left; text-align:right; height: 20px;}
  #box1-p{line-height:120%;float:left;}
  #box2-p{ line-height:120%;/*float:left;*/}

/* ENQUETES */
  #box1-e{width: 100%; height: 700px; background-color: white; line-height:120%;float:left;border: solid #a8e952;}


/*página questionario.html*/
	.texto2 {text-align:left;padding: 10px 20px 0 10px; max-height: 100%; scrollbar-arrow-color:#BE2A22; scrollbar-light-color:#BE2A22; scrollbar-highlight-color:white; scrollbar-face-color:white; scrollbar-shadow-color:#BE2A22; scrollbar-darkshadow-color:white; scrollbar-track-color:#ccc;}
        #box1-q{width: 450px; height: 240px; background-color: white; line-height:130%;; float: left;border: solid #a8e952;}
        #box2-q{width: 320px; height: 240px; background-color: white; line-height:130%;; float: left; margin-left: 10px;border: solid #a8e952;}
        #box3-q{width: 780px; height: 100px; background-color: white; line-height:130%;; float: left; margin: 10px 0 10px 0;border: solid #a8e952;}
        #box4-q{width: 745px; height: 100%; background-image:url(../imagens/bg-limao.jpg); background-repeat: repeat-y; 
                background-position: left; background-color: white; line-height:120%; float: left; padding: 0  0 0 35px; border: solid #a8e952;}
                .azul-cinza{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}
                .texto-q {margin: 10px 10px 0 10px;}
        #box5-q{width: 380px; height: 250px; background-color: white; line-height:120%; float: left;}
        #box6-q{width: 390px; height: 250px; background-color: white; line-height:120%; float: left; margin: 0 0 10px 10px;}
/*tabber do questionario*/
    .shadetabs {margin:0; padding: 3px 0; border-bottom: 2px solid #e1ebd8; font: bold 12px Verdana, sans-serif;}
    .shadetabs li {list-style: none; margin: 0; display: inline;}
    .shadetabs li a {padding: 8px 0.9em 3px 0.9em; margin-left: 3px; border: 2px solid #e1ebd8; border-bottom: none; background: #e1ebd8; text-decoration: none;}
    .shadetabs li a:link { color: #94AA63; }
    .shadetabs li a:visited { color: #94AA63; }             
    .shadetabs li a:hover {color: white; background: #e1ebd8; border-color: #e1ebd8;}
    .shadetabs li a.selected {background-color: #fff; border-bottom: 2px solid #fff;}       
    .shadetabs li a.selected:hover {color: #000; background: white; border-bottom: 2px solid white;}
    .tabcontent {display:none;}
    /*estilo do questionrio*/
    .title-q {color: #94AA63; font-size: 14px; padding: 10px 5px; font-weight:bold;}
    .linha-1 {width: 100%;background: #e1ebd8; min-height:25px; padding: 6px 0 0 0;}
            .linha-1-in {width: 100%; background: #e1ebd8; padding: 6px 0 6px 0;}
            .linha-1-tf {width: 100%; background: #e1ebd8; padding: 6px 0 0 0;}
            .linha-1-maior {width: 100%; background: #e1ebd8; min-height:50px; padding: 6px 0 0 0;}
    .linha-2 {width: 100%;background: white; min-height: 25px; padding: 6px 0 0 0;}
            .linha-2-in {width: 100%; background: white; padding: 6px 0 6px 0;}
            .linha-2-tf {width: 100%; background: white; min-height:25px; padding: 6px 0 0 0;}
            .linha-2-maior {width: 100%; background: white; min-height:50px; padding: 6px 0 0 0;}
    .campo-q {width: 350px; float: left; text-align: right; margin-right: 20px; padding: 2px 0 0 0;}
            .campo-q-out {width: 360px; text-align: right; margin-right: 40px; padding: 2px 0 0 0;}
            .campo-q-in {width: 350px; float: left; text-align: right; margin-right: 20px; padding: 2px 0 0 0;}
    .tabbertab input{height: 13px; background:#ffffff; border:1px solid #cccccc;}
    .form-q2 textarea {width: 40%; height: 100%; margin: 5px 0;}
    .listas {width: 213px; height: 19px; background:#ffffff; border:1px solid #cccccc;}
    #botao-questionario {width: 90%; text-align: center; margin: 20px 0 0 0;}
    #botao-questionario input {width: 150px; height: 40px; background:#A7C042; border:#A7C042; color: white; margin: 0 0 0 0; font-weight:bold; font-size: 13px;}

/* SUBPREFEITURAS */
  #box1-ss{background-color: white; line-height:130%; /*float: left;*/ }
/* FORUM */
  #box1-fo{ line-height:120%; float: left;}
  #box2-fo{width: 320px; height: 190px; background-color: white; line-height:120%; float: left; margin-left: 10px;border: solid #a8e952;}
  #box3-fo{ line-height:120%; float: left; }
  #box4-fo{ line-height:120%; float: right; }

  .forms-geral {float: left; height: 16px; background: white; border:1px solid #afb78e; margin-right: 10px; width: 100px;}
  .nome-membro { text-align: left; }
  .nome-membro a {color: #228665; font-size: 11px; width: 60px;}

/*  FORUM TOPICOS */
  #box3-t{width: 200px; height: 140px; background-color: white; line-height:120%; float: left; }
  .texto-t {margin: 0 0 0 20px;}
  #box4-t{width: 425px; height: 140px; background-color: white; line-height:120%; float: right; }
  #box5-t{ line-height:120%; float: left; }
  .assunto-title {font-size: 14px; font-style: italic; width:54%; float: left; text-align:left; height: 20px; padding: 0 0 0 20px;}
  .mensagens-title {font-size: 14px; font-style: italic; width:10%; float: left; text-align:left; height: 20px;}
  .postagens-title {font-size: 14px; font-style: italic; width:25%; float: left; text-align:right; height: 20px;}
  .membros-s {padding: 10px 8px 10px 0; float: left; width:50px;}
  .foto-membro-s {width: 40px; height: 40px; background-color:#716558;}
  .nome-membro-s a {color: #228665; font-size: 10px; width: 30px;}

  .assunto a {font-size: 12px; color: #228665; width:54%; float: left; text-align:left; padding: 2px 0 0 20px;}
  .mensagens a {font-size: 12px; color: #228665; width:10%; float: left; text-align:center;}
  .postagens a {font-size: 12px; color: #228665; width:22%; float: left; text-align:right; padding: 2px 20px 0 0;}

/* TÓPICO DO FÓRUM */
    #box3-p{/*width: 100%;*/ /* height:1500px; */ background-color: white; line-height:160%; /*float: left;*/ margin: 10px 0 0 0;border: solid #a8e952;}
    #info-post {width: 100%; padding: 10px; font-size: 14px;}       
    #autor-post {float:left; text-align:left; font-size: 10px; padding: 5px; width: 80%;}
    .nome-autor-post {font-weight: bold; font-size: 14px; padding-left: 5px;}
    #titulo-post {width: 620px; text-align:right; font-weight: bold; padding: 5px; color: #228665; font-style: italic; margin-left: 50px;}
    #data-post {width: 200px; padding: 5px; font-size: 10px;}
    .data-real-post {font-weight: bold; font-size: 14px; padding-left: 53px;}
    .reply-post {color:#228665; margin: 20px 0 0 0;}
    #main-text-post {width: 100%; margin-top: 20px;}
/*     #main-text {text-align:left;} */
/*     .textfield-post {clear: both; padding: 0 20px 20px 20px;} */
    .textfield-post textarea {width: 500px; height: 50px; margin: 10px 7% 5px;}
    .button-post {padding: 0;background: #fff; border: 1px solid #228665; border-top: none; border-bottom: none; color: #228665; margin: 5px 30% 5% 30%;}
    .post-reply1 {width: 70%; min-height: 100px; margin-left: 90px; background-color:#E9EFD0; padding: 10px; border: 2px solid #E9EFD0;}
    .post-reply2 {width: 70%; min-height: 100px; margin-left: 90px; background:white; padding: 10px; border: 2px solid #E9EFD0;}
    #paginas-p {width: 100%; color: #94AA63; font-size: 12px; padding-left: 100px;}
    #paginas-p ul {list-style: none;}
    #paginas-p li {float: left; padding: 30px 2px;}

/* MEMBROS FORUM*/
    #box1-pm{ line-height:120%; float: left;}
    #box2-pm{width: 390px; height: 340px; background-color: white; line-height:120%; float: left; margin-left: 10px;border: solid #a8e952;}
    #foto-pm {width: 100px; height: 100px; background-color: #C4D8B1; float: left; margin: 0 25px 0 0;}
    #nome-pm {font-family:Arial, Helvetica, sans-serif; color: #44301B; font-weight: bold; font-size: 14px; height: 100px; }
    #list-dados {width: 300px; padding: 10px;}
    .title-nome-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}
    .nome-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}
    .title-idade-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}
    .idade-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}
    .title-upp-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}
    .upp-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}
    .title-email-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}
    .email-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}
    .title-sobre-pm {float: left; font-size: 10px; width: 90px; text-align:right; padding: 0 10px; height: 25px;}
    .sobre-pm {float: left; font-size: 12px; width: 130px; text-align:left; padding: 0 10px; height: 25px;}
    .ver-participacoes a{font-size: 11px; color: #228665; width: 100%; text-align:right; padding: 5px;}

                
    #box3-m{ line-height:120%; float: left; }
    .caixa-texto-fo {padding: 20px 0 0 0; height: 430px}

/* FALE CONOSCO */

    #box1-f{width: 100%; height: 140px; background-color: white; line-height:120%; float: left;border: solid #a8e952;}
    #box3-f{width: 43%; height: 670px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 0;border: solid #a8e952;}
    #box4-f{width: 53%; height: 670px; background-color: white; line-height:120%; float: left; margin: 10px 0 0 10px;border: solid #a8e952;}
    .azul-cinza{background-color: #74294a; height: 100%; width: 30px; margin: 0 20px 0 0; padding: 0; float: left;}
    .caixa-texto-f {padding: 20px 10px 0 0; height: 100%;}
    .texto-f {margin: 10px 20px 0 20px;}
    .campo {width: 70px; float: left; line-height:16px; }
    .campo-form {height: 20px;}
    #msg {margin: 4%; width: 100%;}
    #mensagem {width:80%;border:solid medium #a8e952;}

/* MAPA SUBPREFEITURA */
    #box1-sub{line-height:130%; position: relative;/*float: left;*/ display: inline-block;/* pq float aqui mata o layout em alguns casos*/}
    /* Main Column */
    #main {
            float: left;
            width: 67%;
            padding: 20px 0 0 0;
            margin: 0 0 0 10px;
            display: inline;
    }

    #main h2 {
            font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
            color: #85970C;
            text-transform: none;
            padding: 10px 0 0px 10px;
    }

    #main h2 a {
            color: #85970C;
            text-decoration: none;
    }

    #main ul li {
            list-style-image: url(bullet.gif);
            padding: 10px 0 0 0;
    }

    /* Sidebar */   
    #sidebar {
            float: right;
            width: 27.5%;
            padding: 20px 10px 0 0;
            margin: 0;
    }

    #sidebar h3 {
            padding: 5px 5px;
            font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
            color: #8C9F0D;
    }

    #sidebar ul.sidemenu {
            text-align: left;
            margin: 7px 4px 8px 0;
            padding: 0;
            text-decoration: none;
            background: url(dots.jpg) repeat-x left top;
    }

    #sidebar ul.sidemenu li {
            list-style: none;
            background: url(dots.jpg) repeat-x left bottom;
            padding: 5px 0 5px 5px;
            margin: 0 2px;
            color: #666666;
    }

    * html body #sidebar ul.sidemenu li {
            height: 1%;
    }

    #sidebar ul.sidemenu li a {
            text-decoration: none;
            background-image: none;
            color: #666666;
    }

    #sidebar ul.sidemenu li a:hover {
            color: #1773BC;
    }

    #sidebar ul.sidemenu ul {
            margin: 0 0 0 5px;
            padding: 0;
    }

    #sidebar ul.sidemenu ul li {
            background: none;
    }

    #sidebar p {text-align:left;}

    .error-msg p { color: #ff0000; }

    #campos-escondidos {
        display: none;
    }

.box {
    background-color: #fff;
    margin: 0 0 10px 0;
    padding: 10px 2.5px;
    border: solid #b2e96a medium !important ;
    border-left: solid #b2e96a 28px !important ; 
}

.boxg {
    background-color: #fff;
    padding: 5px 5px;
    border: solid #b2e96a medium !important ;
    border-left: solid #b2e96a 20px !important ; 
}
/* os dois proximos baseados no content-wrapper de 800px */
.box-total {
    clear: both;
    width: 765px;
}
.box-total_conf{
    clear: both;
    padding: 20px 10px;
    width: 9500px;
    height: 100%;
}
.box-metade {
    width: 44%;
}
.zebra {
    background-color: #E1EBD8;
}

#info-usuario {
    line-height: 140%;
    font-size: 13px;
}

.destaca-vermelho {
    border-color: red;
}

fieldset.somente-sp {
    border: 0;
    padding: 0;
    margin: 0;
}

.galeria-linha {
    width: 800px;
    margin: 0;
    padding: 0;
    border: 0;
    display: inline-block;
    position: relative;
}
.galeria-col .box-metade {
    width: 356px;
}
#galeria-col-esquerda {
}
#galeria-col-direita {
}

.box-videos .thumbs-line {
    margin-top: 20px;
}