/* basic */
*{padding:0; margin:0}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#333;background:#fff url(../images/bg.jpg) no-repeat center top}
a{text-decoration:none;color:#0099ff; font:normal 12px Arial, Helvetica, sans-serif}
a:hover{text-decoration:underline;color:#0099ff}
a img{border:0}
.ten{height:10px;clear:both; overflow:hidden}
.five{height:5px;clear:both; overflow:hidden}
.one{height:1px;clear:both; overflow:hidden}
.clear{ clear:both} 
.bold{font-weight:bold}
.orange{ color:#FF6600}
.red{color:#e80c0e}
.gray{color:#666}
.blue{color:#0099ff}
.black{color:#222}
.white{color:#FFF}
.brown{color:#ae634e}
.under{ text-decoration:underline}
.old{ text-decoration:line-through}
.right{float:right}
.left{float:left}
.tdleft{ text-align:left}
.tdright{ text-align:right}
.data{font:normal 11px tahoma; color:#999}
.break{margin:10px 0; width:100%; height:1px; padding:10px 0 0 0; background:url(../images/hr.gif) repeat-x; float:left}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.ml5{margin-left:5px}
.p10{padding:10px}
li{margin-left:25px}
h4{font:normal 11pt Arial, Helvetica, sans-serif}
.center {text-align: center;}

/*Facebook*/
.facebook{ 
        float:right; 
        width:232px; 
        height:420px; 
        background: url(http://www.durasan.pl/fbs.png); 
        display:block; 
        right:-205px; 
        padding:0; 
        position:fixed; 
        top:170px; 
        z-index:10000; 
    }


/* form */
input.txt{ background:url(../images/input_bg.gif) repeat-x; border:#999 1px solid;  padding: 5px 4px; color:#777; font:normal 11px tahoma; width: 250px}
textarea{ background:url(../images/textarea_bg.gif) repeat-x 0 top; height:130px; width:350px; border:#999 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#555; padding: 3px 3px 0 3px}
select{background:url(../images/input_bg.gif) repeat-x;border:#999 1px solid;color:#777; font:normal 11px tahoma; padding:3px}

/* linki */
a.btn_more_pl{ background:url(../images/btn_more_pl.gif) no-repeat; width:73px; height:29px; display:block}
a.btn_more_en{ background:url(../images/btn_more_en.gif) no-repeat; width:73px; height:29px; display:block}
a.btn_form_pl{ background:url(../images/btn_form_pl.gif) no-repeat; width:100px; height:34px; display:block}
a.btn_form_en{ background:url(../images/btn_form_en.gif) no-repeat; width:100px; height:34px; display:block}

/* struktura */
#wrapper {margin:0 auto;width:982px; background:url(../images/foot.jpg) no-repeat center bottom}

/* header */
#header {width:982px;float:left}
#header .logo{float:left; margin:25px 0 0 0}
#header .slogan{float:left; margin: 34px 0 0 200px}
#header .lang{float:right; margin: 10px 0 0 0; font:normal 11px tahoma; color:#fff}

/* menu */
#menu{ float:left; width:982px; height:49px; background:url(../images/menu.gif) repeat-x; margin: 15px 0 10px 0}
#menu a{display:block; float:left; color:#333; font:normal 12pt Arial, Helvetica, sans-serif; padding:12px 22px 14px 22px;}
#menu a:hover, #menu li.active a{ text-decoration:none; color:#fff;background:url(../images/menu_over.gif) repeat-x}
#menu .point{ float:left; background:url(../images/menu_hr.gif) no-repeat; width:1px; height:45px}


#menu ul li{list-style: none; float:left; margin: 0;  background:url(../images/menu_hr.gif) no-repeat right top;}

/* boksy */

.box_form{ width:251px; height:212px; float:left; color:#fff;background:url(../images/box_form.jpg) no-repeat; padding: 15px 15px 0 15px}
.box_form h2{font:normal 12pt Arial, Helvetica, sans-serif; color:#fff; margin: 0 0 25px 0}

/* leftcolumn */
#leftcolumn{ float:left; width:251px}
#leftcolumn h3{font: normal 12pt Arial, Helvetica, sans-serif; color:#333}

#leftcolumn  .head{color:#333; background:url(../images/belka_bg.gif) repeat-x; height:31px; font:normal 12pt Arial, Helvetica, sans-serif; float:left; border:#ccc 1px solid; padding:10px 0 0 10px;text-shadow: 1px 1px 1px #fff; width:241px}
#leftcolumn .submenu { background:#fff; width:251px; float:left; margin: 0 0 10px 0; border:#ccc 1px solid; border-top:0}
#leftcolumn .submenu a{ display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#333; padding: 8px 0 8px 0px; margin: 0 0 0 10px}
#leftcolumn .submenu a:hover, #leftcolumn .submenu a.selected{ text-decoration:none; color:#0099ff}
#leftcolumn .submenu a.sub{ background:none; font:normal 12px Arial, Helvetica, sans-serif; color:#444; padding:4px 0 4px 17px}
#leftcolumn .submenu a.sub:hover, #leftcolumn .submenu a.sub.selected, #leftcolumn .submenu li.active a{ color:#0099ff; text-decoration:none}
#leftcolumn .submenu .hr{ background:url(../images/hr.gif) repeat-x; clear:both; margin:5px 0; width:100%; height:2px}
#leftcolumn .submenu ul, #leftcolumn .submenu li {list-style-image:url(../images/arrow.gif); background:url(../images/hr.gif) bottom repeat-x; padding: 2px 0px 0px 0px}
#leftcolumn .sales-points span{color:#0099ff}


#leftcolumn .category { background:#fff; width:251px; float:left; margin: 0 0 10px 0; border:#ccc 1px solid; border-top:0}
#leftcolumn .category .hr{ background:url(../images/hr.gif) repeat-x; clear:both; margin:5px 0; width:100%; height:2px}
#leftcolumn .category a{ display:block; background:url(../images/arrow.gif) no-repeat left center; font:bold 12px Arial, Helvetica, sans-serif; color:#333; padding: 3px 0 3px 14px; margin: 0 0 0 10px}
#leftcolumn .category a:hover, #leftcolumn .category a.selected{ text-decoration:none; color:#0099ff}
#leftcolumn .category a.sub{ background:none; font:normal 12px Arial, Helvetica, sans-serif; color:#444; padding:4px 0 4px 17px}
#leftcolumn .category a.sub:hover, #leftcolumn .category a.sub.selected{ color:#0099ff; text-decoration:none}




/* rightcolumn */
#rightcolumn{ float:right; width:710px}

#rightcolumn .navi{ margin: 0 0 10px 0; color:#777}
#rightcolumn .navi a{color:#999}
#rightcolumn h1{font:normal 13pt Arial, Helvetica, sans-serif;color:#333; background:url(../images/hr_long.gif) repeat-x left bottom; margin: 0 0 8px 0; padding:0 0 8px 0}
#rightcolumn h3{ background:url(../images/belka_bg.gif) repeat-x; height:31px; width:699px; font:normal 12pt Arial, Helvetica, sans-serif; border:#ccc 1px solid; padding:10px 0 0 10px;text-shadow: 1px 1px 1px #fff;margin: 0 0 10px 0}
#rightcolumn h3 a{font: 12pt Arial,Helvetica,sans-serif}

#rightcolumn .shop{ float:left; width:710px; height:480px; margin: 10px 14px 0 0}
#rightcolumn .shop .cont{border:#ccc 1px solid; width:688px; height:460px; float:left; margin: -1px 0 0 0; z-index:0; position:relative}
#rightcolumn .prod{ float:left; text-align:center; margin: 2px 2px 20px 2px; width:167px}
#rightcolumn .prod .photo{ width:160px; height:160px; background:#fff; border:#ccc 1px solid; margin: 0 0 5px 0}
#rightcolumn .prod .photo table{ width:100%; height:100%}
#rightcolumn .prod .photo table td{ vertical-align:middle; text-align:center}

#rightcolumn .product{ float:left; width:625px; margin: 0 0 10px 0}
#rightcolumn .product .prod-img{float:left; width:160px; height:160px; border:#ccc 1px solid; background:#fff; margin: 0 10px 0 0}
#rightcolumn .product .prod-img table, #rightcolumn .category-table .cat-img table{ width:100%; height:100%}
#rightcolumn .product .prod-img table td, #rightcolumn .category-table .cat-img table td{ text-align:center; vertical-align:middle}
#rightcolumn .product .prod-cont{float:left; width:385px}
#rightcolumn .product .prod-cont h2{margin: 0 0 6px 0}
#rightcolumn .product .prod-cont h2 a{color:#0099ff; font:normal 12pt Arial, Helvetica, sans-serif;}

#rightcolumn .news{float:left;
margin:0px;
width:700px;}


#rightcolumn .category-table{ float:left; width:710px; margin: 5px 0 10px 15px}
#rightcolumn .category-table .cat-img{float:left; width:160px; height:160px; border:#ccc 1px solid; background:#fff; margin: 0 10px 10px 0}


#rightcolumn .departament h2{color:#0099ff; font:normal 12pt Arial, Helvetica, sans-serif; width: 375px;}
#rightcolumn .hr{font:normal 13pt Arial, Helvetica, sans-serif;color:#333; background:url(../images/departament-line.png) no-repeat left bottom; margin: 0 0 14px 0; padding:0 0 14px 0}

#rightcolumn .pages{float:right}
#rightcolumn .pages a{border: #ebebeb 1px solid; float:left; display:block; background:url(../images/page_bg.gif) repeat-x 0 -1px; height:15px; margin: 0 3px 0 0; padding: 3px 4px 0 4px; color:#666}
#rightcolumn .pages a:hover, #rightcolumn .pages a.selected{background:url(../images/page_bg.gif) repeat-x 0 -23px; border:#e14400 1px solid; text-decoration:none; color:#fff}

#rightcolumn .big-photo { float:left; background:#fff; border:#ccc 1px solid; margin: 0 10px 0 0; width:250px; height:270px; padding:10px; text-align:center}
#rightcolumn .prod-mini{ float:left; margin: 0 2px 2px 0; border:#ccc 1px solid; background:#fff; padding:2px; text-align:center; width: 60px}

/* footer */
#footer {width:962px;float:left; margin: 10px 0 0 0; padding:10px; font:normal 11px tahoma; color:#777}
#footer a{font:normal 11px tahoma; color:#666}