* { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
/** { font-family: Verdana, Arial, Helvetica, sans-serif; }*/
html { margin: 0; padding: 0; font-size: 14px; }

body  {
	margin: 0;
	padding: 0;
	color: #212121;
	background-image: url(../images/bg_gradient.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	text-align: center;
}

table *{
		font-size: 12px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p, form  {
	margin: 0;
	padding: 0;
}

a:hover  {
        text-decoration:underline;
}
a {
        color:#114488;
        font-size:12px;
        text-decoration:none;
}


#container {
	width: 976px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
#contentbg {
	width: 976px;
	background-image: url(../images/bgie6.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	padding-bottom: 40px;
}
#header {
	padding: 0 0px 0 0px;
}
#menu {
	padding: 0 0px 0 0px;
		width:960px;
		height:36px;
		border:0px solid red;
		background-image:  url(../images/menu/menubg.gif);
		background-position: top;
		background-repeat: no-repeat;
		margin-top:1px;
}
#menu a em {
		text-align:center;
		text-decoration:none;
		font-style: normal;
}
#menu a:hover {
	 color: #114488;
	 background-image: url(../images/menu/menu_bg_on.gif);
}

#menu a.selected {
	  color: #114488;
	  background-image: url(../images/menu/menu_bg_on.gif);
}

#menu a {
		color:#FFFFFF;
		font-size:19px;
		margin:0;
		padding:0;
		text-decoration:none;
		text-align:center;
		display: block;
		height:30px;
		width:160px;
		float:left;
		padding-top:5px;
		background-image: url(../images/menu/menu_bg_off.gif);
}

#menu .moje_kursy:hover {
		background-image: url(../images/menu/menu_l_bg_on.gif);
}

#menu .moje_kursy {
		background-image: url(../images/menu/menu_l_bg_off.gif);
}
#menu .moje_kursy_selected {
    background-image: url(../images/menu/menu_l_bg_on.gif);
	color: #114488;
}
#menu .profil {
}
#menu .pomoc {
}
#menu .informacje {
}
#menu .kontakt {
}
#menu .moje_kursy:hover {
}
#menu .profil:hover {
}
#menu .pomoc:hover {
}
#menu .informacje:hover {
}
#menu .kontakt:hover {
}


#path {
	text-align: left;
	margin-left: 6px;
	margin-top: 2px;
	font-size: 10px;
	padding: 5px;
}
#path a {
	color: #114488;
	text-decoration: underline;
	font-size: 10px;
}
#path a:hover {
	color: #114488;
	text-decoration: none;
	font-size: 10px;
}
#mainContent {
	width: 950px;
	margin-left: 5px;
	margin-top: 5px;
}

#lColumn {
	float: left;
	width: 235px;
}

#pRow {
		height:100px;
		width:100%;
}

#sColumn h3.header  a  {
		font-size:22px;
		color: #615E5D;
}

#sColumn h3.header {
		background-repeat:no-repeat;
		font-weight: normal;
		line-height:30px;
		border-bottom:1px solid #CCCCCC;
		color:#615E5D;
		font-size:23px;
		padding:7px 10px 6px 6px;
		margin:6px 0 0 0;
		background-color: #F1F1F1;
}

#sColumn h3.header em {
		font-style: normal;
}

.mark em {
    font-style: normal;
    font-weight: normal;
    font-size:12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height:0px;
    position:relative;
    top:0px;
    color:#db2831;
}

.zwinietaListaKursu {
		display: none;
}

.rozwinListeKursu {
		display: block;
}

.hideShowRowZwijaj {
}

.hideShowRowRozwijaj {
}

.zwinSColumn {
		display: none;
}

.rozwinSColumn{
}

.zwinSpis {
		margin:0 100px;
}

.rozwinSpis{
		margin:
}

.hideShowColumnZwijaj{
		margin-right:0px;
}

.hideShowColumnRozwijaj {
		margin-right:0px;
}

#hideShowColumn.hideShowColumnZwijaj a {
		background-image: url(../images/hide_v.gif);
}

#hideShowColumn {
	float: left;
	width: 10px;
	padding-top:50px;
	position: absolute;
	top:100px;
	right:-9px;
}

#hideShowColumn a {
		background-image: url(../images/show_v.gif);
		display: block;
		width: 10px;
		height: 165px;
}

.hideShowRow {

		text-align: center;
}

.rozwinListeKursu a {
		background-image: url(../images/show_h.gif);
		background-repeat: no-repeat;
		display: block;
		width: 104px;
		height: 10px;
		margin: 0 auto 0 45px;
}

.zwniListeKursu a {
		display: none;
}

#eColumn {
	float: left;
	width: 730px;
}

#rcColumn {
		float: left;
		width: 713px;
}


.kursy#eColumn {
		margin:0;
}

#oColumn h3.header em,
#eColumn h3.header em {
		font-style: normal;
		font-size:23px;
}

#oColumn h3,
#eColumn h3.header {
		border-bottom:1px solid #CCCCCC;
		font-weight:normal;
		font-style:normal;
        padding:9px 10px 6px 2px;
        margin:6px 0 0 0;
}

#eColumn h5.header em {
		font-style: normal;
}

#eColumn h5.header {
		border-bottom:1px dotted #CCCCCC;
		font-size:14px;
		margin:10px 0;
		font-weight:normal;
		font-style:normal;
}

