html, body {
      height:100%; width:100%; margin:0; padding:0;
    }
   html>body {
      min-height:100%;
      height:auto;
    }
    
    body {
      font:normal 12px Tahoma, Arial, sans-serif;
      color: #444;
      background:url(../i/body-bg.jpg) top left repeat-x #A7A094;
      position:relative;
      }
h1 {
	font:normal 22px Arial, Tahoma;
	padding:8px 0 10px 0;
	margin:0;
	color:#444;
	letter-spacing:0px;
	}
h2 {
	font:normal 19px Arial, Tahoma;
	padding:14px 0 6px 0;
	margin:0;
	color:#444;
	}
	h2.slide span { cursor:pointer; border-bottom:dashed 1px #111 }
h3 {
	font:normal 16px Arial, Tahoma;
	padding:10px 0 5px 0;
	margin:0;
	color:#444;
	}
p {
	text-align:left;
	line-height:20px;
	padding:6px 0 14px;
	margin:0;
	}

blockquote {
	line-height:20px;
	margin:6px 40px 14px;
	font-style:italic;
	font-family: Arial, sans-serif;
	}
	blockquote p {
		font-style:normal;
		font-family: Tahoma, Arial, sans-serif;
		}

a {
	text-decoration:underline;
	color: #444;
	outline:none;
	}
a img {
	border:none;
	}
.clear {
	height:1px;
	font-size:1px;
	clear:both;
	}
p.note {
	font-size:11px;
	}

#container {
	margin:0 auto;
	padding:19px 0 30px 0;
	text-align:left;
	width:942px;
	}
/** CLEAR, FLOAT  ******************/
.clearer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearer {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearer {height: 1%;}
.clearer {display: block;}
/* End hide from IE-mac */
/***/
/************* header *************/
#header {
	position:relative;
	height:315px;
	width:910px;
	padding:0 16px;
	z-index:3;
	}
	#header a.logo img {
		margin-bottom:4px;
		margin-left:30px;
		}
	#header div.catchword {
		position:absolute;
		top:20px;
		left:299px;
		color:#eee;
		font:italic 24px 'Trebuchet MS';
		}
	div.flash{
		position:relative;
		background:#000;
		height:221px;
		border:solid 1px #464646;
		border-bottom:none;
		}
.flashmap {
	height:360px;
	}
	.top-nav, .nav {
		font:normal 14px Arial, Tahoma, sans-serif; 
		}
	.top-nav {
		position:relative;
		top:-4px;
		height:36px;
		margin:0 -16px;
		padding:4px 16px 0;
		background:url(../i/top-nav-shdws.gif) top left no-repeat;
		}
		.top-nav ul {
			list-style-type:none;
			display:block;
			background:url(../i/top-nav-bg.png) left top repeat-x #cfc9c0;
			margin:0;
			padding:0 0 0 12px;
			height:37px;
			width:898px;
			} 
			.top-nav ul li {
				position:relative;
				bottom:0;
				float:left;
				padding:0;
				height:37px;
				background:url(../i/top-nav-li.gif) right top no-repeat;
				}
			.top-nav li a {
				text-decoration:none;
				display:block;
				height:37px;
				float:left;
				padding:0;
				color:#eee;
				background:url(../i/top-nav-corners.gif) no-repeat 0 46px;
				}
			.top-nav li a span {
				display:block;
				padding:12px 27px 11px 26px;
				line-height:1em;
				background:url(../i/top-nav-corners.gif) no-repeat 0 46px;
				}
			.top-nav li a ins {
				position:absolute;
				top:0;
				padding:11px 26px 0 27px;
				color:#5F5959;
				line-height:1em;
				height:34px;
				text-decoration:none;
				background:url(../i/top-nav-arrow.gif) 50% 46px no-repeat;
				cursor:pointer;
				}
				.top-nav li a:hover ins {
					color:#2f2f2f;
					}
				.top-nav li a:hover span {
					color:#fafafa;
					}
			.top-nav li a span img {
				padding:2px 5px 4px 5px;
				}
			.top-nav ul li.current {
				margin:0 0 0 -1px;
				background:#9f9a8b url(../i/top-nav-li.gif) 0 -46px repeat-x;
				}
			.top-nav li.current a {
				background-position:0 0;
				}
			.top-nav li.current a span {
				color:#ddd;
				background-position:100% -47px;
				}
			.top-nav li.current a ins {
				color:#eee;
				padding:12px 27px 0 26px;
				background-position:50% 100%;
				}
			.top-nav li.current a:hover ins {
				color:#fff;
				}
	.index-bar {
		position:absolute;
		top:10px;
		right:30px;
		padding:0;
		font-size:10px;
		}
	.index-bar li {
		list-style-type:none;
		float:left;
		margin:0 15px;
		color:#8F887C;
		}
	.index-bar a {
		color:#EBEBEB;
		}
