.tableBorder {
	border: 1px solid #999;
}

.borderBlock {
	position: relative;
	margin: 0;
	width: auto;
	height: 100%;
	min-height: 22px;
	border: 1px solid #999;
}

.borderBlock select {
	width: 100%;	
}

.tableCell {
	vertical-align: top;
	line-height: 20px;
	~border: 1px solid #999; /* Добавляет ширину к процентам */
}

.micro-block {
	position: relative;
	height: 13px; 
	line-height: 12px;
	margin: 1px; 
	padding: 2px; 
	float: left; 
	border-radius: 3px; 
	border: 1px solid #999;
}

.standartIcon {
	position: relative;
	width: 28px;
	height: 28px; 
	line-height: 12px;
	margin: 1px; 
	float: left; 
	border-radius: 3px; 
	border: 1px solid #999;
}

/* transformTable1 start */

.transformTable1 {
	display: table;
	width: 100%;
}

.transformTable1 .tableRow {
	display: table-row;
}

.transformTable1 .tableCell {
	display: table-cell;
}

.transformTable1 .Cell-1 {
	min-width: 180px;
	width: 180px;	
}

.transformTable1 .Cell-2 {
	width: 14%;

}

.transformTable1 .Cell-3 {
	width: 23%;

}

.transformTable1 .Cell-4 {
	width: auto;
}

/* not table */
@media screen and (max-width: 1350px) {
	.transformTable1, .transformTable1 .tableRow {
		display: block;
		overflow: auto;
		width: 100%;
	}
	
	.transformTable1 .tableCell {
		display: block;
	}

	.transformTable1 .Cell-1 {
		min-width: 50%;
		width: 50%;
		float: left;
	}

	.transformTable1 .Cell-2 {
		width: 50%;
		float: left;
	}

	.transformTable1 .Cell-3 {
		width: 65%;
		float: left;
	}

	.transformTable1 .Cell-4 {
		width: 35%;
		float: left;
	}
}
@media screen and (max-width: 1060px) {
	.transformTable1 .Cell-1 {
		min-width: 100%;
		width: 100%;
		float: left;
	}

	.transformTable1 .Cell-2 {
		width: 100%;
		float: left;
	}

	.transformTable1 .Cell-3 {
		width: 100%;
		float: left;
	}

	.transformTable1 .Cell-4 {
		width: 100%;
		float: left;
	}

	#areaLong {
		display: none;
	}
	
	#areaShort:after {
		content: ' метров';
	}
}

/* transformTable1 end */

/* transformTable start */

.transformTable {
	display: table;
	width: 100%;
}

.transformTable .tableRow {
	display: table-row;
}

.transformTable .tableCell {
	display: table-cell;
}

.transformTable .mainCell {
	min-width: 180px;
	width: 180px;
}

/* not table */
@media screen and (max-width: 1100px) {

	.transformTable {
		display: block;
		overflow: auto;
		width: 100%;
	}

	.transformTable .tableRow {
		display: block;
		float: left;
	}
	
	.transformTable .tableRow1 {
			width: 20%; /* уменьшить первый ряд */
	}
	
	.transformTable .tableRow2, .transformTable .tableRow3 {
			width: 40%; /* уменьшить первый ряд */
	}

	.transformTable .tableCell {
		display: block;
		width: auto;
	}
	.transformTable .mainCell {
		min-width: auto; 
		width: auto;	
	}
}

@media screen and (min-width: 1100px) and (max-width: 1400px) {
	.monthToggle {display: none;}
	#jan:after {content: 'Янв';}
	#feb:after {content: 'Фев';}
	#mar:after {content: 'Мрт';}
	#apr:after {content: 'Апр';}
	#may:after {content: 'Май';}
	#jun:after {content: 'Июн';}
	#jul:after {content: 'Июл';}
	#aug:after {content: 'Авг';}
	#sep:after {content: 'Сен';}
	#oct:after {content: 'Окт';}
	#nov:after {content: 'Нбр';}
	#dec:after {content: 'Дек';}

}



/* transformTable end */

/* transformTable3 start */

.transformTable3 {
	display: table;
	width: 100%;
}

.transformTable3 .tableRow {
	display: table-row;
}

.transformTable3 .tableCell {
	display: table-cell;
}

.transformTable3 .Cell-1, .transformTable3 .Cell-2 {
	min-width: 180px;
	width: 180px;
}

.transformTable3 .objectListTrigger {
	width: 87%;
}

.transformTable3 .objectList {
	width: 200px;
}

/* not table */
@media screen and (max-width: 1100px) {
	.transformTable3 {
		display: block;
		width: 100%;
	}

	.transformTable3 .tableRow {
		display: block;
		float: left;
		width: 100%;
	}

	.transformTable3 .tableCell {
		display: block;
		position: relative;
		float: left;
	}
	
	.transformTable3 .tableCell {
		width: 100%;
	}

	.transformTable3 .objectListTrigger {
		width: 93%;
	}

	.transformTable3 .objectList {
		width: 100%;
	}
}

