/*
@font-face {
    font-family: "OpenSans-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/OpenSans-Regular.ttf") format("truetype"), url("fonts/OpenSans-Regular.eot") format("embedded-opentype");
}
@font-face {
    font-family: "OpenSans-Regular";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/OpenSans-Italic.ttf") format("truetype"), url("fonts/OpenSans-Italic.eot") format("embedded-opentype");
}
*/
@font-face {
    font-family: "OpenSans-Light";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/OpenSans-Light.ttf") format("truetype"), url("fonts/OpenSans-Light.eot") format("embedded-opentype");
}
@font-face {
    font-family: "OpenSans-Light";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/OpenSans-LightItalic.ttf") format("truetype"), url("fonts/OpenSans-LightItalic.eot") format("embedded-opentype");
}

/*
@font-face {
    font-family: "OpenSans-Semibold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/OpenSans-Semibold.ttf") format("truetype"), url("fonts/OpenSans-Semibold.eot") format("embedded-opentype");
}
@font-face {
    font-family: "OpenSans-Semibold";
    font-style: italic;
    font-weight: normal;
    src: url("fonts/OpenSans-SemiboldItalic.ttf") format("truetype"), url("fonts/OpenSans-SemiboldItalic.eot") format("embedded-opentype");
}
*/

*	{
	margin: 0px;
	padding: 0px;
}

html.html	{
    background-color: #fff;
	height: 100%;
	overflow-y: scroll;
}

body	{
	color: #333;
	font-family: OpenSans-Light,Tahoma,Arial,Verdana;
	font-size: 14px;	
    line-height: 1.5;
}

body.body	{
	height: 100%;
    width:100%;
}

div, img, header, nav, footer, td	{
	position:relative;
}

a {
    color: #2798da;
}
a:hover {
    color: #86bf4a;
}
a:visited {
    color: #20806b;
}

.path	{
	color:#20806b;
}
.path	.cwrap	{
	font-size: 13px;	
    margin:0px 0px 5px 0px;
}
.path a	{
	color: #189216;
    text-decoration: underline; italic;
	font-weight: lighter
}
.path a:hover	{
	color: #2798da;
	transition: color 750ms ease-out
}

h1	{
    display:block;
    background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
	font-size: 22px;	
    font-weight: normal;
	text-align: center;
	color: #333;
	padding:5px 20px;
    margin-bottom:10px;
    line-height: 1;
}

h2	{
	font-size: 20px;	
    font-weight: normal;
	color: #333;
}

h3	{
	font-size: 16px;
    font-weight: normal;
	color: #333;
}
img {border:0px;}
.twrap	{
    display:table;
    margin:0 auto;
	
}

.rwrap	{
    display:table-row;
    white-space:nowrap;
	text-align: center;
}

