*{
  font-family: 'Montserrat', sans-serif;
}
body{
  margin: 0px;
}
#datosTabla{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0px;
}
#datosTabla tr{
  text-align: center;
  padding: 5px;
  height: 40px;
}
#pesoMonedas{
  background-image:url('./images/monedas.png');
  width: 20px;
  height: 20px;
}
.imagenesTabla{
  width:100px;
}
.monedasImagenes{
  width: 30px;
}
.finalTabla{
  background-color: rgba(6, 201, 221, 0.45);
}
.cabezeraTablaPortatil{
  background-color: rgba(0, 112, 228, 0.45);
}
#almacenTexto p{
  display: inline
}
.textoImagenInforma{
}
@keyframes extiende{
  from{
    height : 0px;
  }to{
    height : 60px;
  }
}
@keyframes recoge{
  from{
    height : 60px;
  }to{
    height : 0px;
  }
}
#formularioInicio{
  width: 300px;
  margin: 0 auto;
  text-align: center;
}
.mostrado{
  animation-name: extiende;
  animation-delay: 0s;
  animation-duration: 0.5s;
  display: block;
}
.ocultado{
  animation-name: recoge;
  animation-delay: 0s;
  animation-duration: 0.5s;
  display: none;
}
#menu{
  background-color: black;
  height: 60px;
  width: 100%;
  position: fixed;
  z-index: 10;
}
#menu ul{
  margin: 0px;
}
#menu ul li{
  margin-top: 20px;
  margin-right: 30px;
  text-decoration: none;
  float: left;
  list-style:none;
  color:rgb(255, 255, 255);
}
.textoObjetivo{
  font-size: 1.7em;
}
#botonMenu{
  float: right;
  margin-top: 30px;
  margin-left: 30px;
  position: fixed;;
  width: 30px;
  height: 30px;
  background-image: url('./images/menu.png');
}
.impar{
  background-color: rgba(0,0,0,0.1);
}
#origen{
  margin: 0 auto;
  position: relative;
}
.contieneCosas{
  margin: 0 auto;
  text-align: center;
  width: 474px;
  padding-bottom: 3em;
}
.difuminado{
  height: 30em;
  margin: 0em;
}
#contenedorNiebla{
  position: absolute;
  height:480px;
  width:384px;
  background-image:url('images/niebla.png');
  background-position: left;
  z-index: 5;
}
#niebla{
  position: absolute;
  margin-left: -192px;
  height: 480px;
  width: 384px;
}
.contieneFoto{
  float: left;
}
.marcadorIni{
  position: absolute;
  margin-top: 460px;
  margin-left:394px;
  height:20px;
  width:80px;
  background-image: url('./images/marcadorfin.png');
}
.marcadorIni p{
  position: absolute;
  text-align: left;
  color:white;
  font-size: 0.8em;
  margin-left: 4px;
  margin-top: 3px;
}
.marcadorFin{
  position: absolute;
  margin-top: 0px;
  margin-left:394px;
  height:20px;
  width:80px;
  background-image: url('./images/marcadorinifin.png');
}
.marcadorFin p{
  position: absolute;
  text-align: left;
  color:white;
  font-size: 0.8em;
  margin-left: 4px;
  margin-top: 3px;
}
.inputInsertar{
  margin-bottom: 20px;
  margin-top: 10px;
}
a:-webkit-any-link{
  text-decoration:none !important;
  color:white;
}
.limpio{
    color: black;
    text-decoration: none;
}
</style>
.tapa{
  /*float: left;
  margin-left: 70px;
  height:1px;
  width: 20px;
  background-image: url('./images/arraba.png');*/
}
.barraDeCarga{
  float: left;
  margin-left: 70px;
  height:480px;
  width:20px;
  background-image: url('./images/relleno.png');
}
.relleno{
  float: left;
  margin-left:-20px;
  height:120px;
  width:20px;
  background-image: url('./images/barra.png');
}
.marcador{
  position: absolute;
  margin-top: 120px;
  margin-left:455px;
  height:20px;
  width:80px;
  background-image: url('./images/marcador.png');
}
.marcador p{
  text-align: left;
  color:white;
  font-size: 0.8em;
  margin-left: 30px;
  margin-top: 2px;
}
#contenedorEverest{
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.separa{
  margin: 0 auto;
  width: 100%;
  text-align: center;
  width: 100%;
  max-width:1920px;
  margin-top: 50px;
  margin-bottom: 50px;
}
#body{
  margin: 0px;
  background-image: url('./images/fondo.png');
  background-size: 100%;
}
#logoEverest{
  width: 100%;
  max-width:1920px;
}
.tituloTabla{
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 2em;
  word-wrap: break-word
}
#tituloWeb{
  text-align: center;
  margin: 0px;
  padding-top: 0.8em;
  padding-bottom: 0.2em;
  font-size: 4em;
  color: rgba(255, 255, 255, 0.5);
}
#paquete{
  background-color: white;
  width: 80%;
  margin: 0 auto;
  border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border: 0px solid #000000;
  padding-left: 3em;
  padding-right: 3em;
}
#logo{
    margin: 0 auto;
    text-align: center;
    height:100%;
}
#tablaDatos{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0px;
}
#tablaDatos td{
  text-align: center;
  padding: 5px;
  height: 40px;
}
#cuerpo{
  background: rgba(3,38,107,0.8);
  background: -moz-linear-gradient(top, rgba(3,38,107,0.8) 0%, rgba(28,186,160,0.6) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,38,107,0.8)), color-stop(100%, rgba(28,186,160,0.6)));
  background: -webkit-linear-gradient(top, rgba(3,38,107,0.8) 0%, rgba(28,186,160,0.6) 100%);
  background: -o-linear-gradient(top, rgba(3,38,107,0.8) 0%, rgba(28,186,160,0.6) 100%);
  background: -ms-linear-gradient(top, rgba(3,38,107,0.8) 0%, rgba(28,186,160,0.6) 100%);
  background: linear-gradient(to bottom, rgba(3,38,107,0.8) 0%, rgba(28,186,160,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03266b', endColorstr='#1cbaa0', GradientType=0 );
}