/**********************
       CONSTANTS
***********************/

@gradientDarkGreen:       #369d36;
@gradientBrightGreen:     #69d548;
@darkGreen:               #205f20;
@lightGrey:    			      #dfe3e8;
@hoverTrColor:      	    #f4f4f4;
@darkBrown: 			        #414141;

@min_width:               1100px;
@defaultTextColor:        @darkBrown;
@defaultLinkColor: 	      @darkGreen;
@tableHeaderColor: 	      @lightGrey;
/**************************/

@import "templates";


/*--------------------------------------------------------------------------------------------------------------
[Table of contents]

    Body
    1. Header   / #topbar
                / .banner-top
    2. Content  / #container-fluid  / #leftbar              / #nav          		/ ul                    /li/ul.categories
                                    / #content_wrapper      
                                    / #right_advertisement  / #exchange
    3. Footer   / #footer
                / #scrollcontainer  / div#goToTopbar

-----------------------------------------------------------------------------------------------------------------
*/
*{
	color: @defaultTextColor;
}

body{
    margin:0;
    padding:0;
    font-family: Bastion;
    background-image: url(../images/page-background.png);
    background-repeat: repeat-y;
	
	-moz-transition: all 500ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
	-webkit-transition: all 500ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
	-o-transition: all 500ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
	transition: all 500ms cubic-bezier(0.51, 0.01, 0.37, 0.98);
}

h2{
	color:#4e4c4c;
	font-family:arial;
	text-align:center;
	padding: 0 0 7px;
	position:relative;
	
	span{
		background: url(/images/h1-gradient.png) repeat-x;
		display: block;
		height: 16px;
		width: 100%;
		position: absolute;
		left: 0;
		top: 2px;
	}
}



a{
	text-align:center;
	font-weight: bold;
	color:@defaultLinkColor;
	
	&:hover{
		color:black;
	}
}


/*
-------------------------------
	BUTTONS
-------------------------------
*/
.button{
	display: inline-block;
	zoom: 1;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

	.BoxShadow(0, 1px, 2px, rgba(0,0,0,.2));
	.Rounded();
}
.green {
	color: #e8f0de;
	font-weight:bold;
	border: solid 1px #538312;
	background: @gradientDarkGreen; /* Для старых браузров */
    background: -moz-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left bottom, left bottom, 
                color-stop(0%,@gradientDarkGreen), color-stop(100%,@gradientBrightGreen));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen);
    background: -o-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* IE10 */
    background: linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* CSS3 */
	.BoxShadow(0px, 3px, 20px, rgba(255, 255, 255, 0.76), true);
	&:hover {
		background: @gradientDarkGreen;
	}
	
	&:active {
		color: #a9c08c;
		background: @gradientDarkGreen;
		.BoxShadow(1px, 2px, 3px, black, true);
	}
}


.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');

	&:hover {
		background: #ededed;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
		background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	}
	
	&:active {
		color: #999;
		background: #ededed;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
		background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
		.BoxShadow(1px, 2px, 3px, black, true);
	}
}
/* end of BUTTONS */



#topbar{
    position:relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    overflow: visible;
    height: 30px;
    min-width: @min_width ;
    background-color:#404040;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    
    
    .languages{
        position: relative; 
        left:93%; 
        width:80px;
        
        form button{
            background: url(/images/small_flags.png) no-repeat top left;
            width: 31px; 
            height: 31px;
            border:none;
            float:left;
            cursor:pointer;
			
			
        }
		.md{ background-position: 0 0; }
		.ru{ background-position: 0 -32px; }
    } 
}
    
