html, body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', arial, helvetica, sans-serif;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #111;
}

.loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-size: 2em;
  color: #cacaca;
  padding-top: 18%;
  z-index: 9999;
}

.loader-message-cnt {
  position: absolute;
  top: 49vh;
  left: 0;
  right: 0;
}

.loader-icon {
  -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: translateZ(100px) rotateY(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: translateZ(100px) rotateY(360deg); } }
@keyframes spin { 100% { -webkit-transform: translateZ(100px) rotateY(360deg); transform:rotateY(360deg); } }


.loader-message {

}

.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus {
  background: rgba(66, 66, 66, .3) !important;
  color: #fff !important;
}

.navbar {
  position: absolute;
  top: 0;
  right: 0;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  background-color: #333;
}

.dropdown-menu .btn-primary {
  background-color: #666 !important;
  border-color: #666 !important;
}

.navbar-nav > .user-menu > .dropdown-menu {
  padding: 4px 0 0 0;
}

.btn-top {
  position: absolute;
  top: .5em;
  left: .5em;
  z-index: 99999;
}

.btn-top a, .btn-top button {
  margin-right: .5em;
}


.editor-3d {
  margin: 0;
  padding: 0;

  width: 100% !important;
  height: 100% !important;
}

.editor-3d-canvas {
  margin: 0;
  padding: 0;
  
  width: 100% !important;
  height: 100% !important;
  
}

/*

.modal, .modal-lil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 999;
}

.modal-lil {
  text-align: center;
}

.modal-lil-inner {
  margin-top: 6em;
  width: auto;
  background-color: rgb(234, 234, 236);
  padding: .8em;
  border-radius: .3em;
  font-size: .9em;
  color: #333;
  display: inline-block;
  text-align: left;
  position: relative;
}

.modal-lil-inner .btnCloseModalLil {
  position: absolute;
  top: -1.4em;
  right: 0;
  color: #fff;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  font-size: 1.8em; 
}

.modal-lil-inner input {
  padding: .6em .8em;
  border: solid 1px #ccc;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  font-size: 1em;
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: #333;
}

.modal-lil-inner a.btn-compartir {
  text-decoration: none;
  margin-top: .5em;
  float: right;
  background-color: rgb(66, 139, 202);
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  box-shadow: rgba(0, 0, 0, 0.0901961) 0px -1px 0px 0px inset;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-block;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: normal;
  line-height: 20px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  text-align: center;
  text-rendering: auto;
  white-space: nowrap;
}

.modal iframe {
  background: #666;
  position: absolute;
  top: 8%;
  left: 3%;
  width: 94%;
  height: 90%;
}

.modal .btn {
  position: absolute;
  top: 1%;
  right: 3%;
  z-index: 99;
  font-size: 2em;
  color: #fff;
}

@media only screen and (max-width : 768px) {
  .modal {
    display: none !important;
  }
}


body.with-modal .controles, body.with-modal .controles-aux, body.with-modal .controles-top {
  display: none !important;
}

*/

.modal-big {
  overflow-y: hidden;
}

.modal-big .modal-dialog {
  width: 99%;
  height: 99%;
  margin: .5em auto; 
}

.modal-big .modal-content {
  width: 100%;
  height: 99%;
}

.modal-big .modal-body {
  padding: 4px;
  height: 94%;
}

.modal-big .iframe-modal {
  width: 100%;
  height: 100%;
}

.modal-big iframe {
  background: #666;
  width: 100%;
  height: 100%;
}

.modal .close {
  opacity:0.5;
  filter:alpha(opacity=50);
  font-size: 2em;
}

.modal-header .close {
  margin-top: -13px;
  margin-right: -5px;
}

@media only screen and (max-width : 768px) {
  .controles, .controles-aux, .controles-top {
    width: 7em;
    height: 7em;
    opacity:0.6;
    filter:alpha(opacity=60);
  }

  .controles-top {
    top: 0;
  }

  .controles .fa, .controles-aux .fa , .controles-top .fa {
    font-size: 2.5em;
  }
  .controles-aux .fa.fa-chevron-left, .controles-aux .fa.fa-chevron-right {
    font-size: 1.5em;
  }

  .controles-aux {
    bottom: -26px;
    left: -4px;
  }

  .controles {
    bottom: -26px;
    right: -4px;
  }

  .controles-top {
    top: -4px;
    left: -4px;
  }
}

