HTML,BODY {background-image: url(../Imagenes/Wallpaper.png), url(../Imagenes/YVgqRDMTZ3Bc.png); background-color: black; height: 100%; margin: 0px; border: none;}
IMG.imgcenter{display: block; margin-left: auto; margin-right: auto; border:none;}
IMG.formatoNormal{display: block; border:none; vertical-align: top;}
.divCenter{display: block; margin-left: auto; margin-right: auto; border:none;}
.texto_Titulo{font-size: 4vw; font-weight: bold; text-decoration: underline; font-family: BellamyBold;}
.texto_Grande{font-size: 3vw; font-weight: bold; padding-left: 10px; font-family: GillSansUltraBoldCondensed;}
/*.texto_GrandeItalic{font-size: 3vw; font-weight: bold; font-style: italic;}
.texto_GrandeSubrayado{font-size: 3vw; font-weight: bold; text-decoration: underline;}*/
.texto_Normal{font-size: 2vw; padding-left: 10px; font-family: GillSansMTnegrita;}
*{font-family: Nunito; color: white;}
.EnlaceCentrado{text-align: center; font-size: 3vw;}
.EnlaceCentrado a{white-space: nowrap;}
.EnlaceNormal{font-size: 3vw;}
/* Hay que ponerlo con este orden. En caso contrario puede que no haga bien el efecto. */
a:link      {color: #00BFFF;}
a:visited   {color: #00BFFF;}
a:hover     {color: #00BFFF;text-decoration: none;}
a:active    {color: #008000;}

.box{ margin: 0 auto; width: 80%; text-align: center; }

#nivel1{
    width: 95%; display: table; margin: 0 auto;
}
#nivel2{
    width: 80%; display: table; margin: 0 auto;
}

@media only screen and (orientation: portrait) {

.texto_Titulo{font-size: 5vw; font-weight: bold; text-decoration: underline; font-family: BellamyBold;}
.texto_Grande{font-size: 4vw; font-weight: bold; padding-left: 10px; font-family: GillSansUltraBoldCondensed;}
/*.texto_GrandeItalic{font-size: 4vw; font-weight: bold; font-style: italic;}
.texto_GrandeSubrayado{font-size: 4vw; font-weight: bold; text-decoration: underline;}*/
.texto_Normal{font-size: 4vw; padding-left: 10px; font-family: GillSansMTnegrita;}
.EnlaceCentrado{text-align: center; font-size: 4vw;}
.EnlaceNormal{font-size: 4vw;}

#nivel1{
    width: 100%; display: table; margin: 0 auto;
}
#nivel2{
    width: 95%; display: table; margin: 0 auto;
}

}

@font-face {
    font-family: 'BellamyBold';
    src: url('../fonts/BellamyBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansUltraBoldCondensed';
    src: url('../fonts/GILLUBCD.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansUltraBold';
    src: url('../fonts/GILSANUB.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMT';
    src: url('../fonts/GIL___.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMTnegrita';
    src: url('../fonts/GILB___.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMTnegritacursiva';
    src: url('../fonts/GILBI___.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMTcondensed';
    src: url('../fonts/GILC___.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GillSansMTcursiva';
    src: url('../fonts/GILI___.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}