body{
			background-color: #053d75;	
		}
		h1{
			margin-left: 7%;
		}
		h4{
			font-weight: bold;
			margin-bottom: 20px;
			margin-top: 20px;
		}
		a{
			color: white !important; 
		}
		
		p{
	    	background-color: #e9e9e9;
		    font-size: 12px;
		    text-align: justify;
		    
		    padding-top: 5px;
		    padding-bottom: 5px;
		}

		.nav-item{
			width: 250%;
			background-color: #0865C2;
			border-radius: 10px;

			text-align: center;
		}

		@-webkit-keyframes fadeIn {
			0% { opacity: 0; }
			100% { opacity: 1; } 
			}
			@-moz-keyframes fadeIn {
			0% { opacity: 0;}
			100% { opacity: 1; }
			}
			@-o-keyframes fadeIn {
			0% { opacity: 0; }
			100% { opacity: 1; }
			}
			@keyframes fadeIn {
			0% { opacity: 0; }
			100% { opacity: 1; }
		}

		.fadeIn {
			-webkit-animation: fadeIn 2s ease-in-out;
			-moz-animation: fadeIn 2s ease-in-out;
			-o-animation: fadeIn 2s ease-in-out;
			animation: fadeIn 2s ease-in-out;
		}

		.background{
			margin-top: 1%;
			padding-top: 1%;
			padding-bottom: 10%;
			background-color: #E8E8Ef;
		}

		.calendario {
			width: auto;
			height: auto;
			
			border-color: #0865C2;
			border-style: solid;
			border-bottom-width: 0;
			border-top-width: 3px;
			border-right-width:0;
			border-left-width: 3px;
			border-radius: 10px 0 0 0;

			margin-left: 5px;
			margin-right: 20px;
			margin-top: 10px;

			align-content: center;
			padding-bottom: 5px;
		}

		.horario{
			margin-left: 10px;
		}

		.btn{
			margin-bottom: 10px;
			margin-top: 5px;
		}
		.titulo{
			color:  #053d75;
			font-weight: bold;
		}


		.footer {
		  position: fixed;
		  left: 0;
		  bottom: 2%;
		  width: 100%;
		  color: white;
		  text-align: center;
  		}
  		
  		@media only screen and (max-width: 600px) {
          body {
            background-color: lightblue;


          }
          .calendario{
          	width: 70%;
          }
        }