.fondo {
		background: transparent;
		color: black;
		font-weight: bold;
	}
	.fondu {
		background: transparent;
		color: black;
		font-weight: bold;		
	}

	table {
      border-collapse: collapse;
      width: 100%;
      /*
      border-spacing:  0;      
      */
      font: 90%/1.5em "Lato", sans-serif;

    }


    table thead tr th {
      /* Important */
      background-color: black; /*rgb(15,100, 100); black; */
      color: white;
      position: sticky;
      z-index: 100;
      top: 0;
    }


  td,
    th {
      /*border: 1px solid black;*/
      padding: 3px;
      text-align: center;
    }

  th {
      font-weight: bold;
      background-color: #E6E6E6;
    }
/*
  .container-cal {
      height: 600px;
      left: 55%;
      margin: -300px 0 0 -300px;
      position: relative;
      top: 50%;
      width: 600px;
    }
 */   
  .calendar-container {
      position: relative;
      width: 480px;
    }
     
  .calendar-container header {
      border-radius: 1em 1em 0em 0em;
      background: rgb(15,100, 100);/* black; #e66b6b;   */
      color: #fff;
      /* 
      padding-left: 5px; padding: 2em 2em; 
      padding-bottom: 10px;
      */
      padding: 1em 2em;
    }
  .day, 
  .day2 {
      font-size: 8em;
      font-weight: 900;
      line-height: 1em;
    }
     
  .month,
  .month2 {
      font-size: 20px;
      line-height: 1em;
      /* text-transform: lowercase; */
    }
  .year,
  .year2 {
      font-size: 4em;
      line-height: 1em;
      text-transform: lowercase;
    }

  .cal {
      background: #fff;
      border-radius: 0 0 1em 1em;
      -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 3px 1px #fff;
      box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 3px 1px #fff;
      color: #555;
      display: inline-block;
      padding: 2em;
      width: 480px;
    }
     
  .calendar thead {
      color: #e66b6b;
      background: greenyellow; 
      font-weight: 800;
      /*text-transform: uppercase;*/
    }

.calendar-square {
	background: white;
	padding-top: 25px;
	padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
	border-radius: 0em 0em 1em 1em;
}
     
  .calendar td {
      padding: 0.5em 0.1em;
      text-align: center;

    }
     
  .calendar tbody td:hover {
      background: #cacaca;
      color: #fff;
    }

  .ring-left,
  .ring-right {
      position: absolute;
      top: 200px;
    }
     
  .ring-left {
      left: 2em;
    }
  .ring-right {
      right: 2em;
    }
     
  .ring-left:before,
  .ring-left:after,
  .ring-right:before,
  .ring-right:after {
      background: #fff;
      border-radius: 4px;
      -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3),
        0 -1px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 0 3px 1px rgba(0, 0, 0, 0.3), 0 -1px 1px rgba(0, 0, 0, 0.2);
      content: "";
      display: inline-block;
      margin: 8px;
      height: 32px;
      width: 8px;
    } 
  .prev-month,
  .prev-month2,
  .next-month,
  .next-month2 {
      color: #cacaca;
    } 

  .current-day {
      color: #e66b6b;
      font-weight: bold;
      font-size: 16px;
    }
/*
  .current-month{
    font-size: 16px;
    
  }  
*/

.nodisplay {
	display: none;
}
.yesdisplay{
  display: inline;
}