﻿html {
	overflow-y: scroll;
}

.container {
	margin: 0 auto;
	max-width: 1200px;
}

.logo {
	background-image: url('../img/modic_big.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
}

.form {
	margin: 0 auto;
	width: 60%;
}

.separator {
	background-image: url('../img/separator_long.png');
	background-repeat: no-repeat;
	background-size: 100% 1px;
	height: 1px;
	margin: 50px auto;
	width: 62%;
}

.title {
	font-weight: bold;
	margin: 30px 0;
	text-transform: uppercase;
}

.table {
	display: table;
	margin-bottom: 10px;
	width: 100%;
}

.table div {
	display: table-cell;
	vertical-align: bottom;
}

.table .w66 {
	width: 66%;
}

.table .w50 {
	width: 50%;
}

.table .w33 {
	width: 33%;
}

.table .right {
	text-align: right;
}

.table div:not(:last-child) {
	padding-right: 20px;
}

.table label {
	margin-bottom: 10px;
}

.table .block {
	display: block;
}

.table input[type="text"],
.table input[type="password"] {
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
	font-family: Arial;
	font-size: 16px;
	height: 25px;
	padding: 2px;
	width: 100%;
}

.table button {
	background-color: #666;
	border: 1px solid #666;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	color: #FFF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 13px;
	padding: 4px 14px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}

.table button:hover {
	background-color: #F60;
	border-color: #F60;
	cursor: pointer;
}

a, p, label {
	font-size: 13px;
}

a, .table p {
	color: #666 !important;
}

a:hover {
	color: #F60 !important;
}

.forgotpwd__msg,
.confirm__msg {
	font-size: 24px;
	margin: 86px auto 0;
	text-align: center;
}

.forgotpwd__msg.contacts {
	font-size: 20px;
	width: 60%;
}

.forgotpwd__msg.contacts a {
	font-size: 20px;
}

a.ok {
	background-color: #666;
	border: 1px solid #666;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	color: #FFF !important;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 15px;
	margin: 50px auto;
	padding: 4px 14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 200px;
}

a.ok:hover {
	background-color: #F60;
	border-color: #F60;
}

.header{
	position: relative;
}

.lang {
	font-weight: normal;
	padding: 5px;
	position: absolute;
	right: 10px;
	text-align: left;
	text-transform: uppercase;
	top: 45px;
	z-index: 10;
}

.lang .lang_item.lang_item_selected {
	color: #F60;
	width: 25px;
}

.lang .lang_item.lang_item_selected:hover {
	cursor: default;
}

.lang .lang_item:hover {
	cursor: pointer;
}

.lang .lang_item {
	color: #999;
	text-decoration: none;
	width: 25px;
}