body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #c5c5c5;
    color: #454545;
    font-weight: normal;
    background: #fff !important;
}


.ui-datepicker-unselectable.ui-state-disabled.colorDiaAmbos {
    opacity: 1 !important;
}

.ui-datepicker-unselectable.ui-state-disabled.colorDiaInicio > .ui-state-default {
    background: #455A9E;
    color: #fff;
    opacity: 1 !important;
}

.ui-datepicker-unselectable.ui-state-disabled.colorDiaInicio {
    background: #455A9E;
    color: #fff;
    opacity: 1 !important;
}

.ui-datepicker-unselectable.ui-state-disabled.colorDiaLectura{
    background: #009E7E !important;
    color: #fff;
    opacity: 1 !important;
}

.ui-datepicker-unselectable.ui-state-disabled.colorDiaLectura > .ui-state-default {
    background: #009E7E !important;
    color: #fff;
    opacity: 1 !important;
}


.ui-datepicker-days-cell-over.ui-datepicker-unselectable.ui-state-disabled.colorDiaLectura.ui-datepicker-current-day.ui-datepicker-today {
    background: #009E7E !important;
    color: #fff;
    opacity: 1 !important;
}

.ui-datepicker-unselectable.ui-state-disabled.colorDiaLectura.ui-datepicker-today {
    background: #009E7E !important;
    color: #fff;
    opacity: 1 !important;
}

.ui-datepicker-unselectable.ui-state-disabled.colorDiaAmbos > .ui-state-default {
    background: linear-gradient(#455A9E, #009E7E);
    color: #fff;
    opacity: 1 !important;
}

.ui-datepicker-days-cell-over.ui-datepicker-unselectable.ui-state-disabled.colorDiaAmbos.ui-datepicker-current-day.ui-datepicker-today {
    background: linear-gradient(#455A9E, #009E7E);
    color: #fff;
    opacity: 1 !important;
}



#datepicker-container {
    text-align: center;
}

#datepicker-center {
    display: inline-block;
    margin: 0 auto;
}

div.ui-datepicker {
    font-size: 20px;
}

.ui-datepicker-calendar thead tr th {
    border: solid 1px white;
    color: #fff;
    background-color: rgb(88, 160, 197);
}


@media screen and (min-width: 920px) {
    .tales {
        width: 100%;
    }

    .carousel-inner {
        width: 100%;
        /*max-height: 500px !important;
        min-height: 450px !important;*/
        height: 500px !important;
        max-width: 1000px !important;
    }
}

@media screen and (min-width: 769px) {
    #mes {
        text-align: right;
    }

    #año {
        text-align: right;
    }

    #buscar {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    #mes {
        text-align: left;
    }

    #año {
        text-align: left;
    }

    #buscar {
        text-align: left;
    }
}