/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%; }

body{
  background-color: #eee;
}

.frame-picture {
  height: 25%;
}

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .frame-picture {
    height: 100%; 
  }
}

.nav-maincolor {
  background-color: #1a237e;
}
.alto-contraste {
  background-color: black;
  color: white;
}

#calendarIcon {
  position: relative;
  z-index: 1;
  left: -25px;
  top: 5px;
  color: #000;
  cursor: pointer;
  width: 0;
}