[data-mode='dark']{

 --bg-color: #121212;
 --tytul-color: #c4c4c4;

 --text-color_niebieski: #c4c4c4;

   --inptext-color: #0d0d0d;
  --inpbg-color: #c4c4c4;
  --bw_text-color: #ffffff;
  
  --komorkalinku-color: #282b30;

  --komorkafolder-color: #e6cd95;
  
  --komorkafolder_open-color: #596270;
  
  --leweopcje-color: #282b30;

   --komorka_tab_border-color: #0a0a0a;
   
   --font_nowy_folder-color: #e6cd95;
   
   --niebieski-color: #4c5e72;
   
   --inp-color: #bfbfbf;
   
   --mocnytext-color: #ffffff;
   
   --bg_szarawy-color: #55585d;

}

[data-mode='light']{

 --bg-color: #ffffff75;
 --tytul-color: #0d0d0d;

  --text-color_niebieski: #05265a;

  --inptext-color: #0d0d0d;
  --inpbg-color: #f1f1f1;
  --bw_text-color: #000000;

  --komorkalinku-color: #ffffff75;

   --komorkafolder-color: #fff1cb;
   
   --komorkafolder_open-color: #a6aeb9;
   
   --leweopcje-color: #ffffff75;

    --komorka_tab_border-color: #ffffff;

    --font_nowy_folder-color: #0d0d0d;

    --niebieski-color: #05265a;
    
    --inp-color: #ffffff75;
    
    --mocnytext-color: #000000;
    
    --bg_szarawy-color: #c9cbce;

}





body{
    font-family: 'courier new', Verdana, Arial, 'Times New Roman';

    font-size  : 10pt;
    text-align : center;
    background-color: var(--bg-color);

}


a {

text-decoration:none;


color: grey;
}

a:hover{


 border-bottom: 3px black;

}


   


#input{

  border-bottom: 3px black;

  //color: var(--inptext-color);
  //background-color: var(--inpbg-color);
}


#tlo{

	border: 0px solid green;
	width:  1000px;
        margin: 0px;
        background: url() 0px no-repeat;
}

#tlo_gry{

	border: 0px solid green;
	width:  1600px;
        margin: 0px;
        background: url() 0px no-repeat;
        background-color: #121212;
}




pre {
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 webkit-box-sizing:border-box;
 display:block; 
 white-space: pre-wrap;
 white-space: -moz-pre-wrap; 
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word; 
 width:100%; overflow-x:auto;
}



#mocny_tekst{

          color: var(--mocnytext-color);
}


#gora{

	border: 0px solid red;
	width:  1000px;
	height:50px;
        font-size: 12px;
        background: url(Obrazki/.jpg) 0px no-repeat;
	background-color: var(--bg-color);
 
	 // box-shadow:0px 0px 3px -2px #000;

}




#logo_m
{
  border: 0px solid red;
  text-align: left;
    float: left;
     height:  49px;
     width:  220px;
background-color: var(--bg-color);
background: url(Obrazki/logo.png) 0px no-repeat;

 cursor: pointer;



}


#szukanie
{
  padding-top: 11px;
//  padding-bottom: 11px;
  border: 0px solid red;
    float: left;
   //  height:  38px;
//	 font-color: white;
//color: white;
background-color: --bg-color;
}

#wyloguj
{

  font-family: Verdana, 'courier new',  Arial, 'Times New Roman';
  padding: 5px;
  margin: 5px;
  //padding-bottom: 16px;
  border: 1px solid grey;
    float: right;

background-color: --bg-color;
}



div.przycisk_noc{

  background: url(Obrazki/noc_ico.png) 0px no-repeat;
  cursor: pointer;
  border: 1px solid grey;
  padding: 5px;
  margin: 5px;
    float: right;

    height:  15px;
    width:  10px;
}




#strona{


	border: 0px solid red;
	width:  1000px;

        font-size: 14px;
        font-weight: bold;
        font-color:black;
	background-color: --bg-color;
}
#strona_gry{


	border: 0px solid red;
	width:  1604px;

        font-size: 14px;
        font-weight: bold;
        font-color:black;
	background-color: --bg-color;
}

#listwa_1{

        border: 1px solid red;
        background: url(Obrazki/listwa.jpg) 0px no-repeat;
        width:  674px;
	height:51px;
}
#listwa_2{

        border: 0px solid red;
        background: url(Obrazki/listwa2.jpg) 0px no-repeat;
        width:  674px;
	height:51px;

}


