/*  
Template name: Simple Magazine
Template URI: http://templates.arcsin.se/simple-magazine-website-template/
Release date: 2009-08-02
Last updated: 2009-08-10
Description: A simple and lightweight magazine styled website template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/


/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
/*caption, th, td {text-align: left; font-weight: normal;}*/
/*table, td, th {vertical-align: middle;}*/
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html {
       height: 100%;
       padding-bottom: 1px; /* force scrollbars */
}

body {
       background: #FFF;
       color: #334;
       font: normal 75% sans-serif;
       line-height: 1.5;
}


/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h3,h4,h5,h6 {
       color: #444;
       font-weight: normal;
       line-height: 1;
       margin-bottom: 0.3em;
}

#main-left h1 {font-family: Georgia,Times,serif; font-size: 2em; margin-bottom:1px;} /* arekz dla h1 w art*/
h2{    font-family: Georgia,Times,serif;
       color: #0066cc;
       font-weight: normal;
       line-height: 1;
       margin-bottom: 0.3em;}

h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em;}
h2 {font-size: 1.6em; margin-bottom:1px;}/* arekz by這 2 em*/
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links */

a:focus,a:hover {color: #357;}
a {
       color: #357;
       text-decoration: underline;
}
a.feed {
       background: url('img/icon-feed.gif') no-repeat left center;
       padding-left: 18px;
}
.feed {
       background: url('img/icon-feed.gif') no-repeat left center;
       padding-left: 18px;
}
#main-left h2 a:hover {color:red;} /* kolor h2 w art*/

/* More links */
a.more { float: right; color: #579; font-weight: bold; margin-bottom:10px;}
a.more:hover {color: #234;}
#main-left h1 a:hover {color:red;} 

/* Text elements */

p {margin-bottom: 1em; text-align:justify;} /* arekz - by這 1 em*/
#main-left p {margin-bottom: 10px; } /* arekz - by^(3)o 1 em*/

abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote { color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {
       margin: 1.5em 0;
       white-space: pre;
}
pre,code,tt {
       font: 1em monospace;
       line-height: 1.5;
}


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 0 1.5em 1.5em; text-align:justify;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}



/* Special lists */

ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}

ul.tabbed {
       display: inline;
       margin: 0;
}
ul.tabbed li {float: left;}

ul.plain-list {margin: 0;}

ul.nice-list {margin-left: 0;}
ul.nice-list li {
       list-style: none;
       border-top: 1px solid #EEE;
       padding: 4px 0;
}
ul.nice-list li:first-child {border-top: none;}
ul.nice-list li .right {color: #999;}


/* Misc classes */

.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

.quiet {color: #999;}
.niebieski {color:#335577;}
.loud {color: #000;}
.highlight {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}



.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.notice a {color: #514721;}

.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.success a {color: #264409;}


/* 
   Forms 
------------------------------------------------------------------- */

label {font-weight: bold; cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {
       background: #FCFCFC;
       border: 1px inset #AAA;
       margin: 0.5em 0;
       padding: 4px 5px;
}
#main-left input.text { width:200px; border:1px solid #ddd; color:#000; background:#fff; margin:0;  padding:0; }

#message { width:450px; border:1px solid #ccc; background:#fff;   }
#calc { width:50px; height:15px; border:1px solid #ccc; background:#fff;  margin-bottom:7px; padding-bottom:5px; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }

/*input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}
input.button {
       background: #DDD;
       border: 1px outset #AAA;
       padding: 4px 5px;
}*/

#main-left .meta {background: #fffddf; color: #000; padding: 10px; margin: 0; border-top: 1px solid #e4df94; border-right:1px solid #e4df94; border-left:1px solid #e4df94;}
#main-left .comment { background: #fffddf; color: #000; padding: 10px; margin: 0 0 10px 0; border: 1px solid #e4df94; min-height:60px;}
#main-left .commentsbox {
border:1px solid #e4df94;
background:#fffddf;
color:#666;
margin:20px 0 10px;
padding:10px;
}
#email {
background:#fff url('sprites/icons.png') -4px -422px no-repeat;
padding-left:26px;
width:200px;
}

input.button:active {border-style: inset;}
.form-error {border-color: #F00;}


/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
       display: block;
       margin-left: auto;
       margin-right: auto;
}


/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
       background-color: #FFF;
       border: 1px solid #DDD;
       padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */   

.left,.alignleft {float: left;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
       display: block;
       font-size: 0;
       line-height: 0;
       height: 0;
}


/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
       background: #D5D5D5;
       clear: both;
       color: #FFE;
       display: block;
       font-size: 0;
       line-height: 0;
       height: 1px;       
}
.content-separator {margin: 20px 0;}
.archive-separator {margin: 10px 0;}


/* 
   Posts 
------------------------------------------------------------------- */

.post a {text-decoration: none;}
.post a:hover {text-decoration: underline;}

.post img.left, .post img.right {margin-bottom: 0;}

.post-date {
       color: #777;
       margin: 2px 0 10px;
}
.post-date a {color: #444;}

.post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0;}

.post-meta {
       background: #F6F6F6;
       border: 1px solid #DDD;
       color: #777;
       padding: 6px 10px;
}
.post-meta a {color: #345; }
.post-meta a:hover {color: #001;}

.post-body {font-size: 1.1em;}
.post-body a {color: #039;}
.post-body a:hover {color: #039;}

.post-body img.left, .post-body img.right {margin-bottom: 1em;}



/* Archives */
.archive-pagination {margin-bottom: 16px;}
.archive-post-date {
       background: #F5F5F5;
       border-bottom: 1px solid #C5C5C5;
       border-right: 1px solid #CFCFCF;
       float: left;
       margin-right: 12px;
       padding: 2px 0 5px;
       text-align: center;
       width: 46px;
}
.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: normal 1.6em Georgia,serif;}


/* 
   Layout 
------------------------------------------------------------------- */

/* General */
.center-wrapper {
       margin: 0 auto;
       width: 980px;
}

/* Network */

#network {background: #EEE;}
#network .left, #network .right {
       color: #333;
       padding: 6px 0;
}
#network .tabbed a {
       display: block;
       padding: 6px 10px 7px;
       text-decoration: none;
       color: #666;
}
#network li a:hover {
       background: #F6F6F6;
       color: #000;
}
#network li.current-tab a {
       background: #FFF;
       font-weight: bold;
}
#network .text-separator, #network span {color: #999;}


/* Toolbar
#toolbar {
       padding: 12px 0 8px;
       font-size: 1.1em;
       color: #999;
}
#toolbar img {vertical-align: middle;} */


/* Header */

#header {margin-bottom: 4px;}
#baner750 {text-align:center; padding:10px 0 10px;} /* arekz  */
#header_main {width:980px; margin:0 auto;}
#header_1 {float:left; width:480px; }
#header_2 {float:left; width:480px; }



/* Site title */
#site-title {
       margin-top:5px; /* arekz - by這 25 px */
       font: normal 1.6em serif;
       border-bottom: 0px solid #CCC;
       padding-bottom: 4px; /* arekz - by這 24 px */
}
#site-title span {color: #999;}
#site-title a {
       color: #000;
       text-decoration: none;
}


/* Navigation */

#navigation {margin-bottom: 4px;}/* arekz by這 24*/
#navigation a {
       display: block;
       text-decoration: none;
}

/* Main navigation */

#main-nav a {
       color: #888;
       font-size: 1.5em;
       padding: 9px 14px;
}
#main-nav li {background: url('img/navigation-separator.gif') no-repeat left center;}
#main-nav li:first-child {background: none;}
#main-nav li.current-tab a, #main-nav a:hover {color: #002;}
#main-nav li.current-tab a {background: url('img/navigation-arrow.gif') no-repeat center bottom;}


/* Subnav */

#sub-nav {background: #DDEDF7; padding: 0 5px;}
#sub-nav a {
       color: #678;
       font: bold 1.2em sans-serif;
       padding: 10px;
}
#sub-nav li.current-tab a, #sub-nav a:hover {color: #223;}