.cwrap	{
    display:inline-block;
    vertical-align:text-top;
    white-space:normal;
	text-align: left;
	
}
.ovl1 {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0,0,0,0.65);
    z-index: 509998;
	display:none;
	cursor:pointer;
}
.ovl1 img {
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	border:5px solid #fff;
    border-radius: 5px;
}
img.shadow {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.header {
    height: 150px;
}
.header .cwrap {
	width:1100px;
	height:150px;
    margin: 0px 5px;
	-padding-left:470px;
	-background:url('2.jpg') no-repeat scroll left top #fff;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.55);
}
/*
.header .logo {
    display:block;
	position: absolute;
    top: 0px;
    left: 0px;
    height: 140px;
	width: 75px;
}
*/
.rwrap.zone2	{
	height:400px;
}
.zone3	{
	width:270px;
	padding:10px 10px 10px 0px;
}

.rwrap.content	{
	height:100%;
}
.zone0	{
	padding:10px 0px;
	height: auto; /*???*/
}
.zone0.w1	{
	width: 1100px;
}
.zone0.w2	{
	width: 820px;
}
.zone0.w3	{
	width: 610px;
}

.zone0 .color	{
	padding:10px;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.zone4	{
	width:200px;
	padding:10px 0px 10px 10px;
}

.rwrap.zone5	{
	height:1px;
}

.footer	{
	height:30px;
	font-size:12px;
	color:#fff;
}
.footer	.cwrap	{
	border-top:1px solid silver;
    background-image: linear-gradient(to bottom, #189216  0%, #189216  100%);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.55);
	width: 1100px;
	margin: 10px 5px 0px 5px;
	padding: 5px 10px;
}

.top_menu	{
	height: 25px;
	-background-color: #222;
	-box-shadow: 0 0 6px rgba(0, 0, 0, 0.55);
	text-align: center;
}

.top_menu ul	{
	width:1080px;
	margin: 0 5px;
	text-align: left;
    display:inline-block;
    white-space:nowrap;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.55);
    background-image: linear-gradient(to bottom, #189216 0%, #189216 100%);
    padding: 0px 10px;	
}
.top_menu li	{
    display:inline-block;
    vertical-align:middle;
}
.top_menu a	{
    display:inline-block;
    padding: 2px 11px;	
	font-size:16px;
	color:#fff;
    text-decoration: none;
	margin-right:1px;
	transition: all 750ms ease-out;
	text-shadow: 1px 1px 1px #fff;
}
.top_menu a:hover, .top_menu a.sel	{
    background-image: linear-gradient(to bottom, #3131EA 0%, #8FBCFF 100%);
	color:#F4FE45;/*#1c150c;*/
	transition: all 750ms ease-out;
}

.left_menu  {
    margin-top: 40px;
    margin-bottom: 30px;
}
.left_menu ul	{
	margin-left: 25px;
    font-size: 16px;
    line-height: 20px;
    list-style-image: url("ico_bul1.png");
	list-style-position:outside;


    -display:block;
	-background-color: #fff;
	-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
	-padding:10px;
	-padding:10px 10px 25px 10px;
}
/*
.left_menu li	{
    display:block;
}
*/
.left_menu a	{
    text-decoration: none;
	-transition: all 750ms ease-out;
/*
    display:block;
    margin-top: 1px;
	font-size:18px;
	color:#333;
    white-space:nowrap;
	padding:0px 10px;
*/
}

/*
.left_menu a.sel	{
	background-color:darkred;
	color:#eee;
}
.left_menu a:hover	{
	background-color:darkslategrey;
	transition: color 750ms ease-out;
	transition: background-color 1000ms ease-out;
	color:#eee;
}
*/
.left_menu a.sel li	{
    list-style-image: url("ico_bul2.png");
}
.left_menu a:hover li	{
    list-style-image: url("ico_bul3.png");
	color:lightcoral;
}
/*
.submenu  {
    margin-bottom: 10px;
}
.submenu ul	{
    display:block;
	text-align: left;
}

.submenu li	{
    display:inline-block;
}

.submenu a	{
    display:inline-block;
    margin: 0px 10px 5px 0px;
	padding: 0px 10px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
	background-color: #fff;
	color:#333;
    text-decoration: none;
    white-space:nowrap;
	transition: color 750ms ease-out;
}
.submenu a.sel	{
	background-color:darkred;
	color:#eee;
}
.submenu a:hover	{
	background-color:darkslategrey;
	transition: color 750ms ease-out;
	transition: background-color 1000ms ease-out;
	color:#eee;
}
*/

.grdt	{
    display:table;
}

.grdr	{
    display:table-row;
}

.grdc	{
    display:table-cell;
}
.pglist ul {
	margin-left: 25px;
    font-size: 16px;
    line-height: 16px;
    list-style-image: url("ico_tree_0.png");
	list-style-position:outside;
}
.pglist li {
    margin-bottom: 7px;
}
.pglist li.icon1 {
    list-style-image: url("ico_tree_1.png");
}
.pglist li a.sel {
    color: red;
}

.pglist li.marked {
    display:block;
    list-style-image: none;
    margin-bottom: 7px;
	text-align: center;
}

.b5	{
    margin-bottom: 10px;
}
.b5t	{
    display:table;
	width:100%;
}
.b5r	{
    display:table-row;
}
.b5c1	{
    display:table-cell;
	width:150px;
	-border:1px solid silver;
	text-align:center;
	padding:0px 20px 5px 0px;
    vertical-align:top;
}
.b5c1 img	{
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.55);
	border: 1px solid #fff;
}
.b5c2	{
    display:table-cell;
    vertical-align:top;
}
.b5pretit	{
	border-bottom:1px solid silver;
	color:gray;
	font-size:12px;
	-text-align:right;
	font-style:italic;
}
.b5h3	{
	margin:5px 0px 10px 0px;
	font-weight:bold;
	line-height: 1.1;
}

.b6sim	{
	float:left;
    margin: 0px 20px 5px 0px;
	border: 1px solid #fff;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.55);
	z-index:10;
}

.doc_delete,.doc_site,.doc_folder,.doc_avi,.doc_html,.doc_pdf,.doc_doc,.doc_docx,.doc_xls,.doc_ppt,.doc_zip,.doc_txt,.doc_jpg,.doc_mp3	{ background-position: left  2px; background-repeat: no-repeat; display: block; margin: 5px 0; padding: 0 0 10px 25px; text-decoration: none; }
.doc_html,.doc_htm	{ background-image: url("ico_htm.png"); }
.doc_pdf	{ background-image: url("ico_pdf.png"); }
.doc_doc,.doc_docx	{ background-image: url("ico_doc.png"); }
.doc_xls	{ background-image: url("ico_xls.png"); }
.doc_ppt	{ background-image: url("ico_ppt.png"); }
.doc_zip	{ background-image: url("ico_zip.png"); }
.doc_txt	{ background-image: url("ico_txt.png"); }
.doc_jpg	{ background-image: url("ico_jpg.png"); }
.doc_mp3	{ background-image: url("ico_mp3.png"); }
.doc_folder	{ background-image: url("ico_folder.png"); }
.doc_site	{ background-image: url("ico_site.png"); }
.doc_delete	{ background-image: url("ico_del.png"); }
.doc_avi	{ background-image: url("ico_avi.png"); }

.tar {
	text-align: right;
}
.fsi {
	font-style:italic;
}

.cp {
	cursor: pointer;
}

.b9 {
	-border-radius:15px;
	-border:15px solid #fff;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	width:1100px;
	height:400px;
	overflow:hidden;
}
.b9sl {
	transition: all 750ms ease-out;
	left:0px;
	top:0px;
	width:0px;
    white-space:nowrap;
	background-color:#ffffff;
}

.b9slxx {
	transition: opacity 750ms ease-out;
	position:absolute;
	left:0px;
	top:0px;
}

.b9slx {
	display:inline-table;
	width:1100px;
	height:400px;
	margin-right:5px;
	background: url("b9bg.png") no-repeat scroll top right white;
}
.b9r1	{
	display:table-row;
	height:100%;
}

.b9r2	{
	display:table-row;
	color:#ffffff;
	background-color:rgba(0, 0, 0, 0.75);
	-padding:10px 20px;
	height:0px;
	font-size:18px;
	font-weight:normal;
}
.b9c2	{
	overflow:hidden;
	white-space:nowrap;
	padding:0px 20px 5px 20px;
	width:1060px;
}

.b9r3	{
	display:table-row;
	color:#ffffff;
	background-color:rgba(0, 0, 0, 0.50);
	height:15px;
	padding:10px 20px;
}
.b9c3	{
	transition: all 750ms ease-out;
	overflow:hidden;
	-white-space:nowrap;
	padding:0px 20px;
	height:0px;
	width:1060px;
}
a:hover .b9c3	{
	height:100px;
}

.b10	{
	border:1px solid silver;
	margin:0px auto;
}
.b10 td	{
	border:1px solid silver;
	text-align: center;
    vertical-align:middle;
	width:25px;
	height:25px;
	cursor:default;
}
.b10sel	{
	background-color:#C9CDE8;
}
.b10sel a	{
	color:white;
}
.b10sel span	{
    display: none
}
.b10sel:hover span	{
    border: #c0c0c0 1px dotted;
    display: block;
    padding: 5px;
    z-index: 100;
    position: absolute;
    left: -10px;
    top: 22px;
	font-size:11px;
	text-align:left;
    width: 250px;
	background-color:#EAEAEB;
}

.s3	{
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	padding:10px;
	text-align: center;
}

.s3 span	{
    display: inline-block;
	margin:5px;
	cursor:pointer;
    position: relative;
}
.s3 img	{
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.s3 span span	{
    display: none;
}
.s3 span:hover span	{
    border: #c0c0c0 1px dotted;
    display: block;
    padding: 5px;
    z-index: 100;
    position: absolute;
    left: -10px;
    top: 75px;
	font-size:11px;
	text-align:left;
    width: 250px;
	background-color:#EAEAEB;
}

.phovl {
    background-color: rgba(0,0,0,0.65);
    bottom: 0px;
	display:none;
	height:100%;
    left: 0px;
    margin:0;
    position: fixed;
    right: 0px;
    top: 0px;
    width:100%;
    z-index: 509999;
}
.ph2 {
	border-radius:7px;
	border:2px solid #fff;
	box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.50);
    width:50px;
}
.ph3 {
	color: #fff;
	text-align:center;
	white-space: normal;
}
.ph4 {
	cursor:pointer;
	position:absolute;
	bottom:0px;
	left:0px;
	top:20px;
	right:50%;
}
.ph4:hover {
	background: url('phprev.png') no-repeat scroll center left transparent;
}
.ph5 {
	cursor:pointer;
	position:absolute;
	bottom:0px;
	left:50%;
	top:20px;
	right:0px;
}
.ph5:hover {
	background: url('phnext.png') no-repeat scroll center right transparent;
}
.ph6 {
	cursor:pointer;
	position:absolute;
	top:-15px;
	right:-15px;
	background: url('phclose.png') no-repeat scroll center center transparent;
    width:28px;
	height:28px;
}
.ph7 {
	cursor:pointer;
	position:absolute;
	top:-14px;
	right:25px;
	background: url('phmax.png') no-repeat scroll center center transparent;
    width:26px;
	height:26px;
}
.ph8 {
	-cursor:pointer;
	position:absolute;
	top:-14px;
	left:20px;
	-right:25px;
	-background: url('phmax.png') no-repeat scroll center center transparent;
    -width:26px;
	-height:26px;
	padding:2px 10px;
	
	color: #fff;
	background-color:#595959;
	border-radius:7px;
	border:2px solid #fff;
	box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.50);
}

/*
/comdot.ru/docs/demo/ki/
.offsetWidth and .offsetHeight
*/

.slpnl	{
	position:absolute;
	bottom:20px;
	right:40px;
}
.slbtn	{
	transition: all 750ms ease-out;
	display:inline-block;
	white-space:nowrap;
	background-color:#2F2EEE;
	border-radius:7px;
	border:2px solid #fff;
	box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.50);
	width:10px;
	height:10px;
	cursor:pointer;
	margin-left:5px;
}
.slbtn.sel	{
	background-color:#2F2EEE;
}

table.double		{ margin:1px; border:1px solid #cccccc; }
table.double th, .double thead td	{ border:1px solid #cccccc; padding:2px; font-weight:bold; text-align:center; }
table.double td	{ border:1px solid #cccccc; padding:2px;}

/* placeholders */
*::-webkit-input-placeholder { color: #fff; }
*:-moz-placeholder { color: #fff; } /* FF 4-18 */
*::-moz-placeholder { color: fff; } /* FF 19+ */
*:-ms-input-placeholder { color: #fff; } /* IE 10+ */