/* -------------------------------------------
project:	Max
date:		2009
------------------------------------------- */

/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/* clearfix */
.clearfix:after { content: ".";  display: block;  clear: both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {    height: 1%; }

body { color:#444; background:#000 url(i/bg.jpg) repeat-x center -40px ; font-family:Arial,Helvetica,sans-serif; line-height:1.5em; }
a {color:#666; text-decoration:underline;}
a:hover {color:#316632 /*#0066ff*/; text-decoration:underline;}
hr {display:none;}
textarea, input, select, option, button{ font: 1em Arial,Helvetica,sans-serif; }

.wrap {width:960px; margin:0 auto; position:relative;} 
.x { clear: both; }

#header{background:url(i/header.jpg) no-repeat center center; height:165px; width:960px;}
 
h1 a{text-indent:-9999px; background:url(i/logo.png) no-repeat center center;  height:50px; width:325px; position:absolute; top:60px; left:40px;}

#content-wrapper{background:url(i/bg-content.gif) repeat-y center center; padding-bottom:20px;}

#sidebar{width:200px; float:left; text-align:right; border-top:35px solid #000000;}
#sidebar h2{color:#fff; padding:20px}

.sidebar-nav{text-align:right;}
.sidebar-nav li {margin:0 15px;}
.sidebar-nav li a{color:#aaa; font-size:12px; border-bottom:1px solid #444; padding:3px 5px;  text-decoration:none; }

#content{width:760px; float:right; background:#fff;  font-size:12px;}
#content h2{color:#31692C;  font-size:16px;border-bottom:solid 1px #EFEFEF ; padding-bottom:20px; margin-bottom:20px;}
#content h2 span{color:#888;}

#content h3{color:#333; margin:15px 0 5px 0; font-size:14px;}
#content h3 span{color:#31692C;}

#content .padding  ul {padding-left:20px; margin:10px; list-style:disc}
#content .padding li{}


#content .line {border-bottom:solid 1px #EFEFEF ; padding-bottom:20px;}

#content .pliki_lista {margin:10px 0px;}
#content .projekt_mini {float:right;margin:0 0 10px 10px; border:solid 1px #000; padding:1px;}

.content-nav{background:#000; width:100%; background:#000;  width:100%; border-bottom:5px solid #326733;}
.content-nav li{float:left; padding:0 3px; height:30px; line-height:30px;}
.content-nav li a{float:left;color:#fff;  font-size:12px; text-decoration:none; padding:0 5px; height:30px; line-height:30px; display:block;}
.content-nav li a:hover{background:#111;}
.content-nav li.active a{color:#fff; background:#326733;}


.padding{padding:20px;}

#footer{padding:20px;font-size:12px;}
#footer span{float:right;}

.element { padding:4px; background:#efefef; text-decoration:none; line-height:1.2em; display:block; float:left; height:250px; width:220px;  overflow:hidden; margin:1px; border:solid 0px #eee; text-align:center;}
.element .nazwa {display:block; height:4em;}
.element .foto {display:block; width:210px;  overflow:hidden; margin:auto; padding:1px; }
.element .foto img {max-width:210px;max-height:175px; /*max-height:110px; */ margin:auto;  border: solid 1px #000;padding:1px; box-shadow:1px 1px 3px #666;}