/* CSS Document */

/*----------------------------- GLOBAL ----------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1; background:#95724b}
ol, ul{list-style: none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus {outline:0;}
ins {text-decoration:underline;}
del {text-decoration:line-through;}
html, body{height:100%; font:12px Arial, Helvetica, sans-serif; color:#FFF;}
.wrapper{width:1000px; padding:0 0 20px; /*background:#95724b;*/ min-height:100%; height:auto!important; height:100%; margin:0 auto; position:relative; z-index:2}
h1{font-size:18px; font-weight:normal;}
h6, h5{font-size:12px; font-weight:bold}
h5{ font-size:14px;}
h4{ font-weight:bold; font-size:18px; color:#fc3}
a{color:#FFF; text-decoration:underline}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}

/*---------------------------- END GLOBAL --------------------------*/






/*-------------------------- CONTENT LISTS -------------------------*/

.content ul{list-style:disc; margin:10px 10px 15px; padding:0 0 0 15px;}
.content ul ul, .content ol ul{margin:5px 10px 10px}
.content ul li, .content ol li{margin:0 0 5px;}
.content ol{list-style:decimal; margin:10px 10px 15px 30px; _margin:10px 10px 15px 32px;}
.content ol ol, .content ul ol{margin:5px 10px 5px 30px; _margin:5px 10px 10px 32px;}
/*Safari*/body:first-of-type .content ol{margin:10px 10px 10px 28px;}
/*Safari*/body:first-of-type .content ol ol, body:first-of-type .content ul ol{margin:5px 10px 10px 28px;}

/*------------------------ END CONTENT LISTS -----------------------*/



/*----------------------- CONTENT PARAGRAPH ------------------------*/

.content p{text-align:justify; margin:0 0 10px; line-height:1.2}

/*--------------------- END CONTENT PARAGRAPH ----------------------*/






/*----------------------------- HEADER -----------------------------*/

.header{background:/* url(/application/views/sb/images/clouds.gif) no-repeat 0 42px #26abf7*/; height:253px; position:relative;}
.logo{position:absolute; top:115px; left:23px;}
.top_navi{position:absolute; bottom:44px; color:#fc3; font:bold 14px Arial, sans-serif; letter-spacing:0.5px; width:900px; left:50%; margin-left:-480px; background:#51bcf9; padding:0 30px; text-align:justify; text-justify:newspaper; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
 .top_navi li{line-height:22px; float:none; text-align:left; width:auto; display:inline-block; vertical-align:top; }
  .top_navi .tl, .top_navi .tr, .top_navi .br, .top_navi .bl, ul.sub-navi .tl , ul.sub-navi .tr, ul.sub-navi .br,  ul.sub-navi .bl{ width:3px; height:3px; background:  url(../images/pic1.gif) no-repeat; position:absolute; top:0; left:0; overflow:hidden; }
  .top_navi .tr, .top_navi .br,  ul.sub-navi .tr, ul.sub-navi .br{ left:auto; right:0; background-position:-3px 0;   }
  .top_navi .br, .top_navi .bl, ul.sub-navi .br, ul.sub-navi .bl{ top:auto; bottom:0; background-position:-3px -3px;  }
  .top_navi .bl, ul.sub-navi .bl{ background-position:0 -3px; }
.top_navi a{ color:#FFF; text-decoration:none;}
/*Safari*/body:first-of-type .top_navi{ font-weight:normal; font-size:12px}
.top_navi{ z-index:100; }
* html .top_navi li{ display:inline; }
				* + html .top_navi li{ display:inline; }
				ul.top_navi li.last{ width:100%; height:0; overflow:hidden; }
.header{ z-index:100; zoom:1; }
/*ul.submenu{ position:absolute; bottom:20px; left:20px; margin-left:-10px; overflow:hidden; zoom:1; }
ul.submenu li{ float:left; margin-left:10px; }*/



ul.sub-navi{ position:absolute; padding:0 30px;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#51bcf9; bottom:15px; left:20px; }
				ul.sub-navi li{ line-height:22px; float:left; margin-right:10px; }
				ul.sub-navi a, ul.sub-navi{ color:#000; text-decoration:none; }
				ul.sub-navi a:hover{ text-decoration:underline; }
/*--------------------------- END HEADER ---------------------------*/




/*--------------------------- CONTENT ---------------------------*/

.content{  margin:-16px 0 0; padding:16px 28px 0 23px; border-bottom:1px solid #95724b; position:relative;  line-height:1;}
.content a{ color:#fc3}
.present{position:absolute; left:614px; top:188px; z-index:3; font-size:18px}
.cont_tl_corn{position:absolute; display:block; background:url(/application/views/sb/images/mount2.gif) no-repeat; width:190px; height:22px; top:0; left:4px;}
.cont_r_corn{height:36px; position:absolute; background:url(/application/views/sb/images/mount_rbg.gif) no-repeat 0 100% #26abf7; right:0; top:16px; width:28px; display:block;}
.cont_tr_corn{ position:absolute; background:url(/application/views/sb/images/cont_tr_bg.gif) no-repeat; width:153px; height:21px; top:9px; right:0;}
.over_cont, .over_cont_prod, .over_cont_index{ background:url(/application/views/sb/images/cont_bg2.png); z-index:1; position:relative; overflow:hidden; /*IE6*/_zoom:1;  padding:15px 20px 30px; width:909px;   }
.over_cont_index{ padding:0; width:100%;}

.over_cont_prod{ background:#fff; color:#000;  padding:15px 20px; /*IE*///padding:15px 20px 0}







/*------------------------  INC PAGE METRO ---------------------------*/

.cont_navi{overflow:hidden; /*IE6*/_zoom:1; clear:both; height:50px;}
.cont_navi select{ font-size:12px; margin:3px 20px 0 0; float:left}

/*Safari*/body:first-of-type .cont_navi select{margin:0 20px 0 0;}
.content .map{ float:left; overflow:hidden; position:relative; list-style:none; margin:0 0 0 -12px; padding:0; font: bold 18px "Myriad Pro Cond", Arial, sans-serif; color:#fc3;}
.over_cont_prod .map{color:#00c}
.over_cont_prod .map a{color:#00c}
/*Safari*/body:first-of-type .content .map{font-size:14px}
.content h5{margin:0 0 17px; clear:both;}
.over_cont_prod h4{color:#000;}

.content .map li{ float:left; margin:0 0 0 -1px; padding:0 12px; border-left:1px solid #fc3; }
.over_cont_prod .map li{border-left:1px solid #00c;}
.content .back{ margin:10px 0 0 -6px; /*IE6*/_margin:10px 0 0 -4px; clear:both; padding:0 0 2px; list-style:none; float:left; overflow:hidden; position:relative; color:#333}
 .over_cont_prod .back a{ color:#00c; font-weight:bold;}
.content .back li{ float:left; display:inline; margin:0 0 0 -1px; padding:0 10px; border-left:1px solid #fff;}
.over_cont_shop dl, .address{/*IE*///zoom:1; border-bottom:1px solid #604a35; padding:0 0 10px; margin:0 0 20px;}
.over_cont_shop dt, .address dt{ font-weight:bold; float:left; clear:left; width:110px; margin:0 0 12px;}
.over_cont_shop dd, .address dd{ margin:0 0 12px;}
.metro{background:url(/application/views/sb/images/map.gif) no-repeat; width:390px; height:483px; float:right; position:relative; margin:0 0 0 30px; /*IE6*/_margin:0 0 0 27px;}
.shop{overflow:hidden; /*IE6*/_zoom:1;}
.contain_shop{overflow:hidden;  /*IE6*/_zoom:1; position:relative;}
.over_cont_shop{margin:0 0 -21px;}

.st1, .st2, .st3, .st4, .st5, .st6, .st7, .st8, .st9, .st10, .st11, .st12, .st13, .st14, .st15, .st16{position:absolute;}
.st1 img, .st2 img, .st3 img, .st4 img, .st5 img, .st6 img, .st7 img, .st8 img, .st9 img, .st10 img, .st11 img, .st12 img, .st13 img, .st14 img, .st15 img, .st16 img{/*IE6*/_behavior: url("/application/views/sb/css/iepngfix.htc"); width:14px; height:14px;}

.st1 a, .st2 a, .st3 a, .st4 a, .st5 a, .st6 a, .st7 a, .st8 a, .st9 a, .st10 a, .st11 a, .st12 a, .st13 a, .st14 a, .st15 a, .st16 a, .act{display:block; width:22px; height:21px; padding:8px 0 0 8px;}
a.a_img_map_metro {display:block; width:22px; height:21px; padding:8px 0 0 8px;}

.st1 a:hover, .st2 a:hover, .st3 a:hover, .st4 a:hover, .st5 a:hover, .st6 a:hover, .st7 a:hover, .st8 a:hover, .st9 a:hover, .st10 a:hover, .st11 a:hover, .st12 a:hover, .st13 a:hover, .st14 a:hover, .st15 a:hover, .st16 a:hover, .act{ background:url(/application/views/sb/images/st3_bg.png) no-repeat; /*IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/application/views/sb/images/st3_bg.png', sizingMethod='scale'); /*IE6*/_background:none; cursor:pointer}

a.a_img_map_metro:hover { background:url(/application/views/sb/images/st3_bg.png) no-repeat; /*IE6*/_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/application/views/sb/images/st3_bg.png', sizingMethod='scale'); /*IE6*/_background:none; cursor:pointer}


.act{ cursor:auto}
.st1{left:351px; top:88px;}
.st2{left:249px; top:11px;}
.st3{left:177px; top:35px;}
.st4{left:225px; top:75px;}
.st5{left:163px; top:94px;}
.st6{left:48px; top:98px;}
.st7{left:123px; top:128px;}
.st8{left:67px; top:172px;}
.st9{left:53px; top:232px;}
.st10{left:190px; top:248px;}
.st11{left:105px; top:313px;}
.st12{left:167px; top:372px;}
.st13{left:249px; top:368px;}
.st14{left:279px; top:238px;}
.st15{left:279px; top:188px;}
.st16{left:191px; top:300px;}

/*------------------------  END INC PAGE METRO ---------------------------*/









/*------------------------  INC PAGE ADDRESS ---------------------------*/

.cont_navi h1{ font:bold 16px "Myriad Pro Cond", Arial, Helvetica, sans-serif; color:#fc3; float:left; margin:3px 0 0;}
/*Safari*/body:first-of-type .cont_navi h1{ font-size:14px;}
.about_shop{ border-bottom:1px solid #604a35; padding:0 0 30px; margin:0 0 45px;}
.address{ border:0;}
.content h4{ margin:0 0 17px;}

/*------------------------  END INC PAGE ADDRESS ---------------------------*/











/*------------------------  INC PAGE DETAIL NEWS ---------------------------*/

.news_foto{ float:left; margin:0 14px 0 0; /*IE6*/_margin:0 11px 0 0;}
.news_txt{ overflow:hidden; /*IE6*/_zoom:1; padding:0 70px 0 0; font-size:11px; text-align:left}
.date{ margin:0 0 15px;}

/*------------------------  END INC PAGE DETAIL NEWS ---------------------------*/





/*------------------------  INC PAGE LIST NEWS ---------------------------*/

.content .list_news, .content .list_prod{ margin:0 0 20px; padding:0; list-style:none; overflow:hidden; /*IE6*/_zoom:1;}
.content .list_news li, .content .list_prod li{ display:block; padding:0; margin:0; width:50%; float:left; overflow:hidden; /*IE6*/_zoom:1; /*IE*///margin:0 0 0 -1px;}
.list_news li img, .list_prod img{ float:left; margin:0 12px 0 0; background-color: White;}
.list_news .date{ font-size:10px; margin:0 0 5px;}
.list_news h6, .list_prod h6{ margin:0 0 10px;}
.list_news .news_txt, .list_prod .news_txt{ padding:0 30px 0 0;}
.about{ display:block; margin:5px 0 0; padding:0 0 2px;}
.content .pages, .content .pag_gal{ margin:10px 0 0; padding:0; list-style:none; float:right}
.content .pages li, .content .pag_gal li{ float:left; margin:0 8px 0 0; padding:0;}

/*------------------------  END INC PAGE LIST NEWS ---------------------------*/










/*------------------------  INC PAGE DETAIL ---------------------------*/

.list_prod{ margin:0 0 17px; overflow:hidden; /*IE6*/_zoom:1; font-size:11px;}
.list_prod dt{ background: url(/application/views/sb/images/prod_tab.gif) no-repeat 0 4px; padding:0 0 0 7px; font-weight:bold; font-size:12px; margin:0 0 13px;}
/*Opera*/html:first-child .list_prod dt{ background-position: 0 5px;}
.list_prod dd{ margin:0 0 10px; line-height:1.2}
.content .foto{ margin:0 0 0 -13px; /*IE6*/_margin:0 0 0 -26px; overflow:hidden; /*IE*///zoom:1; padding:0 0 45px;  list-style:none}
/*IE7*/*+html .content .foto{padding:0 0 57px;}
.content .foto li{ margin:0 0 10px 13px; padding:0; float:left; font-size:0; }
.content .foto li img{ margin:0;}
.galery{ text-align:right }
.galery a{font-weight:bold; color:#00c;}
.shop h5{ font-weight:normal;}
.gal{float:right; width:225px; margin:0 30px 0 65px; /*IE6*/_margin:0 15px 0 62px;}
.gal img{margin:0 0 12px;}

/*------------------------  END INC PAGE DETAIL ---------------------------*/










/*------------------------   INC PAGE PUBLICATION ---------------------------*/

.publ dt{ float:left; clear:left; font-weight:bold; font-size:12px; color:#fc3; margin:0 30px 0 0; padding:3px 0 0;}
.publ dd{ overflow:hidden; /**/_zoom:1; padding:0 90px 0 0;}
.publ dd h1{ margin:0 0 15px;}
.publ dd p{ margin:0 0 30px;}

/*------------------------   END INC PAGE PUBLICATION ---------------------------*/















/*------------------------   INC PAGE LIST PUBLICATION ---------------------------*/

.list_publ{ float:left; width:40%; padding:0 6% 0 0;}
.list_publ dt{ font-size:10px; color:#fc3; border-left:6px solid #bcaea1; /*IE6*/_zoom:1;  padding:0 0 3px 25px;}
.list_publ dd{border-left:6px solid #bcaea1; /*IE6*/_zoom:1; padding:0 0 1px 24px; margin:0 0 17px; line-height:1.2}
.list_publ dd a{ font-size:12px; font-weight:bold; color:#FFF}

/*------------------------   INC PAGE LIST PUBLICATION ---------------------------*/






.foto_gal{ margin:0 0 0 -62px; overflow:hidden; /*IE*///zoom:1; /*IE*///padding:0 0 62px;}
.foto_gal table{ border-collapse:collapse; zoom:1; float:left; /*IE6*/_display:inline;  border-spacing:0; margin:0 0 62px 62px; padding:0; border:1px solid #b6b6b6; width:176px; height:176px; background:#FFF; font-size:11px; color:#000}
/*Opera*/html:first-child .foto_gal table{margin:0 0 31px 62px;}
.foto_gal table td, .foto_gal table th{ margin:0; padding:0;border:0;  vertical-align:middle; text-align:center;}

.foto_gal table td{ height:10%}
.content .pag_gal{ float:left;}















.list_prod .news_txt{ font-size:12px;}
.list_prod h6{ color:#fc3; font-weight:normal; font-size:14px; }



/*------------------------- END CONTENT -------------------------*/




/*----------------------------- INFO BLOCKS -----------------------------*/

.container{ /*IE*///zoom:1;}
.container:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}



/*--------------------------- NEWS BLOCK ---------------------------*/

.news{background:#453d34; border-left:23px solid #95724b; min-height:147px; /*IE6*/_height:147px; border-bottom:72px solid #95724b; padding:15px 18px 58px 16px; float:left; width:433px; position:relative; z-index:100; font-size:11px;}
.news h1{margin:0 0 14px;}
.news h6{ margin:0 0 3px}
.news q.left_corn, .news q.first_wheel, .news q.second_wheel, .news q.handle, .news q.plug{display:block; position:absolute;}
.news q.left_corn{ left:-23px; bottom:0; /*IE6*/_bottom:-1px; background:url(/application/views/sb/images/news_corn.png) no-repeat #453d34; width:23px; height:95px;}
.news q.first_wheel, .news q.second_wheel{background:url(/application/views/sb/images/wheel.png); /*IE6*/_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/application/views/sb/images/wheel.png', sizingMethod='scale'); /*IE6*/_background:none; width:110px; height:75px; bottom:-30px;}
.news q.first_wheel{left:28px}
.news q.second_wheel{left:322px}
.news q.handle{background: url(/application/views/sb/images/handle.gif); width:163px; height:5px;  bottom:-5px; left:153px; font-size:0; line-height:0;}
.news q.plug{background: url(/application/views/sb/images/plug.gif); width:19px; height:72px; bottom:-72px; left:434px}
.news img{float:left; margin:0 18px 0 0;}
.news dl{overflow:hidden; /*IE6*/_zoom:1}
.news dd{text-align:justify}
.news dd a{ text-decoration:none}
.news .publication dd a{ text-decoration:underline;}
.news .publication dd a:hover{ text-decoration:none;}
.news dt.top{font-size:10px; color:#dcd0c3;}
.news dt{font-size:10px; color:#FFF}
.news .publication dd{ margin:0 0 8px}

/*------------------------- END NEWS BLOCK -------------------------*/







/*------------------------ TEST DRIVE BLOCK------------------------*/

.test-drive{ float:left; background:#FFF;  min-height:205px; /*IE6*/_height:205px; padding:15px 18px 0 16px;  width:275px; color:#000; position:relative; border-bottom:50px solid #95724b; font-size:11px;}
.test-drive a{ color:#000; }
.test-drive q{ background:url(/application/views/sb/images/wheel.gif) no-repeat; width:159px; height:107px; bottom:0; right:-13px; /*IE6*/_right:-14px; z-index:2; position:absolute; display:block;}
.test-drive p{ position:relative; z-index:3; margin:0 0 5px}
.test-drive acronym{ position:absolute; background:url(/application/views/sb/images/wheel_bot.png) no-repeat; width:309px; height:29px; bottom:-29px; left:0; display:block}
.test-drive h1{ margin:0 0 14px}
.test-drive .placer{ height:120px; width:133px; display:block; float:right}

/*---------------------- END TEST DRIVE BLOCK-----------------------*/




/*------------------------ PHOTO GALERY BLOCK------------------------*/

.photo-galery{ position:relative; float:left; width:152px;  /*IE*///zoom:1;  /*IE*///z-index:-1; height:205px; padding:15px 0 0 21px;    background:#484035;}
.photo-galery:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.photo-galery h1{ position:relative; z-index:10}
.photo-galery q{ position:absolute; background:url(/application/views/sb/images/galery_bg.gif) no-repeat; width:159px;  height:192px; bottom:69px; /*IE6*/_bottom:68px; right:28px; /*IE6*/_right:27px; z-index:1}
.photo_color{width:173px; height:220px; left:0; top:0; position:absolute;  background:#484035; z-index:0;}

/*---------------------- END PHOTO GALERY BLOCK-----------------------*/







/*------------------------------ FOOTER ------------------------------*/

.footer{ overflow:hidden; /*IE6*/_zoom:1; padding:0 60px 0 0; font-size:11px;}
.foot_about{ width:440px; float:left; padding:0 0 0 39px; }
.foot_about dt{ margin:0 0 10px;}
.counter{ width:205px; float:left; margin:0 113px 0 0; /*IE6*/_margin:0 95px 0 0;}
.counter li{ float:left; margin:0 12px 7px 0;}
/* cssing by hmelii */
/*---------------------------- END FOOTER ----------------------------*/




.clouds{position:absolute; z-index:0; width:100%; top:0; left:0; background:#26abf7 url(/application/views/sb/images/clouds.png) no-repeat center 42px; height:295px; min-width:1000px; /*IE6*/_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');}
.mountain{position:absolute; background:url(/application/views/sb/images/montain.png) no-repeat center top; height:59px; width:100%; z-index:1; top:236px; left:0; min-width:1000px; /*IE6*/_width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');}
.galery_bot{position:absolute; background:url(/application/views/sb/images/galery_bot.png) no-repeat; width:211px; height:260px; top:29px; left:55px; }
.galery_bg{background:url(/application/views/sb/images/galery_bg.png) no-repeat; width:158px; height:192px; position:absolute; top:28px; right:0; /*IE6*/_right:-1px;}







#tooltip {
	position: absolute;
	z-index: 3000;
	width:250px;
	border: 1px solid #269;
	background-color: #51bcf9;
	padding: 0;
	opacity: 0.85;
	color:#fff;
}
#tooltip h3 {
  background-color: #26abf7;
  padding-left:5px;
  font-weight:bold;
  font-size:12px;
}
#tooltip div {
  padding-left:5px;
  padding-right:5px;
}