@import url('https://fonts.googleapis.com/css?family=Anton|Cinzel|Josefin+Slab|Orbitron');

body {
        font-family: 'Orbitron', sans-serif;
}
td{
        width: 20px;
        height: 20px;
        padding: 0;
        border: 1px;
        padding: 5px;
}

h1 {
        font-size: 50px;
        background-image: url(../imagenes/space.jpg);
        width: 100%;
        height: 50px;
        padding: 10px;
}

#img_uno{
width: 23px;
height: 18px;
}
.todas {
       background: blue;  
       background-image: url("../imagenes/up.png");
        background-repeat:no-repeat; 
        background-size: contain;
}

.inicio {
        background-image: url(../imagenes/start.png);
        position: absolute;
        background-size: contain;
}

.final {
        background-image: url(../imagenes/end.png);
        background-size: contain;
        position: absolute;


}
.color {

        background-color: #f2cfe9;
}

.left {
        
        background-image: url("../imagenes/left.png");
        position: absolute;

        background-size: contain;


        background-size: contain;
        width: 20px;
        height:  20px;
    
} 
.right{
       background-image: url("../imagenes/rigth.png"); 
        position: absolute;
        background-size: contain;
        background-size: contain;
        width: 20px;
        height:  20px;
}
.up {
        
         background-image: url("../imagenes/up.png");
         position: absolute;
        background-size: contain;
        width: 20px;
        height:  20px;
      
}
.down {
        
         background-image: url("../imagenes/down.png");
         position: absolute;

        background-size: contain; 


        background-size: contain;
        width: 20px;
        height:  20px;
      
}

.subguion {
        color: white;

}
.asterisco {
background-image: url("../imagenes/rojito.png");
        background-size: contain;
}
  

button{
        font-size:25px;
        font-family: 'Josefin Slab', serif;
        font-weight:bold;
        color:#3d1616;
        background:rgb(112, 189, 167);
        border:10px;
        height:40px;
        padding: 0px 5px;
        margin: 7px !important;
     }
button:hover {
        background-color: #c37d4e;
        color: white;
}

#contenedor{ 
background:#ffe6da; 
position: relative;
height: 100%;
left: 350px;
right: auto;
width: 350px;
/* margin:  0 450px; */
} 

#izquierda{ 
float: left;                
padding:40px; 
color:#fff; 
width:150px; 
margin:40px; 
background:rgba(208, 218, 239, 0.47); 
} 

#derecha{
float: right;
color:#fff; 
padding: 0px;
background:#fcffbb; 
width:50; 
margin:80px; 
}