/* 
===================
TIPOGRAFÍA 
===================
*/
@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Medium.eot');
    src: url('../fonts/DINNextLTPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTPro-Medium.woff2') format('woff2'), url('../fonts/DINNextLTPro-Medium.woff') format('woff'), url('../fonts/DINNextLTPro-Medium.ttf') format('truetype'), url('../fonts/DINNextLTPro-Medium.svg#DINNextLTPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Regular.eot');
    src: url('../fonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTPro-Regular.woff2') format('woff2'), url('../fonts/DINNextLTPro-Regular.woff') format('woff'), url('../fonts/DINNextLTPro-Regular.ttf') format('truetype'), url('../fonts/DINNextLTPro-Regular.svg#DINNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Bold.eot');
    src: url('../fonts/DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTPro-Bold.woff2') format('woff2'), url('../fonts/DINNextLTPro-Bold.woff') format('woff'), url('../fonts/DINNextLTPro-Bold.ttf') format('truetype'), url('../fonts/DINNextLTPro-Bold.svg#DINNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Next LT Pro';
    src: url('../fonts/DINNextLTPro-Light.eot');
    src: url('../fonts/DINNextLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINNextLTPro-Light.woff2') format('woff2'), url('../fonts/DINNextLTPro-Light.woff') format('woff'), url('../fonts/DINNextLTPro-Light.ttf') format('truetype'), url('../fonts/DINNextLTPro-Light.svg#DINNextLTPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

/* 
===================
HEADER
===================
*/
.header {
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.menu {
    font-size: 14px;
    text-align: justify;
    color: #000;
    text-decoration: none;
    width: 100px;
}

/* 
===================
CUERPO
===================
*/
body {
    margin: 0px;
    font-family: 'Arial';
    text-align: justify;
}

p {
    text-align: justify;
    font-size: 14px;
}

.enlaces {
    text-decoration: underline;
    color: #E64D01;
}

a.enlaces:hover {
    color: #E64D01;
    text-decoration: none;
}

a.enlaces:visited {
    color: #E64D01;
    text-decoration: underline;
}




/* 
===================
OTROS
===================
*/


.imgprinc {
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.boton-login {
    cursor: pointer;
    border: none;
    background: none;
}

.alerta {
    color: #ce0707;
    text-align: left !important;
    margin-top: 12px !important;
    font-weight: bold;
}


.titulo1 {
    font-size: 18px;
    color: #000;
}

.quienes {
    font-size: 12px;
    color: #E64D01;
}

.form {
    padding: 10px;
    text-align: justify;
    /*	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.14); 
	background: #cccccc;
	*/
    margin-left: 20px;
    margin-top: 20px;
}

    .form p {
        text-align: justify;
        font-size: 12px;
    }

.blancoizq {
    background-image: url(/Content/login/blancotrasp.png);
    padding: 10px;
    text-align: justify;
    margin-left: 20px;
    margin-top: 30px;
}



.form input {
    outline: 0;
    background: #f2f2f2;
    width: 80%;
    margin: 0 0 15px;
    padding: 5px;
    font-size: 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 0px solid #000000;
    font-family: Arial;
    display: block;
}


.titulosistema {
    padding: 10px;
    text-align: left;
    font-size: 26px;
    font-weight: bold;
    color: #E64D01;
    margin-top: 30px;
    width: 360px;
}