@CHARSET "UTF-8";

.page-agenda {
	font-family: "RalewayRegular";
	color: #575757;
	padding: 20px;
	font-size: 1.1em;
} 
.page-agenda .titulo {
	text-align: center;
	font-family: "RalewayHeavy";
	font-size: 2.8em;	
	color: #86BDCA;
	line-height: 100%;
	padding-top: 20px;
}
.page-agenda .mes-agenda {
	text-align: center;
	font-family: "RalewayHeavy";
	font-size: 3.5em;	
	color: white;
	line-height: 100%;
	padding-top: 50px;
	padding-bottom: 100px;
}
.page-agenda .fondoagenda{ 
	width: 100%;
	background-image: url('../../images/agenda/bg.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	padding: 0px !important; 
	margin: 0px !important; 
}
.page-agenda .carousel-control{
	color: #F2CD1A !important;
}
.page-agenda ul {
	color: white;
	text-align: center;
}
.page-agenda li {
	display: inline-block;
	margin: 8px;
}
.page-agenda li.active {
	color: #F2CD1A;
}
.page-agenda li:hover {
	cursor: pointer;
	color: #F2CD1A;
}
.page-agenda .bg-rosa{
	color: white;
    background-color: #EA7C9F;
}
.page-agenda .bg-azul{
    color: white;
    background-color: #245061;
}
.page-agenda .bg-celeste{
    color: white;
    background-color: #7AC0CC;
}
.page-agenda .bg-amarillo{
    color: white;
    background-color: #F2CD1A;
}
.page-agenda .bg-gris{
    color: white;
    background-color: #c7c8ca;
}
.page-agenda-caja-grande { 
	height: 450px !important;
	padding: 70px;
}
.page-agenda-caja-grande span{ display: block; }
.page-agenda-caja-grande span:nth-child(1){ font-family: "RalewayHeavy"; font-size: 2.8em; }
.page-agenda-caja-grande span:nth-child(2){ font-size: 1.5em; }
.page-agenda-caja-grande span:nth-child(3){ font-size: 1.5em; }
.page-agenda-caja-chica { 
	height: 225px !important;
	padding: 30px;
	text-align: center;
	font-size: 1.4em;
}
.page-agenda-caja-chica span{ display: block; }
.page-agenda-caja-chica span:nth-child(2){ font-family: "RalewayHeavy"; }
.page-agenda .modal h4 {
	font-family: "RalewayHeavy" !important;
	font-size: 1.8em !important;
}
.page-agenda .modal-dialog {
	width: 80% !important;
}
.page-agenda .modal-body {
	font-family: "RalewayRegular" !important;
	font-size: 1.3em !important;
	color: #245061 !important;
}

@media (max-width: 768px) {
	
}

@media (min-width: 768px) {
	
}