@font-face {
    font-family: "vinci";
    src: url(fonts/vinci_sans_regular.ttf) format("truetype");
}




body {
    font-family: "vinci", Verdana, Tahoma;
}
p {
    color: #2C3F4D;
    font-size: 16px;
}
.header {
    margin-top: 15px;
}
.login_area {
    background-image: url(img/bg_login.jpg);
    background-repeat: no-repeat;
}
.titulo_login {
    color: #FFFFFF;
    font-size: 57px;   
    line-height: 59px;
    margin-top: 70px;
}
.subtitulo_login {
    color: #FFFFFF;
    font-size: 16px;  
    line-height: 18px;
    margin-bottom: 25px;
}
.login_divider {
    border-bottom: 3px solid #FFFFFF;
    width: 70px;
    margin-bottom: 50px;
}
.login_area input {
    border-bottom: 1px solid #9D9D9D;
    width: 300px;
}
.login_area .uk-icon-button {
    background-color: #FFFFFF;
    color: #283138;
    width: 36px;
}
.login_area .uk-inline {
    margin-bottom: 20px;
}
.login_button {
	opacity: 1; 
    width: 300px;
    background-color: #379AFD;
    color: #FFFFFF;
    border: none;
    height: 50px;
    line-height: 50px;
}
.login_button:hover {
    background-color: #026FDB;
    color: #FFFFFF;
}
.login_forgot {
    padding-bottom: 145px;
}
.login_forgot a {
    color: #ffffff;
}
.copyright {
    color: #FFFFFF;
    font-size: 16px;
}
.contacto_footer_login {
    padding-bottom: 20px;
}
.contacto_footer_login a {
    color: #0078F2;
}

.section_area {
    background-image: url(img/bg_section.jpg);
    background-repeat: no-repeat;
    height: 163px;
}
.titulo_seccion {
    color: #FFFFFF;
    font-size: 45px;   
    margin-top: 12px;
    margin-bottom: 16px;
}
.agreement_content {
    background-color: #FFFFFF;
    position: relative;
    top: -30px;
}
.titulo_agreement {
    font-size: 22px;
    font-weight: bold;
    color: #003F8A;
}
.copyright_section {
    color: #2C3F4D;
    font-size: 16px;
}
.archivos {
    margin-top: 20px;
}
.archivos div {
    margin-bottom: 6px;
}
.archivos .uk-icon-button {
    background-color:#E84C3D ;
    color: #ffffff;
    margin-right: 10px;
}
.archivos a {
    color: #2C3F4D;
}
.archivos_detalle {
    margin-top: 20px;
}


.adminbar { text-align: right; }

.izquierda, .derecha { width: 50%; float: left; }
.derecha { text-align: right; color: #fff; }
.derecha a { color: #fff !important; }

@media(max-width: 698px) {
	.izquierda, .derecha { float: none; width: 100%; text-align: left; }
	.derecha { padding-bottom: 10px; }
}