Template:Tec-Monterrey/css/styleNote

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

  1. calendar {
   width: 100%;
   margin: 0 auto;
   margin-top: 2%;
   margin-bottom: 2%;
   border-radius: 5px;
   font-family: 'Open Sans', sans-serif;
   text-align: center;
   color: #555;
   box-shadow: 0 0 50px -14px rgba(0, 0, 0, .8);
   margin: 0;
   padding: 0;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   overflow: hidden;

}

  1. calendar h1 {
   background: #3498DB;
   border-radius: 5px 5px 0 0;
   padding: 20px;
   font-size: 140%;
   font-weight: 300;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #fff;
   cursor: default;
   text-shadow: 0 0 10px rgba(0, 0, 0, .8);

}

  1. calendar table {
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-spacing: 0;
   border-radius: 0 0 5px 5px;
   width: 100%;

}

  1. calendar td {
   width: 38px;
   height: 38px;
   background: #eee;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   padding: 6px;
   cursor: pointer;
   transition: background .3s;
   -webkit-transition: background .3s;

}

  1. calendar td:hover:not(.current) {
   background: #ddd;

}

  1. calendar .lastmonth,
  2. calendar .nextmonth,
  3. calendar .nextmonth ~ * {
   background: #fff;
   color: #999;

}

  1. calendar .current {
   background: #3498DB;
   font-weight: 700;
   color: #fff;
   text-shadow: 0 0 10px rgba(0, 0, 0, .5);

}

  1. calendar .hastask {
   font-weight: 700;

}

  1. calendar tr:last-of-type td:first-of-type {
   border-radius: 0 0 0 5px;

}

  1. calendar tr:last-of-type td:last-of-type {
   border-radius: 0 0 5px 0;

}

.textContainer{ 

   height: 350px;

}

.textContainer h1,.textContainer h3{ 

   position: absolute;

}