.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
/* End hide from IE-mac */

* { margin: 0; padding:0; border: 0;}
html { width: 100%; height: 100%;}
body { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; background: #312926 /*url(img/bgtop.jpg) 0 0 repeat-x*/;}

p          { margin: 20px 30px; font-size: 12px; line-height: 1.6em;}
a { text-decoration: none;  color: #666666;}
a:hover { text-decoration: underline;}
ul         { list-style-type: none;}
li         { font-size: 12px; line-height: 1.6em;}

h1, h2, h3, h4, h5, h6 { margin: 20px 30px; font-weight: normal; color: #666666;}
h1 { font-size: 24px;}
h2 { font-size: 18px;}

#kontener { width: 100%;	margin: 0 auto;}
.top { width: 720px; height: 200px; margin: 0 auto; position: relative; background: transparent url(img/top.jpg) 0 0 no-repeat;}
.top span { margin: 0 0 0 200px; position: relative; text-align: right;}
.top a { display: block; font-size: 24px; line-height: 94px; color: #fff;}
.top a:hover { color: #666;}

.body { width: 980px; margin: 0 auto; position: relative; color: #666666;}
.lewa { width: 130px; float: left; background-color: transparent;}
.prawa { width: 850px; float: right; background-color: transparent;}

.kol_r { width: 180px; float: right; background-color: transparent; color: #fff;}
.kol_r strong, .kol_r li { margin: 10px;}

.kol_l { width: 720px; float: left; background-color: #fff;}
.wiecej { display: block; margin: 10px 30px; text-align: right;  color: #666666; font-size: 10px;}


.paginacja { height: 30px; line-height: 30px; margin: 10px; padding: 5px 0; text-align: center; overflow: hidden;}
.paginacja li { display: inline; padding: 0;}

.paginacja li a { padding: 2px 5px; font-weight: 100; background-color: #f9f9f9; border: 1px solid #f9f9f9; color: #766c6b; text-decoration: none; margin: 0 1px;}
.paginacja li a:hover { background-color: #312926; border: 1px solid #312926; color: #fff;}
.paginacja li a.active { background-color: #666666; border: 1px solid #666; color: #fff;}

.paginacja a.t, .paginacja a.p, .paginacja a.t:hover, .paginacja a.p:hover { background-color: #fff; border: 0; color: #b9a698;}
.paginacja a.t:hover, .paginacja a.p:hover { color: #a2826b;}

.kol_l ul { margin: 10px 30px;}
.kol_l li { margin: 10px 30px;}
.kol_l cite { display: block; margin: 10px 30px; text-align: right;}
.kol_l a.spis { display: block; width: 250px; margin: 10px 0; padding: 10px; text-align: left; color: #fff; background-color: #5f5f5f;}

.stopka { margin: 0 auto; height: 86px; background-color: transparent;}
.stopka p       { width: 900px; margin: 10px auto 0; padding: 10px;}
.stopka a,
.stopka p       { font-size: 10px; color: #918b86;}
.stopka a       { margin: 0 2px;}
.stopka a:hover { text-decoration: underline;}