#rColumn {
	float: left;
	width: 235px;
}
#cColumn {
	float: left;
	margin-left: 1px;
	margin-right: 1px;
	width: 478px;
}
#footer {
	margin-top: 10px;
	text-align:center;
}
#footer_info {
	padding: 0 0px 0 0px;
}
#content {
	margin-left: 8px;
	width: 960px;
	background-color: #FFFFFF;
}
#footer_copyright {
	float: left;
	padding: 0 7px 0 7px;
	height: 40px;
	font-size: 12px;
}
#footer_links {
	float: right;
	margin-right: 2px;
}
#footer_links a {
	color: #212121;
	text-decoration: none;
}
#footer_links a:hover {
	color: #212121;
	text-decoration: underline;
}
#footer_links ul {
	margin: 0;
	padding: 0 0px 0 0px;
}
#footer_links li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: solid 1px #8b8b8b;
}
.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.date {
	float: left;
	color: #212121;
	font-size: 11px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#footer_border {
	background-image: url(../images/footer_border.png);
	height: 17px;
	width: 976px;
}
#logo {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}
#logotext {
	float: left;
	margin-left: 60px;
	margin-top: 35px;
}
#topnavi {
	float: right;
	margin-right: 11px;
	margin-top: 7px;
	color: #212121;
	text-align: right;
	font-size: 10px;
}
#topnavi a {
	font-size: 10px;
	color: #114488;
	text-decoration: none;
}
#topnavi a:hover {
	font-size: 10px;
	color: #114488;
	text-decoration: underline;
}
#intro {
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}
#loginbox {
	float: left;
	margin-left: 12px;
	margin-top: 5px;
	width: 303px;
	height: 317px;
	background-image: url(../images/login_bg.jpg);
	background-color: #80D201;
	background-repeat: no-repeat;
}
#logincontent {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}
#logincontent a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}
#logincontent a:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.logininput {
	font-size: 10px;
	color: #212121;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
	width: 120px;
	border-top-color: #80D201;
	border-right-color: #80D201;
	border-bottom-color: #80D201;
	border-left-color: #80D201;
	margin-top: 10px;
}


#greyBox{
	width:727px;
	height:125px;
	background-image: url(../images/greybox_bg.jpg);
	background-repeat: repeat-x;
	color: #212121;
}
#greyBox a {
	font-size: 11px;
	color: #114488;
	text-decoration: underline;
}
#greyBox a:hover {
	font-size: 11px;
	color: #114488;
	text-decoration: none;
}
#greenBox{
	margin-top: 20px;
	margin-left: 8px;
	font-size: 11px;
	color: #FFFFFF;
	width:461px;
	height:180px;
	background-image: url(../images/greenbox_bg.jpg);
	background-color: #80D201;
	background-repeat: no-repeat;
}
#greenBox a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}
#greenBox a:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
#greenBoxLft{
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	width:193px;
}
#greenBoxRt{
	font-size: 11px;
	color: #FFFFFF;
	float: left;
	margin-top: 15px;
	margin-left: 50px;
	width:193px;
}
#boxContentFt	{
	margin-right: 0px;
	margin-left: 0px;
}

.boxContent a strong {
}

#eColumn .boxContent  {
	width: auto;
}

.boxContent  {
	font-size: 14px;
	width: 196px;
}

.boxContent a {
	font-size: 14px;
	color: #114488;
	text-decoration: none;
}
.boxContent a:hover {
	color: #114488;
	text-decoration: underline;
}

#pytaniaBox {
		background-color: #f1f1f1;
}

#sColumn #aktualnosciBox .guziki {
    margin-top:10px;
}

#sColumn #aktualnosciBox,
#dyplomBox,
#mojekonto {
		background-color: #f1f1f1;
		margin-bottom:20px;
}

#pytaniaBox .boxContent ,  #aktualnosciBox .boxContent  {
		font-size:14px;
}

#dyplomBox .boxContent, #mojekonto .boxContent, #pytaniaBox .boxContent, #aktualnosciBox .boxContent {
		padding:10px 7px 10px 7px;
		border-bottom:1px solid #ccc;
}


#pomozemyBox {
}
#opinieBox {
}
#kursBox {
}
#forumkursuBox {
}
#teoriaBox {
	margin-bottom: 20px;
}

#courseTitle{
		border-bottom:1px solid #CCCCCC;
		color:#114488;
		font-size:23px;
		letter-spacing:normal;
		m_argin-top:9px;
		padding: 13px 0 8px;
		width:730px;
}
#courseTitle b {
    font-weight: normal;
}
#courseTitle a {
		color:#114488;
		font-size:23px;
		text-decoration:none;
}
#courseTitle a:hover {
		text-decoration: underline;
}
#courseTitle2{
		width:723px;
		margin-left: 6px;
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 15px;
		letter-spacing: normal;
		color: #666666;
}
#teoriaBoxTitle{
	border-bottom: 1px solid #CCCCCC;
	width:200px;
	height:40px;
	margin-left: 6px;
	margin-top: 9px;
	font-size: 18px;
}
#cwiczeniaBoxTitle{
	border-bottom: 1px solid #CCCCCC;
	width:200px;
	height:40px;
	margin-left: 6px;
	margin-top: 9px;
	font-size: 18px;
}
#swfBox{
	text-align:center;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width:723px;
	margin-left: 6px;
}
.green {
	color: #114488;
}
#screennavi {
	float:left;
	text-align:center;
	margin-top:5px;
	width:480px;
	color: #114488;
}
#screennavi a {
	color: #114488;
	text-decoration: underline;
}
#screennavi a:hover {
	color: #114488;
	text-decoration: none;
}
#cwiczeniaBox {
	margin-bottom: 20px;
}
#raportyBox {
	margin-bottom: 20px;
}
#konkursyBox {
	margin-bottom: 20px;
}
#mojekursyBox {
	font-size: 11px;
	color: #212121;
	font-weight:bold;
	margin-bottom: 30px;
}