#stopka{

       font-size: 40px;

	background-color: var(--bg-color);
}

#poziom{
           border: 0px solid red;
           width:  570px;
           height:  280px;
}

#komorka{

           border: 1px solid red;
           width:  140px;
           height:  215px;
           float: left;

}


#login_{

             color: var(--tytul-color);

}


#logo{
           border: 0px solid red;
        background: url(Obrazki/logo_text.jpg) 0px no-repeat;
           width:  606px;
           height:  213px;
}




#opis_main
{
           border: 2px solid #05265a;
           border-bottom-color: #05265a;
           width: 700px;

             padding: 10px;
}




#opis_mini_main_big
{

           border: 1px solid #05265a;
           border-bottom-color: #05265a;
           height: 70px;
           width: 700px;




}







#lewa_strona
{

           padding-bottom:15px;
           border: 0px solid red;
            border-radius: 10px;
           width:  230px;
           float: left;
           background-color: var(--leweopcje-color);
           font-size : 8pt;

           box-shadow:0px 0px 3px -2px #000;
}

#lewa_strona_kategoria
{
           padding-top:10px;
           padding-bottom:15px;
           border: 0px solid red;
           border-radius: 10px;
           width:  230px;
           padding-bottom:6px;
           background-color: var(--leweopcje-color);
           font-size : 8pt;

           box-shadow:0px 0px 3px -2px #000;
}

#lewa_strona_komorka
{

           border: 0px solid red;
           width:  205px;
           height: 165px;
           background-color: var(--leweopcje-color);
           font-size : 8pt;
           margin-bottom:20px;

           box-shadow:0px 0px 3px -2px #000;
}

#lewa_strona_komorka_tytul
{

           border: 0px solid red;
           width: 200px;

           background-color: var(--leweopcje-color);
           font-size : 8pt;
           padding-top:2px;
           padding-left:5px;
           padding-right:5px;
           text-align: left;
           box-shadow:0px 0px 3px -2px #000;
}

#lewa_strona_komorka_autor
{

           border: 0px solid red;
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           color: #a5a5a5;
           width:  200px;
           height: 15px;
           background-color: var(--bg-color);
           font-size : 7pt;
           padding-top:4px;
           padding-left:5px;
           padding-right:5px;
           text-align: left;

         box-shadow:0px 0px 3px -2px #000;
}


#lewa_strona_opcje
{
           border: 0px solid red;
           width:  168px;
           float: center;
           font-size : 8pt;
           text-align: left;

}

#opcje_segregacja
{
            font-family: Verdana, 'courier new',  Arial, 'Times New Roman';
            border: 1px solid grey;
           color: grey;
           width:  150px;
           margin:5px;
           margin-bottom:10px;
           padding-right:3px;
           padding:2px;
           padding-left:6px;
           font-size: 11px;
           text-align: left;
}


#opcje_segregacja_mocny
{
            border: 1px solid grey;
           font-family: Verdana, 'courier new',  Arial, 'Times New Roman';
           width:  155px;
           margin:5px;
           margin-bottom:10px;
           padding-right:3px;
           padding:2px;
           font-size: 11px;
           text-align: left;
           color: var(--font_nowy_folder-color);
}






#prawa_strona
{
           border: 0px solid red;
           width:  760px;
            float: right;
}







#main
{
           font-family: verdana, 'courier new', Arial, 'Times New Roman';
           border: 0px solid red;
           width:  750px;
            padding: 4px;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: var(--bg-color);
            margin-bottom: 10px;
            font-size : 9pt;
              box-shadow:0px 0px 3px -2px #000;
}




#komorka_linku
{
           border: 0px solid red;
           border-radius: 10px;
           width:  750px;
            padding: 4px;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: var(--komorkalinku-color);
            margin-bottom: 10px;
            font-size : 9pt;
              box-shadow:0px 0px 3px -2px #000;
}

#komorka_linkow_versus
{
           border: 0px solid red;
           border-radius: 10px;
           width:  990px;
            padding: 4px;
            padding-top: 10px;
            padding-bottom: 10px;
            color: grey;

            background-color: var(--komorkalinku-color);
            margin-bottom: 10px;
            font-size : 9pt;
              box-shadow:0px 0px 3px -2px #000;
              

}

