body {
  margin:0px;
  font-family: Arial; 
  font-size:12px; 
  background:#f2f2f2;
  color:#727272;
}
a img{
  border:0px;
}
/* logowanie */ 
div.logkont{
  position:absolute;
  top:50%;
  /*height:200px;*/
  margin-top:-100px;
  
  left:50%;
  margin-left:-150px;
  width:300px;
  
}
.lognagl{
  width:298px;
  border:solid 1px #ffffff;
  background:#e77817;
  height:30px;
  padding-top:10px;
  text-align:center;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
  text-shadow: 1px 1px 1px #555555;
}
.form2{
  padding:10px;
  text-align:center;
  font-size:13px;
  font-weight:bold;
}
a{
  color:#727272;
}
#footer{
  width:100%;
  height:97px;
  background-image:url('footer.jpg');
  background-repeat:repeat-x;
  padding:30px;
}
#footer_napis{
  width:500px;
  color:#727272;
  text-align:center;
  margin: 0 auto;
}
.wyroz{
  color:#d66400;
  font-weight:bold;
}
#l_h{
  width:990px;
  margin:0 auto;
}
#l_c{
  width:990px;
  margin:0 auto;
  display: table;
  height: 100%;
  min-height: 100%;
}
#l_l{
  width:690px;
  float:left;
}
#l_r{
  width:300px;
  float:left;
}
#hd{
  width:990px;
  margin:0 auto;
  height:246px;
}
#l_hl1{
  width:100%;
  margin:0;
  background-image:url('background.jpg'); background-repeat:repeat-x;
  padding-top:3px; 
}
#hdl1{
  height:150px;
  background-image:url('tlonagl3.jpg');
  background-repeat:no-repeat;
}
#hdl1_1{
  width:700px;
  height:150px;
  float:left;
  
}
#hdl1_2{
  width:290px;
  height:150px;
  float:left;  
}
#hdl3{
  margin-top:2px;
  padding-top:20px;
  margin-left:40px;
  width:950px;
  height:40px; 
  font-weight:bold; 
  text-align:center;
  font-size:12px;
}
#hdl3 div{
  height:30px;
  margin-left:15px;
  margin-right:15px;
  float:left;
}
#hdl3 div a{
  text-decoration:none;
}
#hdl3 div.hdl3_act {
  background-image:url('strzwd.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
}
#hdl3 div.hdl3_act a{
  color:#d66400;  
}
#hdl1_1_1{
  width:100%;
  height:50px;
  
}
#hdl1_1_2{
  margin-top:30px;
  width:100%;
  height:50px;
  line-height:200%;
}
#hdl4{
  padding-top:7px;
  /*margin-left:50px;*/
  text-shadow: 1px 1px 1px #555555;
  font-weight:bold;
  /*text-align:center;*/
}
#hdl4 a{
  margin-left:5px;
  margin-right:5px;
  text-decoration:none;
  color:#ffffff;
}
#hdl4 a:active{
  color:#444444;
}
#hdl4 .zazn{
  color:#444444;
  text-shadow: 1px 1px 1px #ffffff;
}
.tthr{
  
  
  border:solid 1px #ffffff;
}
.tthr th{ 
  color:#ffffff; 
  font-size:13px;
  border-bottom:solid 3px #ffffff;
  background:#e77817;
  padding-left:10px;
  text-align:left;
}
.tthr td{
  font-size:12px;
  padding-left:10px;
}
.ttr1{
  background:#e1e1e1;
}
.ttr2{
  background:#f2f2f2;
}
.cont_table{
  border:solid 1px #e77817; 
}
a.blk{
  text-decoration:none;
}
.progbg{
  height:10px;
  width:100px;
  background-image:url("paski/pusty.gif");
  margin:2px;
}
.progbg .prg1, .progbg .prg2, .progbg .prg3{height:10px;}
.progbg .prg1{background-image:url("paski/szar.gif");}
.progbg .prg2{background-image:url("paski/braz.gif");}
.progbg .prg3{background-image:url("paski/pomar.gif");}
.t9{
  font-size:10px;
}
.zakl{
  float:left;
  margin-right:10px;
  margin-left:10px;
  color:#ffffff;
}
.zakl:hover{
  cursor:pointer;
}
.zakl1{
  text-shadow: 1px 1px 1px #555555;  
}
.zaklw{
  color:#dddddd;
  text-shadow: 1px 1px 1px #555555;  
}
.zakl2{
  color:#444444;
  text-shadow: 1px 1px 1px #ffffff;  
  
}
.kont1{
  display: table;
  background:#e77817;
  padding:5px 0px;
  width:986px;
  height: 100%;
  min-height: 100%;  
  border:solid 1px #ffffff;
  font-weight:bold;
}
.kont1 a{
  text-decoration:none;
}
.kont2{
  border:solid 1px #e77817;
  
}
.kont3{
  border:solid 1px #ffffff; 
}
.oddz{
  margin-left:10px;
  margin-bottom:10px;
}
.pas_szar1, .pas_szar2, .pas_szar1_c{
  padding:10px;
  font-size:11px;
  display: table;
  height: 100%;
  min-height: 100%;
  width:666px;  
}
.pas_szar1, .pas_szar1_c{
  background:#e1e1e1;
}