#cwiczeniaContent{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;

}
#nasipartnerzyBox {
	margin-top: 20px;
	margin-bottom: 20px;
}
#wymiernekorzysciBox {
	margin-top: 20px;
	margin-bottom: 20px;
}
#showhidebt {
	height: 1px;
	width: 1px;
	position: relative;
	left: 0px;
	top: 200px;
	right: 0px;
	bottom: 0px;
}


#oColumn {
		width: 600px;
		margin: 20px auto 0 auto;
}

#oColumn.logowanie div {
		margin: 20px auto;
}

#oColumn.logowanie .form {
		width:100%;
		margin-bottom:30px;
}


.submit-upload, .submit {
		background-color:transparent;
		border: 0px;
		color: #fff;
		padding: 5px 0 5px;
		text-align: center;
		text-decoration: none;
		background-image:url("../images/bt_orange_off.gif");
		width:112px;
		height:30px;
		font-size: 14px;
}

a.submit-upload, a.submit {
        width:112px;
        height:20px;
		text-align: center;
		display:block;
}


.submit-upload:hover, .submit:hover {
		background-image:url("../images/bt_orange_on.gif");
		background-color:transparent;
		color:#af740e;
		text-decoration: none;
}

.field input, .field select,  .field textarea {
		background-color: #fff;
		border:1px solid #666666;

}


/*
 *************
 * Errors
 *************
 */
.error {
		color: #f00;
}

ul.error {
		color:red;
		list-style: none;
		margin: 5px 0px 5px 0px;
}



/**
** style dla testow
**
**/
#sColumn {
	float: right;
	width: 211px;
}


#mainContent h3 {
		marging: 0;
		background-repeat: none;
		color:#5e5d5b;
}

#sColumn h3.cw-header,  #sColumn h3.teoria-header{
		margin-bottom:0;
		background-image:none;
		padding-left:5px;
		background-color: #f1f1f1;
		font-size:22px;
}

.moje_kursy .kursBox {
	float:left;
	width:100%;
	border-bottom:1px solid #ccc;
}

.moje_kursy h4 em {
		display: inline;
}

#kursy_po_kupieniu  a.dokursu:hover,
.moje_kursy .kurs_info a.dokursu:hover {
		background-image: url(../images/bt_orange_on.gif);
		color:#af740e;
}

#kursy_po_kupieniu a.dokursu,
.moje_kursy .kurs_info a.dokursu {
		background-image: url(../images/bt_orange_off.gif);
		background-position: top;
		display:block;
		width:112px;
		height:23px;
		margin:0;
		padding:7px 0 0 0;
		text-align:center;
		overflow: hidden;
		color:#fff;
		font-size:14px;
		text-decoration: none;
}


.moje_kursy .kurs_info h5 b{
		text-transform: none;
		color:#212121;
		font-size:14px;
}
.moje_kursy .kurs_info h5 {
		font-size: 11px;
		color:#605d5c;
		font-weight: normal;
		margin:7px 0;
		text-transform: uppercase;
}

.moje_kursy .kurs_info p {
		margin-bottom: 10px;
		width:400px;
}

.moje_kursy .kurs_info .links {
		float:right;
		width:120px;
		margin:50px 0 20px 0;
}

.moje_kursy .kurs_info  a.wykup {
		background-color: #212121;
		border: 0px;
		color: #fff;
		padding: 10px;
		text-decoration: none;
		float: right;
		background-image: none;
}


.moje_kursy .kurs_info .info {
		float:left;
		width:333px;
		margin:0;
}

.moje_kursy .kurs-short_header {
		margin:0;
}
.moje_kursy .kurs-short_header a.kurs-nazwa_wyl:hover {
    text-decoration: none;
}
.moje_kursy .kurs-short_header a.kurs-nazwa:hover {
    text-decoration: underline;
}

.moje_kursy .kurs-short_header a.kurs-nazwa{
    text-decoration: none;
}

a.grupa-nazwa{
		text-decoration: none;
		color: #5E5D5B;
}

.moje_kursy .kurs-short_header em {
	display:block;
	font-size:23px;
	font-style:normal;
	font-weight:normal;
	padding:10px 5px 5px;

}


.moje_kursy .kurs_info a {
		padding-left:10px;
		display:block;
}

.moje_kursy .kurs_info .dyplom {
		text-align: center;
		float:right;
		width: 104px;
		margin-top:0px;
}
.moje_kursy .kurs_info .dyplom a  {
		background-image: none;
		text-decoration:none;
		font-weight: bold;
		padding: 0 0 0 0;
		margin-bottom:10px;
}


.moj_kurs {
		p_osition: relative;
		border-bottom: 1px solid #ccc;
}

#aktualnosciBox .fltrt a,  #aktualnosciBox .fltlft a,  #pytaniaBox .fltrt a, #pytaniaBox .fltlft a{
	font-size:11px;
}

#pytaniaBox h4 {
		text-align: right;
		font-size: 11px;
		color:#bbb;
}

#pytaniaBox a.pytanie {
		margin-bottom: 15px;
		float:left;
		font-weight: bold;
}

#mojekono h3 {
	 background-image: url("../images/ikonki/moje_konto.gif");
}

.invisible {
	display: none;
}

