html {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

img {border: none;}

#body {
    FONT: normal 11px/14px Verdana, Arial, Tahoma, san-serif;
    color: #333333; 
    margin: 0px auto;
	text-align: left;
	background: #FFF;
}
/* naglowek */
#head {
	width: 100%;
    height: 85px;
    padding: 5px 0 5px 0;
    background: #FFF;
    border-bottom: 13px solid #C00;
}

#search {
    width: 170px;
    height: 85px;
    text-align: right;
    padding: 3px 0 2px 0;
    margin: 0 15px 0 0;
    background: url(../img/bg-search.jpg) no-repeat left 50%;
}

.sear {
    margin: 55px 0 0 0;
    float: right;
}
.sear { background: url(../img/bg-search.gif) no-repeat 0 0; height: 22px;width: 110px;}
.sear form input { margin-top: 3px; vertical-align: middle; color: #a2a2a2; font-size: 11px; }


.logo {
    FONT: bold 17px/19px Verdana, Arial, Tahoma, san-serif;
    color: #000000; 
    float: left;
    margin: 0 0 0 10px;
}

/* górne menu */
.menuTop {
    color: #999999;
    text-align: right;
	height: 85px;
	float: right;
}

.menuTop a {
    FONT: bold 11px/14px Verdana, Arial, Tahoma, san-serif;
    text-decoration: none;
    display: inline;
    color: #999999;
}

.menuTop a:hover {
    FONT: bold 11px/14px Verdana, Arial, Tahoma, san-serif;
    color: #000000; 
    text-decoration: none;
}
/* koniec */

/* menu */
#menu {
    color: #999999;
    text-align: right;
	height: 85px;
	float: right;
}
#menu ul, #menu li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#menu li {
	text-align: center;
}


#menu a.mojeKursy { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 10px 60px 10px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/mojeKursy.jpg') no-repeat center 35px;
}

#menu a.mojeKursy:hover { 
	color: #C00;
	text-decoration: underline;
	background: url('../img/menu/mojeKursy.jpg') no-repeat center -60px;
}

#menu a.mojeKursyActive { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 10px 60px 10px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/mojeKursy.jpg') no-repeat center -60px;
}

#menu a.listaKursow { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 30px 60px 30px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/listaKursow.jpg') no-repeat center 25px;
}

#menu a.listaKursow:hover { 
	color: #C00;
	text-decoration: underline;
	background: url('../img/menu/listaKursow.jpg') no-repeat center -90px;
}

#menu a.listaKursowActive { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 30px 60px 30px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/listaKursow.jpg') no-repeat center -90px;
}

#menu a.koszyk { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 15px 60px 15px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/koszyk.jpg') no-repeat center 25px;
}

#menu a.koszyk:hover { 
	color: #C00;
	text-decoration: underline;
	background: url('../img/menu/koszyk.jpg') no-repeat center -89px;
}

#menu a.koszykActive { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 15px 60px 15px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/koszyk.jpg') no-repeat center -89px;
}

#menu a.edycjaKonta { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 15px 60px 15px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/edycjaKonta.jpg') no-repeat center 37px;
}

#menu a.edycjaKonta:hover { 
	color: #C00;
	text-decoration: underline;
	background: url('../img/menu/edycjaKonta.jpg') no-repeat center -56px;
}

#menu a.edycjaKontaActive { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 15px 60px 15px;
	margin: 0;
	text-decoration: none;
	background: url('../img/menu/edycjaKonta.jpg') no-repeat center -56px;
}

/* koniec */

/* sciezka */
#sciezka {
    FONT: normal 10px/15px Verdana, Arial, Tahoma, san-serif;
    width: 100%;
    background: #FFF;
    color: #999;
}
.where {
    float: left;
    padding: 5px 10px 5px 10px;
}
.mesage {
    float: right;
    padding: 5px 10px 5px 10px;
}
.msgok {
    FONT: bold 12px/17px Verdana, Arial, Tahoma, san-serif;
    color: green;
}
.mserror {
    FONT: bold 17px/19px Verdana, Arial, Tahoma, san-serif;
    color: #FF0000;
}
/* koniec */

#leftMenu {
    width: 100%;
    padding: 0 0 0 0;
    float: left;
    background: #ece9e0;
}

#tresc {
   background: #ece9e0; 
   width: 100%;
   margin: 0 0 0 0;
}

