@charset "utf-8";

/* GALERIA DE FOTOS */
#e_conteudo .e_area_fotos {width: 100%; padding: 15px; font-size: 0;}
#e_conteudo .e_area_fotos .e_cont_fotos {width: 100%; height: 100%; text-align: center;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto {width: 50%; padding: 5px; display: inline-block; vertical-align: middle; position: relative;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto .e_foto {width: 100%; height: 350px; background: #fff; display: inline-block; vertical-align: middle; overflow: hidden; border-radius: 5px;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto .e_info_foto {position: absolute; width: 100%; height: 100%; width: calc(100% - 10px); height: calc(100% - 10px); padding: 20px; background: #006194; text-align: center; overflow: hidden; top: 5px; right: 0; bottom: 0; left: 5px; border-radius: 5px; opacity: 0; transition: .2s;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto:hover .e_info_foto { opacity: 80%;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto .e_info_foto .e_titulo { color: #fff; background: #007cc2; padding: 15px; display: inline-block; border-radius: 5px; transform: translate(100%); opacity: 0; transition: .2s;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto:hover .e_info_foto .e_titulo {transform: translate(0); opacity: 1; transition-delay: .2s;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto .e_info_foto .e_data {width: 100%; color: #fff; transform: translate(-200%); opacity: 0; transition: .3s;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto:hover .e_info_foto .e_data {transform: translate(0); opacity: 1; transition-delay: .3s;}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto .e_info_foto .e_texto_info { color: #fff; opacity: 0; transition: .4s}
#e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto:hover .e_info_foto .e_texto_info { opacity: 1; transition-delay: .7s}
/* GALERIA DE FOTOS COM TRÊS */
#e_conteudo .e_area_fotos .e_cont_fotos.l3 .e_cont_foto {width: 33.33%;}
@media (max-width: 1000px) {
    #e_conteudo .e_area_fotos .e_cont_fotos.l3 .e_cont_foto {width: 100%;}
}
@media (max-width: 800px) {
    #e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto {width: 100%;}
}
@media (max-width: 400px) {
    #e_conteudo .e_area_fotos .e_cont_fotos .e_cont_foto .e_foto {height: 250px;}
    #e_conteudo .e_area_fotos .e_cont_fotos.l3 .e_cont_foto .e_foto {height: 250px;}
}