#cidades{
  width: 724px;
  font-size: 12px;
}
#cidades #cidades_descricao img.cidades_principal{
  margin-bottom: 20px;
}
#cidades #cidades_descricao div.cabecalho_cidades{
  width: 724px;
  height: 50px;
  margin-bottom: 3px;
  background: #eee;
}
#cidades #cidades_descricao div.cabecalho_cidades div.titulo_cidades{
  float: left;
  width: auto;
  height: 30px;
  background: url('../images/etiqueta_titulo_cidades.jpg') top right no-repeat #fff;
}
#cidades #cidades_descricao div.cabecalho_cidades div.titulo_cidades h1{
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 5px;
}
#cidades #cidades_descricao div.cabecalho_cidades div.titulo_cidades h1 a{
  padding-top: 5px;
}
#cidades #cidades_descricao div.cabecalho_cidades div.avaliacoes_cidades{
  float: right;
  width: 210px;
  height: 30px;
  margin-right: 10px;
  background: url('../images/etiqueta_avaliacoes_cidades.jpg')  0 5px no-repeat #eee;
}
#cidades #cidades_descricao div.cabecalho_cidades div.avaliacoes_cidades p{
  padding-left: 10px;
  padding-top: 10px;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades{
  clear: both;
  width: 724px;
  height: 20px;
  background: #99cd47;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades ul{
  padding-top: 2px;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades li{
  float: left;
  padding: 0 10px ;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades li a{
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades li a:hover, #cidades #cidades_descricao div.cabecalho_cidades div.links_cidades li a.link_cidades_atual{
  color: #000;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades li a.cidade_link_atual{/*Deixa claro ao visitante em que link esta*/
  color: #000;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades div#links_cidades_esquerdo{
  float: left;
  width: 10px;
  height: 20px;
  background: url('../images/borda_links_cidades.jpg') top left no-repeat #99cd47;
}
#cidades #cidades_descricao div.cabecalho_cidades div.links_cidades div#links_cidades_direito{
  float: right;
  width: 10px;
  height: 20px;
  margin-top: -2px;
  background: url('../images/borda_links_cidades.jpg') top right no-repeat #99cd47;
}
#cidades #cidades_descricao h1{
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 0px;
}
#cidades #cidades_descricao h2{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
#cidades #cidades_descricao p{
  margin-bottom: 10px;
}
#cidades #cidades_descricao #coluna_bandeira_informacoes{
  float: right;
  width: 200px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #a29e9e;
  display:none;
}
#cidades #cidades_descricao div.informacoes_cidades{
  font-size: 11px;
  margin-top: 5px;
}
#cidades #cidades_descricao div.informacoes_cidades p{
  margin:0;
}
#cidades div.divisor_horizontal_continuo{
  width: 720px;
  margin: 10px auto;
}
.divisor_horizontal_continuo{
  width: 720px;
  margin: 10px auto;
}

/*----------------------------------------------------------------*/
#relacionados_cidades  #bloco_ponto_turistico_relacionados_com_cidades{
  clear: both;
  width: 724px;
  height: auto;
}
#relacionados_cidades  #bloco_ponto_turistico_relacionados_com_cidades h2{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
#relacionados_cidades  #bloco_ponto_turistico_relacionados_com_cidades div.chamada_bloco_ponto_turistico{
  float: left;
  margin-left: 30px;
  margin-bottom: 10px;
}
/*----------------------------------------------------------------*/
#relacionados_cidades  #bloco_estabelecimentos_relacionados_com_cidades{
  clear: both;
  width: 724px;
  height: 150px;
}
#relacionados_cidades  #bloco_estabelecimentos_relacionados_com_cidades div.caixa_estabelecimento{
  float: left;
  margin-bottom: 10px;
  background: #eee;
}
#relacionados_cidades  #bloco_estabelecimentos_relacionados_com_cidades p{
  font-size: 11px;
}
#relacionados_cidades  #bloco_estabelecimentos_relacionados_com_cidades p.caixote_titulo_estabelecimento{
  font-size: 13px;
  font-weight: 700;
}
#relacionados_cidades  #bloco_estabelecimentos_relacionados_com_cidades h2{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
/*----------------------------------------------------------------*/
#relacionados_cidades  #bloco_hoteis_relacionados_com_cidades{
  clear: both;
  width: 724px;
  height: 150px;
}
#relacionados_cidades  #bloco_hoteis_relacionados_com_cidades div.caixa_estabelecimento{
  float: left;
  margin-bottom: 10px;
  background: #eee;
}
#relacionados_cidades  #bloco_hoteis_relacionados_com_cidades p{
  font-size: 11px;
}
#relacionados_cidades  #bloco_hoteis_relacionados_com_cidades p.caixote_titulo_estabelecimento{
  font-size: 13px;
  font-weight: 700;
}
#relacionados_cidades  #bloco_hoteis_relacionados_com_cidades h2{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
/*----------------------------------------------------------------*/
#relacionados_cidades  #bloco_artigos_relacionados_com_cidades{
  float: left;
  width: 400px;
  height: auto;
}
#relacionados_cidades  #bloco_artigos_relacionados_com_cidades h2{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
#relacionados_cidades  #bloco_artigos_relacionados_com_cidades div.artigo_turismo{
  float: left;
  margin-left: 12px;
  margin-bottom: 10px;
}
#relacionados_cidades  #bloco_artigos_relacionados_com_cidades div.artigo_turismo a{
  background: url('../images/base_turismo_maior.jpg') top left no-repeat;
}
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/*Bloco ponto turistico*/
.chamada_bloco_ponto_turistico{
  width: 300px;
  height: 205px;
  background: #eee;
}
.chamada_bloco_ponto_turistico img{
  border: 0;
}
.chamada_bloco_ponto_turistico p{
  font-size: 12px;
  padding-left: 2px;
  margin-top: 1px;
}
.chamada_bloco_ponto_turistico a{
  text-decoration: none;
  color: #000;
}
.chamada_bloco_ponto_turistico  p a:hover{
  text-decoration: underline;
}
#relacionados_cidades div.divisor_vertical_continuo{
  float: left;
  width: 1px;
  height: 549px;
  margin: 2px;
  margin-top: 10px;
  margin-left: 0;
  background: #b5b1b1;
}