table.form  {
    background-color: #f5f5f5;
}

div.formBox2,
div.formBox {
    margin:10px;
    padding:10px 10px;
    background-color: #f5f5f5;
}
div.formBox2 {
    background-color: #fff;
}

div.formBoxAction {
    margin:0px;
    padding:10px;
    background-color: #fff;
    border-bottom:1px solid #ccc;
}

.requiredMsg {
    float:left;
    font-size:11px;
    margin-top:8px;
    color:#666;
}

.naglowek2 {
    color:#666666;
    display:block;
    font-size:11px;
    margin:10px 0;
}


table.form .field {
}

table.form td {
		padding: 3px;
}

table.form td.mark {
    padding:0;
    width:8px;
}
table.form td.label {
    vertical-align: middle;
    text-align: right;
}

table.form h4 {
    margin:0px;
}

input.inputbox  {
		vertical-align: middle;
		margin-top:0;
		margin-bottom:0;
}

table.form .field input.inputbox  {
		width: 30px;
		background-color: transparent;
		border:0px solid #666666;
}

table.kontaktTable  .field input, table.form .field input, table.form .error input, table.form .error textarea  {
		padding: 4px;
}

table.kontaktTable .error input, table.form .error input, table.form .error textarea {
		padding: 4px;
		border:1px solid red;
		background-color: #dedede;
}

table.polecTable  .field input, table.form .field input, table.form .error input, table.form .error textarea  {
		padding: 4px;
}

table.polecTable .error input, table.form .error input, table.form .error textarea {
		padding: 4px;
		border:1px solid red;
		background-color: #fff;
}


table.form span.error {
		color: #f00;
}

table.form .error select {
	border:1px solid red;
    background-color: #fff;
}

.field input, .field select,  .field textarea {
		background-color: #fff;
		border:1px solid #666666;
}


/**
 **  Pytania
 */

.odp-faq_header em, .pytanie-faq_header em{
		font-style: normal;
}
.odp-faq_header, .pytanie-faq_header {
		border-bottom:1px dotted #CCCCCC;
		font-size:12px;
		margin:10px 0;
		font-weight:normal;
		font-style:normal;
}

#pytaniaLista {
}

#pytaniaLista .grupaPytanie {
		padding-left: 15px;
		padding-right: 10px;
}

#pytaniaLista .grupa {
		padding-left: 20px;
		padding-right: 10px;
}

#pytaniaLista .powrot {
		width:auto;
		float:right;
		margin-bottom:15px;
}



#pytaniaLista .wiecej {
		width:auto;
		float:right;
		margin-bottom:5px;
}

#pytaniaLista h4 a {
		font-size: 12px;
}


#pytaniaLista h4 {
		margin-bottom:10px;
		font-weight: bold;
		font-size: 12px;
}

#pytaniaLista h3 {
		font-weight: bold;
		font-size: 14px;
}

#pytaniaBox a {
		margin-bottom:10px;
		display:block;
}

#pytaniaLista a.pytanie {
		display:block;
		margin-bottom:10px;
		font-size:12px;
}

#pytaniaLista p.odp {
		margin-left:35px;
}

#pytaniaLista .grupa {
		border-bottom: 1px dotted #ddd;
		margin-bottom:5px;
		padding-bottom:15px;
}

.opis {
    margin-top:10px;
    padding-left:20px;
}
/**
 **  Pytania  - koniec
 */



.zam {
	float:left;

}
#sColumn h3.kroki {
    margin-bottom:0;
    background-color: #fff;
}

.zam a {
	display:block;
	float:left;
	height:53px;
	width:200px;
	border:0px solid red;
	background-image: url("../images/placeniea.gif");
	background-position: center -71px;

	font-size:14px;
	text-decoration: none;
	text-align: center;
	width:211px;

}

.zam #zam-podsumowanie {
    border-bottom:1px solid #ccc;
}

.zam #zam-wybor_kursu {
	background-image: none;
	background-color: #f1f1f1;
}

.zam a em {
    font-style: normal;
    color: #212121;
    margin-top:21px;
    display:block;
}

.zam .teraz em {
    font-weight: bold;
}

.zam .poczatek,
.zam #zam-logowanie {
    background-image: url("../images/placeniea.gif");
    background-position: center -1px;
}
.zam .przed {
    background-image: url("../images/placeniea.gif");
    background-position: center -253px;
}

.zam .nastepny {
    background-position: center -157px;
    background-image: url("../images/placeniea.gif");
}


#eColumn .component a, #eColumn .component a:hover {

}

#eColumn .component * {
		font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size: 14px;
}

#eColumn .component sup, #eColumn .component sub {
		font-family: Verdana,Geneva,Arial,Helvetica,sans-serif
		font-size: 11px;
		line-height: 200%;
}

#eColumn .component_note, #eColumn .component {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-left: 0;
		margin-right: 0px;
}

#eColumn .soundonoff a:hover {
		text-decoration: underline;
}
#eColumn .soundonoff a {
		color:#114488;
		text-decoration: none;
}

#eColumn .soundonoff {
		float:right;
		margin-top:-75px
}

#eColumn .component {
		margin-top:10px;
		margin-bottom:10px;
		padding-top:15px;
		padding-bottom:15px;
}

#eColumn .flash {
		padding-top:0px;
		padding-bottom:0px;
}

#eColumn .component_note {
		padding:20px;
}
#eColumn .component_note p {
		margin-bottom:30px;
}

#eColumn .punkty {
		margin-left: 6px;
		margin-right: 6px;
		padding-left: 10px;
}