#komorka_versus_L
{
           border: 0px solid red;
           width:  452px;
            padding: 4px;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: var(--bg-color);
            margin-bottom: 10px;
            font-size : 9pt;

              box-shadow:0px 0px 3px -2px #000;
}

#tytul_versus
{
           border: 0px solid red;
           width:  428px;
            padding: 4px;
            padding-top: 12px;
            padding-bottom: 8px;
            margin-bottom: 10px;
            padding-left: 4px;
            font-size : 12pt;

              box-shadow:0px 0px 3px -2px #000;
}

#komorka_versus
{
           border: 0px solid red;
           width:  460px;
            padding: 4px;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: var(--bg-color);
            margin-bottom: 0px;
            font-size : 9pt;

}

#ico_versus
{
           border: 0px solid red;
           width:  56px;
            padding: px;
            padding-top: 2px;
            background-color: var(--bg-color);
            font-size : 9pt;
            float: left;

}

#dane_versus
{
           border: 0px solid red;
           width:  120px;
            padding: 4px;
            padding-top: 6px;
            padding-bottom: 6px;
            background-color: var(--bg-color);
            margin-bottom: 4px;
            font-size : 10pt;
            float: left;
              box-shadow:0px 0px 3px -2px #000;
}



#komorka_folder
{
           border: 0px solid red;
           border-radius: 10px;
           width:  750px;
            padding: 4px;
            background-color: var(--komorkafolder-color);
            margin-bottom: 10px;
              box-shadow:0px 0px 3px -2px #000;
}

#komorka_folder_open
{
           border: 0px solid red;
           border-radius: 10px;
           width:  750px;
            padding: 4px;
            background-color: var(--komorkafolder_open-color);
            margin-bottom: 10px;
              box-shadow:0px 0px 3px -2px #000;
}



#komorka_folder_open
{
           border: 0px solid red;
           border-radius: 10px;
           width:  750px;
            padding: 4px;
            background-color: var(--komorkafolder_open-color);
            margin-bottom: 10px;
              box-shadow:0px 0px 3px -2px #000;
}


#ramka_linku
{

           border-top: 1px solid grey;
           height: 20px;
           width: 695px;
           text-align: left;
           font-size : 9pt;

          padding: 6px;

}


#ramka_wpisu
{

           border-top: 0px solid grey;
           height: 20px;
           width: 695px;
           text-align: left;
           font-size : 9pt;

          padding: 6px;

}



#ramka_linku_vs
{

           border: 0px solid grey;
           height: 16px;
           width: 330px;
           text-align: left;
           font-size : 9pt;
           float: left;

}
#ramka_linku_vs_b
{

           border: 0px solid grey;
           height: 16px;
           width: 330px;
           text-align: right;
           font-size : 9pt;
          float: right;

}


#ramka_folder
{

           border: 1px solid grey;
           height: 10px;
           width: 695px;
           text-align: left;
           font-size : 9pt;
           background-color: var(--bg-color);


          
}



#tytul_ramka
{

           border-bottom: 0px solid grey;
           height: 25px;
           width: 700px;
           text-align: left;
           font-size : 14pt;
          // margin: 5px;
             color: var(--tytul-color);
          padding: 6px;
          font-family: 'Times New Roman', Verdana, 'courier new', Arial, ;


}

#tytul_ramka_versus
{

           border-bottom: 0px solid grey;
           height: 25px;
           width: 1000px;
           text-align: left;
           font-size : 14pt;
          // margin: 5px;
             color: var(--tytul-color);
          padding: 6px;
          font-family: 'Times New Roman', Verdana, 'courier new', Arial, ;


}



#autor_ramka
{

       font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border-bottom: 1px solid grey;
           float: left;
           width: 500px;
           height: 15px;
          text-align: left;
          font-size : 9pt;
          padding: 4px;


}


#opis_ramka
{

       font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border: 0px solid red;
           float: left;
           width: 500px;
          text-align: left;
          font-size : 8pt;
          padding: 4px;
          
           font-color: grey;
color: grey;


}

#miniaturka_ramka
{
           border-right: 0px solid #05265a;
           border-left: 0px solid #05265a;

           float: left;
           width: 196px;
           height: 110px;
           text-align: left;
           font-size : 8pt;

}


