/* default dimensions and justification for each month including title */
.jCal {
    /* each day width + border-left + border-right */
    width: 224px;
    height: 21px;
    text-align: center;
    vertical-align: top;
}
/* default dimensions and justification for each month not including title */
.jCalMo {
    width: 224px; /* each day width + border-left + border-right */
    float: left;
    overflow: visible;
    height: 100%;
    padding-right: 2px;
    padding-left: 2px;
    white-space: nowrap;
}
/* top month display block - i.e. January */
.jCal .month, .jCal .monthSelect, .jCal .monthName, .jCal .monthYear {
    line-height: 16px;
    height: 16px;
    text-align: center;
    vertical-align: bottom;
    /*font-family:Tahoma;*/
    font-size: 14pt;
    color: #000000;
    cursor: pointer;
    float: left;
}
/* month name per calendar style - includes left/right padding and alignment */
.jCal .monthName {
    padding-left: 2px;
    padding-right: 2px;
    /*text-align:right;*/
}
/* year per calendar style - includes left/right padding and alignment */
.jCal .monthYear {
    /*float:right;*/
    padding-left: 2px;
    padding-right: 2px;
    /*text-align:left;*/
}
/* hilight style for new month combobox pulldown for hover */
.jCal .monthSelect {
    background: #EEE url(../Images/eeGrad2.gif) bottom repeat-x;
}
/* do not edit - this enables the new month combobox selector */
.jCal .monthSelector {
    position: absolute;
}
/* do not edit - this enables the new month combobox selector "shadow" for capturing auto-hide */
.jCal .monthSelectorShadow {
    position: absolute;
    background: #808080;
    padding: 0px;
}
/* this is the hover for the month name */
.jCal .monthNameHover {
    background: #EDEDED;
    color: #808080;
}
/* this is the hover for the year */
.jCal .monthYearHover {
    background: #EDEDED;
    color: #808080;
}
/* this is the hover for the new month or year hover in the new combobox selection */
.jCal .monthSelectHover {
    background: #069;
    color: #FFF;
}
/* day block dimensions and style - for all day blocks */

.jCalMo .day,
.jCalMo .pday,
.jCalMo .aday,
.jCalMo .overDay,
.jCalMo .invday,
.jCalMo .selectedDay {
    width: 14%;
    /*font-family:Tahoma;*/
    font-size: 14pt;
    color: #000000;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #EEE;
    text-align: center;
    cursor: default;
    float: left;
    padding-top: 7px;
}

.jCalMo .dow {
    width: 14%;
    height: 80px;
    /*font-family:Lato;*/
    font-size: 12pt;
    color: #000000;
    text-align: center;
    cursor: default;
    float: left;
    padding-top: 7px;
    border-bottom: 1px solid #EEE;
}

.jCalMo .day .dInfo {
    font-size: 7pt;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
    /*float: left;*/
    line-height: 8pt;
    font-weight: normal;
    margin-top: 10px;
    color: #C08D1B !important; 
}

.jCalMo .day.overDay .dInfo {
    color: white !important;
}

.jCalMo .pday .dInfo, .jCalMo .invday .dInfo {
    display: none;
}

/* actual calendar day default style */
.jCalMo .day, .jCalMo .invday {
    height: 70px;
    text-align: center;
}
/* selectable calendar day specific style */
.jCalMo .day {
    cursor: pointer;
    /* background: url(../Images/back_unselected.jpg); */
    /* border-color: #2B2727; */
    /* background-repeat: repeat-x; */
    color: #423333;
    font-weight: bold;
}
/* blacked-out calendar day specific style */
.jCalMo .invday {
    color: #c52626;
    /*background:#D73B2E;*/
    /*background: url(../Images/back_soldout.jpg);*/
    /*text-decoration: line-through;*/
    background-color: transparent;
}
/* previous and subsequent months calendar day specific style */
.jCalMo .pday, .jCalMo .aday {
    height: 70px;
    /*background: url(../Images/back_invalid.jpg);
	background-repeat: repeat-x;*/
    background-color: transparent;
    color: rgba(79, 81, 80, 0.63);
}
/* selected day */
.jCalMo .selectedDay {
    color: #FFF;
    /* must use rgb() syntax for jquery.color.js compliance */
    /*background: url(../Images/back_selected.jpg);*/
    background: #C08D1B;
    background-repeat: repeat-x;
    /*background:rgb(0, 143, 214);*/
}

.jCalMo .day.selectedDay .dInfo {
    color: white !important;
}

/* mouseover hilighted selectable day */
.jCalMo .overDay {
    color: white;
    /* must use rgb() syntax for jquery.color.js compliance */
    /*background: url(../Images/back_hover.jpg);*/
    background: #C08D1B;
    background-repeat: repeat-x;
    border-color: #C08D1B;
    /*background:rgb(0, 102, 153);*/
}
/* left month navigation button - no need to change */
.jCal .left {
    /*background:url(../Images/_left.gif) center center no-repeat;*/
    /*width:16px;
	height:16px;*/
    vertical-align: middle;
    cursor: pointer;
    float: left;
}
/* right month navigation button - no need to change */
.jCal .right {
    /*background:url(../Images/_right.gif) center center no-repeat;*/
    /*width:16px;
	height:16px;
	vertical-align:middle;*/
    cursor: pointer;
    /*float:right;*/
}
/* no need to change - this is for carousel opacity */
.jCalMask, .jCalMove {
    position: absolute;
    overflow: hidden;
}

.pastDayM, .futureDayM {
    color: rgba(206, 206, 206, 0.63) !important;
    /* opacity: 1.8; */
}
@media(max-width:769px) {
     .dInfo {
        display:none !important;

    }
    /*.contenedor-calendario {
        height:570px !important;
    }*/
}
@media(max-width:767px) {
    .day , .invday, .aday{
        height: 50px !important;
        font-size: 10pt !important;
        width: 14% !important;
    }
    .dInfo {
        display:none !important;
    }
    .pday {
        height: 50px !important;
        font-size: 10pt !important;
        width: 14% !important;
    }
    .calendario0, .calendario1 {
        padding-right:0px !important;
    }
    .contenedor-calendario {
        padding-left: 0px !important;
        padding-right: 0px !important;

    }
}
/*
.day .dInfo{
    display:none !important;
}.day .dInfo{
    display:none !important;
}*/