@charset "utf-8";
/* CSS Document */


/* relação de empresas no corpo do site */

.pag > .esp_calendarios { position:relative; margin:10px auto 10px; margin-left:190px; width:calc(100% - 190px); }
.pag > .esp_calendarios:after { content: ""; display: table; clear: both; }
.pag > .esp_calendarios > .titulo { height:48px; line-height:48px; font-size:16pt; color:#333; padding:0 0 0 20px; position:relative; margin:48px 0 48px 0; border-top:1px solid #BA1827; border-left:1px solid #BA1827; }
.pag > .esp_calendarios .calend { position:absolute; right:0; top:4px; height:40px; line-height:40px; font-size:10pt; padding:0 8px; background:#BA1827; color:#FFF; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.pag > .esp_calendarios > .box_calendario { float:left; width:23.5%; margin:0 0.5%; box-sizing: border-box; min-width: 0; }
.pag > .esp_calendarios > .box_calendario > a > .nome_mes { font-size:16pt; text-align:center; margin:10px auto 0; margin-bottom: 10px; }

/* destaque sutil para o mês atual - apenas borda */
.pag > .esp_calendarios > .box_calendario.mes_atual { 
	border: 2px solid #981a2f;
	border-radius: 6px;
}


@media (max-width: 1192px) {
    .pag > .esp_calendarios > .box_calendario { width:24%; margin:0 0.5%; box-sizing: border-box; }
    .pag > .esp_calendarios > .box_calendario > a > .nome_mes { font-size:14pt; }
}

@media (max-width: 934px) {
    .pag > .esp_calendarios > .box_calendario { width:24%; margin:0 0.5%; box-sizing: border-box; }
}

@media (max-width: 690px) {
    .pag > .esp_calendarios > .box_calendario { width:100%; float:none; }
}

@media (max-width: 460px) {
    .pag > .esp_calendarios { position:relative; margin:10px auto 10px; margin-left:0; }
    .pag > .esp_calendarios > .box_calendario { width:80%; margin:1% auto; float:none; }
}


/* opções de visualização */

.menu { position:absolute; left:0; top:0px; bottom:0px; width:150px; font-size:10pt; }

.menu > .modo_ano {  }
.menu > .modo_ano > .lbl { line-height:24px; text-align:left; margin-top:105px }
.menu > .modo_ano > .opc { line-height:32px; height:32px; border:1px solid #eee; border-radius: 10px; }
.menu > .modo_ano > .opc > select { width:100%; height:100%; border:none; text-align:center; font-size:18px; border-radius: 10px;}

.menu > .menu_calendario { margin:28px 0 0 0; }
.menu > .menu_calendario .ite { margin:0 0 6px 0; height:26px; padding:6px 0 0 0; border-top:1px solid #DDD; }
.menu > .menu_calendario a:first-child .ite { border-top:0; }
.menu > .menu_calendario .ite > .qt { float:left; width:26px; height:26px; line-height:26px; text-align:center; border-radius:50%; background:#c6aa54; color:#FFF; }
.menu > .menu_calendario .ite > .lbl { padding-left:34px; height:26px; line-height:26px; }

@media (max-width: 460px) {
    .menu { position:relative; margin:60px auto 10px; left:auto; top:auto; bottom:auto; width:auto; }

    .menu > .modo_ano { width:150px; margin:0 auto; }

    .menu > .menu_calendario { margin:28px 0 0 0; }
    .menu > .menu_calendario .ite { float:left; width:48%; margin:0 2% 6px 0; }
    .menu > .menu_calendario a:nth-child(2) .ite { border-top:0; }
    .menu > .menu_calendario .ite > .qt { width:22px; height:22px; line-height:22px; margin:2px 0; }
    .menu > .menu_calendario .ite > .lbl { padding-left:28px; }
}