/*

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

*/



body {

  margin: 0;

  padding: 0;

  background: #FFFFFF url(images/img01.gif) repeat-x;

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size: 13px;

  color: #666666;

}



h1, h2, h3 {

  margin: 0;

  font-weight: normal;

  color: #85C329;

}



h1#menu {

  font-size: 150%;

  float: left;

  padding: 16px 0;

  color: #145997;

}



h1.spacer {

  margin: 0 16px;

  font-size: 180%;

  float: left;

  padding: 14px 0;

}



h1.title, h1 a {

  font-weight: bold;

  color: #85C329;

  text-decoration: none;

  letter-spacing: -2px;

}



h1.title:hover, h1 a:hover {

  color: #145997;

}



h2 {

  font-size: 125%;

}



h3 {

  font-size: 100%;

  font-weight: bold;

}



p, ol, ul {

  line-height: 180%;

}



blockquote {

  margin: 0;

  padding-left: 20px;

  border-left: 10px solid #E6E6E6;

  font-style: italic;

  color: #999999;

}



blockquote * {

  line-height: normal;

}



a.title {

  text-decoration: none;

}



a.title:hover {

  text-decoration: none;

}



a {

  color: #145997;

}



a:hover {

  text-decoration: none;

}



img {

  border: none;

}



img.left {

  float: left;

  margin: 0 15px 0 0;

}



img.right {

  float: right;

  margin: 0 0 0 15px;

}



hr {

  display: none;

}



/* Header */



#header {

  width: 760px;

  height: 90px;

  margin: 0 auto;

}



/* Logo */



#logo {

  float: left;

  padding-top: 20px;

  background: url(images/img02.gif) no-repeat left bottom;

}



#logo h1, #logo h2 {

  margin: 0;

  padding-left: 60px;

  font-weight: normal;

  color: #E06529;

}



#logo h1 {

  font-weight: bold;

}



#logo h2 {

  font-size: 92%;

}



#logo a {

  text-decoration: none;

}



#ticker {

  width: 100%;

  height: 30px;

  margin: 0 auto;

  margin-top: -6px;

  padding: 0 20px;

  background: #e6e6e6;

  border-bottom: 3px solid #cdcdcd;

  font-size: 15px;

}



div#ticker ul#news li a {

  font-size: 12px;

}



#poz {

  text-decoration: none;

}



#tickers.info {

  color: #145997;

}



#tickers.news {

  color: green;

}



#tickers.important {

  color: red;

  text-decoration: none;

}



#news {

  width: 960px;

  max-height: 30px;

  margin: 0 auto;

  list-style-type: none;

  padding: 3px 20px;

}



/* Top Menu */



#topmenu {

  float: right;

}



#topmenu ul {

  margin: 0;

  padding: 32px 0 0 0;

  list-style: none;

  line-height: normal;

}



#topmenu li {

  display: inline;

}



#topmenu a {

  padding: 0 20px;

  border-left: 1px solid #E06529;

  text-decoration: none;

  font-size: 92%;

}



#topmenu a:hover {

  text-decoration: underline;

}



#topmenu .first a {

  border: none;

}



/* Header 2 */



#header2 {

  width: 960px;

  height: 200px;

  margin: 0 auto;

  padding: 10px;

}



/* Menu */



#menu ul {

  float: left;

  width: 160px;

  height: 180px;

  background: url(images/img03.jpg);

}



#menu ul {

  margin: 0;

  padding: 20px 20px 0 20px;

  list-style: none;

  line-height: normal;

}



#menu li {

  display: inline;

  color: #FFFFFF;

}



#menu li a {

  display: block;

  padding: 8px 10px;

  background: url(images/img05.gif) repeat-x;

  text-decoration: none;

  font-size: 100%;

  font-weight: bold;

  color: #FFFFFF;

}



#menu li a:hover {

  text-decoration: underline;

}



#menu .first a {

  background: none;

}



/* Splash */



#splash {

  float: left;

  width: 560px;

  height: 200px;

}



#splash img {

  width: 560px;

  height: 200px;

}



/* Page */