/* transformTable3 end */

/* transformTable4 start */
.transformTable4 {
	display: table;
	width: 100%;
}

.transformTable4 .tableRow {
	display: table-row;
}

.transformTable4 .tableCell {
	display: table-cell;
}

.transformTable4 .Cell-1 {
	min-width: 180px;
	width: 180px;
}

.transformTable4 .objectListTrigger {
	width: 87%;
}

.transformTable4 .objectList {
	width: 200px;
}
/* not table */

@media screen and (max-width: 1100px) {
	.transformTable4 {
		display: block;
		width: 100%;
	}

	.transformTable4 .tableRow {
		display: block;
		float: left;
		width: 100%;
	}

	.transformTable4 .tableCell {
		display: block;
		position: relative;
	}
	
	.transformTable4 .Cell-1 {
		width: 100%;
	}

	.transformTable4 .Cell-2 {
		width: 100%;
	}

	.transformTable4 .objectListTrigger {
		width: 93%;
	}

	.transformTable4 .objectList {
		width: 100%;
	}
}

/* transformTable4 end */


/* *************************************************************************************** */

.objectListTrigger {
	position: relative;
	float: right;
	cursor: default;
}

.objectListTrigger .pseudoSelect {
	position: relative;
	cursor: default;
	height: 18px;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	background-image: url(../img/ddArrow.png);
	background-position: right;
	background-repeat: no-repeat;
}

.objectList {
	position: absolute;
	height: auto;
	z-index: 1000;
	background: #FFF;
	border: 1px solid #999;
	left: -1px;
	display: none;
}

.objectListScroll {
	width: 100%;
	height: 150px;
	overflow: auto;
}

.objectListWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	/* outline: 1px solid red; */ 
	position: absolute; 
	margin-top: 20px;
}

.objectListWrapper label {
	display: block;
	width: 100%;
}

.objectListWrapper label.toggleOn {
	background: #1e90ff;
	color:#FFF;
}

.objectListWrapper label:hover {
	background: #1e90ff;
	color:#FFF;
}

.isOk {
	position: relative;
	width: 100%;
	padding: 5px 0;
	background: #FFFFFF;
	border-top: 1px solid #CCC;
	text-align: center;
	cursor: pointer;
}

/* ****************************************************************************************** */

.advResultTable {
	width: 100%; 
	~height: 63px; 
	position: relative; 
	display: table;
	line-height: 19px;	
}

.advResultTable .advResultTableRow {
	display: table-row;
}

.advResultTable .advResultTableCell {
	display: table-cell;
}

.advResultTable .cell1 {
	width: 172px;
	height: 103px;
}
.advResultTable .advResultImage {
	display: block;
	margin: 0 10px 5px 0; 
	border-radius: 5px; 
	width: 162px; 
	height: 93px; 
	background: #CFF;
	overflow: hidden;
}

.advResultTable .cell3, .advResultTable .cellBetween {
	width: 120px;
	overflow: hidden;
}

.advResultTable .cellBetween {
	display: none;
}

@media screen and (max-width: 1050px) {
	.advResultTable,
	.advResultTable .advResultTableRow,
	.advResultTable .advResultTableCell {
		display: block;
	}
	
	.advResultTable .advResultTableRow {
		width: 100%;
	}
	
	.advResultTable .cell1, .advResultTable .cell2 {
		float: left;
	}
	
	.advResultTable .cell2 {
		width: 100%;
	}	
	.advResultTable .cell3 {
		display: none;
	}

	.advResultTable .cellBetween {
		display: block;
		float: right;
	}
}

.advResStar {
	display: inline-block;
	line-height: 15px;	
	width: 15px; 
	height: 15px;
	margin: 0;
	padding: 0;
	background: transparent;
	background-image: url(../img/shortStar.png);
}


/* ****************************************************************************************** */

#advPImageContainer {
	width: 308px;
	height: 177px;
	border-radius: 7px;
	background: #99EEFF;
}

#advPStarsContainer {
	width: 308px;
	height: 20px;
	outline: 1px solid #FF0;
	text-align: center;
}

.advPStar {
	display: inline-block;
	line-height: 20px;	
	width: 20px; 
	height: 20px;
	margin: 0;
	padding: 0;
	background: transparent;
	background-image: url(../img/starOn.png);
}

/* **** */

#advPMainTable {
	display: table;
	width: 100%;
	outline: 1px solid #FF0;
}

#advPMainTable .tableRow {
	display: table-row;
}

#advPMainTable .tableCell {
	display: table-cell;
}

#advPMainTable #imageCell {
	width: 308px;
	padding-right: 10px;
}

@media screen and (max-width: 1200px) {
	#advPMainTable, #advPMainTable .tableRow {
		overflow: hidden;
	}
	
	#advPMainTable,
	#advPMainTable .tableRow,
	#advPMainTable .tableCell {
		display: block;
	}
	
	#advPMainTable .tableRow {
		width: 100%;
	}
	
	#advPMainTable .tableCell {
		float: left;
		min-width: 200px;
	}
}