#ikony {
    FONT: normal 10px/11px Verdana, Arial, Tahoma, san-serif;
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 0 10px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #CC0000;
}

#ikony img {
    margin: 0 12px 0 0;
}

/* lewe menu */
#menuList {
    clear: left;
    display: block;
    background: #ece9e0;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
}

#menuList ul {
	list-style-type: none;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menuList li {
	border-bottom: 1px solid #DDDDDD;
}

#menuList a { 
	FONT: normal 11px/13px Verdana, Arial, Tahoma, san-serif;
	color: #333333;
	display: block;
	background: url('../img/b_plus.gif') no-repeat left;
	padding: 5px 0 5px 15px;
	margin: 0 0 0 0;
	text-decoration: none;
}

#menuList a:hover { 
	color: #CC0000;
	background: url('../img/b_plus.gif') no-repeat left #DDDDDD;
	text-decoration: none;
}

#menuList a.active { 
    font-weight: bold;
	color: #CC0000;
	background: url('../img/b_minus.gif') no-repeat left #DDDDDD;
	text-decoration: none;
}

li.subList1 {
    background: url('../img/sub.png') no-repeat 4px 3px;
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
}

li.subList2 {
    background: url('../img/sub.png') no-repeat 14px 3px;
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
}

/* koniec */

/* zakladki */
#zakladki {
    border-bottom: 5px solid #CCCCCC;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
#zakladki ul, #zakladki li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#zakladki li {
	margin: 0 0 0 0;
}
#zakladki a { 
	FONT: normal 12px/14px Verdana, Arial, Tahoma, san-serif;
	color: #666666;
	display: block;
	padding: 5px 15px 5px 0;
	margin: 0;
	text-decoration: none;
}
#zakladki a:hover { 
	color: #CC0000; 
}
#zakladki a.active { 
    FONT: bold 12px/14px Verdana, Arial, Tahoma, san-serif;
	color: #CC0000; 
}
/* koniec */

/* zawartość */
#title {
    FONT: bold 14px/16px Verdana, Arial, Tahoma, san-serif;
    margin: 0 0 10px 0;
    padding: 0 0 2px 0;
    width: 100%;
    border-bottom: 2px solid #CC0000;
    color: #C00;
}

.name2 {
    FONT: bold 13px/15px Verdana, Arial, Tahoma, san-serif;
	color: #CC0000;
}

.ikonyTresc {
    float: right;
}

.ikonyTresc img {
    margin: 0 0 0 5px;
}

#zawartosc {
    FONT: normal 12px/14px Verdana, Arial, Tahoma, san-serif;
    color: #333333; 
    clear: left;
    border-bottom: 3px solid #CC0000;
    margin: 10px 0 20px 0;
    padding: 10px 0 10px 0;
}
/* koniec */

/* stopka */
#footer {
    width: 100%;
    clear: both;
    float: left;
    margin: 20px 0 0 0;
    background: #FFF;
    border-top: 1px solid #C00;
}

#footer .colL {
    float: left;
    padding: 5px 0 5px 10px;
}

#footer .colR {
    float: right;
    text-align: right;
    padding: 5px 10px 5px 0;
}

#footer a {
    FONT: normal 11px/14px Verdana, Arial, Tahoma, san-serif;
    color: #333333; 
    text-decoration: none;
    border-bottom: 1px dashed #333333;
}

#footer a:hover {
    FONT: normal 11px/14px Verdana, Arial, Tahoma, san-serif;
    color: #333333; 
    text-decoration: none;
    border-bottom: 1px solid #333333;
}
/* koniec */

/* linki */

a.link1 {
    FONT: bold 11px/13px Verdana, Arial, Tahoma, san-serif;
    color: #333333; 
    text-decoration: none;
    border-bottom: 1px dashed #333333;
}

a.link1:hover {
    color: #BBBBBB; 
    text-decoration: none;
    border-bottom: 1px dashed #BBBBBB;
}

/* koniec */

/* formularze */

.form2 {
    display: inline;
    margin: 0;
    padding: 0;
}

.form3 {
    display: inline;
}

.button3 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.button5 {
        background: #ece9e0;
        border: none;
        cursor: pointer;
        FONT: normal 10px/11px Verdana, Arial, Tahoma, san-serif;
}

.button6 {
    border: none;
    background: none;
    cursor: pointer;
    display: inline;
    margin: 0;
    padding: 0;
}