#page {

  width: 960px;

  margin: 0 auto;

  padding: 10px 0px 30px;

}



/* Content */



#content {

  float: left;

  width: 680px;

  padding-left: 20px;

}



#content ul {

  margin-left: 0;

  padding-left: 0;

  list-style: none;

}



#content ul li {

  padding-left: 15px;

  background: url(images/img08.gif) no-repeat 0 8px;

}



#content ol {

  margin-left: 0;

  padding-left: 0;

  list-style: decimal inside;

}



.title {

  padding-top: 0px;

  text-decoration: none;

}



.content {

  padding: 20px;

  padding-top: 0;

  margin-top: 0;

  /*background: url(images/img10.gif) no-repeat;*/

  /*text-align: justify;*/

  min-height: 80px;

}



#content p a {

  text-decoration: none;

}



#content p a:hover {

  text-decoration: underline;

}



.content p {

  text-align: justify;

}



.content p:first-letter {

  padding-left: 16px;

}



p.cats {

  font-size: 11px;

  margin-bottom: 8px;

  padding-left: 24px;

  padding-top: 2px;

  background: url(icons/folder.png) 2px no-repeat;

}



p.cats a {

  text-decoration: none;

}



p.cats a:hover {

  text-decoration: underline;

}



div.info {

  width: 100%;

  height: 20px;

  padding: 4px 0;

  margin: 0;

  margin-bottom: 8px;

  border-bottom: 1px dotted #b5cccf;

}



div.info p.left {

  float: left;

  line-height: 25px;

  width: 400px;

  color: #a3b6b7;

  font-size: 11px;

  padding: 0 32px;

  margin: 0;

  background: url(images/info.png) 4px 4px no-repeat;

}



div.info p.right {

  float: right;

  margin: 0;

  padding: 0;

  line-height: 25px;

  font-size: 11px;

  padding: 0 8px;

}



div.info p.right a {

  text-decoration: none;

}



div.info p.right a:hover {

  text-decoration: underline;

}



.twocols {

}



.twocols .col1 {

  float: left;

  width: 220px;

}



.twocols .col2 {

  float: right;

  width: 220px;

}



/* Sidebar */



#sidebar {

  float: right;

  width: 220px;

  padding-top:20px

}



#sidebar ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#sidebar li {

  margin-bottom: 20px;

  background: #E6E6E6 url(images/img07.gif) no-repeat right bottom;

}



#sidebar li ul {

  padding: 10px 20px;

  font-size: 92%;

}



#sidebar li li {

  margin: 0;

  padding: 5px 0;

  background: none;

  border-top: 1px dotted #CDCDCD;

}



#sidebar h2 {

  height: 30px;

  margin: 0;

  padding: 6px 0 0 10px;

  background: url(images/img06.gif) no-repeat;

  font-size: 100%;

  font-weight: bold;

  color: #145997;

}



#sidebar .wakacje {

  height: 30px;

  margin: 0;

  padding: 6px 0 0 10px;

  text-align: center;

  font-size: 200%;

  font-weight: bold;

  color: #85C329;

  background: none;

}



#sidebar .adv {

  max-width: 180px;

}



#sidebar h3 {

  margin: 0;

}



#sidebar p {

  margin: 0;

  line-height: normal;

}



#sidebar a {

  text-decoration: none;

}



#sidebar a:hover {

  text-decoration: underline;

}



#sidebar .first {

  border: none;

}



/* Footer */



#footer-wrapper {

  padding: 10px 0;

  background: #E6E6E6;

  border-top: 10px solid #CDCDCD;

}



#footer {

  width: 100%;

  margin: 0 auto;

  text-align: center;

}

.footer {

  font-size: 11px;

}

#footer p {

  margin: 0;

  line-height: normal;

}



#footer a {

  color: #666666;

}



#legal {

  float: left;

  padding: 10px 0 10px 60px;

  background: url(images/img11.gif) no-repeat left center;

}



#links {

  float: right;

  padding: 10px 0 0 0;

}



#gallery {width:837px; position:relative; height:820px; padding-top:0px; margin:0px 0px 90px 0px; background:#444;}