.kurs_message {

}

#message {
		position: absolute;
		top: 50px;
		right: 10px;
}

#message h4.timer {
		background: transparent url(../images/kurs/czas.gif) no-repeat scroll 0px 0px;
		border: 0px solid red;
		display: block;
		height: 40px;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		text-align: right;
}

#message .timer em {
		color: #113366;
		font-style:normal;
		display: block;
		font-size: 16px;
		height: 28px;
		padding:12px 10px 0pt 0pt;
}

#screenBox {
		color: #212121;
		position: relative;
}

#screenBox h3 {
		padding: 7px 17px 1px 17px;
		font-size:12px;
}

#screenBox h3 p {
		display:inline;
}

#screenBox h4 {
		padding: 2px 17px 6px 5px;
		font-size:14px;
		color:#666;

}

#screenBox h4.withTimer {
		padding: 2px 100px 25px 0px;
		margin: 2px 0px;
}

#screenBox h4 p {
		display:inline;
}

#short-nav, #main-nav{
		width:723px;
		margin-left:0px;
}
#short-nav .screeninfo h1 {
		font-size: 15px;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
}

#main-nav .screennavi, #short-nav .screeninfo {
		float:left;
		width: 475px;
		text-align: center;
}

#short-nav .screeninfo {
		margin-top:6px;
		text-align: center;
}


#kursBox .kurs-inny {
			font-weight: bold;
		width: 479px;
		height: 49px;
		background-image: url(../images/headers/kurs_empty.gif);
}


#eColumn  .kurs-inny {
		background-image:  url(../images/headers/kurs_l.gif);
		width:727px;
		height:49px;
}

#eColumn  .kurs-inny em, #kursBox  .kurs-inny em {
		display:block;
		font-size: 16px;
		font-style: normal;
		margin-left:20px;
		padding-top: 20px;
}

#cColumn .kurs-icon-header {
		background-image:  url(../images/headers/kurs_no_icon_short.gif);
		width:479px;
		height:49px;
}


#cColumn .kurs-icon {
				float: right;
				padding: 3px;
				margin: 10px;
}

#eColumn h3.kurs-icon-header {
		background-image:  url(../images/headers/kurs_no_icon_long.gif);
		background-image:none;
		height:49px;
}

#eColumn  .kurs-icon-header em, #screenBox  .kurs-icon-header em {
		display:block;
		float: left;
}

#eColumn .kurs-icon {
				float: left;
				padding: 3px;
				margin: 10px;
}

#rcColumn .kurs-icon-header-raport {
		background-image:  url(../images/raporty/kurs.gif);
		width:713px;
		height:49px;
}

#rcColumn  .kurs-icon-header-raport em {
		display:block;
		font-size: 16px;
		font-style: normal;
		font-weight: bold;
		margin-left:20px;
		padding-top: 20px;
		float: left;
}

#rcColumn .kurs-icon {
				float: right;
				padding: 3px;
				margin: 10px;
}

#rcColumn .plan-kursu-raport {
		position: absolute;
		right: 50px;
		top: 12px;
		padding: 10px;
}

#rcColumn .plan-kursu-raport-link a{
		font-size: 11px;
		color: #79c505;
		text-decoration: underline;
}

#rcColumn .plan-kursu-raport-link a:hover {
		font-size: 11px;
		color: #79c505;
		text-decoration: none;
}

/*
	wskazówki, odpowiedz, powtorz
*/
.sprawdzbtn:hover  {
        background-image:url(../images/bt_blue_on.gif);
        color:#114488;
        text-decoration: none;
}
.sprawdzbtn {
		display:block;
		margin-top:15px;
		margin-bottom:10px;
		float:left;

        background-image:url(../images/bt_blue_off.gif);
        background-repeat:no-repeat;
        color:#FFFFFF;
        float:left;
        font-size:14px;
        font-weight:normal;
        height:30px;
        padding-top:5px;
        text-decoration:none;
        width:112px;
    text-align: center;
}

.sprawdzbtn em {
   font-style: normal;
}
.wskazowkabtn:hover {
    text-decoration: none;
    background-image:url(../images/bt_orange_on.gif);
    color:#E7A73D;
}

.wskazowkabtn {
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	margin-right: 20px;

    background-image:url(../images/bt_orange_off.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
    float:left;
    font-size:14px;
    font-weight:normal;
    height:30px;
    padding-top:5px;
    text-decoration:none;
    width:112px;
    text-align: center;
}
.wskazowkabtn em {
    font-style: normal;
}

.powtorzbtn:hover {
    text-decoration: none;
    background-image:url(../images/bt_orange_on.gif);
    color:#E7A73D;
}
.powtorzbtn {
	background-image:  url(../images/kurs/powtorz.gif);
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	float:right;
    background-image:url(../images/bt_orange_off.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
    float:left;
    font-size:14px;
    font-weight:normal;
    height:30px;
    padding-top:5px;
    text-decoration:none;
    width:112px;
    text-align: center;
    margin-right:10px;
}

.powtorzbtn em {
    font-style: normal;
}
.przyznane_punkty {
		margin-left:5px;
}

#kryteria {
		margin-top:10px;
}

#eColumn .kryteria-box, #eColumn .wsk-box {
		border: 1px solid #D8E2E9;
		margin:0 auto 10px auto;
		clear: both;
		padding:5px;
}

#eColumn .kryteria-header, #eColumn .wsk-header, #eColumn  .odp-header {
		background-image:  url(../images/popup_header.gif);
		height:29px;
		margin:0 auto 0 auto;
}


