body, html{
    background-color: #EEEEEF;
    background: url('../img/app/bg.jpg') top center no-repeat;
    background-attachment:fixed;
}
.imagen_principal_contenedor{
    background-color: #fff;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0px 4px 20px #9EAEAF;
}
.container_header{
    background-color: #2C3942;
    color: white;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.container_header h3{
    font-size: 1.143rem;
    color: white;
    line-height: 37px;
}
.logo_principal_container{
    margin: 2px;
}
.logo_principal{
    border: 2px white solid;
    border-radius: 2px;
    margin-bottom: 2px;
}
.container_blanco{
    background-color: #fff;

    padding-top: 20px;
    padding-bottom: 20px;
}

.container_footer{
    background-color: #767779;
    border-radius: 4px;
    color: #fff;

    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

    text-align: right;
    margin-bottom: 20px;
}


.logo_principal{
    width: 200px;
}

.uk-navbar-nav > li > a{
    height: 50px;

}

.boton_app, .boton_app:hover{
    color: white;
}

.navegacion>li{
        width: 100%;
        font-size: 14px;
        line-height: 16px;
         border-radius: 4px;
         margin-bottom: 4px;
         background-color: #309D6B;

}

.navegacion>li>a{
     color: white;
}

.navegacion>li:hover{
background-color: #168C56;
}
.navegacion>li>a:hover{
    color: white;
}
.navegacion>li.uk-active{
    background-color: white;
    border: 1px solid #AF2C2E;
    border-left: 3px solid #AF2C2E;
    border-right:  3px solid #AF2C2E;
}
.navegacion>li.uk-active>a{
    color: #AF2C2E;
}


h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
  margin: 0 0 20px 0;
  font-family: 'Raleway', serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  color: #333;
  text-transform: none;
}

html{
      font-family: 'Roboto', BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.uk-input, .uk-select, .uk-textarea{
    border: 2px solid #7CCEA9;
    border-radius: 4px;
}

.uk-button{
    border-radius: 4px;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus{
    border: 2px solid #096E40;

}