.pas_szar1_c{
	width:986px;	
}

.nagl_le{
  color:#ffffff;
  background:#e77817;
  border:solid 1px #ffffff;
  padding:10px;
  font-size:13px;
  font-weight:bold;
}
/* kalendarz */
#cal_naw1{
  display: table;  
  height: 100%;
  min-height: 100%; 
}
.kapr, .kamc, .kanx{float:left; width:330px;}
.kamc{text-align:center;}
.kanx{text-align:right;}
.nagl{
  width:986px;
  font-weight:bold;
  color:#ffffff;
  background:#e77817;
  border:solid 1px #ffffff;
  font-size:13px;
  height: 40px;
}
.nagl .nagl_lew{
  width:346px;
  float:left;
  padding:10px;
}
.nagl .nagl_praw{
  padding:10px;
  width:600px;
  text-align:right;
  float:left;
}
.nagl .nagl_praw span{
  padding-left:40px;
}
.nagl .nagl_praw span a{
  color:#ffffff;
  text-decoration:none;
}
.nagl .nagl_wyr{
  font-size:14px;
}
.mtconb{border:solid 1px #ffffff;}
.mtdni{position:absolute;text-align:center;font-size:13px;width:31px;}
.mtdni .niedz, .mtwyr a{color:#e77817;}
.mtpasy{width:1px;background:#e1e1e1;}
.mtkpasy{position:absolute;}
.mtp1{height:15px;position:absolute;}
.mtp2{background:#e1e1e1;height:14px;position:absolute}
.mt1, .mt2, .mt3{position:absolute;height:14px}
.mttext{position:absolute;}
.mtfont{
  text-decoration:none;
}
.mt1{background:#5f3412;}
.mt2{background:#e77817;}
.mt3{background:#bfbfbf;}
.pasy{
  width:1px;
  background:#e1e1e1;
}
.snagl{
  text-align:center;
  position:absolute;
  padding:8px 0px;
  font-size:14px;
  width:82px
}
.snagl a{
  text-decoration:none;
}
.prorok1, .prorok2, .prorok3, .projekty{
  position:absolute;
  height:14px;
  z-index:4;
}
.prorok1{background:#e77817;}
.prorok2{background:#bfbfbf;}  
.prorok3{background:#5f3412;}  
.protit{
  position:absolute;
  width:400px;
  z-index:5;
}
.protit a{
  text-decoration:none;
}
.p1, .p2, .p3, .p4{
  position:absolute;
  height:14px;
  width:986px;
}
.p3, .p4{background:#e1e1e1}
/* task */
.ta_le, .ta_ri{
  float:left;
}
.ta_le{
  width:266px;
}
.ta_ri{
  width:400px;
  margin-left:266px;
  position:absolute;
}
.ta_progbg{
  /*float:left;*/
  height:25px;
  width:150px;
  background-image: url("paski/ta_pusty.gif");
}
.ta_progbar{
  height:13px;
  background-image: url("paski/ta_pelny.gif");
  position:absolute;
  padding-top:6px;
  padding-bottom:6px;
  color:#ffffff;
  vertical-align: top;
  white-space: nowrap;
  overflow:hidden;
  font-weight:bold;
}
.ta_progtxt1{
  height:13px;
  /*background-image: url("paski/ta_pelny.gif");*/
  position:absolute;
  margin-top:6px;
  margin-bottom:6px;
  margin-left:60px;
  color:#ffffff;
  vertical-align: top;
  white-space: nowrap;
  overflow:hidden;
  font-weight:bold;
}
.ta_progtxt{
  padding-top:6px;
  padding-left:60px;
  color:#e77817;
  font-weight:bold;
}
/* task gant */
.gantproj{
  position:absolute;
  background:#cccccc;
  height:12px;
}
.gantnap1{
  position:absolute;
  color:#e77817;
  padding-left:3px; 
  font-weight:normal;  
}

.gantproj3{
  position:absolute;
  height:15px;
  background:#e19038;
  border-left:solid 1px #ffffff;
}
.gantspot3{
  position:absolute;
  height:15px;
}
.gantnap{
  position:absolute;
  z-index:5; 

}
.gantkres{
  left:0%;
  width:100%;
  height:5px; 
  border-bottom:solid 1px #e77817; 
  border-left:solid 1px #e77817;
  border-right:solid 1px #e77817;
  position:absolute;
}
.gantkreski{
  position:absolute;
  width:1px;
  margin-top:3px;
  background:#e77817;
}
.gantcont{
  position:absolute;
  margin-top:10px;
  width:400px;
}
.gantcont:hover{
  cursor:pointer;
}
.ta_ucz{
  float:left;
  width:220px;
}
.ta_li_wcie{
  margin-left:30px;
}
.ta_li_wcie a{
  text-decoration:none;
  font-weight:bold;
}
.ta_table{
  width:100%;
  border-collapse:collapse;
}
.ta_table th{
  text-align:left;
  padding-left:10px;
  font-size:11px;
  height:33px;
}
.ta_table td{
  text-align:left;
  padding-left:10px;
  font-size:11px;
  height:33px;
}
.kalgr{
  background:#e1e1e1;
}
.ta_kom_dv{
  padding:10px;
  font-size:11px;
}
.ta_kom_dv a{
  text-decoration:none;
  font-weight:bold;
}
/*szukacz użytkownikow:*/
#findus{
  z-index:1000;
  top:250px;
  left:50%;
  margin-left:-150px;
  width:300px;
  height:300px;
  position:absolute;
  background:#e1e1e1;
  display:none;
}
.findus_nagl{
  height:23px;
  width:288px;
  border:solid 1px #ffffff;
  background:#e77817;
  padding-top:10px;
  padding-left:10px;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
}
.findus_panel{
  height:75px;
  font-weight:bold;
  text-align:center;
}
#kontUs{
  overflow:auto;
  height: 200px;
  padding:0 10px;
  font-size:13px;
  font-weight:bold;
}
.klistus{
  font-size:12px;
  font-weight:normal;
  overflow:auto;
}
.listus{
  /*border:solid 1px #bbb;*/
  /*background: #f2f2f2;*/
  padding:3px;
  width: 272px;
  cursor:pointer;
}
.listus_bl{
  background: #f2f2f2;
}
.sciezka a{
  text-decoration:none;
}
.kont4{
  display: table;  
  height: 100%;
  min-height: 100%; 
}
.kont5fl{
  float:left;
  padding:10px;
}
/* mailer 2 */
.overhid{
  width:966px;
  overflow:auto;
}
.clients td{
  margin:0;
  padding:0;
}
.clients td input, .clients td select{
  margin:0;
  border:none;
  width:150px;
}
.mail2{
  padding:10px;
}
#nu_title, .nu_titles{
  width:966px;
}
.nu_mail_cont{
  width:946px;
  background:#ffffff;
  border:solid 1px #999999;
  padding:10px;
}
#nu_tem_title{
  width:400px;
}
.table_in{
  padding:0px;
  border-collapse:collapse;
}
.table_in td,.table_in th{
  padding:0 10px 0 0;
  margin:0px;
  height:15px;
  
  vertical-align:top;
}
.table_in td input[type=text]{
  height:13px;
  font-size:11px;
  width:120px;
}
.nu_kont_tab{
  width:986px;
  max-height:600px;
  overflow:auto;
}
#tab_excel{
  border-collapse:collapse;  
}
#tab_excel td, #tab_excel th{
  padding:0px;
  margin:0px;
  border:solid 1px #999999;
  font-size:10px;
}
#tab_excel th select option{
  font-size:10px;
}
#tab_excel td textarea,#tab_excel td input,#tab_excel th input{
  height:12px;
  font-size:10px;
  margin:0px;
  border:0px;
  width:100%;
}
.table_td_top td{
  padding-top:10px;
  vertical-align:top;
}
.spanBut{
  font-weight:bold;
  cursor:pointer;
  
}
.grupy{
  vertical-align:middle;
}
.radio{
  vertical-align:middle;  
}
/*planowanie*/
#plan{
  height:260px;
  border-top:solid 2px #c1c1c1;
}
#plan_godz{
  float:left;
  width:43px;
  height:260px;
}
#plan_nagl{
  float:left;
  height:40px;
}
.plan_dni{
  position:absolute;
  width:135px;
  text-align:center;
  background:#e1e1e1;
  height:30px;
  padding: 5px 0;
  cursor:pointer;
}
.plan_godzina{
  height:20px;
  width:40px;
  font-size:10px;
  padding-right:3px;
  text-align:right;
  background:#e1e1e1;
}
.plan_pasy{
  position:absolute;
  width:2px;
  background:#c1c1c1;
  height:321px;
  z-index:10;
}
.plan_paspoz{
  position:absolute;
  border-top:solid 1px #c1c1c1;
  height:20px;
  width:988px;
  /*background:#c1c1c1;*/
  z-index:10;
}
.plan_z1{
  font-size:12px;
  font-weight:bold;
}
.plan_z2{
  font-size:10px;
  padding-left:20px;
}
.plan_z3{
  font-size:10px;
  padding-left:40px;
}
.plan_z4{
  font-size:10px;
  padding-left:60px;
}
.plan_dni_s{
  font-size:10px;
}
.plan_zadanie{
  background:#eecccc;
  position:absolute;
  width:133px;
  z-index:11;
  font-size:10px;
  border-top:solid 1px #c1c1c1;
  border-bottom:solid 1px #c1c1c1;
  cursor:pointer;
}
.plan_projekt{
  background:#cceecc;
}
.plan_zadanie:hover{
  background:#ffffff;
}
.plan_komorka{
  position:absolute;
  height:10px;
  width:133px;
  z-index:10;
  cursor:pointer;
}
.clinewsta{
  
}
.clinewsta td, .clinewsta th{
  vertical-align:top;
  text-align:left;  
}