@media only screen and (max-width : 480px) {
  .controles, .controles-aux, .controles-top {
    width: 6em;
    height: 6em;
    opacity:0.6;
    filter:alpha(opacity=60);
  }

  .controles-top {
    top: 0;
  }

  .controles .fa, .controles-aux .fa , .controles-top .fa {
    font-size: 2em;
  }
  .controles-aux .fa.fa-chevron-left, .controles-aux .fa.fa-chevron-right {
    font-size: 1em;
  }

  .controles-aux {
    bottom: -26px;
    left: -4px;
  }

  .controles {
    bottom: -26px;
    right: -4px;
  }

  .controles-top {
    top: -4px;
    left: -4px;
  }
}




































.menu {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  text-align: center;
  background: none;
  z-index: 99;

  transition: background,color .3s linear;
  -moz-transition: background,color .3s linear;
  -webkit-transition: background,color .3s linear;
  -o-transition: background,color .3s linear;
}

.menu .menu-principal {
  display: none;
}

.menu.menu-open {
  /*background: rgba(119, 119, 119, .5);*/
  height: 100%;
}

.menu.menu-open .menu-principal {
  display: block;
}

.menu-in {
  width: 100%;
  padding: 0 .5em;
  box-sizing: border-box;
}

.submenu-open .blq a {
  display: none;
}

.submenu-open .blq a.activo, .submenu-open .blq a.activo:hover {
    display: block;
    background: rgba(255, 255, 255, .6);
    color: #333333;
}

.submenu-open .blq a.activo:hover {
    display: block;
    background: rgba(255, 255, 255, 1);
    color: #000;
}



.blq-secundario {
  display: none;
}

.blq-secundario.blq-secundario-open {
  display: block;
}

.menu a {
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;
  background: #eaeaea;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  padding: .4em 0;
  text-decoration: none;
  font-size: .9em;
  display: block;
  margin-top: .5em;
  text-align: center;
  transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  border: 1px solid rgba(1, 1, 1, .35);
}


.menu a.principal.inicio {
    background: #bbb;
    color: #444;
}

.menu a {
  padding: .4em .7em;
}


a.btn-menu {
  background: rgba(0, 0, 0, .5);
  color: #eaeaea;
  position: relative;
  padding: .2em .7em;
  display: none;
}

.submenu-open a.btn-menu {
  color: #aaa;
}

a.btn-submenu {
  display: none;
}

.submenu-open .btn-submenu {
    display: block;
    color: #CECECE;
    border: none;
    /*font-size: 1.6em;*/
    /*line-height: .1em;*/
    /*padding-top: 0;*/
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3em;
    /*padding: .08em 0;*/
}

.submenu-open .btn-submenu:hover {
    color: #fff;
    background: rgba(0, 0, 0, 1);
}



.menu a.principal:hover {
    background: #fff;
    color: #111;
}

.menu a.auxiliar {
    background: rgba(0, 0, 0, .9);
    color: #bbbbbb;
    border: 1px solid rgba(255, 255, 255, .3);
}

.menu a.auxiliar:hover {
    background: rgba(68, 68, 68, 1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .3);
}

.menu a i {
  font-size: 1.2em;
}

.menu a span {
  margin-left: .5em;
}


@media (orientation: portrait) {
  .menu {
    text-align: left;
  }

  .menu-in {
    display: inline-block;
    padding: 0 0 .5em 0;
  }

  .menu.menu-open .menu-principal {
    display: inline-block;
  }

  .menu.menu-open {
    width: 100%;
    height: auto;
  }

  .blq {
    display: inline-block;
  }

  .blq-secundario.blq-secundario-open {
    display: inline-block;
  }

  .menu a {
    display: inline-block;
    padding: .2em .5em;
  }

  a.btn-submenu {
    display: none;
  }

  .submenu-open .btn-submenu {
    display: inline-block;
  }
}




@media (max-width: 768px) {
  .menu a {
    font-size: 1.2em;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  .menu a.principal, .menu a.secundario {
    margin-right: .3em;
  }
}












.acceso-admin {
  display: inline-block;
  position: absolute;
  z-index: 999;
  right: 0;
  top: 0;
  font-size: 13px;
  background: #333;
  color: #fff;
  padding: .5em;
}







.presentacion-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  width: auto;
  background: rgba(33, 33, 33, .9);
  z-index: 90;
  display: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.presentacion-full.open {
  display: block;
}


#standVideo {
  width: 0;
  height: 0;
  display: none;
}

#standCanvas {
  display: none;
}




@media only screen and (max-width : 767px) and (orientation: landscape) {
  .menu a {
    margin-top: .4em;
    padding: .1em;
  }

  .only-lrg {
    display: none !important;
  }
}

@media only screen and (max-width : 480px) and (orientation: portrait) {
  .menu a {
    padding: .2em .3em;
  }
}


#vpoints_pruebas {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: .5em;
}

#vpoints_pruebas button {
  margin-right: .5em;
}