.button7 {
        background: #ece9e0;
        border: none;
        cursor: pointer;
        FONT: normal 10px/11px Verdana, Arial, Tahoma, san-serif;
        width: 20px;
}

.button10 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.buttonKalkulator {
    FONT: bold 15px/13px Arial, Verdana, Tahoma, san-serif;
    border-right: #FFF 0px solid;
    border-top: #FFF 0px solid;
    border-bottom: #FFF 0px solid;
    border-left: #FFF 0px solid;
    background-color: white;
    cursor: pointer;
    color: red;
}

.formL {
    float: left;
    width: 150px;
    margin: 2px 0 2px 0;
    clear: left;
}

.formR {
    margin: 2px 0 2px 0;
}
.formR2 {
    margin: 2px 0 2px 0;
}


/* kalendarz */

.calendarB1 {
    border-right: #FFF 1px solid;
    border-top: #FFF 1px solid;
    border-bottom: #FFF 1px solid;
    border-left: #FFF 1px solid;
    font-size: 11px;
    margin-left: 2px;
    background-image: url('../img/calendar.png');
    background-color: #d7e1ec;
    cursor: pointer;
    color: white;
    font-family: tahoma,sans-serif;
    height: 19px;
    width: 16px;
}

/* koniec */

.history {
    margin: 20px 0 10px 0;
    padding: 10px 0 0 0;
    border-top: 2px solid #CC0000;
}

.border {
    border-top: 1px solid #cccccc;
    margin: 10px 0 10px 0;
}

.borderRed {
    border-top: 1px solid #CC0000;
    margin: 10px 0 10px 0;
}

.clear {
    clear: both;
}

.red {
    color: #CC0000;
}

.green {
    color: green;
}

.colL {
    width: 50%;
    border-right: 1px dashed #CCCCCC;
    float: left;
}

.colR {
    float: left;
    padding: 0 0 0 10px;
}

p.adres {
    FONT: bold 12px/14px Verdana, Arial, Tahoma, san-serif;
    color: #333333; 
    margin: 0 0 8px 0;
    padding: 0;
}

.opis {
    color: #666;
}


a.adres {
    FONT: bold 12px/14px Verdana, Arial, Tahoma, san-serif;
    color: #333333; 
}

a.adres:hover {
    color: #CC0000; 
}

.more {
    FONT: bold 12px/15px Verdana, Arial, Tahoma, san-serif;
    color: #c00;
    margin: 10px 0 10px 0;
}

a.moreLink, a.more{
    FONT: bold 12px/15px Verdana, Arial, Tahoma, san-serif;
    color: #C00; 
}

a.moreLink:hover, a.more:hover {
    color: #999; 
}

p.priceInfo {
    FONT: italic 10px/15px Verdana, Arial, Tahoma, san-serif;
    color: #666; 
    margin: 0 0 0 0;
}

.buttonSort {
    width: 20px;
    float: right;
}

.inputMenuL {
    width: 165px;
    margin: 5px 0 5px 0;
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
}

.selectMenuL {
    width: 70px;
    margin: 5px 0 5px 0;
    float: left;
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
}

.submitMenuL {
    margin: 3px 0 5px 10px;
    width: 90px;
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
}

input {
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
}

select {
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
}

h2 {
    FONT: normal 18px/24px Verdana, Arial, Tahoma, san-serif;
    margin: 20px 0 20px 0;
    color: #CC0000;
}

h4 {
    FONT: bold 12px/15px Verdana, Arial, Tahoma, san-serif;
    margin: 0 0 10px 0;
    color: #333333;
}

h5 {
    FONT: normal 24px/26px Verdana, Arial, Tahoma, san-serif;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    color: #CC0000;
    border-bottom: 2px solid #C00;
}

.NewAcc {
    float: left;
    margin: 0 0 0 0;
    width: 45px;
}

.NewAccBig {
    FONT: normal 12px/15px Verdana, Arial, Tahoma, san-serif;
    float: left;
    margin: 0 0 0 0;
    width: 45px;
}

.inputNewAcc {
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
    display: inline;
    margin: 0 0 5px 0;
    width: 165px;
    border: 1px solid #999;
    color: #999;
}

.inputNewAcc2 {
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
    display: inline;
    margin: 0 0 5px 0;
    border: 1px solid #999;
    color: #999;
}

