@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;
	
}
table#panelLogowania{
	text-align:center;
	margin: auto;
	margin-top: 2%;
	width: 600px;
	width: 20%;
		-webkit-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	-moz-box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
	box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 1);
}	
#logowaniePanelUzytkownikaNaglowek{
	display:none;
}
td#powitanie{
	width:50%;
	background-color:  white;
}
td#logowaniePanelUzytkownika{
	width:50%;
	background-color: white;
	
	
}
table#daneLogowania{
	margin: 0 auto;
}
table#zajecia{
	margin: 0 auto;
}

img.ikona{
		height:15px;
		margin: 0 auto;
		margin-right: 3px;
}

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;
}

#info{
	color:silver;
}

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;
}

#ocenaBox img{
	width:25px;
}
#powitanie a{
	text-decoration:none;
	color: blue;
	font-weight: bold;
	font-size:20pt; 
}
table#szczegolyUzytkownikaFitness{	
	margin: 0 auto;
	width:90%;
}

table#szczegolyUzytkownikaFitness td{
	border: 0px green solid;
}
tr{
	
	text-align:center;
    font-weight: bold;
	color:blue;
}
tr.in_0{
	background-color:silver;
	text-align:left;
    font-weight: normal; 
	color:black;
	
}
tr.in_1{
	background-color:#fffff6;
	text-align:left;
    font-weight: normal;
	color:black;
}
form tr{
	background-color:white;
	text-align:left;
    font-weight: normal;
	color:black;
	
}
input{
	width:300px;
}
input[type="checkbox"]{
	width:30px;
}
textarea{
	width:300px;
}
select{
	width:300px;
}
table#szczegolyUzytkownikaFitnessT{	
	margin: 0 auto;
	width:90%;
}

table#szczegolyUzytkownikaFitnessT td{
	border: 0px green solid;
}
table#szczegolyUzytkownikaFitnessT input{

	width:150px;
}
table#szczegolyUzytkownikaFitnessT textarea{
	width:150px;
}
table#szczegolyUzytkownikaFitnessT select{
	width:50px;
}
td.o_1{
	text-align: center;
	font-weight: bold;
	background-color:black;
	color:white;
}
td.o_2{
	text-align: center;
	font-weight: bold;
	background-color:red;
	color:white;
}
td.o_3{
	text-align: center;
	font-weight: bold;
	background-color:orange;
}
td.o_4{
	text-align: center;
	font-weight: bold;
	background-color:yellow;
}
td.o_5{
	text-align: center;
	font-weight: bold;
	background-color:green; 
	color:white;
}
table#szczegolyUzytkownikaFitness td.nowydzien{
	border-top:2px black solid;
}

.grupa0{
	text-align: center;
	margin: 2px 2px 2px 2px;
	font-size: 10pt;
	border: 2px inset silver; 
	padding: 5px 3px 5px 3px;
	background-color: yellow;
	line-height: 150%;
}
.grupa1{
	text-align: center;
	margin: 2px 2px 2px 2px;
	font-size: 10pt;
	border: 2px inset silver;
	padding: 5px 3px 5px 3px;
	background-color: #F0E68C;
	line-height: 150%;
}
.grupa2{
	text-align: center;
	margin: 2px 2px 2px 2px;
	font-size: 10pt;
	border: 2px inset silver;
	padding: 5px 3px 5px 3px;
	background-color:#98FB98;
	line-height: 150%;
}
.grupa3{
	text-align: center;
	margin: 2px 2px 2px 2px;
	font-size: 10pt;
	border: 2px inset silver;
	padding: 5px 3px 5px 3px;
	background-color:#ADD8E6;
	line-height: 150%;
}


.pelny{
	text-align: center;
	margin: 2px 2px 2px 2px;
	font-size: 10pt;
	border: 2px inset silver;
	padding: 5px 3px 5px 3px;
	background-color: blue;
	color:white;
	line-height: 150%;
}
.krotki{
	text-align: center;
	margin: 2px 2px 2px 2px;
	font-size: 10pt;
	border: 2px inset silver;
	padding: 5px 3px 5px 3px;
	background-color:silver;
	line-height: 150%;
}

button {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #4f45e6;
	display:inline-block;
	cursor:pointer;
	color:#170096;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	margin-bottom:10px;
}
button:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
button:active {
	position:relative;
	top:1px;
}

a.jakButton {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #4f45e6;
	display:inline-block;
	cursor:pointer;
	color:#170096;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	margin-bottom:10px;
}
a.jakButton:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
a.jakButton:active {
	position:relative;
	top:1px;
}

        
input[type~=file] {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #4f45e6;
	display:inline-block;
	cursor:pointer;
	color:#170096;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	margin-bottom:10px;
}
input[type~=file]:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
input[type~=file]:active {
	position:relative;
	top:1px;
}