@charset "UTF-8";
* {margin: 0; padding: 0;}

html, body { 
min-height: 100%; 
height:100%; 
background:url(zdj/bg.gif);	
font: 13px Arial, Helvetica, sans-serif;
}

.clear{clear:both; float:none}

.kat_c2, .kat_c3, .kat_c4{display:none}

.prog_show{display:none; position:fixed; top:10%; left:5%; width:90%; z-index:557;}


.files ul{display:block; padding:0; list-style: none;}
.files ul li{display:block; border:solid 2px #05693d; padding:10px; margin:4px;}

#loa{position:fixed !important; background: url(zdj/bg-doc.png) 0px 0px; width:100%; height:100%; display:none; z-index:555;}
.sciezka_top{position:relative;  height:40px; z-index:400; text-align:left; float:left; display:block;}
.sciezka_top ul{display:block; margin:0;padding:0; list-style: none;}
.sciezka_top ul li a{display:block; font-size:14px; color:#000}

a.sciezz:link, a.sciezz:visited{text-align: left; float:right;  display:block; padding:4px; text-decoration: none; color:#000; font-size:13px; transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
a.sciezz:hover, a.sciezz:active,a.sciezz:focus{background-color:#ccc; color:#222;}


.prodo tr:hover{background-color:#eee;}
.prodo td{font-size:14px;}


.cke_combopanel {
width: 290px !important;
height: 320px !important;
}
.cke_combopanel__styles {
width: 290px !important;
height: 320px !important;
}




p {margin-bottom: 0px; margin-top: 0px;}

object {display: block;}
ul{display: block; margin-left:20px;}
ol{display: block; margin-left:20px;}
hr {
height: 1px; 
color:#cccccc;
background-color: #cccccc;
border: 0;
}

td{font: 14px Arial, Helvetica, sans-serif; padding:5px 2px;}
div{font: 14px Arial, Helvetica, sans-serif;}
table {
	margin-left: auto;
	margin-right: auto;
	width:100%; padding:20px;
}


a.iframe-btn:link,  a.iframe-btn:visited{text-decoration: none; color: #fff; padding:10px;}
a.iframe-btn:hover, a.iframe-btn:active, a.iframe-btn:focus{text-decoration: none; color: #fff}


.wykres_padd{display:block; padding-bottom:210px;}
.wykres{position:relative; width:100%; height:100px;}
.wykres_el{float:left; width:5%; height:100%; position:relative; display:block;}
.wykres_el_margin{margin:5px;}
.wykres_el_graf{background-color:#0084aa; height:0%; width:90%; display:block; position:absolute; bottom:0px;}



.wykres_nazwa{position:absolute;  font-size:12px; bottom:-170px; text-align:left;
-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
width:300px; margin-left:-140px; 
}




.logowanie{position:absolute; background-color:#333; padding:20px; width:400px;left:50%; margin-left:-200px; top:30%; opacity: 0;filter: alpha(opacity=0);
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}
.error{background-color:#ff0000; color:#fff; font-weight:bold; font-size:16px; display:block; padding:5px;}
.info_alert{color:#ffd800; font-size:18px; font-weight:bold;}

.alert{background-color: #ffffff;  font: bold 16px Arial;  color: #ff0000; width:400px;}

.info{position:absolute; display:none; background-color:#ececec; border-left:solid  1px #111; border-right:solid  1px #111; border-bottom:solid  1px #111; padding:13px; color:#ff0000; font-size:13px; font-weight:bold; z-index:100000;}

select{margin:3px;background-color: #ffffff;  text-align: left;  border: 1px solid #cccccc; color: #444444; min-width:150px;}
option{padding:2px;color: #444444;}
input{margin:3px;background-color: #ffffff;  padding:3px; text-align: left;  border: 1px solid #cccccc; color: #444444;}
.art{margin:1px;background-color: #ffffff;  padding:1px; text-align: left;  border: 1px solid #cccccc; color: #444444;}


#submit, .btn{
text-shadow: 2px 2px 2px #000;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;
font-size:16px;cursor:pointer; margin:5px;background-color: #0c78cb;  padding:10px;  text-align: left;  color: #ffffff; font-weight:bold;}
#submit:hover, .btn:hover{cursor:pointer; margin:5px;background-color: #222;  padding:10px;  text-align: left; color: #fff; font-weight:bold;}

.btn, .btn:hover{font-size:16px; padding:4px;}

#zakladki{position:relative; display:block; width:80%; margin:auto; margin-bottom:20px; display:none;}

#sortable { list-style-type: none; margin: 0; padding: 0;  position:relative; min-width:850px; width:100%}
#sortable li {border:solid 1px #ccc; padding:10px; min-height: 30px; margin:3px; }
#sortable li:hover {background-color:#ececec; border:solid 1px #000; padding:10px;  margin:3px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}



.me_lista{float:left; width:40px; position:relative;padding-top:5px}
.lista_nazwa{width:400px; font-size:15px; font-weight:bold;}
.lista_nazwa_m{width:150px; font-size:16px; font-weight:bold;}
.kto{width:100px;}

.drag{float:right;  cursor:move; z-index:999; color:#ff0000; font-weight:bold; margin-top:-3px;}
.doc{text-align: left; padding:10px; display: block;}



.sciezka{display:block; position:relative; color:#f9d900;}
.info_dod{color:#000; font-size:50px;  text-align:left; font-family: Impact, Charcoal, sans-serif; padding:10px}
.opc{font: 11px Arial, Helvetica, sans-serif;}
.zakladki_add{color:#FF0000; font-size:40px;  text-align:left; font-family: Impact, Charcoal, sans-serif; padding:10px}
.ilosc_zak{font: 14px Arial, Helvetica, sans-serif; color:#fff;}

header, footer, aside, nav, article {
display: block;
}




.hide { 
display: none;
}
.naglowek-menu{color: #000000; font-size: 16px; background-color: #ffffff; padding:3px;}

.me_pok{cursor:pointer; position:absolute; top:5px; right:5px;}
.menu{background-color: #fff;  padding:10px;margin-bottom:10px;}


.menu ul{margin: 0px;padding: 0px;list-style-type: none; position:relative; z-index:50;}
.menu ul li{font-size:15px; font-weight:bold;  margin:2px; color:#fff; background-color:#555; padding:10px; position:relative; float:left; cursor:pointer;}
.menu ul li:hover{background-color:#eee; color:#000;}
.menu ul li ul{position:absolute; display:none; width:270px; background-color:#eee; top:35px; left:-1px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.menu ul li ul li{ font-size:12px; padding:0px;  float:none; display:block; border:solid 0px #eee; margin:0px;}


.menu ul li a{font-weight:normal;  background-color:#eee; color:#444;  padding:7px 0px 7px 10px; text-align: left; display:block; text-decoration: none;}
.menu ul li a:hover, .menu ul li a:active,.menu ul li a:focus{color:#000; background-color:#ccc;}





legend{margin-left:40px; padding:4px; color: #ffffff; background-color: #bd0000;   border: 2px solid #ffffff; font-size:34px;  text-align:left; font-family: Impact, Charcoal, sans-serif; padding:10px}
fieldset {padding:10px;position:relative; text-align: left; background-color: #ffffff; margin:auto; width:80%; font: 12px Arial, Helvetica, sans-serif; color:#000}
  

a.powrot:link, a.powrot:visited {font: 14px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffcc00;  transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
a.powrot:hover, a.powrot:active,a.powrot:focus{color:#fff;}

a.wyl:link, a.wyl:visited {font: 16px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffcc00;  transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
a.wyl:hover, a.wyl:active,a.wyl:focus{color:#fff;}


a:link {text-decoration: none; color: #777777; }
a:visited {text-decoration: none; color: #777777;}
a:hover {text-decoration: none; color: #ff0000;}
a:active {text-decoration: none; color: #ff0000;}