@import "reset.css";
html{
	font-size:100.01%;
	}
body{
	background:#ae2b01 url(i/backgrounds/body.gif) repeat-x 0 0;
	color:#6d1004;
	font-family:"Arial";
	font-size:0.75em;
	}
#main-page{
	background:#b94414;
	}
a{
	color:#6d1004;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}
p{
	line-height:1.2em;
	margin:0 0 1em 0;
	}
h1{
	font-size:2.00em;
	font-weight:normal;
	margin:0 0 .5em 0;
	}	
h2{
	font-size:1.08em;
	font-weight:bold;
	margin:3.2em 0 .9em 0;
	text-transform:uppercase;
	clear:both;
	}	
	
table{
	
	}
table td,
table th{
	padding:5px 7px 7px;
	border:0px dotted #6d1004;
	}
table .first{
	border-left:0;
	}
table .last{
	border-right:0;
	}
table td{
	border-top:0;
	}
table th{
	border-bottom:0;
	border-top:0;
	font-weight:bold;
	background-color:#fcd300;
	padding:0;
	background-repeat:no-repeat;
	}
table th div{
	padding:5px 7px 7px;
	background-repeat:no-repeat;
	}
table th.first{
	background-image:url(i/backgrounds/table.bl.gif);
	background-position:0 100%;
	}
table th.last{
	background-image:url(i/backgrounds/table.br.gif);
	background-position:100% 100%;
	}
table th.first div{
	background-image:url(i/backgrounds/table.tl.gif);
	background-position:0 0;
	}
table th.last div{
	background-image:url(i/backgrounds/table.tr.gif);
	background-position:100% 0;
	}
	
hr{
	height:0px;
	overflow:hidden;
	color:#ffffff;
	background:transparent;
	padding:0;
	border:0;
	border-top:1px dotted #6d1004;
	}
	
.img-right{
	float:right;
	margin-left:32px;
	}
.more{
	font-weight:bold;
	}	
.bone{
	position:relative;
	}
#main-page .bone{
	background:#8f0601 url(i/backgrounds/main.page.gif) repeat-x 0 100%;
	}
#main-page .main-page-bg{
	background:url(i/backgrounds/main.page.jpg) no-repeat 0 100%;
	}
.bone .main-page-bg{
	padding:17px 24px 22px;
	}
#inner-page .main-page-bg{
	padding-bottom:12px;
	}
	
/* HEAD
**********************************************************************/
.head{
	position:relative;
	padding:0 0 22px 0;
	}
#inner-page .head{
	background:url(i/backgrounds/head.jpg) no-repeat 50% 100%;
	}
#logo{
	display:block;
	float:left;
	margin-left:29px;
	}
.head .menu{
	position:absolute;
	top:10px;
	left:50%;
	float:left;
	}
.head .menu .inner{
	position:relative;
	left:-50%;
	margin-left:-10px;
	}
	
.head .menu ul{
	float:left;
	padding-right:32px;
	}
.head .menu ul.last{
	padding-right:0;
	}
.head .menu li{
	clear:left;
	}
.head .menu a{
	display:block;
	float:left;
	overflow:visible;
	font-weight:bold;
	color:#f2d10b;
	text-decoration:none;
	height:19px;
	background:#7f0d03;
	padding:6px 6px 0;
	}
.head .menu .active a,
.head .menu li:hover a{
	background:url(i/backgrounds/menu.gif) no-repeat 0 -53px;
	color:#6d1004;
	position:relative;
	left:-4px;
	z-index:100;
	padding-left:10px;
	margin-right:-4px;
	}
.head .menu .active a span,
.head .menu li:hover a span{
	background:url(i/backgrounds/menu.gif) no-repeat 100% -53px;
	display:block;
	float:left;
	height:25px;
	width:4px;
	overflow:hidden;
	position:absolute;
	right:-4px;
	top:0;
	}
	
.head .menu .bg-l,
.head .menu .bg-r{
	display:block;
	float:left;
	height:25px;
	width:4px;
	overflow:hidden;
	background:url(i/backgrounds/menu.gif) no-repeat 0 0;
	}
.head .menu .bg-r{
	float:left;
	background:url(i/backgrounds/menu.gif) no-repeat 100% 0;
	}
#potable-water .bg-l,
#about .bg-l,
#about-woter .bg-l{
	background-position:0 -24px;
	}
#potable-water .bg-r,
#about-woter .bg-r{
	background-position:100% -24px;
	}
#equipment-for-pouring .bg-l,
#additional-production .bg-l,
#certificates .bg-l{
	background-position:-1000px -24px;
	background-color:#7f0d03;
	}
