@charset "utf-8";

/* TURISMO */
#e_conteudo .e_area_turismo { background: #fff; }

/* CATEGORIA */
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo { padding: 10px; padding-bottom: 20px; position: relative; }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo:before { content: ""; border: solid transparent; border-width: 16px 18px; border-bottom-color: #e8eef2; position: absolute; bottom: 0; left: 50%; margin-left: -9px; transform: translateY(100%); visibility: hidden; transition: .25s .3s ease; }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo.ativa:before { transform: translateY(0); visibility: visible; }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo .e_cont_categoria_turismo { min-height: 90px; height: 100%; background: #f0f3f5; display: -webkit-flex; align-items: stretch; border-radius: 4px; overflow: hidden; cursor: pointer; transition: .25s ease; }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo:hover .e_cont_categoria_turismo { transform: translateY(-3px); }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo.ativa .e_cont_categoria_turismo { background: #fff; box-shadow: 1px 2px 10px rgba(205, 217, 228, .5); transform: translateY(-5px); }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo .e_area_icone_categoria { width: 90px; min-height: 90px; line-height: 90px; height: auto; text-align: center; display: inline-block; display: -webkit-inline-flex; vertical-align: middle; align-items: center; justify-content: center; font-size: 24px; }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo .e_area_info_categoria { display: inline-block; display: -webkit-inline-flex; vertical-align: middle; align-items: center; justify-content: center; font-size: 24px; padding: 20px; }
#e_conteudo .e_area_turismo .e_area_categorias_turismo .e_categoria_turismo .e_area_info_categoria .e_titulo { margin: 0; }

/* ITENS */
#e_conteudo .e_area_turismo .e_area_itens_turismo { width: 100%; padding: 10px; padding-top: 0; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_cont_itens_turismo { background: #e8eef2; padding: 10px; border-radius: 4px; text-align: center; display: -webkit-flex; flex-wrap: wrap; font-size: 0; align-items: center; justify-content: center; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_cont_itens_turismo .e_info { font-size: 14px; max-height: none; padding: 15px; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo { flex: 20%; min-width: 20%; max-width: 800px; display: inline-block; vertical-align: middle; padding: 5px; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo .e_cont_turismo { border-radius: 4px; overflow: hidden; position: relative; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo .e_area_img_turismo { position: relative; padding-top: 65%; background: #000; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo :hover .e_area_img_turismo img { opacity: .5; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo .e_area_info_turismo { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; padding: 5%; padding-top: 15%; background: linear-gradient(to bottom, transparent, rgba(0,0,0,.75)); transform: translateY(100%); visibility: hidden; opacity: 0; transition: .45s ease; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo :hover .e_area_info_turismo { transform: translateY(0); visibility: visible; opacity: 1; }
#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo .e_area_info_turismo .e_titulo { color: #fff; margin: 0; }

@media (min-width: 800px) {
	/* LAYOUTS  */
	#e_conteudo .e_area_turismo .e_area_itens_turismo .lr1 .e_turismo:nth-child(-n+3),
	#e_conteudo .e_area_turismo .e_area_itens_turismo .lr2 .e_turismo:nth-child(-n+3),
	#e_conteudo .e_area_turismo .e_area_itens_turismo .lr3 .e_turismo:nth-child(-n+3) { flex: 33%; }
	#e_conteudo .e_area_turismo .e_area_itens_turismo .lr4 .e_turismo:nth-child(-n+4) { flex: 25%; }
}

@media (max-width: 800px) {
	/* LAYOUTS  */
	#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo { flex: 50%; padding: 2px; }
	#e_conteudo .e_area_turismo .e_area_itens_turismo .li .e_turismo:first-child { flex: 100%; }
	#e_conteudo .e_area_turismo .e_area_itens_turismo .e_turismo .e_area_info_turismo { display: none; }
}