@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

body {
  margin: 0;
  font-family: Roboto;
  font-size: 1em;
  color:white;
  text-align:center; 
  background-color: black;

}
h1
{
  
  color: yellow;
  font-size: 25px;
  
}
#contenedora{
  margin:0 auto;

  text-align: center;
  height: 365px;
  width: 458px;
  padding:10px;

  background: #70a9d3;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);  
    }
.tecla{
    border-radius: 5px 5px 5px 5px;
  -moz-border-radius:  5px 5px 5px 5px;
  -webkit-border-radius:  5px 5px 5px 5px;
  margin:2px 2px 0 0; 
  float:left;
  width:35px;
  height:35px;
  padding:6px;
  border: 1px solid #000;
  cursor:pointer;
  color:black;
  font-size:1.2em;
} 
.tecla:hover{
  font-weight:bold;
  background:yellow;
  color:red;
  } 
.tecladoble{
  width:86px;
}
.teclablanco{

  float:left;
  width:37px;
  height:35px;
  padding:6px;
  border: 0px solid #000;
  cursor:pointer;
  color:#000;
  font-size:1.2em;
} 
.fila{
    clear:both;
  }
.clear{
    clear:both;
  }
.sepizq{
  margin-left:25px;
}
#OperacionesTXT{
      border-radius: 5px 5px 5px 5px;
  -moz-border-radius:  5px 5px 5px 5px;
  -webkit-border-radius:  5px 5px 5px 5px;
    border:1px solid #999;
  text-align:right;
  font-size:1.2em;
  padding:2px;
  color: white;
  background:black;

  height: 30px;
  } 
#numero{
   text-align:right;
  font-size:1em;
      margin: 1em 0;
    padding: 5px;
    background:#ff0000;
    color:#fff;
  }