@width: 100%; /* вместо 100% можно задать любое значение */
@color: #689F38; /* вместо #689F38 можно задать любое значение */
@pos-im: right, left; /* left, left - все фото по левому краю; left, right - каждое второе по правому; right, left - каждое второе по левому; right, right - все по правому   */ 

#page_aweb {
	.title {
		background: lighten(@color, 30%);
		line-height: 30px;
		padding: 10px;
		display: block;
		font-weight: bold;
		font-size: 150%;
		margin: 15px 0;
	}
	p {
		margin: 10px 0;
	}

	ul {
		margin: 0 0 0 15px;
		li {
			list-style-type: none;
		}
		li:before {
			color: @color;
			content: "▫"; 
			padding-right: 10px;
		}	
	}


	table.price_list {
		border-collapse: collapse;
		width: @width;
		
		.title {
			display: table-row;
			font-size: 100%;
			text-align: center;
			font-weight: bold;
			background: lighten(@color, 30%);
		}

		tr:nth-child(2n) {
			/*background: greyscale(@color);
			background: fadeout(@color, 95%);*/
		}

		td {
			border: 1px solid black;
			padding:5px;
		}
		

	}

.stolbi td img{
	text-align:center;
}

.spiski {
	width:100%;
	float:left;
}

.sviaz span {
	  margin-left: 30px;
}

.dogovor {
	td:nth-child(3n) {
			width:145px;
		}
}

.dogovor1 {
	td:nth-child(3n) {
			width:100px;
		}
}

.dogovor2 {
	td:nth-child(3n) {
			width:140px;
			color:#800000;
			font-size:16px;
			 font-weight: 600;
		}
}

.dogovor3 {
	td:nth-child(3n) {
			width:120px;
			color:#003366;
			font-size:14px;
			 font-weight: 600;
		}
}

.dogovord {
	td:nth-child(3n) {
			width:90px;
			color:#000;
			font-size:14px;
			 font-weight: 600;
		}
}

table.price_list1 {
		
		width: @width;
		  border: 1px black solid;
		.title1 {
			display: table-row;
			font-size: 100%;
			text-align: center;
			font-weight: bold;
			
		}

		tr:nth-child(2n) {
			/*background: greyscale(@color);
			background: fadeout(@color, 95%);*/
		}

		td {
			
			padding:5px;
		}
		
		.border-r{
	border-right: 1px black solid;
}
     .border-bot
       {border-bottom: 1px black solid;}

	}






	div.otzivi {
		width: @width;
		margin: 10px 0;
		div {
			clear:both;
			margin: 5px 0;
			img {
				.margin (@a) when (extract(@pos-im, 1) = right) {
					margin-left: @a;
					margin-right: 0px;
				}
				.margin (@a) when (extract(@pos-im, 1) = left) {
					margin-right: @a;
					margin-left: 0px;
				}

				float: extract(@pos-im, 1);
				width: 100px;
				height: 100px;
				margin-bottom: 10px;	
				.margin(10px);
			}	

			name {
				display: block;
				background: lighten(@color, 30%);
				line-height: 25px;
		 		margin: 0;
		 		font-weight: bold;
			} 
			
			data {
				font-size: 80%;
				font-style: italic;
			}
			p {
				margin: 0;
			}
		}

		
		div:nth-child(2n) {
			img {
				.margin (@a) when (extract(@pos-im, 2) = right) {
					margin-left: @a;
					margin-right: 0px;
				}
				.margin (@a) when (extract(@pos-im, 2) = left) {
					margin-right: @a;
					margin-left: 0px;
				}

				float: extract(@pos-im, 2);
				.margin(10px);
			}
		}
		
	}
}