/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*/

@font-face {
    font-family: "Lato";
    src: url(../font/Lato-Regular.ttf) format("truetype");
}
/* Generales */
body {
  margin:0;
  overflow: hidden;
  background: no;
}
html{
  background-color: #272822;
  overflow: hidden;
}
#template{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}
.btn{
  cursor: pointer;
  text-decoration: none;
}
/* Efectos */
@-webkit-keyframes moveFromLeft {
    from {opacity: 0;-webkit-transform: translateX(-200%);}
    to {opacity: 1;-webkit-transform: translateX(0%);}
}
@-moz-keyframes moveFromLeft {
    from {opacity: 0;-moz-transform: translateX(-200%);}
    to {opacity: 1;-moz-transform: translateZ(0%);}
}
@-ms-keyframes moveFromLeft {
    from {opacity: 0;-ms-transform: translateX(-200%);}
    to {opacity: 1;-ms-transform: translateX(0%);}
}

#cabecera{
    width: 100%;
    height: 5%;
    left: 0;
    background: #fff;
    position:absolute;
    z-index: 1;
    padding: 20px;
    font-size: 15pt;
}
#logo{
    float: right;
    height: 90%;
    width: 7%;
    background-image: url('../images/logo_empresa.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position-x: center;
}
#caracteristicas{
    float: left;
    height: 100%;
    width: 50%;
    font-size: 15pt;
}
#powered{
  font-family: 'Lato', Calibri, Arial, sans-serif;
  position:absolute;
  z-index: 12; /* absolute 2-12 */
  bottom: 15px;
  height: 30px;
  background: #fff;
}