/**
* ----------------------------------------------------------------
* Definicje ogolne
*/
html,body {
  background: #AEC1D6 url('../img/page_bg.png') repeat-x;
}

/**
* ----------------------------------------------------------------
* Warstwy podstawowe
*/
#tablebox {
  width: 994px;
  margin: 0 auto;
  padding-top: 43px;
}
#header {
  height: 294px;
  background: transparent url('../img/header_bg.jpg') bottom no-repeat;
}
.logo {
  position: absolute;
  top: 50px;
  left: 10px;
}
.headermenu {
  position: absolute;
  top: 20px;
  left: 10px;
  background: transparent url('../img/headmenu_bg.gif') no-repeat;
}
.headermenu li {
  float: left;
}
.headermenu li a {
  display: block;
  height: 20px;
  width: 32px;
}


/**
* ----------------------------------------------------------------
* Content DIV
*/
#content {
  width: 994px;
  background: transparent url('../img/content_bg.gif') repeat-y;
}

/**
* ----------------------------------------------------------------
* BreadCrumb
*/
.bread_crumb {
  margin-left: 30px;
  font-size: 80%;
  text-transform: lowercase;
}
.bread_crumb a {
  color: #cecece;
}
.bread_crumb a:hover {
  color: #444444;
}
.bread_crumb span {
  color: #cecece;
}
.titleword {
  color: #AB2117 !important;
}

/**
* ----------------------------------------------------------------
* Definicje PAGE - zawartosci tekstowej
*/
#page {
  min-height: 400px;
  padding-top: 10px;
  padding-right: 30px;
  margin-left: 260px;
}

/* Page author */
#pageauthor {
  margin-top: 10px;
  border-top: 2px solid #ddd;
}

/* Page time */
#pagetime {
  margin-top: 10px;
  border-top: 2px solid #ddd;
}

/* Page files */
#pagefiles {
  margin-top: 10px;
  border-top: 2px solid #ddd;
  padding: 5px;
}
#pagefiles li {

}
#pagefiles li p {
   margin-left: 25px;
}
#pagefiles li span {
   font-size: 80%;
}


/* Page images*/
#pageimages {
  margin-top: 10px;
  border-top: 2px solid #ddd;
  padding: 3px;
}
#pageimages li {
  display: block;
  float: left;
  list-style-type: none;
  min-width: 190px;
  min-height: 220px;
  padding: 2px;
  text-align: center;
}
#pageimages li div {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 150px;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
}

/* Page subpages */
#pagesubpages {
  margin-top: 10px;
  /*border-top: 2px solid #ddd;*/
  padding: 5px;
}
#pagesubpages li {
   /*padding-bottom: 10px;*/
   border-bottom: 1px solid #ededed;
}
#pagesubpages strong {
   display: block;
   padding-top: 10px;
   font-size: 11px;
}
#pagesubpages a span {
   color: #444444;
   font-size: 80%;
}
/* Page back */
#pageback {
  font-weight: bold;
  margin-top:20px;
  margin-bottom:20px;
  text-align: right;
}
#pageback a {
  padding: 10px !important;
  margin: 10px !important;
  padding-bottom: 20px;
}

/**
* ----------------------------------------------------------------
* Wersje jezykowe
*/
#page_language {
  position: absolute;
  top: 20px;
  right: 10px;
}
#page_language li {
   float: left;
   padding: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-right: 3px;
   font-size: 80%;
   background: none !important;
}


/**
* ----------------------------------------------------------------
* Definicje MENU - sidebar
*/
#sidebar_bg {
  padding-bottom: 10px;
  background: transparent url('../img/sidebarend_bg.gif') bottom no-repeat;
}
#sidebar {
  float: left;
  width: 210px;
  margin-top: 0px;
  margin-left: 27px;
  background: transparent url('../img/sidebar_bg.gif') repeat-y;
}
#sidebar ul {
  padding-top: 0px;
  margin-left: 3px;
  list-style-type: none;
}
#sidebar li {
  padding-bottom: 0px;
  padding-left: 0px;
}
#sidebar ul ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
#sidebar li a {
  display: block;
  padding: 2px;
  padding-left: 0px;
  font-size: 11px;
  text-decoration: none;
}
#sidebar a:hover {
  color: black;
  /*background-color: #E5E5E5;*/
  text-decoration: none;
}
#sidebar strong {
  display: block;
  margin: 0 !important;
  padding-top: 10px;
  width: 197px;
  min-height: 20px;
  font-size: 11px;
  padding-left: 18px;
  background: transparent url('../img/sidebarh3_bg.gif') 3px 14px no-repeat;
  /*border-bottom: 1px #EEEEEE solid;*/
}
#sidebar span {
  display: block;
  font-size: 11px;
  padding-left: 19px;
  /*width: 184px;*/
  /*background: transparent url('../img/sidebarh4_bg.gif') 6px 5px no-repeat;*/
  /*border-bottom: 1px #EEEEEE solid;*/
}
#sidebar form li {
  background: none;
}

/**
* ----------------------------------------------------------------
* Definicje FOOTER - stopka
*/
#footer {
  height: 90px;
  color: #777;
  padding: 3px;
  color: #444444;
  background: transparent url('../img/footer_bg.gif') no-repeat;
}
.goganet {
  position: absolute;
  top: 70px;
  left: 40px;
}
.fanklub {
  position: absolute;
  top: 7px;
  right: 10px;
}


