/*--------------------------------------------------------------------------------------------------*/
/*######################################### MENÚ SUPERIOR ##########################################*/
/*--------------------------------------------------------------------------------------------------*/
.contheader {
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 4px;
  width: 100%;
  height: 70px; }
.contheader:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00b58a;
  background-image: url('../../images/Pattern.png');
  background-position: 0 82px;
  box-shadow: 0 1px 5px rgba(0,0,0,.8);
  transition: .2s ease-in-out;}
/*--------------------------------------------------------------------------------------------------*/
/*######################################## LOGO EVALUEMOS ##########################################*/
/*--------------------------------------------------------------------------------------------------*/
.logowelcome { margin-left: 20px; }
.logowelcome:hover img { animation-name: rubberBand; }
/*--------------------------------------------------------------------------------------------------*/
/*#################################### OPCIONES MENÚ SUPERIOR ######################################*/
/*--------------------------------------------------------------------------------------------------*/
.listmenu, .listlogin { line-height: 1; margin: 0; padding: 0; list-style: none; }
.listlogin { position: relative; margin-right: 20px; }
.listmenu li, .listlogin li { cursor: pointer; }
.listmenu li { display: inline-block; margin: 0 10px; }
.listlogin li { margin: 5px 0; }
.listmenu a, .listlogin a { color: white; text-decoration: none; }
.listmenu i { font-size: 18px; }
.listlogin i {font-size: 22px; color: white;}
.listmenu li:hover a, .listlogin li:hover a { color: #5f006c; }
/*--------------------------------------------------------------------------------------------------*/
/*########################### CHECK OPCIONES INGRESAR - CERRAR SESIÓN ##############################*/
/*--------------------------------------------------------------------------------------------------*/
.check {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 25px;
  height: 12px;
  border: solid 4px #00B58A;
  border-top: none;
  border-right: none;
  border-color: #5f006c;
  transform: rotate(-45deg);
  transform-origin: top left;}
.ch1 { top: 14px; } .ch2 { top: 41px; } .ch3 { top: 15px; }
.listlogin li:hover .check { animation: iconcheck .3s ease; animation-fill-mode: forwards; }

@keyframes iconcheck {
  0% {opacity: 1; width: 0; height: 0;}
  50% {width: 0; height: 12px;}
  100% {opacity: 1; width: 25px;}}