/************* main *************/
#main {	
	padding:0 16px;
	margin-top:-10px;
	position:relative;
	background:url(../i/main-bg.gif) top left repeat-y #A7A094; 
	}
	#main .main-content {
		background:#fff url(../i/content-gradient.png) repeat-x left top;
		zoom:1;
		}
/* ----------------- */
		#main .main .col-1 {
			width:40%;
			float:left;
			padding:4% 0 0 4%;
			}
		#main .main .colm {
			width:4%;
			float:left;
			}
		#main .main .col-2 {
			width:48%;
			float:left;
			padding:4% 4% 0 0;
			} 
/* -------------------- */			
		#main .main-content .col-1 {
			width:40%;
			float:left;
			padding:4% 0 0 4%;
			}
		#main .main-content .colm {
			width:4%;
			float:left;
			}
		#main .main-content .col-2 {
			width:48%;
			float:left;
			padding:4% 4% 0 0;
			}
	.nav {
		float:left;
		width:250px;
		margin:60px 0 30px 0;
		padding:0 0 0 40px;
		}
		.nav ul {
			padding:0;
			margin:0;
			}
		.nav ul li {
			list-style-type:none;
			}
		.nav li a {
			text-decoration:none;
			display:block;
			color:#7B7B7B;
			border-bottom:solid 1px #CBCBCB;
			padding:10px 0 10px 3px;
			}
		.nav li a:hover {
			color:#5E5E5E;
			border-bottom:solid 1px #F43E28;
			}
		.nav li.current a {
			color:#444;
			border-bottom:solid 1px #F43E28;
			padding:10px 10px 10px 0;
			font-size:20px;
			}
			.nav .sub {
				padding:8px 0 10px 0;
				}
			.nav .sub li a {
				border:none;
				font-size:12px;
				padding:3px 0 5px 15px;
				text-align:left;
				}
			.nav .sub li a:hover {
				border-bottom:none;
				}
			.nav .sub li.current a {
				font-size:18px;
				cursor:default;
				}
				.nav .sub li a:hover span, .nav li.current .sub a:hover span {
					border-bottom:solid 1px #CBCBCB;
					}
				.nav .sub li.current a span, .nav .sub li.current a:hover span {
					border-bottom:none;
					}
		#gas li a:hover {
			border:none;
			}
		#gas li a {
			color:#5E5E5E;
			padding:5px 0 0 5px;
			margin: 0 0 10px 0;
			border:none;
			}
			#gas li.gas a {
				text-align:right;
				border-bottom:solid 1px #CBCBCB !important;
				padding:10px 10px 10px 0;
				margin: 0 0 10px 0;
				font-size:28px;
				}
		/*	.nav li.obl a {
				padding:5px 0 0 5px;
				border:none;
				}
			*/	#gas li.curobl a {
					padding:5px 0 0 5px;
					text-align:right;
					font-size:20px;
					}
				#gas li.obl a:hover span {
					border-bottom:solid 1px #CBCBCB;
					}
				#gas li.curobl a:hover span {
					border:none !important;
					}
	.content {
		float:right;
		width:540px;
		margin:60px 0 0 0;
		padding:0 40px 0 0;
		}
	.content a {
		color: #444;
		text-decoration: none;
		border-bottom: #EB9999 solid 1px;
		padding-bottom: 2px;
		}	
		.content a:hover {
		color: #222;
		border-bottom: #c00 solid 1px;
		}	
		
	.fleft {
		float:left;
		padding:0 0 0 40px;
		}
	p.source {
		font-size:0.9em;
		}
	p.source a, dl.industry .source a {
		font-size:1em;
		}
		.content ul  {
			list-style-type:disc;
			padding:3px 0 3px 23px;
			margin:0px;
			}
		.content ul li, .content ol li {
			line-height:180%;
			padding-bottom:5px;
			}
		.content ol  {
			padding:3px 0 3px 23px;
			margin:0px;
			}
			
	.note {
		background-color: #FFFFD9;
		margin: 10px 0 20px 0;
		padding: 5px 10px 10px 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}		
		
		.content ol.discount-rules li { }
		.content ol.discount-rules h3 { cursor: pointer; font-size: 14px; padding-top: 5px; }		
		.content ol.discount-rules a { text-decoration: none; border-bottom: #ccc dashed 1px; color: #444; padding-bottom: 2px; }	
		.content ol.discount-rules a:hover { border-bottom: #c00 dashed 1px; color: #222; }		
		
			ul.gas-table {
					padding:0;
					margin:0;
					}
				ul.gas-table li {
					list-style-type:none;
					clear:both;
					padding:10px 0 0 0;
					}
					ul.gas-table li.header {
						padding:23px 0 0 0;
						border-bottom:solid 1px #CBCBCB;
						float:left;
						width:100%;
						}
					ul.gas-table li.city {
						font-weight:bold;
						padding:15px 0 0 0;
						}
				ul.gas-table li .addr {
					float:left;
					width:38%;
					font-size:95%;
					padding:0 0 0 10px;
					line-height:140%;
					}
					ul.gas-table li .addr a{
						color:#333333;
						text-decoration:none;
						}
						ul.gas-table li .addr a:hover{
							color:#333333;
							text-decoration:underline;
							}
				ul.gas-table li .tel {
					float:left;
					width:17%;
					font-size:95%;
					color:#888888;
					line-height:140%;
					}
				ul.gas-table li .station {
					float:left;
					padding:0 0 0 10px;
					font-size:95%;
					font-weight:bold;
					color:#555;
					line-height:140%;
					}
					ul.gas-table li.header .station {
						font-weight:normal;
						}
				ul.gas-table li .serv {
					width:auto;
					line-height:140%;
					}
				ul.gas-table li .serv img {
					margin:0;
					}
				ul.gas-elements {
					margin:50px 0 0 0; 
					padding:0;
					list-style-type:none;
					}
	.banners {
		padding:110px 10px 10px 10px;
		clear:both;
		}
		.banners ul {margin:0;padding:0;}
			.banners ul li {
				position:relative;
				list-style-type:none;
				display:inline;
				float:left;
				margin:0 0 0 28px;
				padding:0;
				}

				.banners li a {
					color:#666;
					}
				.banners li a:hover {
					color:#F43E28;
					}
				.banners li a span {
					position:absolute;
					left:0;
					top:20px;
					font-size: 15px;
					text-decoration:none;
					}
	#footer {
		height:59px;
		background:url(../i/footer-left.jpg) top left no-repeat;
		padding-left:16px;
		}
	#footer .wrapper-left {
		background:url(../i/footer-right.jpg) top right no-repeat;
		padding-right:16px;
		height:59px;
		}
	#footer .wrapper-right {
		height:43px;
		padding:13px 27px 0 27px;
		background:url(../i/footer-bg.jpg) bottom left repeat-x #494F4F;
		border-top:solid 3px #e1635c;
		}
		#footer {
			margin:0;
			color:#fff;
			}
		#footer a {
			float:right;
			color:#fff;
			}

