.outer { width: 100%; min-width: 950px; margin: 0 auto; text-align: left; }

.header { font: 13px Arial, Helvetica, sans-serif; height: 40px; background: #2a0705; }
.header .inner { padding: 10px 10px 0 10px; }
.header a { color: #f99301; }

.header ul.poziom li { margin: 5px 10px 0 0; }
.header ul.poziom li.bip { text-indent: -5000px; margin-top: 0; }
.header ul.poziom li.bip a { display: block; width: 38px; height: 21px; background: url(../img/bip.gif) no-repeat; }

.header .jezyki { float: right; }
.header .jezyki a { display: block; width: 25px; height: 18px; background-repeat: no-repeat; float: left; margin-left: 20px; text-indent: -5000px; }
.header .jezyki a.pl { background-image: url(../img/flaga-pl.gif); }
.header .jezyki a.en { background-image: url(../img/flaga-en.gif); }
.header .jezyki a.de { background-image: url(../img/flaga-de.gif); }
.header .jezyki a.fr { background-image: url(../img/flaga-fr.gif); }

.panorama { height: 150px; }

.menu {  height: 45px;  font: 22px Trebuchet MS, Arial, Helvetica, sans-serif; background: #390d0a; white-space: nowrap; }
.menu ul {position: relative; width:950px; margin: auto;}
.menu li {  }
.menu a { display: block; text-align: center; height: 45px; line-height: 45px; padding: 0 15px; color: #fdb200; }
.menu a:hover, .menu li.selected a { text-decoration: none; }
.menu a.s { background: #801e17; }

.dropmenudiv { font: 14px Arial, Helvetica, sans-serif; position: absolute; top: 0; line-height: 17px; z-index: 999; background-color: #390d0a; width: 250px; visibility: hidden; border-top: 1px solid #593e26; margin-top: -1px; }
.dropmenudiv a { width: auto; display: block; color: #ffcd53; background: #390d0a; border-top: 1px solid #593e26; padding: 5px 15px; }
.dropmenudiv a:hover { background-color: #801e17; text-decoration: none; }
#dropmenu1 {  }
#dropmenu2 {  }
#dropmenu4 {  }

.content { padding: 30px 10px; background: url(../img/bg.gif) repeat-x; }

.panel { width: 250px; }

.panel .box { border: 1px solid #e7c173; }
.panel .box h2 { font: 15px Arial, Helvetica, sans-serif; background: #801e17; padding: 10px; }
.panel .box h2, .panel .box h2 a { color: #fdb200; }
.panel .box .inner { padding: 15px; text-align: justify; }
.panel .box .foto { text-align: center; }
.panel .box .tr a { font: 11px Arial, Helvetica, sans-serif; color: #661314; text-decoration: underline; }
.panel .box .tr a:hover { text-decoration: none; }

.inside { margin-right: 265px; }
.inside .panel {  }
.inside .middle { margin-left: 265px; }
.inside .middle .box {  }

.submenu { background: #390d0a; color: #ffcd53; padding: 20px 0; font-size: 14px; width: 180px; }
.submenu ul {  }
.submenu li { background: url(../img/line.gif) 50% 100% no-repeat; padding: 6px 0 7px 25px; }
.submenu li.no { background: none; }
.submenu a { color: #ffcd53; }
.submenu a:hover {  }

.paginacja { text-align: center; padding: 15px 0; }
.paginacja a { color: #390d0a; border: 1px solid #fff2bd; text-decoration: underline; }
.paginacja a, .paginacja span { padding: 3px 7px; display: table; display: inline-table; margin: 0 3px; }
.paginacja a:hover { background: #390d0a; color: #fff2bd; text-decoration: none; }
.paginacja span { color: #e2d082; border: 1px solid #fff2bd; }
.paginacja span.act { font-weight: bold; color: #390d0a; }

.news { border-bottom: 2px solid #f2e29f; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; }
.news h1 { font: 20px Trebuchet MS, Arial, Helvetica, sans-serif; background: url(../img/h1.gif) 0 4px no-repeat; padding-left: 25px; display: inline-block; }
.news h1 a { color: #661314; }
.news .foto img { border: 1px solid #fcdb86; }
.news .autor { font: 10px Arial, Helvetica, sans-serif; color: #390d0a; padding-left: 25px; }
.news .autor span { color: #bb721a; }
.news .autor a { color: #bb721a; }
.news .autor .tagi { color: #661314; }
.news .text { padding: 15px 0 0 25px; text-align: justify; }
.news .text a { color: #bb721a; text-decoration: underline; white-space: nowrap; }
.news .text a:hover { text-decoration: none; }
.news .addons { font: 10px Arial, Helvetica, sans-serif; padding-top: 15px; }
.news .addons .fr a { margin-left: 20px; font-size: 11px; }
.news .addons .fr a span { color: #000; }
.news .addons .tagi a { text-decoration: none; }
.news .addons .tagi a:hover { text-decoration: underline; }
.news .ins { margin-left: 25px; }

.hot { background: #ffcd53; border: 1px solid #e8be66; padding: 15px; margin-bottom: 25px; margin-left: 10px; }
.hot .inner { overflow: hidden; }
.hot h1 { background-image: url(../img/h1hot.gif); }
.hot h1 a, .hot .autor, .hot .addons a {  }
.hot .foto img { border-color: #fcd982; }
.hot .autor, .hot .text { padding-left: 0; }
.hot .text { padding-bottom: 10px; }
.hot .addons {  }

.multimedia { border-bottom: 2px solid #f2e29f; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; }
.multimedia h2, .comments h2 { font: 11px Arial, Helvetica, sans-serif; color: #c17c25; background: url(../img/h2.gif) no-repeat; padding-left: 20px; margin-bottom: 10px; }

.inside .box { background: #fff7da; border: 1px solid #feebac; padding: 10px; color: #390d0a; font-size: 11px; margin-bottom: 10px; }
.inside .box a.doc { background: url(../img/ico-doc.gif) no-repeat; padding: 17px 0 17px 50px; line-height: 40px; color: #390d0a; }
.inside .box a.pdf { background: url(../img/ico-pdf.gif) no-repeat; padding: 17px 0 17px 50px; line-height: 40px; color: #390d0a; }
.zdjecia .box { float: left; width: 200px; text-align: center; margin: 0 10px 10px 0; padding: 0; font-size: 12px; }
.zdjecia .box img { margin: 20px 0; }

.comments { padding-bottom: 15px; margin-bottom: 15px; }
.comments form { font: 11px Arial, Helvetica, sans-serif; color: #000; padding-bottom: 15px; }
.comments form p { color: #9a8d58; font-size: 9px; }
.comments form span { color: #f00; font-size: 12px; }
.comments form label { display: block; float: left; width: 50px; color: #2f2200; font-size: 12px; }
.comments form .input { width: 150px; border-color: #ac9f6a; background: #fff2bd; }
.comments form .textarea { width: 380px; height: 70px; border-color: #ac9f6a; background: #fff2bd; }
.comments form .button { background: #961b1b; border: 1px solid #961b1b; color: #fff; padding: 1px 5px; font-weight: bold; }

.comments .wpisy { padding-top: 15px; }
.comments .wpis { margin-bottom: 15px; color: #000400; font-size: 11px; }
.comments .wpis p { margin-bottom: 5px; }
.comments .wpis span { color: #796f46; }
.comments .odd { background: #f7efd2; border: 1px solid #f5e2a3; padding: 10px; }
.comments .even { padding: 0 10px; }

.bg-comment { background: #f6e9b4; padding: 20px; }

.footer { text-align: center; font: 11px Arial, Helvetica, sans-serif; color: #7f7b5e; margin-top: 30px; }
.footer p { padding: 10px; margin: 0; }
.footer a { color: #7f7b5e; text-decoration: underline; }
.footer a:hover { text-decoration: none; }

.historia { background: url(../img/historyczna-bottom.jpg) 100% 100% no-repeat; padding-bottom: 20px; margin-bottom: 20px; }
.historia .content { padding-top: 0; }
.historia-inside { background: url(../img/historyczna-top.jpg) no-repeat; }
.historia .panel { background: url(../img/wzorek.gif) 100% 100% no-repeat; padding-bottom: 285px; padding-top: 30px; }
.historia .inside { padding-top: 140px; }
.historia h1 { background: none; padding-left: 160px; color: #661314; font-size: 26px; }
.historia .text { padding: 40px 0 0 40px; }
.historia .box { background: #fff7da url(../img/wzorek2.gif) 100% 100% no-repeat; }

.historia .footer { text-align: right; margin-top: 80px; margin-right: 30px; }