.inputNewAccEr {
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
    display: inline;
    margin: 0 0 5px 0;
    width: 165px;
    border: 1px solid #C00;
    color: #999;
}

.inputNewAccEr2 {
    FONT: normal 11px/11px Verdana, Arial, Tahoma, san-serif;
    display: inline;
    margin: 0 0 5px 0;
    border: 1px solid #C00;
    color: #999;
}



.inputNewAccBig {
    FONT: normal 12px/12px Verdana, Arial, Tahoma, san-serif;
    display: inline;
    margin: 0 0 5px 0;
    width: 170px;
    border: 1px solid #999;
    color: #999;
}

.submit1 {
    clear: both;
    margin: 10px 0 20px 0;
}

.submit2 {
    clear: both;
    margin: 10px 0 0 0;
}

a.link14 {
    color: #FF0000;
}

a.link14:hover {
    color: #000000;
}

a.link15 {
    color: #999999;
    padding: 0 0 0 20px;
}

a.link15:hover {
    color: #000000;
}

.linkTop {
    text-align: right;
    margin: 0 0 10px 0;
}

.formHead {
    margin: 0;
    padding: 0;
}

a.link20 {
    color: #333333;
    FONT: normal 11px/13px Verdana, Arial, Tahoma, san-serif;
}

a.link20:hover {
    color: #CC0000;
}

ul, li {
    list-style-type: none;
    margin: 1px;
    pading: 1px;
}

#menuL a {
    color: #333333;
    text-decoration: none;
}

#menuL a:hover {
    color: #CC0000;
    text-decoration: underline;
}

p.kursOff {
    color: #C00;
    font-weight: bold;
    width: 110px;
    margin: 0 0 0 0;
    padding: 0 10px 2px 0;
    background: url('../img/!.jpg') no-repeat right 0;
}

p.kursOff2 {
    color: #C00;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 20px 2px 0;
    background: url('../img/!.jpg') no-repeat right 0;
}

a.kursStart {
    text-decoration: none;
    background: url('../img/start.jpg') no-repeat right 0;
    color: #369b09;
    padding: 0 25px 2px 0;
    margin: 0 0 0 0;
}

a.kursStart:hover {
    color: #C00;
    text-decoration: underline;
}

a.linkAdd {
    font-size: 11px;
    color: #333;
    font-weight: bold;
}

a.linkAdd:hover {
    color: #C00;
}

.infoMenago {
    padding: 15px 10px 15px 15px;
    background: url('../img/bgInfoM.jpg') no-repeat right 70px;
    height: 135px;
}

.infoMenagoBig {
    border: 1px solid #C00;
    padding: 10px 15px 0 15px;
    margin: 20px 15px 0 0;
    background: url('../img/bgInfoM-big.jpg') no-repeat 240px 45px;
}

.infoDemoBig {
    border: 1px solid #C00;
    padding: 10px 15px 0 15px;
    margin: 20px 15px 0 0;
    height: 100px;
}
p.bg-demo {
	float: right;
	margin:0;
	padding: 0;
}

.contact {
    padding: 15px 10px 15px 15px;
    background: url('../img/contact.jpg') no-repeat right 70px;
#    height: 135px;
}

.cont {
    FONT: normal 12px/15px Verdana, Arial, Tahoma, san-serif;
}

p.infoM {
    FONT: bold 12px/15px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
    margin: 0 0 10px 0;
}

p.infoM-big {
    FONT: normal 18px/20px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
    margin: 0 0 5px 0;
}
p.infoD-big {
    FONT: normal 18px/24px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
    margin: 0 0 10px 0;
}

p.textM {
    FONT: normal 10px/12px Verdana, Arial, Tahoma, san-serif;
    color: #333;
    margin: 0 0 10px 0;
}

p.textM-big {
    FONT: bold 12px/14px Verdana, Arial, Tahoma, san-serif;
    color: #666;
    margin: 0 70px 0 0;
}

p.telM {
    FONT: bold 14px/15px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
    margin: 25px 0 5px 0;
}

p.telM-big {
    FONT: normal 26px/24px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
    margin: 30px 0 5px 0;
}

p.mail {
    FONT: bold 14px/15px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
    margin: 0 0 10px 0;
}

a.mail {
    FONT: normal 11px/15px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
}

a.mail:hover {
    FONT: normal 11px/15px Verdana, Arial, Tahoma, san-serif;
    color: #999;
}