#gallery img.left {width:55px; padding:0; margin:0; height:62px; background:#444; float:left;cursor:pointer;}

#gallery img.right {width:55px; padding:0; margin:0; height:62px; background:#444; float:right;cursor:pointer;}



#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;}

#gallery ul li {display:inline; width:47px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}



#gallery ul li.hide {display:none;}



/* remove visibility:hidden; if you want to use the original images as thumbnails */

#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}



#gallery ul li em {color: white; font-weight: bold;}



#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}

#gallery ul li b {color:#444;}



#gallery ul li.chosen {border-color:#fff; cursor:default;}

#gallery ul li.chosen div {padding:15px; position:absolute; left:0px; margin-top:55px; width:805px; height:805px; background:#444; border:1px solid #000; border-width:0px 1px 1px 1px;}

#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 

#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}

#gallery ul li.chosen span {display:block;}



#recent {

  height: 200px;

  float: right;

  width: 200px;

  background: url(images/img03.jpg);

  /*padding-top: 140px;*/

}



#recent li a {

  margin: 8px 0;

  line-height: 14px;

  font-size: 11px;

}



#recent ul {

  float: left;

  width: 160px;

  height: 180px;

  background: url(images/img03.jpg);

  margin: 0;

  padding: 20px 0 0 20px;

  list-style: none;

  line-height: normal;

}



#recent li {

  display: inline;

  color: #FFFFFF;
  

}



#recent li a {

  display: block;

  padding: 0 8px;

  text-decoration: none;

  font-size: 100%;

  font-weight: bold;

  color: #FFFFFF;

  background: none;

}



#recent li.links a {

  font-size: 11px;

  font-weight: normal;

  padding: 2px 10px;

}



#recent li a:hover {

  text-decoration: underline;

}



#recent a.first {

  background: url(images/img05.gif) bottom repeat-x;

  height: 24px;

}



div.frame {

  width: 90%;

  margin: 16px;

  padding: 8px;

}



div.frame p {

  margin: 0;

  padding: 0;

  color: #666666;

  font-size: 0.85em;

}



div.frame p:first-letter {

  padding-left: 32px;

}



div#warning {

  background: #fff5cc url(icons/warning_16.png) no-repeat 10px 8px;

  border: 2px #f2dd8c solid;

}



div#info {

  background: #e8f6ff url(icons/info_16.png) no-repeat 10px 8px;

  border: 2px #b8e2fb solid;

}



div#ok {

  background: #eaf7d9 url(icons/tick_16.png) no-repeat 10px 8px;

  border: 2px #bbdf8d solid;

}



div#error {

  background: #feebeb url(icons/block_16.png) no-repeat 10px 8px;

  border: 2px #ffaeae solid;

}



#logowanie {

  text-align: right;

}



#logowanie p {

  margin: 8px 0;

}



#logowanie input {

  width: 128px;

  padding: 4px;

}



#smallnav {

  position: relative;

  height: 100px;

  margin-top: 16px;

  border-bottom: 1px dotted #ccc;

}



.smallnav {

  width: 88px;

  float: left;

  margin: 0 4px;

  text-align: center;

  font-size: small;

}



.smallnav p {

  margin: 0;

  margin-top: 4px;

  line-height: 12px;

}



.smallnav a {

  text-decoration: none;

}



.smallnav a:hover {

  text-decoration: underline;

}



label {

  float: left;

  display: block;

  width: 128px;

  text-align: right;

  margin: 0 8px;

  line-height: 24px;

}



input, select, textarea {

  padding: 4px;

  width: 256px;

}



textarea {

  width: 450px;

  height: 200px;

}



#avatar {

  border: 4px #E6E6E6 solid;

  margin-right: 32px;

  max-width: 200px;

  max-height: 200px;

}



.contact {

  list-style: none;

  margin: 0 32px;

  width: 164px;

  float: left;

}



.contact li {

  width: 300px;

  display: block;

  float: left;

  background-position: 0 10px;

  background-repeat: no-repeat;

  padding-top: 5px;

}



