* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
    overflow: auto !important;
}

html, body, .wrapper, #slideshow {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#slideshow img{
    max-width:100%;
    max-height:100%;
    margin: auto;
    position: absolute;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
}

/*#slideshow iframe{
    width:100%;
    height:100%;
}*/

.fillwidth { 
    width: 100%; 
    height: auto; 
}
.fillheight { 
    height: 100%; 
    width: auto; 
}

div#buttons { 
    position: absolute; 
    bottom: 0%; 
    width: 100%;
    height: 15%;
    text-align: center;
    vertical-align: top;
    opacity: 0;
    z-index: 200;
}

#pre-load-web {
    width: 100%;
    position: absolute;
    background: black;
    left: 0px;
    top: 0px;
    z-index: 100000
}
/*aqui centramos el imagen si coloco margin left -30 es por que la imagen mide 60 */
#pre-load-web #imagen-load {
    left: 50%; 
    margin-left: -150px;
    position: absolute
}

div#buttons i {
  font-size: 3vw;
}

div#buttons button {
  padding: 0.1vw;
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?42848994');
  src: url('font/fontello.eot?42848994#iefix') format('embedded-opentype'),
       url('font/fontello.svg?42848994#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('data:application/octet-stream;base64,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') format('woff'),
       url('data:application/octet-stream;base64,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') format('truetype');
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?42848994#fontello') format('svg');
  }
}
*/
 
 [class^="fa-"]:before, [class*=" fa-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fa-backward:before { content: '\e800'; } /* '' */
.fa-forward:before { content: '\e801'; } /* '' */
.fa-pause:before { content: '\e802'; } /* '' */
.fa-paint-brush:before { content: '\e803'; } /* '' */
.fa-faster:before { content: '\e804'; } /* '' */
.fa-slower:before { content: '\e805'; } /* '' */
.fa-transition:before { content: '\e806'; } /* '' */
.fa-toggle-full-screen:before { content: '\e807'; } /* '' */
.fa-play:before { content: '\e808'; } /* '' */