#main .content .article,
#main .content .articles_list {
  display:block;
  position:relative;
  left:10px;
  float:left;
  clear:left;
  width:630px;
  margin:0; 
  padding:0;
  list-style:none; }
#main .content .articles_list li {
  display:block;
  float:left;
  clear:both;
  width:630px;
  margin:0; 
  padding:10px 0; }
#main .content .article .img,
#main .content .articles_list li .img {
  float:left;
  clear:none;
  width:233px;
  height:170px;
  text-decoration:none;
  text-align:center; }
#main .content .articles_list li .img img {
  display:inline-block;
  float:none;
  clear:none;
  margin:0 auto;
  border:0; }
#main .content .articles_list li h2,
#main .content .articles_list li p {
  display:block;
  float:right;
  clear:right;
  width:385px;
  text-align:justify; }
#main .content .articles_list li h2 {
	text-align:left; }
#main .content .articles_list li h2 a {
	text-decoration:none; }
#main .content .articles_list li p.more a {
  display:inline-block;
  padding:2px 5px;
  background-color:#888f95;
  color:#fff;
  text-decoration:none; }
#main .content .articles_list li p.more a:hover {
  color:#ccc; }

#main .content .article {
  text-align:justify; } 
#main .content .article h2 {
  text-align:left; } 
#main .content .article .img img {
  margin: 10px 10px 10px 0;
  border:0; }
#main .content .article a {
  font-weight:bold;
  color:#363636;
  text-decoration:none; }
#main .content .article a:hover {
  color: #363636;
  text-decoration: underline;
}
#main .content .article .info,
#main .content .article h4.comments {
  display:block;
  float:left;
  clear:left;
  width:630px;
  margin:10px 0;
  padding:0; }
#main .content .article h4.tags,
#main .content .article h4.comments {
  padding-bottom:3px;
  border-bottom:1px dashed #000; }
#main .content .article .info,
#main .content .article .info a,
#main .content .article p.tagi,
#main .content .article p.comments {
  color:#aaa; }
#main .content .article p.tagi a {
  text-decoration:none; }
#main .content .article p.tagi a:hover {
  text-decoration:underline; }
#main .content .article p.bb_proudly_presents a {
  color: #EF8E1D; }

#main .content .article .info {
  text-align:right; }  
#main .content .article .fotka {
  border:0;
  margin:10px; }
#main .content .article_pager {
  display:block;
  float:left;
  clear:left;
  width:650px;
  margin:0;
  padding:10px 0;
  text-align:center; }
#main .content .article_pager a {
  display:inline-block;
  padding:0 4px;
  margin:0 1px;
  line-height:16px;
  height:16px; 
  background-color:#c3c3c3; 
  color:#fff; 
  text-decoration:none;
  vertical-align:middle; }
#main .content .article_pager a:hover,
#main .content .article_pager a.active {
  text-decoration:none; 
  background-color:#888f95; }
#main .content .article_pager a.pager_left,
#main .content .article_pager a.pager_right {
  padding:0;
  width:11px;
  height:16px;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:50% 50%; }
#main .content .article_pager a.pager_left {
  background-image:url('../images/articles_pages_left.gif'); }
#main .content .article_pager a.pager_right {
  background-image:url('../images/articles_pages_right.gif'); }
#main .content .article_pager a.pager_left:hover,
#main .content .article_pager a.pager_right:hover {
  background-color:#fff; }
#main .content .article_pager a.pager_left span,
#main .content .article_pager a.pager_right span {
  display:none; }


#main .content .kontakt {
  float:left;
  clear:both;
  padding-top:20px; }
#main .content .kontakt_input,
#main .content .kontakt_textarea,
#main .content .kontakt_submit {
  white-space:nowrap; }
#main .content .kontakt_input label,
#main .content .kontakt_textarea label {
  display: inline-block;
  width:100px; }
#main .content .kontakt_input label {
  vertical-align:middle; }
#main .content .kontakt_textarea label {
  vertical-align:top; }
#main .content .kontakt_input label span,
#main .content .kontakt_textarea label span,
#main .content .kontakt_required span {
  font-weight:bold;
  color:#f44; }
#main .content .kontakt_input input {
  vertical-align:middle;
  width:200px;
  color:#004; 
  border:1px solid #888; }
#main .content .kontakt_textarea textarea {
  vertical-align:top;
  width:500px;
  height:250px;
  color:#004; 
  border:1px solid #888; }
#main .content .kontakt_submit,
#main .content .kontakt_required {
  padding-left:100px; }
#main .content .kontakt_submit input {
  width:100px;
  font-weight:bold;
  color:#004; 
  background-color:#fff;
  border:1px solid #888; }
#main .content .kontakt_input label.validate_bad,
#main .content .kontakt_textarea label.validate_bad {
  color:#f44; }
#main .content .kontakt_input input.validate_bad,
#main .content .kontakt_textarea textarea.validate_bad {
  border:1px solid #f44; }

#main .content .kategorie.article p {
  float:left;
  clear:none;
  width:214px; }
#main .content .kategorie.article p.last {
  width:200px; }
