P{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 1.4em;
 
}

BODY		{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   background-image: url(theme/baner_tlo.png);
   background-repeat: repeat-x;
	text-align: center;

}

BODY#pop{
	 background-image: url(theme/baner_tlo.png);
	 background-repeat: repeat-x;
	 text-align: justify;
}

H1{
	font-size: 3em;
	margin: 5px;
}

H1, H2, H3, H4, H5{
	color:black;
}

.kolor{
	color: #762a67;
}

.kolorZ{
	color: #5f5f5f;
}

.kolorZ2{
	color: #5f5f5f;
	font-weight: bold;
}

 

H2{
	font-size: 2em;
	margin: 5px;
}

H3{
	font-size: 1.5em;
	margin: 3px;
}
H4{
	font-size: 1.3em;
	margin: 3px;
}

H5{
	font-size: 1.2em;
	margin: 3px;
}
H6{
	font-size: 1em;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

TD		{
		FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 12px;
		padding: 2px;
}

td.tytul{
	font-weight: bold;
}

hr {
	border-bottom: medium;
	border-color: Black;
	width: 80%;
	vertical-align: bottom;
}



/*ukłąd strony*/
div#top{
	margin: auto;
	width: 960px;
	position: relative;
	padding: 0px;
}

div#dane{
	text-align: right;
	min-height: 6px;
	background-image: url(theme/menu_tlo.png);
	color: white;
	padding: 3px;
	font-size: 10px;

}

div#naglowek{
	 height: 140px;
	 background-image: url(theme/baner3.png);
	 background-repeat: no-repeat;
	 position: relative;
	 z-index: 1;
	 clear: both;
}


div#menus {
	position: relative;
	left: 0px;
	top: 0px;
	/*overflow: hidden;*/
	height: 30px;
	margin-top: 5px;
	width: 100%;
	clear: both;
/*	background: GrayText;*/
	z-index: 1;
	
}

div#tresc_s{
	margin: 10px 0px;
	padding: 10px 10px 10px 10px;
/*	min-height: 380px;*/
	/*background: #efefef;*/
	background: #f9f9f9;

}

/* -inaczej dla przeglądarek
div#tresc{
	min-height: 450px;
	padding: 5px;
	background: #FFD382;
	margin-top: 30px;
}
*/
div#stopka {
	background-color: #762a67;
	background-image: url(theme/stopka_tekst_lewy.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 40px;
	position: relative;
	clear: both;
	color: white;
	font-size: 0.8em;
	text-align: left;
}
div#stopka a {
	font-size: 1em;
}

/*linki*/
A:link          {
	COLOR: Black;
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Helvetica;
}

A:active        {FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica;}

A:visited {
	color: Black;
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Helvetica;
}

A:hover         {
	
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Helvetica;
	font-weight: bold
}

a.bold {
	font-weight: bold;
}

a.none{
	 text-decoration: none;
}

a.pusty{
	  text-decoration: underline;
	  font-weight: normal;
}

a.pusty1{
	  text-decoration:  none;
	  font-weight: normal;
}



a.info{
	color: #762a67;
  font-weight: bold;
}

a.info:visited {
	color: #762a67;
  font-weight: bold;
}


a.error{
	  color: #b50000;
	  font-weight: bold;
}
/*link jako przycisk*/
a.submit{
	color: white;
	text-decoration: none;
	background: #762a67;
	padding: 2px 8px;
	cursor: pointer;
}
a.submit:hover         {
	font-weight: normal;
}

/********************/


.error{
	  color: #b50000;
	  font-weight: bold;
}

.info{
	 color: #762a67;
	  font-weight: bold;
}

.opis_prywatny{
		color: Maroon;
	    /*display:block; */
		font-weight: normal;
}


.cursor{
	 cursor: pointer;
}

div.aktualnosci{
	width: 550px;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 50px;
	line-height: 1.5em;
}

div.aktualnosci_naglowek{
	text-align: left;
   color: White;
 	background-image: url(theme/topnav_b.gif);
	font-weight: bold;
	padding: 8px;
	margin-bottom: 8px;
	
	
	}
	
/*dymek podpowiedzi*/
table.okienkoinfo {
	
	background-image: url(theme/baner_tlo.png);
   background-repeat: repeat-x;
	background-color: White;
	border: solid 1px black;
	padding: 2px 5px 10px 5px;
}
/*do obrazków*/
table.okienkoinfo1 {
	border: solid 1px black;
	background-color: White;
}

/*wyrównania tekstu*/

.right {
	text-align: right;
}

.left {
	text-align: left;
}


.center {
	text-align: center;
}



/*tabela uczniów i przedmiotów*/
td{
	empty-cells: show; 
}
table.ramka{
	border: 5px solid #bababa;
	border-spacing: 0px;

}

