html, body, img, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, images, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
    border: 0 none;
    font: inherit;
    margin: 0;
}

.article, .aside, .canvas, .details, .embed, .figure, .figcaption, .footer, .header, .hgroup, .menu, .nav, .output, .ruby, .section, .summary, .time, .mark, .audio, .video 
{
    border: 0 none;
    font: inherit;
    margin: 0;
}

ul li, ol li {
    list-style: none outside none;
}

table {
    border-collapse: collapse;
}

.article, .aside, .details, .figcaption, .figure, .footer, .header, .hgroup, .menu, .nav, .section {
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h3 {font-size:20px}

html {
	background:#efeee9 url('images/body-bg.jpg') 50% 0;
    height: 100%;
}

images {border: none;}

:focus{outline:none;}

body {
	margin:auto;
	font-family:Arial;
	font-size:14px;
    line-height: 1.4;
    height: 100%;

}

.wrapper {
    height: auto !important;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
}

a {
	color:#206a93;
	text-decoration: none;
}

p {margin:0;}

h2 {font-size: 16px;}

a:hover {color:#ffb02f}

.header1 {
	height:150px;
	background:url('images/time-cont-bg.png') no-repeat 32% 0%;
	width:960px;
	margin:auto;
	padding:0 0;
}

/*LOGO*/

.logo {
	background: url('images/logo.png') no-repeat;
	height:46px;
	width:256px;
	margin:30px 0 0 0;
	float:left;
}

.logo a {
    height: 46px;
    width: 256px;
    display: block;
}

.logobutton {
        width:180px;
	margin: 18px 0 0 0;
	float:left;
}

/*ACCOUNT*/

.account {
	margin:50px 50px 0px;
	float:right;

    text-align:left;
    padding: 3px 3px 3px 3px;
    
}

.account a {
	color:black;
	text-decoration:none;
	/*padding:11px 35px;*/
}


.info-link
{
	background-image:url('/img/Info16.png');
	background-repeat: no-repeat;
	/*padding-left:16px !important;
    min-height:16px !important;*/
    cursor: pointer; 
    height:16px;
    width:20px;

}
.message-link
{
	background-image:url('/img/Mail.gif');
	background-repeat: no-repeat;
	/*padding-left:16px !important;
    min-height:16px !important;*/
    cursor: pointer; 
    height:16px;
    width:20px;

}


/*EMAIL*/

.contacts {
	margin:28px 20px 0 0;
	float:right;
	font-size:11px;
	height:75px;
	text-align:right;
}

.contacts  dl dd a{
	font-size:20px;
}

/*MENU*/

div.menu-wrap {
    background:url('images/menu-bg.png') no-repeat center 0%;
    width: 100%;
    display:table;
}

div.menu {
    width: 960px;
    margin: auto;
    padding: 0px 20px;
    height: 71px;   
}

div.menu ul {
	padding:10px 0 0 0px;
	float:left;
}

div.menu ul li {
	list-style-type:none;
	display:table-cell;
}

div.menu ul li a {
	padding:0 10px 0 0;
	margin:0 0 0 10px;
	border-right:1px solid #206a93;
}

div.menu ul li a.active {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

div.menu ul li.last a {
	border-right:none;
}


div.menu ul.soc-seti {
	float:right;
	margin:0px 0 0 0;
}

div.menu ul.soc-seti li a {
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	border-right:none;
}



	.jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
                height:26px;

	}

	.jsddm li a
	{	display: block;
		white-space: nowrap}

	.jsddm li a:hover
	{	}
		
		.jsddm li ul
		{	margin: 0;
			padding: 25px 10px 0;
			position: absolute;
			visibility: hidden;
			border-bottom: 2px solid #e68f00;
			background:white;
            z-index: 1;
			}
		
	    .jsddm li ul li
			{	float: none;
				display: inline;
				padding:5px;
                height:26px;
	    }
			
	    .jsddm li ul li a
			{	width: auto;
				background: white;
                border: none;
                height:26px;
				}
			
		.jsddm li ul li a:hover
			{	color:#ffb02f}	

/*ICONS*/

div.icons-bg {
    background: url('images/icon-bg.png') no-repeat center 0%;
    width: 100%;
    height: 352px;
    display: inline-table;
}

.icons {
    /*width: 960px;*/
    /*margin: auto;
    padding: 0 20px ;*/
    color: white;
    /*height: 352px;*/
    /*display: block;*/

}

table.icons {
    width: 960px;
    margin: auto;
    padding: 0 20px ;
    color: white;
    height: 352px;
    display: block;

}



table.icons td{
    width: 18%;
    padding: 7px;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
    height: 337px;
    
}

.icons h1 {
    font-size: 16px;
    text-align: center;
    padding: 100px 0 0 0;
    margin: 15px 0 15px 0;
    background: url('images/icons-sprite.png') no-repeat center 0%;
    font-weight: normal;
}

.icons p {
     font-size: 14px;
     margin: 10px 0;
	 text-align: center;
	 height: 90px;
 }


.icons a {
    font-size: 24px;
    color: #ffd98e;
	text-align: center;
    /*position: absolute;
    bottom: 40px;*/
    display: block;
}
.icons a.link {
    /*width: 100%;*/
    height: 80%;
    display: block;
    margin: 0 0 30px 0;
}

.icons a:hover {
    color: #ffb02f;
}

.icons .torgi h1 {background-position: 60px 10px;  }

.icons .postavshiki h1 {background-position: -81px 10px;}

.icons .zakaz h1 {background-position: -227px 10px;}

.icons .docs h1 {background-position: -381px 12px;}

.icons .ecp h1 {background-position: -540px 12px;}


/*CONTENT*/

.content {
    margin: 21px auto 0px;
    width: 1030px;
    padding: 0 20px 210px;
    min-height: 100%;
    position: relative;

}

.content h1 {
    font-size: 20px;
    padding: 10px 0;
}

/*SPOSOB ZAKUPKI*/

div.sposob {
    background: #e7e4d5;
    padding: 20px;
    display: block;
    margin: 20px 0;
}

div.sposob h1 {
    font-size: 18px;
    padding: 0 0 10px 0;
}

div.sposob ul li {
    list-style-type: none;
    display: inline-block;
    width: 33%;

}

div.sposob ul li:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('images/check.png') no-repeat center 0%;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

/*NEWS*/

.news {
    margin: 30px 0;
}

.news-item span.date {
    float: left;
    margin: 0 10px 0 0;
    color: #9c9371;
    font-size: 11px;
}

.news-item {
    width: 32%;
    display: inline-block;
    padding: 5px;
}

.news-item p{
    margin: 0;
    font-size: 12px;
}


.news-item div {
    overflow: hidden;
}

/*LINKS UL*/
.links-ul {
    width: 50%;
    float: left;
}

.links-ul li {
    padding: 10px 0;
    list-style-type: none;
}

.links-ul li:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-color: white;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 30px;
}

.links-ul:after {
    display: block;
    width: 1px;
    height: 1px;
    content: '';
    clear: both;
}

.links-ul a {
    font-size: 16px;
}


/*EXPANDABLE BLOCK*/
.expandable {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    padding: 20px;
    margin: 20px 0;
}

a.trgr {
    font-size: 18px;
    color:black;
    text-decoration: none;
    background: url("images/arrow.png") no-repeat scroll 0 3px transparent;
    padding: 0 0 0 30px;
    display: inline-block;
    line-height: 1.5;

}

.trgr.active{
    background-position: -69px -66px;
}

.expandable a span {
    border-bottom: 1px dashed #22628F;
}


/*REKVIZITI*/
.rekviziti {
    margin: 20px 0;
}

.rekviziti dt {
    width: 45%;
    float: left;
    display: inline-block;
    padding: 0 0;
    margin: 0px 0;
    border-bottom: 1px dotted #9e9e9d;
}

.rekviziti dd {

    padding: 0 0 0 420px;
    margin: 18px 0;

}


/*FOOTER*/

.footer {
    background: #cecbbf;
    color: #4d4d4d;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 139px;
    display: inline-table;
	
}

.footer-container {
    width: 960px;
    padding: 20px;
    margin: 0 auto;
}

.footer-menu {
    margin: 20px 0;
}

.footer .footer-menu ul li{
    display: table-cell;
}

.footer .footer-menu ul{
    margin: 0 0 0 -25px;
}

.footer .footer-menu ul li.last a{
    border-right: none;
}

.footer .footer-menu ul li a {
    padding:0 25px 0 0;
    margin:0 0 0 25px;
    border-right:1px solid #b4ae97;
    color: #807b66;
    font-size: 12px;
}

.footer .footer-menu ul li a:hover {
    color: black;
}

.new-foot-bl2{
    width: 45%;
    float: left;
    margin-top: 20px;
}


/*gallery
------------------*/
.banners {
    background: url("images/partners-bg.png") no-repeat 0 1px;
    padding: 0 20px;
    height: 98px;
    margin: 30px auto 30px;
    width: 920px;
    display: block;
}

.banner-wrap {
    position: absolute;
    bottom: 150px;
    width: 100%;
    height: 158px;
    padding: 20px 0;
    display: block;
}

div.gallery_wrap {position:relative;}
div.gallery_wrap div.thumbs {overflow:hidden;position:relative;height:98px;margin:0 20px;}
div.gallery_wrap div.thumbs ul{margin:0 auto;position:absolute;width:10000px;}
div.gallery_wrap div.thumbs ul li{list-style:none;text-align:center;float:left;margin:0;text-align:center;width:220px;}
div.gallery_wrap div.thumbs ul li a.ext{background:none;padding:0;}
div.gallery_wrap div.nav {background:url("images/nav.png") 0 0 no-repeat;cursor:pointer;height:22px;position:absolute;margin-top:-11px;top:50%;width:22px;}
div.gallery_wrap div.nav:active {margin-top:-10px;}
div.gallery_wrap div.nav.prev {background-position:0 0;left:-7px;}
div.gallery_wrap div.nav.next {background-position:100% 0;right:-7px;}

/*=================================from StyleBase.css*/
TABLE.reporttable { border: solid 1px #999999;   width:auto;   MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; BORDER-COLLAPSE: collapse; border-spacing: 0px;}
TABLE.reporttable TH {BORDER-TOP: #bababa 1px solid; BORDER-BOTTOM: #bababa 1px solid; FONT: bold 11px tahoma,verdana,arial; BORDER-LEFT: #bababa 1px solid;BORDER-RIGHT: #bababa 1px solid; COLOR: #fff; 
	BACKGROUND-COLOR: #5f91cc; TEXT-ALIGN: center; height: 16px;}
TABLE.reporttable TD { 	mso-number-format:"\@"; padding-left:3px;  padding-right:3px;  width:auto; BORDER-TOP: #bababa 1px solid; BORDER-BOTTOM: #bababa 1px solid; FONT: 11px tahoma,verdana,arial; BORDER-LEFT: #bababa 1px solid;BORDER-RIGHT: #bababa 1px solid; COLOR: #000000;  TEXT-ALIGN: left;}

/*TABLE.reporttable TH a {COLOR: #fff; }*/


TABLE.reporttable TR.stat_hover {BACKGROUND-COLOR: #dfe4ed !important;  cursor:pointer;}
TABLE.reporttable TR.stat_hover_hand {BACKGROUND-COLOR: #eeee00 !important; cursor:pointer;} 
TABLE.infotable {width:auto;   MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; BORDER-COLLAPSE: collapse; border-spacing: 0px;}
TABLE.infotable TH {BORDER-TOP: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; FONT: bold 11px tahoma,verdana,arial; BORDER-LEFT: #bbb 1px solid;BORDER-RIGHT: #bbb 1px solid; COLOR: #000000; 
	BACKGROUND-COLOR: #dddfdd; TEXT-ALIGN: center; height: 16px;}
TABLE.infotable TD {mso-number-format:"\@"; padding-left:3px; padding-right:3px;  width:auto; BORDER-TOP: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; FONT: 11px tahoma,verdana,arial; BORDER-LEFT: #bbb 1px solid;BORDER-RIGHT: #bbb 1px solid; COLOR: #000000;  TEXT-ALIGN: left;}
TABLE.infotable TR.stat_hover {BACKGROUND-COLOR: #dfe4ed !important;  cursor:pointer;}
TABLE.infotable TR.stat_hover_hand {BACKGROUND-COLOR: #eeee00 !important; cursor:pointer;}    


TABLE.grid {width:auto;  MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; BORDER-COLLAPSE: collapse; border-spacing: 0px;  }
TABLE.grid TH { TEXT-ALIGN: center; height: 16px; border: solid 1px #000;  padding: 3px 3px 3px 3px; font: inherit;}
TABLE.grid TD {mso-number-format:"\@";  width:auto; TEXT-ALIGN: left; border: solid 1px #000;  padding: 3px 3px 3px 3px;font: inherit;  }

TABLE.list {width:auto; padding: 0px 0px 0px 0px ;  margin: 0px 0px 0px 0px ;  }
TABLE.list TH { TEXT-ALIGN: center; height: 16px; border: solid 0px #000;  padding: 0px 0px 0px 0px; font: inherit;}
TABLE.list TD {mso-number-format:"\@";  width:auto; TEXT-ALIGN: left; border: solid 0px #000;   padding: 3px 0px 3px 0px;font: inherit;  }


div.clear {width:auto; padding: 0px 0px 0px 0px ;  margin: 0px 0px 0px 0px ;}
TABLE.clear { width:auto; border-width:0px; padding: 0px 0px 0px 0px ;  margin: 0px 0px 0px 0px ; border: solid 0px #000; }
TABLE.clear TH{  padding: 0px 0px 0px 0px ;  margin: 0px 0px 0px 0px ; width:auto; border: solid 0px #000; }
TABLE.clear TD{  padding: 0px 0px 0px 0px ;  margin: 0px 0px 0px 0px ; width:auto; border: solid 0px #000; }


TR.noborder TD {BORDER-LEFT:  none; FONT: 11px tahoma,verdana,arial; BORDER-RIGHT: #5f8d8d 0px solid; COLOR: #000000;  TEXT-ALIGN: left;}
TR.center TD {BORDER-TOP: #5f8d8d 1px solid; BORDER-BOTTOM: #5f8d8d 1px solid; FONT: 11px tahoma,verdana,arial; BORDER-LEFT: #5f8d8d 1px solid;BORDER-RIGHT: #5f8d8d 1px solid; COLOR: #000000;  TEXT-ALIGN: center;}

TR.green TD {BACKGROUND-COLOR: #e0ffe0 !important;}
TR.red TD {BACKGROUND-COLOR: #ffe0e0 !important;}
TR.yellow TD {BACKGROUND-COLOR: #fafac8 !important;}
/* ------------------------------ */
input[type=submit] ,
input[type=button] ,
button
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	border: solid 1px #aaf;
}
/* ================================================== */
.h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 24px;
 color: #114477;
 text-decoration: none;
 font-weight: bold;

}
.h2 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #114477;
 text-decoration: none;
 font-weight: bold;
}
.h3 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #114477;
 text-decoration: none;
 font-weight: bold;
}
.h4 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #114477;
 text-decoration: none;
 font-weight: bold;
}



.p_header
{
	cursor: pointer;
	border-bottom: solid 1px white;
}
.p_headerAll
{
	cursor: pointer;
	background-color: #eee;
}







/* ================================================== */
.CardView {text-align:left; font-size: 12px;}
.CardView span,nobr,label{font-size: 12px;}

.CardView .view div { width: 97.5%; padding: 0.5% 0.5% 0.5% 1%; }
.CardView div { width: auto; padding: 0px 0px 0px 0px; }
.CardView table { width: 95%; border: 0px; margin: 10px 10px 10px 20px;}
.CardView tr { vertical-align:top; text-align:left; width: 100%; padding: 2px 2px 2px 2px; }
.CardView td { width:40%; text-align:left; padding: 3px 3px 3px 3px;  }
.CardView h2 
{
    width:98%; 
    background-color: #4f81bc;
    padding: 2px 2px 2px 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #ffffff;
}
.CardView h1 
{
    width:98%; 
    text-align:center;
    padding: 5px 2px 5px 2px;
    font-size: 18px;
    font-weight:bold;
}

.CardView p 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000; 
}
.CardView table td
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-decoration: none;
 color: #032235; 
}        
/* ================================================== */

.CardViewBlank {text-align:left; font-size: 12px; background-color:#fff;}
.CardViewBlank span,nobr,label{font-size: 12px;}

.CardViewBlank .view div { width: 100%; padding: 10px 10px 10px 20px; }
.CardViewBlank div { width: auto; padding: 0px 0px 0px 0px; }
.CardViewBlank table { width: 95%; border: 0px; margin: 10px 10px 10px 20px;}
.CardViewBlank tr { vertical-align:top; text-align:left; width: 100%;}
.CardViewBlank td { width:40%; text-align:left; }
.CardViewBlank h2 
{
    background-color: #ffffff;
    padding: 2px 2px 2px 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}
.CardViewBlank h1 
{
    width:100%; 
    text-align:center;
    padding: 5px 5px 5px 5px;
    font-size: 18px;
    font-weight:bold;
}

.CardViewBlank p 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000; 
}
.CardViewBlank table td
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-decoration: none;
 color: #032235; 
}        


/*Form_Design*/	

.multi_button {
	min-width:600px;
	}

.multi_button p input.text_field_1 {
	width:285px;
	margin:0 10px 0 0;
	}	
	
.multi_button p input.text_field_2 {
	width:150px;
	margin:0 7px 0 0;
	}	
	
.multi_button p input.text_field_3 {
	width:285px;
	margin:0 10px 0 0;
	}	
	
.multi_button p input.button_field {
	width:75px;
	margin:0 5px 0 0;
	}	
	
.multi_button p.sum input {
	width:122px;
	}	

.multi_button p input {
	width:274px;
	margin:0 5px 0 0;
	}	
	
.check p {
	font-weight:normal;
	}	

.check p input {
	float:left;
	margin:0;
	width:15px;
}

.check p select {
	margin-right:5px;
}

.check p span {
	font-style:italic;
}

.valueTextBox
{
    width:185px !important;
}
.code_value
{
    width:87px !important;
    margin: 0 11px 0 0 !important;
}
/* --------------------------------------------------------- */
div#times {float:left; margin-left:10px;background: url('images/time-bg.png') no-repeat 50% 0;}
div#times b {font-weight:normal;}
div#times h5{color:#707070;font-size:11px;font-style:italic;}
div#times div.timer 
{
    background: url('images/time-bg.png') no-repeat 50% 0;
    font-size:18px;
    float:left;
    margin:63px 0 0 18px;}
div#times div.timer.msk {background-position:0 12px;color:#bc2a2c;}
div#times div.timer.local {background-position:0 -42px;color:#135377;}
div#times div.timer span {color:#398ba9;font-size:20px;font-family:Corbel, sans-serif;}
div#times div.timer p b{visibility:hidden;}
div#times div.timer p.sec b{visibility:visible;}
/*TIME*/

.time {
	margin:43px 0 0 78px;
	float:left;
	font-size:11px;
	background: url('images/time-bg.png') no-repeat 50% 0;
	height:75px;
	width:130px;
}

.time dl {
	float:left;
	margin:15px 0 0 0px;
}

.time dl dd {
	font-size:20px;
    font-family: Corbel, sans-serif;
	color:#398ba9;
}

.local-time dd{
	color:#135377;
}

dl.local-time {
	margin:15px 0 0 20px;
}





/*----------------- списки------------------*/


/* скрываем чекбоксы и блоки с содержанием */
.hide {
    display: none; 
}
.hide + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide + label {
    border-bottom: 1px dotted #398c98;
    padding: 0;
    color: #138696;
    cursor: pointer;

}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}

/* контейнер */
.demo {
    margin: 5% 10%;
}

.sortable-column  {
    font-size: 12px;
}





/* ------------------------------ */

