@font-face {
    font-family: regular;
    src: url('Quicksand-Regular.ttf');
}

@font-face {
    font-family: bold;
    src: url('Quicksand-Bold.ttf');
}


@font-face {
    font-family: italic;
    src: url('Quicksand-Italic.ttf');
}

body{
	background-color:white;
	font-family: regular;
	
}

/*style logowania*/

table#panelLogowania{
	text-align:center;
	margin: auto;
	margin-top: 2%;
	width: 600px;
	border: 1px silver solid;
	width: 20%;
	background-color:  #2791d0;
}
td#powitanie{
	width:50%;
}
#info{
	color:silver;
}
td#logowanieTd{
	width:50%;
	background-color: white;
	text-align:center;
	
}
#logowanieNaglowek{
	color:#754f5c;
	font-size: 16pt;
	margin: 10px 0px 5px 0px;
}

table#daneLogowania{
	margin: 0 auto;
}

img.ikona{
		height:16px;
		margin: 0 auto;
}
.informacja{
	float:left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width:100%;
	font-size:12pt;
	border-top: 1px solid #742f74;
	border-bottom: 1px solid #742f74;
	background-color: white;
	color:black;
	text-align:  center;
	vertical-align: center;
	text-transform: uppercase;
}

#stronaUzytkowa{
	margin:auto;
	width:90%;
	border: 6px inset 9A9A9A;
}

#menu{
	z-index:3;
	position: fixed;
	border-top-right-radius: 25px;
	height:100%;
	top: 15px;
	left: 0;
	float:left;
	width:190px;
	background-color:#aae16e;
}

#informacjeOUzytkowniku{
	z-index:2;
	top: 0; 
	left: 0;
	width: 100%;  
	position: fixed;
	color:black;
	background-color:white;
	border-bottom: 1px silver solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

/*style logowania*/

table#panelLogowania{
	text-align:center;
	margin: auto;
	margin-top: 2%;
	width: 600px;
	border: 1px silver solid;
	width: 20%;
	background-color:  #2791d0;
}
td#powitanie{
	width:50%;
}
#info{
	color:silver;
}
td#logowanieTd{
	width:50%;
	background-color: white;
	text-align:center;
	
}
#logowanieNaglowek{
	color:#754f5c;
	font-size: 16pt;
	margin: 10px 0px 5px 0px;
}

table#daneLogowania{
	margin: 0 auto;
}

img.ikona{
		height:16px;
		margin: 0 auto;
}
.informacja{
	float:left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	width:100%;
	font-size:12pt;
	border-top: 1px solid #742f74;
	border-bottom: 1px solid #742f74;
	background-color: white;
	color:black;
	text-align:  center;
	vertical-align: center;
	text-transform: uppercase;
}

#stronaUzytkowa{
	margin:auto;
	width:90%;
	border: 6px inset 9A9A9A;
}

#menu{
	z-index:3;
	position: fixed;
	border-top-right-radius: 25px;
	height:100%;
	top: 15px;
	left: 0;
	float:left;
	width:190px;
	background-color:#aae16e;
}

#informacjeOUzytkowniku{
	z-index:2;
	top: 0; 
	left: 0;
	width: 100%;  
	position: fixed;
	color:black;
	background-color:white;
	border-bottom: 1px silver solid;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
.kleft{
	float:left;
	width:40%;
	text-align:left;  
}
.kright{ 
	float:left;
	width:60%;
	text-align:right;  
}
#informacjeOUzytkowniku img#logo{
	height: 50px;
}

#informacjeOUzytkowniku table{
	float:right; 
	color:silver;
}


.podMenu{
	width:185px;
	margin-top:2px;
	margin-bottom:2px;
	border-right: 0px outset #4d840d;
	border-bottom: 1px solid #4d840d;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color:#aae16e;
	}

.podMenu:hover{
	width:185px;
	margin-top:2px;
	margin-bottom:2px;
	border-right: 5px outset #4d840d;
	border-bottom: 1px solid #4d840d;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color:#7cb342;
	font-weight: bold;
}

