:root {
      --bordo:  #b60000;  --mocny:#b60000; /* mocny to dominujący akcent deklarowny w szablonach */
      --zielen:#005217;
     --szary: #bfbebe; 
     --czarny: black;
    
     
}



.zaokraglona-ramka{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour:url(border-radius.htc); }
.no-text, notext {	text-indent: -300em;	text-align: left;		overflow: hidden;		display: block;	}
.strong {font-weight: bold;	}
.clearfloat	 { 	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}
img				 { border: 0px } 
table, tr, td, th{  font-size: 11px;}

 



body { position:relative } /* do przycisku do góry */
body.panel_cms { margin-left: 60px; transition: margin .5s}
.no-text , .notext  { overflow: hidden; text-indent: -300em}

a#kompania { display: block; background-image:url(img/strony-www.png); background-repeat:no-repeat; background-position: 0 0; text-indent: -300em; overflow:hidden; width: 84px; height: 33px;  }
a:hover#kompania  {background-position: 0 -32px; }

a {    text-decoration: none; }

.panel_chmorka {
    
    background: gray;
    border: solid 1px #c5b69f;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 1px 1px 1px black;
    position: fixed;
    width: 380px;
    top: 10px;
    left: 10px; 
    z-index: 10000;
    }

ul#navmenu_panel { margin: 0px; padding:0px; margin-left: 40px}
ul#navmenu_panel li {
     margin-left: 2px;
         list-style: none;
}

#edycja_szybka label{      
    font-size: 11px;
    font-weight: normal;
    margin-top: 10px;
    color: white;}


#edycja_szybka label.nadtytul { font-size: 14px;margin-top: 20px;  }
#edycja_szybka input { color: black}
#edycja_szybka  .k1-2 { float: left; width: 50%; box-sizing:border-box}
#edycja_szybka .clearfloat.kreska {     height: 30px }



.paginacja { padding: 30px 0 20px 0; color: gray; font-size:11px  }

a.przycisk {  background: #f5f5f5; padding: 6px; border: solid 1px #cccccc; margin: 10px; border-radius: 4px; 

  margin: -4px 5px 9px 0px !important;
  font-size: 11px;
  color: #666;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 10px;
}  

a.przycisk:hover {   background-color: #f1f1f1} 

/*stopka*/

/* Panel górna belka komunikatów panelu */


#komunikaty-widget {
    background: #C80000;
    color: white;
    position: relative;
    border-bottom: solid 1px #8c1d21;
    width: 100%;
    box-sizing: border-box;
    margin-bottom:20px;
}


 
#komunikaty-widget li {   color: white; margin: 10px 40px 0 30px; font-size:14px  }
#komunikaty-widget  div.close_panel { position:absolute; right: 30px; top: 30px; cursor: pointer ; }
#komunikaty-widget  div.close_panel:hover { color: orange}

.modal-header {
   
    display: none!important; /* ukrycie nagłówka modal */
}



 /* belka poziom nawigacja */