#goToTopbar{
    z-index: 100;
    display: none;
    position:fixed;
    right: 20px;
    top:500px;

    a{
        display:block;
        width: 50px;
        height: 50px;
        background-color: rgba(255, 255, 255, 0.85);/*#fffdca;/*dedeff*/
        -webkit-border-radius: 25px 25px 25px 25px; /* Chrome 10+, Safari 5.1+ */
        -moz-border-radius: 25px 25px 25px 25px;/* Firefox 3.6+ */
        /* Chrome 1-9, Safari 4-5 */
        -o-border-radius: 25px 25px 25px 25px;/* Opera 11.10+ */
        -ms-border-radius: 25px 25px 25px 25px;/* IE10 */
        border-radius: 25px 25px 25px 25px;/* CSS3 */
        background-image: url(/images/arrow_up_50px.png);
    }
}
        
       
/*--------      topbar - End    ---------*/        
        

      
.banner-top{
    position:relative;
    height: 81px;
    min-width: @min_width ;
    background: @gradientDarkGreen; /* Для старых браузров */
    background: -moz-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left bottom, left bottom, 
                color-stop(0%,@gradientDarkGreen), color-stop(100%,@gradientBrightGreen));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen);
    background: -o-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* IE10 */
    background: linear-gradient(bottom, @gradientDarkGreen, @gradientBrightGreen); /* CSS3 */
    font-family: georgia, "times new roman", times, serif;

    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom:3px;
	.BoxShadow(0, 2px, 2px, #707070);
    
	
	#logo{
		float:left;
		margin-left:-15px;   
	}
	#logo_words{
		float:left;
		margin-left:45px;   
		padding: 1px 0 0 10px;
		
		h1{
			margin: 0;
		
		}
	}
	
	
	#AM{
		font-size: 40px;
		font-weight: bold;
		letter-spacing:-2px;
		line-height:55px;
		text-shadow: #425F34 3px 3px 5px, rgba(224, 224, 224, 1) 0px 0px 3px;
		color: #F5F5F5;
		position:relative;

		
		
	}
	
	#Moldova{
		font-size: 23px;
		font-weight: bold;
		letter-spacing: 0;
		text-align: right;
		text-shadow: #FFF36E 0px 0px 2px, #425F34 3px 3px 5px;
		color: #FFE000;
		margin-top: -10px;
	}
}
/*--------      banner-top - End    ---------*/




