@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/BebasNeueRegular.otf') format('opentype'),
		url('/fonts/bebasneueregular-webfont.woff2') format('woff2'),
		url('/fonts/bebasneueregular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Traditionell Sans';
    src: url('/fonts/TraditionellSansNormal.ttf') format('truetype'),
		url('/fonts/traditionellsansnormal-webfont.woff2') format('woff2'),
		url('/fonts/traditionellsansnormal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'Traditionell Sans'; font-size: 20px }

titulo { font-family: "BebasNeueRegular"; font-size: 50px; }
sub_titulo  { font-family: "BebasNeueRegular"; font-size: 35px; }
titulo:after, sub_titulo:after { content: " "; clear: right; display: block }

.imagem_toponimo {
		max-width: 100%;
}

.toponimo_coluna {
    float: left;
    width: 50%;
}
}
.toponimo_cabecalho:after {
    display: table;
    clear: both;
}


.categoria { width: 100%; background-color: silver; padding: 5px 10px }
      #capture {
       height: 360px;
       width: 480px;
       overflow: hidden;
       float: left;
       background-color: #ECECFB;
       border: thin solid #333;
       border-left: none;
       }
.bandeira { max-height: 20px }

	   
#header { min-height: 40px; line-height: 2em; width: 100%; background-color: #000; }
#header div { padding: 0 10px 0 10px; color: #fff }
#corpo { max-width: 1152px; margin: 0 auto; display: table }
#rodape { background-color: gray !important; color: #ffffff; width: 100%; height: 100px; display: table; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 14px }
#rodape a, #rodape a:link, #rodape a:visited, #rodape a:active, #rodape a:hover { color: #fff; text-decoration: none }


#Button1, #Button_Ok, #Login1_LoginButton , #button_sair, #button_submit, #button_memorias { display: inline-block; background-color: #2c5f94; color: #fff; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.4285; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
#button_sair { background-color: silver; color: black }
#button_memorias { background-color: #31aa5b; color: #fff }


.categorias { background-color: #e0e0e0; margin: 0 }
.categorias ul { list-style: none outside none }
.categorias ul li a, .categorias ul li a:visited, .categorias ul li a:link, .categorias ul li a:active, .categorias ul li a:hover { text-decoration: none; color: #000; width: 100%; height: 40px }

.banda_azul { border-left: 10px solid #0884ce }
.banda_vermelha { border-left: 10px solid #d63135 }
.banda_verde { border-left: 10px solid #31aa5b; padding-bottom: 20px; margin-bottom: 20px }

.centrar { margin: auto; width: 50%; padding: 10px; font-size: 14px }

@media screen and (max-width: 481px) {
	#header  { font-size: 14px }
	.centrar { margin: auto; width: 100%; padding: 10px; font-size: 14px }
	.imagem_toponimo {
			width: 100%;
	}

}

@media screen and (max-width: 769px) {
	.imagem_toponimo {
			width: 100%;
	}

}