/*------------------------------------------------------*/
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades{
  float: left;
  width: 318px;
  height: auto;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades h2{
  float: left;
  font-size: 16px;
  font-weight: 700;
  margin-left: 16px;
  margin-bottom: 10px;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.divisor_horizontal_continuo{
  width: 287px;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.chamada_coluna, #relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.chamada_coluna_sem_foto{
  margin-left: 20px;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.chamada_coluna_sem_foto p.tema_coluna, #relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.chamada_coluna p.tema_coluna{
  font-size: 11px;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.caixote_coluna a{
  text-decoration: none;
  color: #000;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.caixote_coluna p.titulo_coluna a:hover{
  color: #a29e9e;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.caixote_coluna p.titulo_coluna{
  font-size: 12px;
  font-weight: 700;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.caixote_coluna p.resumo_coluna{
  font-size: 11px;
}
#relacionados_cidades  #bloco_colunas_relacionados_com_cidades div.caixote_coluna p.resumo_coluna a:hover{
  text-decoration: underline;
}
/*------------------------------------------------------*/
#cidades #bloco_cidades_fotos{
  width: 724px;
  height: 130px;
  background: #eee;
}
/*Botão para funcionalidades diversas-------------------------------------------------------*/
#cidades a.botao_coluna{
    float: left;
    text-decoration: none;
    color: #000;
    border: 1px solid #9f9f9f;
    margin-right: 3px;
}
#cidades a.botao_coluna:active span{
    background: url('../images/background_botao_pressionado.jpg') top left repeat-x;
}

#cidades a.botao_coluna span{
    display: block;
    padding: 4px 0.5em;
    background: url('../images/background_botao.jpg') top left repeat-x;
}
/*--------------------------------*/
#cidades div.foto_credito_principal{/*Creditos para a foto principal*/
  position: relative;
  float: right;
  width: auto;
  margin: -20px 5px 0 0;
  padding: 0 0.5em 2px  0.5em;
  font-size: 11px;
  font-weight: bold;
}

/*------- Estilo dos Flags ----------*/
#cidades div.botoes_edicao a.flag_positivo, #cidades div.botoes_edicao a.flag_negativo, #cidades div.botoes_edicao a.flag_atencao{
  float: left;
  text-decoration: none;
  margin-right: 3px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}
#cidades a.flag_positivo span, #cidades a.flag_negativo span, #cidades div.botoes_edicao a.flag_atencao span{
  display: block;
  padding: 5px 0.5em;
}
#cidades a.flag_negativo span{
  background: red;
}
#cidades a.flag_positivo span{
  background: green;
}
#cidades div.botoes_edicao a.flag_atencao span{
  background: yellow;
  color: #000;
}
/*#TODO: Organizar o css de municipios
   Fazer o estilo para tabelas de telefones úteis
*/
/*-------Estilo apenas para o form de criação e edição do municipio ---------*/
#cidades ul.errorlist li{
    color: red;
    font-weight: 700;
    font-size: 12px;
}

a.verde:link, a.verde:visited, a.verde:hover, a.verde:active{
  color: #74a91b;
}
/*----- Link para mais pontos turisticos/bares restaurantes/etc -----*/
p.ver_mais{
  margin-top: -10px;
  margin-bottom: 10px;
}