/*drzewo*/
.drzewo{
  width:250px;
  margin-top:0px;
  overflow:hidden;
  height:16px; 
  vertical-align:middle;
  background-color:#dddddd;
}
.drzprawo{
  background-color:#fbe8d3;
  cursor:pointer;
}
.drzprawo:hover{
  background-color:#cc8233;
}
.drztbl{
  border:none;
  margin:0;
  padding:0;
}
.drztd{
  vertical-align:top;  
  margin:0;
  padding:0;
  border: none;
}
.naprdrz{
	-moz-border-radius:6px;
	border-radius:6px 3px;
	-khtml-border-radius:6px;
	-icab-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	padding-left:3px;
	
	display:block;float:left;color:#771100;font-size:10px;height:12px;border:solid 2px #cc8233;width:234px}
.drzkr{
  position:absolute;
  margin-top:0px;
  margin-right:0px;
  margin-left:245px;
  width:5px;
  height:7px;
  border-bottom:solid 2px #cc8233;
  border-right:solid 2px white;
}
.drzpasek{
  /*position:fixed;*/
  position:absolute;
  width:9px;
  height:2px;
  margin-top:7px;
  margin-left:-5px;
  background:#cc8233;
  /*height:100%;*/
}
.drztdpas{
  padding-bottom:5px;
  border-right:solid 2px #cc8233;
  /*background:black;*/
}
.drzucz{
  background:#aaccaa;
}
.drzobs{
  background:#aaaacc;
}
.zalec{display:block;float:left;width:12px;height:16px;background-image:url('zalec.png')}
#drzkolo{
  border:solid 2px #666666;
  width:350px;
  height:100px;
  padding:10px;
  /*background:#0094FF;*/
  position: fixed;
  bottom:0px;
  right:0px;
}
/* guziki do zmiany na drzewkach */
#drzup, #drzdown, #drzright,#drzleft {
  width:30px;
  height:30px;
  
}
.drzupak, .drzdownak, .drzrightak, .drzleftak{cursor:pointer;}
/*up*/
#drzup{  position:absolute;  margin-top:5px;  margin-left:35px;  }
.drzupsz{ background-image:url('drzupsz.png');}
.drzupak{  background-image:url('drzup.png');}
.drzupak:hover{  background-image:url('drzuph.png');}
/*down*/
#drzdown{  position:absolute;  margin-top:65px;  margin-left:35px;}
.drzdownsz{  background-image:url('drzdownsz.png');}
.drzdownak{  background-image:url('drzdown.png');}
.drzdownak:hover{  background-image:url('drzdownh.png');}
/*right*/
#drzright{ position:absolute;  margin-top:35px;  margin-left:65px;}
.drzrightsz{  background-image:url('drzrightsz.png');}
.drzrightak{  background-image:url('drzright.png');}
.drzrightak:hover{  background-image:url('drzrighth.png');}
/*left*/
#drzleft{  position:absolute;  margin-top:35px;  margin-left:5px;}
.drzleftsz{  background-image:url('drzleftsz.png');}
.drzleftak{  background-image:url('drzleft.png');}
.drzleftak:hover{  background-image:url('drzlefth.png');}
#drzstrz{
  position:absolute;
  right:0px;
  top:0px;
  width:100px;
  height:100px;
}
.drzmar{
  margin-bottom:10px;
}
.zale{display:block;float:left;width:8px;height:16px;background-image:url('zale.png')}
.zari{display:block;float:left;width:8px;height:16px;background-image:url('zari.png')}

