@font-face {
    font-family: 'NeueHaasUnicaW01-Regular';
    src: url('../fonts/NeueHaasUnicaW01-Regular.woff2') format('woff2'),
         url('../fonts/NeueHaasUnicaW01-Regular.woff') format('woff'),
         url('../fonts/NeueHaasUnicaW01-Regular.ttf') format('truetype'),
         url('../fonts/NeueHaasUnicaW01-Regular.svg#NeueHaasUnicaW01-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NeueHaasUnicaW01-Bold';
    src: url('../fonts/NeueHaasUnicaW01-Bold.woff2') format('woff2'),
         url('../fonts/NeueHaasUnicaW01-Bold.woff') format('woff'),
         url('../fonts/NeueHaasUnicaW01-Bold.ttf') format('truetype'),
         url('../fonts/NeueHaasUnicaW01-Bold.svg#NeueHaasUnicaW01-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Black';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Black.otf') format('otf'),
         url('../fonts/Gotham-Black.woff') format('woff'),
         url('../fonts/Gotham-Black.ttf') format('truetype'),
         url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Bold.otf') format('otf'),
         url('../fonts/Gotham-Bold.woff') format('woff'),
         url('../fonts/Gotham-Bold.ttf') format('truetype'),
         url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Medium.otf') format('otf'),
         url('../fonts/Gotham-Medium.woff') format('woff'),
         url('../fonts/Gotham-Medium.ttf') format('truetype'),
         url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fa-brands-400';
    src: url('../fonts/fa-brands-400.woff2') format('woff2'),
         url('../fonts/fa-brands-400.woff') format('woff'),
         url('../fonts/fa-brands-400.ttf') format('truetype'),
         url('../fonts/fa-brands-400.svg#fa-brands-400') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: Arial, Helvetica, sans-serif;
}

option:disabled {
    color: #cccccc;
}

.filtros__box select { font-weight: bold; }

a.descargar_pdf {
    position: absolute;
    text-align: center;
    top: 0;
    right: 30px;
    background-color: #4698CB;
    font-family: 'Gotham-Medium', Helvetica, arial, sans-serif;
    padding: 5px;
    font-size: 11px;
    line-height: 12px;
    float: right;
    color: #ffffff;
    border-radius: 0;
    text-transform: uppercase;
}

a.descargar_pdf:hover {
    background-color: #83786f;
    transition: all .2s ease-in;
}

.none{
    display:none;
}

#calendar_div {
    margin: 0 20px;
    width: 100%;
  padding: 0 ;
}

#calendario span.glyphicon {
    color: #ffffff;
    font-size: 30px;
}

#calendario .loginCard {
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0 30px 30px 30px;
    background-color: #cfcfcf;
}

.calendar-wrap{
    width:100%;
    margin:20px auto 0;
}
/*.calendar-wrap .cal-nav{
       width: 97%;
    position: absolute;
    top: -64px;
    background-color: #1e2336;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 40px;
    padding: 5px 8px;
}*/
.calendar-wrap .cal-nav { 
    width: 100%;
    position: relative;
    background-color: #1e2336;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 40px;
    padding: 23px 13px 13px 13px;
    margin:0 -20px;
    margin-top: -20px;
}

.calendar-wrap .cal-nav a{
    color:#ffffff;
    float:none;
    text-decoration: none;
    font-size: 2.5em;
    line-height: 35px;
}
.calendar-wrap .cal-nav a:hover{
    color:#4698CB;
    transition: all .2s ease-in;
}
.calendar-wrap .cal-nav a:first-child{
    float: left;
}
.calendar-wrap .cal-nav a:last-child{
    float: right;
}
.calendar-wrap select{
    color: #444444;
    font-size:17px;
}

.mes {
    font-family: 'Gotham-Black', Helvetica, arial, sans-serif;
    font-size: 45px;
    line-height: 30px;
    text-transform: uppercase;
}

