body {
    align-content: center;
    text-align: center;
    background-color: black;
    font-family: inherit;
    margin: auto;
    color: white;
    background-color: black;
    }
 
#promo{
     background: url(img/merry.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 2s;
    display: none;
    opacity: 0;
    z-index: 9;
    position: fixed;
    width: 350px;
    height: 450px;
    background-color: transparent;
    
    color: whitesmoke;
    font-size: 40px;
    margin-top: 150px;
    margin-left: 330px;
    
}

.ingles{
    transition: all 0.5s;
    background: url(img/ingles.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    width: 30px;
    height: 30px;
    margin-top: 14px;
    margin-left: 690px;
    cursor: pointer;
}
.ingles:hover{
    transform: scale(1.4);
}
.espanol{
    transition: all 0.5s;
    background: url(img/arg_esp2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    width: 30px;
    height: 30px;
    margin-top: 14px;
    margin-left: 650px;
    cursor: pointer;
}
.espanol:hover{
    transform: scale(1.4);
}

.contenedor{
   
    margin: auto;
    margin-top: 0px;
    width: 1000px;
    height: 2320px;
    align-content: center;
   
   
    
}
.menu02{
    transition: all 0.5s;
    background: url(img/hombre.png);
    background-size: 100px 100px;
    background-position: center;
    background-repeat: no-repeat;
    position:absolute;
    width: 1000px;
    height: 360px;
    margin-top: 730px;
    margin-left: 0px;
    font-size: 18px;
    font-family: inherit;
    color:#A7A5A5 ;
    border-radius: 20px;
    background-position: 570 -100;
    background-size: 500px 500px;
    background-color: #201F1F;
    background-repeat: no-repeat;
    opacity: 0.5;
    
}
.menu02:hover{
    opacity: 1;
}
.menu03{
    transition: all 0.5s;
    background: url(img/baul.jpg);
    background-size: 900px 600px;
    background-position: -290px -100px;
    background-repeat: no-repeat;
    position:absolute;
    width: 1000px;
    height: 360px;
    margin-top: 1120px;
    margin-left: 0px;
    font-size: 18px;
    font-family: inherit;
    color:#A7A5A5 ;
    border-radius: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    opacity: 0.5;
    
}
.menu03:hover{
    opacity: 1;
}

.menu04{
    transition: all 0.5s;
    background: url(img/contacto.jpg);
    background-size: 1200px 500px;
    background-position: -105 -154;
    background-repeat: no-repeat;
    position:absolute;
    width: 1000px;
    height: 330px;
    margin-top: 1510px;
    margin-left: 0px;
    text-align: center;
    font-size: 18px;
    font-family: inherit;
    color:#201F1F;
    border-radius: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    opacity: 0.5;
    
}
.menu04:hover{
    opacity: 1;
}
.encabezado{
    
    background-color: black;
    z-index: 10;
    position: fixed;
    width: 1000px;
    height: 180px;
    
}


.logo{
    transition: all 0.5s;
    background-color: black;
    background: url(img/jp3.png);
    background-size:contain;
    background-position: right;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 80px;
}
.logo:hover{
    transform: scale(1.2);
}

.contador{
     position: absolute;
    margin-top: 150px;
    width: 150px;
    height: 20px;  
    
}


.titulo{
    transition: all 0.5s;
    position: absolute;
    width: 700px;
    margin-top: -150px;
    margin-left: 250px;
    text-align: center;
    color: white;
	font-size: 42px;
    background-color: transparent;
    opacity: 0.7;
}
.titulo:hover{
    opacity: 1;
}
.menu{
    position: absolute;
    margin-left: 190px;
    margin-top: -30px;
    width: 820px;
}
.button2{
        
    background-color: transparent;
    color: #D72E2E ;
    font-size: 19;
    margin-right:  10px;
    padding: 5px 0px;
    text-align: center;
    width: auto;
    border: 0;
    outline:none;
    
}

.button2:hover {
    transform: scale(0.9);
    cursor: pointer;
    color: #D72E2E ;
}






.contiene{
    float: inherit;
    width: 1000px;
    height: 300px; 
    align-content: center;
}
.foto{
    float: left;
    background: url(../img/atico02.jpg);
    background-size: 400px 200px;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-right: 0px;
    width: 400px;
    height: 300px;
   
}
.vende{
    position: absolute;
    background: url(../img/pincelada.png);
    background-size: 180px 160px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-top: 230;
    width: 200px;
    height: 70px;
    text-align: center;
    font-size: 30px;
    color: wheat;
    cursor: pointer;
   
}
.vende:hover{
    transform: scale(1.2);
   
    
}
.jugar{
    position: absolute;
    background: url(../img/pincelada.png);
    background-size: 180px 160px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 200px;
    margin-top: 230;
    width: 200px;
    height: 70px;
    text-align: center;
    font-size: 30px;
    color: wheat;
    cursor: pointer;
   
}
.jugar:hover{
    transform: scale(1.2);
   
    
}
.juegos{
    font-size: 20px;
    position: absolute;
    margin-top: 200px;
    background-color: black;
    width: 1000px;
    height: 500;
    color:#A7A5A5 ;
    
}
.limonero{
    transition: all 0.5s;
    margin-left: 0px;
    opacity: 0.7;
    width: 320px;
    height: 500;
    position: absolute;
    
   
}
.limonero:hover{
    opacity: 1;
}
.limo{
    position: absolute;
    background: url(img/lim.png);
    background-size: 160px 35px;
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 80;
    width: 160px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    color: black;
    cursor: pointer;
   
}
.limo:hover{
    transform: scale(1.2);
   
    
}
.atico{
    transition: all 0.5s;
    opacity: 0.7;
    margin-left: 340px;
    position: absolute;
    width: 320px;
    height: 500;
}
.atico:hover{
    opacity: 1;
}
.atic01{
    position: absolute;
    background: url(img/pincelada.png);
    background-size: 180px 160px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 80;
    width: 160px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    color: wheat;
    cursor: pointer;
   
}
.atic01:hover{
    transform: scale(1.2);
   
    
}
.alien{
    transition: all 0.5s;
    opacity: 0.7;
    background-color: transparent;
    position: absolute;
    margin-top: 510px;
    margin-left: 120px;
    width: 320px;
    height: 500;
}
.alien:hover{
    opacity: 1;
}
.alien01{
    position: absolute;
    background: url(img/extra.png);
    background-size: 250px 45px;
    
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-left: 40;
    width: 250px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    color: wheat;
    cursor: pointer;
   
}
.alien01:hover{
    transform: scale(1.2);  
    
}
.pirata{
    transition: all 0.5s;
    opacity: 0.7;
    background-color: transparent;
    position: absolute;
    
    margin-left: 680px;
    width: 320px;
    height: 500;
}
.pirata:hover{
    opacity: 1;
}
.pirata01{
    position: absolute;
    background: url(img/espada.png);
    background-size: 250px 60px;
    background-position: 40 14 ;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: 00px;
    width: 300px;
    height: 80px;
    text-align: center;
    font-size: 26px;
    color: firebrick;
    cursor: pointer;
   
}
.pirata01:hover{
    transform: scale(1.2);  
    
}

h1{
    font-size: 28px;
}
h2{
    font-family: inherit;
    font-size: 28px;
    text-align: left;
}
h3{
    margin-top: 10px;
    font-family: inherit;
    font-size: 28px;
    text-align: right;
}
img{
    border-radius: 300px;
}
p{
    font-family: inherit;
    font-size: 20px;
    text-align: left;
}
h4{
    
    font-family: inherit;
    font-size: 20px;
    text-align: right;
}

h5{
    
    font-family: inherit;
    font-size: 20px;
    text-align: center;
}
.instagram{
     position: absolute;
    background: url(img/instagram.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: 265px;
    margin-left: 455;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.instagram:hover{
    transform: scale(1.2);
}
.facebook{
    position: absolute;
    background: url(img/facebook.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-top: 265px;
    margin-left: 500;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.facebook:hover{
    transform: scale(1.2);
}
#premio{
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(img/premio.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s;
    z-index: 2;
    margin-left: 530px;
    margin-top: 200px;
    
        
    
}
#premio:hover{
    transform: scale(3);
    z-index: 20;
}

.logi{
    z-index: 3;
    position: absolute;
    width: 210px;
    height: 250px;
    margin-left: 38px;
    margin-top: -2px;
    background-image: url(ahorcado/bot0222_ing.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}
.logi2{
    z-index: 1;
    position: absolute;
    width: 250px;
    height: 250px;
    margin-left: 35px;
    background-image: url(ahorcado/BOT022_ing.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}
.corcho01{
    
    z-index: 2;
    position: absolute;
    width: 60px;
    height: 80px;
    margin-top: 122px;
    margin-left: 217px;
     
}
.corcho{
    transition: all 1s;
    width: 50px;
    height: 80px;
    background-image: url(ahorcado/corcho02.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; 
}

.dejo{
    height: 399px;
    width: 300px;
    background-color: aqua;
    position: absolute;
    margin-left: 600px;
}
#pergamino{
    
    z-index: 35;
   
    position: absolute;
    margin-top: 153px;
    margin-left: 75px;
    opacity: 0.5;
    height: 40px;
    width: 110px;
}
#verperga{
    color: black;
    transition: all 1s;
     opacity: 0;
    visibility: hidden;
    z-index: 35;
    position: absolute;
    margin-top: 40px;
    margin-left: 78px;
    height: 190px;
    width: 180px;
    background-image: url(pirata/img/perga.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#textperga{
    
    font-size: 11.5px;
    color: white;
    position: absolute;
    margin-top: 58px;
    margin-left: 28px;
    height: 80px;
    width: 96px;
    
}

#pulsa01{
    position: absolute;
    background-color: transparent;
    height: 5px;
    width: 5px;
    margin-left: 757px;
    margin-top: 329px;
    opacity: 0.2;
        
}

#pulsa02{
    position: absolute;
    background-color: transparent;
    height: 8px;
    width: 10px;
    margin-left: 759px;
    margin-top: 306px;
    opacity: 0.2;
        
}

#pulsa03{
    position: absolute;
    background-color: transparent;
    height: 10px;
    width: 6px;
    margin-left: 748px;
    margin-top: 303px;
    opacity: 0.2;
        
}
#pulsa04{
    position: absolute;
    background-color: transparent;
    height: 7px;
    width: 6px;
    margin-left: 757px;
    margin-top: 318px;
    opacity: 0.2;
        
}
#pulsa05{
    position: absolute;
    background-color: transparent;
    height: 5px;
    width: 5px;
    margin-left: 769px;
    margin-top: 329px;
    opacity: 0.2;
        
}
#pulsa06{
    position: absolute;
    background-color: transparent;
    height: 7px;
    width: 6px;
    margin-left: 767px;
    margin-top: 318px;
    opacity: 0.2;
        
}
#pulsa07{
    position: absolute;
    background-color: transparent;
    height: 7px;
    width: 6px;
    margin-left: 746px;
    margin-top: 326px;
    opacity: 0.2;
        
}
#pulsa08{
    position: absolute;
    background-color: transparent;
    height: 7px;
    width: 6px;
    margin-left: 747px;
    margin-top: 317px;
    opacity: 0.2;
        
}
#nopulsa01{
    position: absolute;
    background-color: transparent;
    height: 50px;
    width: 28px;
    margin-left: 714px;
    margin-top: 284px;
    opacity: 0.2;
        
}
#nopulsa02{
    position: absolute;
    background-color: transparent;
    height: 15px;
    width: 98px;
    margin-left: 744px;
    margin-top: 284px;
    opacity: 0.2;
        
}
#nopulsa03{
    position: absolute;
    background-color: transparent;
    height: 55px;
    width: 70px;
    margin-left: 776px;
    margin-top: 284px;
    opacity: 0.2;
        
}

#siete{
    transition: all 1s;
    z-index: 1;
    background-image: url(img/siete.png);
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    background-color: transparent;
    height: 25px;
    width: 30px;
    margin-left: 800px;
    margin-top: 291px;
    opacity: 0;
        
}

.desafio{
    transition: all 0.5s;
    background: url(pirata/img/01.png);
    background-size: 1200px 1200px;
    background-position: center;
    background-repeat: no-repeat;
    border: solid;
    padding: 5px;
    position:absolute;
    width: 985px;
    height: 360px;
    margin-top: 1870px;
    margin-left: 0px;
    text-align: left;
    font-size: 18px;
    font-family: inherit;
    color:white;
    border-radius: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    opacity: 0.5;
    
}
.desafio:hover{
    opacity: 1;
}
.adventure{
    position: absolute;
    background: url(img/adventure_box.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 130px;
    height: 200px;
    margin-left: 800px;
    margin-top: -10px;
}