#container-fluid{
    position: relative;
    min-width: @min_width ;
    zoom:1;
	this:before,
	this:after{
		display:table;
		content:"";
		zoom:1;
	}
}
	


    #leftbar{
        position:absolute;
        top:0;
        left:20px;
        padding-top: 20px;
        width:220px;
        z-index:10;

        nav{
            color:#414141;
            width: 245px;
            float:left;
            margin-left:-25px;
            z-index:20;
			
			
			.selectable{
				&:hover {
					-webkit-transition: background-color 0.7s;
					-moz-transition: background-color 0.7s;
					background-color: #eee;
				}
			}
			
			ul{
				list-style-type: none;
				padding-left:0px;
				
			}
			
			li{
				font-size: 16px;
			}
			
			ul.categories{
				li.category{
					position:relative;
					width: 220px;
					height: 26px;
					padding-bottom: 3px;
					padding-left: 5px;
					margin-left:5px;
					cursor: default;
					overflow: hidden;
					
					
		
					&:hover{
						width: 230px;
						overflow:visible;
						border-left: 10px solid #69D548;
						transition: all 0.7s;
						-webkit-transition: all 0.7s;
						-moz-transition: all 0.7s;
						-o-transition: all 0.7s;
					}
					
					
					div.cat_wrapper,
					div.form_wrapper{
						position:absolute;
					}
					
					div.cat_wrapper{
						width:207px;
						height:20px;
						padding: 5px 0 3px 13px;
						margin-bottom: 5px;
					}
					
					div.form_wrapper{
						left:233px;
						width:237px;
						border: 1px solid #369D36;
					}
				}
				
								
				.form_title{
					cursor:  default;
					padding: 3px 10px 0 10px;
					height: 25px;
					position: relative;
					color:white/*#4e4c4c*/;
					font-weight: bold;
					background: #369d36; /* Для старых браузров */
					background: -moz-linear-gradient(bottom, #369d36, #69d548); /* Firefox 3.6+ */
					/* Chrome 1-9, Safari 4-5 */
					background: -webkit-gradient(linear, left bottom, left bottom, 
								color-stop(0%,#369d36), color-stop(100%,#69d548));
					/* Chrome 10+, Safari 5.1+ */
					background: -webkit-linear-gradient(bottom, #369d36, #69d548);
					background: -o-linear-gradient(bottom, #369d36, #69d548); /* Opera 11.10+ */
					background: -ms-linear-gradient(bottom, #369d36, #69d548); /* IE10 */
					background: linear-gradient(bottom, #369d36, #69d548); /* CSS3 */
					border: none;
					margin:0;
				}
				
				form{ /* nav */
					margin:0;
					
					button{
						border:none;
						margin:0;
						width: 100%;
						cursor: pointer;
						padding: 18px 6px 16px 6px;
						text-align: center;
						color:  black;
						font-weight: bold;
						text-shadow: 1px 1px 1px  rgba(255, 255, 255, 0.8);
						background: linear-gradient(top,  white 1%, #EAEAEA 100%);
						background:  white;
						background: -moz-linear-gradient(bottom,  #EAEAEA,  white);
						background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, white), color-stop(100%, #EAEAEA));
						background: -webkit-linear-gradient(bottom,  #EAEAEA, white);
						background: -o-linear-gradient(bottom,  #EAEAEA,  white);
						background: -ms-linear-gradient(bottom,  #EAEAEA,  white);
						background: linear-gradient(bottom,  #EAEAEA,  white);
						box-shadow: 0px 0px 0px 1px 
							rgba(155, 155, 155, 0.3), 1px 0px 0px 0px 
							rgba(255, 255, 255, 0.9) inset, 0px 2px 2px 
							rgba(0, 0, 0, 0.1);
						
						&:hover{
							border:none;
							margin:0;
							width: 100%;
							cursor: pointer;
							padding: 18px 6px 16px 6px;
							text-align: center;
							color:  black;
							font-weight: bold;
							text-decoration: underline;
							text-shadow: 1px 1px 1px  rgba(255, 255, 255, 0.8);
							background: linear-gradient(top,  #EAEAEA 1%, #d4d4d4 100%);
							background:  #EAEAEA;
							background: -moz-linear-gradient(bottom,  #d4d4d4,  #EAEAEA);
							background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%, #EAEAEA), color-stop(100%, #d4d4d4));
							background: -webkit-linear-gradient(bottom,  #d4d4d4, #EAEAEA);
							background: -o-linear-gradient(bottom,  #d4d4d4,  #EAEAEA);
							background: -ms-linear-gradient(bottom,  #d4d4d4,  #EAEAEA);
							background: linear-gradient(bottom,  #d4d4d4,  #EAEAEA);
							box-shadow: 0px 0px 0px 1px 
								rgba(155, 155, 155, 0.3), 1px 0px 0px 0px 
								rgba(255, 255, 255, 0.9) inset, 0px 2px 2px 
								rgba(0, 0, 0, 0.1);
							
						}
					}
				}
			}
			
			.link{
				width:96%;
				height:30px;
				padding:5px 0 0 30px;
				margin-left:-15px;
				font-weight:bold;
				font-size: 19px !important;
				color:#414141;
				
				
				
				
				a{
					text-decoration:none !important;
					font-weight:bold;
					font-size: 19px !important;
					color:#414141;
				 }   
			}

        }

    }/*----- leftbar end -----*/
    
	
	/* =content_wrapper */
    
    #content_wrapper{
		margin:0 245px;
		padding: 10px 20px 70px 20px;
		min-height:400px;
		min-width: 550px;
		border-right: 1px solid #999;

		
		.indent-15-px{
            text-indent:15px;
        }
		
		ul.incoList li {
			font-size: 16px;
			color:#706b6b;
		}
		
		.description{
			/*font-style: italic;*/
			font-family: Georgia;
			font-size: 15px;
			
		}
		
		.justify{ text-align: justify; }
		.center{ text-align: center; }
		
		#searchResults{
			p{ text-align: center; }
			
			a{ font-size: 14px; }
			
		}
		
		/*  Clear floats */
		.cf:before, .cf:after{
			content:"";
			display:table;
		}
		 
		.cf:after{
			clear:both;
		}
		 
		.cf{
			zoom:1;
		}
		
		/*********************/
		
		 .form-wrapper { /* search */
			max-width: 750px;
			padding: 15px;
			margin:15px auto;
			background: #444;
			background: rgba(0,0,0,.2);
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			-moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
			-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
			box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
			
			input {
				min-width:411px;

				width:78%;
				height: 20px;
				padding: 10px 5px;
				float: left;    
				font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
				border: 0;
				background: #eee;
				-moz-border-radius: 3px 0 0 3px;
				-webkit-border-radius: 3px 0 0 3px;
				border-radius: 3px 0 0 3px;      
			}
			
			input:focus {
				outline: 0;
				background: #fff;
				-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
				-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
				box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
			}
			
			input::-webkit-input-placeholder {
			   color: #999;
			   font-weight: normal;
			   font-style: italic;
			}
			
			input:-moz-placeholder {
				color: #999;
				font-weight: normal;
				font-style: italic;
			}
			
			input:-ms-input-placeholder {
				color: #999;
				font-weight: normal;
				font-style: italic;
			} 

			button {
				overflow: visible;
				position: relative;
				float: left;
				border: 0;
				padding: 0;
				cursor: pointer;
				height: 40px;
				/*width: 110px;*/
				width:20%;
				font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
				color: #fff;
				text-transform: uppercase;
				background: #0b9b00;
				-moz-border-radius: 0 3px 3px 0;
				-webkit-border-radius: 0 3px 3px 0;
				border-radius: 0 3px 3px 0;      
				text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
				
				&:hover{ background: #0cab00; }
				&:active, &:focus { background: #097e00; }
				&:before {
					content: '';
					position: absolute;
					border-width: 8px 8px 8px 0;
					border-style: solid solid solid none;
					border-color: transparent #0b9b00 transparent;
					top: 12px;
					left: -6px;
				}
				&:hover:before{ border-right-color: #0cab00; }
				&:focus:before{ border-right-color: #097e00; } 
			}   

			button::-moz-focus-inner {
				border: 0;
				padding: 0;
			}
		}/* end of form-wrapper*/
		
		
		/***************************************************/
		/*        = index_table, inco_table                */
		/***************************************************/
		.index_table,
		.inco_table{
			background-color: #CDCDCD;
			border: 1px solid @tableHeaderColor;
			border-spacing: 1px;
			text-align: center;
			font-size: 16px;
			width:100%;
			table-layout: fixed;
			-moz-box-shadow: 1px 1px 7px #888;
			-webkit-box-shadow: 1px 1px 7px #888;
			box-shadow: 1px 1px 7px #888;
			
			tr{ background-color: white; }
			
			.head{
				border:1px solid white;
				overflow:hidden;
				font-size: 14px;
				font-weight: bold;
				text-shadow: 0px 1px 1px white;
				background-color:  @tableHeaderColor;
				height:22px;
				margin:0;
				padding:  0 3px;
			}
			
			.cell{
				margin:0;
				padding:  0 3px;
				border:1px solid white;
				height:20px;
				
				p{
					color:black;
					font-size:14px !important;
					margin: 0!important;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
		
		.index_table{
			tr{
				&:hover{
					background-color: @hoverTrColor;
					cursor:pointer;
				}
			}
			
			form{
				button{
					width:100%;
					height:100%;
					border:none;
					font-size:13px;
					padding: 0;
					text-decoration: underline;
					background: none;
					cursor: pointer !important;
					
					
				}
				&:hover{ background-color: #cdd1d5; }
			}
			
			.seporator{
				background-color: @tableHeaderColor;
				height:10px;
				border-top: 1px solid white;
				border-bottom: 1px solid white;
				border-left: 1px solid white;
				border-right: 1px solid white;
				cursor:default;
			}
			.seporator_wide{
				background-color: @tableHeaderColor;
				height:30px;
				border-top: 1px solid white;
				border-bottom: 1px solid white;
				border-left: 1px solid white;
				border-right: 1px solid white;
				cursor:default;
			}
			
			.request{
				overflow:hidden;
				font-weight: bold;
				background-color: @tableHeaderColor;
				font-size: 15px;
			}
			
			.head:hover, .request:hover{ cursor:default; }
			
			.lot{ width:6%;}
			.ann{ width:45%;}
			.quan{ width:14%;}
			.conds{ width:14%;}
			.price{ width:9%;}
			.date{ width:13%;}
			.org{ width:14%;}
			.request{ width:16%;}
		
		}/*  .index_table */
		
		#search_result{
			text-align:center; 
			font-weight: bold !important;
			color:#414141 !important;
			
		}
		
		.how_works_wrapper{
			width:550px;
			margin:0 auto;
			overflow:hidden;
			
			.how_works{
				min-width:550px;
				padding:7px;
				
				
				p{
					margin: 0 0 15px 0 !important;
				}
				
				
				.step{
					position:relative;
					width:140px;
					height:80px;
					font-size:14px;
					padding-left:35px;
					padding-top:5px;
					margin-bottom:5px;
					float:left;
					.num{
						position:absolute;
						left:0;
						top:0;
						font-size:39px;
						font-weight:bolder;
					}
				}
			}
		}
			
		.add_btn_wrapper{
			text-align:center;
			position:relative;
			width:350px;
			margin:0 auto;
		}

		
		.link_icons{
			text-align: left;
			line-height:32px;
			padding-left:23px ;
			height: 32px;
			width:225px;
			margin: 0 auto;
		}
		
		
		
		
		/* Класс форм, собирающих данные для БД */

		.collector{
		
			@margin_top: 		2px;
			@margin_bottom:		15px;
			@c_width: 	550px;
			
			margin: 	0px auto;
			width:		@c_width;
			overflow: 	hidden;
			
			
			label{
				display:block;
				width:140px;
				margin-top:@margin_top;
				margin-bottom:@margin_bottom + 3;
				float:left;
				font-size: 22px;
			}
			
			label[for=description]{ margin-bottom:@margin_bottom + 128; }
			input[id=organization]{ margin-bottom:@margin_bottom + 25; }
			
			
			select, textarea,input{
				display:block;
				margin-top:@margin_top;
				margin-bottom:@margin_bottom;
				float:right;
				font-size: 18px;
			}
			
			
			select{
				height:auto;
				width: 69%;
				background: white url(/images/forms/bg-textarea.gif) repeat-x;
				padding:2px;
				border: 1px solid grey; 
			}
			
			textarea{ 
				border: 1px solid grey; 
				width:60%;
				height:142px;
			}
			
			input{
				border: 1px solid grey; 
				width:60%;
				padding:2px;
			}

			
			
			#name, #organization, #address, #description, #phone, 
			#email, #url, #conditions, #price, #quantity{
				padding: 5px 10px 5px 35px;
				font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
				background-repeat: no-repeat, repeat-x;
				background-position: 5px 50%, 0 0;
			}
			
			
			#name, #organization{
				background-image: url(/images/forms/form_name.gif) , url(/images/forms/bg-textarea.gif);
			}
			#address{
				background-image:  url(/images/forms/form_address.jpg) , url(/images/forms/bg-textarea.gif);
			}
			#description{
				background-image:  url(/images/forms/form_message.gif), url(/images/forms/bg-textarea.gif);
			}
			#price{
				background-image: url(/images/forms/form_price.png), url(/images/forms/bg-textarea.gif);
			}
			#phone{
				background-image: url(/images/forms/form_phone.png), url(/images/forms/bg-textarea.gif);
			}
			#email{
				background-image: url(/images/forms/form_email.gif), url(/images/forms/bg-textarea.gif);
			}
			#url{
				background-image: url(/images/forms/form_url.gif), url(/images/forms/bg-textarea.gif);
			}
			#conditions{
				background-image: url(/images/forms/form_conditions.png), url(/images/forms/bg-textarea.gif);
			}
			#quantity{
				background-image: url(/images/forms/form_quantity.png) , url(/images/forms/bg-textarea.gif);
			}
			#bot_test{
				width:25%;
				background: white url(/images/forms/bg-textarea.gif) repeat-x;
			}
			
			.requests{
				width:@c_width - 80;
				padding: 0 0 0 180px;
				height:auto;
				margin: 0 0 15px;
				
				float:left;
				
				label{
				  display:block;
					font-size:19px; 
					padding-top:2px;
					width:300px;
					margin:0;
					
					&:hover{
					  cursor: pointer;
					}
				}
				
				input[type=radio]{
					width:15px;
					height:15px;
					margin: 5px 15px;
					float:left;
				}
			}
			
			.quantity_block{
				width:100%;
				margin-bottom: 30px; 
				display:none;
				float:left;
			}
			
			.example{
				float:left;
				width:@c_width - 80;
				padding: 0 0 15px 80px;
				text-align: center;
				margin:0px;
				-size: 14px; 
				color:#9b9fa4;
			}
			
			.attention{
				float:left;
				margin: 25px auto;
				width:100%;
				text-align: center;
				font-size: 14px;
				color:  red;
			}
			
			.obl_star{
				float:left;
			}
			
			.email-suggestion {
				float:left;
				width:@c_width - 80;
				padding-left:80px;
				text-align: center;
				display: none; 
				font-style: italic; 
				font-size: 13px; 
				margin-bottom: 5px;
				
				a {
					text-decoration: none; 
					border-bottom: 1px dashed blue;
				}
				a.close {
					color: #aaa; 
					border: none; 
					font-style: normal;
					
					&:hover { color: #000; }
				}
			}
			
		}/* .collector */
		
		
		
		
		
		
		
		


		.form_button_container{
			float:left;
			position:relative; 
			left:50%;
		}
		
		.ann_table{
			background-color: #CDCDCD;
			border: 1px solid @tableHeaderColor;
			border-spacing: 1px;
			color: #4e4c4c;
			width: 100%;
			display:table;
			
			
			.header {
				td{
					border:1px solid white !important;
					height: 50px !important;
					font-weight: bold !important;
					text-align:center !important;
					background: @tableHeaderColor !important;
					color:black !important;
					text-shadow: 0px 1px 1px white;
					font-size: 20px !important;
				}
			}
			
			.row{
				cursor:pointer;
				background-color: white;
				border:1px solid white;
				height: 48px;
				
				td{
					border: 1px solid white !important;
				}
				
				.info{
					.contacts{
						display: none;
						padding:5px 10px;
						height: auto;
						width:auto;
						overflow: hidden;
						z-index: 150;
					}
				}
				
				.lot{
					border:1px solid black;
					width: 7%;
					text-align:center;
				}
				
				.info{
					padding: 7px;
					border:1px solid black;
					width:45%;
				}
				.conditions{
					border:1px solid black;
					width: 13%;
					text-align:center;
				}
				.quantity{
					border:1px solid black;
					width:13%;
					text-align:center;
				}
				.price{
					border:1px solid black;
					width: 13%;
					text-align:center;
				}
				.date{
					text-align:center;
					border:1px solid black;
					width:13%;
				}
				
			}/* row */
			
			.row:hover .info, .row:hover .lot,
			.row:hover .price, .row:hover .conditions,
			.row:hover .date, .row:hover .quantity{
				background-color: @hoverTrColor;
				cursor:pointer;
			}
			
			.row:target {
				div.ann_table_contacts{ display: block ;}
			}
			
			
		} /* .ann_table */
	
	
		.org_table{
			background-color: rgba(255, 255, 255, 0.7);
			border-spacing: 0;
			color: #4e4c4c;
			width: 100%;
			
			td{
				border: 1px solid #4e4c4c;
				color: #4e4c4c;
				width: 100%;
				padding:5px 20px;
			}
			
			
		}
			
	}/* content */
	
	#right_advertisement{
			position: absolute;
			right:0;
			top:0;
			width:220px;
			min-height:300px;
			background-color: rgba(255, 255, 255, 0.85);
            
			
			#exchange{
                width: 207px;
                float:left;
                z-index:20;
                border:2px solid @tableHeaderColor;
                background-color: white;
                padding:2px;
                height:150px;
                overflow:hidden;
                z-index:100;
            }
			
			.cur, .cur_value{
				font-size:12px;
				
				height:auto;
				float:left;
			}
			.cur{
				padding:2px 2px 2px 6px;
				width:70px;
				font-weight: bold;
			}
			.cur_value{
				text-align: center;
				padding:2px;
				border-left:2px ridge #eeeeee;
				width:58px;
			}
			
			
			#exchange_topheader{
                float: left;
                margin-left:1px;
                text-align: center;
				width:210px;
            }
			
			
			
        }/* #right_advertisement */
/* container-fluid  - end */

.pagination{
    height: 40px;
    width: 100%;
    text-align: center;
    padding-top: 16px;
    cursor: default;
	
	strong {
		background-color: #69D548;
		color: white;
		padding: 4px 7px;
		font-size: 17px;
		border:none;
		font-weight: normal;
		background: #369D36;
	}
	
	a{
		background-color: #69D548;
		color: white;
		padding: 4px 7px;
		font-size: 17px;
		border:none;
		
		&:hover {
			font-weight: normal;
			background: #369D36;
		}
	}
}

#footer{

	border-top: 1px solid #9d9d9d;
    min-width:@min_width;
	position:relative;
    bottom:0;
    z-index: 1;
    background: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#dbdbdb');
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dbdbdb));
    background: -moz-linear-gradient(top, #f9f9f9, #dbdbdb);

	
	.wrapper{
        width:940px;
        margin:auto; 
        height:auto;
		
		
		#site_info{
			width:98%;
			
			text-align:justify;
			font-size:11px;
			padding: 1em 1% 2em;
			margin-top: 3em;
			border-top: 1px dotted #a0a0a0;
		}
		
		#copyright{
			font-size:11px;
			text-align:center;
			min-width:940px;
			width:100%;
			color:#414141;
			
			padding-bottom:2em;
		}
		
		
		.footer_block{
			margin:1%;
			float:left;
			height:210px;
			width: 31.333%;
			
			table tr td{
				padding-left:5px;
				padding-right:5px;
				overflow: visible;
			}
			
			input[type=email], input[type="text"], textarea{
				font-size:12px;
				width:200px;
			}
			
		}/* footer_block */
		
		.email-suggestion {
			float:left;
			width:100%;
			text-align: center;
			display: none; 
			font-style: italic; 
			font-size: 13px; 
			margin-bottom: 5px;
			
			a {
				text-decoration: none; 
				border-bottom: 1px dashed blue;
			}
			a.close {
				color: #aaa; 
				border: none; 
				font-style: normal;
				
				&:hover { color: #000; }
			}
		}
		
		#validEmail{
            z-index: 10000;
            margin-top: 4px;
            margin-left: 3px;
            position: absolute;
            width: 16px;
            height: 16px;
        }
            
        #sendMailButton{
            position:relative; 
            left:100px;
            font-size: 12px;
            padding: .4em 1.5em .42em;
            
        }
		
		
    }/* wrapper */
	
	#counters{
        position:absolute;
        right:0;
        top:120px;
                
        width:130px;
        height:auto;
        margin-top: 15px;
    }
}/* footer */

    
    
        
        
    
/* Footer - end */  



/*****************************************/
/*      ann_table_fixed                  */
/*****************************************/
.ann_table_fixed{
	
	display: none;
	position:fixed;
	border-spacing: 1px;
	z-index: 99;
	background: @tableHeaderColor;
	text-align:center;
	color:black;
	font-size: 20px;
	font-weight: bold;
	
	.header_fixed{
		.lot_fixed, .info_fixed, .conditions_fixed, .quantity_fixed, .price_fixed, .date_fixed{
			height:50px;
			border:1px solid white;
		}
		.info_fixed{
			
		}
	}
	
}