.buttonLogOff {
    width: 62px;
    height: 21px;
    background: url('../img/buttonLogOff.jpg') no-repeat;
    border: none;
    margin: 15px 0 0 0;
    cursor: pointer;
}

.buttonLogOn {
    width: 62px;
    height: 21px;
    background: url('../img/buttonLogOn.jpg') no-repeat;
    border: none;
    margin: 15px 0 0 0;
    cursor: pointer;
}

.buttonLogOnBig {
    width: 62px;
    height: 21px;
    background: url('../img/buttonLogOn.jpg') no-repeat;
    border: none;
    margin: 10px 5px 0 0;
    display: inline;
    cursor: pointer;
}

p.logName {
    margin: 0 0 5px 0;
    FONT: normal 12px/13px Verdana, Arial, Tahoma, san-serif;
    text-decoration: underline;
    
}

p.lastLog {
    FONT: normal 9px/12px Verdana, Arial, Tahoma, san-serif;
    margin: 0 0 0 0;
}

.formTop {
    padding: 15px 0 15px 15px; 
    background: #ece9e0;
    border-top: 1px solid #C00;
    border-bottom: 1px solid #C00;
}

.formTopBig {
    padding: 10px 0 15px 15px; 
    border: 1px solid #C00;
    margin: 20px 15px 0 0;
    background: url('../img/bgLogOn.jpg') no-repeat right 30px;
}

p.top {
    margin: 0 0 15px 0;
    FONT: bold 12px/13px Verdana, Arial, Tahoma, san-serif;
}

p.topBig {
    margin: 0 0 10px 0;
    FONT: normal 20px/24px Verdana, Arial, Tahoma, san-serif;
    color: #C00;
}

p.links {
    margin: 10px 0 0 0;
    color: #999;
}

p.linksBig {
    margin: 10px 0 0 0;
    color: #999;
    display: inline;
}

p.links a, .linksBig a{
    FONT: normal 10px/13px Verdana, Arial, Tahoma, san-serif;
    text-decoration: underline;
    color: #999;
}

p.links a:hover, .linksBig a:hover {
    text-decoration: none;
    color: #C00;
}

.kursList {
    border-bottom: 1px solid #C00;
    padding: 0 0 10px 0;
    margin: 10px 0 0 0;
}

.kursList img {
    float: left;
    margin: 10px 20px 20px 0;
    border: none;
}

p.inSer {
    font-weight: bold;
    margin: 10px 0 5px 0;
}

#menuL {
    margin: 0 0 15px 0;
}

#menuLesson {
    border-top: 1px solid #C00;
    border-bottom: 1px solid #C00;
    margin: 20px 0 15px 0;
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
}

#menuLesson li {
    float: left;
}

#menuLesson ul, #menuLesson li {
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}

#menuLesson li.prezentacja { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 0 90px 0;
	margin: 0 40px 0 0;
	text-decoration: underline;
	background: url('../img/prezentacja.jpg') no-repeat center 35px;
	cursor: pointer;
}

#menuLesson li.prezentacjaActive { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #C00;
	display: block;
	padding: 10px 0 90px 0;
	margin: 0 40px 0 0;
	text-decoration: none;
	background: url('../img/prezentacja.jpg') no-repeat center -85px;
	cursor: pointer;
}

#menuLesson li.film { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 40px 90px 40px;
	margin: 0 0 0 0;
	text-decoration: underline;
	background: url('../img/film.jpg') no-repeat center 25px;
	cursor: pointer;
}

#menuLesson li.filmActive { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #C00;
	display: block;
	padding: 10px 40px 90px 40px;
	margin: 0 0 0 0;
	text-decoration: none;
	background: url('../img/film.jpg') no-repeat center -109px;
	cursor: pointer;
}

#menuLesson a.viewQuiz { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 40px 90px 40px;
	margin: 0 0 0 0;
	text-decoration: underline;
	background: url('../img/quizOk.jpg') no-repeat center 30px;
	cursor: pointer;
}

#menuLesson a.viewQuiz:hover { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #C00;
	display: block;
	padding: 10px 40px 90px 40px;
	margin: 0 0 0 0;
	text-decoration: none;
	background: url('../img/quizOk.jpg') no-repeat center -90px;
	cursor: pointer;
}