#vs_ramka
{

       font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border: 0px solid red;
           float: left;
           width: 304px;
          text-align: left;
          font-size : 8pt;
          padding: 4px;
          
           font-color: grey;
           color: grey;

}

#vs_ramka_nazwa
{

       font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border: 0px solid red;
           float: left;
           width: 130px;
          text-align: left;
          font-size : 8pt;
          padding: 4px;
           font-color: grey;
           color: grey;

}

#vs_ramka_nazwa_b
{

       font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border: 0px solid red;
           float: right;
           width: 130px;
          text-align: right;
          font-size : 8pt;
          padding: 4px;
           font-color: grey;
           color: grey;

}

#vs_ramka_nazwa_vs
{

       font-family: Verdana, 'courier new', Arial, 'Times New Roman';
       //background: url(Obrazki/vs_ramka_b.jpg) 0px no-repeat;
       	background-position: center;
           border: 0px solid red;
           width: 303px;
           height: 80px;
          text-align: center;
          text-align: top;
          font-size : 8pt;
           font-color: grey;
           color: grey;

}


#miniaturka_ramka_b
{
           border-right: 0px solid #05265a;
           border-left: 0px solid #05265a;

           float: left;
           width: 196px;
           height: 110px;
           text-align: left;
           font-size : 8pt;

}



#komorka_srednia
{

           border: 0px solid #05265a;
           border-bottom-color: #05265a;
           height: 40px;
           width: 706px;



}


#komorka_srednia_autor
{
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border-bottom: 1px solid grey;
           height: 24px;
           width: 706px;
          margin-top:3px;
          text-align: left;
          font-size : 9pt;

}


#komorka_srednia_link
{
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border-bottom: 1px solid grey;
           width: 706px;
          margin-top:3px;
          text-align: left;
          font-size : 9pt;

}


#komorka_srednia_zglos
{
           font-family: Arial, 'courier new',Verdana,  'Times New Roman';
           border-bottom: 1px solid grey;
           height: 190px;
           width: 706px;
          text-align: left;
          font-size : 10pt;

}


#komorka_srednia_tytul
{

           border: 1px solid #05265a;
           border-bottom-color: #05265a;
           height: 40px;
           width: 706px;
           
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';

	font-size: 18px;

	padding-top: 12px;
	
	box-shadow:0px 0px 3px -2px #000;

}





#komorka_wieksza
{

           border: 0px solid #05265a;
           border-bottom-color: #05265a;
           height: 110px;
           width: 706px;


          
}



#opis_wiekszy
{
           border: 1px solid green;
           float: left;
           width: 696px;
           text-align: left;
           font-size : 8pt;
           padding: 4px;
           font-color: grey;
           color: grey;

}

 










#komorka_wieksza_box
{

           border: 0px solid #05265a;
           border-bottom-color: #05265a;
           height: 40px;
           width: 706px;


          
}
#miniaturka_ramka_box
{
           border-right: 0px solid #05265a;
           border-left: 0px solid #05265a;
           float: left;
           width: 80px;
           height: 40px;


}
#opis_ramka_box
{

       font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           border-top: 1px solid grey;
           float: left;
           width: 530px;
          text-align: left;
          font-size : 8pt;
          padding: 4px;
          
           font-color: grey;
color: grey;

}






















#opis_tytuly
{
           border: 1px solid #05265a;
           border-bottom-color: #05265a;
           float: left;
           width: 90px;
           text-align: left;
           font-size : 10pt;
           padding: 4px;

}






#edytuj
{
        font-family: Verdana, 'courier new', Arial, 'Times New Roman';
            border: 1px solid grey;
           color: grey;
           margin-right:3px;
           padding-right:3px;
           padding-left:3px;
           font-size: 11px;
           float: right;
           text-align: center;
}



#autor_wpisu
{
        font-family: Verdana, 'courier new', Arial, 'Times New Roman';
            border: 0px solid grey;
           color: grey;
           margin-right:0px;
           padding-right:0px;
           padding-left:0px;
           font-size: 11px;
           float: left;
}






#panel
{
  
       font-family: Verdana, 'courier new',  Arial, 'Times New Roman';
       border-top: 0px solid #05265a;
       border-bottom: 0px solid #05265a;
           width:  1000px;
            padding-top: 8px;
            padding-bottom: 8px;
            color: #05265a;
            
             border-radius: 10px;

       background-color: var(--komorkalinku-color);
            box-shadow:0px 0px 3px -2px #000;
}






