body { font-family: Arial; font-size: 12px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; overflow: hidden; font-size: 1px; height: 0px;}
.spacer { clear: both; height: 10px; overflow: hidden; font-size: 1px;}
.top td { vertical-align: top; }
.top { background: url(../images/top.jpg) no-repeat center 0 #2d2e5a; height: 119px; }
.wrapper { width: 970px; margin: 0 auto; }

.bg_light_gray { background: #efefef; }

.center { text-align: center; }

.tytul2 { background-color: #eee; line-height: 18px;  font-weight: bold; font-size: 16px; padding: 10px;  }

a:link, a:visited { color: #336699;}
a:hover, a:visited:hover { text-decoration: none; }



.slogan { font-size: 18px; color: #99ccff; font-weight: bold; float: left; width: 420px; padding-top: 45px; }
.logo { float: left; width: 140px; }
.login_panel { float: right; padding-top: 45px; }
.logged_panel { float: right; padding-top: 35px; }
.logintextbox { width: 153px; padding-left: 10px; background: url('../images/login.gif') no-repeat; border: 0; height: 23px; padding-top: 5px; font-family: Arial; color: #666;  }

.pl10 { padding-left: 10px; }
.pl5 { padding-left: 5px; }
.pl25 { padding-left: 25px; }
.login_btn { cursor: pointer; background: url('../images/zaloguj.gif') no-repeat 0 0; width: 65px; height: 28px; border: 0; color: #003366; font-weight: bold; font-size: 12px; font-family: Arial; letter-spacing: -0.5px;  }

.nav { background: url('../images/menu.gif') repeat-x 0 0; height: 52px; }

.menu li { float: left; line-height: 52px; width: 160px;  }

.menu li a:link, .menu li a:visited { text-align: center; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; display: block; padding-left: 10px; padding-right: 10px; }

.menu li a.active:visited, .menu li a.active:link { color: #99ccff; }

.menu li a:link, .menu li a:visited {  padding-left: 4px; height: 52px; display: block; }
.menu li a:link span, .menu li a:visited span {   padding-right: 4px; height: 52px;  display: block;}
.menu li a:link span span, .menu li a:visited span span {  padding-left: 5px; padding-right: 5px; height: 52px;  display: block; }



.menu li a:hover, .menu li a:visited:hover { background: url('../images/pl.gif') no-repeat 0 11px; padding-left: 4px; height: 52px; display: block; cursor: pointer; }
.menu li a:hover span, .menu li a:visited:hover span {  background: url('../images/pr.gif') no-repeat right 11px; padding-right: 4px; height: 52px;  display: block; cursor: pointer;}
.menu li a:hover span span, .menu li a:visited:hover span span { background: url('../images/pc.gif') repeat-x 0 11px; padding-left: 5px; padding-right: 5px; height: 52px;  display: block; color: #fff;cursor: pointer; }

.contentpane { background: url(../images/bg-srodek.jpg) repeat-x 0 0 #cedeeb; padding-top: 10px; padding-bottom: 10px; }

.cont { padding: 10px; background-color: #fff; display: block; clear: both; }

.cont h1 { background-color: #cedeeb;  padding: 10px; margin-bottom: 10px; font-size: 18px; width: 930px; }

.pcont h1 { background-color: #cedeeb;  padding: 10px; margin-bottom: 10px; font-size: 18px; width: 720px; }

.box  { background: url(../images/boksy.jpg) no-repeat 0 0; width: 340px; height: 215px; padding-top: 30px; padding-left: 20px; padding-right: 20px;  }

.box strong { color: #336699; font-weight: bold;}

.c_cc { color: #ccc;}
.c_99 { color: #999;}
.c_ff { color: #fff; }

a.white, a.white:visited , a.white:link { color: #fff; text-decoration: none; text-align: center; }

a.white img { padding-left: 7px;}
.bg_white { background-color: #fff; }


.f_28 { font-size: 28px; }
.f_14 { font-size: 14px; }
.f11 { font-size: 11px; }
.w370 { width: 370px; }
.w360 { width: 360px; }
.w240 { width: 210px; }
.w640 { width: 630px; }
.w740 { width: 740px; }
.w300 { width: 300px; }
.w200 { width: 200px; }
p { line-height: 18px; }

.p10 { padding: 10px; }
.m10 { margin: 10px; }

.bg_white { background-color: #fff; }



a.register_btn, a.register_btn:link, a.register_btn:visited { text-decoration: none; color: #fff; }
.register_btn { vertical-align: middle; text-align: center; background: url(../images/rejestracja.gif) no-repeat 0 0; border: 0px; font-weight: bold; font-family: Arial; font-size: 12px; cursor: pointer; width: 83px; height: 28px; line-height: 28px; display: block; color: #fff; color: #fff;}

a.dl_btn, a.dl_btn:link, a.dl_btn:visited { text-decoration: none; color: #000; }
.dl_btn { vertical-align: middle; text-align: center; background: url(../images/pobierz.gif) no-repeat 0 0; border: 0px; font-weight: bold; font-family: Arial; font-size: 12px; cursor: pointer; width: 83px; height: 29px; line-height: 29px; display: inline-block; color: #fff; color: #fff;}

.bg_pudelko { background: url(../images/pudelko.jpg) no-repeat center top; padding-top: 200px; padding-left: 30px;}

.foot_sep { overflow: hidden; height: 15px; background-color: #CADFEE;}
.foot { border-top: 1px solid #ccc; }

.footlinks li { display: inline;  padding-left: 5px; padding-right: 5px; color: #999; }

.footlinks a:link, .footlinks a:visited { color: #999; font-weight: bold;}
.first { padding-left: 0px; }
.last { padding-right: 0px;}

h1  { font-size: 28px; }

.logged { background: url(../images/zc.gif) repeat-x 0 0; padding-left: 10px; padding-right: 10px; }
.logged .user { color: #fff; line-height: 28px;   }

.errors { background-color: #ffdddd; font-weight:bold; border: 1px solid #dd3333; color: #dd3333; padding: 10px; }
.errtext { background-color: #ffdddd; border: 1px solid #dd3333; color: #dd3333;}
.errors ul { list-style: disc; }
.errors ul li { list-style-position: inside;  }

.sidebar .middle { color: #fff; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px;}
.sidebar .top { height: 2px; width: 200px; overflow: hidden; background: url(../images/rmt.gif) no-repeat -100px 0; }
.sidebar .bottom { height: 2px; width: 200px; overflow: hidden; background: url(../images/rmb.gif) no-repeat -100px 0; }
.sidebar .middle {  width: 180px; overflow: hidden; background: url(../images/rmm.gif) repeat-y 0 0; }
.sidebar .heading { background: url(../images/rmnaglowek.gif) repeat-x 0 0; height: 40px; width: 170px; padding-left: 10px; line-height: 40px; font-size: 14px; font-weight: bold; color: #fff; }

.s_nav  { margin-left: 10px;   margin-top: 8px; margin-bottom: 8px; list-style: disc; color: #99ccff; list-style-position: inside}

.s_nav li a:link, .s_nav li a:visited { color: #fff; line-height: 22px; text-decoration: none;  }

.s_nav li a:hover, .s_nav li a:visited:hover {  text-decoration: underline;  }


.s_nav2  { margin-left: 13px;    list-style: disc; color: #99ccff; list-style-position: inside}

.s_nav2 li a:link, .s_nav li a:visited { color: #fff; line-height: 22px; text-decoration: none;  }

.s_nav2 li a:hover, .s_nav li a:visited:hover {  text-decoration: underline;  }
.panel table {
    border-collapse: collapse;
}



.panel th { background: url(../images/listing-stop.gif) repeat-x; line-height: 40px;  border: 2px solid #fff; }
.panel td{ line-height: 40px; text-align: center; }

.table2 th { background: none; line-height: 24px; padding-right: 8px; border: 0; text-align: right}
.table2 td { line-height: 24px; text-align: left;  }



.table th { background: none; line-height: 20px;  border: 0; }
.table td { line-height: 14px; text-align: left; }

.row0 td { background-color: #ecf2f2; border: 2px solid #fff; }
.rowE td { background-color: #ffefef; border: 2px solid #fff; }
.row1 td { background-color: #dfe7ee; border: 2px solid #fff; }

.bg_error { background-color: #ffcfcf; border: 2px solid #fff; }

.panel td a:link, .panel td a:visited { color: #000; font-weight: bold;}

.panel a:link img, .panel a:visited img { vertical-align: middle; }


.table3 td { line-height: 15px; font-size: 11px; padding-left: 8px; padding-top: 2px; padding-bottom: 2px; text-align: left; border: 2px solid #efefef; background-color: #fff;  }

.list { list-style: disc; list-style-position: inside;margin-left: 10px; }
.list li { list-style-position: inside; padding-top: 4px; padding-bottom: 4px; }


/* ---------------------------------------------------------------------------------
		NOTIFICATIONS
--------------------------------------------------------------------------------- */
.png_bg		{}
/* Notification Close Button */
.close-notification					{
    width: 16px; height: 16px;
    position: absolute;
    background: url(../images/close.png) no-repeat;
    top: 5px; right: 5px;
    cursor: pointer;
}

.success, .fail, .information, .attention {
    margin-bottom: 15px;
    background-repeat: no-repeat; background-position: 10px center;
    padding: 10px 10px 10px 40px;

    font-weight: bold; text-transform: uppercase; font-size: 11px;
    line-height: 20px;

}
/* Succes Notification Box */
.success 				{
    background-color: #E3FFDF;
    border: 1px solid #97FF88;
    color: #009900;
    background-image: url(../images/accept.png);
}
/* Failure Notification Box */
.fail 					{
    background-color: #FFE1E1;
    border: 1px solid #FF9595;
    color: #CC3300;
    background-image: url(../images/cancel.png);
}
/* Information Notification Box */
.information 			{
    background-color: #D7DFFF;
    border: 1px solid #93A8FF;
    color: #0033FF;
    
    padding: 10px 10px 10px 10px;
}



.submenu  		{ list-style : none; display : block; padding: 8px 0 0 0; text-align: left; clear: both; margin: 0px;}

.submenu li 				{ display : inline;}
.submenu li a 			{ background-color: #336699; color: #fff; font-weight: bold; padding: 4px 7px 4px 7px; font-size: 12px;text-decoration: none; }
.submenu li a:hover 		{ background-color: #6699bb; color: #fff; text-decoration: none; }

.submenu li.current a 	{ background-color: #d6d6d6; text-decoration: underline;}


.paginator 				{ list-style : none; display : block; padding: 8px 0 0 0; text-align: right; clear: both; margin: 0px;}

.paginator li 				{ display : inline;}
.paginator li a 			{ padding: 4px 7px 4px 7px;font-size: 11px;text-decoration: none; }
.paginator li a:hover 		{ background-color: #d6d6d6; text-decoration: underline; }

.paginator li.current a 	{ background-color: #d6d6d6; text-decoration: underline;}




img
{
    border-style: none;
    border-width: 0;
    padding: 0;
    margin: 0;
}


.k1
{
    background: url('images/kartkagora.gif') no-repeat top left;
    width: 180px;
    height: 18px;
    font-weight: bold;
    padding-left: 15px;
    padding-right:15px;
    padding-top: 4px;
    text-align: left;
}

.k2
{
    background: url('images/kartkabg.gif') repeat-y top left;
    width: 180px;
    padding-left: 15px;
    padding-right:15px;
    padding-top: 2px;
    text-align: left;
}

.k2 a:link
{
    color: #FFFFFF;
    text-decoration: none;
}

.k2 a:active
{
    color: #FFFFFF;
    text-decoration: none;
}

.k2 a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}

.k2 a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}

.k3
{
    background: url('images/kartkadol.gif') no-repeat top left;
    width: 210px;
    height: 25px;
}

.pole
{
    font-size: 10px;
    border: 0;
    background-image: url('images/paseklog.gif');
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    margin-bottom: 2px;
    width: 112px;
    height: 14px;
}

.tarea
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    width: 500px;
    height: 450px;
}

.tarea2
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    width: 500px;
    height: 200px;
}

.tarea3
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    width: 150px;
    height: 100px;
}

.tarea4
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    width: 300px;
    height: 100px;
}

.pole2
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    width: 250px;
    height: 14px;
}

.pole3
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    width: 60px;
    height: 14px;
}

.pole4
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    width: 320px;
    height: 18px;
}

.pole5
{
    font-size: 11px;
    font-family: Verdana;
    border-color: #4375A9;
    border-width: 1px;
    border-style: solid;
    padding: 1px;
    width: 150px;
    height: 18px;
}

.prz
{
    font-size: 11px;
    font-family: Verdana;
    background-color: #EFEFEF;
    border-color: #4375A9;
    color: #F34516;
    border-width: 1px;
    border-style: solid;
    width: 100px;
    height: 22px;
}

.prz:hover
{
    color: #CC2B00;
}

.lh
{
    padding-top: 5px;
    float: left;
}

.tl
{
    float: left;
}

.pst
{
    clear: both;
}

.c
{
    text-align: center;
}

.bladsys
{
    color: #FF0000;
    font-weight: bold;
}

.wc1
{
    margin-left: 5px;
}

.wc2
{
    margin-left: 20px;
}



/*----  FORMS ---- */

form  label 		{ font-weight: bold; font-size: 12px;margin-bottom: 10px;display: block;margin-top: 10px; }
form p 			{ padding: 0px; margin: 0px;}
form .input 		{ border: 1px solid #CCCCCC; padding: 7px; background-color: #F3F3F3; width: 386px; margin: 0px;}
form select 		{ padding: 0px;margin: 0px;}

form .button		{
				 background-color: #D6D6D6;
				 color: #666666;
				 font-weight: bold;
				 border: 1px solid #CCCCCC;
				 margin-top: 5px;
				 margin-bottom: 5px;
				 padding: 5px 7px 5px 7px;}

form .select		{ width: 20%;padding: 2px;margin: 0px;}