.podMenu:hover a.menu{
	color:white;
}

.podMenuSt2{
	width:175px;
	margin-top:2px;
	margin-bottom:2px;
	border-right: 0px outset #4d840d;
	border-bottom: 1px solid #4d840d;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 4px;
	background-color:#fd7c25;
	font-size:small;
	}

.podMenuSt2:hover{
	width:175px;
	margin-top:2px;
	margin-bottom:2px;
	border-right: 5px outset #4d840d;
	border-bottom: 1px solid #4d840d;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 4px;
	background-color:#7cb342;
	font-weight: bold;
	font-size:small;
}

.podMenuSt2:hover a.menu{
	color:white;
	width:100%;
}

a.menu{
	color:5b101a;
	text-decoration:none; 
	width:100%;
}
	a:link{
	color: #471D47;
	text-decoration:none;
}
a:hover{
	color: #471D47;
	text-decoration:none;
}
a:active{
	color: #471D47;
	text-decoration:none;
}
a:visited{
	color: #471D47;
	text-decoration:none;
}
#tresc{

    width: 90%;
    margin: 0 auto;
    padding-top: 50px;
}

table#logowaniem{
	text-align:center;
	margin: auto;
	margin-top: 2%;
	width: 600px;
	border: 1px silver solid;
	width: 40%;
	background-color:  #2791d0;
} 
td#powitanie{
	width:50%;
	background-color:  white;
}
td#logowaniePanelUzytkownika{
	width:50%;
	background-color: white;
	
}
#logowaniePanelUzytkownikaNaglowek{
	color: black;
	font-family: bold;
	font-size: 16pt;
	margin: 10px 0px 5px 0px;
}

table#daneLogowania{
	margin: 0 auto; 
}

#panelLogowania input{ 
	border: 0px;
	border-bottom: silver 1px solid;
	padding-top:5px;
	text-align: left;
	font-size:14pt;
}

button.zaloguj {
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #f79424 100%);
	background-color:#ffc477;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
button.zaloguj:hover {
	background:linear-gradient(to bottom, #f79424 5%, #ffc477 100%);
	background-color:#f79424;
}
button.zaloguj:active {
	position:relative;
	top:1px;
}

#dostepne{
	width: 90%;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 10px 5% 10px 5%;
	border: 2px inset #7CFF98;
}
#niedostepne{
	width: 90%;
	margin-bottom: 50px;
	padding: 10px 5% 10px 5%;
	border: 2px inset #FFBA7C;
}
.tytulSekcji{
	font-size: 20pt;
	margin-bottom:10px;
	text-transform: uppercase;
	text-align:center;
	width:100%;
}
.tytulZestawu{
	font-size: 17pt;
	margin-bottom:10px;
	text-transform: uppercase;
	text-align:center;
	width:100%;
}
.zestawDostepny{
	border: 2px inset #7CFF98;
	width: 90%;
	text-align:center;
	padding: 10px 30px 10px 30px;
}
.zestawNieDostepny{
	border: 2px inset #FFBA7C;
	width: 90%;
	text-align:center;
	padding: 10px 30px 10px 30px;
}
table.szkolenia{
	width: 90%;
	
}
table.szkolenia td{
	padding: 3px 5px 3px 5px;
	
}
.dostepny {
	box-shadow: 0px 1px 0px 0px #3dc21b;
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	background-color:#44c767;
	border-radius:6px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2f6627;
}
.dostepny:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}
.dostepny:active {
	position:relative;
	top:1px;
}

.niedostepny {
	box-shadow: 0px 1px 0px 0px #e67a73;
	background:linear-gradient(to bottom, #e4685d 5%, #eb675e 100%);
	background-color:#e4685d;
	border-radius:6px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #b23e35;
}
.niedostepny:hover {
	background:linear-gradient(to bottom, #eb675e 5%, #e4685d 100%);
	background-color:#eb675e;
}
.niedostepny:active {
	position:relative;
	top:1px;
}