/******** RESET ********/
* { margin: 0; padding: 0; }
body { background: url(../images/bg.jpg) #382E22; /* #382E22 */ font: 15px Tahoma, Helvetica, Sans-Serif; color:#000000; line-height: 18px; }
h1 { font: bold 28px Verdana, sans-serif; color: #3C778D; /* text-shadow: 1px 1px #FFFFFF; */ }
img { border: none; }
ul, ul li { list-style: none; }
a { color: #AFC336; text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding: 0 3px 10px 10px; }


/******** KONTENER ********/
.container { margin: 0 auto; width: 720px; }


/******** GÓRNY PANEL ********/
.header h1 { padding: 20px; width: 220px; }
.header h1 a { padding: 5px 3px; color: #FFFFFF; display: block; text-decoration: none; }
.header h1 a span { color: #AFC336; display: block; text-align: right; font-size: 22px; }


/******** MENU ********/
ul.menu { padding: 0px; height: 55px; padding-left: 10px; background-color: #382E22; margin-bottom: 10px; }
ul.menu li { float: left; margin-right: 5px; padding: 5px; }
ul.menu li a { color: #FFFFFF; padding: 5px 10px; display: block; text-decoration: none; text-align: center; font-weight: bold; }
ul.menu li a span { color: #AFC336; display: block; font-size: 11px; font-weight: normal; }
ul.menu li a:hover { color: #CAC3B9; }
ul.menu li.current a { background-color: #403629; color: #CAC3B9; }


/******** STOPKA ********/
/* .footer { background-color: #271E14; padding: 10px;} */
.footer { background-color: #382E22; padding: 10px; font-size: 11px; margin-bottom: 10px; }
.footer .left { float: left; width: 250px; }
.footer .right { float: right; width: 400px; text-align: right; }
.footer .right a { margin-left: 7px; }
 

/******** TREŚĆ ********/
.content { color: #FFFFFD; }
.content h2 { color: #AFC336; font: normal 18px Arial, sans-serif; padding: 3px 5px; }
.content p { font-size: 12px; }


/******** GALERIA ********/
.gallery li { text-align: center; }
.gallery li { margin-bottom: 20px; }
.gallery li a img { border: 1px solid #382E22; padding: 5px; background-color: #6B6256; }
.gallery li a { position: relative; }
.gallery li a div { position: absolute; bottom: 3px; left: 0; padding: 10px 0; width: 100%; background-color: #2A2014; display: none; opacity: 0.9; text-align: left; }
.gallery li a div span { padding: 10px; margin: 0; font-size: 11px; font-weight: bold; }
.gallery li a:hover div { display: block; }


/******** LISTA ********/
.list { margin: 0 10px 10px 10px; }
.list li { font-size: 12px; }


/******** PROJEKTY ********/
.projects li { padding: 5px 0; }
.projects li a { padding: 10px; background-color: #574C3A; display: block; text-decoration: none; border: 1px solid #413629; border-width: 1px 0; color: #999999; }
.projects li a:hover { background-color: #5C5240; color: #E6E6E6; }

/******** INNE ********/
.clear { clear: both; }
.message { border: 1px solid #382E22; padding: 5px; margin: 10px 0; background-color: #574C3A; text-align: center; color: #AFC336; font-size: 12px; font-weight: bold; }