table.ramka td{
border: 4px solid #bababa;
padding: 5px;
empty-cells: show; 
}

tr.naglowek{
	background: #bababa;
	text-align: center;
	color: black;
}

tr.naglowek td{
	font-size: 13px;
	border: #e6bcdf;
}

tr.naglowek td:first-letter{
	   text-transform: uppercase;
}

tr.podnaglowek{
	background: #893779;
	color: white;
	height: 25px;
}

td.poprawna {
	/*background: Black;*/
	border: 4px green solid;
}

.odp_udzielona{
	border: 0px;
	 border-bottom: 3px solid red;
	 border-top: 3px solid red;
	 border-style: ridge ;
	 padding: 5px;
	 background-color: #FF9999;
}
/*sluzy do dodania do wszyskich poprawnych odpowiedzi zielonej kulki - widok dla admina*/
.odp_poprawna_admin{
	background-image: url(image/kurs_start.png);
	width: 16px;
	height: 16px;
	float: left;
	margin-left: -16px;
	 
}

tr.dzis{
	background-color: #D9F990;
}


/*wiersze kolorowane*/
.kol1 {
	background: #efefef;
}

.kol2 {
	background: #efefef;
}
.kol3 {
	background: #5f5f5f;
}

/*okinko zamknij*/
/*
div.back{
	background: #762a67;
	padding: 10px;
	cursor: pointer;
	position: fixed;
	right: 10px; 
 	top: 155px;
	z-index: 999;
   min-height: 15px;
	width: 120px;
	float: left;
	text-align:center;
	color: white;
}

div.back1{
	background: #893779;
	padding: 10px;
	cursor: pointer;
	position: fixed;
	right: 10px;
	top: 190px;
	z-index: 999;
	min-height: 15px;
	width: 120px; 
	color: white;
}

div.sterowanie{
	background: #90ac6c;
	padding: 10px;
	cursor: pointer;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1;
	height: 15px;
	width: 180px;	
}
*/
div.stable {
	position: relative;
	top: 0px;
	left: 0px;
}

em.duza{
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
}

/*formularz*/
FORM {
	FONT-FAMILY: Verdana,Helvetica; 
	FONT-SIZE: 12px;
	margin: 0px;
	padding: 0px;
}
INPUT {
	BORDER-TOP-COLOR: #000000; 
	BORDER-LEFT-COLOR: #000000; 
	BORDER-RIGHT-COLOR: #000000; 
	BORDER-BOTTOM-COLOR: #000000; 
	BORDER-TOP-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 12px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	FONT-FAMILY: Verdana,Helvetica; 
	BORDER-RIGHT-WIDTH: 1px;
	margin: 3px;
}

INPUT.submit {
	background: #762a67;
	color: white;
	cursor: pointer;
}

/*pozycja submita*/
.absolut{
	position: absolute;
	right: 10px;
}

INPUT.delodp, INPUT.delpyt {
	background: transparent;
	background-image: url('image/del.gif'); 
	background-repeat: no-repeat;
	border:0px solid;
	cursor: pointer;
	width: 15px;
	height: 17px;
}

INPUT.nview {
	background: transparent;
	/*background-image: url(image/eye_minus.png);*/
	background-image: url(image/eye_minus.png);
	background-repeat: no-repeat;
	border:0px solid;
	cursor: pointer;
	width: 17px;
	height: 17px;
}

INPUT.tview {
	background: transparent;
	background-image: url(image/eye_plus.png);
	background-repeat: no-repeat;
	border:0px solid;
	cursor: pointer;
	width: 17px;
	height: 17px;
}

INPUT.wyniki {
	background: transparent;
	background-image: url(image/eye_read.png);
	background-repeat: no-repeat;
	border:0px solid;
	cursor: pointer;
	width: 120px;
	height: 17px;
	color: Maroon;
	font-weight: bold;
	text-align: left;
}

INPUT.arrow {
	background: transparent;
	background-image: url(image/arrow_right.png);
	background-repeat: no-repeat;
	border:0px solid;
	cursor: pointer;
	width: 15px;
	height: 17px;
}

INPUT.delskladowa {
	background: transparent;
	background-image: url('image/delskladowa.png'); 
	background-repeat: no-repeat;
	border:0px solid;
	cursor: pointer;
	width: 15px;
	height: 17px;
}

TEXTAREA{
	BORDER-TOP-COLOR: #000000; 
	BORDER-LEFT-COLOR: #000000; 
	BORDER-RIGHT-COLOR: #000000; 
	BORDER-BOTTOM-COLOR: #000000; 
	BORDER-TOP-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 13px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	FONT-FAMILY: Verdana,Helvetica; 
	BORDER-RIGHT-WIDTH: 1px;
}

select.lista{
	 width: 350px;
}