.menu_poziom_2015 { position:relative;  height:33px; overflow: hidden; background: #f2f2f2;   border: 1px solid #ddd; margin: 10px 0px 10px 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; padding:  0px}
.menu_poziom_2015 a { opacity: 0.5; float: left; line-height: 31px;    font-size: 11px;color: #666;margin: 0 10px 0 10px;  font-weight: bold;text-shadow: 0 1px 0 #fff;}
a.i_wstecz { display:block; float: left; background: url(img/ic.gif) 0 0 no-repeat; text-indent: -300em; overflow: hidden; width:25px; height:33px; }
a.i_odswiez{ display:block; float: left; background: url(img/ic.gif) -38px 0 no-repeat; text-indent: -300em; overflow: hidden; width:27px; height:33px; }
a.iq_home{ display:block; float: left; background: url(img/ic.gif) -88px 0 no-repeat; text-indent: -300em; overflow: hidden; width:24px; height:33px; }
.i_strzalka {opacity: 0.2;   width: 23px; height:33px; background: url(img/ic.gif) -21px 0 no-repeat; display:block; float: left ; text-indent: -300em; overflow: hidden;  }


.menu_poziom_2015 a.nexti , .menu_poziom_2015 a.previ {  font-size: 12px;   border:solid 1px gray; border-radius:10px; padding: 4px; line-height: 11px; margin-top:5px  }
 

/*  #ikony_kategorii   */
#ikony_kategorii   { margin: 15px 0 15px 0}
#ikony_kategorii a {  display:block; float:left   ;opacity: 0.9;    filter: alpha(opacity=40); margin: -4px 5px 9px 0px !important ; 
 font-size: 12px;color: #666;  font-weight: bold;text-shadow: 0 1px 0 #fff; 
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; border: 1px solid #ddd; padding: 10px; margin: 5px 2px 2px 0px; background: white  }
#ikony_kategorii a.status_1  { opacity: 1;    filter: alpha(opacity=100); }


p.info {   
	
	
  background-color: #fbf9e9;
  border: 1px solid #e3cf57;
  color: #212121;  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
  margin: 20px 0;
  padding: 15px;
  text-align: left;
  
    }



@import url(http://fonts.googleapis.com/css?family=Lato:400,100,700,300);
 
/*  NOWE OKNO FNACYBOX - styl dla czystej strony */
body#nowe_okno , body.panel { margin: 40px; min-width:700px; background: white; font-family: 'Lato', sans-serif!important;  height:100% ; font-size:15px;    }


 .onpanel.podpowiedz { background: #fcefc0; border: solid 1px #f6ca2f; padding: 18px 50px 18px 50px; margin: 10px 0 10px 0; font-size: 12px ; }



/*  newsy.tpl    */
.belka_g { font-size:12px; color: #cccccc; padding: 4px 0 20px 0}




span.st_wst { display:block;font-weight:bold; padding: 10px 0 10px 0  }
span.st_opis {display:block; ; padding: 10px 0 10px 0  }
span.st_wst , span.st_opis { line-height: 22px}

li.artykul { list-style: none; margin: 30px 0 14px 0; padding: 10px ; padding-bottom:20px;  position:relative; min-height: 130px; }
li.artykul.widok_0 {opacity: 0.2 }
 a.czytaj_wiecej {display:block ; float:right;  padding: 10px 0 10px 0 ;   font-size:11px     }

li.artykul h2 {font-size:23px;  }  
li.artykul p.wstep { line-height: 20px; margin: 10px 0 10px 0  ; }
li.artykul img.miniatura { float:left;  margin: 0 20px 20px 0 ;width:100px; height:auto  }
div.news_opis { clear:both; border-top: dotted 1px gray; padding-top:10px; color:gray }
div.news_opis span {  position: relative; font-size: 11px; padding:0 10px 0 20px; display:block; float:left   }
div.news_opis span::before {  content: '';  position: absolute; left: 0px; top: -8px; display:block; width:25px; height:25px; background: url(img/ikony_pliki.svg)  -40px -10px  no-repeat ;opacity: 0.3 }
div.news_opis span.licznik::before { background-position: -157px	 -10px  }
div.news_opis span.data::before { background-position: -68px	   -10px  }
div.news_opis span.plikow::before { background-position: -10px	    -10px }
div.news_opis span.obrazow::before { background-position: -187px	  -10px   }
div.news_opis span.level::before { background-position: -337px	    -10px }

   div.edit_panel   { position:absolute; background: #f5f5f5; border-radius-:20px;   top:10px; left: -40px; padding-bottom:4px; }
   div.edit_panel a { display:block;  text-indent: -300em; overflow: hidden; width:25px; height:25px; background: url(img/ikony_pliki.svg)  -245px -10px  no-repeat; margin:5px; }
   div.edit_panel a.pliki {background-position: -277px -10px; } 
   div.edit_panel a.move.up {background-position: -356px -10px;  } 
   div.edit_panel a.move.down {background-position: -319px -10px;  } 
  div.edit_panel a.move.start {background-position: -337px -10px;  } 

  div.edit_panel a.move.up ,  
   div.edit_panel a.move.down , 
  div.edit_panel a.move.start {   margin-top:0px; margin-bottom:0px; height:17px } 


/* fotogaleria strona */
#albumy { clear: both }
li.album { text-align:center; height: 380px; position:relative; background: white;width:45%; float: left; margin: 0px 40px 40px 1px; list-style:none; overflow: hidden; border-radius:5px;box-shadow: 3px 3px 3px #888888;}
li.album img.miniatura { }
li.album  div.news_opis {left: 100px;; position:absolute; bottom:15px; text-align: center; width:70% ; border:none}
li.album  div.edit_panel   {   top:10px; left:  20px; opacity: 0.6  }
li.album  div.edit_panel:hover   {    opacity: 1 }
li.album .padding { padding:15px 15px 25px 15px; }


#galeria 				{    clear:both; margin: 10px 0 10px 0}
#galeria div.obraz 		{   float: left; width:147px; height:147px; overflow: hidden; }
#galeria div.obraz img 	{ width:147px; height:auto;   }

 
#galeria div.obraz img::hover 	{ width:200px; height:auto;    }

/* assonary galeria */
 .box {  margin: 1px;  padding: 0px;  float: left;}
 .box img  {  display: block;  width: 100%; }

 
 
.col3 { width: 152px; }
 
.col3 img { max-width: 152px; }
  
 
.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

 


img.miniatura_big { padding: 15px 0 20px 0}

/*  #pliki */
#pliki { margin: 50px 0 20px 0  }
#pliki::hover {}
#pliki h2 { margin: 10px 0 10px 0 ; position:relative ; padding-left: 30px ; clear:both}
#pliki h2::before {  content: '';  position: absolute; left: 4px; top: -4px; display:block; width:25px; height:25px; background: url(img/ikony_pliki.svg)  -10px -10px  no-repeat ;opacity: 0.8  }
#pliki a.plik { display:block ;  clear:both; position:relative; padding:25px; margin-bottom:1px; color:gray;  opacity: 1;
   transition: opacity .45s ease-in-out;
   -moz-transition: opacity .45s ease-in-out;
   -webkit-transition: opacity .45s ease-in-out;}
#pliki .file_icon { margin-left: 0px } 
 


#pliki a.plik:nth-child(odd){ background-color:#fafafa;  border-bottom: solid 1px #e1e1e1 }
#pliki a.plik:nth-child(even)    { background-color:#f5f5f5;  border-bottom: solid 1px #dcdada  }
#pliki a.plik:hover {  opacity: 0.5; background: white; color:black ; color:black; }

#pliki div.plik_opis  {  margin: 7px 0 2px 0  }
#pliki div.plik_opis span { position: relative; font-size: 11px; padding:0 10px 0 20px; display:block; float:left}
#pliki div.plik_opis span::before {  content: '';  position: absolute; left: 0px; top: -8px; display:block; width:25px; height:25px; background: url(img/ikony_pliki.svg)  -40px -10px  no-repeat ;opacity: 0.3   }
#pliki div.plik_opis span.data::before 		{ background-position-x: -70px  }
#pliki div.plik_opis span.odslon::before 	{ background-position-x: -99px  }



/* newsy belka g */
.belka_g a     {   }
.belka_g .elementy_widoku   { float: right; margin: 30px 0 10px 0}
.belka_g .elementy_widoku  span { padding:10px 5px 10px 40px; display: block; float: left; position:relative   }

.belka_g .data_d::before {   content: '';  position: absolute; left: 2px; top: 0px; display:block; width:40px; height:40px; background: url(img/ikon.png)  -40px 0  no-repeat}
.belka_g .data_ed::before {   content: '';  position: absolute; left: 2px; top: 0px; display:block; width:40px; height:40px; background: url(img/ikon.png)  -80px 0  no-repeat}
.belka_g .autor::before {   content: '';  position: absolute; left: 2px; top: 0px; display:block; width:40px; height:40px; background: url(img/ikon.png)  0px 0  no-repeat}
.belka_g .count::before {  content: '';  position: absolute; left: 2px; top: 0px; display:block; width:40px; height:40px; background: url(img/ikon.png)  -120px 0  no-repeat}
.belka_g .count e {  margin-right:20px;}
.belka_g a.drukuj {display:block; text-indent: -300em; overflow: hidden; width:39px; height:39px; background: url(img/ikon.png)   -160px 0  no-repeat  ;float:left  }

.belka_g .share-buttons { float: right; margin-right:-2px; margin-top:10px;   transform:scale(0.8);}
.belka_g .share-buttons a { margin-right: 2px; display:block; text-indent: -300em; overflow: hidden; width:39px; height:39px; background: url(img/ikon.png)  0 0 no-repeat  ;float:left   }

.belka_g a.facebook	{ background-position: -240px 0   }
.belka_g a.twitter	{ background-position: -200px 0   }
.belka_g a.google{	 background-position: -280px 0   }
.belka_g a.linkedin	{ background-position: -320px 0   }
.belka_g a.email	{ background-position: -360px 0   } 
.belka_g a.rss		{ background-position: -400px 0   }


/* USER */
b.uprawnienia { position:relative; background-color: #f5f5f5;  padding:3px 10px 3px 20px ; border:solid 1px gray;  
border-radius: 14px; margin: 4px;  display:block; float: left}

.rola_1 , 
.rola_2 {   background-image: url("/plugins/ui/css/custom-theme/images/ui-icons_888888_256x240.png"); 
width: 15px; height:15px;  }



b.uprawnienia span.rola_1  { background-position: -144px -96px; position:absolute; top: 3px; left: 4px;  } 
b.uprawnienia span.rola_2 {  background-position: -176px -112px;  position:absolute; top: 3px; left: 4px;    }


ul.ostatnie_logowania li { margin: 2px 2px 2px 10px ; list-style: none; border-bottom: dotted 1px gray; padding:5px; font-size:12px;}
ul.ostatnie_logowania li small { font-size:11px; margin: 0 10px 0 10px; }
ul.ostatnie_logowania li small.ip { float: right; color: gray} 

 
ul#raport {   padding: 20px; margin: 20px; border: 1px solid #fcefa1;  background: #fbf9ee  ;  color: #363636;} /* raport danych  po założeniu konta */
 
 
 
 
 
.formularz_logowania { width: 600px; margin: 50px auto 50px auto; position: relative; 
background: url(img/ikony_logowanie.svg) no-repeat right -20px}




.formularz_logowania .komunikat {
    padding: 20px;
    background: antiquewhite;
    border: solid 1px #cd0a0a;
    border-radius: 5px;
    margin: 20px 0 20px 0;
    display:none
}


 
.formularz_logowania  input[type="text"] , .formularz_logowania  input[type="password"] ,
.formularz_logowania  input[type="email"] 




 {
  display: block ;   width: 390px;  height: 49px;
  border: 2px solid #e5e5e5;
  background: #f6f6f6;
  padding-left: 18px;
  padding-right: 18px;
  box-sizing: border-box;
  margin-bottom: 20px;
  outline: 0;
  font-size: 14px;
  padding-top: 0;
}

.formularz_logowania input.zaloguj {
  width: 228px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  background: #c80000; 
  color: #fff;
  border: 2px solid #c80000; 
  outline: 0;
  cursor: pointer;
  margin: 0 0 30px 0;
  outline: 0;
  float: #c80000; 
  
 }
  

/* FORMULARZE SERWISU   */



form.onpanel 			{ font-size: 16px!important; position: relative; margin: 30px} 
form.onpanel  			input[type="text"] , form.onpanel input[type="password"] , form.onpanel input[type="file"] ,form.onpanel select  
 { border:solid 1px #cccccc ; margin:10px 0 10px 0; width:90%; padding: 5px ; border-radius: 3px} 
 
form.onpanel  			input.levele[type="text"] {     width:30px; height:20px}
/* .konto form div { border:solid 1px gray}*/



ol#menu_level  { margin: 20px 0 20px 20px       } /* edycja pozycji menu w formularzu edycji strony   */
ol#menu_level li { font-weight:bold; margin: 5px 0 1 10px;    cursor: move; border:solid 1px #cccccc; 
background: #f5f5f5; padding:5px; border-radius:2px; max-width:200px; font-size: 11px; }
ol#menu_level li.pokazi0 {  font-weight:normal; color:gray   }
ol#menu_level li.selected { color: #c80000;} 


.kategorie_powiazane li a { color:black}
.kategorie_powiazane li a.selected { color: #c80000; }

.polowa { width: 49%; float: left}

.kolumna_1_3 { width: 32%; float:left  ;}
.kolumna_1_3 .polowa.adres { width: 190px; }
.kolumna_1_3 .polowa.nr { width: 40px; }
.kolumna_1_3 .polowa.kod { width: 70px; }


.kolumna { width:47%; float: left; padding:  0px}

.kolumna_1_2  { width:49%;  float: left; padding:  10px 0 10px 0px; margin: 10px 0 10px 1px;  }
.kolumna_1_2  div.s   { float: left; width: 110px; height: 20px   }
.kolumna_1_4 { width:24%;  float: left; padding:  10px 0 10px 0px; margin: 10px 0 10px 1px; }

#rejestracja_errorloc {    }
#rejestracja_errorloc li, #rejestracja_errorloc ul { margin:0; padding:0; list-style: none}
#rejestracja_errorloc li {   border: 1px solid #fcefa1;  background: #fbf9ee  ;  color: #363636; padding:10px; margin:2px}


.clearfloat.kreska { border-bottom:dotted 1px #cccccc}




/* =======================================================================================================
   =================================================== PANEL =============================================
   ======================================================================================================= */

 
 div.main_padding { padding: 10px 40px 10px 40px; width: 100%; box-sizing:border-box;  }
 
 
h3.modul { border-bottom: dotted 1px #cccccc; padding: 10px 0 10px 0; margin: 40px 0 10px 0; clear:both; color: gray} 


form.onpanel   label {  font-size: 12px;   }
form.onpanel label.nadtytul {    display: block;     padding: 20px 5px 5px 0px ;color: #c80000;     } /* label w formularzu stanowiące tytuł czerwony */



.onpanel  #newsy_edycja textarea , .onpanel  form#newsy_edycja input[type="text"] { width: 100%; padding:5px;margin-bottom: 5px}
#newsy_edycja div.kafel   {font-size: 11px;text-align: center; width: 63px; height: 50px;background: url(img/ikony_typow_stron.png) no-repeat 3px 5px #f2f2f2; float: left;   overflow: hidden;border: 1px solid #ddd;margin: 1px 4px 5px 0 ;-webkit-border-radius: 4px;border-radius: 4px; padding: 80px 1px 1px 1px ;overflow: hidden  }  
#newsy_edycja div.kafel  input { display: block; margin:1px 1px 5px 20px}  
#newsy_edycja div.kafel label  { padding: 1px; }

#newsy_edycja label#news  { background-position: -55px 5px; }  
#newsy_edycja #rozdzialy  { background-position: -115px 5px}  
#newsy_edycja  #galeria  { background-position: -175px 5px}  
#newsy_edycja div.kafel  input.innytyp {  margin-left: 2px; width: 53px;  }
label.checked {color: red!important}


div.wybor_kategoria input[type='text'] {  width:  50px  }




/* formularz konta, adresu */

form.formularz_konta { min-width: 870px  } /* minimalna szerokość okna w nowm oknie */
form.formularz_konta div.kolumna_1_3 		{ width:  242px ; float: left; padding:0px; margin: 0 45px 0 0 ; }
 			
form.formularz_konta div.kolumna_1_3:nth-of-type(4) { margin:0px!important;    }

 
label.obowiazkowy:after 	{ content: " * " ; color: red   }

.konto form.formularz_konta  .kafel { background: #f5f5f5 ; padding: 5px; border: solid 1px #cccccc; margin: 2px; float: left; border-radius: 5px;}


.konto form.formularz_konta   input.rola { margin-left:20px;}
.konto form.formularz_konta   input.rola::before     { content: "" ; width:15px; height:15px;   display: block; margin: -3px 0 0 -19px;  background-image: url("/plugins/ui/css/custom-theme/images/ui-icons_888888_256x240.png"); 	   }
.konto form.formularz_konta   input.rola.a1::before  { background-position: -144px -96px;   } 
.konto form.formularz_konta   input.rola.a2::before {  background-position: -176px -112px;   }



form.formularz_konta  input[type="text"] , 
form.formularz_konta  input[type="password"] , 
form.formularz_konta  input[type="file"] , 
form.formularz_konta  input[type="date"] , 
form.formularz_konta  textarea,
form.formularz_konta  select   {   
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  -webkit-transition: border-color ease-in-out 1s, box-shadow ease-in-out 0.15s; 
    transition: border-color ease-in-out 1s, box-shadow ease-in-out 0.15s;  border:solid 1px #cccccc ; margin:0px!important; width:92%; padding: 5px ; border-radius: 2px}
 
form.formularz_konta  input:focus ,  form.formularz_konta  textarea:focus , form.formularz_konta  select:focus  { border-color: #C80000;
 
 
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200,0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200,0, 0, 0.6);
 

}
 
form.formularz_konta  textarea { margin:10px 0 10px 0; width:92%; height: 90%    }

form.formularz_konta div.dodajdane input[type="checkbox"] { margin-top: 10px; }
form.formularz_konta div.dodajdane label { display:inline;   position: relative   ;  top: 0px; }

form.formularz_konta div.twarz { position: relative }
form.formularz_konta div.twarz div.face {width: 83px; height: 107px; float: left; background: url(img/user.png) no-repeat 0px -13px;    } 
form.formularz_konta div.twarz div.face img.avatar { width: 83px; height: auto;}


form.formularz_konta div.twarz    input[type="file"] { border: none; width: 140px;   }
form.formularz_konta div.twarz input.usun_twarz { position: absolute; bottom: 0px; right: 10px;  border: none; width:38px; height:35px;  background: url(img/user.png) no-repeat -88px -50px; overflow:hidden; text-indent: -300em;    }


img.avatar { width: 30px; height:auto; float: left; margin-right: 10px}



/* 2015-09 siatka formularza, ustala wysokość linii w poziomie */
.formularz_box  {  padding: 45px 0 0 0  ; margin:0px; position:relative;     }
.formularz_box label { position:absolute; display:block; margin:0; font-size:11px;top: 25px; left:0px;  font-style:italic; color: gray!important ;padding:0px!important;  } 
.formularz_box.oneline { }
.formularz_box.twolines { height: 103px;   }
.formularz_box.threelines { height: 205px;  } 

.formularz_box.oneline div.polowa { float:left; width: 48% ;   }  
.formularz_box.oneline div.polowa input  { } 




/* przycik ustawień administracyjnych przykład w formatce konto_formularz */
div.admin_pokaz {   transition: width 1s ease-in-out; cursor: grab ;	margin: 10px 0 10px 0; text-indent:  -300em; overflow:hidden;  background:url(img/admin.png) no-repeat 0 0 ; width: 52px; height: 45px; border-radius: 6px; opacity:0.3}
div.admin_pokaz:hover {  opacity:1; width:224px;        }

 

/*   ##########################################     PANEL   ################################################################ */
body#nowe_okno { margin: 0px;
    padding: 0px;
    font-family: 'LatoLatinWebLight'!important;
    font-size: 17px;
    padding-right: 21px;
    box-sizing: border-box; }
body#nowe_okno a { color: #c80000!important  }
body#nowe_okno h1, body#nowe_okno h2, body#nowe_okno h3 { color:gray}



/* belka odcinająca w panelu */
div.belka_top { background: #ECECEC; padding: 40px; position:relative; margin:  0px  0px 20px  0px;  }
div.belka_top h2 {  color: #636362 ;  text-shadow: 0 1px 0 #fff; font-size:20px; margin:10px 0px; padding:0px; font-weight:normal; }


/*  tagi */
.konto div.admin_pokaz { margin-bottom:  -3px; margin-left: 10px }

#newsy_edycja div.tagi  { padding:20px; background: #f5f5f5; border-radius:5px; border:solid 1px #cccccc; margin-top:4px;}
#newsy_edycja div.tagi label { float: left; padding: 1px 10px 1px 4px; color:black!important}
#newsy_edycja div.tagi input[type="checkbox"] { float: left;}



.kategorie_powiazane ol {    margin-left:  7px;  padding-left: 10px;    list-style: none;   }
.kategorie_powiazane  li   {  padding-left:  0px; margin:6px ;   list-style: none;  }

#newsy_edycja /* taby  prezentujące formularz modyfikacji strony  */
 select.kategoria  					{  width: 190px}
input.levele 						{ width: 20px; height:10px;margin: 0px; padding:0px; font-size:10px; text-align: center; margin-left: -30px }
.kreska_lewa_pion 					{  border-right:dotted 1px #cccccc; }
.kolumna.kreska_lewa_pion 			{margin-right: 20px!important}

form.onpanel textarea.tytul 		{ height: 25px }
form.onpanel textarea.wstep 		{ min-height: 160px  }
form.onpanel textarea.opis 			{  min-height: 620px  }


form.onpanel .button_top 			{  position:absolute; top: 0px; right: 0px;z-index: 100}
form .button_top , form  .button_bottom {  background: #c80000; color: white; border-radius: 15px    }

form.formularz_konta input.button_top {z-index: 100; background: url(img/user.png) no-repeat -90px -1px;   
width:140px; height: 41px; border: none;  position:absolute; right: 40px; top:  50px;  border-radius: 3px   }





.kolumna_1_3 em 					{ min-height: 35px; display: block; color: #cccccc}
.rmk 								{ border: dotted 1px gray; margin-top: 4px; padding: 4px}

.kategorie_powiazane li a.widok_0     {  opacity: 0.5;}
.kategorie_powiazane li a.zamknieta::before     { content:" * " ; color:black}

 
/* panel switch on off */
.onoffswitch {   
    
    
        z-index: 1001;
    position: fixed;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    left: 70px;
    bottom: -5px;
    
    }
.onoffswitch-checkbox {    display: none;}
.onoffswitch-label {    display: block; overflow: hidden; cursor: pointer;      border-radius: 1px;}
.onoffswitch-inner 									{    display: block; width: 200%; margin-left: -100%;    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {    display: block; float: left; width: 50%; height: 38px; padding: 0; line-height: 38px; font-size: 19px; color: white;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.onoffswitch-inner:before {content: "ON";  padding-left: 10px;    background-color: #990000; color: #FFFFFF;}
 
.onoffswitch-switch {    display: block; width: 32px; margin: 0px;  background: url(img/panel.png) no-repeat 2px -1px  #c80000;    border: 2px solid  #c80000 ;    position: absolute; top: 0; bottom: 0; right: 64px;  -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;  -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {    margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {    right: 0px; }



.admininfo {background: #f5f5f5; border: solid 1px #cccccc; border-radius:5px; padding:15px; font-size:11px; }





/* FILEMANAGER.tpl     */

.lista_plikow { margin:0px;padding:0px;width:100%;	box-shadow: 1px 1px 5px #888888;}
.lista_plikow li { list-style:none ;margin:0; padding: 0 }


li.linia {  display:block; padding: 10px 6px 10px 70px ; width:160px; height: 50px; float: left;  position: relative;  background-color:#f5f5f5;
  margin: 2px 2px 0 0 }

.linia input[type="checkbox"] { position: absolute;top: 2px; right: 10px}

/*.lista_plikow .linia:nth-child(odd){ background-color:#f5f5f5; }
.lista_plikow .linia::nth-child(even)    { background-color:#ffffff; }
*/
.linia:hover {  }



#filemanager div.sortowanie  {    padding: 10px ;box-sizing:border-box; width: 100%; background: #f5f5f5 ; margin: 10px 0 10px 0}
#filemanager div.sortowanie  a:hover { color: black}
#filemanager div.sortowanie  a.selected { font-weight:bold} 
#filemanager div.sortowanie  a.selected.kierunek_0:after { content: " ↑" ; }
#filemanager div.sortowanie  a.selected.kierunek_1:after { content: " ↓" ; }
#filemanager div.sortowanie button { float: right; }

.lista_plikow .linia span.plik { font-weight:bold; display:block  }
.lista_plikow .linia span.wielkosc , .lista_plikow .linia span.kategorie  { margin-right: 5px; font-size:11px; color: gray }
.linia span.kategorie  { display: block }
.lista_plikow a.ui-icon-newwin { float: left; margin-right: 10px;   } 
.lista_plikow .linia span.count {  margin-right: 5px; font-size:11px; color: gray   }
.lista_plikow .linia.widok_0   { opacity: 0.4;    filter: alpha(opacity=40); }
.lista_plikow .linia.widok_0   a{  text-decoration: line-through }

.lista_plikow .linia .form_edit { display:none ; font-size: 11px; z-index:  1011; position:absolute} 
.lista_plikow .linia .form_edit input { margin: 0px 0px 0px  0px; width: 30px}
.lista_plikow .linia .form_edit input[type="text"].opis { width: 130px}





form.onpanel  .lista_plikow label  { padding:  0px!important; margin:0px}
.lista_plikow .linia     p {  white-space: nowrap;  width: 150px; overflow: hidden; text-overflow:    ellipsis;}



.filemanager .operacje { position:relative; background: #f9e3e3; border: solid 1px #c80000; padding: 20px; margin: 20px 0 20px 0;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;    }
.filemanager .operacje   input.usun { position: absolute; top: 20px; right: 20px; background: #c80000; color: white;    }
 .filemanager .operacje  input.edit {  background: rgba(140,198,63,1); color: white; border-radius:3px;    }

 
 .imagecounter { width: 1px; height:auto} /* obraz wywoływany w fancyboxie do podnoszenia licznika odłon */
 
 .filemanager img.miniatura {   width: 60px; height:auto;    position:absolute; left: 1px; top: 1px;z-index: 10; max-height: 70px }
 
 /* IKONY PLIKÓW */
.file_icon  {box-shadow: 1px 1px 1px #888888;position: relative;float: left; margin: 5px 10px 5px -55px;width: 35px;max-width: 35px; height:32px; background: red; color: white; text-align: center; line-height: 23px; font-size:13px ; font-weight:bold 	}
.file_icon::before {	content: "";	position: absolute;	top: -8px;	left: 0;width: 0;	height: 0;	border-left: 26px solid red;	border-right: 8px solid transparent;	border-bottom: 8px solid red;   }
.file_icon::after {	content: "";	position: absolute;	top: -8px;	right: 0;width: 0;	height: 0;	border-bottom: 8px solid white;	border-right: 9px solid transparent;  opacity: 0.7;    filter: alpha(opacity=70);} 


.file_icon.jpg , .file_icon.jpeg {  background: #339933  }
.file_icon.jpg::before , .file_icon.jpeg::before { border-left-color: #339933;	border-bottom-color: #339933 ; }

.file_icon.doc , .file_icon.docx {  background: #3366cc  }
.file_icon.doc::before , .file_icon.docx::before { border-left-color: #3366cc;	border-bottom-color: #3366cc ; }

.file_icon.rtf  {  background: #3ff0099  }
.file_icon.rtf::before  { border-left-color: #ff0099;	border-bottom-color: #ff0099 ; }

.file_icon.mp3  {  background: #f8b133  }
.file_icon.mp3::before  { border-left-color: #f8b133;	border-bottom-color: #f8b133 ; }

.file_icon.pdf {  background: #cc3333  }
.file_icon.pdf::before { border-left-color: #cc3333;	border-bottom-color: #cc3333 ; }



/*    paginacja */
.paginacja { padding: 10px ; background: #f5f5f5;   color: gray}
.paginacja .raport {   float: left; padding: 6px 6px 0 0 }
.paginacja .strony { float: right;   min-width: 400px} 
 
.paginacja a { border: solid 1px #cccccc; padding: 6px; margin: 10px 2px 10px 0 ; color:gray ; background: white}
.paginacja a.b_current {  opacity: 0.5;    filter: alpha(opacity=50);  }
.paginacja form { margin:20px; padding:0; display: inline!important;  } 
.paginacja form input[type="text"] { width: 20px; padding: 5px;   }
.paginacja form label { margin-left: 30px; float: left;}



/* wyszukiwarka styl wspólny body.szukaj   div.wyszukiwarka */
div.wyszukiwarka_main { position:relative   }
div.wyszukiwarka_main input[type="text"]  { padding: 10px; border: solid 1px #cccccc; width:400px ; margin: 0 0 20px 0  }
div.wyszukiwarka_main input[type="submit"] { background: url(img/search.png) no-repeat 0 0 ;width: 40px ; height: 40px; 
overflow: hidden; text-indent: -300em ; border: none; position:absolute; top: 3px; left: 370px;   }
div.wyszukiwarka_main label { font-size: 11px; color: gray}
div.szukajinfo {  font-size: 11px; padding: 5px 10px 0px 10px; color: gray  }

body.szukaj div.main  p { padding:0px; margin:0px; }
body.szukaj li.artykul {
     
    margin: 30px 0px 0px 0;
    padding:  0px;
    position: relative;
    min-height:  30px; }


/* BELKA PANEL       */
 
.open {display:block!important;}



/*
#admin_belka  { position:fixed; z-index:101; bottom:0px; left: 0px;  height:100px;width: 100%;   background: #333333;     color:#cccccc; border-bottom: solid 1px black; border-top: solid 1px #333333 }

*/

#admin_belka {
    position: absolute;
    z-index: 10001;
    bottom: 0px;
    left: -60px;
    height: 100%;   
   
    background:    #333333;
    color: #cccccc;
    border-bottom: solid 1px black;
    border-top: solid 1px #333333;
    box-shadow: 1px 1px 2px black;
    border-right: solid 1px #555;
    transition: width .5s;
   
}

#admin_belka a#nav { width:60px }

#admin_belka.pokazana {   width: 60px; }
#admin_belka.otwarta {
    width: 100%;
    max-width: 420px;
}

#admin_belka.schowana {width: 2px;   }



#poleedycji::-webkit-scrollbar-track
{
    
    border-radius: 1px;
    background-color: transparent;
}

#poleedycji::-webkit-scrollbar
{
    width: 6px;
     
}

#poleedycji::-webkit-scrollbar-thumb
{
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #777;
}




/* #admin_belka.otwarta wywołuje mutton menu */ 

#admin_belka div#poleedycji {
    position: absolute;
    overflow: hidden;
    border-bottom: dotted 1px gray;
    background: #3c3c3c;
    margin-top: -38px;
    padding-top: 29px;
    margin-left: -4px;
    resize: both;
    overflow: hidden;
    left: 97px;
    width: 0px;
    height: 0px;
    overflow-y: auto;
    padding-bottom: 38px;
}



#admin_belka.otwarta div#poleedycji {
    height: 100%;
    width: 321px;
   
}
 
 #navmenu_panel  a {
    font-size: 14px;
    font-weight: none;
    
    font-weight: 100;
}
#navmenu_panel ul { padding-bottom:5px }
#navmenu_panel ul li.otworz ul { padding-bottom: 20px }



a.menu_steruj {
    background: url(img/user_grupy.png) no-repeat;
    width: 23px;
    display: block;
    float: left;
    margin-right: 3px;
    text-indent: -300em;
    background-position: -21px -3px;
    background-size: 60px;
    margin-left: -22px;
}

#navmenu_panel ul li li a.menu_steruj { display:none }


#navmenu_panel ul li {
    margin: 0px 1px 1px -20px;
    position: relative;
    list-style: none;
}


#navmenu_panel ul ul li  { opacity: .6}
 
 #navmenu_panel a.edit {    display: block;
    position: absolute;
    top: 0px;
    left: -35px;
    width: 20px;
    margin-right: 10px;
    overflow: hidden;
    height: 17px;
    background: url(img/ikony_panel.svg) no-repeat -147px -7px;
    background-size: 324px;
    /* border: solid 1px red; */
    text-indent: -300em;
    opacity: .2;
 
 }   
 
 #navmenu_panel a { color: white}  
#navmenu_panel a.widok_0 { 

    color: gray;
    text-decoration: line-through;
 

}     
 

/* ukrycie niepotrzebnych welementów menu   */


  
 
 

a.controlpanel {  
   position: fixed;
    bottom: 20px;
    left: -1px;
    display: block;
    color: gray;
    /* border: solid 1px gray; */
    padding: 2px 10px;
    border-radius: 5px;
    z-index: 20000;
    background: url(img/ikony_panel.svg) no-repeat -473px -63px rgba(25, 25, 25, 0.49);
    width: 60px;
    height: 40px;
    text-indent: -300em;
    box-sizing: border-box;
     }

a.controlpanel.pokaz {     background-position: -473px -14px;  }

 a.zamknijpanel {      
    position: absolute;
    top: 1px;
    right: 10px;
    color: gray;
    border: solid 1px gray;
    padding: 2px 10px;
    border-radius: 5px; 
   
    
    }


/* schowajmy drugi poziom */


ul#navmenu_panel li li li {

display: none;



}

ul#navmenu_panel li.otworz li {

display: block;



}
  
a.controlpanel {
    position: absolute;
    top: 88px;
    left: 47px;
    display: block;
    color: gray;
    /* border: solid 1px gray; */
    padding: 2px 10px;
    border-radius: 5px;
    z-index: 20000;
    background: url(img/ikony_panel.svg) no-repeat -473px -63px rgba(25, 25, 25, 0.49);
    width: 60px;
    height: 40px;
    text-indent: -300em;
    box-sizing: border-box;
    transition: position 1s;
}

#admin_belka.pokazana a.controlpanel { left: -0px   }
a.controlpanel.schowaj { left: 60px   }
a.controlpanel.pokaz {     background-position: -473px -14px; left:56px }

 a.zamknijpanel {      
    position: absolute;
    top: 1px;
    right: 10px;
    color: gray;
    border: solid 1px gray;
    padding: 2px 10px;
    border-radius: 5px; 
   
    
    }




#admin_belka a.kompania {  
            width: 100%;
    height: 84px;
    background: url(img/ikony_panel.svg) no-repeat -535px 0 rgba(25, 25, 25, 0.49);
    display: block;
    margin-bottom: 40px;
     }
     
     
     
     
.admin_belka1 {  padding:0px   ;     font-size:12px;    }

 .admin_belka2 { overflow:hidden;    
 overflow:hidden; position:absolute; bottom:0px; left:0px; 
width:100%; padding:5px 0px 5px 0px  ; 
color:gray ;font-style:italic; font-size:11px; background: #191919 ;     height: 20px;
box-sizing: border-box;
overflow: hidden;
 }
.admin_belka1:hover { width:100%; }
 



#admin_belka div.komunikat_logowanie {  width: 500px; margin: 30px auto;   }
#admin_belka div.komunikat_logowanie p{ color: #f5f5f5 ; font-size:14px  }





#admin_belka .mrg {  	}
.admin_belka2 input[type="text"] { background: #191919; border: none;   color: #cccccc; font-size:11px; padding-left: 5px}
.admin_belka2  b { margin-right: 20px ; color: #cccccc}

 
.admin_belkaszara {  
    margin-top: 0px;
    background: gray;
    padding: 3px 0 3px 0;
    font-size: 11px;
    height: 1px;
    overflow: hidden;
 }
 
 
.admin_belkaszara a { color: white}
.admin_belkaszara a:hover { color: #f5f5f5}

/* klawisze panelu */
#admin_belka  #nav {       width: 60px;}



.admin_belka1 #nav a { display: block; float: left; width: 40px; height:40px; text-indent:-300em; overflow: hidden; border:solid 2px gray;margin: 15px 10px 1px 10px;
-webkit-border-radius:  39px;-moz-border-radius:  39px;border-radius:  39px;
 				-webkit-transition: background 500ms ease-out 100ms;
    			-moz-transition: background 500ms ease-out 100ms;
    			-o-transition: background 500ms ease-out 100ms;
    			transition: cubic-bezier(0, 1.3, 0.62, 0.21) background 500ms ease-out 100ms;    			 
				background: url(img/ikony_panel.svg) no-repeat -5px -15px ;
}



/* belka w nowym oknie pozwalająca się przełączać do kolejnych okien   */
div#belka_podreczna { position:absolute; top:230px ; right: 5px; z-index: 100; opacity: .2 ; transition: opacity 500ms ease-out 100ms;  }
div#belka_podreczna:hover { opacity: 1}
div#belka_podreczna a { 
							background:white;
							display: block;
							width: 40px;
							height: 40px;
							text-indent: -300em;
							overflow: hidden;
							border: 2px solid #808080;
							margin: 15px 10px 1px;
							border-radius: 39px;
							transition: background 500ms ease-out 100ms;
							background: transparent url("img/ikony_panel.svg") no-repeat scroll -5px -15px;
 					}






/* panel, konta */
div.p_belka_g { border-bottom: dotted 1px gray; padding:  0px 0 20px 0; margin-bottom: 10px;  }
div.p_belka_g a { color: gray; font-weight: normal}
div.panel_kreska  { border-bottom: dotted 1px #cccccc; height: 2px; margin: 10px 0 10px 0   } /*kreska kropkowana jako spójny rodzielacz graficzny w pwnelu */









.admin_belka1 #nav a.dodaj {  background-position: -5px -15px }
.admin_belka1 #nav a.edytuj , div#belka_podreczna a.edytuj {  background-position: -348px -15px }
.admin_belka1 #nav a.konta {  background-position: -55px -15px }
.admin_belka1 #nav a.pliki , div#belka_podreczna a.pliki {  background-position: -101px -17px }
.admin_belka1 #nav a.rejestr , div#belka_podreczna a.rejestr  {  background-position: -152px -17px }
.admin_belka1 #nav a.ustawienia {  background-position: -206px -17px }
.admin_belka1 #nav a.schowek {  background-position: -255px -15px }
.admin_belka1 #nav a.pomoc {  background-position: -390px -15px }
.admin_belka1 #nav a.edytormenu {  background-position: -432px -15px }
.admin_belka1 #nav a.mapa_panel {  background-position: -303px -18px; }


  


.admin_belka1 #nav a.dodaj:hover {  background-position: -5px -65px ; }
.admin_belka1 #nav a.edytuj:hover {  background-position: -348px -65px ; }
.admin_belka1 #nav a.konta:hover {  background-position: -55px -65px }
.admin_belka1 #nav a.pliki:hover {  background-position: -101px -67px }
.admin_belka1 #nav a.rejestr:hover {  background-position: -152px -67px }
.admin_belka1 #nav a.ustawienia:hover {  background-position: -206px -67px }
.admin_belka1 #nav a.schowek:hover {  background-position: -255px -66px }
.admin_belka1 #nav a.pomoc:hover {  background-position: -390px -66px }
.admin_belka1 #nav a.edytormenu:hover ,.admin_belka1 #nav  a.edytormenu.selected {  background-position: -432px -66px }

.admin_belka1 #nav a.mapa_panel:hover {  background-position: -303px -66px; }


.admin_belka1 #nav a:hover { background-color: #cccccc;  border-color:#990000 }






.pole_admin {/* wyszazenie*/ background: #f5f5f5; border:solid 1px #cccccc; padding: 10px; border-radius: 10px; margin-bottom: 10px; width: 90% }
.pole_admin  label { color: gray; font-size: 13px; display:block ; margin: 10px 0 10px 0 }


/*adres */
#lista_kont.adresy div.linia  span.id { width: 60px;    }
span.rodzic a { width:25px;  height:25px;  display:block; text-indent:-300em; overflow: hidden ; background: url(img/user.png  ) no-repeat -200px -85px ; opacity: .4}
span.rodzic.rdz0 a  {  background-position: -198px -53px  }
span.autor a{  width:25px;  height:25px;  display:block; text-indent:-300em; overflow: hidden ; background: url(img/user.png  ) no-repeat -135px -52px ; opacity: .4   }
div.pn { display:block; position:absolute; right: 50px; top:104px; }
div.pn a , div.pn span { display:block; float: left; padding: 0px;  width:25px;  height:25px;  display:block; text-indent:-300em; overflow: hidden ; background: url(img/user.png  ) no-repeat -135px -52px ; opacity: .2 ; border: solid 1px #999999 ; border-radius: 4px; margin:2px }
div.pn a.ed {   background-position: -97px -91px   }
div.pn a.dod {   background-position: -135px -91px   }
div.pn span.del {   background-position: -96px -57px ; padding: 0px;    }
div.pn a:hover , div.pn span:hover { opacity: .7}
#lista_kont.adresy div.linia span.mapa   { display:block; position:absolute; right: 180px; top:9px;      width:25px;  height:25px;  display:block; text-indent:-300em; overflow: hidden ; background: url(img/user.png  ) no-repeat -169px -56px ; opacity: .4 ;   }

#lista_kont.adresy div.linia  span.nazwa { width: 490px;    }






/* KONTO  */
#lista_kont {}
#lista_kont p { margin: 10px 0 10px 0}
div.linia { position:relative ; padding: 6px; margin-bottom:1px; font-size:12px;  clear:both; min-height: 20px;   }
div.linia:nth-child(odd)	{ background-color:#fafafa;  border-bottom: solid 1px #e1e1e1 }
div.linia:nth-child(even)    { background-color:#f5f5f5;  border-bottom: solid 1px #dcdada  }

#lista_kont .linia  span { min-width: 30px; display: block; float: left }
#lista_kont .linia.status1 span.id {   text-decoration: line-through   }
#lista_kont .linia span.id {  width: 130px; overflow: hidden  ; max-width:150px; }
#lista_kont .linia span.nazwa {  width: 290px; overflow: hidden   }
#lista_kont .linia span.ikona {   position: absolute; left: 40px;  }
#lista_kont .linia span.ikona img { width: 20px ;height: auto}
#lista_kont .linia span.ic {  min-width:  15px!important;  overflow: hidden ; height: 15px; background-position: -112px -112px; background-image: url("/plugins/ui/css/custom-theme/images/ui-icons_888888_256x240.png");           }
#lista_kont .linia span.email.ic {   background-position: -80px -96px;  }
#lista_kont .linia span.grupy {    margin-left: 20px; }
 
#lista_kont .linia span.grupa {  position: relative; background: #f5f5f5;  padding: 5px;  border: solid 1px #cccccc;  margin: 2px;  float: left;  border-radius: 5px; font-size:11px; padding-left: 15px }
#lista_kont .linia span.locked.st1 {     background-position: -192px -96px;      } 
#lista_kont .linia span.locked.st0 {       background-position: -208px -96px;     } 

#lista_kont .linia span.grupa::before {
position:absolute;
content: ""; left: 18px; 
  width: 15px;
  height: 15px;
  display: block;
  margin: -3px 0 0 -19px;
  background-image: url("/plugins/ui/css/custom-theme/images/ui-icons_888888_256x240.png");}

#lista_kont .linia span.grupa.r_1::before { background-position: -144px -96px; }
#lista_kont .linia span.grupa.r_2::before {   background-position: -176px -112px; }



/*  */
.grupy_select  {  float: right; width: 300px; position:relative ; margin-right: 20px;  }
.grupy_select select { padding: 6px; margin: 4px; width: 150px;   }
.grupy_select a , .grupy_select span { opacity:.5;  position:absolute; top: 0px; left: 170px; overflow: hidden; text-indent: -300em; 
width: 39px; height:34px; background: url(img/user_grupy.png) no-repeat 0 0  }
.grupy_select span.dodaj { left: 210px; background-position:-40px;  }
.grupy_select span.del { left: 250px; background-position:-72px;   }
.grupy_select a:hover , .grupy_select span:hover { opacity: 1} 
/*  UPLOADER  */
.ajax-file-upload-statusbar { width: 320px; }
.ajax-file-upload-filename {width: 100%;height: auto;margin: 0 5px 5px 10px;color: #807579}
.ajax-file-upload-progress {margin: 0 10px 5px 10px;position: relative;width: 250px;border: 1px solid #ddd;padding: 1px;border-radius: 3px;display: inline-block}
.ajax-file-upload-bar {background-color: #c80000;width: 0;height: 20px;border-radius: 3px;color:#FFFFFF;}
.ajax-file-upload-percent {position: absolute;display: inline-block;top: 3px;left: 48%}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload { width: 60%; margin:50px  auto 0 auto;
padding: 15px 20px;	cursor:pointer;		line-height:20px; 
  text-decoration: none;  border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -moz-box-shadow: 0 2px 0 0 #e8e8e8;  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8;   padding: 6px 10px 4px 10px;   color: #fff;  background: #c80000;  }
  
.ajax-file-upload:hover {      background: red;      }
.ajax-upload-dragdrop  { background:  #f5f5f5;  position: relative ;   height: 150px; margin: 20px 0 20px 0; border:1px dotted gray;	width:90%;color: #DADCE3;	text-align:center;vertical-align:middle;	padding: 0px;}

.ajax-upload-dragdrop b {  display:block; margin-top: 20px;}



/* adresy menu */





#menus ul li { margin: 5px;} 
a.button_dol ,  a#back-top  {
 
    position: fixed;
    bottom: -26px;
    z-index: 1002;
    display: block;
    text-align: center;
    text-decoration: none;
    color: white;
 
    transition: .5s;
    background: gray;
      border: solid 2px gray;
    border-radius: 120px;
    width: 40px;
    height: 61px;
     
    opacity: .6;
    overflow: hidden;
    text-indent:-300em;
    background: url(img/ikony_panel.svg) no-repeat  ;
    
}


a#back-top {       right: 65px;  

 
   
     background-position: -540px -68px;

 }
a.button_dol  {     
    right: 18px;
    background-position:  -56px -64px;
   
    }


 
 
body#nowe_okno  a.button_dol  , body#nowe_okno a#back-top  { display:none!important }






.nawigacja {    float: right;     margin-top: 37px;} /* news filtr */

/* YOUTUBE */
.ytb { width:100%; height: 400px;    background-position: center; background-repeat: no-repeat;    position: relative; display: block; overflow: hidden;  transition: all 200ms ease-out;  cursor: pointer;  margin: 40px auto 0 auto;}
.ytb .play {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ+CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 64px 64px;    position: absolute;    height: 100%;    width: 100%;    opacity: .8;    filter: alpha(opacity=80);    transition: all 0.2s ease-out;
}

.ytb .play:hover {    opacity: 1;    filter: alpha(opacity=100);}

.ytb img { display:none}

a.panelinfo { display: block; position:absolute; bottom:1px; left: 1px; font-size: 9px; color: gray}




#ajaxloader1 { border: solid 1px gray; position: fixed; top: 11%; left: 50%; width: 100px; background: white; z-index:1000; text-align: center; opacity: .6; border-radius: 20px}


/* kalendarz */
.kalendarz .main { min-height: 300px}
.kalendarz .belka h2 {float: left}
.kalendarz div.sterowanie { float:right; margin-left: 30px; margin-top: 30px;}
.kalendarz div.tryby { float:right; margin-left: 30px; margin-top: 30px;}

.kalendarz div.sterowanie a , .kalendarz div.tryby a { display: block; float: left; margin-left: 29px;  text-decoration:none}

.kalendarz div.tryby a.selected {  background: var(--mocny); color: white; padding: 1px  6px 1px 6px; border-radius: 20px;             }
.kalendarz div.sterowanie a.next, .kalendarz div.sterowanie a.prev {   border: solid 1px var(--mocny);
    color: var(--mocny);
    width: 22px;
     
    border-radius: 17px;
    padding: 1px;
    opacity: .9; transition: 1s;  text-align: center  ; margin:  0px 20px 0px 20px          }
    
 .kalendarz div.sterowanie a.dzis { margin-left: -5px;     }   
    
    
.kalendarz div.sterowanie a:hover { opacity: .3   }
.kalendarz .kalendarz_karta {  min-height: 300px;   overflow:hidden;  margin-bottom: 20px;         }
.kalendarz .row.main { padding: 20px 0 40px 0 }
.kalendarz a.dzis { opacity: .4}
.kalendarz a.selected { opacity: 1}

.kalendarzyk table { width: 100%}
.kalendarzyk  td {  text-align: center; padding: 5px 0 5px 0; border-bottom:solid 1px #f5f5f5 }
.kalendarzyk  td a {  color:black; text-decoration: none }
.kalendarzyk  td.swieto a{ color: var(--mocny)}
.kalendarzyk  td.sobota a{ color: gray}

.kalendarzyk  td.dzis { border-bottom:solid 2px var(--mocny)}
.kalendarzyk  td.selected {  background:  #f5f5f5}
.kalendarzyk .naglowek { font-size: 22px;    margin-bottom: 13px;    text-align: center;}
.kalendarzyk .naglowek sup{ font-size: 12px;    }

.kalendarz_karta .karta {    min-height:200px;  position:relative    }
.kalendarz_karta .karta:nth-child(4n+1) { clear:both}

.kalendarz_karta .karta .naglowek .dzien { font-size: 18px;    display: block;    margin-top: 20px;}
.kalendarz_karta .karta.swieto .naglowek   {  color:var(--mocny) }

.kalendarz_karta .karta .naglowek .cyfra { font-weight: bold;          }
.kalendarz_karta .karta .naglowek .miesac {  font-size:11px  }
.kalendarz_karta .karta .naglowek { border-bottom: solid 1px  #f5f5f5; margin-left: -10px;margin-right: -10px }

.kalendarz_karta .karta a.dodaj {
    position: absolute;
    right: 20px;
    top: 34px;
    font-size: 28px;
}

.kalendarz div.debug { display:none}
.kalendarz_karta .karta div.event { border-bottom: solid 1px #f5f5f5; font-size: 14px; padding:26px 10px 6px 0; overflow:hidden; margin-left: -11px;}
.kalendarz_karta .karta div.event span.godz { font-size:15px ; color: var(--szary); display:block; }
.kalendarz_karta .karta div.event.ukryty .tresc {  opacity: .4  }


.kalendarz div.row.main { background: white;}

#formularz_edit { background: white; padding: 10px 0 20px 0; }
#formularz_edit label { font-size: 11px; color: gray }


/* formatka CONFIG */
.fconfig .grupa h2 {
	border-bottom: solid 1px #8080801c;
	padding: 11px 0 7px;
	font-weight: unset;
}
.fconfig .grupa h2 sup { font-size: 14px;     }

.fconfig .klucz {
	display: block;
	width: 158px;
	float: left;
	opacity: .5;
}
.fconfig .linia a.edytuj {
	display: block;
	width: 33px;
	height: 32px;
	background: url(img/user.png) no-repeat -74px -70px;
	float: right;
	text-indent: -300em;
	overflow: hidden;
	border: ;
	margin-top: -6px;
	/* border: solid 1px red; */
	background-size: 192px;
}



.fconfig .linia textarea {
	width: 96%;
	padding: 12px;
	border: none;
}

 


.fconfig .linia .modul , .fconfig .linia .moduldwa  {
	width: 40%;
	margin-bottom: 15px;
	float: left;
	margin-top: 19px;
	 
}

.fconfig  .conf_anuluj {
	float: right;
	margin-right: 17px;
}

.fconfig .linia .moduldwa input {
	width: 19px;
}

.fconfig div.miejsce_formularzy {
    
    margin-top:20px;
    
    
    
}


div.addZmienna {
	padding: 26px 0px;
}