#plaszczyzna
{
       border-top: 0px solid #05265a;
       border-bottom: 0px solid #05265a;
       background-color: var(--bg-color);
           width:  940px;
            margin-bottom: 30px;
            color: grey;
            padding: 30px;
            text-align: left;

            box-shadow:0px 0px 3px -2px #000;
}


#stopka
{
       border: 0px solid #05265a;
       background-color: var(--bg-color);
           width:  1000px;
           height: 50px;
            padding-top: 8px;
            margin-top: 40px;
            color: #05265a;
            float: left;
            font-size: 14px;
            box-shadow:0px 0px 3px -2px #000;
}

#plaszczyzne
{
       border-top: 0px solid #05265a;
       border-bottom: 0px solid #05265a;
       background-color: var(--bg-color);
           width:  1000px;
            padding-top: 8px;
            padding-bottom: 8px;
            margin-bottom: 10px;
            color: #05265a;

            box-shadow:0px 0px 3px -2px #000;
}



#panel_motto
{
             border: 0px solid #05265a;

               font-family: Verdana, 'courier new',  Arial, 'Times New Roman';


           width:  1000px;
            padding-top: 8px;
            padding-bottom: 8px;
            margin-bottom: 10px;
            color: var(--niebieski-color);



            background-color: var(--bg-color);
            background: url(Obrazki/haslo_strony_tlo.png) 0px no-repeat;


}


#komorki_wpisu
{
          border: 0px solid #05265a;
             background-color: var(--bg-color);
             border-radius: 10px;
            width:  1000px;
            padding-top: 14px;
            padding-bottom: 14px;
            margin-bottom: 0px;
            color: grey;


          //  box-shadow:0px 0px 3px -2px #000;

}

#komorki_wpisu_folder
{
       border-top: 0px solid #05265a;
       border-bottom: 0px solid #05265a;
       border-radius: 10px;
           width:  1000px;
            padding-top: 14px;
            padding-bottom: 14px;
            margin-bottom: 0px;
            color: grey;
            background-color: var(--komorkafolder-color);

            //box-shadow:0px 0px 3px -2px #000;

}

#komorki_wpisu_folder_open
{
       border-top: 0px solid #05265a;
       border-bottom: 0px solid #05265a;
       border-radius: 10px;
           width:  1000px;
            padding-top: 14px;
            padding-bottom: 14px;
            margin-bottom: 0px;
            color: grey;
            background-color: var(--komorkafolder_open-color);

            //box-shadow:0px 0px 3px -2px #000;

}


 #komorki_wpisu_danych
{
                text-align : left;
            border: 0px solid black;
           background-color: var(--bg-color);
             padding-top: 8px;
             padding-left: 100px;
            padding-bottom: 8px;
            margin-bottom: 10px;
           width: 510px;
           color: grey;

        box-shadow:0px 0px 3px -2px #000;
}


  #komorki_wpisu_notatek
{
                text-align : left;
            border: 0px solid black;
           background-color: var(--bg-color);
             padding-top: 8px;
             padding-left: 10px;
            padding-bottom: 8px;
            margin-bottom: 10px;
           width: 810px;
           color: grey;

        box-shadow:0px 0px 3px -2px #000;
}



#sciezka_katalogu
{

           border: 1px solid grey;
           padding: 2px;
           padding-left: 6px;
           width: 706px;
           background:white;
           text-align: left;
          
}


#lewa_strona_katalogu
{
         padding-top:15px;
           padding-bottom:15px;
           border: 0px solid red;
           border-radius: 10px;
           width:  230px;
           float: left;
          background-color: var(--komorkafolder-color);
           font-size : 8pt;

           box-shadow:0px 0px 3px -2px #000;
}



#lewa_strona_katalogu_open
{
         padding-top:15px;
           padding-bottom:15px;
           border: 0px solid red;
           border-radius: 10px;
           width:  230px;
           float: left;
          background-color: var(--komorkafolder_open-color);
           font-size : 8pt;

           box-shadow:0px 0px 3px -2px #000;
}




#komorka_tab_typ
{
           border: 0px solid red;
           border-radius: 10px;
           width:  224px;
           padding-top:10px;
           padding-bottom:10px;
	   margin-bottom: 10px;
           background-color: var(--leweopcje-color);
           font-size : 8pt;
           color: grey;

           box-shadow:0px 0px 3px -2px #000;
}



