﻿.divRadCalendar {
    min-width: 300px;
}

/*TEXTOS DE TODO EL TÍTULO DE LA PÁGINA*/
.textosTitulo {
    font-family: 'Arial';
    text-align: center;
    background-color: #F8F8F9;


}

/*SUBTÍTULO DE TODA LA PÁGINA*/
.subTitulo {
    font-family: Arial;
    color: #3c3c3c;
    font-size: 1.5em;
    text-align: center;
    line-height: normal;
    font-weight: normal;
}

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/*EL ENCABEZADO DE LAS COLUMNAS, ES DECIR LOS DÍAS*/
.RadCalendar_MetroTouch .rcWeek TH {
    text-transform: uppercase;
    font-family: 'Arial';
}

/*.rcToday
{
    background-color:#5f0a07;
    border-bottom-style:solid!important;


}
*/

/*EL ESTILO PARA EL DÍA actual este esta hardcodeado desde code behind*/
.aRcToday {
    /*background:url('../img/aRcToday.jpg') no-repeat;*/
    background-position: 12px 0px;
    background-color: #dccdcd;



}

/*LA SECCIÓN UNA VEZ SELECCIONADA*/
.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected A {
    color: white !important;
}

/*EL COLOR DEL UNDERLINE*/
.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected {
    color: white;
}


.RadCalendarText {
    font-family: 'Arial';
}

.RadCalendar_MetroTouch .rcTitlebar .rcTitle {
    font-size: 1.5em !important;
    text-transform: capitalize;
}

.RadCalendar_MetroTouch .rcTitlebar {
    background-color: #eae8e2 !important;
}

/*LA DIVISIÓN QUE CONTIENE EL DÍA*/
.divSpecialDay {
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}

.divSpecialDay a {
    color: #265ba4 !important;
    font-weight: bold;
    /*background:url('../img/triangulo.jpg') no-repeat;
            background-position: 14px 4px;*/
}

.divSpecialDay a:hover {

    text-decoration: underline;
}

/*#divCumpleHoy{ min-height:180px; background-color:#fff; border:solid 1px gray; margin-top:20px;min-width:300px}
#divCumpleHoy .cumpleHoyTitulo {padding-left:10px; padding-top:10px; text-align:left}
#divCumpleHoy .cumpleHoyTitulo .hoy{font-size:2em;min-height:50px;}*/

/*EL NÚMERO DE DÍA SELECCIONADO*/
p.fechaHoy1 {
    font-size: 0.5em;
}

.fechaHoy2 {
    font-size: 3em !important;
    display: inline;
}

/*EL TEXTO DE FELICIDADES*/
#divCumpleHoy .cumpleHoyTitulo .hoy .felicitaciones {
    color: #bbac6b;
    font-style: italic;
}

/*LA LISTA DE NOMBRES*/
#divCumpleHoy .divNombres {
    background-color: gray;
    color: white;
    font-size: 15px;
    font-family: 'Arial';
    min-height: 100px;
    padding: 5px 0 0 20px;
    margin-left: -10px;
}

/*DIA SIN CUMPLEAÑOS*/
.RadCalendar_MetroTouch .rcMain .rcRow A {
    color: inherit;
}

.RadCalendar .rcPrev,
.RadCalendar .rcFastPrev,
.RadCalendar .rcFastNext,
.RadCalendar .rcNext {
    line-height: 50px !important
}

/*#divCumpleMes{width:100%; min-height:180px; background-color:#fff; border:solid 1px #bbac6b; margin-top:20px; font-style:14px;}*/

.date-wrapper {
    /* color: #1b1b1b; */
    /* text-align: center; */
    /* margin: 0 0 1em 0; */
    /* padding: 0; */
    /* -webkit-border-radius: 2px 2px 2px 2px; */
    -moz-border-radius: 2px 2px 2px 2px;
    /* border-radius: 2px 2px 2px 2px; */
    min-width: 50px;
    font-weight: 400 !important;
    background: #F5F5F5;
    min-height: 90px;
    height: 90px;

}

.date-wrapper span {
    /*font-size: 16px;*/
    display: block;
}

.date-wrapper span.date-m {
    padding: 2px 4px;
    color: #ffffff;
    background: #24135f;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    font-size: 12px;
    text-transform: uppercase;
}

.date-wrapper span.date-d {
    font-size: 26px;
    line-height: 1;
    padding: 5px 0 5px 0;
    color: #24135f;
    font-weight: 200 !important;
    /*border: 1px solid #e4e4e4;
  border-top: none;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;*/
}

.date-wrapper-horizontal {
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1;
    padding: 1px;
}

.date-wrapper-horizontal span {
    font-size: 16px;
    display: inline-block;
}

.date-wrapper-horizontal span.date-m,
.date-wrapper-horizontal span.date-d {
    font-size: 13px;
    line-height: 13px;
    padding: 3px 6px;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

.date-wrapper-horizontal span.date-m {
    font-size: 12px;
    line-height: 18px;
}

.date-wrapper-horizontal span.date-d {
    font-weight: 800;
    padding-left: 2px;
    border: none;
}



@media screen and (max-width: 1000px) {
    .consejero {
        margin-top: 40px;
    }
}