/**
* ----------------------------------------------------------------
* Strona bledu
*/
#cms_error {
  width: 500px;
  padding: 10px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 200px;
  background: white;
  border: 1px solid #444444;
}



/**
* ----------------------------------------------------------------
* Nowosci, aktualnosci
*/
#news ul li {
  float: left;
  height: 440px;
  width: 210px;
  padding-right: 10px;
  margin-right: 10px;
  padding-bottom: 7px;
  list-style: none;
  border-right: 1px #ccc dotted;
  list-style: none !important;
  background: transparent;
  font-size: 90%;
}
#news li h4 {
  padding-left: 15px;
  font-size: 10px;
  background: transparent url('../images/date_clock.gif') 0px 7px no-repeat;
}
.newscontent {
  min-height: 140px;
}

/**
* ----------------------------------------------------------------
* Definicje FIND - wyszukiwanie
*/
#find ul li {
   list-style: none;
}
#find ul h3 {
   margin: 0px !important;
   margin-left: 0px !important;
   margin-bottom: 3px !important;
}
#find ul {
  margin-top: 10px;
}
.results li {
   border-bottom: 1px #ccc solid;
}
.results li a {
  padding: 4px;
  display: block;
}
.results li a:hover {
  text-decoration: none;
  background: #EDEDED;
}
.results li p {
  font-size: 80%;
  color: #444444;
}
.searchbar ul li {
   display: inline;
   padding: 5px;
   background: #E5E5E5;
   border: 1px solid #444444;
}
.suggest ul {
   margin: 20px;
}
.suggest li {
   display: inline;
   padding: 5px;
   background: #e9fcff;
   border: 1px solid #c5eaef;
}
.paging {
   margin: 10px;
   font-weight: bolder;
}
.paging li {
   width: 26px;
   height: 26px;
   display: block;
   margin-right: 2px;
   float: left;
   text-align: center;
   font-size: 10px !important;
   background: #969696;
}
.paging li a {
  width: 27px;
  height: 27px;
  display: block;
  padding-top: 3px;
  color: white;

}
.paging li span {
  display: block;
  width: 27px;
  height: 27px;
  padding-top: 3px;
  color: #ff0101;
  background: #444444;
}

/**
* ----------------------------------------------------------------
* Definicje CONTACT - kontakt
*/
#contact li {
   list-style: none !important;
}
#contact select {
   width: 200px;
   padding: 3px;
}


/**
* ----------------------------------------------------------------
* Definicje PRZYCISKI, elmenty formularza i kontaktowe
*/
.button {
   margin: 5px;
   background: #161616 url('../img/button_bg.gif') 0px 0px repeat-x;
   border: 1px solid black;
   padding: 5px;
   color: white;
   font-family: arial, verdana;
   font-size: 14px !important;
   font-weight: bolder;
}
.button span {
   color: white;
   font-family: arial, verdana;
   font-size: 14px !important;
   font-weight: bolder;
}
.simplebutton {
   margin-right: 5px;
   padding: 5px;
   padding-left: 10px;
   padding-right: 10px;
   background: #696969;
   color: #D0D0D0;
}
.simplebutton:hover {
   background: #444444;
   color: #ffffff;
   text-decoration: none;
}
.error {
   padding: 3px;
   background: #b7016c;
   color: white;
}

/**
* ----------------------------------------------------------------
* Buttons
*/
.button_delete {
   width: 16px !important;
   height: 16px !important;
   color: #777;
   background: transparent url('../images/tool_delete.png') 0px 0px no-repeat;
}
.button_delete a {
   color: #777;
}
.button_delete span:hover {
   color: #d1014a;
}

/**
* ----------------------------------------------------------------
* Sitemap, mapa strony
*/
#sitemap ul {
   margin-top:10px;
   margin-bottom:10px;
   margin-left:30px;
}
#sitemap ul li {
  list-style-image: url('../img/point_02.gif');
  list-style-position: outside;
}
#sitemap h2 {
  margin-top: 20px !important;
  margin-left: 20px !important;
  padding-left: 0px !important;
  padding-bottom: 0px !important;
  border-bottom: 1px solid #444444;
}
#sitemap p {
  margin-left: 20px !important;
  font-size: 90%;
  color: #545454;
}


/**
* ----------------------------------------------------------------
* Formularze
*/
fieldset {
  border: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
/*border-top: 2px solid #cccccc;*/
}
fieldset legend {
  padding-right: 10px;
}
.formarea {
  color: #777777;
  font-family: arial, verdana;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.formarea li {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  list-style: none !important;
}
.formarea input {
  padding: 2px;
  border: 0px;
  font-family: arial, verdana;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #cccccc;
  background: transparent;
}
.formarea input:focus {
  border-bottom: 2px solid #006BFF;
}
.formarea label {
  margin-right: -4px;
  padding: 2px;
  color: #969696;
/*border-bottom: 2px solid #cccccc;*/
}
.formarea label span {
  padding-left: 3px;
  font-size: 18px;
  color: #E04062;
}
.formarea span {
  color: #777777;
  margin-top: -4px;
  font-size: 10px;
}
.formarea p {
  margin-top: 2px;
  color: #444444;
  padding: 3px;
  background: #FBFF91;
  border: 1px solid #FCD21D;
  font-size: 11px;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
}