.contact li p {

  margin: 0;

  padding-left: 8px;

}



.contact li p:first-letter {

  margin: 0;

  padding: 0;

}



#forum {

  width: 100%;

  margin-top: 12px;

}



#forum th {

  border-bottom: 1px #E6E6E6 solid;

}



#forum td {

  line-height: 24px;

  font-size: 11px;

}



#forum tr:hover {

  background: #f0f0f0;

}



#forum thead tr:hover {

  background: none;

}



#forum td.thread a {

  display: block;

  line-height: 20px;

  font-size: 12px;

  padding-left: 24px;

  background: url(icons/folder.png) no-repeat;

}



#forum a {

  text-decoration: none;

}



#forum a:hover {

  text-decoration: underline;

}



.entry {

  padding: 4px 0;

  margin: 0;

  margin: 16px 0;

  border-top: 1px dotted #b5cccf;

}



.autor {

  float: left;

  width: 200px;

  padding: 8px;

}



.autor p {

  font-size: 11px;

}



.post {

  float: left;

  width: 444px;

  padding: 8px;

}



.subtitle {

  margin-top: 50px;

}



ul.sidebar2, ul.sidebar4, ul.sidebar5 {

  display: none;

}



#kategorie .checkbox{

  width: 20px;

  padding: 0;

  margin: 0;

}



#kategorie .select {

  width: 95px;

  height: 20px;

  font-size: 8pt;

  padding: 0;

  margin: 0;

}



#kategorie .submit {

  width: 60px;

  height: 20px;

  font-size: 8pt;

  border: 1px black solid;

  padding: 0;

  margin: 0;

}



#kategorie input, select {

  width: 150px;

  height: 20px;

  font-size: 8pt;

  padding: 0;

  margin: 0;

}



#kategorie label {

  float: left;

  display: block;

  width: 70px;

  text-align: right;

  margin: 0 8px;

  line-height: 24px;

}



#logowanie .user, #logowanie .pass {

  border: 1px solid #999;

  padding: 4px 26px 4px 4px;

  width: 104px;

  margin-left: 4px;

}



#logowanie .user {

  background: #fff url(icons/user.png) 114px 3px no-repeat;

}



#logowanie .pass {

  background: #fff url(icons/key.png) 114px 3px no-repeat;

}



#tablica {

  width: 100%;

  margin-top: 12px;

}



#tablica th {

  border-bottom: 1px #E6E6E6 solid;

}



#tablica td {

  line-height: 24px;

  font-size: 11px;

  text-align: center;

}



#tablica td select {

  width: 40px;

  padding: 0;

}



#tablica td.thread {

  text-align: left;

}



#tablica td.thread a {

  display: block;

  line-height: 20px;

  font-size: 12px;

  padding-left: 24px;

  background: url(icons/images.png) no-repeat;

}



#tablica .sub {

  display: none;

}



#tablica .sub ol {

  margin-top: 0;

  margin-left: 16px;

}



#tablica .sub ol li {

  color: #fff;

  clear: both;

}



#tablica .sub ol li h3 {

  float: left;

  width: 140px;

}



#tablica .sub ol li p {

  float: left;

  color: #666666;

  width: 60px;

  padding: 0;

  margin: 0;

}



#tablica .sub ol li p.links {

  width: 150px;

  padding: 0;

}



#tablica .sub td {

  text-align: left;

}



#tablica .sub td h3 {

  display: block;

  padding-left: 5px;

  line-height: 16px;

  background: url(icons/image.png) no-repeat;

}



#tablica .sub td .addSlide {

  padding: 8px 0 24px 0;

}



#tablica .sub td .addSlide h3 {

  background: url(icons/image_add.png) no-repeat;

}



#tablica a {

  text-decoration: none;

}



#tablica a:hover {

  text-decoration: underline;

}



#kategorie ul li {

  padding-left: 20px;

  background: url(icons/folder.png) 0 2px no-repeat;

  font-weight: bold;

}



#kategorie ul li.dodaj {

  margin: 8px 0;

}



