@charset "utf-8";

/* DIÁRIO OFICIAL */
#e_conteudo .p_area_diario_oficial { background: #dde3e5; border-top: solid 2px #b7b7b7; margin: 20px 0; }
#e_conteudo .p_area_diario_oficial .e_conteudo_interno { padding: 30px 20px; background: url("/img/bg-diario-oficial.png") no-repeat left 20px top -10px !important; font-size: 0; }
#e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial { width: 380px; width: calc(100% - 755px); height: auto; display: inline-block; vertical-align: middle; background: transparent !important; }
#e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial .p_cont_titulo_diario_oficial { max-width: 260px; display: table; margin: 0 auto; vertical-align: middle; background: transparent !important; }
#e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial .p_titulo_diario_oficial { font-size: 38px; color: #ad0b0b; text-shadow: 1px 1px 10px #ddd; background: transparent !important; }
#e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial .p_nome_cidade_diario_oficial { font-size: 18px; color: #333; background: transparent !important; }
/* BOTÃO */
#e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial .p_btn_link { display: table; margin: 0 auto; margin-top: 15px; }
/* CALENDÁRIO */
#e_conteudo .p_area_diario_oficial .p_area_calendario_diario_oficial { width: 325px; display: inline-block; vertical-align: middle; border-right: solid 1px #aaa; font-size: 0; }
#e_conteudo .p_area_diario_oficial .p_area_calendario_diario_oficial #p_carregando_calendario {color: #80120f; font-size: 20px; width: 100%; margin-top: 25%; text-align: center;}
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial { width: 300px; display: table; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_topo_calendario_diario_oficial { height: 50px; border: solid 1px #ddd; border-top: solid 4px #8e1f29; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #fff; position: relative; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_topo_calendario_diario_oficial .p_mes_calendario_diario_oficial { color: #333; font-size: 14px; text-transform: uppercase; text-align: center; margin-top: 8px; font-weight: bold; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_topo_calendario_diario_oficial .p_ano_calendario_diario_oficial { color: #ad0b0b; font-size: 10px; text-transform: uppercase; text-align: center; font-weight: bold;}
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_topo_calendario_diario_oficial #p_seta_calendario_anterior { font-size:12px; color: #ad0b0b; background: none; position: absolute; left: 7px; top: 13px; border: none; border-radius: 3px; padding: 3px 10px; opacity: 0.7; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_topo_calendario_diario_oficial #p_seta_calendario_anterior:hover { opacity: 1; cursor: pointer; background:#f5f5f5; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_topo_calendario_diario_oficial #p_seta_calendario_proximo { font-size:12px; color: #ad0b0b; background: none; position: absolute; right: 7px; top: 13px; border: none; border-radius: 3px; padding: 3px 10px; opacity: 0.7; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_topo_calendario_diario_oficial #p_seta_calendario_proximo:hover { opacity: 1; cursor: pointer; background:#f5f5f5; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial { width: 300px; height: 236px; margin-top: 0; float: left; background: #f7f7f7; border: solid 1px #ddd; border-top: 0; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_semana_calendario { margin: 0; text-align: center; font-size: 0; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_semana_calendario .p_dia_semana_calendario { color: #444; font-size: 9px; list-style: none; display: inline-table; margin: 0 1px; padding-top: 15px; padding-bottom: 5px; width: 31px; text-align: center; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_semana_calendario #p_dom_calendario { color: #b11818; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_semana_calendario #p_sab_calendario { color: #26527d; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_mes_calendaio { background: #ddd; width: 232px; height: 169px; padding: 1px 0 0 1px; margin: 0 auto; list-style: none; overflow:hidden; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_mes_calendaio .p_dia_calendario { font-size: 12px; color: #333; float: left; background: #fff; margin: 0 1px 1px 0; width: 32px; height: 27px; text-align: center; padding-top: 8px; position: relative; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_mes_calendaio .p_dia_calendario_nulo { background: #f7f7f7; }
#e_conteudo .p_area_diario_oficial .p_calendario_diario_oficial .p_conteudo_calendario_diario_oficial .p_dias_mes_calendaio .p_dia_calendario .p_dia_postagem_diario_oficial { position: absolute; top: 2px; right: 6px; bottom: 4px; left: 6px; line-height: 21px; text-align: center; background: #ad0b0b; color: #fff; border-radius: 100%; }
/* ÚLTIMA POSTAGEM */	
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem { width: 420px; display: inline-block; vertical-align: top; padding-left: 25px; }
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_data_ultima_postagem { font-size: 18px; color: #333; padding-bottom: 10px; }
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_img_ultima_postagem { width: 135px; display: inline-block; vertical-align: top; }
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_img_ultima_postagem img { border: 0 !important; margin: 0 !important; width: 100%; box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.1); }
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem { width: 255px; display: inline-block; padding-left: 10px; vertical-align: top; }
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem .p_info_ultima_postagem { font-size: 13px; color: #333; margin-bottom: 10px; }
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem .p_info_ultima_postagem span { margin-left: 5px; }
/* BOTÕES */
#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem .p_btn_link { margin-top: 20px; margin-right: 10px; }

@media (min-width: 801px) and (max-width: 1000px) {
    /* DIÁRIO OFICIAL */
    #e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial { width: 100%; margin-bottom: 20px; }
    #e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial .p_cont_titulo_diario_oficial { max-width: 100%; text-align: center; }
    #e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial .p_titulo_diario_oficial { font-size: 38px; color: #ad0b0b; text-shadow: 1px 1px 10px #ddd; }
}

@media (max-width: 800px) {
    /* DIÁRIO OFICIAL */
	#e_conteudo .p_area_diario_oficial .e_conteudo_interno { background-size: cover !important; }
	#e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial { width: 100%; margin-bottom: 30px; padding-top: 10px; }
	#e_conteudo .p_area_diario_oficial .p_area_titulo_diario_oficial .p_cont_titulo_diario_oficial { max-width: 100%; text-align: center; }
	/* CALENDÁRIO */
	#e_conteudo .p_area_diario_oficial .p_area_calendario_diario_oficial { display: none; }
	/* ÚLTIMA POSTAGEM */	
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem { width: 100%; border-top:  solid 1px #aaa; padding-top: 30px; }
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_data_ultima_postagem { font-size: 20px;}
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_img_ultima_postagem { width: 35vw; }
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem { width: calc(100% - 35vw - 30px); }
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem .p_info_ultima_postagem { font-size: 2.5vw; }
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem .p_btn_link { margin-top: 10px; display: table; }
}

@media (max-width: 480px) {
    /* DIÁRIO OFICIAL */
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_img_ultima_postagem { width: 100%; height: 50vw; overflow: hidden; border-bottom: solid 1px #aaa; }
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem { width: 100%; margin-top: 20px; }
	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem .p_info_ultima_postagem { font-size: 3.5vw; }

	#e_conteudo .p_area_diario_oficial .p_area_ultima_postagem .p_area_info_ultima_postagem .p_btn_link { display: inline-block; height: auto; margin-top: 15px; }
}