* {margin: 0; padding: 0;}

body {font: 12px/16px Arial, Helvetica, sans; color: #343434;}
a {text-decoration: none; color: #343434;}
a img {border: none;}
p {padding: 0; text-align: justify;}

h2{color: #e30000; font-size: 13px;margin:5px 0 5px 0;}
h3{font-size:12px;color:#ea2424;text-align:center;}

.clear {clear: both;}
.clear-l {clear: left;}

#st-p {width: 1003px; margin: 40px auto;}

#st-top {height: 120px;}
#st-top .nav {float: right; width: 285px; height: 12px; background: #fff 0 1px no-repeat;}
#st-top .nav a {margin: 0 8px 0 5px; font-size: 11px;}


#st-top img {margin-left: 55px;position:relative;top:-10px;}
/*
#st-nav {height: 46px; background: url("images/st-nav_bg.gif") no-repeat;}
#st-nav .wrapper {height: 100%; margin: 0 5px; background: url("images/st-nav-wrapper_bg.gif") repeat-x;}
#st-nav a {display: block; float: left; height: 31px; margin: 8px 0 0 15px; padding: 0 15px 0 0; font-size: 13px; color: #fff; background: url("images/st-nav-sep_bg.gif") right no-repeat;}
#st-nav a span {display: block; padding: 8px 10px;}
#st-nav a span.r {display: block; float: right; width: 4px; height: 100%; padding: 0;}
#st-nav a:hover span {background: url("images/st-nav-hov_bg.gif");}
#st-nav a:hover span.r {background: url("images/st-nav-hov-r_bg.gif");}
#st-nav a.last {background: none;}
*/

#st-nav {height: 46px; background: url("images/st-nav_bg.gif") no-repeat;}
#st-nav .wrapper {height: 100%; margin: 0 5px; background: url("images/st-nav-wrapper_bg.gif") repeat-x;}
#st-nav a {display: block; float: left; height: 31px; margin: 8px 0 0 15px; padding: 0 15px 0 0; font-size: 13px; color: #fff; background: url("images/st-nav-sep_bg.gif") right no-repeat;}
#st-nav a span {display: block; padding: 8px 10px;}
#st-nav a span.r {display: block; float: right; width: 4px; height: 100%; padding: 0;}
#st-nav a:hover span {background: url("images/st-nav-hov_bg.gif");}
#st-nav a:hover span.r {background: url("images/st-nav-hov-r_bg.gif");}
#st-nav a.last {background: none; padding-right: 0;}

* html #st-nav a:hover span.r {background: none;}
* html #st-nav a {position: relative; margin-left: 10px;}
* html #st-nav a {padding: 0; width: 105px; text-align: center;}

#st-search {float: right; width: 280px; }

#st-footer-info {margin: 10px 0; width: 100%; height: 110px; padding-left: 50px; background: url("images/st-footer-info.gif") no-repeat;}
#st-footer-info .h {padding: 15px 0 0 50px; font-weight: bold; font-size: 14px;}
#st-footer-info .s {float: left; width: 330px; }
#st-footer-info .s div.nav-v {padding: 10px 20px; }
#st-footer-info .s-1 a,#st-footer-info .s-2 a {float: left; width: 130px; display: block;}
#st-footer-info .s a {display: block; padding: 2px 0 0 10px; line-height: 1.4em; font-size: 100%; background: url("images/ico_next.gif") 0 7px no-repeat;}

#st-footer {clear: both;}
#st-footer a{font-weight:bold;}

#st-search div {float: left; color: #fff; font-size: 14px; padding: 14px 5px 0 0;}
#st-search #q { float: left; width: 188px; color: #111; height: 20px; margin: 10px 0; padding: 4px 5px; border: none; background: url("images/search_input.gif"); }
#st-search .sb { float: left; width: 28px; height: 25px; border: none; margin: 10px 0; background: url("images/search_submit.gif"); }

#ads-leaderboard {margin: 20px 0; text-align:center;}

.article-month {float: left; width: 235px; }
.article-month .bx-h span {display: block; float: left; padding: 12px 30px 5px 50px; background-repeat: no-repeat; background-position: 15px 4px; font-size: 14px;}
.article-month .ico-note {display: block; float: left; padding: 12px 0 0 20px; background-repeat: no-repeat; background-position: 0 5px; } 
.article-month .ico-goto {display: block; float: left; padding: 5px 0 0 20px; background-repeat: no-repeat; background-position: 0 12px; color: #fa0000; font-weight: bold;} 
.article-month .c {padding: 3px 5px 3px 5px;margin-top:5px;}
.article-month .c  p.art-miesiaca{text-align:center;font-weight:bold;margin-bottom:-2px;margin-top:3px;}
.article-month .c  p.art-miesiaca1{text-align:center;font-weight:bold;margin-bottom:1px;margin-top:0px;}
.article-month img{margin-top:-10px;}
#c-1 .article-month {float: none; width: auto;}

.ico {display: block; float: left; padding: 12px 30px 5px 50px; background-repeat: no-repeat; background-position: 15px 4px; font-size: 14px;}
.ico-community {background-image: url("images/ico_community.gif");}
.ico-computers {background-image: url("images/ico_computers.gif");}
.ico-games {background-image: url("images/ico_games.gif");}
.ico-mobile {background-image: url("images/ico_mobile.gif");}
.ico-internet {background-image: url("images/ico_internet.gif");}
.ico-other {background-image: url("images/ico_oder.gif");}
.ico-articles {background-image: url("images/ico_articles.gif");}
.ico-goto {background-image: url("images/ico_goto.gif");}
.ico-note {background-image: url("images/ico_note.gif");}
.ico-hardware {;}
.ico-news {background-image: url("images/ico_news.gif");}

.bx-main {background: url("images/bx-long_bg.gif") repeat-y;}
.bx-main-h {height: 38px; background: url("images/bx-long-main-h.gif") no-repeat;}
.bx-main .articles {height: 41px; background: url("images/bx-long-main-h_articles.gif") no-repeat !important; text-indent: -9999px;margin-left:0px;width:576px;}
.bx-main-c {padding: 4px 5px; background: url("images/bx-main-c.gif") repeat-y;}
.bx-main-f {height: 5px; background: url("images/bx-main-f.gif") no-repeat;}
.bx-main-f span {display: block; float: right; width: 10px; height: 5px; background: url("images/bx-main-f_r.gif") no-repeat;}



.nav-news {padding: 10px;}
.nav-news a {padding: 0 10px; color: #e30000;}

.nav-v {float: left;width: 239px;}
.nav-v a {display: block; padding: 2px 0px 2px 18px; background: url("images/ico_square.gif") 10px 9px no-repeat;}
.nav-v a.active {background: #e6e3e3; width: 222px;font-weight:bold;}


.nav-vs {width:333px;}
.nav-vs a { padding: 5px 0px 2px 24px; }
.nav-vs ul{list-style-type:none;}

.nav-vm {width:277px;}

.nav-vk{width:290px;padding-left:22px;}
.nav-vk li{list-style-image: url(images/ico_square.gif);}


.bx {margin-bottom: 10px;}
.bx-h, .bxx-h {height: 38px; background: url("images/bx-h.gif") no-repeat; font-weight: bold; margin-left:1px;}
.bx-h span.r, .bxx-h span.r {display: block; float: right; width: 8px; height: 38px; background: url("images/bx-h_r.gif") no-repeat;position:relative;left:3px;}
.bx-h span.r2, .bxx-h span.r2{display: block; float: right; width: 8px; height: 38px; background: url("images/bx-h_r.gif") no-repeat;position:relative;left:2px;}
.bx-h span.r3, .bxx-h span.r3{display: block; float: right; width: 8px; height: 38px; background: url("images/bx-h_r.gif") no-repeat;position:relative;left:82px;}
.bx-h a, .bxx-h a {display: block; float: right; margin: 10px 5px; color: #da1414; font-weight: normal; text-transform: lowercase;}
.bx-c { padding: 3px 5px 3px 10px; border: 1px solid #e6e3e3; border-width: 0 1px; }
.bx-c2 { padding: 3px 5px 3px 1px; border: 1px solid #e6e3e3; border-width: 0 1px; }
.bx-c-np {padding: 3px 0;}
.bx-f {height: 5px; background: url("images/bx-f.gif") no-repeat;}
.bx-f span {display: block; float: right; width: 5px; height: 5px; background: url("images/bx-f_r.gif") no-repeat;}

.bxx-h {margin: 10px 0;}
.bxx-h-f {clear: none; position: relative; top: -5px; margin: 0;}

.x-large {font-size: 14px; line-height: 1.5em;}

#c-1 .bx-h span {display: block; padding: 12px 10px; font-size: 16px;}

#c-main #c-2 {float: left; width: 576px; }
#c-main #c-1 {width: 420px; float: right; }
#c-main #c-1 .bx-h {height: 44px; background: url("images/bx-h_bg1.gif") no-repeat; text-align: center; color: #fff;}
#c-main #c-1 .bx .main img {float: left; margin: 0 0 0 10px;border:5px solid #e6e3e3; height:130px;width:150px;}

#c-main #c-2 .nav-h {height: 25px; padding: 5px 0 0 52px; }
#c-main #c-2 .bx-main .nav-v a {line-height: 1.8em; padding-left: 30px; background-image: url("images/arr.gif"); background-position: 20px 9px;}

#st-breadcrumbs {margin: 5px 0; padding: 5px; border: 1px solid #cdcdcd; border-width: 1px 0;}
#st-breadcrumbs a {padding: 0 5px 0 10px; background: url("images/ico_next.gif") 0 4px no-repeat; }
#st-breadcrumbs .nav {float: right; margin-right: 300px;}
#st-breadcrumbs .nav a.prev {display: block; float: left; padding: 0 10px 0 ; background: url("images/ico_prev.gif") left no-repeat !important;}
#st-breadcrumbs .nav span.bullet {display: block; float: left; padding: 0 5px; background: url("images/ico_bullet.gif") 0 6px no-repeat !important;}
#st-breadcrumbs .nav a.next {display: block; float: left; padding: 0 10px 0 0; background: url("images/ico_next.gif") right no-repeat !important;}

#c-sub #c-2 {float: left; width: 690px; }
#c-sub h1 {color: #e30000; font-size: 21px; line-height: 1.1em;}
#c-sub #c-1 {float: right; width: 300px;}
#c-sub #c-1 .bx-h {height: 44px; background: url("images/bx-h_bg2.gif") no-repeat; text-align: center; color: #fff;}

#body {}
#body.img {float: left; width: 400px; height: 180px;}
#body .nav {float: right;}
.similar {float: left;}
.newest {float: right;}

.pagination {border: 1px solid #f1f1f1; border-width: 1px 0; padding: 4px 0; width: 110px; margin: 20px auto; clear: both;}
.pagination a.prev {padding: 0 10px 0 0; background: url("images/ico_prev.gif") left no-repeat !important;}
.pagination a.next {padding: 0 10px 0 0; background: url("images/ico_next.gif") right no-repeat !important;}

.info {position: relative; top: -2px; bottom: -10px; text-align: right; color: #a0a0a0;}
.info span{font-weight:bold;}

.sep { height: 10px; background: url("images/sep.gif") no-repeat center;}

.infobar {height: 26px; margin: 10px 0; padding: 0 0 0 40px;background: url("images/infobar.gif");}
.infobar div {float: left; padding: 1px 80px 0 0;}
.infobar img{position:relative;top:3px;position:relative;right:3px;}
.infobar span{color:#da1414;position:relative;top:3px;}

.comments {clear: both; height: 26px; margin: 10px 0; padding: 4px 0 0 30px; font-weight: bold; background: url("images/comments.gif") no-repeat; color: #e30000;}
.comments a {padding-left: 200px; text-decoration: underline; color: #e30000;}
.l {color: #7e7e7e;}

.body {clear: both; padding: 20px 0 0 0;}
.bx-small {width: 283px; height: 157px; background: url("images/bx_small.gif") no-repeat;}
.bx-small .bx-h {display: block; margin: 0; height: auto; padding: 2px 10px; color: #fff !important; background: transparent !important;}
.bx-small .bx-h span {display: inline; margin: 0; padding: 0; height: auto;}
.bx-small .nav-v {}
.bx-small .nav-v a { background-image: url("images/ico_note.gif"); background-position: 5px 7px;}

.bx-half {width: 344px; height: 157px; background: url("images/bx-half.gif") no-repeat;margin-top:10px;}
.bx-half .bx-h {display: block; margin: 0; height: auto; padding: 2px 10px; color: #fff !important; background: transparent !important;}
.bx-half .bx-h span {display: inline; margin: 0; padding: 0; height: auto;}
.bx-half .nav-v a { background-image: url("images/ico_note.gif"); background-position: 10px 10px;}



.hardware {float: right; width: 366px;padding:0 auto;}
.adv-l {float: left; width: 200px;}

.main-img-info {width: 534px; height: 210px;position:relative;left:-5px;}
.main-img-info .dsc {position: relative; top: -12px; z-index: 1; height: 51px; background: #000; opacity: .4; filter: alpha(opacity=40); -moz-opacity: 0.4; }
.main-img-info .dsc-t {position: relative; z-index: 100; top: 10px; padding: 155px 20px 0 20px; color: #fff;}
.main-img-info .dsc-t a {font-size: 17px; color: #fff; font-weight: bold;position:relative;top:14px;}

.mark {color: #e30000;}
.b {font-weight: bold;}

.author img {float: left; margin: 0 10px 10px 0;}

.forum-register {display: block; float: right; width: 248px; height: 228px; background: url("images/forum_register.gif") no-repeat; text-indent: -9999px;}


.nav-linki {float: left;width: 239px;}
.nav-linki a {display: block; padding: 2px 0px 2px 8px; background: url("images/ico_square.gif") 0px 9px no-repeat;}
.nav-linki a.active{font-weight:bold;}

#sklepy{
width:300px;
margin:0 auto;
margin-top:10px;
margin-bottom:7px;
}

p.artykul{
margin:3px 0 0 -5px;
width:534px;
font-weight:bold;
font-size:12px;
}
.nav-s {float: left;margin-top:10px;}
.nav-s a {display: block; padding: 2px 0px 2px 18px; background: url("images/ico_square.gif") 10px 9px no-repeat;}
.nav-s a.active {background: #e6e3e3; width: 222px;font-weight:bold;}





div.news{
width:546px;
margin-top:10px;
padding-right:6px;

}
div.news p{
color:#242424;
position:relative;top:10px;
font-size:12px;
}
div.news img{
float:left;
margin:10px 9px 0 0;
}
div.news img.wyroznik_news{
float:left;
margin:0 4px 0 0;
}
div.news ul.autor{
height:11px;
margin:-8px 0 0 4px;
}
div.news ul.autor li{
color:#b2b2b2;
font-size:10px;
display:inline;
margin-left:7px;
}
div.news li{
font-size:12px;
}
#wiecej {
height:11px;

margin:25px 0 0 136px;

}
#wiecej li{
display:inline;
font-size:12px;
color:#ee2121;
margin-left:30px;
}
#wiecej a{
color:#ee2121;
font-weight:bold;
}
#wiecej img{
margin:0 5px 0 0;
float:none;
position:relative;top:0px;
}
div.news ul.wiecej {
height:11px;

margin:10px 0 0 -60px;

}
div.news ul.wiecej li{
display:inline;

color:#ee2121;
margin-left:10px;
}
div.news ul.wiecej a{
color:#ee2121;
font-weight:bold;
}
div.news ul.wiecej img{
margin:0 5px 0 0;
float:none;
position:relative;top:2px;
}
a.calosc{
text-decoration:underline;
}
h4{
font-size:11px;
clear:right;
position:relative;top:-3px;

}
a.news{
color:#000000;
}
div.news img.news_separator{
margin:30px 0 0 70px;
width:411px;
height:1px;
float:none;
}

#najpopularniejsze{
width:400px;
margin-left:9px;
}
/*
WYWIADY WYWIADY WYWIADY WYWIADY
*/
#wywiad{
height:130px;
margin-top:5px;

}
ul.wywiad{
margin-left:20px;
margin-top:2px;
}
ul.wywiad a{
text-decoration:underline;
}
img.wywiad{
float:left;
margin:0 9px 0 0;
}
span.wywiad{

color:#ea2424;
}
span.red{
color:#da1414;

}
span.bdr{
border-right:1px solid #e7e7e7;

}

#body p{
color:#242424;
position:relative;top:-10px;
font-size:12px;
}
#body img.snews{
float:left;
margin:0 9px 0 0;
}

div.komentarz{
background-color:#f2f4f1;
margin-top:20px;
padding:3px 0 0 0;
height:100%;

}

div.komentarz p {
background-color:#f2f4f1;


}
div.komentarz p.komentarz{
position:relative;top:20px;
padding:3px 0 0 0;



}
div.komentarz p.komentarz_tekst{
margin:3px 0 0 0;

}
#submit{
background-color:#e30000;
color:#ffffff;
border:none;
font-size:12px;
margin-top:10px;
cursor:pointer;
}
#comment{
border:1px solid #d5d7d4;
background-color:#f2f4f1;
margin-top:10px;
}

#produkty{
width:468px;
margin:0 auto;


}
span.space{
margin-left:10px;
}
#sidebar_td{
width:300px;
margin:0 auto;
}
.body2 {clear: both; padding: 10px 0 0 0;}
#body img.tag_art{
width:400px;
position:relative;left:150px;
}
#body p.tag_art{
position:relative;top:5px;
text-align:center;
font-weight:bold;
}
#body h1.tag_art{
margin-top:20px;
}
#body img.separator{
width:411px;
position:relative;left:145px;
position:relative;top:14px;
}