#equipment-for-pouring .bg-r,
#certificates .bg-r{
	background-position:100% -24px;
	}
#additional-production .bg-r{
	background-position:100% -28px;
	}
#special-offers .bg-l,
#contacts .bg-l,
#delivery-of-water .bg-l{
	background-position:0 -28px;
	}
#special-offers .bg-r,
#contacts .bg-r{
	background-position:100% -28px;
	}
	
#equipment-for-pouring a{
	padding-right:7px;
	}
	
.head .cart{
	float:right;
	width:24.5%;
	background:#e49000 url(i/backgrounds/gr.gif) repeat-y 0 0;
	margin-top:3px;
	position:relative;
	z-index:1000;
	}
.head .cart .inner{
	padding:2px 18px 5px;
	}
.head .cart p{
	margin:0;
	}
.rounded .bg-t,
.rounded .bg-t div,
.rounded .bg-b,
.rounded .bg-b div{
	height:10px;
	background-repeat:no-repeat;
	}
.rounded .bg-t,
.rounded .bg-b{
	margin-right:10px;
	background-position:0 0;
	background-repeat:no-repeat;
	}
.rounded .bg-t div,
.rounded .bg-b div{
	position:relative;
	right:-10px;
	overflow:hidden;
	background-position:100% 0;
	background-repeat:no-repeat;
	}
.cart .bg-t,
.cart .bg-t div{
	background-image:url(i/backgrounds/cart.t.gif);
	}
.cart .bg-b div,
.cart .bg-b{
	background-image:url(i/backgrounds/cart.b.gif);
	}

.head .call{
	padding:22px 58px 0 0;
	margin:0;
	clear:right;
	float:right;
	}
	
/* MIDDLE
**********************************************************************/
.middle{

	width:100%;
	}
.main-column{	
	float:left;
	width:100%;
	}
.main-column .wrap{
	margin-left:247px;
	}

#main-page .main-column .wrap{
	padding-left:237px;
	}
#inner-page .main-column .wrap{
	background:#ffffff url(i/backgrounds/wrap.t.gif) no-repeat 100% 0;
	}
#inner-page .wrap .wbg-bl{
	background:url(i/backgrounds/wrap.bl.gif) no-repeat 0 100%;
	}
#inner-page .wrap .wbg-br{
	background:url(i/backgrounds/wrap.br.gif) no-repeat 100% 100%;
	padding:18px 21px 25px;
	}
	
.sidebar{
	width:247px;
	float:left;
	
	margin-left:-100%;
	}
	
.online-order{
	position:absolute;
	bottom:386px;
	left:314px;
	}
	
/* bunner */
.bunner2{
	width:203px;
	position:relative;
	background:#e49000 url(i/backgrounds/bunner.m.gif) repeat-y 0 0;
	}

.bunner{
	width:203px;
	padding:0 16px;
	margin:9px 0 30px;
	position:relative;
	background:#e49000 url(i/backgrounds/bunner.m.gif) repeat-y 0 0;
	}
.bunner-last{
 	margin-bottom:21px;
	}
.bunner .text{
	position:relative;
	z-index:100;
	}
.bunner .photo{
	z-index:50;
	position:absolute;
	bottom:-9px;
	right:0;
	}
.bunner .bg-t{
	width:235px;
	height:42px;
	background:url(i/backgrounds/bunner.t.gif) no-repeat 0 0;
	position:absolute;
	top:-9px;
	left:0;
	z-index:10;
	}
.bunner .bg-b{
	width:235px;
	height:88px;
	background:url(i/backgrounds/bunner.b.gif) no-repeat 100% 0;
	position:absolute;
	bottom:-9px;
	left:0;
	z-index:5;
	}
.bunner h2{
	margin:0;
	padding:10px 0 3px;
	}
.bunner p{
	margin:0 !important;
	padding:5px 64px 9px 0;
	}
	
/* navigation */
.navigation{
	background:url(i/backgrounds/nav.b.gif) no-repeat 0 100%;
	margin-bottom:11px;
	padding:0 0 20px;
	}
.navigation ul{
	margin:0 0 0 0;
	padding:18px 20px 9px;
	background:#ffffff url(i/backgrounds/nav.t.gif) no-repeat 0 0;
	}
.navigation li{
	margin-bottom:11px;
	}
.navigation a.active,
.navigation a:hover{
	color:#b47202;
	text-decoration:none;
	}
.navigation ul ul{
	margin:0 0 0 0;
	padding:12px 0 0 12px;
	background:none;
	font-size:0.92em;
	}
