@charset "utf-8";

.links:hover {
    cursor: pointer;    
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

#d_salir {
    position: absolute;
    top: 6%;
    left: 24%;
    font-family: 'The Serif Bold';
    text-align: center;
    color: white;
}

#d_encender {
    position: absolute;
    top: 6%;
    left: 10%;
    font-family: 'The Serif Bold';
    text-align: center;
    color: white;
}

#d_secreto {
    position: absolute;
    top: 16%;
    left: 16%;
    line-height: 1em;
    font-family: 'The Serif Bold';
    text-align: center;
    color: white;
}

#_encender {
    position: absolute;
    top: 193px;
    left: 376px;
}

#_secreto {
    position: absolute;
    top: 180px;
    left: 387px;
}

.voidSpace{
    display: block;
    margin: 10px 0;
}

.transparent {
    opacity: 0;
}

.hidden {
    display: none;
}

#fullscreen {
    width: 34px;
    height: 34px;
}

/* ------ CONTENT_0 ------ */

#content0 {
    background-image: url("../images/fondo1.png");
    background-repeat: no-repeat;
}

#titulo0 {
    position: absolute;
    font-family: 'Trajan Pro Bold';
    font-size: 20pt;
    letter-spacing: 0.2em;
    text-shadow: 3px 3px 7px grey;
    color: #C72525;
    left: 16%;
    top: 2%;
}

#titulo0 span {
    font-size: 25pt;
}

#texto0 {
    position: absolute;
    font-family: 'Frutiger Light';
    font-size: 13pt;
    top: 28%;
    left: 45%;
    width: 41%;
    text-align: justify;
}

/* ----------------------- */

/* ------ CONTENT_1 ------ */

#content1, #content2, #content3 {
    background-image: url("../images/fondo2.png");
    background-repeat: no-repeat;
}

#titulo1, #titulo2, #titulo3 {
    position: absolute;
    font-family: 'Trajan Pro Bold';
    font-size: 14pt;
    letter-spacing: 0.2em;
    text-shadow: 3px 3px 5px black;
    color: white;
    left: 9%;
    top: 4%;
}

#titulo1 span, #titulo2 span, #titulo3 span {
    font-size: 16pt;
}

#texto1, #texto2 {
    position: absolute;
    font-family: 'Frutiger Light';
    font-size: 11pt;
    text-align: justify;
    width: 30%;
    top: 5%;
    left: 65%;
}

#texto2 {
    width: 31%;
}

#texto3 {
    position: absolute;
    font-family: 'Frutiger Light';
    font-size: 10.4pt;
    line-height: 1.2em;
    text-align: justify;
    width: 30%;
    left: 65%;   
}

#texto32 {
    position: absolute;
    text-align: justify;
    width: 30%;
    top: 83%;
    left: 65%;       
}

.negrita_2 {
    font-family: 'Trajan Pro Bold';
    font-size: 9pt;
}

.negrita {
    font-family: 'Frutiger Bold';
}

.tamano14 {
    font-size: 14pt;
}

.red {
    color: #C23C27;
}

video, .degradado, .mask {
    position: absolute;
    width: 486px;
    height: 454px;
}

.z2 {
    z-index: 2;
}

/* ----------------------- */