@import url('fonts.css');

body {
    margin: 0px;
    height: 100%;
    width: 100%;
    padding: 0;
    overflow: auto;
    background: #F8981F;
    font-family: Bebas
}
/*body { background:url(../img/v2/fondo.png) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; font-family:ropa }*/

*:focus {
    outline: none;
}

.titulos {
    color: #e94a34;
    font-size: 20px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 600 !important;
    line-height: 200%;
}

.subtitulos {
    color: #e94a34;
    font-size: 12px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.texto {
    color: #666;
    font-size: 12px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.textoBlanco {
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.textoControl {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #666;
}

.separador {
    width: 100%;
    height: 2px;
    background: #e94a34;
    display: block;
    margin: 0 auto;
    position: relative;
}

.btn {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  color: #ffffff;
  font-size: 20px;
  background: #0066CC;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: none;
  font-family: Bebas;
  cursor: pointer;
}

.btn:hover {
  background: #0066CC;
  text-decoration: none;
}

#menu {
    text-align: center;
    width: 25%;
    height: 100%;
    position: fixed;
    border-right: 1px solid #fff;
    max-width: 300px;
    background: #F8981F;'url(../img/v2/alpha_azul.png);
    font-size: 20px;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
}

#menu a:hover, #menu a.active {
    color: #FC6;
}

#menu a {
    display: block;
    margin: 40px auto;
    position: relative;
    width: 100%;
}

a, a:link, a:active, a:visited, a:hover {
    color: #fff;
    text-decoration: none;
}