@charset "utf-8";
/* CSS Document */

#wrapper {width:100%; max-width:1200px; min-width:270px; margin:auto}

#tp-searchline {border-bottom:1px solid #cccccc; padding:3px; margin:5px 0px; height:30px; }
#tp-searchplast {width:220px; float:right; height:20px; vertical-align:middle; padding: 1px;}
#tp-searchplast form {margin:0px; padding:0px}


#tp-mm-button {display:none;} /* ----------- */
#label-toggle {display:none}

#checkbox-toggle {display:none; position: absolute}
#label-toggle { 
	width:30px; 
	height:30px;
	float:left;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KPHBhdGggZmlsbD0iIzAwNjZjYyIgZD0iTTAgMWgxNnYzaC0xNnYtM3oiLz4KPHBhdGggZmlsbD0iIzAwNjZjYyIgZD0iTTAgNmgxNnYzaC0xNnYtM3oiLz4KPHBhdGggZmlsbD0iIzAwNjZjYyIgZD0iTTAgMTFoMTZ2M2gtMTZ2LTN6Ii8+Cjwvc3ZnPgo=);
	background-size:20px 20px;
	background-position: center;
	background-repeat:no-repeat;
	transition: transform 0.4s}

#checkbox-toggle:checked ~ #label-toggle {
	-moz-transform: rotate(-90deg); /* Для Firefox */
    -ms-transform: rotate(-90deg); /* Для IE */
    -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-90deg); /* Для Opera */
    transform: rotate(-90deg);}
	
#checkbox-toggle:checked ~ #tp-menuline {left:5px;}

#checkbox-toggle:checked ~ #tp-mm-background {
	display: block;
	opacity: 0.3;
}

#tp-marketname {font-size:18px; font-style:italic; color:#0066CC}
  
#tp-mainline {display:flex; align-items:center; border-bottom:1px solid #4A80BE;}
#tp-logo {flex-grow:1; text-align: center;}
#tp-addinfo {flex-grow: 1;}
#tp-contacts {flex-grow:1; min-height: 120px; margin: 0px 5px;}
#tp-selection {flex-grow:1; min-height: 120px;}
  
div.tp-catlink {flex-grow:1; padding:0px; margin:2px; text-align:center; white-space:nowrap; overflow:hidden}



#tp-menuline {border-bottom:1px solid #4A80BE; height:25px; transition: left 0.4s; overflow: hidden;}

#cc-panel {display:flex; flex-wrap:wrap; flex-direction: row-reverse; margin-top:5px; clear:both}
#cc-content {flex-grow:5; min-width:300px; flex-basis: 250px;}
#cc-aside {flex-grow:0; flex-basis: 250px; margin:0px 10px;}


.flex-panel-contacts {display:flex; flex-wrap:wrap; clear:both}
.flex-section-contacts {flex-grow:1; flex-basis:45%; min-width:250px;}


#bp-mainline {display:flex; border-top:1px solid #4A80BE; margin-top:5px}
#bp-contacts {flex-grow:5; padding:7px}
#bp-counters {flex-grow:1; padding:7px}
#bp-webmaster {flex-grow:1; text-align:right;; padding:7px}
#bp-menuline {margin:7px; text-align:center}
#bp-note {margin:7px; font-size:12px;}


#dvccard-container {display: flex; flex-wrap: wrap; margin:20px 0px;}
#dvccard-picturepanel {flex-grow:1; text-align: center; flex-basis: 280px;}
#dvccard-data {flex-grow:4; display: flex; flex-wrap:wrap; flex-basis: 280px; padding: 5px;align-items: center;}
#dvccard-demandpanel {flex-grow:2; flex-basis: 230px; min-width: 250px; padding: 10px;}
#dvccard-advantagespanel {flex-grow:1; flex-basis: 230px; min-width: 250px; padding: 10px;}
#dvccard-addinfo {flex-grow:1; flex-wrap: wrap; flex-basis: 230px; min-width: 230px; padding: 10px;}
#dvcard-gazpanel {flex-grow: 1; flex-basis: 230px; padding: 10px;}
#dvcard-optionspanel {flex-grow: 1; flex-basis: 230px; padding: 10px;}