#miniaturka_tab
{
           border: 0px solid #05265a;
            border-radius: 10px;
           width: 196px;
           height: 110px;
           text-align: left;
           font-size : 8pt;



}

#dane_tab
{
           border: 0px solid #05265a;

           width: 196px;
           height: 76px;
           text-align: left;
           font-size : 8pt;


}

#komorka_margines
{
           border: 0px solid  var(--komorka_tab_border-color);
           border-radius: 10px;
           width:  1000px;
           height: 10px;

}

#komorka_tab
{
           border: 1px solid  var(--komorka_tab_border-color);
           border-radius: 10px;
           width:  220px;
           height: 198px;
           background-color: var(--leweopcje-color);
           padding-top:8px;
           margin-bottom: 12px;
           box-shadow:0px 0px 3px -2px #000;
}

#komorka_tab_ulubione
{
           border: 0px solid red;
           border-radius: 10px;
           width:  220px;
           height: 210px;
           background-color: var(--bg-color);
           padding-top:2px;
           margin-bottom: 12px;
           box-shadow:0px 0px 3px -2px #000;
}


#komorka_tab_A
{
           border: 0px solid red;
           width:  224px;
           margin-left: 20px;
           margin-bottom: 12px;
           margin-top: 0px;

           float: left;
}


#komorka_tab_tytul
{         
           font-family: Verdana, 'courier new',  Arial, 'Times New Roman';
           border: 0px solid red;
           width:  194px;
           height: 30px;
           padding-top:2px;

           color: var(--tytul-color);
           float: left;
}

#komorka_tab_autor
{
           font-family: Verdana, 'courier new',  Arial, 'Times New Roman';
           border: 0px solid red;
           width:  194px;
           height: 16px;
           padding-top:2px;

           color: black;
           float: left;
}





















#tekst{

        font-size  : 10pt;
 font-color:black;
	border: 0px solid red;
	float: center;
        width:  700px;
        background-color: var(--bg-color);
	text-align: left;
      //height:623px;
        padding: 30px;
        //background: url(images/vikiled_03.jpg) 0px no-repeat;
        //background-position:top left;

}










#komorka_znajomy_duza{

 border: 0px solid red;
 width:  760px;
  height:80px;
        background-color: var(--bg-color);
	text-align: left;

        float: left;
        margin-bottom:10px;

    box-shadow:0px 0px 3px -2px #000;
}


#komorka_znajomy{

 border: 0px solid red;
  height:80px;
        background-color: var(--bg-color);
	text-align: left;

        float: left;


}











#komentarz_komorka{
  border-top: 1px solid grey;

	width: 580px;

}
#komentarz_komorka_srednia{
           border: 0px solid red;

	width: 545px;
	height: 80px;
        float: left;

}

#komentarz_avatar{
           border: 0px solid black;
        height: 50px;
	width: 50px;
        float: left;

}
#komentator{
        font-family: Verdana,'courier new', Arial,   'Times New Roman';
           border: 0px solid green;
        text-align : left;
	width: 290px;
        color: var(--text-color_niebieski);
	margin-left:10px;
        float: left;

}

#komentarz{
  
  font-family: 'Times New Roman', Arial,'courier new',  Verdana,  ;
  background-color: var(--bg-color);
           border: 0px yelow;
           border-color: grey;
       //  border-bottom-color: #12AC0A;
        font-size : 10pt;
       padding: 5px;
        text-align : left;
	width: 500px;
        color: var(--tytul-color);
        float: left;

}


#komentarz_b{
           border: 0px solid blue;
        text-align : left;
	width: 510px;
	height: 20px;
        float: right;

}

#komentator_data{

        border: 0px solid green;
        text-align : left;
        font-size : 8pt;
        width: 200px;
        float: left;
        color: grey;

}

#komentator_del{

        border: 0px solid green;
        text-align : left;
        font-size  : 7pt;
	width: 150px;
        float: right;
}


#komentarz_odp{
           border: 0px solid green;
	width: 570px;


}

div.komentarz_naglowek
{
	background-color: var(--bg-color);
	width: 80px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	font-size : 8pt;


}
div.komentarz_naglowek span
{
	font-style: italic;
	cursor: pointer;
}
div.komentarz_ukryty_tekst
{
	background-color: var(--bg-color);
	width: 400px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	display: none;
           margin-bottom:20px;

}

