@font-face {
    font-family: FujitsuSans;
    src: url(../resources/fonts/FujitsuSansRegular.ttf);
}

@font-face {
    font-family: FujitsuSans;
    font-weight: bold;
    src: url(../resources/fonts/FujitsuSansBold.ttf);
}

@font-face {
    font-family: FujitsuSans;
    font-style: italic;
    src: url(../resources/fonts/FujitsuSansRegIta.ttf);    
}

@font-face {
    font-family: FujitsuSans;
    font-style: italic;
    font-weight: bold;
    src: url(../resources/fonts/FujitsuSansBoldIta.ttf);
}

@font-face {
    font-family: FujitsuSansMedium;
    src: url(../resources/fonts/FujitsuSansMedium.ttf);
}

@font-face {
    font-family: FujitsuSansMedium;
    font-style: italic;
    src: url(../resources/fonts/FujitsuSansMediumIta.ttf);
}

body{
    background-color: rgba(0, 0, 0, 0.95);
    font-family: 'FujitsuSans', sans-serif;
}
.main{
   position: absolute;
   background-color: #fff;
    /* overflow: hidden; */
}
header{
    height: 10%;
    position: relative;
    top: 0;
}
#veil{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.logoNombre{
    cursor: pointer;
    height: 67%;
    position: relative;
    display: inline;
    float: right;
    margin-right: 1.5em;
}
.logoSubtitulo{
    font-family: FujitsuSansMedium;
    position: relative;
    top: 40%;
    color: #FF131A;
    font-size: 1.4em;
    margin-left: 1.5em;
    display: inline;
    float: left;

}
#corner{
    position: relative;
    z-index: 10;
    width: 6%;
    float: right;
}
#engine-content{
    position: relative;
    bottom: 0;
    height: 90%;
    width:100%;
    overflow: hidden;
}
#desenfocado{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 1;
}
#desenfocado>img{
    width: 100%;
    height: 100%;
}

#skip-intro,
#close-App{  
    background-color: rgb(0,0,0); 
    border-radius:5px;
    color: #fff;
    font-size: 0.8em;
    cursor: pointer;
    opacity: 0.3;
    padding: 0.8em; 
    position: absolute; 
    right: 1.5%;
    bottom: 2%; 
    text-align: center;
    z-index:12;

}
#skip-intro:hover,
#close-App:hover{
  background-color: #FF0B14;    
  color: #000;
}

#menu-wrapper{
    height: 100%;
    width: 100%;
    padding: 0;
    position: absolute;
    z-index: 2;
    top: -88%;
    left: -0;
}
#menu-home{
    height: 27em;
    width: 23em;
    padding: 0;
    position: absolute;
    z-index: 3;
    top: 1.7em;
    left: -25em;
    display: none;
}

#bg-block{
    position: absolute;
}

.tooltip{
    display: none;
    position: absolute;
    background: #c0df71;
    color: #fff;
    border-radius: 10px;
    padding: .4em 1em;
    z-index: 3;
    background-color: #7f7f7f;
    font-size: .75em;
}

#normalscreen{
    top: 0;
    right: 3em;
}

#fullscreen{
    bottom: 0;
    left: 2.5em;
}

#menu-mid{
    background-color: #fff;
    top: 0;
    clear: both;
    height: 88%;
}

#resizable{
    background-color: red;
    width: 70%;

}
#fijex{
    width: 8em;
}
#fijex>img{
    width: 100%;
    height: 100%;
}

#navegador{
    font-family: FujitsuSansMedium;
    z-index: 9;
    color: #fff;
    font-size: 1.2em;
    position: relative;
    width: 100%m;
    height: 6.5em;
}
#navegador2{
    font-family: FujitsuSansMedium;
    z-index: 9;
    color: #7f7f7f;
    font-size: 1.3em;
    position: relative;
    width: 12.8em;
    position: absolute;
    right: 0;
}
#lista-nav, #lista-nav2{
    margin-top: 0;
    padding-left: 2em;
    padding-top: 1.5em;
    list-style: none;
    padding-right: 1em;
}

