	@import "reset.css";

	html {
		height: 100%;		
		font-size: 100.01%;
	}

	body { 
		height: 100%;
		min-height: 100%;
		min-width: 980px;	
		font: 62.5% Tahoma, sans-serif;
		color: #495c6a;
		line-height: 1.6em;		
		
	}
	
/* -----------------[ Raskladka blokov */

	#page {
		width: 980px;		
		
		margin: auto;		
	}	
	
.italic{font-weight:bold !important; color: #495c6a !important;}
	
#wrapper{
background: url(../img/background.jpg) no-repeat left 0;
 height: auto !important;
 min-height:100%;
 height: 100%;
 width:100%;
 z-index:100;
 //position: relative;
}


div#footer{
 margin: auto;
 margin-top: -200px;
 height: 230px;
 clear: both;
 background: url(../img/footer-bg.jpg) no-repeat 600px bottom; 
 z-index:-1;
 position: relative;
 }
 
 .counter{position: absolute; top:0;}
 .devLink{color: #999; text-decoration:none;}
 .devLink span{text-decoration:underline;}
 .orange{color:#ff9d24 !important;}

	
		#main {
			width: 635px;			
			float: left;
			position:relative;
		}
		
		#extra {
			width: 345px;			
			float: right;
			display:table;
			position:relative;
			margin-left:-100px;
		}
		
/* ---------------- [ Elementy stranitsy (colors, fonts, elements padding) */
	
	#page {
	
	
	
	}
	
		#main {
			padding-top: 30px;
		}
		
			#logo {
				width: 273px;
				height: 72px;
			}
			
				#logo h1 {
					text-indent: -31337px;
					line-height: 12px;
					height:18px;
				}

			#content {
				min-height: 600px;
				height: auto !important;
				height: 600px;
				background: url(../img/pr-bg.png) no-repeat -5px;
				//background-position: -5px 15px;
				_background: url(../img/pr-bg2.jpg) no-repeat -5px 0;
				_margin-top:-5px;
				
			}
			
			.inner#content{background:none;}
			
				#promo {
					margin-top: 4px;
					
					//margin-top:2px;					
				    _margin-top:-38px;
					height: 400px;
					_height:430px;
					width: 637px;			
					
					color: #fff;
				}
					
				#promo-content {
					width: 280px;
					
					padding-top: 60px;
					//padding-top:72px !important; 
					_padding-top:110px;
					
				
					padding-left: 117px;
				}
				
					#promo-content h2 {		
					text-align: left;
						margin-bottom: 14px;
									
						font-family: "Times New Roman", serif;
						font-size: 3em;
						
						font-weight: 100;
						
						line-height: 0.85em;
					}
					
					#promo-content p {
						font-size: 1.25em;
line-height:1.4em;
						
						margin-bottom: 12px;
					}
					
					#promo-content a {
						color: #fff;
					}
					
					#promo-content a:hover {
						text-decoration: none;
					}

#specialOffers h3{font-family: "Times New Roman", serif; font-size: 1.8em;	color: #eb3346;}
#specialOffers {display:block !important;}
#specialOffers a {color: #495c6a; text-decoration: none;}
#specialOffers p a:hover {text-decoration: underline;}
#specialOffers p {font-size: 1.8em;	color: #495c6a; margin-top:10px; line-height:1.2em; letter-spacing:0.02em;}
#specialOffers small {display:block; font-size: 1.3em; }
#specpredl { height:20px;}
				
				#offers {
					margin-top: 10px;
				}
				
					#offers h3 {
						font-family: "Times New Roman", serif;
						font-size: 1.5em;
						
						color: #eb3346;
					}
					
					#offers p {				
						float: left;						
						margin-top: 12px;						
						width: 270px;						
						font-size: 1.2em;
						color: #495c6a;
					}
					
						#offers p a {
							color: #495c6a;
							text-decoration: none;
						}
						
						#offers p a:hover {
							text-decoration: none;
						}
						
					#offers .sign-offer {
						margin-left: 30px;
					}

					#offers.inner .sign-offer {
						margin-left: 290px; _margin-left:145px; margin-top:-140px; //margin-top:-135px; _margin-top:-100px;

					}
					
						#offers .sign-offer img {
							vertical-align: -17px;
						}

.sign-offer span{display:block}
.sign-offer span.title{margin-top:5px; text-decoration:underline;}
.sign-offer span.note {font-size:90%;}
.sign-offer img{ float:left;}
.sign-offer {display:block; }

.inner .sign-offer  {display:none;}
.inner .sign-offer.first  {display:block;}

#extra .sign-offer {clear:both; margin-bottom:10px; display:table; width:270px; }
#extra .sign-offer span.title{margin-top:15px; text-decoration:underline;}