#eColumn .kryteria-header em,  #eColumn .wsk-header em, #eColumn  .odp-header em {
		color: #000;
		font-size:14px;
		font-style: normal;
		padding-left:20px;
		padding-top:6px;
		display:block;
		width:400px;
		float:left;
}

#eColumn .kryteria-header a,   #eColumn .wsk-header a  #eColumn  .odp-header a  {
		border:0px solid #FFFFFF;
		display:block;
		float:right;
		margin:6px 6px 6px 0;
}
#eColumn .kryteria-header a:hover,  #eColumn .wsk-header a:hover, #eColumn  .odp-header a:hover {
    text-decoration: none;
}
#eColumn .kryteria-header a span,  #eColumn .wsk-header a span, #eColumn  .odp-header a span {
		color:#114488;
		margin:0 auto 0 auto;
		border: 0px solid red;;
		margin:4px;
}

#eColumn .odp-box {
		border: 1px solid  #D8E2E9;
		margin:0 auto 10px auto;
		clear: both;
		padding:5px;
}

#eColumn .odp-box p, #eColumn .wsk-box p  {

}

.odp-text {
		min-width: 40px;
		background-color: #efefef;
		border: 2px solid #808080;
		line-height:200%;
		padding: 0 10px 0 10px;
		overflow: auto;
}

.wyniki {
		width:60%;
		border:1px solid #f1f1f1;
		border-collapse: collapse;
		margin: 10px auto 0 auto;
}

.wyniki th {
		background-color: #f1f1f1;
		padding:4px;
}

.wyniki td {
		border:1px solid #f5f5f5;
		padding:2px;
}

.zad_ok {
		background:  url(../images/true_big.gif) no-repeat scroll left center;
		padding-left: 15px;
		margin-right: 4px;
}

.zad_zle {
		background:  url(../images/false_big.gif) no-repeat scroll left center;
		padding-left: 15px;
		margin-right: 4px;
}
.zad_ok_wynik {
		background:  url(../images/true.gif) no-repeat scroll left center;
		padding-left: 15px;
}

.zad_zle_wynik {
		background:  url(../images/false.gif) no-repeat scroll left center;
		padding-left: 15px;
}

.zad_obojetne {
		background: none;
		padding-left: 15px;
		margin-right: 4px;
}
html>body .zad_ok input, html>body .zad_zle input, html>body .zad_obojetne input {
		vertical-align: bottom;
}

.zad_unknown {
		background:  url(../images/qmark.gif) no-repeat scroll left center;
		padding-left: 15px;

}

#screenBox a.siblingActive, #screenBox a.sibling {
		color:#114488;
		text-decoration: undeline;
		font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
		font-size:14px;
		border:1px solid #ccc;
		padding:3px;
		margin:1px;
		margin-bottom:15px;
		line-height:30px;
		text-decoration: none;
}

.screennavi .sep {
		display:none;
}

#screenBox a.sibling:hover {

		text-decoration: underline;
}

#screenBox a.siblingActive:hover {
		text-decoration: none;
}

#screenBox a.siblingActive {
		font-weight:bold;
		color: #114488;
		text-decoration: none;
		border: 1px solid #fff;
}

#eColumn .component input, #eColumn .component textarea {
		background-color: #efefef;
		border: 1px solid #bcbcbc;
		margin:4px 4px 0px 4px;
}

#eColumn .component .submit2 {
    border:0px;
}

#eColumn .component select {
		background-color: #efefef;
		border: 1px solid #bcbcbc;
		margin:4px 0px 0px 0px;
}

#eColumn .component textarea {
		width:80%;
}

#eColumn .component input.checkbox,#eColumn .component input.radio {
		width:auto;
}

#eColumn .component input.submit:hover  {
}

#eColumn .component input.submit  {
    border:0px ;
}

a.kurs_other {
		padding:6px 0px 6px 30px;
		display: block;
}

.plankursu-opis {
		float:left;
		width:420px;
		overflow:auto;
		overflow-x:auto;
		overflow-y:hidden;
}

.plankursu-opis .tytul {
		font-size:14px;
		color:#212121;
		font-weight: normal;
}

.plankursu-elementy {
		float:right;
		width:300px
}

.plankursu-elementy  a em {
		font-style: normal;
}


.plankursu-elementy .status {
		float:left;
		margin:0 10px;
		width:16px;
		height:32px;
}

.plankursu-elementy .guziki {
		float:left;
		margin:1px 0 0 0;
}

#planKursuZakladki {
    width:100%;
    padding-top: 50px;
    border-top:1px solid #ccc;
}

#planKursuZakladki h4 {
	 border-bottom:1px solid #CCCCCC;
	 font-size:14px;
}

#planKursuZakladki h4 em {
		font-weight: normal;
		font-style: normal;
}

#biezaca_wiad {
    margin-bottom:20px;
    border-bottom: 1px solid #ccc;
}

.next_nav:hover, .next_tab:hover, .next_module:hover {
        background-image: url(../images/buttons/right_arrow_on.gif);
        color:#e7a73d;
        text-decoration: none;
}
.next_nav strong, .next_tab strong, .next_module strong {
    font-weight: normal;
}
.next_nav, .next_tab, .next_module {
		background-image: url('../images/buttons/right_arrow.gif');
		float:right;
		background-repeat: no-repeat;
		background-position: right center;
		height: 24px;
		display:block;
		padding-top:16px;
        display:block;
        overflow: hidden;
        color:#FFFFFF;
        font-size:14px;
        font-weight:normal;
        padding-top:5px;
        text-decoration:none;
        width:113px;
        text-align: center;
}
.prev-action {
		float:left;
		width:112px;
		overflow: hidden;
		text-align: center;
}