fieldset.kontakt{
	border-color: Gray;
	border-style: solid;
	padding: 8px;
	border-width: 1px;
	background: #bababa;
	color: Black;
}

legend.kontakt{
	padding: 2px;
	color: black;
	font-weight: bold;
		
}

input.podpowiedz {
	background: #5B7140 ;
	border: 1px solid black;
	color: white;
	padding: 3px;
}

/*##########################################*/
div.etap{
	background-image: url(theme/baner_tlo.png);
	background-repeat: repeat-x;
	margin-top: 10px;
	padding-top: 10px;
}

div.pytanie{
	background-image: url(theme/pytanie_tlo.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding: 10px;
}
div.opcje_odp{
	background-image: url(theme/opcje_odp_tlo.png);
   display: inline;
	margin-top: 12px;
	padding: 9px;
	/*border: 1px solid black;*/
}

div.plywa{
	width: 100%;
	height: 300px;
	overflow-x: hidden;
	overflow-y:scroll;
}

div.plywa1{
	width: 100%;
	height: 200px;
	overflow-x: hidden;
	overflow-y:scroll;
	margin: auto;
	background:  #f9f9f9;
	border-top: 4px solid #5f5f5f;
	border-bottom: 4px solid #5f5f5f;
}


div.plywa2{
	width: 100%;
	height: 400px;
	overflow-x: hidden;
	overflow-y:scroll;
	margin: auto;
	background:  #f9f9f9;
	border-top: 4px solid #5f5f5f;
	border-bottom: 4px solid #5f5f5f;
	
}

div.plywa3{
	
	margin: 0px;
	padding: 10px;
	min-height: 100px;
	background:  #f9f9f9;
	border-top: 4px solid #5f5f5f;
	border-bottom: 4px solid #5f5f5f;
	
}

/*menu testj*/
div.menu_testj{
	position: fixed; 
	z-index: 9999;
	top:10px; 
	right:10px;
	width: 70px; 
	font-size: 10px;
	background-color: White;
	border: 1px solid black;
}

div.menu_testj .belka{
	height: 15px;
	width: 70px;
	background: #762a67;
	text-align: center;
	color: White;
   font-weight: bold;
}

div.menu_testj .przycisk {
	 background-repeat: no-repeat;
	 width: 34px;
	 height: 34px;
	 cursor: pointer;
	 border: none;
    background-color: transparent;
}

div.menu_testj .edit_testj {
	 background-image: url(image/menu/edit_testj.png);
}

div.menu_testj .new_pytanie {
	 background-image: url(image/menu/new_pytanie.png);
}
div.menu_testj .new_odp {
	 background-image: url(image/menu/new_odp.png);
}
div.menu_testj .next_pytanie {
	 background-image: url(image/menu/next_pytanie.png);
}
div.menu_testj .prev_pytanie {
	 background-image: url(image/menu/prev_pytanie.png);
}
div.menu_testj .save_view {
	 background-image: url(image/menu/save_view.png);
}
div.menu_testj .save {
	 background-image: url(image/menu/save.png);
}
div.menu_testj .hop_pytanie {
	 background-image: url(image/menu/hop_pytanie.png);
}

div.menu_testj .save_view_pytanie {
	 background-image: url(image/menu/preview_one.png);
}

/*menu kursu - etapów*/
div.menu_testj .kurs_view {
	 background-image: url(image/menu/preview.png);
}

div.menu_testj .kurs_dodaj_etap {
	 background-image: url(image/menu/new_pytanie.png);
}

div.menu_testj .kurs_zapisz {
	  background-image: url(image/menu/save1.png);
}

div.menu_testj .kurs_and_end {
	  background-image: url(image/menu/save.png);
}

div.menu_testj .kurs_kolejnosc {
	  background-image: url(image/menu/kolejnosc.png);
}

.kurs_kolejnosc {
	background: #893779;
	  background-image: url(image/updown.png);
	  background-repeat: no-repeat;
	  background-position: center;
	  width: 25px;
	  height: 20px;
	  cursor: pointer;
	  border: 1px solid black;
}

.kurs_kolejnosc1 {
	background: transparent;
	  background-image: url(image/updown.png);
	  background-repeat: no-repeat;
	  background-position: center;
	  width: 25px;
	  height: 20px;
	  cursor: pointer;
	  border: 0px;
	  border-bottom: 2px solid #893779;
	  position: relative;
	  top: -4px;
	  
}



/*
####################################################################################
przesy�anie plik�w
*/

#progress { 
	position:relative; 
	width:400px; 
	border: 1px solid #ddd; 
	padding: 1px; 
	border-radius: 3px; 
	}

#bar {
	background-color: #893779;
	width: 0%;
	height: 20px;
	border-radius: 3px;
	
}

#percent { 
position:absolute; 
display:inline-block; 
top:3px; 
left:48%; 
color: white;
 
}