#menuLesson a.startQuiz { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
	display: block;
	padding: 10px 0 90px 0;
	margin: 0 0 0 0;
	text-decoration: underline;
	background: url('../img/startQuiz.jpg') no-repeat center 35px;
	cursor: pointer;
}

#menuLesson a.startQuiz:hover { 
	FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #C00;
	display: block;
	padding: 10px 0 90px 0;
	margin: 0 0 0 0;
	text-decoration: none;
	background: url('../img/startQuiz.jpg') no-repeat center -77px;
	cursor: pointer;
}

a.lessonLink {
    FONT: bold 12px/16px Verdana, Arial, Tahoma, san-serif;
	color: #999;
}

.sort {
    width: 100%;
}

.sort a:hover {
    color: #C00;
}

.lessonPrev, .lessonPrev a {
    float: left;
    color: #999;
    font-weight: bold;
}

.lessonNext, .lessonNext a {
    float: right;
    color: #999;
    font-weight: bold;
}

.boxPytanie {
    border-bottom: 1px solid #C00;
    padding: 0 0 10px 0;
    width: 100%;
}

.boxPytanie img {
    float: right;
    margin: 0 0 15px 15px;
}

h3 {
    FONT: italic 11px/16px Verdana, Arial, Tahoma, san-serif;
    margin: 10px 0 5px 0;
    
}

.odpowiedz {
    
    
}

p.pytanie {
    color: #333;
    FONT: bold 14px/16px Verdana, Arial, Tahoma, san-serif;
    margin: 0 0 10px 0;
    
}

.red {color: #C00;}
.green {color: #009900;}

.back {
    width: 50%;
}

.quizSort {
    text-align: left;
    width: 100%;
}

.quizSort ul, .quizSort li {
    margin: 0;
    padding: 0;
}

.quizSort li {
    margin: 0 2px 0 0;
    float: left;
}

p.pyt {
    float: left;
    margin: 0 5px 0 0;
}

.buttonNext {
    width: 62px;
    height: 21px;
    background: url('../img/dalej.jpg') no-repeat;
    border: none;
    margin: 15px 0 0 0;
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.suma {
    width: 100%;
    text-align: right;
    color: #C00;
    FONT: bold 16px/24px Verdana, Arial, Tahoma, san-serif;
}

.delKosz {
    float: left;
}

.platno {
    float: left;
    margin: -35px 0 0 0;
}

.platno img {
    float: left;
}

.button11 {
    background: none;
    border: none;
    margin: 15px 0 0 0;
    padding: 0;
    cursor: pointer;
    font-weight: bold;
}

.przelew {
    float: right;
}

.form345 {
    margin:0;
    padding: 0;
}

.buttonPay {
    width: 120px;
    height: 21px;
    background: url('../img/buttonPay.jpg') no-repeat;
    border: none;
    margin: 20px 0 0 0;
    cursor: pointer;
}

.buttonRepl {
    width: 102px;
    height: 21px;
    background: url('../img/zapiszZmiany.jpg') no-repeat;
    border: none;
    margin: 0 0 0 0;
    cursor: pointer;
}

.italic {
    FONT: italic 10px/12px Verdana, Arial, Tahoma, san-serif;
    margin: 0 0 0 10px;
}

.message {
    FONT: normal 10px/12px Verdana, Arial, Tahoma, san-serif;
}

.startKurs {
    text-align: center;
    width: 100%;
    height: 100px;
    margin: 80px 0 0 0;
}

a.linkStartKurs {
    FONT: bold 18px/24px Trebuchet MS, Verdana, Arial, Tahoma, san-serif;
    color: #333;
    background: url('../img/start_kurs.jpg') no-repeat right;
    padding: 50px 120px 50px 0;
    margin: 50px 0 0 0;
}

a:hover.linkStartKurs {
    FONT: bold 18px/24px Trebuchet MS, Verdana, Arial, Tahoma, san-serif;
    color: #C00;
}

#kursEnd {
    width: 100%;
    clear: both;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.inner {
    text-align: left;
    margin: 0 auto;
    width: 380px;
}

a.linkKursEnd {
    FONT: bold 18px/28px Trebuchet MS, Verdana, Arial, Tahoma, san-serif;
    color: #333;
    padding: 0;
    text-decoration: none;
    float: left;
}

.big {
    FONT: bold 24px/24px Trebuchet MS, Verdana, Arial, Tahoma, san-serif;
}

.inner img {
    float: right;
    margin: -30px 0 0 0;
}