html,body {padding:0;margin:0; width:100%; height:100%; background: #fff;}
body {color:#050300;  font:62.5% Arial, Helvetica, sans-serif;}


img{border:0; font-size:1px;}
.img{display: block; margin:0; padding:0;}

/*pngfix*/
a, img, div, input, span { behavior: url("public/js/iepngfix.htc") }
img.nopngfix{ behavior: none !important }


.fl{float:left !important;}
.fr{float:right !important;}

.clr{clear:both;}
.clr2{clear:both; height:1px;}
form{padding:0; margin:0;}
.img{margin: 0 8px 5px 0;}

h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:normal; text-decoration:underline;  padding:0 0 10px 0px; margin:0;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#183995; padding:10px 0; margin:0; font-weight:normal;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; padding:0; margin:0;}
h4{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal; padding:0; margin:0;}
h5{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal; padding:0; margin:0;}
h6{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:normal; padding:0; margin:0;}

a{color: #315bbf; text-decoration: underline; cursor: pointer;}
a:hover{text-decoration: none;}

ul{margin: 20px;}
p{margin:0; padding: 5px 0 8px 0;}

#allPage{width:100%; min-width:1000px; height: auto !important; height:100%; min-height:100%; margin:auto; position:relative; }

.border{width:1000px; margin:auto; position:relative; min-height:810px; _height:810px;}



.wood{background:url(../i/wood.jpg) 0 0 repeat;}
.glass{background:#e8eae7 url(../i/glass_bg.jpg) 50% 0 no-repeat;}
.bruscatka{background:url(../i/bruscatka_bg.jpg) 0 0 repeat;}
.graffiti{background:url(../i/graffiti_bg.jpg) 0 0 repeat;}
.stone{background:url(../i/stone_bg.jpg) 0 0 repeat;}
.carpet{background:url(../i/carpet_bg.jpg) 0 0 repeat;}
.koza{background:url(../i/koza_bg.jpg) 0 0 repeat;}
.laminat{background:url(../i/laminat_bg.jpg) 0 0 repeat;}
.linoleum{background:url(../i/linoleum_bg.jpg) 0 0 repeat;}
.nergaveyka{background:url(../i/nergaveyka_bg.jpg) 0 0 repeat;}
.parket{background:url(../i/parket_bg.jpg) 0 0 repeat;}
.saiding{background:url(../i/saiding_bg.jpg) 0 -63px repeat;}
.santehnika{background:#e4e4e0 url(../i/santehnika_bg_main.jpg) 0 0 no-repeat;}
.tekstil{background:url(../i/tekstil_bg.jpg) 0 0 repeat;}
.jewelry{background:url(../i/jewelry_bg.jpg) 0 0 no-repeat;}
.kafel{background:url(../i/kafel_bg.jpg) 0 0 repeat;}

.logo{width:278px; height:144px; background:url(../i/logo.png) 0 0 no-repeat; 
display:block; text-indent:-10000px; overflow:hidden; position:absolute; top:88px; left:85px;}
.astro{width:24px; height:80px; background:url(../i/astro.png) no-repeat; display:block; text-indent:-10000px; overflow:hidden; right:0; top:14px; position:absolute; }


/*menu*/
#top_menu{list-style:none; padding:0; margin:0; position:absolute; top:48px; left:456px;}
#top_menu li{color:#007fa9; height:28px;}
#top_menu li a{color:#007fa9;text-transform:uppercase; font-size:21px; text-decoration:none;}
#top_menu li a:hover, #top_menu li.active a{ color:#5B574F;}

/*search*/
.search_area{position:absolute; top:320px; left:86px; }
.search{width:340px; height:33px; background:url(../i/search.png) 0 0 no-repeat;}
.search input{margin-left:152px; width:153px; border:0; background:transparent; font-style:italic; color:#fff; font-weight:bold;}
.search a.bt{background:url(../i/search_bt4.gif) 0 0 no-repeat; font-size:16px; padding:0 4px; text-decoration:none; }
.search a.bt:hover, .search a.bt:focus{background:url(../i/search_bt4.gif) 0 -19px no-repeat; }

/*region*/
.region_area{position:absolute; top:359px; left:84px; z-index:500;}
.region{background:url(../i/region.png) 0 0 no-repeat; width:357px; height:70px;}
.region .select{margin-left:170px;}


#footer{width:100%;  min-width:1000px; margin: -120px auto 0 auto; height:120px;  z-index:10; position:relative; font-size:1.2em;}
.border2{width:1000px; height:120px; margin:auto; position:relative;}
#footer a{color:#000;}
.copy{position:absolute; top:13px; left:445px;}
.f_l{padding:7px 0 0 85px; width: 100px;}


.adress {position:absolute; top:13px; right:107px; width:280px; text-align: right;}
.adress div.c span { display:block; float:right; margin:0 10px 0 0; height:18px; cursor:pointer; border-bottom:1px dashed #000}
.adress div.adr { position:absolute; top:27px; left:0; display:none }
.adress div.here div.adr { display:block }
.clr_body{height:454px;}

/*scroller*/
.scroller{padding:34px 0px 50px 86px; height:1%; position:relative;}
.t{background: url(../i/t_viberi_poverhnost.png) 0 0 no-repeat; width:286px; height:20px; position:absolute; left:87px; top:0; text-indent:-10000px;}

.scroller #scr_left {position:absolute; left:32px; top:69px; display:block;  text-indent: -10000px; width:28px; height:74px; overflow: hidden;  }
.scroller #scr_left span {display:block; width:28px; height:148px; background:url(../i/go_left.png) 0 0 no-repeat; position: relative; }
.scroller a#scr_left:hover span { margin-top: -74px; }

.scroller #scr_right{position:absolute; right:40px; top:69px; display:block; text-indent: -10000px; width:28px; height:74px; overflow: hidden;}
.scroller #scr_right span {display:block; width:28px; height:148px; background:url(../i/go_right.png) 0 0 no-repeat; position: relative;}
.scroller a#scr_right:hover span { margin-top: -74px; }

.scroller .block {width:167px; height:193px; overflow:hidden; background:url(../i/shd_block.png) 0 0 no-repeat; display:block; float:left; cursor:pointer;}

.scroller .hover {background:#000; }

.scroller .block .prod_name{position:relative; font-size:14px; color:#454137; font-weight:bold; font-style:italic; text-decoration:none;}
.scroller .block .prod_name:hover{color:#000;}
.scroller .here .prod_name{position:absolute; top:156px;}
.scroller .block img{display:block; margin:9px 0 21px 9px; }
.scroller .here {background:none; width:304px; height:127px; border: solid 9px #3ca3cc; margin-right:20px; cursor:default}
.scroller .here img{display:none;}
.scroller i{display:none;}
.scroller .ramka {height: 100px; width: 100px; display: none; width: 119px; height:126px;  margin-bottom: -144px; border: solid 9px #60bcda; } 
.scroller .here .ramka {display: none !important;}

#bt{position:absolute; display:none; z-index:150; top:-35px; margin-left:-58px}
.show_img { display:block !important;}


#scroll_area{overflow:hidden; width:825px; position:relative; height:190px; }
#wrap_area{height:190px; width:10000px; position:absolute; top:0; left:0;}

/*select*/
.select{width:174px; position:relative; height:20px;}
.select_dd{ position:absolute;left:-1px; top:0px; width:180px;}
.select span{color:#fff; padding:1px 12px; font-size:12px; font-style:italic; font-weight:bold; display:block; cursor:pointer; cursor: hand;}
.select ul{ width:180px; display:none; list-style:none; background:#60bddd; padding:5px 0; margin:0; position:relative; z-index:50; float:left;}
.select ul li{color:#fff; padding:1px 13px;  font-size:12px; cursor:pointer; display:block; width:154px; float:left; clear:left;}
.select ul li:hover, .select ul li.hover{background:#fff; color:#007FA9;}

#flash{
	width:100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	top: 0; left: 0; 
	min-width: 1000px;

}