body {
    font-family:  "Tahoma", "Verdana", "Arial", "Arial CE", "Helvetica";
	font-size:12px;
} 
p,TD,TR,li,ul,blockqoute {
    font-family:  "Tahoma", "Verdana", "Arial", "Arial CE", "Helvetica";
	font-size:1.0em;
} 
body {  
	margin:5px;
    color: #000000;
/*	background-color: #ECECEC;  /* bugs */
	background-color: #fbfbfb;  /* bugsdev */
/*	background-image: url("rys/tlo2.jpg");*/
/*	background-repeat: no-repeat;*/
/*    background-position: center top;*/
/*	background-attachment: fixed;*/
} 

.reds {
	color:red;
	font-weight:bold;
} 
div.banner { 
	width:100%;
	max-width: 1196px;
	height:40px;
	position:fixed;
	top:5px;
	background-image:url(../rys/simple_tlo.jpg);
	border:1px solid #0000FF;
	text-align:center;
	border-radius:6px;

}
.bannerl {
	margin:5px;
	float:left; 
	font-size:1em;
	font-weight:bold;
	color:white;
}
span.bannerp {
	padding:10px;
	float:right;
	font-size:1em;
	font-weight:bold;
	color:white;
} 
span.bannerp a:link { 
	color:red;  
}
span.bannerp a:visited {
   color:red; 
}


      /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */

      /* wygląd głównego elementu - ol */
      ol {  
        list-style-type:none;
        padding:0;
        margin-bottom:0;
		margin-top:0px;
		position:fixed;
		/*margin-top:50px; */

      /*background-color:#ECECEC; */
     /*   font-size:18px;*/
        height:2.1em;
        line-height:1.9em;
        text-align:center;
		margin-left:auto;
		margin-right:auto;
      } 

      /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
      ol a {
        display:block;
        text-decoration:none;
        /*color:#003399; */
        color:#0066cc; 
        padding:0 5px; 
		font-weight:bold;
		text-shadow:1px 1px 0px #BBB;
      } 

      /* wygląd elementów - li - wszystkich dzieci elementu - ol */
      ol > li {
        float:left;
        width:113px; 
        margin-left: 0px;
        margin-right:0px; 
		margin-bottom:3px;
		font-size:1em;
        background-color:#FDD700;
        height:2.3em;
		background-image:url(../rys/tr_tlo2.jpg);
				 border-radius:3px;
      }

      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
      ol > li:first-child {
        margin-left:0;
      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover {
        background-color:#EEE;
      } 

      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > a {
        color:#FFF; 
      }

      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > ul {
        display:block;
      }
 
      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

      /* wygląd głównych rozwijanych elementów - ul */
      ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
        margin:0;
      } 
 
      /* wygląd elementu - li - w części rozwijanej */
      ol > li > ul > li {
        position:relative;
       /* background-color:#EEE; */ 
	 /**   border-radius:6px; **/
	    background-color:#FFFFEF;  
	/*	background-image:linear-gradient(#DDD, #AAA);   */
		background-image:linear-gradient(#EAEAEA,#CACACA);  
	 height:2.3em;
      }

      /* wygląd elementu - a - w części rozwijanej */
      ol > li > ul > li > a {
        border-top:1px solid #EEE;
 	    /*white-space:nowrap; */ 
     } 

      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
      ol > li > ul > li:hover {
        background-color:#DDD;
		background-image:linear-gradient(white,#D8D8D8); 
      }
 
      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
      ol > li > ul > li:hover > a {
        color:#09C;
      }
/* --------------------------------------- koniec menu --------------------------------------------*/

span.lnkstyle {
	color:#003399;
	font-weight:bold;
}

td > A {COLOR: #245BEE;  font-weight: bold; TEXT-DECORATION:none}
td > A:link {COLOR: #245BEE;  font-weight: bold; TEXT-DECORATION: underline}
td > A:visited {COLOR: #245BEE;  font-weight: bold; TEXT-DECORATION: underline}
td > A:active {COLOR: #245BEE;  font-weight: bold; TEXT-DECORATION: underline}
td > A:hover {COLOR: #B22222;  font-weight: bold; TEXT-DECORATION: underline}

hr.gruba_kreska {
	color:#4682B4; 
	margin:5px;
	height:4px;
    border: 1px solid #87CEEB;
}
 

TR.biztech {
    color: #ffffff;
    background-color: #00BFFF; 
    font-family: "Tahoma", "Verdana", "Arial", "Arial CE", "Helvetica";
    font-weight: bold;
    font-size:   1.0em;

}

TR.tech {
    color: #ffffff;
    background-color: #FF0000;
    font-family: "Tahoma", "Verdana", "Arial", "Arial CE", "Helvetica";
    font-weight: bold;
    font-size:   1.0em;
}

.pad8 {
	border-spacing:10px;
}

.tabeladanych {
	border: 2px solid #338BA6;
	border-collapse: collapse;
}

.tabeladanych td, .tabeladanych th {
   border: 1px solid #73C0D4;
   	padding: 3px;
	font-size:1em;
} 

.tytul,div.tytul {
	font-size:11pt; 
	font-weight:bold;
	line-height:200%;
}
.tytul_maly,div.tytul_maly {
	font-size:10pt; 
	font-weight:bold;
	line-height:200%;
	margin:10px;
}

.tytul2,div.tytul2 {
	font-size:13pt; 
	font-weight:bold;
	line-height:200%;
	margin-top:20px;
	margin-bottom:20px;
}


.warn {
	width:720px;
	text-align:center;
	vertical-align:middle;
    font-family:  "Verdana","Tahoma", "Arial", "Arial CE", "Helvetica";
	font-size:12px;
	color:red; 
	background-color:white;
	padding:15px;  
	margin:15px;
	border:2px solid gray;
}

.lnk {
	color:#0073e6;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
	padding:7px;
}

#nawigacja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-bottom: 10px;
}
#nawigacja ul {
	list-style: none;
	margin: 5px;
	padding: 0;padding-top: 4px;
}
#nawigacja li {
	display: inline;
	margin-right: 5px;
}
#nawigacja a:link, #nawigacja a:visited {
	padding: 3px 10px 2px 10px;
	color: #FFFFFF;
	background-color: #0099FF;
	text-decoration: none;
	border: 1px solid #711515;
}
#nawigacja a:hover {
	color: #FFFFFF;
	background-color: #0000AA;
}

.k1 {
	background-color:#98C8FF;
}
.k2 {
	background-color:#C9C9C9;
}
.k3 {
	background-color:#FFC480;
}
.k4 {
	background-color:#CDC77B;
}

.td1 {
	background-color:#E0FFFF;
}
.td2 {
	background-color:#EEEEEE;
}
.td3 {
	background-color:#FFEE99;
}
.td4 {
	background-color:#E4D97F;
}

.td_opis {
	text-align:right;
	font-weight:bold;
	padding-right:8px;
}
.td_tresc {
	text-align:left;
	font-weight:normal;
	padding-left:8px;
}

.backinfo {
	text-align:center;
	vertical-align:middle;
    font-family:  "Verdana", "Tahoma", "Arial", "Arial CE", "Helvetica";
	font-size:11px;
	color:gray; 
	padding:10px;  
	margin:20px;
}

/*.formObszar {*/
/*	width:850px;*/
/*	border-radius:10px;*/
/*	margin:15px;*/
/*	padding: 10px;*/
	/*background-color:white;*/
/*	border: 2px solid #c7e0e7;*/
/*}*/

.opis, div.opis {
	width:150px;
	font-weight:bold;
	margin:5px;
	text-align:right;
	display: inline;
} 

.dane {
	margin:5px;
}
.fieldset { 
	border: 1px solid #c7e0e7; 
	padding: 10px; 
	border-radius:5px;
	margin:10px;
	width:800px;
}

.error_msg, div.error_msg {
	font-weight:bold;
	margin:10px;
    font-family:  "Verdana", "Tahoma", "Arial", "Arial CE", "Helvetica";
	font-size:12px;
	color:red; 
}	

.big_error, div.big_error {
	font-weight:bold;
	margin:10px;
    font-family:  "Verdana", "Tahoma", "Arial", "Arial CE", "Helvetica";
	font-size:15px;
	color:red; 
}	

.buglist {
	border: 1px solid #555555;
	border-collapse: collapse;
}
.buglist td {
	padding: 5px;
}
.buglist th {
	background-color:#ECECEC;
	text-align:left;
	padding: 5px;
}

.kalendarz, div.kalendarz {
	width:150px;
	margin:3px;
	background-color: white;
	vertical-align:top;
	font-size:0.95em;
}
.absencja, div.absencja {
	width:150px;
	margin:3px;
	background-color: #EFEFEF;	
	vertical-align:top;
}
.sumaDnia, div.sumaDnia {
	width:150px;
	margin:3px;
	background-color: #FFFACD; 	/* lemon-chiffon */
	color:#00008B;	/* darkBlue */
	vertical-align:top;
	font-size:0.95em;
}
.psumaDnia, div.psumaDnia {
	width:150px;
	margin:3px;
	background-color: #DBFFB8;	/* lemon-chiffon */
	color:#248F24;	/* darkBlue */
	vertical-align:top;
	font-size:0.95em;
}
.scrollview {
	width:1200px;
	height:300px;
	/*margin-left:5px; */
	padding:5px;
	overflow:scroll;
	background-color:white;
	border: 1px solid #999999;
	
}

.noscrollview {
	width:1184px;
	height:32px;
	overflow:hidden;
	/*margin-left:5px; */
	padding:5px;
	background-color:white;
	border: 1px solid #999999;
	position:absolute;
	text-align:left;
}

.blockdata {
	background-color:#F6F6F6;
	border: 1px solid #DDDDDD;
	border-radius:10px;
	margin:10px;
	padding:10px;
	font-size:0.95em;
}

.pr  { 
	text-align:right;
	padding-right:10px;
}
.forum_simple_form {
	display: none;
}

.tluste {
	font-weight: bold;
}

@media screen and (max-width:1048px){
	.rwd_table {
		overflow-x:scroll;
	}
} 

.scrollRegion  {
    background-color: #eee;
    width: 900px;
    height: 400px;
    border: 1px dotted black;
    overflow: scroll;
}

a:hover {
    background: #ffffff;
    text-decoration: none;
}
 
a.podpowiedz span {
    display: none;
    padding: 8px;
    margin-left:-15px;
    width: 300px;
}
img {
	border: none;
}

/*
a.podpowiedz:hover span{
    display: inline;
    position: absolute;
	margin: 15px 0 0 -15px;
    background:#FEFEFE;
    border: 1px solid #b30000;
    color: #000000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align: center;
}
*/

.week_plan td {
	text-align:center;
	font-weight:bold;
	font-size:100%;
	padding:7px;
	background-color:white; 
}

.czas_inp {
	width:30px;
	text-align:right;
}

.userinfo {
	text-align:left;
	vertical-align:center;
	/*font-size:14px;*/
	/*line-height: 1.2;*/
	width:700px;
	margin:10px;
	color:blue; 
	background-color:#88ffff;
	padding:4px;
	border:1px solid gray;
}

.but-style {
	border:1px solid #aaaaaa;
	border-radius:8px;
	border-style:outset;
	padding:5px;
}

/* Przykład zakładek */
div.tabs {
	min-height: 600px;		/* Brak wysokości: można zwiększyć jeśli :target nie działa */
	position: relative;		/* Ustawienie bloku zawierającego */
	line-height: 1;			/* Łatwiej z tym liczyć */
	z-index: 0}				/* Po to, aby umieścić rzeczy za */
div.tabs > div {
	display: inline}		/* Chcemy ustawić wszystkie przyciski w jednej linii */
div.tabs > div > a {
	color: black;			/* Bardziej przypomina przycisk niż link */
	background: #ECECEC;	/* Aktywne zakładki są podświetlone na szaro */
	padding: 0.3em;			/* Trochę przestrzeni do oddychania */
	border: 0.1em outset #BBB; 	/* Jeszcze bardziej przypomina przycisk */
	border-bottom: 0.1em solid #ECECEC} /* Wizualne połączenie zakładek z ich ciałem */
div.tabs > div:not(:target) > a {
	border-bottom: none;		/* Usuwamy dolne obramowanie */
	background: #ABABAB}		/* Nieaktywne zakładki są ciemnoszare */
div.tabs > div:target > a,		/* Dodaj target do zakładki lub... */
:target #default2 > a {			/* ... do domyślnego elementu */
	border-bottom: 0.1em solid #ECECEC; /* Wizualne połączenie zakładek z ich ciałem */
	z-index: 0;
	background: #ECECEC}		/* Aktywne zakładki są podświetlone na szaro */
div.tabs > div > div {
	background: #ECECEC;		/* Szare podświetlenie */
	z-index: -2;			/* Pod spód, ze względu na obramowanie */
	left: 0; top: 1.3em;		/* Na górze potrzebujemy pewnych obliczeń */
	bottom: 0; right: 0;		/* Pozostałe kierunki zerujemy blokiem */
	overflow: auto;		/* Pasek przewijania, jeśli jest potrzebny */
	padding: 0.5em;		/* Wygląda lepiej */
	border: 0.1em outset #BBB}	/* Wygląda jak 3D */
div.tabs > div:not(:target) > div { /* Dla standardu CSS1 i CSS2 */
	position: absolute }		/* Wszystkie te DIV-y się pokrywają */
div.tabs > div:target > div, :target #default2 > div {
	position: absolute;		/* Wszystkie te DIV-y się pokrywają */
	z-index: -1}			/* Wysuń je nad */

.padd-table td {
	padding: 5px;
}

.pdf {
	width: 100%;
	aspect-ratio: 4 / 3;
}
.pdf {
	height: 100%;
	margin: 0;
	padding: 0;
}