@import url('reset.css');
@import url('thickbox.css');

body {margin:0;padding:0;font-family:Georgia, serif;background:#fff;}
body {background:url(../img/bg.png) top center repeat-y;}

a {color:#666;text-decoration:none;}
.format_png {border:0 !important; behavior: url(win_png.htc); }
h4 {text-transform:uppercase;font-size:1em;letter-spacing:.1em;margin:0 0 1em 0}


/* ===== Podstawowe bloki ----- */

#wrapper {width:970px;margin:0px auto;background:#fff;}
#header { width:970px;padding:25px 0 0 0;}
 #mcol01 {width:530px;padding:0 15px 0 5px;float:left;}
 #mcol-wrapper {float:right;width:400px;}
 #mcol02 {width:220px;padding:0 5px;float:left;}
 #mcol03 {width:150px;padding:0 5px;float:right;}
 #mcol-ksiazki {clear:both;width:940px;margin:5px 0;background:#ccc;padding:15px;border:2px solid #efefef;border-width:2px 0 2px 0;}
.cytaty {background:#efefef;position:relative;padding:0px 10px 10px 10px;color: #000;}
#mcol02 .cytaty h3 {padding:45px 0 0 5px;}
.cytaty-autor {background:#ccc;position:absolute;width:214px;left:0;bottom:0;padding:7px 3px;color: #333; text-align:right;display:block;}
.cytata {position:absolute;top:-5px;left:5px;border:none !important;font-size:1.8em !important;} 
 
#menu {width:966px;padding:.8em 2px;border-top:1px solid #ccc;border-bottom:2px solid #000;background:#f4f4f4;margin:.5em 0 0 0;}
#footer {width:960px;margin:0 0 15px 0;clear:both;}

h8 {font-family:'Georgia';text-transform:lowercase;font-weight:bold;font-size:1em;letter-spacing:0;color:#666;line-height:2em;}
h9 {font-family:'Tahoma';font-variant:capitalize;font-size:2em;letter-spacing:0.05em;color:#000;}

/* ----- Wrapper ----- */
#wrapper strong {font-weight:bold;}

/* ----- Taby na stronie głównej ----- */
#tabs {}
#tabs ul {margin:0;height:35px;clear:both;padding:0;list-style:none;}
 #tabs ul li {float:left;}
 #tabs ul li a {padding:10px 18px;display:block;text-decoration:none;font-size:.9em;font-weight:bold;}
 #tabs ul li a:focus {background:#efefef;}
 #tabs ul li a:hover {background:#f4f4f4;}
 #tabs ul li a.selected {background:#efefef;color:#000;}

.tab {width:100%;margin:0;border-top:1px solid #CCC;padding:10px 0 0 0;}
 .tab h2 {margin:0;font-size:1.2em;}
 .tab p {margin:10px 0;width:360px;font-size:.75em;line-height:1.4em;}
 .tab a.more {padding:5px 8px;font-size:.9em;color:#315B88;text-decoration:none;font-weight:bold;background:#E8ECF1;border:1px solid #D3DBE9;}
 .tab a:hover.more {border:1px solid #BBC6D7;background:#D3DBE9;background-color:#000;}
  .tab a.more img {position:relative;top:3px;}
 

/* ----- Menu główne ----- */
#menu ul {margin:0 0 0 15px;padding:0;list-style:none;font-size:1.1em;letter-spacing:3px;text-transform:uppercase;}
#menu ul li {float:left;margin:0 25px 0 0;}
#menu ul li a {color:#666;text-decoration:none;}

/* ----- mcol01 ----- */
#mcol01 h2.section {margin:0 0 .1em 0;padding:1em .6em 0em .6em;background:#fff;border-top:0px solid #999;border-bottom:1px solid #ccc;font-size:.85em;font-weight:normal;font-family:Tahoma;text-transform:lowercase;letter-spacing:3px;}
#mcol01 h2 {margin:0;padding:.2em 0 0 0;font-size:1.3em;font-weight:600;letter-spacing:-1px;}
#mcol01 h2.headline {background:url(../img/palec.jpg) no-repeat left -10px #fff;padding:0 0 0 85px;font-size:1.9em;letter-spacing:-2px;font-weight:900;}
#mcol01 span {margin:0;font-family:Verdana;text-transform:uppercase;color:#999;font-size:.6em;font-weight:bold;}
#mcol01 span a {color:#ff0000;}
#mcol01 span.headline {font-size:.7em;color:#999;letter-spacing:2px;}
#mcol01 h3 {margin:.2em 0;padding:.2em 0 0 0;font-size:1em;font-weight:bold;letter-spacing:-1px;}
#mcol01 span.headline3 {width:100%;padding:0 0 .3em 0;display:block;border-bottom:1px solid #ccc;}
#mcol01 p {margin:.7em 0;padding:0 0 .7em 0;font-size:.8em;line-height:1.5em;}
#mcol01 p.headline {margin:.7em 0;padding:0 0 .7em 0;font-size:.8em;line-height:1.5em;}
#mcol01 a {text-decoration:none;color:#333;border-bottom:1px dotted #999;}
#mcol01 a:hover {border:none;}
#mcol01 img {margin:2px 0 0 0;padding:2px;width:296px;background:#fff;border:1px solid #000;}

/* ----- mcol02 ----- */
#mcol02 h2 {margin:0 0 .1em 0;padding:1em .6em 0em .6em;background:#fff;border-top:0px solid #999;border-bottom:1px solid #999;font-size:.85em;font-weight:normal;font-family:Tahoma;text-transform:lowercase;letter-spacing:3px;}
#mcol02 h3 {margin:0 0 5px 0;padding:.2em 0 0 0;font-size:.7em;font-weight:bold;line-height:1.3em}
#mcol02 p {margin:.7em 0;font-size:.8em;line-height:1.3em;font-family:'Trebuchet MS', Arial, sans-serif;}
#mcol02 span {margin:0;font-family:Verdana;text-transform:uppercase;color:#999;font-size:.6em;font-weight:bold;}
#mcol02 img {border:1px solid #ccc;}

/* ----- Mcol-large ----- */
#mcol-large {}

/* ----- mcol03 ----- */
#mcol03 h2{margin:0 0 .1em 0;padding:1em .6em 0em .6em;background:#fff;border-top:0px solid #999;border-bottom:1px solid #999;font-size:.85em;font-weight:normal;font-family:Tahoma;text-transform:lowercase;letter-spacing:3px;}
#mcol03 h3 {margin:0;padding:.2em 0 0 0;font-size:1em;font-weight:bold;letter-spacing:-1px;}
#mcol03 span {margin:0;font-family:Verdana;text-transform:uppercase;color:#333;font-size:.6em;font-weight:bold;}
#mcol03 p {margin:.2em 0;font-size:.7em;line-height:1.3em;font-family:'Trebuchet MS', Arial, sans-serif;}


/* ----- mcol04 ----- */
#mcol04 h2 {margin:0 0 .1em 0;padding:1em .6em 0em .6em;background:#fff;border-top:0px solid #999;border-bottom:1px solid #999;font-size:.85em;font-weight:normal;font-family:Tahoma;text-transform:lowercase;letter-spacing:3px;}
#mcol04 p {margin:.7em 0;font-size:.7em;line-height:1.3em;}

/* ----- mcol-ksiazki ----- */
#mcol-ksiazki h2.section {text-align:right;font-family:Verdana;text-transform:uppercase;font-size:.65em;color:#999;font-weight:bold;}
#mcol-ksiazki .ksiazka {width:120px;padding:15px;float:left;}
#mcol-ksiazki .ksiazka img.spip_logos {margin:0 0 10px 0 !important;}
#mcol-ksiazki a {color:#000;text-decoration:none;}
#mcol-ksiazki h3 {font-weight:bold;text-align:center;font-size:1.1em;}

/* ----- dzial z ksiazkami */

.ksiazki-col {width:900px;float:left;}
.ksiazki-col span {margin:15px 0 0 0;font-family:Verdana;text-transform:uppercase;color:#333;font-size:.7em;font-weight:bold;display:block;width:100%;}
.ksiazki-col h2 {margin:0 0 15px 0;font-size:1.3em;}
.ksiazki-col img {padding:1px;border:1px solid #ccc;}


/* numery w dziale czasopisma */
.numer {margin:0 0 20px 0;width:320px;float:left;}



/* ----- Newsy ----- */
#mcol02 .news h3 {font-size:1.4em !important;margin:0;}
#mcol02 .news a {color:#333;text-decoration:none;}
#mcol02 .news a:hover {border-bottom:1px dotted #000;}



/* ----- Artykul lewa kolumna ----- */
#acol-left {width:600px;padding:1em;float:left;}
#acol-left span {margin:0;text-transform:uppercase;color:#000;font-size:.9em;font-weight:bold;letter-spacing:3px;word-spacing:150%;}
#acol-left h1 {margin:0em 0 .7em 0;font-size:1.9em;letter-spacing:-0.02em;font-weight:100;line-height:1.3em;}
#acol-left h3 {margin:.6em 0 .7em 0;font-size:1.4em;letter-spacing:0;font-weight:500;}
#acol-left p {margin:0 0 1.5em 0;font-size:.85em;line-height:1.6em;color:#000;}
#acol-left img {border:1px solid #ccc;}
#acol-left hr {display:none;}
#acol-left .notes {padding:1em;background:#f4f4f4;}

/* ----- Artykul prawa kolumna ----- */
#acol-right {margin:.5em 0 0 .3em;width:300px;float:right;}
#acol-right p, #acol-right ul {font-size:.7em;line-height:1.4em}

#acol-right ul li {margin:0 0 1em 0;padding:0 0 0 1em;}
#acol-right ul span.autor {text-transform:uppercase;position:relative;left:-1em;display:block;color:#666;}
#acol-right ul li a {color:#CC3300;}


#acol-right #art-info {padding:1em;background:#efefef;margin:.5em 0;}





/* ----- Strona z artykulami ----- */
.artykuly-col {width:450px;margin:0 30px 0 0;float:left}
.artykuly-col span {margin:0;line-height:2em;font-family:'Trebuchet MS';text-transform:uppercase;color:#000;font-size:1em;font-weight:bold;letter-spacing:2px;word-spacing:150%;}
.artykuly-col .boxem {background:#f4f4f4;}
.artykuly-col h2 {background:url(../img/palec.png) no-repeat left top;margin:00;padding:.2em 0 .7em 38px;font-size:1em;letter-spacing:1px;font-weight:100;font-family:Georgia;}
.artykuly-col h2 a {color: #333;text-decoration:none;}
.artykuly-col h2 a:hover {border-bottom:1px dotted #999;color:#000;}
.data {font-size:15px;}
.artykuly-col p {margin:0 0 .8em 0;font-size:.9em;line-height:1.4em;}
.artykuly-col h3 {margin:0 0 1em 0;font-size:1.3em;font-weight:bold;}



/* ----- Galeria ----- */
/*.galeria-blok {width:190px;height:95px;float:left;}
 .galeria-opis {width:94px;height:95px;float:left;}*/
 
#baner {border-bottom:2px solid #000;margin:0 0 1em 0;width:100%;}
.galeria-foto {width:97px;height:97px;float:left;}






/* ----- Silna kolumna ----- */
.bordered {margin:5px 0;padding:2%;width:96%;border:1px solid #ccc;}



/* ----- Kolumny artykuły ----- */


/* ----- Chmurka heh ----- */
.chmurka {margin:0 10px 10px 0;float:left;border:none !important}



/* ----- Forum artykułu ----- */
.wpis {width:100%;padding:.5em 0;border-top:2px dashed #ccc;font-family:Arial;font-size:1em;line-height:1.2em;}
.kto {width:150px;padding:0;float:left;font-size:.7em;}
.co {width:350px;float:left;font-size:.8em;}

/* ----- Formularz komentarza ----- */
.spip_barre {display:none;}  /* -> Wywala przekichany wysywig */
form {margin:0;}
fieldset.komentarze  {margin:5px 0;padding:10px;border:none;border-top:1px solid #ccc;}
fieldset.komentarze legend {font-size:.8em;font-weight:bold;}
fieldset.komentarze label {font-size:.75em;display:block;margin:6px 0;border:none;}
fieldset.komentarze input {margin:5px 0;font-size:.9em;font-weight:normal;}

fieldset.previsu {margin:10px 0;background:#efefef;padding:15px;font-size:1em;}
fieldset.previsu input {margin:5px 0;}
fieldset.previsu legend {font-size:.8em;font-weight:bold;}

/* ====== ----- Footer columns */

#footer {padding:5px 5px;color:#fff;font-size:.7em;background:#666;line-height:1.5em;}
#footer .col {width:120px;padding:15px;float:left;font-family:'Trebuchet MS', sans-serif;}
#footer .col a {color:#ccc;}

/* ----- Obrazki w artykule ----- */
.floatleft {float:left;margin:0 10px 10px 0;}


/* ----- Clearfix hack ----- */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
.separator {width:970px;height:5px;height:10px;clear:both;}