/*_____________________________*/
dl.news {
	margin:0 0 0 150px;
	}
	dl.news dt {
		clear:both;
		padding:25px 0 0 0;
		}
		dl.news dt img {
			float:left;
			margin:16px 0 0 -150px;;
			}
		dl.news dt span {
			background:#DA251D;
			color:#FFFFFF;
			font-size:11px;
			padding:2px 5px 2px 20px;
			}
	dl.news dd {
		margin:15px 0 0 20px;
		}
	dl.cont dd {
		margin:0 0 0 20px;
		}
dl.industry-news {
	margin:6px 0;
	}
	.industry-news dt, .industry-news dd, .industry span, .industry span a {
		color:#8F8F8F;
		font-size:11px;
		line-height:20px;
		border-bottom: none;
		}
	.industry-news dt, .industry-news dt a, .industry-news dt span {
		font-size:11px;
		color:#8F8F8F;
		margin:0 10px 0 0;
		border-bottom: none;
		}
	.industry-news dd {
		margin:0 0 20px 0;
		line-height:20px;
		}
	.industry-news dd h3, .industry-news dd h3 a  {
		padding:0;
		font-family:Tahoma, Arial, sans-serif;
		font-size:12px;
		text-decoration:none;
		line-height:20px;
		border-bottom: none;
		}
	.industry-news dd h3 a:hover {
		color:#DA251D;
		border-bottom: none;
		}
	dl.industry {
		margin:11px 0 0 0;
		}
		dl.industry dt span {
			color:#8F8F8F;
			background:none;
			padding:2px 10px 2px 0;
			font-size:11px;
			}
		dl.industry dt a {
			color:#8F8F8F;
			font-size:11px;
			border-bottom: none;
			}
		dl.industry dd {
			margin:0 0 30px 0;
			}
		.industry h1 {
			padding:0 0 3px 0;
			}
		.industry h2 {
			padding-top:0;
			font-size:15px;
			}
		dl.industry h2 a {
			text-decoration:none;
			border-bottom: none;
			}
		dl.industry h2 a:hover {
			color:#DA251D;
			border-bottom: none;
			}
	dl.gallery dd {
		margin:15px 0 45px 20px;
		}
		dl.news dd a {
			color:#111;
			text-decoration: none;
			font-size:12px;
			line-height:20px;
			}
		dl.industry dd h3 a {
			font-size:1em;
			line-height:125%;
			text-decoration:underline;
			}
		.nav dl.industry {
			margin:7px 0 0 0;
			}
		.nav dl.industry dd, .col-2 dl.industry dd {
			margin:0 0 20px 0;
			}
		.nav dl.industry dd h3 a, .col-2 dl.industry dd h3 a {
			font-family:Tahoma, Arial, sans-serif;
			font-size:12px;
			text-decoration:none;
			}
		.nav dl.industry dd h3 a:hover, .col-2 dl.industry dd h3 a:hover {
			color:#DA251D;
			}
		.nav dl.industry dd h3, .col-2 dl.industry dd h3 {
			padding:6px 0;
			}
		dl.news dd a:hover {
			color:#DA251D;
			}
		dl.news dd p {
			color:#595959;
			}