.prev_nav:hover, .prev_tab:hover, .prev_module:hover  {
        text-decoration: none;
        background-image: url(../images/buttons/left_arrow_on.gif);
        color:#e7a73d;
}

.prev_box {
    float:left;
    width: 30%;
    margin-left:15px;
}

.next_box {
    float:right;
    width: 30%;
    margin-right:15px;
}

.prev_nav strong, .prev_tab strong, .prev_module strong {
    font-weight: normal;
}
.prev_nav, .prev_tab, .prev_module {
		background-image: url('../images/buttons/left_arrow.gif');
		background-position: left center;
		background-repeat: no-repeat;
		float:left;
		display:block;
		padding-top: 16px;
        height:30px;
        display:block;
        background-repeat:no-repeat;
        color:#FFFFFF;
        float:left;
        font-size:14px;
        font-weight:normal;
        height:24px;
        padding-left:5px;
        padding-top:5px;
        text-decoration:none;
        width:113px;
        text-align: center;
}

#main-nav .previous, #short-nav .previous, .prev_module_grey {
		background:  url(../images/buttons/left_arrow.gif) no-repeat scroll left center;
		height:30px;
		display:block;
		background-repeat:no-repeat;
		color:#FFFFFF;
		float:left;
		font-size:14px;
		font-weight:normal;
		height:26px;
		padding-left:5px;
		padding-top:8px;
		text-decoration:none;
		width:113px;
}

#main-nav .previous:hover, #short-nav .previous:hover, .prev_module_grey:hover {
		background-image: url(../images/buttons/left_arrow_on.gif);
		color:#e7a73d;
}

.list_nav {
    float:left;
    text-align: center;
    width:30%;
    margin:auto auto auto auto;
    height: 36px;
    padding-top:6px;
}


#main-nav .next, #short-nav .next, .next_module_grey {
		background:  url(../images/buttons/right_arrow.gif) no-repeat scroll right center;
		height:30px;
		width:112px;
		display:block;
		overflow: hidden;
		color:#FFFFFF;
		float:left;
		font-size:14px;
		font-weight:normal;
		height:26px;
		padding-left:5px;
		padding-top:8px;
		text-decoration:none;
		width:113px;
}
#main-nav .next:hover, #short-nav .next:hover, .next_module_grey:hover {
		background-image: url(../images/buttons/right_arrow_on.gif);
		color:#e7a73d;
}

.next-action {
		float:right;
		width:112px;
		padding-right: 10px;
		overflow: hidden;
		text-align: center;
}
a.kurselm:hover {
		background-image: url('../images/bt_orange_on.gif');
		color:#af740e;
		text-decoration: none;
}

a.kurselm em {
		display: inline;
		color: #fff;
		font-style: normal;;
}

a.kurselm {
		display:block;
		float: left;
		background-image: url('../images/bt_orange_off.gif');
		display:block;
		width:112px;
		text-decoration: none;

		height:23px;
		disply:block;
		text-align: center;
		color:#fff;
		padding:7px 0 0;
		text-decoration: none;
}
/*
a.egzamnin_probny em {
		padding-top: 3px;
}*/

a.kurselm-disabled:hover,
a.kurselm-disabled {
		background-image: url('../images/bt_blue_on.gif');
		color:#eee;
		text-decoration: none;
}

a.cwiczenia-btn:hover {
		background-image:url(../images/bt_orange_on.gif);
		color:#af740e;
		text-decoration: none;
}
a.cwiczenia-btn {
		background-image:url(../images/bt_orange_off.gif);
		display:block;
		width:112px;
		disply:block;
		text-align: center;
		color:#fff;
		height:23px;
		padding:7px 0 0;
		text-decoration: none;
}

#kursTab .yui-nav {
		border-bottom:1px solid #ccc;
}

#kursTab .yui-nav  li {
		margin: 0;
}

.boxContent li.last a.modul-tab, .boxContent li.last a.egzamin-tab {
    background-position: right top;
}

.boxContent li a.modul-tab, .boxContent li a.egzamin-tab {
		display: block;
		height:31px;
		color: #fff;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		height:42px;
		background-image: url(../images/tab_off.gif);
		white-space: nowrap;
}

.boxContent li a em {
padding: 18px 20px 0px 20px
}

.boxContent li.selected a.modul-tab em {
		margin: 0 10px 0 0;
		color:#605d5c;
		font-weight: bold;
}

.boxContent li.last {
		background-image: url(../images/tab_off.gif);
		padding-left:1px;
}

.boxContent li.selected {
		background-image: url(../images/tab.gif);
		padding-left:10px;
}


.boxContent li.selected a.modul-tab {
		background-image: url(../images/tab.gif);
		background-position: right top;
		border:0px solid #fff;
}
.boxContent  li.selected a.modul-tab:hover {
}

.boxContent a.egzamin-tab em, .boxContent a.modul-tab em {
		display:block;
		color:#114488;
		font-size: 14px;
		font-weight: normal;
}

.boxContent li a.modul-tab:hover {

}

.boxContent a.egzamin-tab {
		background-image: url(../images/bt_orange_off.gif);
}

.boxContent a.egzamin-tab:hover {
		background-image: url(../images/bt_orange_on.gif);
}


a.teoria-btn:hover {
		background-image: url(../images/bt_orange_on.gif);
		color:#af740e;
		text-decoration: none;
}