.nu_cli_kols{
	float:left;
	width:20%;
}

#nu_cols_cont{
	width:986px;	
	display:table-cell;
	height:100%;
	min-height: 100%;

}

#col1{
	float:left;
	width:400px;
	
}

#col2{
	float:left;
	width:586px;
}

textarea{
	border: 2px inset;
}

.last5_cont_left{
	width: 400px;
	margin-top: 5px;
	margin-bottom: 30px;
	float: left;
}

.last5_cont_right{
	width: 400px;
	margin-top: 5px;
	margin-bottom: 30px;
	float: right;
}

.last5_title_left{
	width: 400px;
	float: left;	
	margin-top: -30px;	
	float: left;
	font-weight: bold;
	font-size: 14px;
}

.last5_title_right{
	width: 400px;
	float: left;	
	margin-top: 25px;	
	float: right;
	font-weight: bold;
	font-size: 14px;
}

.last5_more_left{
	width: 400px;
	margin-top: 3px;	
	margin-bottom: 20px;
	text-align: center;
	float: left;
}

.last5_more_right{
	width: 400px;
	margin-top: 3px;	
	margin-bottom: 20px;
	text-align: center;
	float: right;
}

.home_cont{
	width: 990px;
	margin:0 auto;
}

.no_task{
	margin-top: 10%;
	text-align: center;
	font-size: 16px;
}

.button_center{
	margin-top: 3px;	
	margin-bottom: 20px;
	text-align: center;
}

.home_calendar{
	font-weight: bold;
	color: #727272;
	font-size: 30px;
	padding: 15px;
	display: block;
	border: solid 1px #e77817;
	width: 285px;
	margin-top: 60px;
	margin-left: 330px;
	background: #e1e1e1;
}


.button_right{
	float: right;
	margin-top: 10px;
	width: 990px;
	text-align: right;
}

.button_right2{
  float: right;
  margin-top: 10px;
  width: 900px;
  text-align: right;
}

.button_homepage_mytask{
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	width: 700px;
	text-align: right;
}

#select2ProjectSearch{
	width: 300px;
}

#select2ProjectSearchResult{
	text-align: left;
	position: absolute;
	background: white;
	width: 308px;
}

.projectSearchRow:hover{
	cursor: pointer;
	background-color: grey;
	color: white;
}

.smt{
  margin-left: 20px;
}

.smp{
  float: right;
  margin-left: 20px;
  margin-top: 10px;
}

.smc, .sma{
  float: right;
  margin-left: 20px;
  margin-top: 10px;
}