@font-face {
    font-family: 'yekan';
    src: url('../fonts/yekan.eot');
    src: url('../fonts/yekan.eot?#iefix') format('embedded-opentype'),
         url('../fonts/yekan.woff') format('woff'),
         url('../fonts/yekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*{
	margin: 0;
    padding: 0;
    border: 0;
}
body{
	font-family: "yekan";
	font-size: 15px;
	background: #eaeaea3b;
}

.login {
    width: 280px;
    border-radius: 6px;
    margin: 50px auto;
    box-shadow: 0px 0px 6px rgb(232 232 232 / 29%);
    padding: 14px 10px;
    border: 1px solid #e6e6e6;
	background: white;
}

.login .titulo {
	font-size: 15px;
	color: #000000;
	outline: none;
	margin: 0;
	padding-right: 10px;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	padding: 9px 13px;
	text-align: center;
    font-weight: bold;
}

.login form {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.login form input[type=text], .login form input[type=password] {
    width: 100%;
    font-size: 15px;
    color: #000000;
    outline: none;
    margin: 0;
    padding-right: 10px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 9px 13px;
	font-family: "yekan";
}

.go_back ,
.login form .enviar {
    display: block;
    cursor: pointer;
    border-radius: 6px;
    border: none;
    text-align: center;
    text-decoration: none;
    /* background-color: hsl(353deg 85% 58%); */
    background-color: hsl(122deg 47% 55%);
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin: 0 auto;
    margin-top: 50px;
    padding: 8px 0px;
    width: 100%;
	font-family: "yekan";
}

.login .olvido {
    width: 240px;
    height: auto;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 10px;
    text-align: center;
}

.login .olvido .col {
    width: 50%;
    height: auto;
    float: left;
}

.login .olvido .col a {
    color: #fff;
    text-decoration: none;
    font: 12px Arial;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

body { line-height: 1 }

ol, ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.left{
	float: left;
}
.login .olvido .col.right{
	float: right;
}
.red{
	color: red;
}
.white a{
	color: white;
	text-decoration: none;
	font-size: 13px;
}
.inline{
	display: inline-block;
}
.block{
	display: block;
}
.img_security_reload_icon {
	cursor: pointer;
}
.img_security_reload_icon {
	margin-right: 10px;
	cursor: pointer;
}
.img_security, .img_security_reload {
	display: inline-block;
	position: relative;
}
.img_security_reload span{
	position: absolute;
	width: 200px;
	top: 37px;
	z-index: 100;
	background: rgba(0, 0, 0, 0.76);
	padding: 10px 0;
	color: whitesmoke;
	border-radius: 8px;
	font-size: 14px;
	display: none;
	text-align: center;
}
.sec_img_section {
	margin: 13px 0px;
}
.login h1 {
	font-size: 18px;
    color: red;
    display: block;
    text-align: center;
    padding: 20px 3px;
    font-weight: bold;
}
.login h3 {
    color: black;
    display: block;
    padding: 20px 3px;
    font-weight: bold;
	width: 100%;
    float: right;
	font-size: 16px;
}
.login label {
    display: block;
    margin-bottom: 9px;
    margin-top: 20px;
    padding-right: 3px;
	font-size: 13px;
}
#security_img {
	width: 45%;
}
.img_security {
    width: 45%;
    vertical-align: bottom;
}
.img_security ,
.img_security img {
	cursor: pointer;
}
.style1 {
	line-height: 24px;
	font-size: 12px;
}
.go_back {
    background-color: hsl(353deg 85% 58%) !important;
}
.signup {
    color: red;
    display: block;
    margin-top: 40px;
    text-align: center;
    text-decoration: none;
    margin-bottom: 20px;
}
.signup:hover {
    color: black;
}