/* таблицы и картинки в описании */
div.table-block {
	display: block;
	overflow: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
}
div.table-block table {max-width: 99%; margin: 20px auto; }
#dvc-description-text img {max-width: 100%; height: auto;}


/* INDEX, CAT_INDEX ========================== */
div.index-section-stdblock {display: flex; flex-wrap: wrap;}
div.index-section-stdelement {flex-basis: 100px; padding: 10px;}

div.index-addsection-block {display: flex; flex-wrap: wrap;}
div.index-addsection-element {flex-basis: 35%; flex-grow: 1; min-width: 200px}

div.index-partnersprod-block {display: flex; flex-wrap: wrap;}
div.index-partnersprod-element {flex-basis: 200px; flex-grow: 1;}

div.catindex-usefullinks-block {display: flex; flex-wrap: wrap;}
div.catindex-usefullinks-element {flex-basis: 40%; flex-grow: 1}

div#dvlist-block {display: flex; flex-wrap: wrap;}
div.dvlist-element {flex-basis: 200px; flex-grow: 1; margin: 10px;}


/* DOC_INDEX ================================= */

div.docindex-docgroup-block {display: flex; flex-wrap: wrap; align-items:center;}
div.docindex-docgroup-dvc {flex-basis: 150px; flex-grow: 1;}
div.docindex-docgroup-list {flex-basis: 200px; flex-grow: 10}


/* INFORM ================================= */
div#dvc-description-block {display: flex; flex-wrap: wrap;}
div#dvc-description-contents {flex-basis: 150px; flex-grow: 1}
div#dvc-description-text {flex-basis: 280px; flex-grow: 8; max-width: 100%}

/* PARTNERS ================================= */
div.partners-list-block {display: flex; flex-wrap: wrap;}
div.partners-list-section {flex-basis: 250px; flex-grow: 1;}
  
  @media screen and (max-width: 950px) {
		/*#tp-catlinks {flex-wrap:wrap;}
		div.tp-catlink {width:35%; line-height:30px; text-wrap:none;}
		div.tp-catlink img {width:40px; height:30px; display:inline-block; vertical-align:middle; margin:2px;}*/
		#tp-addinfo {display: none;}
		#tp-marketname {font-size:14px}
  }
  
  @media screen and (max-width: 799px) {
		/*div.tp-catlink img {display:none}*/
		#tp-selection {display: none;}
		#dvc-description-contents-documents {display: none;}
		#tp-klassificator {display: none;}
  }

  
  @media screen and (max-width: 680px) {
		/*#tp-catlinks {display:none}*/
		#tp-mm-button {display:block} /* ---------------*/
		#label-toggle {display:block}
		#tp-marketname {display:none}
		#site-version {background-color:#cccccc}
		
		/* Главное меню */
		
		#tp-menuline {position:absolute; top:40px; left:-300px; height: auto;}
		#MainMenu {border:1px dotted #CCCCCC; border-left:3px solid #CCCCCC; background-color:#FFFFFF; font-size:18px;}
		#MainMenu li {float:none; border-bottom:1px dotted #CCCCCC;}
		#MainMenu li a {padding:10px 50px; height:40px;}
		#MainMenu li:hover ul {display: none;}
		#MainMenu li:hover ul.noJS {display: none;}  

		#cc-aside {flex-grow:1;}
		#cc-content {min-width: 250px;}

		.modifikation-block {max-width: 95%}

		#img-clear-param {display: none;}


		/*div#dvc-description-contents {width: auto; float: none;}
		div#dvc-description-text {margin: 0px 5px;}*/
	}
	
	@media screen and (max-width: 550px) {
	    #tp-logo img {width:200px; height:73px}
	    #tp-contacts {min-height: auto}
		div.tp-contacts-label {display:none}
		
		div.tp-contacts-phone {font-size:20px;}
		div.tp-contacts-mail span {display:none}
		
		#bp-counters {display:none}
		#bp-webmaster {display:none}
		#bp-note {display:none}
	}

	@media screen and (max-width: 450px) {
	    #tp-logo img {width:110px; height:40px}
	    #tp-list {display: none}
	}