#main .content .kategorie.article p.clear {
  clear:both; }

#sms_payment_info {
  color:#666; }  
#sms_payment_info fieldset {
  display:block;
  float:left;
  clear:both;
  margin:0;
  padding:10px;
  border:5px solid #d8d9db; }
#sms_payment_info fieldset h4 {
  float:left;
  clear:both;
  width:608px;
  height:68px;
  background:0 0 no-repeat url('../images/serwis_platny.jpg'); }  
#sms_payment_info fieldset h4 span {
  display:none; }

#sms_payment_info p {
  padding:5px 25px; } 

#sms_payment_info .field {
  white-space:nowrap; }
#sms_payment_info .field label {
  display:inline-block;
  vertical-align:middle; }
#sms_payment_info .field span,
#sms_payment_info .field label {
  display:inline-block;
  vertical-align:middle; }
#sms_payment_info .field span {
  margin:0  10px; 
  padding:2px;
  border:1px solid #666666; }
#sms_payment_info .field span input {
  display:inline-block;
  margin:0;
  padding:0;
  border:0;
  width:235px; }
#sms_payment_info .field.error span input {
  border-bottom:1px solid #f22; }    
#sms_payment_info .field .submit {
  display:inline-block;
  vertical-align:middle;
  width:80px;
  height:22px;
  line-height:20px;
  border:0;
  color:#fff;
  font-weight:bold;
  background:#e3001b; }

#sms_payment_info .loading {
  display:inline-block;
  vertical-align:middle;
  width:20px;
  height:20px;
  background:50% 50% no-repeat url('../images/ajax-loader.gif'); }
#sms_payment_info .loading b {
  display:none; }
#sms_payment_info .sms_payment_info {
  font-size:8px;
  line-height:10px;
  color:#888;
  padding:5px 0 5px 195px; }
#sms_payment_info .small {
  font-size:10px; }  
  
#main .article ul.art_menu {
  display:block;
  clear:right;
  font-size:13.5px;
  font-weight:bold;
  margin:0;
  padding:10px 0; }
#main .article ul.art_menu li {
  display:block;
  padding:0; }
#main .article ul.art_menu li a {
  display:inline-block;
  padding:3px 5px 3px 20px;
  text-decoration:none;
  color:#000;
  background:3px 50% no-repeat url('../images/articles_pages_right.gif') }
#main .article ul.art_menu li a:hover {
  text-decoration:underline; }
#main .article ul.art_menu li.platny {
  background:100% 50% no-repeat url('../images/art_menu_platny.jpg'); }

#main .article .art_description {
  float:right;
  clear:none;
  width:225px; }
#main .article .art_description a img {
  float:right;
  clear:none;
  padding:0 0 10px 10px;
  margin:0;
  border:0;
  width:88px; }
#main .article .art_description span {
  display:block;
  float:left;
  clear:none;
  margin:0;
  width:125px;
  padding:0 0 20px 0; }
#main .article .art_description span a {
  display:inline-block;
  background:url("../images/dot.png") no-repeat scroll 4px 7px transparent;
  padding:0 2px 0 14px;
  color:#999; }
/*  
<ul class="art_menu_pay">
<li class="first"><span>Pełna treść artykułu w tym:</span></li>
<li><span>tekst (100 znaków)</span></li>
<li><span>specyfikacja</span></li>
<li><span>oceny</span></li>
<li class="last"><a href="#">Kup za 2,96zł</a></li>
</ul>
*/
#main .article .art_menu_pay {
  /*font-weight: bold;*/
  display:inline-block;
  clear:right;
  font-size:13.5px;
  margin:0;
  padding:0;
  list-style:none; }  
#main .article .art_menu_pay li {
  margin:0;
  padding:0; }  

#main .article .art_menu_pay li a,
#main .article .art_menu_pay li span {
  display:block;
  padding:3px 20px 3px 20px;
  font-weight:normal;
  text-decoration:none;
  color:#888;
  background:5px 50% no-repeat url('../images/dash.png') }
#main .article .art_menu_pay:hover li a,
#main .article .art_menu_pay:hover li span {
  color:#222; }
#main .article .art_menu_pay li.first a,
#main .article .art_menu_pay li.first span {
  padding-top:10px;
  background-repeat:repeat-x;
  background-position:0 0; }
#main .article .art_menu_pay li.last a,
#main .article .art_menu_pay li.last span {
  font-weight: bold;
  padding-bottom:10px;
  background-repeat:repeat-x;
  background-position:0 100%; }  
  
/* ************************************************************************** *
 * *************************       drop it        *************************** *
 * ************************************************************************** */

#main .article .art_descx {
  display:block;
  position:relative;
  padding:0 105px 0 0; }
#main .article .art_descx span {
  display:block;
  margin:0;
  padding:0 0 20px 0; }
#main .content .article .art_descx a {
  background:url("../images/dot.png") no-repeat scroll 4px 50% transparent;
  padding:0 2px 0 14px;
  color:#999; }
#main .article .art_descx img {
  position:absolute;
  border:0;
  padding:0;
  margin:0;
  top:0;
  right:0;
  width:88px; }