.pages {
	margin:25px 0 0 50px;
	text-align:right;
	}
.col-2 .pages {
	margin:0;
	}
	p.more {
		padding:6px 0 25px 0;
		}
	.pages a, .more a {
		color:#555;
		font-size:11px;
		}
	.pages span {
		color:#595959;
		}
		.pages span.ditto_currentpage {
			background:#ABABAB;
			margin:0 0 0 20px;
			padding:2px 5px;
			color:#FFFFFF;
			}
		.pages a {
			margin:0 0 0 20px;
			}
#qubstudio {
	position:absolute;
	right:0;
	bottom:145px;
	}
	
.contacts {
	position:relative;
	}
	.contacts h4 {		
		margin:25px 0 5px 0;
		font-size:100%;
		}
	.contacts .hot-tel{
		left:-290px;
		position:absolute;
		top:335px;
		width:250px;
		}
		.contacts .hot-tel span{
			float:right;
			color:#FFFFFF;
			background:#DA251D;
			}
			.contacts .hot-tel span h3{
				padding:5px 10px;
				color:#FFFFFF;
				}
	.discount .errors, .contacts .errors{
		color:#DA251D;
		margin:5px 5px 5px 25px;
		}
	.contacts p {		
		padding:0 0 0 25px;
		}
	#discount ul, .contacts ul {
		list-style:none;
		padding:0 0 0 25px;
		}
	form li, .contacts li {
		float:left;		
		width:100%;
		padding-bottom:10px !important;
		}
		form li div, .contacts li div{
			margin:2px 0;
			}
		.contacts li.half {			
			width:50%;
			}
		.half, .date, .month, .year {
			float:left;
			width:50%;
			}
		.date { width:10% }
		.month { width:24% }
		.year { width:8% }
		form li input, .contacts li input {	
			width:90%;
			}
			form li.button input, .contacts li.button input {	
				width:auto;
				}
		form li textarea, .contacts li textarea {	
			width:95%;
			}
	form label { display:block; }
	form label.desc { font-weight:bold;display:block !important;margin:10px 0 2px 0; }
	#birthDate { width:20px }
	#birthYear { width:32px }
	form .fuel input { width:auto;margin:0 5px 0 0; }
	form .fuel label { display:inline;margin:0 10px 0 0; }
/***************PWS Login Form****************/
.fixed {
	position:fixed;
	}
.absolute {
	position:absolute;
	}
#pws-overlay {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:100;
	}
#pws-login {
	margin:0;
	padding: 10px 10px 20px;
	width:300px;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
	color:#000;
	background:#F8F7F7 url(../i/123.gif) right top;
	z-index:101;
	text-align:left;
	}
	#pws-login p {
		line-height:130%;
		padding:0 0 15px 0;
		}
	#pws-login input {
		display:block;
		border:1px solid #999; 
		margin:3px 0 8px;
		}
	#pws-login .submit {
		float:right;
		padding:5px 10px;
		margin:7px 0 0 0;
		border:none;
		background-color:#FF1E00;
		color:#fff;
		}
/*-----------------------------------------*/
.table {
	width:100%;
	}
.table th {
	border-bottom:1px solid #999;
	padding:6px 5px;
	}
.table td {
	padding:5px;
	}
	.table .alt td {
		background-color:#ddd;
		} 
.filter {
	margin:0 0 21px;
	padding:10px 0 15px 12px;
	background-color:#dfdad1;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px
	}
	.filter div {
		position:relative;
		float:left;
		width:31%;
		margin-right:12px;
		}
	.filter div label {font-size:10px; margin:0 0 3px 5px}
	.filter div select {width:99%}
ul.gas-stations {position:relative; list-style:none; padding:0; margin:0 12px;}
	ul.gas-stations li {float:left; width:100%; border-bottom:1px solid #eee; padding:3px 0 2px;}
	ul.gas-stations li div {float:left; margin:0 12px 0 0;}
	ul.gas-stations li.head {color:#000; font-size:13px; padding:0 0 10px;}
	ul.gas-stations .city {width:110px}
	ul.gas-stations .adress {width:240px}
	ul.gas-stations .station {width:130px}