/* Main */

.main {margin-bottom: 18px;}

.main#main-three-columns {background: url('img/main-three-columns.gif') repeat-y right top;}
.main#main-three-columns .sidebar {width: 193px;}
.main#main-three-columns #main-left {width: 520px;}

.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}
.main#main-two-columns .sidebar {width: 260px;}
.main#main-two-columns #main-left {width: 671px;}

.sidebar a {color:#146CB4; font-family: Georgia,Times,serif; text-decoration: none;}
.sidebar a:hover {color:#cc0000;}

#sidebar-1 {margin-left: 37px;}

/* Columns */
.col3 {width: 32%;}
.col3-mid {margin-left: 2%;}

/* Sidebar */

#sidebar-wrapper {}
#sidebar {}


/* Sidebar sections */
.section {margin-bottom: 16px;}
.section-title {
       background-color: #F2F6FA;
       border-top: 2px solid #ABC;
       font: bold 1.1em sans-serif;
       margin-bottom: 5px;
       min-height: 0;
       padding: 5px 8px 6px;
}

.network-section .section-title {
       background-color: #F6F6F6;
       border-color: #D6D6D6;
}


/* Dashboard */

#dashboard {
       background: #FAFAFA url('img/dashboard.gif') repeat-y left top;
       border: 1px solid #E7E7E7;
}

#dashboard .column {width: 244px;}
#dashboard #column-4 {border-right: none;}

#dashboard .column-content {
       padding: 14px 16px;
}
#dashboard .column-title {
       color: #666;
       font-size: 1.4em;
       font-weight: bold;
       padding-bottom: 5px;
}
#dashboard a {color: #456;}
#dashboard a:hover {color: #000;}