a.teoria-btn {
		background-image: url(../images/bt_orange_off.gif);
		display:block;
		width:112px;
		height:23px;
		disply:block;
		text-align: center;
		color:#fff;
		padding:7px 0 0;
		text-decoration: none;
}

.belka_ikona {
		 float: left;
		 padding: 3px;
}

.kursTumb {
		width:120px;
		height:120px;
		float: left;
		margin:10px;
		overflow: hidden;
}

.moje_kursy  .kursTumb img {
    border:1px solid #ccc;
}

.moje_kursy  .kursTumb a {
    display:inline;
    border:0px solid #ccc;
    margin:0;
    padding:0;
}


.start:hover {
    background-image: url("../images/start_on.gif");
}

a.start {
    float:right;
    margin:80px 22px 20px 10px;
    background-image: url("../images/start.gif");
    width:92px;
    height:20px;
    padding:5px 10px;
    font-size:14px;
    color:#FFFFFF;
    text-decoration: none;
    text-align:left;
    padding-left:10px;
    text-indent:10px;
}


.kurs_info_wykup p, .kurs_info_wykup .opis1 {
		margin-bottom:20px;
}

.kurs_info_wykup h5.dostepna_od {
		font-size:11px;
		font-weight: normal;;
}

.kurs_info_wykup h5.cena {
		font-size:11px;
		float:right;
		right: 70px;
		margin:10px 10px 0px 0px;
		position:absolute;
		bottom:10px;
}

.kurs_info_wykup h5.cena em {
		font-size:20px;
		font-style:normal;
		font-weight: bold;
}

 .kurs_info_wykup .wiecejo {
		float:left;
		padding-left:10px;
		position:absolute;
		bottom: 5px;
		text-decoration: underline;
}

.kurs_info_wykup .wykup:hover {
        background-image: url("../images/zamow_on.gif");
}

.kurs_info_wykup .wykup {
		float:right;
		background-image: url("../images/zamow.png");
		width:92px;
		height:20px;
		padding:5px 10px;
		margin:60px 0;
		font-size:14px;
		text-align: left;
}

.kurs_wybor .kurs_info_wykup {
		background-image: url(../images/greybox_bg2.jpg);
		background-position:bottom;
		background-repeat: repeat-x;
		padding:10px;
		width: 680px;
		position: relative;
}
.moje_kursy .kurs_info_wykup  {
		padding: 5px;
		position: relative;
}

.kurs_info_wykup .opis4 {
		float:left;
		width:425px;
		overflow: auto;
}

.nieteoria_lista, .teoria_lista  {
		margin: 0;
		background-color: #f1f1f1;
}

.nieteoria_lista  a:hover,
.teoria_lista a:hover {
		text-decoration: underline;
}
.nieteoria_lista a,
.teoria_lista a {
		font-size: 14px;
		text-decoration: none;
		margin-left:30px;
		display:block;
}
.nieteoria_lista  .kurs_element,
.teoria_lista  .kurs_element{
		padding:10px;
		border-bottom:1px solid #CCCCCC;
}
.kurs_element .counter {
		font-size: 14px;
		display:block;
		width:25px;
		text-align: right;
		float:left;
		color:#114488;
}


.indexBox .odwiedzone, .indexBox a.odwiedzone, a.odwiedzone, .indexBox a.odwiedzone:hover, a.odwiedzone:hover,
.indexBox .przerobione, .indexBox a.przerobione, a.przerobione, .indexBox a.przerobione:hover, a.przerobione:hover, .indexBox a.przerobione, a.przerobione:visited {
    color: #3A759E;
    text-decoration: none;
}


/*
 strony logowania scieżka płacenie
*/
.logowanie_placenie {
    width:300px;
    background-color: #f1f1f1;
    padding:20px;
    margin:5px 0;
}

.logowanie_placenie .field a:hover {
    text-decoration: underline;
}

.logowanie_placenie .field a {
    color:#114388;
    text-decoration: none;
    font-weight: bold;
}
.logowanie_placenie .field input {
    background-color: #fff;
    width:250px;
}

.logowanie_placenie .hint .mark em,
.logowanie_placenie .hint {
    font-size:10px;
}

.wyslijButton:hover {
    background-image: url("../images/wyslij_on.gif");
}
.wyslijButton {
    background-image: url("../images/wyslij.gif");
    width:112px;
    height:30px;
    padding:0px 10px;
    font-size:14px;
    color:#FFFFFF;
    text-decoration: none;
    padding-left:10px;
    text-align: left;
}

.drukujButtom:hover {
    background-image: url("../images/drukuj_on.gif");
}
.drukujButtom {
    background-image: url("../images/drukuj.gif");
    width:112px;
    height:30px;
    padding:0px 10px;
    font-size:14px;
    color:#FFFFFF;
    text-decoration: none;
    padding-left:10px;
    text-align: left;
}

#kursy_po_kupieniu  {
    text-align: right;
}

.wykupionyInfo {
    text-decoration: none;
    font-style:italic;
    display: block;
    font-size: 13px;
    font-weight: normal;
    color:#444;
    margin:5px 0px 5px 55px;
}

.komunikatBox {
 width:705px;
 background:#fff none repeat scroll 0 0;
 margin: 10px auto;
 padding:10px;
}

#pomoc_email, .pomoc_konto {
    font-size:11px;
    color:#666;
}

.kontaktTable {
  text-align: left;
}

.kontaktTable th {
    text-align: right;
    font-weight: normal;
}