*    { font-family:Verdana; font-size:11px;  }
body { margin:0px; color:#555555; }

form     { margin:0px; padding:0px; }
fieldset { margin:0px; padding:0px; border:0px; }
img { border:0px; }
td { vertical-align:top; }
.details td { padding:4px; }

a         { color:#4A6A84; text-decoration:none; }
a:hover   { text-decoration:underline; }
a.menu_on { color:#FFA200; font-weight: bold; }

h1 { font-size:14px; color:#4A6A84; font-weight:bold; }
h2 { font-size:12px; color:gray; font-weight:bold; }     

.button_on_white { width: 167px; height: 35px; border: none; background-color: white; background-image: url('../images/layout/btn_background.gif'); background-repeat: no-repeat; color: white; }
.button_on_panel { width: 135px; height: 30px; border: none; background-color: #CDD9D1; background-image: url('../images/layout/panel_btn_small_background.gif'); background-repeat: no-repeat; color: white; }          
.button_print    { width: 35px; height: 35px; border: none; background-color: white; background-image: url('../images/layout/btn_drukuj.gif'); background-repeat: no-repeat; color: white; }

.readonly { background-color: silver; }       
.disabled { background-color: silver; }

.orange { color:#E69200; }
.red { color:red; }

.date { width:100px; font-weight:bold; }          
.date a { font-weight:bold; }          
.datetime { width: 140px; }
.aktywny_0 { text-align: center; color: red; }
.aktywny_1 { text-align: center; }
.tekst { text-align: justify; }
.footer { clear: both; font-size: 9px; text-align: center; }

/* Formularz */  
.divField              { margin-top: 2px; }
.divField .divLabel    { padding: 1px; float: left; overflow: hidden; }
.divField .divName     { line-height: 17px; overflow: hidden; }
.divField .divDesc     { font-size: 9px; padding-top: 2px; color: gray; }
.divField .divElement  { float: left; margin-bottom: 2px; }
.divField .divError    { clear: both; padding: 1px; color: red; }
.divField .divFullDesc { clear: both; padding: 1px; font-size: 10px; color: gray; }

.divForm                        { clear: both; padding: 10px; }
.divForm .divField              { position: relative; margin-bottom: 3px; }
.divForm .divField_left         { float: left; }
.divForm .divField .divLabel    { float: left; width: 135px; overflow: hidden; }
.divForm .divField .divName     {  }
.divForm .divField .divElement  { float: left;  }
.divForm .divField .divDesc     { clear: both; font-size: 9px; color: gray; }
.divForm .divField .divFullDesc { clear: both; font-size: 9px; color: gray; }
.divForm .divField .divError    { clear: both; font-size: 9px; color: red; padding-top: 2px; }
.divForm .divField .divRadio	  { margin-bottom: 2px; text-align: center; }
.divForm .divLangGroup          { margin-top: 10px; background-color: gray;  }
.divForm .divLangPanel          { background-color: gray; text-align: right; }
.divForm .divButtons	          { margin-top: 20px; }
.divForm .divFormFooter         { margin-top: 3px; font-size: 9px; color: gray; }
.divForm .divSectionHeader      { clear:both; padding:3px; margin-top:10px; margin-bottom:10px; background-color:#9DB1B2; font-weight:bold; }

/* Tabele */
.tab            { width: 100%; border: 1px solid #4a6a84; }
.tab th         { background-color:#37546c; padding: 2px 4px 2px 4px; margin:0px; color:#ffffff; border-left:1px solid #294053; border-bottom:1px solid #ffffff; }
.tab .left_col  { width: 30px; border-left: 0px; text-align: right; }
.tab td         { padding: 2px 4px 2px 4px; margin:0px; border-left:1px solid #cccccc; }
.tab .r0        { background-color:#ffffff; }
.tab .r1        { background-color:#dce3de; }
.tab .over      { background-color:#F0F0F0; }
.tab .uwagi     { color:#E69200; }
.tab .zmienione { color:red; }
.tab .podswietl { background-color:orange; }

/* PageBar */
.page_bar               { color: gray; text-align: center; }
.page_bar .active       { color: #4A6A84; font-weight: bold; }
.page_bar .link         { color: #4A6A84; text-decoration: none; }
.page_bar .link a:hover { text-decoration: underline; }

/* Terminarz */
#terminarz { border: 1px solid #4A6A84; }
#terminarz .naglowek { clear: both; background-color: #4A6A84; color: white; font-weight: bold; text-align: center; }
#terminarz .naglowek a { color: white; text-decoration: none; }
#terminarz .kolumna { float: left; border-right: 1px solid #4A6A84; background-color: #4A6A84; text-align: center; overflow: hidden; }
#terminarz .kolumna .top { clear: both; background-color: #4A6A84; color: white; font-weight: bold; text-align: center; }
#terminarz .kolumna .dzien0 { clear: both; background-color: #E0E0E0; } /* niedziela */
#terminarz .kolumna .dzien0:hover { background-color: silver; }
#terminarz .kolumna .dzien1 { clear: both; background-color: white; }
#terminarz .kolumna .dzien1:hover { background-color: silver; }
#terminarz .kolumna .dzien2 { clear: both; background-color: white; }
#terminarz .kolumna .dzien2:hover { background-color: silver; }
#terminarz .kolumna .dzien3 { clear: both; background-color: white; }
#terminarz .kolumna .dzien3:hover { background-color: silver; }
#terminarz .kolumna .dzien4 { clear: both; background-color: white; }
#terminarz .kolumna .dzien4:hover { background-color: silver; }
#terminarz .kolumna .dzien5 { clear: both; background-color: white; }
#terminarz .kolumna .dzien5:hover { background-color: silver; }
#terminarz .kolumna .dzien6 { clear: both; background-color: #F0F0F0; } /* sobota */
#terminarz .kolumna .dzien6:hover { background-color: silver; }
#terminarz .kolumna .zadanie { float: left; overflow: hidden; cursor: pointer; }
#terminarz .kolumna .zadanie1 { float: left; overflow: hidden; cursor: pointer; border-top: 1px solid #4A6A84; }
#terminarz .kolumna .zadanie_ogolne {  }
#terminarz .kolumna .separator { clear: both; height: 1px; background-color: #4A6A84; }

/* CLEARFIX */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* END CLEARFIX END */

#divTop { width: 986px; height: 161px; margin: 0px auto; }

#topLeft { float: left; width: 200px; height: 71px; padding: 90px 0px 0px 3px; background-image: url('/images/layout/top_left_background.gif'); overflow: hidden; }
#topLeft .label { color: #D4DCE8; font-size: 10px; }
#topLeft .value { color: white; font-size: 11px; margin-bottom: 5px; }

#topCenter { float: left; width: 580px; height: 161px; background-image: url('/images/layout/top_center_background.gif'); position:relative; }        
#topCenter #topMenu { width: 580px; height: 48px; }
#topCenter #topMenu ul.menu { margin:0px; padding:0px; list-style-type: none; }
#topCenter #topMenu ul.menu > li { display:block; float:right; position:relative; cursor:pointer; z-index:80; }
#topCenter #topMenu ul.menu > li:hover ul.submenu  { display:block; }
#topCenter #topMenu ul.submenu { margin:0px; display:none; list-style-type: none; top:48px; position:absolute; padding:5px; background-color:#F0F0F0; border: 1px solid #c8d2d0; width:150px; cursor:default; }
#topCenter #topMenu ul.submenu li { padding:3px 0px 3px 0px; } 
#topCenter #topMenu ul.submenu li a { color: #27435a; }
#topCenter #topMenu ul.menu #kartoteki { height:48px; width:91px; background-image: url('/images/layout/top_tm_kartoteki_off.gif'); }
#topCenter #topMenu ul.menu #kartoteki:hover { background-image: url('/images/layout/top_tm_kartoteki_on.gif'); }
#topCenter #topMenu ul.menu #komunikacja { height:48px; width:94px; background-image: url('/images/layout/top_tm_komunikacja_off.gif'); }
#topCenter #topMenu ul.menu #komunikacja:hover { background-image: url('/images/layout/top_tm_komunikacja_on.gif'); }
#topCenter #topMenu ul.menu #administracja { height:48px; width:93px; background-image: url('/images/layout/top_tm_administracja_off.gif'); }
#topCenter #topMenu ul.menu #administracja:hover { background-image: url('/images/layout/top_tm_administracja_on.gif'); }
#topCenter #topMenu ul.menu #slowniki { height:48px; width:82px; background-image: url('/images/layout/top_tm_slowniki_off.gif'); }
#topCenter #topMenu ul.menu #slowniki:hover { background-image: url('/images/layout/top_tm_slowniki_on.gif'); }
#topCenter #appError   { clear: both; padding: 5px; color: red; border: 1px solid red; font-weight: bold; background-color: #ffffff; margin:0px 10px 0px 10px; width:550px; bottom:20px; position:absolute; z-index:50; }
#topCenter #appWarning { clear: both; padding: 5px; color: #ff6c00; border: 1px solid #ff6c00; font-weight: bold; background-color: #ffffff; margin:0px 10px 0px 10px; width:550px; bottom:20px; position:absolute; }
#topCenter #appInfo    { clear: both; padding: 5px; color: #4793FE; border: 1px solid #4793FE; font-weight: bold; background-color: #ffffff; margin:0px 10px 0px 10px; width:550px; bottom:20px; position:absolute; }

#topRight {
  width: 203px;
  height: 161px;	
  background-image: url('/images/layout/top_right_background.gif');									
  overflow: hidden;	
  float: right;
}
#topRight #buttons { 
  width: 203px;
  height:93px; 
  overflow: hidden;	
}
#topRight #quick_search { 
  width: 198px;
  height:78px; 
  padding: 15px 0px 0px 5px;	
  overflow: hidden;	
}
#topRight #quick_search .label { color: #d4dce8; font-size: 10px; margin-bottom: 2px; }

#divContent { clear: both; width: 986px; min-height: 330px; height:auto !important; height: 330px; margin: 0px auto; padding: 5px 0px 10px 0px; line-height: 15px; }

#divBottom { width: 986px; height: 66px; padding-top: 10px; background-image: url('/images/layout/bottom_background.gif'); margin: 0px auto; }
#divBottom a { color: #555555; }

#info { padding: 5px; color: red; border: 1px solid red; }

#panel_382_top     { clear: both; width: 382px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_top_background.gif'); background-repeat: no-repeat; }
#panel_382_content { clear: both; width: 372px; padding: 5px; background-image: url('../images/layout/panel_background.gif'); }
#panel_382_bottom  { clear: both; width: 382px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_bottom_background.gif'); background-repeat: no-repeat; }

#panel_610_top     { clear: both; width: 610px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_610_top_background.gif'); background-repeat: no-repeat; }
#panel_610_content { clear: both; width: 600px; padding: 5px; background-image: url('../images/layout/panel_610_background.gif'); }
#panel_610_bottom  { clear: both; width: 610px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_610_bottom_background.gif'); background-repeat: no-repeat; }

.panel_full_top     { clear: both; width: 950px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_950_top_background.gif'); background-repeat: no-repeat; }
.panel_full_content { clear: both; width: 940px; padding: 5px; background-image: url('../images/layout/panel_950_background.gif'); }
.panel_full_bottom  { clear: both; width: 950px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_950_bottom_background.gif'); background-repeat: no-repeat; }

.panel_info_top     { clear: both; width: 360px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_info_top_background.gif'); background-repeat: no-repeat; }
.panel_info_content { clear: both; width: 350px; /* 360px */ padding: 5px; background-image: url('../images/layout/panel_info_background.gif'); }
.panel_info_bottom  { clear: both; width: 360px; height: 4px; padding: 0px; background-image: url('../images/layout/panel_info_bottom_background.gif'); background-repeat: no-repeat; }

.panel_info { margin-top:10px; padding:5px; border:1px dotted gray; }

#help { text-align: justify; }

/* Okno 'fullscreen' */
#fullscreen { width: 1000px; margin: 0px auto; }
#fullscreen #appError   { width: 100%; padding: 5px; background-color: red; color: #ffffff; font-weight: bold; }
#fullscreen #appWarning { width: 100%; padding: 5px;	background-color: orange; color: #ffffff; font-weight: bold; }
#fullscreen #appInfo    { width: 100%; padding: 5px; background-color: green; color: #ffffff; font-weight: bold; }

/* Okno logowanie */
#logowanie { position: relative; width: 811px; height: 500px; margin: 0px auto; background-image: url('../images/layout/logowanie_backgound.jpg'); background-repeat: no-repeat; background-position: bottom; }
#logowanie #form { position: absolute; top: 280px; right: 0px; width: 350px; }

#logowanie #appError   { position: absolute; top: 90px; right: 10px; width: 409px; height: 39px; padding: 5px; background-image: url('../images/layout/logowanie_error_background.gif'); background-repeat: no-repeat; background-position: bottom; color: #ffffff; }
#logowanie #appWarning { position: absolute; top: 90px; right: 10px; width: 409px; height: 39px; padding: 5px; background-image: url('../images/layout/logowanie_info_background.gif'); background-repeat: no-repeat; background-position: bottom; color: #ffffff; }
#logowanie #appInfo    { position: absolute; top: 90px; right: 10px; width: 409px; height: 39px; padding:5px; background-image: url('../images/layout/logowanie_info_background.gif'); background-repeat: no-repeat; background-position: bottom; color: #ffffff; }