#navegador li{
    cursor: pointer;
    margin-bottom: 0.5em;
}
#navegador2>ul>li{
    cursor: pointer;
    margin-bottom: 1em;
}
.resume{
    display: none;
    padding:0 3em;
    font-size: 0.8em;
    color: #fff;
    position: relative;
}

.resume_desc{
    display: none;
    font-size: .8em;
    font-family: fujitsuSans;
}
#backHome-ipad{
    padding-top: 1em;
}
#reload{
    position: absolute;
    bottom: 7.5em;
    color: white;
    font-size: .8em;
    padding: 0 3em;
    font-family: FujitsuSansMedium;
    cursor: pointer;
}

#lista-nav .item-nav:hover, #lista-nav .subnav-list>li:hover , #reload:hover{
    color: #aeadac;
}
#lista-nav2 .item-nav:hover, #lista-nav2 .subnav-list>li:hover, .subnav-list>li.active {
    color: #FF131A;
}

#lista-nav .item-nav.active{
     color: #aeadac;
}
#lista-nav2 .item-nav.active{
     color: #FF131A;
}
.bw{
    position: relative;
}
.subnav-list{
    display: none;
    list-style: none;
}
.subnav-list>li{
    margin: .3em 0 .3em -1.5em;
    height: 57%;
}
.icon-video, .icon-pdf, .icon-galery{
    /* height: 1.3em; */
    position: relative;
    top: 0.3em;
}

.item-sub{
    margin-left: 1.2em;
    font-size: 0.94em;
}
#contenido-wrapper{
    height: 80%;
    float: left;
    position: absolute;
    top:1.3em;
    left: 2.2em;
    width: 75%;
    background-color: #000;
    z-index: 1;
    overflow: hidden;
}

.medios{
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    /* left: 0; */
}

#contenido-wrapper>*{
    float: left;
    display: inline-block;
}

#velo1{
    height: 100%;
    width: 100%;
    background-color: #fff;
    position: absolute;
    z-index: 2;
}

.medios>*{
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 0;
}
#icons-bottom{
    position: absolute;
    right: 0;
    bottom: 7.3em;
    color: #7f7f7f;
    z-index: 3;
    width: 16.4em;
}

.icon-min{
    float: right;
    color: #fff;
}
.icon-resize:hover{
    color: #FF131A;
}

#icons-bottom>div{
    display: inline-block;
    cursor: pointer;
}
#icons-bottom>.resize{
    position: relative;
    left: 1.7em;
    width: 100%;
}
.icon-resize{
    font-size: 1.3em;
}

.icon{
    position: absolute;
    font-size: .8em;
}


#velo-maximiza{
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
}
.minimize{
    display: none;
    cursor: pointer;
    position: absolute;
    right: 1em;
    top: 2em;
    z-index: 5;
    width: 100%;
}

#lang1{
    position: relative;
    top: 14em;
    font-family: FujitsuSansMedium;
    color: #fff;
    font-size: .9em;
    margin: auto;
    width: 10em;
    text-align: center; 
}
#lang2{
    position: relative;
    top: 49%;
    font-family: FujitsuSansMedium;
    color: #FF131A;
    font-size: .9em;  
    margin: auto;
    width: 8em;
    text-align: center;
}

.es, .en{
    opacity: .7;
    cursor: pointer;
}
.es:hover, .en:hover, .es.selected, .en.selected{
    text-decoration: underline;
    opacity: 1;
}

.ng-video{
    z-index: 1;
}

#intro-web{
    width: 100%;
    height: 100%;
    background: url(../resources/img/fondo.jpg) no-repeat 100% 100%;
    position: absolute;
    background-size: cover;
}

#contenido-web{
    display: none;
}

#logo-blanco{
    width: 23em;
    margin: auto;
    position: relative;
    top: 10em;
}

#claim{
    color: white;
    font-size: 2em;
    width: 20em;
    margin: auto;
    text-align: center;
    top: 5.5em;
    position: relative;
}

.avisoPdf{
    background-color: rgba(204,204,204, 1);
    z-index: 9;
    text-align: center;
    position: absolute;
    top: 94%;
    width: 100%;

}
.avisoPdf>a{

    font-size: 1.3em;
    color: black;
}