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/tlo.jpg);
	text-align: center;
}

BODY#pop		{
	background: #DDDDDD;
	text-align: justify;
}



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

H1#kolor, H2#kolor, H3#kolor, 	H4#kolor , H5#kolor{
	color: Maroon;
}

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: 0.8em;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

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

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

/*TABELKI*/

/*tabela ocen*/

caption {
  font-weight:  bold;
  text-align: left;
  padding: 2px 2px 2px 0px;
}

table.ramka{
	border: 1px solid black;
}

table.oceny{
	border: 1px solid black;
}

table.oceny td{
height: 35px;
}

table.oceny td.oceny_uczen{
height: 35px;
width: 25px;
text-align: center;
}

table.oceny td.klasowka{
 background: #FF4A4A;
}


table.oceny td.ocenazielona {
	background: #2E8B57 ;
}

table.oceny td.ocenaniebieska {
	background: #4682B4;
}

table.oceny td.semestr{
   color: red;
   font-weight: bold;
}

tr.naglowek, tr.podnaglowek{
	background: #596873;
	font-weight: bold;
	text-align: center;
	color: White;
	height: 25px;
}

tr.podnaglowek {
	background: #737373;
}

tr.bold{
	 font-weight:  bold;
}

td.link{
	cursor: pointer;
}

/*dla zgodnosci z drukowaniem*/
tr.none {
	background:  transparent;
}

/*tabela uczniów i przedmiotów*/
table.uczen, table.uczen1{
	border: 1px solid black;
}


table.uczen td{
height: 35px;
}

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

.kol2 {
	background: #A6A6A6;
}

.kol3 {
	background: Gray;
}

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

/*	background: #CD853F;*/
}

div#naglowek{
	 height: 306px;
	background-image: url(theme/baner.gif);
	 background-repeat: no-repeat;
	 position: relative;
	 z-index: 1;
	 clear: both;
	/*height: 100px;*/
}

div#logowanie {
	position: absolute;
	background-image: url(theme/logowanie.gif);
	right: 20px;
	top: 26px;
	width: 227px;
	height: 160px;
	color: #447cac;
   font-weight: bold;
	font-size: 10px;
}

div#logowanie a{
	color: #447cac;
	font-size: 1.2em;
}

div#menus {
	position: absolute;
	left: 60px;
	top: 280px;
	overflow: hidden;
	height : 43px;
	width: 859px;
	padding: 0px;
	z-index: 2;
	clear: both;
	
}

div#tresc_s{
	padding: 10px 30px 20px 30px;
}


/*
div#tresc{
	height: 400px;
	min-height: 450px;
	padding: 5px;
	background: #FFD382;
}*/

div#stopka {
	
	width: 100%;
	height: 30px;
	position: relative;
	clear: both;
}


/*form*/
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: 11px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	FONT-FAMILY: Verdana,Helvetica; 
	BORDER-RIGHT-WIDTH: 1px;
}

INPUT.klasowka {
	background: #FF4A4A;
   font-weight: bold;
}

INPUT.ocenazielona {
	background: #2E8B57 ;
   font-weight: bold;
}

INPUT.ocenaniebieska {
	background: #4682B4;
	font-weight: bold;
}
/*legenda ocen*/
div.legenda {
	margin-left: 20px;	
	display: inline;
	width: 18px;
	height: 18px;
}

div.legendaklasowka {
	background: #FF4A4A;
}

div.legendaocenazielona {
	background: #2E8B57 ;
}

div.legendaocenaniebieska {
	background: #4682B4;

}

/**/
INPUT.usun 		{
	padding: 3px;
	background-image: url(theme/przycisk_form.gif);
	border: Maroon 1px solid ;
	color: White;
}

INPUT.link, INPUT.link1	{
padding: 3px;
background-image: url(theme/przycisk_form.gif);
border: Maroon 1px solid ;
width: 60px;
color: White;
}

INPUT.link1 {
	width: 80px;
}


INPUT.link:hover, INPUT.link1:hover{
	color:  black;
	font-weight: bold;
	text-decoration: underline;
	border: Maroon 1px solid ;
}

.usp {
	background: #2E8B57;
	width: 30px;
   font-weight: bold;
}

.nusp {
	background: #FF6347;
		width: 30px;
	   font-weight: bold;
}

.spoz {
	background: #FFCC1A;
   font-weight: bold;
	width: 30px;
}

.tabela_dyr{
	font-weight: normal;
	font-size: 0.8em;
}

SELECT {
	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: 11px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	FONT-FAMILY: Verdana,Helvetica; 
	BORDER-RIGHT-WIDTH: 1px;
}

SELECT.plan{
	margin-top: 5px;
	width: 148px;
}

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

div#ocenazach{
background: #D8D8D8;
width: 80%;
padding: 20px 0px;
}

div#uwaga{
   background: #F2F2F2;
	width: 80%;
	padding: 20px 0px;
}

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




/*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.info{
	color: Maroon;
  font-weight: bold;
}

a.info:visited {
	color: Maroon;
  font-weight: bold;
}


div#adres {
 	margin: 3px;
	border: dotted black;
	border-width: 1px 0px 1px 0px;
	text-align: center;
}
div#wychowawca {
 	margin: 3px;
	border: dotted black;
	border-width: 0px 0px 1px 0px;
	text-align: center;
}


/* MENu*/
ul#menu,ul#menu li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;

}

ul#menu {
	float: left;
	width: 100%;
}

ul#menu li {
	float: left;
	background: url(theme/przycisk_srodek.gif) no-repeat left top;
	width: 94px;
	height: 65px;
	padding-top: 14px;
}

