/* lvti_premium-hawaii_adicionales.css */
/* Todos los estilos definidos 'raw' durante LVTI-PREMIUM, dentro de la página php. Extraídos aquí. Previo a 'responsive', y para facilitar que cada estilo se carga primero y luego se 'responsiviza' */

/************************ Menus ***************/

            .sidebar-collapsed #menuside span {
                opacity: 0;
                transition: all 50ms linear;
            } 
            .sidebar-collapsed-back #menuside span {
                opacity: 1;
                transition: all 200ms linear;
                transition-delay: 300ms;
            }

.sidebar-collapsed #menuside span {
  opacity: 0;
  transition: all 50ms linear;
}

.sidebar-collapsed-back #menuside span {
  opacity: 1;
  transition: all 200ms linear;
  transition-delay: 300ms;
}

.sidebar-menuside {
/*  position: fixed;
  float: left;
  width: 280px;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #303641;
  color: #aaabae;
  font-family: "Segoe UI";
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;*/
}

#menuside {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

#menuside li {
  position: relative;
  margin: 0;
  font-size: 12px;
  border-bottom: 1px solid rgba(69, 74, 84, 0.7);
  padding: 0;
}

#menuside li ul {
  opacity: 0;
  height: 0px;
}

#menuside li a {
  font-style: normal;
  font-weight: 400;
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #aaabae;
  white-space: nowrap;
  z-index: 2;
}

#menuside li a:hover {
  color: #ffffff;
  background-color: #333944;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}

#menuside li.active > a {
  background-color: #2b303a;
  color: #ffffff;
}

#menuside ul li { background-color: #2b303a; }

#menuside ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menuside li ul {
  position: absolute;
  visibility: hidden;
  left: 100%;
  top: -1px;
  background-color: #2b303a;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.1s linear;
  border-top: 1px solid rgba(69, 74, 84, 0.7);
}

#menuside li:hover > ul {
  visibility: visible;
  opacity: 1;
}

#menuside li li ul {
  left: 100%;
  visibility: hidden;
  top: -1px;
  opacity: 0;
  transition: opacity 0.1s linear;
}

#menuside li li:hover ul {
  visibility: visible;
  opacity: 1;
}




.fa-commenting:before {
    /*content: "\f04b";*/
}

.fa-play:before, .fa-pause:before {color: white;}
.fa-play.playing:before, .fa-pause.paused:before {color: orange;}
.fa-play.paused:before, .fa-pause.playing:before {color: white;}

 
/************************ fin menus ***************/

/************************ Voices ***************/

            #voices {display: none; position: fixed; top: 50%; left: 50%; margin-top: -300px; margin-left: -483px; width: 967px; height: 600px; background: rgba(0, 0, 0, 0.9); color: #FFF;} 
            #voices.active {display: block; z-index: 100;}
            #voices .content {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
            #voices iframe.webbook {position: relative; width: 967px; height: 570px;}
            #voices iframe.webbook > * {position: absolute; top: -150px;}
            #voices div h2 {width: 50%; padding: 10px; font-family: Arial, sans-serif; font-size: 14px; color: #fff; margin: 3px auto; text-align: center; text-transform: uppercase;}
            #voices .cierrame {float: right; font-size: 18px; line-height: 10px; color: #AAA; margin: 10px; padding: 05px; font-family: sans-serif; border: #333 1px solid; -webkit-border-radius: 18px; -moz-border-radius: 9px; border-radius: 10px;}
            #voices .cierrame:hover {cursor: pointer; color: #fff; }


/************************ fin Voices  ***************/


/************************ BOOKING  ***************/

            #book {display: none; position: fixed; top: 50%; left: 50%; margin-top: -300px; margin-left: -483px; width: 967px; height: 600px; background: rgba(0, 0, 0, 0.9); color: #FFF;} 
            #book.active {display: block; z-index: 100;}
            #book .content {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
            #book iframe.webbook {position: relative; width: 967px; height: 570px;}
            #book iframe.webbook > * {position: absolute; top: -150px;}
            #book div h2 {padding: 10px; font-family: Arial, sans-serif; font-size: 14px; color: #fff; margin: 3px auto; text-align: center; text-transform: uppercase;}
            #book .cierrame {float: right; font-size: 18px; line-height: 10px; color: #AAA; margin: 10px; padding: 05px; font-family: sans-serif; border: #333 1px solid; -webkit-border-radius: 18px; -moz-border-radius: 9px; border-radius: 10px;}
            #book .cierrame:hover {cursor: pointer; color: #fff; }


/************************ fin BOOKING  ***************/