.navigation li li{
	margin-bottom:8px;
	}
.navigation li li a.active,
.navigation li li a:hover{
	font-style:italic;
	}
	
/* about-company */
.about-company{
	margin-bottom:9px;
	}
.about-company .text{
	background:#6d1004;
	padding:10px 22px 20px;
	color:#f9df19;
	}
.about-company a{
	color:#f9df19;
	}
.about-company h2{
	padding:0 0 12px 0;
	margin:0;
	}
.about-company .bg-t,
.about-company .bg-t div{
	background-image:url(i/backgrounds/abou.company.t.gif);
	}
.about-company .bg-b,
.about-company .bg-b div{
	background-image:url(i/backgrounds/abou.company.b.gif);
	}
	
/* news */
.news{
	padding:12px 22px 0;
	color:#f9df19;
	margin-bottom:9px;
	}
.news a{
	color:#f9df19;
	}
.news h2{
	margin:0;
	}
.news-list{
	margin:12px 0 0;
	padding:0;
	list-style:none;
	}
.news-list li{
	width:45%;
	margin-right:4.8%;
	float:left;
	}
.news-list h3{
	font-size:1em;
	font-weight:bold;
	margin:0 0 6px;
	padding:0;
	}
.news-list a{
	line-height:1.2em;
	}
	
/* pages */
.pages{
	margin:10px 0;
	}
.pages span{
	font-weight:bold;
	}
.pages strong{
	background-color:#7f0d03;
	font-weight:normal;
	color:#ffffff;
	padding:0 2px;
	}
.pages a{
	margin:0 2px;
	}
	
/* products-list */
.products-list{
	font-size:0.92em;
	margin:38px 0 0 0;
	}
.products-list .item{
	width:45%;
	float:left;
	margin-right:4.8%;
	padding-bottom:50px;
	}
.products-list img{
	float:left;
	}
.products-list h2{
	margin:0 0 6px 88px;
	clear:none;
	}
.products-list .tth{
	margin:0 0 0 88px;
	}
.products-list td,
.products-list th{
	padding:1px 0;
	background:none;
	font-weight:normal;
	border:none;
	}
.products-list td{
	vertical-align:middle;
	}
.products-list .info{
	margin:12px 0 0 88px;
	padding:0;
	list-style:none;
	}
.products-list .info li{
	display:inline;
	line-height:18px;
	}
.products-list .price{
	float:left;
	margin:0 12px 0 0;
	}
.products-list .price strong{
	background:#fcd300;
	font-weight:normal;
	padding:2px 3px;
	}
.products-list .buy{
	font-weight:bold;
	}
.products-list .separate{
	clear:both;
	}
	
/* sidebar-item */
.sidebar-item{
	background:#871802 url(i/backgrounds/sidebar.item.gif) no-repeat 0 0;
	color:#f9df19;
	margin-bottom:12px;
	width:235px;
	}
.sidebar-item .item-inner{
	background:url(i/backgrounds/sidebar.item.gif) no-repeat 100% 100%;
	padding:18px 16px 13px;
	}
.sidebar-item a{
	color:#f9df19;
	}
.sidebar-item h2{
	margin:0 0 10px 0;
	}
	
.link-list{
	margin:0;
	padding:0;
	list-style:none;
	}
.link-list li{
	margin:0 0 14px 0;
	padding:0;
	line-height:1.2em;
	}
	
/* FOOTER
**********************************************************************/
.footer{
	margin:30px 0 0 362px;
	}
#inner-page .footer{
	margin-left:247px;
	margin-top:12px;
	}
.footer p{
	margin:0;
	}
.footer .text{
	background:#871802;
	padding:3px 22px;
	color:#bf6409;
	}
.footer a{
	color:#bf6409;
	}
.footer a:hover{
	color:#f9df19;
	}
.footer .counters{
	float:right;
	}
.footer .counters img{
	vertical-align:bottom;
	}
.footer .copyright{
	margin-right:136px;
	}
.footer .bg-t,
.footer .bg-t div{
	background-image:url(i/backgrounds/footer.t.gif);
	}
.footer .bg-b,
.footer .bg-b div{
	background-image:url(i/backgrounds/footer.b.gif);
	}
	

/* UTIL */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
input, textarea 	{           
	border:1px solid #CCCCCC;
	}
#icq {
	padding:4px;
	margin-left:8px;
}
#ny td {
	border: 1px solid #ccc !important;
}
#tupo {
	height:160px;
}
.sroll {
	float:right;
}