ul#menu li.lewyprzycisk {
	width: 101px;
	background: url(theme/przycisk_lewy.gif) no-repeat left top;
}

ul#menu li.prawyprzycisk {
	width: 100px;
	background: url(theme/przycisk_prawy.gif) no-repeat left top;	

}

ul#menu li.lewyprzycisk_szary {
	width: 101px;
	background: url(theme/lewy_szary.gif) no-repeat left top;
}

ul#menu li.prawyprzycisk_szary {
	width: 100px;
	background: url(theme/prawy_szary.gif) no-repeat left top;	

}

ul#menu li.srodek_szary {
	background: url(theme/srodek_szary.gif) no-repeat left top;	

}

ul#menu a:link, ul#menu a:visited {
	display: block;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

ul#menu a:hover {
	text-decoration: underline;
}

ul#menu a.pusty, ul#menu li a.pusty:visited{ 
	  color:  #447cac;
}


/* POD MENu*/



ul#podmenu,ul#podmenu li {
	margin: 0;
	padding: 3px 12px 15px 15px;
}



ul#podmenu li {
	background: url(theme/podmenu_03.gif) no-repeat left top;
	color: White;
}

ul#podmenu a:link, ul#podmenu a:visited {
	font-weight: bold;
	text-decoration: none;
	color: White;
	
}
ul#podmenu a:hover {
text-decoration: underline;
}

ul#podmenu a.pusty, ul#podmenu li a.pusty:visited{
	text-decoration: none;
	color: #447cac;
}	

ul#podmenu li.srodek_szary {
	background: url(theme/podmenu_03sz.gif) no-repeat left top;	
}

ul#podmenu li.pusty{
	 background: transparent;
}


/*inne*/
.lewy {
	/*float: left;*/
	margin: 0px 10px 10px 10px;
	padding-right: 10px;
	border-right: 1px solid black;
	
}

.prawy {
 text-align: left;
}

div#witaj{
	 clear: both;
	 padding: 0px 3px 3px 3px;
}

.error{
	  color: Red;
	  font-weight: bold;
}

.info{
		color: Maroon;
	  font-weight: bold;
	
}

#shout{
	background: transparent;
}

div#shout{
	border: solid 1px black;
	width: 100%;
 	
}

/* nEWSY na glownej*/
div.news, div.news1{
	width: 550px;
	text-align: left;
	margin-bottom: 20px;
	background-image: url(theme/news.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	line-height: 1.5em;
}

div.news1{
	color: Maroon;	
}

div.news span.datanews{
	text-align: left;
   font-weight: bold;
	color: Maroon;
	display: block;
	margin-bottom: 5px;
}

div.news span.autornews{
	text-align: right;
   font-weight: bold;
	color: Maroon;
	display: block;
	padding: 5px 55px 5px 5px;
}

div.przycisk_news, div.przycisk_news1 {
	 background-image: url(theme/przycisk1.gif);
	 background-repeat: no-repeat;
	 background-position: center;
 	 width: 191px;
	 color: White;
	 font-weight: bold;
	 text-align: center;
	 padding: 5px;
	 margin-bottom: 10px;
}

div.przycisk_news1{
	color: Aqua;	
}

/*uwaga*/
div.news div.uwaga{
  background-image: url(theme/przycisk_uwaga.gif);
  background-repeat: no-repeat;
}

div.uwaga span.datanews{
	text-align: left;
   font-weight: bold;
	color: White;
	padding: 2px 2px 2px 5px;
	margin-bottom: 10px;
}

/*position*/
div.pos {	position: relative;
/*	border: 1px solid black;*/	
text-align: center;
}

div.przycisk {
	 background-image: url(theme/przycisk.gif);
	 background-repeat: no-repeat;
	 background-position: center;
 	 width: 240px;
 	 
	 color: Maroon;
	 font-weight: bold;
	 text-align: center;
	 padding: 8px 0px 8px 0px;
	 margin-bottom: 10px;
}



div.aktalizacja{
	width: 550px;
	text-align: left;
	margin-bottom: 10px;
	background-image: url(theme/ikony.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	line-height: 1.5em;
	
	}

	/*ustawienia*/
	
div.ustaw {
	width: 735px;
	margin: auto;
}

div.ustaw1 {
	width: 350px;
	float: left;
	padding-right: 30px;

}

div.pop_nazwisko {
	position: absolute;
	top: 0px;
	 left: 0px;
	 border: solid 1px White;
	 background-color: Black;
	 color: White;
	 padding: 1px;
	 
/*	 visibility: hidden;
*/
	width: 50px;
	 z-index: 1;
	 display: none;
}


div.s {
	position: relative;
	top: -20px;
	left: 0px;
}

div.stable {
	position: relative;
	top: 0px;
	left: 0px;
}


/***********skreslonu*/
.skreslony{
 text-decoration: line-through;
}


option.skreslony_option{
 color: Silver;

}


/*ookienko div*/
table.okienkoinfo {
	
	background-color: Gray;
	border: solid 1px black;
	 padding: 0px;
}

div.infodiv {
	padding: 1px;	
	text-align: justify;
	background-color: silver;
}

div.kom_dyr_podglad {
	padding: 10px;	
	text-align: justify;
	background-color: silver;
	width: 90%;
}


/*prywatne wiadomosci*/

div.message_naglowek{
   width: 100%;
	background: Silver;
	padding: 3px;
}

span.datamessagel {
	text-align: left;
}
span.datamessagep {
	position: absolute;
	top: 0px;
	right: 5px;
   font-weight: bold;
	color: Maroon;
}

div.kom_dyrektora{
	
	background-color: Silver;
	padding: 20px;
	width: 80%;
	margin: 40px;

}


div#regulamin li {
	padding:5px;
}