#offers p.wide{width:310px; margin-right:0;}
						
						#offers .sign-offer a {
							color: #6c808d;
						}

			#article {
				margin-top: 50px;
				
				font-size: 1.2em;
				
				padding-right: 50px;
			}
			
				#article h2 {
					margin-bottom: 20px;			
					font-size: 2em;
					font-family: "Times New Roman", serif;
					font-weight: 100;
				}	
				
				#article h3 {
				margin-top:1.5em;
					margin-bottom: 20px;			
					font-size: 1.5em;
					font-family: "Times New Roman", serif;
					font-weight: 100;
				}		

				#article blockquote {
					margin-left: 30px;
					margin-bottom: 20px;
					
					color: #fb9f25;
					font-style: italic;
				}
				
				#article p, #article ul, #article ol {
					margin-bottom: 16px;
				}
				
				#article ul {
					list-style: disc;
					list-style-position: inside;
					margin-left:1em;
				}
				
				#article ol {
					list-style: decimal;
					list-style-position: inside;
					margin-left:1em;
				}
				
				#article li{
					margin-bottom:0.5em;
				}
				
				#article a {
					color: #495c6a;
				}
				
				#article a:hover {
					text-decoration: none;
				}

			#bottom-links {
				clear: both;
				
				padding-top: 38px;
				padding-bottom: 60px;
				
				font-size: 1.1em;
			}
			
				#bottom-links li {
					float: left;
					
					margin-right: 9px;
					padding-right: 9px;
					
					height: 15px;
					
					background: url(../img/bottom-links-divider.png) no-repeat 100% 5px;
				}
				
					#bottom-links #thelastone {
						background: none;
					}
				
				#bottom-links a {
					color: #bbb;
				}
				
				#bottom-links a:hover {
					text-decoration: none;
				}

		#extra {
			padding-top: 55px;
		}
		
			#city-select {
				font-size: 1.1em;
			}
			
				#city-select p {			
					margin-bottom: 8px;
					
					color: #bdc4c9;
				}
			
				#city-select form {
					
				}
			
					#city-select fieldset {
						border: 0;
					}
					
					#city-select select {
						float: left;
					
						width: 164px;

						margin-right: 10px;
						width:19.5em;
						
						/* border: 1px solid #d9dfe2; */
					}
					
					#city-select #city-phone {
						color: #f17485;
					}
			
			.side-menu {
					margin-top: 18px;
			}

				.side-menu h3 {
					text-indent: -31337px;
				}

				.side-menu ul {
					padding-top: 32px;
					padding-left: 16px;
									
					font-size: 1.2em;
				}
				

				
					.side-menu li {
						margin-bottom: 8px;
					}
					
					.side-menu li a {
						color: #6f8290;
					}
					
					.side-menu li a:hover {
						color: #9ab3c5;
					}
								
				#leasing-auto ul {
					background: url(../img/leasing-auto.png) no-repeat;
				}
				
				#leasing-gear ul {
					background: url(../img/leasing-gear.png) no-repeat;
				}
				
				#leasing-faq {
					background: url(../img/leasing-faq-bg.png) 0 100% no-repeat;					
					padding-bottom: 10px;
				}
				
				#leasing-faq .grayWrap{background: #e9ecef; padding-bottom:5px; overflow:hidden;
				}
				
					#leasing-faq strong {
						color: #9fb0ba;
						
						font-weight: 100;
					}
				
					#leasing-faq ul {
						margin-top: -16px;
					
						background: url(../img/leasing-faq.png) no-repeat;
					}
				
				.docsLinks{padding-left: 16px; padding-top:12px; font-size:1.2em;}
				.docsLinks a{color: #6f8290; display:block; margin-top:10px; text-decoration:none}
				.docsLinks a.doc-file{height:40px; background:url(/img/ico_liz.png) no-repeat; padding-top:12px; padding-left:52px;}
				
				.docsLinks a:hover{color: #9ab3c5;}
				.docsLinks a span.note{font-size:0.9em;} 
				.docsLinks a span.title{text-decoration:underline;}
			
				#description {
					margin-top: 25px;
					padding-left: 16px;
					
					font-size: 1.2em;
				}
				
					#description p {
						margin-bottom: 26px;
					}
				
					#description ul {
						margin-bottom: 32px;
					}
				
					#description li {
						margin-bottom: 6px;
					}
				
					#description a {
						color: #6d838e;
					}
					
					#description a:hover {
						color: #9ab3c5;
					}
				
					#description strong {
						color: #9fb0ba;
						
						font-weight: 100;
					}
					
					
.promotionsList{height:110px;  margin-bottom:15px;}
.promotionsList h3 {margin-bottom:5px !important; margin-top:3px !important;}
.promotionsList p {margin-bottom:0 !important;}
.promotionsList img { width:124px !important; height:95px  !important;}
.promotionsList .carPic{float:left; margin:0 20px 20px 0;  border:3px  #9fb0ba solid;}


.promotion .carPic{float:left; margin:0 20px 20px 0; //margin-bottom:20px; border:3px  #9fb0ba solid; width:260px; height:195px;}
.promotion .note{clear:both;}
.promotion {margin-top:20px;}
.promotion p {margin-bottom:5px !important;}
.promotion h3 {margin-bottom:15px !important;}


.pagesList{clear:both; padding-top:15px;padding-bottom:5px;}
.pagesList a, .pagesList span{border:1px #9fb0ba solid; padding:2px 5px; margin:0 1px;}
.pagesList span{background:#9fb0ba; color:#fff;}

.backLink{font-size:0.8em; margin-top:25px; background:#e9ecef;; float:left;  padding:0 5px;}

.so-text { font-size:1.5em;}