@charset "utf-8";

/* SECRETARIAS */
#e_conteudo .e_area_secretarias {width: 100%; padding: 20px; margin-bottom: 20px; font-size: 0;}
#e_conteudo .e_area_secretarias .e_secretaria {width: 265px; height: 390px; position: relative; z-index: 1; display: inline-block; vertical-align: middle; background: #fff; border-radius: 4px; box-shadow: 0 2px 2px 0 #d8e6ee; padding: 10px 20px; margin-right: 23px; margin-left: 5px;}
#e_conteudo .e_area_secretarias .e_secretaria::before {content: ""; position: absolute; left: -7px; top: 105px; z-index: 0; border: solid 15px transparent; border-top-color: #5ea1c5;}
#e_conteudo .e_area_secretarias .e_secretaria::after {content: ""; position: absolute; right: -7px; top: 105px; z-index: 0; border: solid 15px transparent; border-top-color: #5ea1c5;}
#e_conteudo .e_area_secretarias .e_secretaria .e_topo_secretaria {width: 280px; height: 90px; position: absolute; left: -7px; top: 15px; z-index: 1; border-radius: 6px 6px 0 0; background: url(../img/bg_secretaria.png) no-repeat; background-position: top right; background-color: #77c4ee;}
#e_conteudo .e_area_secretarias .e_secretaria .e_topo_secretaria::before {content: ""; position: absolute; z-index: 2; left: 7px; bottom: -30px; border: solid 15px #fff;}
#e_conteudo .e_area_secretarias .e_secretaria .e_topo_secretaria::after {content: ""; position: absolute; z-index: 2; right: 8px; bottom: -30px; border: solid 15px #fff;}
#e_conteudo .e_area_secretarias .e_secretaria .e_img_secretaria {width: 190px; height: 190px; position: relative; z-index: 2; background: #fff; border-radius: 100%; border: solid 5px #fff; overflow: hidden; margin: 0 auto; margin-top: 30px; transition: .4s ease-in-out;}
#e_conteudo .e_area_secretarias .e_secretaria:hover .e_img_secretaria {transform: scale(1.1);}
#e_conteudo .e_area_secretarias .e_secretaria .e_img_secretaria img {position: relative; z-index: 2;}
#e_conteudo .e_area_secretarias .e_secretaria .e_info_secretaria {text-align: center; margin: 25px 0;}
#e_conteudo .e_area_secretarias .e_secretaria .e_info_secretaria .e_nome_secretaria {display: block; font-size: 15px; color: #7c8387; margin-bottom: 7px;}
#e_conteudo .e_area_secretarias .e_secretaria .e_info_secretaria .e_responsavel {display: block; font-size: 16px; color: #b0b8bd;}
#e_conteudo .e_area_secretarias .e_secretaria .e_btn_perfil {width: 225px; height: 40px; position: absolute; right: 20px; bottom: 15px; background: linear-gradient(to top, #ecf2f6, #e6ecf1); border-radius: 4px; text-align: center; text-transform: uppercase; font-size: 13px; color: #a7b2ba; line-height: 40px; transition: .3s ease-in-out;}
#e_conteudo .e_area_secretarias .e_secretaria:hover .e_btn_perfil {background: linear-gradient(to top, #329cd6, #77c4ee); color: #fff;}
/* SLIDE */
#e_conteudo .e_area_secretarias .e_area_slide_secretarias {max-width: 1160px; height: 390px; position: relative; margin: 0 auto;}
#e_conteudo .e_area_secretarias .e_slide_secretarias {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; margin: 0 auto;}
#e_conteudo .e_area_secretarias .slider_secretarias {position: relative; overflow: hidden;}
#e_conteudo .e_area_secretarias .slider_secretarias ul {position: relative; height: auto; margin: 0; padding: 0; list-style: none;}
#e_conteudo .e_area_secretarias .slider_secretarias ul li {float: left; position: relative; display: block;}
/* SETAS */
#e_conteudo .e_area_secretarias .e_area_slide_secretarias .slider_seta {z-index: 2; width: 30px; height: 30px; position: absolute; top: -57px; border-radius: 4px; background: #3c4449; font-size: 14px; color: #fff; line-height: 30px; text-align: center; cursor: pointer; opacity: 0.5; transition: .4s;}
#e_conteudo .e_area_secretarias .e_area_slide_secretarias .slider_proxima {right: 20px;}
#e_conteudo .e_area_secretarias .e_area_slide_secretarias:hover .slider_proxima {opacity: 1;}
#e_conteudo .e_area_secretarias .e_area_slide_secretarias .slider_anterior {right: 60px;}
#e_conteudo .e_area_secretarias .e_area_slide_secretarias:hover .slider_anterior {opacity: 1;}

@media (max-width: 480px) {	
	/* SECRETARIAS */
	#e_conteudo .e_area_secretarias .e_titulo_principal .e_titulo_p {width: 180px;}
    #e_conteudo .e_area_secretarias .e_titulo_principal .e_link_ver_mais {width: 80px; left: 100px;}
}