.calendar .layer-news li div.escola-de-humanidades{background-position: 0 160px;}
.calendar .layer-news li div.escola-de-saude{background-position: 0 80px;}
.calendar .layer-news li div.escola-da-industria-criativa{background-position: 0 320px;}
.calendar .layer-news li div.escola-de-direito{background-position: 0 480px;}
.calendar .layer-news li div.escola-de-gestao-e-negocios{background-position: 0 400px;}
.calendar .layer-news li div.escola-politecnica{background-position: 0 240px;}
.calendar{background:#444444;font-family: "Lato",sans-serif;}
.calendar .months.loading .pagination{background:url("../img/loader-submit.gif") 50% 20% no-repeat}
.calendar .months.loading .month{padding-top:10px;color:#fff;text-align: center;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.calendar .months.loading .day-content{position:static}
.calendar .header-month{padding-top:10px;color:#fff;}
#principal .texto .calendar h2 {font-size:30px;text-align:center;color:#fff;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.calendar .pagination{position:relative;min-height:60px;}
.calendar .pagination .links-pagination{font-family: "Lato",sans-serif;text-transform:uppercase;}

.calendar .pagination .links-pagination .prev{left:0}
.calendar .pagination .links-pagination .next{right:0;}
.calendar .pagination .links-pagination .next a:before{left:auto;right:0;border-color:transparent transparent transparent #fff}
.calendar .pagination .links-pagination a{position:relative;display:block;padding:0 20px;color:#fff;}
.calendar .pagination .links-pagination a:before{display:block;content:"";position:absolute;left:0;top:0;border-color:transparent #fff transparent transparent;border-width:5px;border-style:solid; margin-top: 4px;}

.calendar th{height:50px;line-height:50px;text-align:left;color:#fff;font-size:15px;font-weight:normal;text-transform:uppercase}

.calendar td .link-number:hover,.calendar td .link-number.active{text-decoration:none;color:#fff;background:#FE9343}
.calendar td.empty{background:transparent}
.calendar .day-content{position:relative}

.calendar .layer-news a:hover .title-event,.calendar .layer-news a:hover .local{color: #FE9343; text-decoration:underline}
.calendar .layer-news a:hover .image-event{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}

.calendar .layer-news.loading{height:78px;background:#fff url("../img/loader.gif") 50% 50% no-repeat}

.calendar .layer-news li .image-event{float:left;width:78px;height:78px;margin-right:18px;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}

.calendar .layer-news li .title-event{padding:5px 0 5px;font-size:16px;font-weight:bold}
.calendar .layer-news li .local{font-family: "Lato",sans-serif;font-size:11px;font-style:normal}
.calendar .layer-news li .city{text-transform:uppercase}
.calendar .layer-news .more{border-top:solid 1px #ddd;height:20px;padding-top:5px;font-family: "Lato",sans-serif;font-size:11px;text-transform:uppercase;text-align:center}
.calendario_eventos{background-color: #444444}

.calendar-bar{width: 100%; height: 50px; padding-top: 25px; background-color: #FE9343; font-family:'Arial'; font-weight: normal;}
.calendar-bar .title-bar h2{color: #fff; text-align: center;}
.calendar-bar .calendar_button{width: 37px; height: 37px; background-image: url('../img/calendar_ico.png'); float: right; margin-top: -36px; cursor: pointer; margin-right: 18%;}

.calendar-box {
    width: 100%;
    background-color:#444444;
}

@media (min-width:992px) {
    .calendar .layer-news{width:350px;padding:11px;position:absolute;z-index:2;top:50%;left:100%;margin-left:0px;background:#fff;color:#3864a9;-webkit-box-shadow:0 1px 6px #666;-moz-box-shadow:0 1px 6px #666;-ms-box-shadow:0 1px 6px #666;-o-box-shadow:0 1px 6px #666;box-shadow:0 1px 6px #666;}
    .calendar .layer-news.inverted:before{border-color:transparent transparent transparent #fff;left:100%}
    .calendar .layer-news:before{display:block;content:"";position:absolute;left:-24px;top:50%;margin-top:-12px;border-color:transparent #fff transparent transparent;border-width:12px;border-style:solid}
    .calendar .layer-news.inverted{left:auto;right:100%;margin-left:0;margin-right:1px;}
    .calendar .layer-news li{height:78px;clear:both;border-top:solid 1px #ddd;}
    .calendar .layer-news li:first-child{border-top:0}
    .calendar .layer-news a{color:#787778;}
    .calendar .layer-news li .title-event,.calendar .layer-news li .local{width:254px;float:left}
    .calendar td{width:140px;background:#787778;vertical-align:top;}
    .calendar td .link-number{text-decoration: none; background:#fff;height:87px;font-size:60px;color:#FE9343;-webkit-transition:background .5s,color .5s;-moz-transition:background .5s,color .5s;-ms-transition:background .5s,color .5s;-o-transition:background .5s,color .5s;transition:background .5s,color .5s;}
    .calendar td .link-number,.calendar td .number{height: 87px;display:block;padding:13px 0 0 19px;font-size:30px;color:#444444}
    .calendar .table-calendar{width:100%;margin-bottom:40px;border-top:solid 1px #888888;border-collapse:separate;border-spacing:1px}
    .calendar .header-month .currentMonth{text-align: center;}
    .calendar .pagination .links-pagination li{position:absolute;top:15px; background-color: #444444}

}

@media (min-width:768px) and (max-width:991px) {
    .calendar .layer-news {
        background: #fff;
        -webkit-box-shadow:0 1px 6px #666;
        -moz-box-shadow:0 1px 6px #666;
        -ms-box-shadow:0 1px 6px #666;
        -o-box-shadow:0 1px 6px #666;
        box-shadow:0 1px 6px #666;
        color: #3864a9;
        height: 70%;
        left: 50%;
        margin-top: 0 !important;
        overflow: auto;
        position: fixed;
        top: 20%;
        transform: translateX(-50%);
        width: 80%;
        z-index: 2;
    }

    .calendar .layer-news a {
        border-bottom: 1px solid #ccc;
        color: #787778;
        display: block;
        padding: 35px;
    }

    .calendar td{width:140px;background:#787778;vertical-align:top;}
    .calendar .layer-news li .title-event,.calendar .layer-news li .local{width:100%;}
    .calendar td .link-number{text-decoration: none; background:#fff;height:87px;font-size:60px;color:#FE9343;-webkit-transition:background .5s,color .5s;-moz-transition:background .5s,color .5s;-ms-transition:background .5s,color .5s;-o-transition:background .5s,color .5s;transition:background .5s,color .5s;}
    .calendar td .link-number,.calendar td .number{height: 87px;display:block;padding:13px 0 0 19px;font-size:30px;color:#444444}
    .calendar .table-calendar{width:100%;margin-bottom:40px;border-top:solid 1px #888888;border-collapse:separate;border-spacing:1px}
    .calendar .header-month .currentMonth{text-align: center;}
    .calendar .pagination .links-pagination li{position:absolute;top:15px; background-color: #444444}

}


@media (max-width:767px) {
    .calendar .layer-news {
        background: #fff;
        -webkit-box-shadow:0 1px 6px #666;
        -moz-box-shadow:0 1px 6px #666;
        -ms-box-shadow:0 1px 6px #666;
        -o-box-shadow:0 1px 6px #666;
        box-shadow:0 1px 6px #666;
        color: #3864a9;
        min-height: 10%;
        max-height:100%;
        left: 50%;
        margin-top: 0 !important;
        overflow: auto;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
        z-index: 2;
    }

    .calendar .layer-news a {
        border-bottom: 1px solid #ccc;
        color: #787778;
        display: block;
        padding: 35px;
    }

    .calendar .layer-news li .title-event,.calendar .layer-news li .local{width:100%;}

    .calendar td .link-number{
        background: #fff;
        color: #fe9343;
        display: block;
        text-decoration: none;
        transition: background 0.5s ease 0s, color 0.5s ease 0s;
    }

    .calendar td .link-number,.calendar td .number{
        box-sizing: border-box;
        color: #444444;
        font-size: 23px;
        padding: 5px;
    }

    .calendar td {
        background: #787778;
        box-sizing: border-box;
        vertical-align: top;
    }

    .calendar .table-calendar {
        border-collapse: separate;
        border-spacing: 1px;
        border-top: 1px solid #888888;
        margin: 60px 0;
        width: 100%;
    }

    .calendar .header-month .currentMonth {
        display: inline-block;
        margin: 20px 0;
        text-align: center;
        width: 100%;
    }

    .calendar .pagination .links-pagination li {
        position:absolute;
        background-color: #444;
    }

}