/* Footer */

#footer {padding: 10px 0;}
#footer a {
       color: #579;
       text-decoration: none;
}
#footer .right, #footer .right a {
       color: #999;
       text-decoration: none;
}
#footer .text-separator {
       padding: 0 3px;
       color: #BBB;
}
#footer a:hover {color: #000;}


/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}

/* Single line IE fix */
 html #sub-nav, * html .section-title, * html .main {height: 0.01%; min-height: 0.01%;}
/* 
   moje
------------------------------------------------------------------- */
.imgleft {
       float: left;
       padding: 1px 1px 1px 1px;
       margin: 5px 6px 5px 0  ;
       border: 1px solid #E5E5E5;
}
.imgart {
       float: left;
       padding: 3px 3px 3px 3px;
       margin: 5px 6px 5px 0  ;
       border: 1px solid #E5E5E5;
}
.strong { font-weight:700; }
.em { font-style:italic; }
.underline { text-decoration:underline;}
.del { text-decoration:line-through; }
.red { color: red;}
#main-left .red { color: red;}
#main-left .blue { color: blue;}

#main-left .navy:link {color: navy; }

.black {color:black;}
.silver {color: #999}
fieldset {
border:1px solid #E4DF94;
color:#000;
background:#FFFBC0;
margin:0 0 8px;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

.comment {
color:gray;
border-top:1px solid #ccc;
background:#F5F6F6;
margin:0 0 10px;
padding:10px;
}

.commentsbox {
color:gray;
background:#f4f4f4;
margin:0 0 10px;
padding:10px;
}


.date { margin: 5px 0 20px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(img/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
.date a { color: #808080; background: #FFFFFF; }
.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}
.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}
.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}
.bold { font-weight:bold; }
.cytat1 {
       margin: 1.2em 0.8em 1.2em 0.5em;
       background: url('http://e-portalik.net/images/cudzyslow_linia.gif') no-repeat left top;
       padding-left: 1.5em;
       font-style: italic;
       font-size: 1.0em;
}
#crumbs {
clear:both;
background:#fff;
margin:0 auto;
padding:1px;
}
.ext {
/*background:           url("../images/arrow.jpg");*/
background:           url("../images/strzalka.gif");
background-position:  center right;
background-repeat:    no-repeat;
padding-right:        14px;
}
#search {
float:right;
clear:both;
text-align:right;
border-top:0px solid #ccc;
margin:0;
padding:15px 0 0;
}
input {
vertical-align:middle;
padding:2px;
}
input.searchfield {
width:255px;
border:2px solid #ccc;
font-size:.9em;
padding:6px;
}

input.searchbutton {
border:0;
color:#fff;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
} 
#main-left .reklama_orange:link, #main-left .reklama_orange:visited,  #main-left .reklama_orange:active {  color:red; text-decoration:none; border-bottom: 1px dashed red; }
#main-left .reklama_orange:hover { color: #000099; border-bottom: 1px solid #000099; }

#main-left .orange:link, #main-left .orange:visited,  #main-left .orange:active {  color:#ff6600; text-decoration:none; }
#main-left .orange:hover {  text-decoration:underline; }


#main-left .bordo:link, #main-left .bordo:visited,  #main-left .bordo:active  {  color: #990000; text-decoration:none; border-bottom: 1px dashed #990000; }
#main-left .bordo:hover { color: #000099; border-bottom: 1px solid #000099; }
#main-left .ext {
background:           url("../img/strzalka.gif");
background-position:  center right;
background-repeat:    no-repeat;
padding-right:        14px;
}
code, cite {
text-align:justify;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
background-color:#FFF8E8;
border: 1px solid #D3D3D3;
display: block;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#main-left div.related_posts {
    margin: 5px  0;
}
#main-left ul.related_posts {
    margin: 0;
    padding: 0;
    list-style: none;
}
#main-left ul.related_posts li{
    padding-left:16px;
    margin-bottom:.2em;
    background-image:url('../images/related.png');
    background-repeat:no-repeat;
    background-position:0 .2em;
}
.post_date { 
    float: left;
    width: auto;
    color: #ccc;
    height: 16px;

    margin-bottom:15px;
    padding-left: 1px;
}
.post_comments a{
    float: right;
    width: auto;
    color: #ccc;
    height: 16px;
    margin: 0px 0;
    padding-right: 0px;
    text-align: right;

}
.clearer { 
        clear: both;
}
#kontener_glowny {width:520px; margin:0 auto; }
#kontener_1 {float:left; width:230px; height:90px;}
#kontener_2 {float:left; width:270px; border-left:1px solid gray; height: auto;}
#kontener_2_1 {width:270px;  float:left; padding-left:10px;  background:#FFFFff; color:#666666;}

