﻿  /* ############################################################### główne ustawienia strony ############################################################### */
  body {font-family:"Tahoma"; font-size:12pt; color:black; margin:0 auto; text-align:center;}
  img {border:0px; margin:0;}
  #all_content {margin:0 auto; width:972px;}

  /* ############################################################### pasek na górze strony ############################################################### */
  #top_layer {margin:0 auto; float:left; width:100%; height:29px; background-image:url('images/pasek_top.jpg'); text-align:right; font-size:10pt;}
  a.top_layer {font-size:10pt; color:white; text-decoration:none;}
  a.top_layer:hover {font-size:10pt; color:black; text-decoration:none;}

  /* obsługa menu na top_layer */
  ul.top_layer,  li.top_layer {margin:0; padding:0; list-style-type:none;}
  ul.top_layer {width:972px; height: 29px; display:inline;}
  li.top_layer {display:inline; margin-left:20px; line-height:25px;}
  
  /* ############################################################### pole pod top_layer ############################################################### */
  #under_top_layer {margin:10px auto; margin-bottom:10px; float:left; width:100%; height:75px;}
  /* kwadratowe menu nr 2 */
  #under_top_logo {margin:0 auto; float:left; width:320px; height:75px; background-image:url('images/logo.jpg');}
  #under_top_menu {margin:0 auto; float:right; text-align:right; width: 652px; height:75px;}
  ul.under_top_layer,  li._under_top_layer {margin:0; padding:0; list-style-type:none;}
  ul.under_top_layer {width:600px; height: 75px; display:inline;}
  li.under_top_layer {display:inline; margin-left:5px;}
  
  /* ############################################################### banner + menu ############################################################### */
  /* banner */
  #most_visible_banner .contentbox{ padding: 0px; margin: 0px; float:left; display: none; width:747px; height:369px; background-image:url('images/main_banner_tlo.jpg');}
  #most_visible_banner .contentbox.active{display:block;}
  /* podzial bannera na 3 czesci */
  /* grafika */
  .small_banner{float:left; margin:0 auto; padding:0; width:747px; height:178px;}
  /* tresc pod grafika */
  .text_banner{float:left; margin:0 auto; padding:0; width:747px; height:191px;}
  .text_banner_1{float:left; margin:0 auto; padding:0; width:485px; height:191px; font-size:10pt; color:black; text-align:justify; margin-top:20px; margin-left:10px;}
  .text_banner_2{float:left; text-align:center; margin:0 auto; padding:0; width:241px; height:191px;}
  /* menu nr 3 - główne menu */
  #most_visible_layer {margin:0 auto; float:left; width:972px; height:369px;}
  #most_visible_banner {margin:0 auto; float:left; width:747px; height:369px; overflow:hidden; border:1px solid #b5b5b5;}
  #most_visible_menu {margin:0 auto; float:left; width:220px; height:369px; margin-left:3px;}
  ul.most_visible_menu, li.most_visible_menu{margin:0; padding:0; list-style-type:none; text-align:left;}
  ul.most_visible_menu {width:220px; float:left;}
  li.most_visible_menu {float:left; background-image:url('images/menu_items.jpg'); width:220px; height:51px; margin-bottom:2px; line-height:50px; font-weight:bold; font-size:11pt;}
  a.menu_a, a.menu_a:hover {text-decoration:none; color:black;}
  
  /* ############################################################### część zmienna ############################################################### */
  #main_layer {margin:0 auto; float:left; background-image:url('images/box_tlo.jpg'); width:972px; min-height:200px; height:auto; margin-top:10px; border:1px solid #b5b5b5;}
  #main_layer_changable{margin:0 auto; float:left; padding:0; width:648px; min-height:200px; height:auto; padding-bottom:10px; text-align:justify;}
  /* dot. strony głównej */
  #main_left, #main_center {margin:0 auto; float:left; width:320px; min-height:200px; height:auto;}
  /* koniec dot. strony głównej */
  
  /* ############################################################### szybki kontakt ############################################################### */
  #main_right {margin:0 auto; float:left; padding:0; width:322px; border-left:1px solid #b5b5b5; padding-bottom:20px;}
  /*formularz kontaktowy*/
  .fk {margin:0 auto; float:left; font-size:10pt; color:black; text-align:left;}
  .etykiety_fk {margin-left:25px;}
  
  /* ############################################################### stopka ############################################################### */
  #footer_layer {margin:0 auto; float:left; width:972px; height:34px; background-image:url('images/stopka_tlo.jpg'); margin-top:20px; text-align:left; font-size:9pt; line-height:35px;}

  /* ############################################################### rozszerzone menu ############################################################### */
  #under_footer_layer {margin:0 auto; float:left; width:972px; height:127px; margin-top:10px;}
  .rozbudowane_menu, a.rozbudowane_menu:hover {list-style-type:none; margin:0 auto; padding:0; text-align:left; font-size:10pt; color:black; font-weight:normal; text-decoration:none;}  
  /* ############################################################### nowości ############################################################### */
  .informacje, .informacje:hover {text-align:left; margin:0 auto; color:black; font-size:10pt; color:black; text-decoration:none;}
  /* ############################################################### tabele i treści na poszczególnych stronach ############################################################### */
  p, table, tr, td {font-size:10pt; color:black;}
  tr, td {border:1px solid #b5b5b5;}
  table {text-align:center;}
  .inside {margin-left:10px; margin-right:10px; margin-top:0px; text-align:justify;}
  
  .cennik, cennik:hover{margin-left:10px; margin-top:0px; font-size:10pt; font-weight:bold; text-align:left; color:black;}

  /* ############################################################### regulaminy ############################################################### */
  .regulamin-srodek {text-align: center; font-size:10pt; margin-left:10px; margin-right:10px;}
  .regulamin {text-align: justify; font-size:10pt; margin-left:10px; margin-right:10px;}

  /* ############################################################### sitemap ############################################################### */
  .sitemap, .sitemap:hover {font-size:10pt; color:black; text-decoration:none;}