div.komentarz_ukryty_tekst textarea
{
       border: 1px solid grey;

}


div.komentarz_oceny{
    border: 0px solid black;
    width: 280px;
        float: left;
}


div.btn_plus_koment
{
	font-style: italic;
	cursor: pointer;
}












div.naglowek
{
	background-color: #BBB;
	width: 720px;
	padding: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
}
div.naglowek span
{
	font-style: italic;
	cursor: pointer;
}
div.ukryty_tekst
{
	background-color: #CCC;
	width: 720px;
	padding: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: none;
}







#register_male
{
           text-align : left;
            border: 0px solid black;
           background-color: var(--bg-color);
             padding-top: 8px;
             padding-left: 100px;
            padding-bottom: 8px;
            margin-bottom: 10px;
           width: 400px;
           color: grey;

        box-shadow:0px 0px 3px -2px #000;
}












#wiadomosc
{

          border: 0px solid white;
           background-color: var(--bg-color);
           width: 700px;



}

#wiadomosc_del
{
          font-family: verdana, 'courier new', Arial, 'Times New Roman';
           border: 1px solid grey;
           float: right;
           font-size : 7pt;
           width: 50px;
           text-align: center;
}

#wiadomosc_ramka
{
          float: left;
           font-size  : 10pt;
           width: 590px;
           font-family: verdana, 'courier new', Arial, 'Times New Roman';
           text-align : left;
           padding: 10px;
           margin-bottom:20px;
           border-bottom: 1px solid grey;
           background-color: var(--bg-color);
}
#wiadomosc_a_avatar
{
          padding-left: 10px;
          width: 770px;

}

#wiadomosc_a
{
           border: 0px solid black;
           //border-bottom-color: green;
           font-size  : 10pt;
           background-color: var(--bg-color);

           width: 468px;
           text-align : left;

}


#wiadomosc_b
{
           border: 0px solid black;
           //border-bottom-color: green;
           font-size  : 10pt;
           background-color: var(--bg-color);

           width: 180px;
           text-align : right;
           float: right;
}


#wiadomosc_foto
{

           border: 0px solid #EAFFE9;
           border-bottom-color: green;
            height: 70px;
            width: 70px;
           background-color: var(--bg-color);
          float: left;
}

#wiadomosc_margin
{
        float: left;
           border-top: 1px solid grey;

            height: 20px;
            width: 700px;


}



#rodzaje
{
  border: 1px solid grey; 

  margin:1px; 
  padding:2px;
	font-family: Verdana, 'courier new', Arial, 'Times New Roman';
	font-size: 12px;
	color: grey;
	width: 40px;
}


.news
{

	width: 686px;
	//background-color: #777;
	border-bottom: 1px solid grey;
	//border-left: 2px solid #DDD;
        margin: 0px;
	padding-bottom: 10px;
	font-family: Verdana, 'courier new', Arial, 'Times New Roman';
	font-size: 12px;
	color: grey;
        text-align: left;


}


.news_wpis
{

	width: 686px;
	//background-color: #777;
	border-bottom: 1px solid grey;
	//border-left: 2px solid #DDD;
        margin: 0px;
	padding-bottom: 10px;
	font-family: Arial, Verdana, 'courier new', 'Times New Roman';
	font-size: 12px;
	color: black;
        text-align: left;


}


.opcje_zwijane
{
         border-top: 1px solid grey;
         border-bottom: 1px solid grey;
	width: 686px;
        margin: 0px;
        padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Verdana, 'courier new', 'Times New Roman';
	font-size: 12px;
	color: grey;
        text-align: right;


}


#news_wpis_test
{

	width: 686px;
	//background-color: #777;
	border-bottom: 1px solid grey;
	//border-left: 2px solid #DDD;
        margin: 0px;
	padding-bottom: 10px;
	font-family: Arial, Verdana, 'courier new', 'Times New Roman';
	font-size: 12px;
	color: red;
        text-align: left;


}


.f_zgloszeniowy
{
	width: 686px;
	border: 0px solid #DDD;
	border-bottom: 1px solid grey;
	margin: 6px;
	padding: 10px;
	font-family: Verdana, 'courier new', Arial, 'Times New Roman';
	font-size: 12px;
	color: grey;
        text-align: left;


}