#kategorie ul li.dodaj {

  background: url(icons/folder_add.png) 0 2px no-repeat;

}



#kategorie ul.tresci li {

  background: url(icons/page.png) 0 2px no-repeat;

  font-weight: normal;

}



#kategorie ul.tresci li.dodaj {

  background: url(icons/page_add.png) 0 2px no-repeat;

}



table {

  width: 100%;

  margin-top: 12px;

}



table th {

  border-bottom: 1px #E6E6E6 solid;

  text-align: center;

}



table td {

  line-height: 24px;

  font-size: 11px;

  text-align: center;

}



table tr td:first-child {

  text-align: left;

}



table tr:hover > td {

  background: #f0f0f0;

}



table thead tr:hover {

  background: #fff;

}



table td.thread a {

  display: block;

  line-height: 20px;

  font-size: 12px;

  padding-left: 24px;

  background: url(icons/folder.png) no-repeat;

}



table a {

  text-decoration: none;

}



table a:hover {

  text-decoration: underline;

}



#tablica tr.sub:hover {

  background: #fff;

}



#uzytkownicy tr td:first-child {

  line-height: 20px;

  font-size: 12px;

  padding-left: 32px;

  background-position: 8px 4px;

  background-repeat: no-repeat;

  background-image: url(icons/user.png);

}



table#tresci .title a {

  display: block;

  line-height: 20px;

  font-size: 12px;

  padding-left: 24px;

  background: url(icons/page.png) no-repeat;

}



#uzytkownicyDodaj #nazwa, #uzytkownicyDodaj #login, #uzytkownicyDodaj #haslo, #uzytkownicyDodaj #haslo2 {

  border: 1px solid #999;

  padding: 4px 26px 4px 4px;

  width: 124px;

}



#uzytkownicyDodaj #dodaj {

  width: 150px;

}



#uzytkownicyDodaj #nazwa {

  background: #fff url(icons/user.png) 134px 3px no-repeat;

}



#uzytkownicyDodaj #login {

  background: #fff url(icons/vcard.png) 134px 3px no-repeat;

}



#uzytkownicyDodaj #haslo {

  background: #fff url(icons/key.png) 134px 3px no-repeat;

}



#uzytkownicyDodaj #haslo2 {

  background: #fff url(icons/shield.png) 134px 3px no-repeat;

}



#kategorie tr td:first-child {

  line-height: 20px;

  font-size: 12px;

  padding-left: 32px;

  background-position: 8px 4px;

  background-repeat: no-repeat;

  background-image: url(icons/folder.png);

}



#plan tr td {

  text-align: center;

}



#plan tr td.day {

  width: 30px;

}



#plan tr:hover td.day {

  background: none;

}



#plan tr, #plan tr td {

  border: none;

}



#plan tr td, #plan tr th {

  line-height: 16px;

}



table thead tr td:first-child {

  background: none;

}



#content img.left {

  max-height: 80px;

}



#dhtmlgoodies_dragDropContainer ul li {

  background: none;

}



ul#bekarty {

  padding-left: 8px;

  background: none;

  margin: 0;

  padding-bottom: 48px;

}



ul#bekarty li {

  float: left;

  width: 110px;

  font-size: 11px;

  line-height: 16px;

  margin: 0 16px;

  padding-top: 2px;

  padding-left: 24px;

  background: url(icons/folder.png) 2px no-repeat;

}



ul#bekarty li a {

  text-decoration: none;

  background: none;

}



ul#bekarty li a:hover {

  text-decoration: underline;

}



div#pager {

  margin: 32px auto;

  text-align: center;

}



div#pager p {

  display: none;

}



div#pager ul {

  float: none;

  width: 512px;

  margin: auto;

}



div#pager ul li {

  float: left;

  margin-right: 2px;

  list-style: none;

  background: none;

}



div#pager ul li a, div#pager ul li a:visited {

  display: block;

  width: 32px;

  border: 1px #666 solid;

  text-align: center;

  text-decoration: none;

}



div#pager ul li a:hover {

  border: 1px #85C329 solid;

}



div#pager ul li.link a {

  width: 64px;

}