@font-face
{
font-family: "letras";
src: url("Roboto/Roboto-Medium.ttf") format("truetype");
}


a:link{
	text-decoration: none;
}

p b{
	color: black;
	font-family: "letras";
}



#legenddiv {
  margin-right: 10%;
  margin-left: 10%;
  max-height: 300px;
  width: 80%;
}



.change{
  background-color: black;
  color: #ffb1c7;
}

.calendario{
	width: 80%; 
	margin-left: 10%; 
	margin-right: 10%;
}

.activ{
        background-color: #ffb1c7; 
        color: white;
    }

 .fondo, .fondo p{
 	background-color: #6C757D;
 	color: white; 
 }

 .menu{
 	color: #6C757D;
 }

.active{
   	font-weight:bold;
   	color: black;
   }

.pregunta{
	height: 12.5%; 
	width: 50%; 
	font-size: 150%; 
	text-orientation: center;
}

.mensaje{
	width: 100%; 
	height: 100%; 
	z-index: 99999; 
	position: fixed; 
	opacity: 1; 
	display: none;
}

.show{
	width: 50%; 
	height: 20%;
	margin-left: 25%; 
	margin-top: 30%; 
	text-align: center;
}
.show p{
	margin-top: 1%;
}

@media screen and  (max-device-width : 768px) {

 .turn{
  border-radius: 5px; 
  border: solid .5px;  
  border-color: #CED4DA; 
  width: 85%; 
  height: 38px; 
  align-content: center; 
  text-align: center;
  position: absolute;
  }
}

@media screen and  (max-device-width : 1024px) and (orientation : landscape){

  .active{
    width:25px; 
    font-size: 12px !important;
    font-weight:bold;
   }
   
   .menu{
    width:25px; 
    font-size: 12px !important;

   }
   p b{
    font-size: 10px;
   }
   .valoracion{
    margin-left: -13px;
   }
   .fisico{
    margin-right: -35px;
   }
   .home{
    margin-left: 12px;
   }
   .video{
    margin-left: 20px;
   }
   .nutricion{
    margin-left: -45px;
   }
   .medica{
    margin-left: -1px;
   }
   .turn{
  border-radius: 5px; 
  border: solid .5px;  
  border-color: #CED4DA; 
  width: 85%; 
  height: 38px; 
  align-content: center; 
  text-align: center;
  position: absolute;
}
 }