.f_reje
{
	width: 686px;
	border: 0px solid #DDD;
	border-bottom: 1px solid grey;
	margin: 6px;
	padding: 10px;
	font-family: Verdana, 'courier new', Arial, 'Times New Roman';
	font-size: 12px;
	color: grey;


}




#prawa_waska_strona
{

           padding-bottom:15px;
           border: 0px solid red;
           width:  230px;
           float: left;
          // background-color: var(--bg-color);
           font-size : 8pt;
          margin-left: 10px;
          // box-shadow:0px 0px 3px -2px #000;
}



#prawa_waska_strona_versus
{

           padding-bottom:15px;
           border: 0px solid red;
           width:  228px;
           float: left;
          // background-color: var(--bg-color);
           font-size : 8pt;
          margin-left: 10px;
          // box-shadow:0px 0px 3px -2px #000;
}



#linku_strona
{
           border: 0px solid red;
           width:  760px;
            float: left;

}



#linku_strona_versus
{
           border: 0px solid red;
           width:  1000px;
            float: left;
            background-color: var(--bg-color);
            margin-bottom: 10px;
            box-shadow:0px 0px 3px -2px #000;
}




#obserwujButton{
           cursor: pointer;
           border: 1px solid grey;
          // background: orange;
          // color: #05265a;
          color: grey;
           width:  160px;
           margin:5px;
           margin-bottom:10px;
           padding-right:3px;
           padding:2px;
           font-size: 11px;
           text-align: left;
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           font-weight: bold;
}

#edytujButton
{           cursor: pointer;
            border: 2px solid black;
           color: black;
           font-size: 11px;
           font-weight: bold;
           background-color: var(--bg_szarawy-color);
             border-radius: 5px;
           text-align: center;
            font-family: Verdana, 'courier new', Arial, 'Times New Roman';
}

#usunButton
{           cursor: pointer;
            border: 0px solid grey;
           color: grey;
           font-size: 10px;

           text-align: center;
            font-family: Verdana, 'courier new', Arial, 'Times New Roman';
}

#prawyButton
{
           border: 0px solid grey;
           color: grey;
           margin-right:3px;
           height:  15px;
           padding-right:3px;
           padding-left:3px;
           font-size: 11px;
           float: right;
           text-align: center;
}


#poleInput
{
           border: 1px solid grey;
           background-color: var(--bg-color);
           color: var(--bw_text-color);
           text-align: left;

}


#mojButton
{
         font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           cursor: pointer;               
           border: 1px solid grey;
           background-color: var(--bg-color);
           color: grey;
           text-align: left;
}


#mojButton_l
{
         font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           cursor: pointer;
           border: 1px solid grey;
           background-color: var(--bg-color);
           color: grey;
           text-align: left;
           float: left;
}

ico_v_l
{
         border: 2px solid red;

         float: left;
}




#tabela_scoore{

           border-bottom: 2px solid grey;
          color: grey;
           width:  620px;
           height:50px;
           font-size: 11px;
            margin: 2px;
              padding:5px;
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           font-weight: bold;
}

#tabela_scoore_nr{

           border: 1px solid grey;
          color: grey;
           width:  15px;
           height:15px;
         float: left;
           padding:20px;
           font-size: 11px;

           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           font-weight: bold;
}

#tabela_scoore_nick{

           border: 1px solid grey;
          color: grey;
           width:  180px;
           height:15px;
        float: left;
           padding:20px;
           font-size: 11px;
           text-align: left;
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           font-weight: bold;
}

#tabela_scoore_team{

           border: 1px solid grey;
          color: grey;
           width:  100px;
           height:15px;
         float: left;
           padding:20px;
           font-size: 11px;
           text-align: left;
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           font-weight: bold;
}

#tabela_scoore_punkty{

           border: 1px solid grey;
          color: grey;
           width:  100px;
           height:15px;
       float: left;
           padding:20px;
           font-size: 11px;
           text-align: left;
           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           font-weight: bold;
}

#tabela_scoore_kraj{

           border: 1px solid grey;
          color: grey;
           width:  15px;
           height:15px;
         float: left;
           padding:20px;

           font-size: 11px;

           font-family: Verdana, 'courier new', Arial, 'Times New Roman';
           font-weight: bold;
}