*
{ 
margin: 0px;
padding: 0px;    
font-family: Tahoma;   
font-size: 13px;
color:#252525;

}

/* outline dla linków */
a:focus {outline: 2px dashed #000;}
a:hover {outline: 2px dashed #000;}
/*
      a {text-decoration: none; }
  a:hover {text-decoration: underline;}    */

body{background-color: rgb(216,209,215);font-size: 13px;}

a.deklaracja-link {color: #fff; text-decoration: none;}

#cala {width: 1200px; min-height: 1000px; margin: 0px auto; background-color:#EBE9EB; }
#top {width: 1200px; height: 250px; position: relative;}
#top img {position: absolute; top: 0px; left: 0px; }
#belka_gorna {position: absolute; left: 0px; top: 188px; width: 1200px; height: 44px; background-color: rgb(249,236,217);}
#link_facebook {position: absolute; bottom: 55px; left: 13px;}
/*#belka_menu {position: absolute; width: 950px; height: 44px; top: 188px; left: 250px; background: rgb(249,236,217);} */
#belka_menu {position: absolute; width: 950px; top: 188px; left: 250px; background: rgb(249,236,217);} 
#pole_logo {display: block; position: absolute; width: 140px; height: 200px; left: 60px;}

/*.menu { float: left; height: 12px;  position: relative;  cursor: pointer;} */
.menu { float: left; position: relative;  cursor: pointer;}
.menu a { font-size: 12px; font-weight: bold; text-decoration: none; padding: 14.5px 15px; display: block; }
.pozycje {position: absolute; top: 42px; left: 0px; /*right: 0px;*/ display: none; z-index: 100;}
.pozycja {height: 12px; padding: 10px 10px; font-size: 11px;  background-color: rgb(249,236,217); border: 1px dashed rgb(216,209,215); border-width: 0px 0px 1px 0px; min-width: 150px;}
.pozycje a {text-decoration: none; padding: 0px;}
.pozycja_hover {background-color: rgb(101,1,1); color: white;}

#kontent {padding: 15px 0px;}
#lewa, #prawa {float: left; min-height: 500px;}
#lewa {width: 740px;  padding: 30px 25px;}
#prawa {  }

#stopka {clear: both; width: 1200px; height: 130px; background-color: rgb(101,1,1); margin: 10px 0px 0px 0px;}
.stopka_komorka {float: left; width: 200px; height:60px; margin: 20px 0px; color: rgb(216,209,215);; border-right: 1px solid rgb(216,209,215);; padding: 15px 20px; font-size: 11.5px;}

   h1 {font-size: 31px; color: rgb(51,51,51); font-weight: normal; margin-top: 1px; margin-bottom: 1px; }
      h2 {font-size: 20px; color: rgb(51,51,51); font-weight: normal; margin-top: 1px; margin-bottom: 1px; }
      h3 {font-size: 11px; color: grey; font-style: italic; margin: 0px 0px 8px 0px; font-weight: normal; }
      
      
 #prawa_galeria {width: 160px; padding: 5px 15px 25px 15px; text-align: center; border: 2px solid rgb(51,51,51); border-width: 0px 1px; float: left; margin-bottom: 40px;}  
 .prawa_foto {width: 156px; margin: 10px 0px; border: 2px solid  rgb(51,51,51);}
 #prawa_reszta{padding: 5px 15px 25px 15px; width: 180px; float: left; text-align: center;}
    .prawa_komorka {width: 180px; padding: 15px 3px 3px 3px;   font-size: 12px;}
.prawa_komorka2 {width: 180px; padding: 15px 3px 3px 3px; text-align: left;  font-size: 12px;}
 
    .gal_foto_full {max-width: 900px; max-height: 800px; margin: 0px auto; }
   .gal_ramka {display: none; position: absolute; position: fixed; top: 0px; right: 0px; left: 0px; bottom: 0px; background-image: url('gfx/mgielka2.png');}
   .gal_tab_full {margin-top: 30px;}
   .gal_ramka:first-child {display: block;}
   .gal_tab_full, #gal_tab_mini {border-collapse: collapse;}
   #gal_tab_mini {text-align: center;}
   .gal_tab_full {background-color: rgb(216,209,215);  }
   .gal_foto {padding-top: 10px;}
   .gal_podpis {color: white; padding: 6px 0px; font-size: 15px;}
   .gal_foto_mini {max-width: 171px; max-height: 150px; margin: 6px; border: 1px solid rgb(51,51,51);} 
      
  .news_naglowek {border-bottom: 1px solid  #dadada; width: 700px; margin-bottom: 10px; padding-bottom: 8px; clear: both;}
  .news_naglowek2 {border-bottom: 1px solid  #dadada; width: 470px; margin-bottom: 10px; padding-bottom: 8px; clear: both;}
  /*.news_data {float: right; margin-top: -16px; color: #aaaaaa; font-size: 13px;}*/
  .news_data {float: right; margin-top: -16px; color: #000; font-size: 13px;} 
  /*.zajawka {line-height: 20px; text-align: justify;}*/
  .zajawka {line-height: 20px;}
  .like_place {float: left; margin: 10px 0px 15px 0px;}
  .czytaj_wiecej {float:right; margin: 10px 0px 15px 0px;}
  .inicjal {float: left; margin: 6px 5px 2px 0px; width: 31px; }
  
   #zajawka_w_newsie {margin-bottom: 8px; display: block;}
   /*.tekst, .tekst_newsa { text-align: justify; font-size: 13px; color: #252525 ; } */
   .tekst, .tekst_newsa { font-size: 13px; color: #252525 ; }
   .tekst_newsa > a, .tekst_newsa > strong, .tekst_newsa > i, .tekst_newsa > u { font-size: 13px; }
   .tekst_newsa {border-bottom: 1px dashed #DADADA; margin-bottom: 15px; padding-bottom: 20px; position: relative;} 
 

  #komentarze {margin: 20px 0px;}
  #tresc_komentarza {width: 300px; height: 90px; border: 1px solid #DADADA; margin: 10px 0px;}
   #skomentuj  {border-width: 0px; margin-left: 219px; cursor: pointer;} 
  .komentarze_etykieta {font-size: 18px; margin-top: 10px;} 
  .komentarz {background-repeat: no-repeat; clear:both; position: relative; width: 522px; margin-top: 15px;}
  .kom_pr { margin: 8px 4px 20px 4px;  position: relative; font-size: 13px; }
  .kom_lew {margin-left: -16px; }
  .kom_metr {font-size: 12px; color: #898478; font-variant: small-caps; margin-left: 6px;}
  .nick_podsw {background-color: #f2811d; padding: 2px 5px 2px 20px; color: white;  font-weight: bold;} 
   .foto_news_ramka {width: 584px; padding: 8px; background-color: rgb(51,51,51); margin: 10px 0px;}
   .foto_news {width: 584px; }
   .podpis_pod_foto {font-size: 13px; margin-top: 3px; color: white;}   
  
/*
  .ukryty
  {
  display: none; 
  }
  .do_klikniecia
  {
  cursor: pointer;
  }
    img {display: block; border: 0px;}  
    
    input[type="submit"] {background-color: #f2811d; color: white; padding: 4px; cursor: pointer; border-width: 0px;}
      a {color: #f2811d; text-decoration: none; font-family: Verdana;}
  a:hover {text-decoration: underline;}     
  ul {list-style-type: square; margin-left: 18px;}   
  .ladowanie {width: 128px; height: 15px; margin: 10px auto; background-image: url('gfx/load.gif');}
    .log_in {cursor: pointer;}
    
   h1 {font-size: 24px; color: #f2811d; font-weight: normal; margin-top: 5px; }
   .z_marg {margin-bottom: 8px;}
   h2 {font-size: 18px; color: #f2811d; font-weight: normal;}
   a h2 {margin-bottom: 3px;}
   a h2:hover {text-decoration: underline;}

  
  body
  {  
  background-image: url('gfx/tlo.jpg');
  background-position: top center;
  background-repeat: no-repeat; 
  background-color: #cccccc;
  }
  #cala
  {
  margin-left: auto;
  margin-right: auto;
  width: 964px;         
  background-color: #ececec;     
  padding-bottom: 10px;                  
  }
  #top {
  width: 964px;
  height: 244px;
  background-image: url('gfx/tlo_gora.jpg');    
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
  }
             
  #lewa,#prawa {min-height: 300px; background-color: white; margin: 20px 15px;}
  #lewa {width: 540px; float: left; margin-left: 32px; margin-right: 10px; padding: 10px 15px;}
  #prawa {float:right; width: 280px; margin-left: 10px; margin-right: 32px; padding: 0px 10px; padding-bottom: 15px;}
  #stopka { width: 900px; clear: both; margin: 10px 32px 10px 32px; height: 14px; background-color: white; text-align: center; padding: 18px 0px;}
  
  #hoty {width: 570px; height: 285px; margin-left: 32px; margin-top: 20px; position: relative; float: left;}
  .hot {width: 570px; height: 285px; position: absolute; top: 0px; left: 0px;}       
  #hot_ramka {position: absolute; bottom: 0px; left: 0px; background-image: url('gfx/mgielka.png'); width: 570px; height: 50px;}
  .hot_podpis {position: absolute; bottom: 15px; left: 20px; color: white; font-size: 18px; font-weight: normal;}       
  #hot_nav { height: 13px;  position: absolute; right: 20px; bottom: 19px;}   
  .hot_kulka {background-image: url('gfx/dot.jpg'); width: 13px; height: 13px; float: left; margin-right: 7px; cursor: pointer;}
  .hot_klik { position: absolute; top: 0px; left: 0px; width: 570px; height: 235px; display: block;}
  
  #logo {position: absolute; width: 247px; height: 82px;background-image: url('gfx/logo.png'); top: 60px; left: 50px;  }
  
  #menu_top {width: 964px; height: 59px; position: absolute; bottom: 0px; left: 0px;}
  .pmenu {cursor: pointer; height: 59px; float: left; width: 161px; display: block;}
  #men_glowna {background-image: url('gfx/menu/glowna.png') }       
  #men_newsy {background-image: url('gfx/menu/newsy.png'); }
  #men_artykuly {background-image: url('gfx/menu/artykuly.png'); }
  #men_recenzja {background-image: url('gfx/menu/recenzja.png'); }
  #men_poradnik {background-image: url('gfx/menu/poradnik.png');  }
  #men_forum {background-image: url('gfx/menu/forum.png'); }
  #men_kontakt {background-image: url('gfx/menu/kontakt.png'); width: 159px; }       
  #men_galeria {background-image: url('gfx/menu/galeria.png');}     
  
  .prawa_nagl {height: 29px; width: 300px; margin-left: -10px; margin-top: 20px; margin-bottom: 10px;}
  #nagl_news {background-image: url('gfx/belka_mala_newsy.jpg'); background-repeat: no-repeat;}
  #nagl_gal {background-image: url('gfx/belka_mala_galeria.jpg'); background-repeat: no-repeat;}
  #nagl_sonda {background-image: url('gfx/belka_mala_sonda.jpg'); background-repeat: no-repeat;}
  
  .gal_mini_prawa {width: 130px; float: left; border: 1px solid #f2811d; margin: 2px;}
  
  .lewa_belka { background-repeat: no-repeat; width: 570px; height: 29px; margin-left: -15px; margin-bottom: 5px; margin-top: 10px; overflow: hidden; }                                                                        
   
   #logowanie {width: 365px; height: 136px; position: fixed; top: 200px; left: -386px; background-image: url('gfx/logowanie.jpg'); font-size: 15px; padding: 20px 40px 20px 15px; color: black;} 
   #logowanie table {margin-top: -10px; }
   #formularz_logowania {padding: 0px;}
   #logowanie a {font-size: 15px;}
   #log_zakladka {width: 34px; height: 176px; position: absolute; top: 0px; right: 0px; cursor: pointer;}
   #zaloguj {color: white; font-size: 15px; font-family: Verdana; width: 90px; height: 30px; margin: 6px 0px 0px 75px; background-color: #f2811d; border: 1px solid #f2811d; }
   #formularz_logowania table tr td {font-size: 18px; color: #f2811d;  }
   #log_nick, #log_haslo {font-size: 16px; width: 100px; }
   #log_nick {margin-right: 20px;}
   #log_rej {margin-top: 15px; font-size: 15px; position: absolute; bottom: 12px; left: 15px; width: 320px; color: black;}
   #log_rej a { font-size: 15px;}
   .sugestia {font-size: 15px; color: black; margin-bottom: 15px;}
                                                                                                
   .link_archiwum { text-align: right; margin-top: 8px; margin-bottom: 8px;}
   #glosuj2 {margin: 8px 0px 0px 125px; }
   .sonda_glos2 {margin: 0px 9px 0px 1px; }
   .pasek_zapelniacz2 {height: 14px; background-image: url('gfx/sonda.gif'); margin: 2px 0px 10px 0px;}
   #sonda_tyt_link {font-size: 14px; font-weight: bold; margin-bottom: 3px; display: block;}
   #baner_bok {margin: 15px 5px 5px 5px;}
   
  .zajawka {font-size: 12px; font-family: Verdana;}
  .tytul_boxnews {margin-top: 7px; margin-bottom: 2px; font-size: 13px; padding-left: 17px; font-weight: bold; font-family: Verdana; background-repeat: no-repeat; background-position: left center; display: block;}
  .tytul_boxnews:hover {text-decoration: none;}
  .news_data {color: grey; width: 154px; font-family: Verdana; padding-top: 1px;}
  .news_link {width: 154px; text-align: right; vertical-align: top;}   
  .news_podswietlony {background-image: url('gfx/aktywne.gif'); color: #f2811d;}
  .news_niepodswietlony {background-image: url('gfx/nieaktywne.gif'); color: #777568;} 
  
   .artykul_pozycja {padding: 3px 0px;}
   .artykul_pozycja:hover {color: #f2811d;}
   .artykul_pozycja a {font-weight: bold; color: black; }
   .artykul_pozycja a:hover {color: #f2811d; text-decoration: none;}
   
   #zajawka_w_newsie {margin-bottom: 8px; display: block;}
   .tekst, .tekst_newsa { text-align: justify; font-size: 13px; color: #252525 ; font-family: Verdana; }
   .tekst_newsa > a, .tekst_newsa > strong, .tekst_newsa > i, .tekst_newsa > u { font-size: 13px; font-family: Verdana;}
   .tekst_newsa {border-bottom: 1px dashed #DADADA; margin-bottom: 15px; padding-bottom: 20px; position: relative;}
  
  #nawigacja {margin-top: 2px; margin-bottom: 10px; height: 20px; width: 538px; }
  .navig_lewa {float: left; width: 120px;  height: 20px;}
  .navig_prawa_sr {float: left; width: 134px; text-align: left; height: 20px; padding-left: 15px;}
  .navig_lewa_sr {float: left; width: 134px; text-align: right; height: 20px; padding-right: 15px;}
   .navig_prawa {float: left; width: 120px; text-align: right; height: 20px; }
                                                                           
  .arnawigacja {margin-top: 2px; margin-top: 15px; height: 20px; width: 538px; }
  .arnavig_lewa {float: left; width: 179px;  height: 20px; }
  .arnavig_prawa {float: left; width: 180px;  height: 20px; text-align: right;}
  .arnavig_srodek {float: left; width: 179px;  height: 20px; text-align: center;}

                             
  #forum_tematy .forum_data {text-align: center;  font-size: 11px; width: 159px; }
  #forum_tematy {width: 536px; border-collapse: collapse; margin-top: 5px; margin-bottom: 5px; }
  #forum_tematy td {border: 1px solid black; padding: 3px 6px; }
  #forum_tematy .gora_tabeli {text-align: center; }
  #forum_tematy .ile_postow {text-align: center; }
  #posty {border-spacing: 0px 10px;}            
  #posty td {padding: 5px;}
  #posty td, #posty td strong, #posty td i, #posty td u, #posty td a, #posty td div {font-family: Verdana; }
  .tresc_posta {border: 1px solid black; vertical-align: top; width: 416px; }
  .dane_usera {border-width: 1px 0px 1px 1px; border-style: solid; border-color: black; margin: 10px 0px; vertical-align: top; width: 120px; }
  .dane_usera .nick {text-align: center; font-weight: bold; }
  .dane_usera .ranga {text-align: center; font-size: 11px; }
  .dane_usera .reszta_danych {margin-top: 10px; font-size: 11px; }
  .avatar {margin: 10px 10px 0px 10px; }
  .gora_posta, .gora_posta a {font-size: 11px; margin-bottom: 3px; }
  #przeklikacz {margin: 7px 0px; width: 150px; }
  #forum_help {margin-bottom: 7px; border: 1px solid #f2811d;  width: 300px; padding: 5px; }
  .duze_ikony_forum {margin: 7px 8px 7px 4px; }
  .male_ikony_forum {margin-bottom: 3px; vertical-align: middle; }
  #forum_info {border: 1px solid #f2811d; width: 522px;  padding: 7px; margin-top: 10px;}
  .fota_forum {margin: 10px; max-width: 400px;}
  .zmniejszona_fota_forum {width: 400px; }
  .butonik { border: 1px solid black; padding: 4px; margin: 0px 4px; cursor: pointer; background-color: white;}
  #forum_buttony {margin: 10px 0px;}
  .cytat {margin: 7px 15px 7px 15px; border: 1px solid #f2811d; padding: 3px; background-color: rgb(253,233,215); float: left; width: 380px; }
  .cyt_nag {font-size: 11px; font-weight: bold;} 
  .emota {vertical-align: -3px; margin: 0px 2px 0px 2px;}       
    .emota, .male_ikony_forum, .ikona_posta {display:inline}   
    .naglowek_sekcji_stare {color: #f2811d; font-weight: bold; font-size: 14px; padding: 5px 0px;}    
    
  .sb_but {color: white; background-color: #f2811d; padding: 5px; margin-left: 10px; cursor: pointer; font-size: 12px;}
  #sb_dodaj { height: 14px; width: 380px; border: 1px solid #f2811d; padding: 4px;}
  #sb_ref {float:right; margin-top: 0px;}
  #sb_nav {width: 536px;  height: 20px; margin-top: 10px; }
  #sb_dodaj, #sb_dod {float: left;}
  .sb_komunikat {margin-top: 7px; float: left;}
  #shoutbox {width: 536px; height: 200px; border: 1px solid #f2811d; clear: both; margin-top: 10px; overflow: auto; background-color: white;}
  #shoutbox td {padding: 3px 0px; vertical-align: top; font-size: 11px;}
  #shoutbox td strong, #shoutbox td a {font-size: 11px;}
  #shoutbox td:first-child {width: 536px; }
  #shoutbox table {border-collapse: collapse;}
  #shoutbox tr {width: 564px;}
  .sb_ozdobione {background-color: #f4aa95;}
  #sb_reklama {margin: 10px 49px;}
    
   .artykul h3 {margin-bottom: 4px;}
  .artykul {border-bottom: 1px dashed #f2811d; margin-bottom: 10px; padding-bottom: 5px;}              
  
   #rejestracja_button {margin: 10px 0px 0px 0px;}
   #formularz_rejestracja {margin-top: 7px;}
   #formularz_rejestracja table tr td {padding-right: 2px;}  
   #formularz_rejestracja table tr td:first-child {padding-right: 10px; vertical-align: bottom;}   
   


.czerwony
{
border: 2px solid red;
}
.blad, #przeciw
{
color: red;
}
.ok
{
color: green;
}
                          
/*

           

  


  
  input[type="submit"] {background-color: #258ece; color: white; padding: 4px; cursor: pointer; border-width: 0px;}
  input[type="text"], input[type="password"] {border: 1px solid #258ece; }
  
  .belka {margin: 0px 0px 7px -14px; padding-top: 10px;}
  .belka_bok {margin: 0px 0px 7px -18px;}
  #belka_glowna {width: 518px; height: 14px; background-image: url('gfx/belkaglowna.png'); padding: 14px 20px; }
  #art_ikona {}
  .ostatnio_temat {margin: 2px 0px;}




  
  #logo {position: absolute; top: 10px; right: 170px;}
  

   
   .zaokr {margin-left: 6px; margin-right: 7px;}
   #kontent, .kontent {background-image: url('gfx/mgielka.png'); padding: 6px 18px 4px 18px; width:567px; border-width: 0px 1px; border-color: #c2c2c2; border-style: solid;}
   
     

   
   
*/
                                                                                                    
.niewidoczny
{
display: none;
}                                          

/*** asb ***/
ul.asb-nav button {border: 0; z-index:9999;	width: 100%; height: 100%;}
/*ul.asb-nav > li {display: block; white-space: nowrap; position: relative;}*/
/*ul.asb-nav > li:after {position: absolute; transform: translateX(-50%) translateY(-50%); top: 50%; content: ''; width: 2px; height: 6px; background: #000; right: -2px;}
ul.asb-nav > li:last-child:after {display: none;}*/
/*ul.asb-nav li {display: inline-block; border-right: 1px solid #fff;}
ul.asb-nav li:last-child {display: inline-block; border-right: 0;}*/
ul.asb-nav li > button:hover {text-decoration:underline; background: none;}

.asb {
	padding:0;
    background: rgba(249,236,217,1);
 /*    background: rgba(249,236,217,0.9);
   position: absolute;
    z-index: 9999;
    left: 0;*/
}

ul.asb-nav {
    display: flex;
    flex-wrap: wrap;
/*    flex-direction: column; */
    flex-direction: row;
	justify-content: flex-end;
	padding: 0 5px;
} 

ul.asb-nav > li {
    display: block;
    white-space: nowrap;
    position: relative;
    text-align: center;
 /*      height: 38px;
 width: 58px;  */
	margin: 0 5px;
}

ul.asb-nav li > button {
	font-weight: bold;	
}

ul.asb-nav li > button.contrast-btn {
 /*   height: 44px; */
    background: none;
    width: 80px; 
    color: #000;
    padding: 10px 0;
}

ul.asb-nav li > button.contrast-reset {
 /*   height: 44px;*/
    background: none;
    width: 60px;
    color: #000;
    padding: 10px 0;
}

ul.asb-nav li > button.font-btn {
/*    height: 44px; */
    background: none; 
    width: 40px; 
    color: #000;
}

/* dodane przez BOI */
.prawa_galeria_pozycja a {
    display: block;
}

#prawa_reszta .ramka a {
    display: block;
    border: 3px solid #666;
    padding: 10px;
}
#lewa h3 {color: #000;} 
#lewa .gallery_item {
	width: 15vw;
	height: auto;
	text-align: center;
}
#lewa .zajawka a {display: block; }
#lewa .zajawka a:focus {outline: 2px dashed #000; background-color: #fdf6e7;}
#prawa a:focus {outline: 2px dashed #000; background-color: #fdf6e7;}
.prawa_komorka a {	display: block; }