#pojemnik {width:500px;  min-height:60px;  }
#pojemnik_1 {float:left; width:160px; }
#pojemnik_2 {float:left; width:160px; }
#pojemnik_3 {float:left; width:160px;}


/*.paginator { font-family:Verdana,sans-serif; font-size:.9em; text-align:left; background:#eee; border:1px solid #bbb; margin:24px 0 6px; padding:4px; }
*/
.paginator { padding: 2px; }
.paginator ul { margin: 0; padding: 0; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 16px; }
.paginator li { list-style-type: none; display: inline; padding-bottom: 1px; }
.pagin-aktywny,.paginator a, .paginator a:visited { padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none;  color: #2e6ab1; }
.pagin-aktywny, .paginator a:hover, .paginator a:active{ border: 1px solid #2b66a5; color: #000; background-color: #FFFF80; }
.paginator a.currentpage { background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; }
.paginator a.disablelink, .paginator a.disablelink:hover { background-color: white; cursor: default; color: #929292; border-color: #929292; font-weight: normal !important; }
.paginator a.prevnext { font-weight: bold; }


#reklama_1 a{ color:#335577;}
#reklama_1 a:hover { text-decoration:underline; color:red;}

#tab-container-1{
  /*font: 13px Arial, Verdana;*/
  color: #333344;
  margin: 10px;
  margin-right:1px;
}

#tab-container-1 ul#tab-container-1-nav{ margin: 0; padding: 0 }
#tab-container-1 ul#tab-container-1-nav li{ display: inline }

#tab-container-1 ul#tab-container-1-nav li a{
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #ddd;
  color: #25252E;
  text-decoration: none
}

#tab-container-1 .tab{
  margin-top: 8px;
  padding: 10px 5px;
  background: #fff;
  border: 1px solid #ddd
}



#tab-container-1 #Najnowsze{ background: #fff ; }
#tab-container-1 #Artykul{ background: #ffffc0 ;}
#tab-container-1 #Informator{ background: #fff ;}
#main-left .tlo:link,#main-left  .tlo:visited, #main-left .tlo:active  {   text-decoration: underline; }
#main-left .tlo:hover { color: #fff; background: #990000; border-color: #036; text-decoration: none; }
.hot:link, .hot:visited, .hot:active { position: relative; color: #000000;  text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #a1a1a1; font-weight: normal; }
.hot:hover { color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
.gravatar {   float: left;   padding: 6px; }
.image { margin-bottom: 5px; position: relative; width: 500px; }
.image1 { margin-bottom: 5px; position: relative; width: 185px; }
.image2 { margin-bottom: 5px; position: relative; width: 152px; }


.overlay { background:black; background: rgba(0, 0, 0, .7) ;
           filter: alpha(opacity=70);
           filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
       border-top: 0px solid #333;
       width: 100%;
       position: absolute;
       left: 0;
       bottom: 5px;
}
.overlay h2 {font:  24px "Times New Roman", Arial, Tahoma, sans-serif; color: #fff;  text-align:left;  margin: 10px 5px;  }
.overlay h6 {font:  14px }
.overlay p {display: block; font: normal 12px/18px "Helvetica Neue", Arial, Tahoma, sans-serif; color: #fff; text-align:left; padding: 5px; }
.overlay span { display: block; font: normal 12px/18px "Helvetica Neue", Arial, Tahoma, sans-serif; color: #fff; text-align:left; padding: 5px; margin-top:-15px;}
.overlay a {color:#ffba27; font-family: Times New Roman;}
.overlay a:hover {color:white; text-decoration:none;}

.strzala {  display: block;  background: url(/images/strzalka_1.gif) no-repeat 0 0;  width: 245px; height: 15px; padding-left: 79px;}
.nowosc{float: left; background: #d02300; text-align:center; color:#fff; width: 55px; font-size:10px;  margin:0; line-height:9px; padding:1px 0 2px 0; margin-top:3px;}
.nowosc_arrow {float: left; background: url(images/nowosc_bg.gif) no-repeat center right; width: 6px; height:12px; font-size:11px; padding:0; margin:0 7 0 0; line-height:8px;margin-top:3px;}
.yellow {background:yellow;}

div.fotonews .c {text-align:center;margin-left:auto; margin-right:auto;}
div.fotonews .r { margin-left:10px; }
div.fotonews .l { margin-right:10px; }
div.fotonews img {border: 1px solid #000;padding: 1px;}
div.fotonews .fotodesc {color:#444; background:#ffc; border:1px solid #000;
font:10px Verdana, Arial;padding:5px; }
div.fotonews .fotodesc img {border:0;}
.fotautor {margin-top:5px;color:#999;font:10px Verdana, Arial;}