/*
	серый 		#8D8D8D;
	светлый		#D7DFD4;
	сиреневый	#BE00BE;
	зелёный		#859F7C;
*/

.cgray {
	color:#8D8D8D;
}
.clight {
	color:#D7DFD4;
}
.cselect {
	color:#BE00BE;
}
.cbase {
	color:#859F7C;
}
.bgray {
	background-color:#8D8D8D;
}
.blight {
	background-color:#D7DFD4;
}
.bselect {
	background-color:#BE00BE;
}
.bbase {
	background-color:#859F7C;
}

html, body {
	margin:0px;
  	padding:0px;
	width:100%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4A4A4A;
  	background-color:white;
	max-width:1920px;
	min-width:800px;
}

img {
	border: none;
}

h1 {
	font-size: 38px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom:0px;
	color:white;
	letter-spacing:0.01em;
	text-align:center;
}
h2 {
	font-size: 25px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#BE00BE;
	text-align:center;
}
h3 {
	font-size: 25px;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#BE00BE;
	text-align:left;
}
h4 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#BE00BE;
	text-align:left;
}

p {
	margin-bottom:0px;
}

a:link {
	color:#4A4A4A;
	text-decoration:underline;
}
a:visited {
	color:#4A4A4A;
	text-decoration:underline;
}
a:active {
	color:#859F7C;
	text-decoration:underline;
}
a:hover {
	color:#859F7C;
	text-decoration:underline;
}

input {
	font-size: 13px;
	color: black;
}
input:focus {
	background-color:white;
	color: black;
}
input:read-only {
	background-color:#CCC;
	color: black;
}
textarea {
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: black;
}
textarea:focus {
	background-color:white;
}
select {
	font-size: 13px;
	color: black;
	margin: -1px;
}
select:focus {
    background-color:white;
}

ol {
	font-weight: bold;
}

.text {
	color:#4A4A4A;
	font-weight:normal;
}
  
.link:link {
	font-size:20px;
	color:white;
	text-decoration:none;
}
.link:visited {
	color:white;
}
.link:active {
	color:white;
}
.link:hover {
	color:white;
	text-decoration:underline;
}
.link2:link {
	color:#00BE00;
}
.link2:visited {
	color:#00BE00;
}
.link2:active {
	color:#00BE00;
}
.link2:hover {
	color:#00BE00;
	text-decoration:underline;
}

.avatar {
	border: #859F7C solid 3px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}

.btn {
	font-size:16px;
	color:white;
	background-color: #939393;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding:4px;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
.btn:hover {
	color:white;
	background-color: #859F7C;
}
.btn:active {
	color:white;
	background-color: #859F7C;
}
.btn:focus {
	color:white;
	background-color: #859F7C;
}

.btnico {
	position: relative;
	margin:4px 6px 4px 0px;
	border:1px solid transparent;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.btnico:active {
	position: relative;
   	top: 1px;
   	left: 1px;
	border:1px solid #999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.btnico:hover {
	position: relative;
   	top: 1px;
   	left: 1px;
	border:1px solid #999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.linemenu {
	font-size: 15px;
	color: #000000;
	border: #939393 solid 3px;
	background-color: #939393;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}

.menu {
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 0.03em;
	text-decoration:none;
	font-weight:bold;
}
.menu:link {
	color: #FFFFFF;
}
.menu:visited {
	color: #FFFFFF;
}
.menu:active {
	color: #FFFFFF;
}
.menu:hover {
	color: #FFECC1;
	text-decoration:underline;
}
.selectmenu {
	font-size: 15px;
	color: #FFECC1;
/*	letter-spacing: 0.03em;*/
	text-decoration:underline;
	font-weight:bold;
}
.selectmenu:link {
	color: #FFECC1;
}
.selectmenu:visited {
	color: #FFECC1;
}
.selectmenu:active {
	color: #FFECC1;
}
.selectmenu:hover {
	color: #FFECC1;
}

.shadow {
	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.text_panel {
	font-size: 14px;
	background-color:white; 
	padding:15px;
	border:2px solid #ddd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.table_grid {
	border-collapse: collapse;
}

.td_grid {
	border:#999 1px solid;
}
.tr_line {
	background-color:white;
}
.tr_line:hover {
	background-color:#D7DFD4;
}

.slogon {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:0.02em;
	color:white;
}

.mark1 {
	background-image:url(/img/hand.png);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-bottom:10px;
	margin-left:265px;
}

.mark {
	background-image:url(/img/hand.png);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-bottom:10px;
	margin-left:15px;
}

.code {
	border: 1px solid #727272;
	cursor: pointer;
}

.help {
	color: #00BE00;
/*	font-weight: bold;*/
}
.error {
	color:#C00;
/*	font-weight: bold;*/
}
.error2 {
	color: #BE00BE;
	font-size:12px;
}

.note {
	cursor:help;
	border-bottom:dotted;
	font-style:italic;
}

.copyright {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color:white;
}
.copyright:hover {
	color:white;
}