.calendar-days{
    width:100%;
    float:left;
    margin-top:20px;
}
.calendar-days ul{
    padding:0;
    list-style-type:none;
}
.calendar-days ul li{
    float:left;
    display:block;
    width:169px;
    border-right:1px solid #fff;
    text-align:center;
    font-size:14px;
    min-height:0;
    background:none;
    box-shadow:none;
    margin:0;
    padding:0;
}
.calendar-dates{
    width:100%;
    margin-top:20px;
    margin-bottom: 20px;
    float:left;
    border-left:1px solid #1e2336;
    border-bottom:1px solid #1e2336;
}
.calendar-dates ul{
    margin:0;
    padding:0;
    list-style-type:none;
  clear: both;
}
.calendar-dates ul li{
  float: left;
  width: 157px;
  height: auto;
  text-align: center;
  border-top: 1px solid #1e2336;
  border-right: 1px solid #1e2336;
  min-height: 171px;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.calendar-dates ul li.gris{
    background-color: #DDDDDD;
}
.calendar-dates ul li span{
    margin-top:0px;
    display: block;
    margin-left:0px;
    text-align:center;
}

.calendar-dates ul li span.event {
    text-align: left;
    width: 92%;
    margin: 7px auto 0 auto;
    padding: 0;
    }



.calendar-dates ul li span.event a {
    font-family: 'Gotham-Bold', Helvetica, arial, sans-serif;
    min-height: 22px;
    font-size: 11px;
    letter-spacing: -.2px;
    line-height: 11px;
    color: #515151;
    margin: 3px 0 3px 5px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding-left: 35px;
    }


.day_box {
    position: relative;
    padding: 5px 0;
    margin: 0;
    background-color: #1e2336;
    color: #ffffff;
    font-family: 'Gotham-Black', Helvetica, arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.grey{
    background-color:#DDDDDD !important;
}
.light_sky{
    background-color:#B9FFFF !important;
}

/*========== Hover Popup ===============*/
.date_cell {
   
    cursor: hand;
}

.date_popup_wrap {
    position: absolute;
    width: 143px;
    height: 115px;
    z-index: 9999;
    top: -115px;
    left:-55px;
    background: transparent url(../images/info-popup.png) no-repeat top left;
    color: #666 !important;
}
.events_window {
    overflow: hidden;
    overflow-y: auto;
    width: 133px;
    height: 115px;
    margin-top: 28px;
    margin-left: 25px;
}
.event_wrap {
    margin-bottom: 10px; padding-bottom: 10px;
    border-bottom: solid 1px #E4E4E7;
    font-size: 12px;
    padding: 3px;
}
.date_window {
    margin-top:20px;
    margin-bottom: 2px;
    padding: 5px;
    font-size: 16px;
    margin-left:9px;
    margin-right:14px
}
.popup_event {
    margin-bottom: 2px;
    padding: 2px;
    font-size: 16px;
    width:100%;
}
.popup_event a {
    color: #000000 !important;
}
.popup_event a:hover {
    color: #181919;
    text-decoration: underline;
}


.calendar-dates ul li span.event span.tag {
    left: 9px;
    margin-top: -5px;
    position: absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.calendar-dates ul li span.event.AP span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.DS span.tag {
    
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_DS.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC_OV span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC_DS span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC_DS.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_DS span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_DS.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC_Groupe_PSA span.tag {
    
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC_PSA.jpg);
    background-size: cover;
}


.calendar-dates ul li span.event.AP_AC span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_OV span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.DS_OV span.tag {
    
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_DS_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.OV span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.OV_Groupe_PSA span.tag {
   
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.Groupe_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_DS span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC_DS.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_OV span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_DS_OV span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_DS_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_DS_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_DS_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC_DS_OV span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC_DS_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC_DS_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC_DS_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.DS_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_DS_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_DS_OV span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC_DS_OV.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_DS_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC_DS_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_DS_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_DS_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AC_DS_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AC_DS_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_AP_AC_OV_PSA.jpg);
    background-size: cover;
}

.calendar-dates ul li span.event.AP_AC_DS_OV_Groupe_PSA span.tag {
    display: inline-block;
    vertical-align: middle;
    background:url(../images/tag_5.jpg);
    background-size: cover;
}

.modal-dialog {
    width: 500px;
    }

.modal-header span.close {
    margin-top: -2px;
    color: #151f38;
    font-size: 30px;
    position: absolute;
    right: 30px;
    opacity: 1;
}

.modal-header span.close:hover {
    margin-top: -2px;
    color: #151f38;
    font-size: 30px;
    position: absolute;
    right: 30px;
    opacity: .5;
}

.modal-header {
    width: 75%;
    font-family: 'Gotham-Black', Helvetica, Arial, sans-serif;
    text-align: left;
    margin: 0 auto;
    padding: 20px 0;
}

h4.modal-title { 
    margin-top: 30px;
    position: relative;
    font-size: 20px;
    line-height: 22px;
    padding-left: 40px;
}

.modal-body {
    position: relative;
    padding: 15px;
    width: 80%;
    margin: 0 auto 30px auto;
}

.modal-body span.texto {
    text-align: left;
    font-family: 'Gotham-Medium', Helvetica, Arial, sans-serif;
    font-size: 12px;
    
}

.modal-title {
    text-transform: uppercase;
    padding: 0;
}

.padd30 { padding-left: 30px; }

hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.calendar-dates ul li .modal-title span.icon_title {
    position: absolute;
    left: 0;
    top: -7px;
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url(../images/icon_nombre.jpg);
    background-position: top center;
    background-size: cover;
    vertical-align: bottom;
}

.calendar-dates ul li .modal-body span.texto span.icon_fecha {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: inline-block;
    background: url(../images/icon_fechas.jpg);
    background-position: top center;
    background-size: cover;
    vertical-align: bottom;
}

.calendar-dates ul li .modal-body span.texto span.icon_ubicacion {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
    background: url(../images/icon_ubicacion.jpg);
    background-position: top center;
    background-size: cover;
    vertical-align: bottom;
}





@media only screen and (min-width:480px) and (max-width:767px) {
    .calendar-wrap{ width:336px;}
    .calendar-days ul li{ width:47px;}
    .calendar-dates ul li{ width:47px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .calendar-wrap{ width:219px;}
    .calendar-days ul li{ width:30px; font-size:11px;}
    .calendar-dates ul li{ width:30px;}
    .calendar-dates{ width:217px;}
    .calendar-dates ul li{ height:50px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .calendar-wrap{ width:530px;}
    .calendar-days ul li{ width:74px;}
    .calendar-dates ul li{ width:74px;}
    .calendar-dates{ width:525px;}
    .calendar-dates ul li{ height:50px;}
}