body {
	background:url("../grafa/saphire/mainBackground.jpg") repeat-x #C5EEFF;
	margin: 0 auto;
	color: #000000;
	font-family: arial;
	font-size:12px;
}
a {
	color:#009ACC;
	text-decoration:none;
}
.czerwony{
	color:#CC0000;
}
.zielony {
	color:#00CC00;
}
a:hover {
	font-weight:normal;
}
ul {
	font-size:12px;
}
img {
	border:none;
}
input, textarea {
	background:#ffffff;
	color:#000000;
	border:1px solid #000000;
	margin: 2;
}
textarea {
	position:relative;
	width:432px;
}
fieldset {
	border: 1px solid #001F33;
	width:96%;
	margin:0 auto;
	position:relative;
	margin-top:10px;
	padding:5px;
}
legend {
	background:#1E677E;
	padding: 5px;
	color:#ffffff;
	position:relative;
}
legend a {
	color:#E2F6FF;
}
object {
	z-index:-3;
}
p {
	padding: 5px;
}
dd {
	font-weight:bold;
}
dt {
	margin-bottom:5px;
}
hr {
	width:90%;
	border:none;
	height:1px;
	background:#009ACC;
	position:relative;
}
h1, h2, h3 {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}

blockquote {
	margin:0px;
	padding:0px;
	padding-left:20px;
	font-style:italic;
	color:#666666;
	background:url(../grafa/saphire/quote.jpg) no-repeat top left;
}

.linki, .linki a {
	color:#999999;
	padding:5px;
}

#zrodlo, #zrodlo a {
	color:#999999;
	font-style:italic;
	text-align:right;
	float:right;
}

#zrodlo a {
	text-decoration:underline;
}

ul li, ol li ul li {
	list-style-image:url("../grafa/saphire/m.png");
	padding-left:2px;
}

ol li {
	list-style:decimal;
}

#rekrutacja {
	border-collapse:collapse;
	font-size:12px;
}
#rekrutacja a {
	font-weight:bold;
}
#rekrutacja #gora td {
	background-color:#267F9C;
	color:#ffffff;
	font-weight:bold;
}
#rekrutacja td {
	border:1px solid #000000;
	margin:0px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
#rekrutacja ul {
	text-align:left;
}
#rekrutacja #kol1 {
	background:url(../grafa/kolorki/1.gif);
}
#rekrutacja #kol2 {
	background:url(../grafa/kolorki/2.gif);
}
#rekrutacja #kol3 {
	background:url(../grafa/kolorki/3.gif);
}
#rekrutacja #kol4 {
	background:url(../grafa/kolorki/4.gif);
}
#rekrutacja #kol4 a {
	color:#FFFFFF;
}
#rekrutacja #kol5 {
	background:url(../grafa/kolorki/5.gif);
}
#rekrutacja #kol6 {
	background:url(../grafa/kolorki/6.gif);
}
#rekrutacja #kol7 {
	background:url(../grafa/kolorki/7.gif);
}
#rekrutacja #kol8 {
	background:url(../grafa/kolorki/8.gif);
}
#rekrutacja #kol9 {
	background:url(../grafa/kolorki/9.gif);
}
#rekrutacja #kol10 {
	background:url(../grafa/kolorki/10.gif);
}
#rekrutacja #kol11 {
	background:url(../grafa/kolorki/11.gif);
}
#rekrutacja #kol12 {
	background:url(../grafa/kolorki/12.gif);
}
#rekrutacja #kol13 {
	background:url(../grafa/kolorki/13.gif);
}
#rekrutacja #kol14 {
	background:url(../grafa/kolorki/14.gif);
}
#rekrutacja #kol15 {
	background:url(../grafa/kolorki/15.gif);
}

#container {
	width:1003px;
	margin:0 auto;
	position:relative;
	overflow:show;
}


#container ul li ul li {
	list-style-image:url("../grafa/saphire/m2.png");
	padding-left:2px;
}
#container ul li ul li ul li {
	list-style-image:url("../grafa/saphire/m3.png");
	padding-left:0px;
}


/* NAGLÓWEK */
#headerTop {
	margin:0 auto;
	position:relative;
	width:1003px;
	background:url("../grafa/saphire/header.jpg") no-repeat center;
	clear:both;
	float:left;
	height:208px;
}
#headerTop h1 {
	position:absolute;
	margin-left:180px;
	margin-top:50px;
	color:#FFFFFF;
	padding:5px;
}
#crystal {
	float:right;
	right:25px;
	position:absolute;
	width:186px;
	height:209px;
	background:url("../grafa/saphire/okno.png");
	text-align:center;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bolder;
}
#tablica {
	position:absolute;
	left:490px;
	top:-14px;
}
#logo {
	position:absolute;
	top:20px;
	z-index:1000;
}
#loginUp {
	width:150px;
	top:0px;
	position:relative;
	margin:0 auto;
	height:auto;
}
#loginform form {
	margin:0px;
	padding:0px;
	top:10px;
	position:relative;
	width:150px;
}
#loginFormField {
	width:150px;
	margin-left:0px;
}
#loginForm, #registerForm, #forgPass {
	margin:0px auto;
	padding:0px;
	text-align:center;
	position:relative;
}
#forgPass {
	height:30px;
	overflow:hidden;
	float:left;
	clear:both;
}
#registerForm input#button2 {
	float:right;
}

/* MENU GLOWNE */
#mainMenu {
	width:1003px;
	height:43px;
	clear:both;
	position:absolute;
	top:208px;
	left:0px;
}
#mainMenu ul li ul li {
	padding-left:0px;
}
div.list1 {
	position:absolute;
}
ul.navlist { font-family: arial; font-size:14px; height:43px; }
ul.navlist a
{
	font-weight: bold;
	text-decoration: none;
}
ul.navlist, ul.navlist ul, ul.navlist li, #contentMenu ul, #contentMenu li
{
	margin: 0px;
	padding:0px;;
	list-style-type: none;
	list-style-image:none;
}
ul.navlist li { float: left; }
ul.navlist li a div
{
	color: #000000;
	padding:0px 13px;
}
ul.navlist li a div.list1 {
	height:43px;
	vertical-align:middle;
	display:table-cell;
	top:0px;
	position:relative;
	border-left:1px dotted #ffffff;
	border-right:1px dotted #ffffff;
}
ul.navlist li a div.list2 {
	height:26px;
	vertical-align:middle;
	display:table-cell;
	color: #000000;
	background-color: #ffffff;
	border:1px solid #000000;
}
ul.navlist li.mainList a:hover div.list1, ul.navlist li.active
{
	color: #ffffff;
	background-image:url("../grafa/saphire/menuBg.jpg");
	background-position:top;
	background-repeat:repeat-x;
	vertical-align:middle;
	display:table-cell;
}
ul.navlist li.active div.list1 {
	background:url("../grafa/saphire/arrow.png") bottom center no-repeat;
}
ul.navlist li.active div.list1 {
	color:#124860;
}
ul.navlist .subnavlist a:hover div.list2
{
	color: #ffffff;
	background-color: #000000;
	background-image:none;
	vertical-align:middle;
	display:table-cell;
}
ul.subnavlist { display:none; visibility:hidden; width:0px; height:0px; z-index:0; }
ul.subnavlist li .list2 { float: none; width: 80px; }
ul.navlist li:hover ul.subnavlist
{
	display:inline-block;
	visibility:visible;
	font-size: 7pt;
	position:absolute;
	width:500px;
	height:auto;
	z-index:3;
}

ul.navlist li:hover ul.subnavlist li
{
display: inline;
float:left;
}

#contentMain {
	width:1003px;
	background: url("../grafa/saphire/contentMainBg.jpg") repeat-y;
	position:relative;
	top:43px;
	float:left;
	margin:0 auto;
	clear:both;
}



/* MENU BOCZNE */
#contentMenu, #contentMenu2 {
	width:193px;
	position:relative;
	padding:0px;
	margin:0px;
	float:left;
	font-size:11px !important;
}
#contentMenu a,#contentMenu2 a{
	height:24px;
	text-decoration:underline;
}
#contentMenuHeaderLeft, #contentMenuHeaderRight {
	width: 193px;
	height: 33px;
	color:#ffffff;
	font-weight:bold;
	position:relative;
	padding:0px;
	margin:0px;
	clear:both;
}
#contentMenuHeaderLeft {
	background: url("../grafa/saphire/menuHeaderLeft.png") no-repeat;
}
#contentMenuHeaderLeft img {
	float:right;
	position:relative;
	right:20px;
	vertical-align:middle;
	top:3px;
}
#contentMenuHeaderLeft span, #contentMenuHeaderRight span {
	position:relative;
	top:5px;
	font-size:12px;
}
#contentMenuHeaderLeft span {
	float:left;
	left:20px;
}
#contentMenuListLeft, #contentMenuListRight {
	position:relative;
	width: 193px;
	padding:0px;
	margin:0px;
}
#contentMenuListLeft {
	background: url("../grafa/saphire/contentMenuBgLeft.png") repeat-y;
}
#contentMenuListLeft form, #contentMenuListLeft p, #contentMenuListRight form, #contentMenuListRight p {
	position:relative;
	padding:10px 0px;
	margin:0px;
	left:10px;
	width: 170px;
	overflow:hidden;
}
#contentMenuListLeft form, #contentMenuListLeft p {
	left:15px;
}
#contentMenuListLeft a, #contentMenuListRight a {
	color:#000000;
}
#contentMenuListLeft ul li {
	list-style-image:url("../grafa/saphire/punkt.png");
	padding:3px 2px;
	position:relative;
	left:15px;
	width:170px;
}
#contentMenuListLeft input, #contentMenuListLeft textarea, #contentMenuListRight input, #contentMenuListRight textarea {
	width: 160px;
}
#contentMenuListLeft input#radio, #contentMenuListRight input#radio {
	width:auto;
}
#contentMenuListLeft ul li:hover {
	background-color:#1E677E;
	text-decoration:underline;
	color:#FFFFFF;
}
#contentMenuListLeft ul li:hover a {
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:normal;
}
#contentMenuFootLeft {
	height:20px;
	width:193px;
	background: url("../grafa/saphire/contentMenuFootLeft.png") no-repeat;
	position:relative;
	float:left;
}
#contentMenu2 {
	float:right !important;
	text-align:left;
}
#contentMenuHeaderRight {
	background: url("../grafa/saphire/menuHeaderRight.png") no-repeat;
}
#contentMenuHeaderRight img {
	float:left;
	position:relative;
	left:20px;
	vertical-align:middle;
	top:3px;
}
#contentMenuHeaderRight span {
	right:20px;
	float:right;
}
#contentMenuListRight {
	background: url("../grafa/saphire/contentMenuBgRight.png") repeat-y;
	float:right;
}
#contentMenuListRight form, #contentMenuListRight p {
	float:right;
	padding-right:15px;
}
#contentMenuListRight ul li:hover {
	background-color:#1E677E;
	text-decoration:underline;
	color:#FFFFFF;
}
#contentMenuListRight ul li:hover a {
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:normal;
}
#contentMenuFootRight {
	height:20px;
	width:193px;
	background: url("../grafa/saphire/contentMenuFootRight.png") no-repeat;
	position:relative;
	float:left;
}



/* TRESC */
#contentContainer {
	width:605px;
	height:auto;
	position:relative;
	margin:0 auto;
	float:left;
}
#contentSciezka {
	border-bottom:#001F33 1px dotted;
	margin:0 auto;
	margin-bottom:8px;
	width:605px;
	float:left;
	position:relative;
	z-index:1;
}
#contentSciezka p {
	padding: 5px;
	margin: 0px;
}
#contentTresc {
	position:relative;
	margin:0 auto;
	width:605px;
	height:100%;
	float:left;
}
#contentTresc p {
	text-align:justify;
}
#komentarze {
	clear:both;
}
#footer {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	background:url("../grafa/saphire/mainFoot.png") no-repeat;
	background-position:bottom;
	width:1003px;
	margin:0 auto;
	float:left;
	font-size:12px;
	text-align:center;
}
#footer p {
	text-align:center;
	padding:5px;
}
#footer img {
	vertical-align:middle;
}



/*RESZTA*/

.center {
	width:100%;
	text-align:center;
}
#pagina {
	margin-top:10px;
	margin-bottom:10px;
}

#warning {
	color:#FF0000;
	font-weight:bold;
	font-size:larger;
	text-align:center;
}
#szkolaDane, #szkolaLinki {
	position:relative;
	height:auto;
	width:100%;
	margin:0 auto;
}
#szkolaDane {
	text-align:center;
	width:100%;
	margin:0 auto;
	position:relative;
	float:left;
}
#szkolaDane table {
	margin:0 auto;
	position:relative;
}
#szkolaLinki {
	float:left;
}
#szkolaLinki table tr td {
	vertical-align:top;
	position:relative;
	width:50%;
}
#szkolaDane table tr {
	position:relative;
}
#szkolaDane table tr td {
	text-align:center;
	padding:5px;
	float:left;
	position:relative;
}
#szkolaOpis {
	position:relative;
	float:left;
	width:100%;
	height:auto;
}
#szkolaOpis p {
	width:98%;
	text-align:justify;
}
#szkolaRekrut {
	width: 100%;
	border:1px solid #00CCFF;
	margin:0 auto;
	float:left;
	padding:5px;
	position:relative;
}
#szkolaUp {
	position:relative;
	width:100%;
	height:auto;
}
#szkolaUp #logo1 {
	width:20%;
	position:relative;
	float:left;
}
#szkolaUp #logo2 {
	width:20%;
	position:relative;
	float:right;
}
#szkolaUp #nazwa {
	position:relative;
	height:auto;
	margin:0 auto;
	width:60%;
}
#szkolaRekrut p, #szkolaRekrut ul, #szkolaRekrut ol{
	margin:5px;
}
#mapka {
	height:300px;
	width:600px;
	position:relative;
	float:left;
	margin:0 auto;
}
#spisNaglowki td {
	background-color:#267F9C;
	color:#ffffff;
	font-weight:bold;
	border:#000033 1px solid;
}
#spisNaglowki a, #spisNaglowki a:hover {
	font-weight:bold;
	color:#ffffff;
}
#spisTable {
	position:relative;
	text-align:left;
	width:100%;
	border:none;
	border-collapse:collapse;
	float:left;
}
#tabelka {
	border-collapse:collapse;
	width:95%;
	margin:0 auto;
	position:relative;
}
#spisTable td {
	padding:5px;
}
#spisTable tr {
	padding:0px;
}
#formaStudiow, #formaStudiow ul {
	list-style-type:none;
	margin:0px;
	margin-left:10px;
	padding:0px;
}
#formyStudiowWyniki {
	margin:0 auto;
	width:572px;
}
#formyStudiowWyniki, #formyStudiowWyniki td{
	vertical-align:top;
}




#forumTemat {
	border:none;
	border-collapse:collapse;
	width:98%;
}
#forumAutor {
	border-right:dashed 1px #001F33;
	vertical-align:top;
	width:80px;
}
#forumAdmin {
	color:#CC0000;
}
#forumUser {
	color:#003300;
}
#forumData {
	text-align:right;
	background:none;
	width:98%;
}
#forumPodpis {
	border-top:dashed 1px #001F33;
	width:95%;
}
#forumTematMain {
	background:#DEE7EE;
}
#forumTematPost1, #ciemny, .ciemny {
	background:#D7E7EE;
}
#forumTematPost2, #jasny, .jasny {
	background:#ffffff;
}
p#poSzkole {
	position:relative;
	float:left;
	width:600px;
	background:inherit;
	margin:0px;
	border-bottom:1px dotted #001F33;
}
#poSzkoleWyswietlono {
	float:left;
}
#poSzkoleSrednia{
	float:right;
}
#poSzkoleContent {
	text-align:center;
	width:auto;
	margin:0 auto;
	position:relative;
}
#poSzkoleImg {
	float:left;
	padding:10px;
	vertical-align:middle;
}
#poSzkoleTytul {
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
}
#main {
	padding:5px;
}
input#button1,input#button2,input#button3 {
	border:none;
	height:25px;
	color:#000000;
	position:static;
	margin:0px;
	padding:0px;
	margin-top:5px;
}
input#button1 {
	width:45px;
	background:url(../grafa/saphire/button1.png);
	float:left;
	position:relative;
}
input#button2 {
	width:90px;
	background:url(../grafa/saphire/button2.png);
}
input#button3 {
	width:150px;
	background:url(../grafa/saphire/button3.png);
	clear:both;
	position:relative;
}

.newsName {
	font-size:1.5em;
	margin-bottom:0px;
	padding-bottom:0px;
}
.newsShortcut {
	margin:0px;
}
.dolnyText {
	float:right;
	margin:0px;
	width:100%;
	position:relative;
	text-align:right;
	display:block;
}


.more {
	color:#FF6600;
}
#galeria {
	width:591px;
	float:left;
	position:relative;
	display:inline;
}
#galeria img {
	background:#ff0000;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
#galeria a {
	margin:0px;
	padding:0px !important;
	position:relative;
	float:left;
	height:147px;
}
#czas {
	color:#009ACC;
	font-size:9px;
	position:relative;
	clear:both;
	text-align:center;
	margin:0 auto;S
	width:300px;
}
#liczbaKomentarzy {
	color:#009ACC;
	font-size:9px;
}
#trwanie td {
	border:1px solid #000000;
	border-collapse:collapse;
}

#typySzkol {
	margin-top:10px;
}
#typySzkol li {
	list-style:none !important;
	position:relative;
	float:left;
}
#typySzkol img {
	margin-top:-5px;
}
#amma { text-align:center !important; font-size:1.4em; }
#duzy1 {
	font-size:3em;
}
#duzy2 {
	font-size:1.5em;
}

div.spisMiast {
	width:25%;
	position:relative;
	float:left;
	display:inline;
}



<!--YETTI-->
div.taby {
	width: 100%;
	margin: 0;
	float:left;
}

#tab-container-1-nav {
	clear: left;
	padding:0px;
	left:10px;
	width:100%;
	margin:0px auto;
}

ul.taby {
	position:relative;
	margin:0 auto;
}

ul.taby li {
	list-style: none !important;
	margin: 0 2px 0 0;
	float: left;
}

ul.taby a {
	height:25px;
	width:108px;
	background: url(../grafa/base/tabNormal.png) no-repeat top;
	vertical-align:middle;
	display:table-cell;
	border: 0;
	color: #666;
	top:50px;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
}

ul.taby a:hover {
	color:#333333;
	text-decoration:underline;
	background: url(../grafa/base/tabActive.png) no-repeat top;
}

ul.taby a.active {
	cursor: default;
	color: #333333;
	text-decoration:underline;
	background: url(../grafa/base/tabActive.png) no-repeat top;
}

ul.taby span {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	border: 0;
	color: #999;
	text-decoration:line-through;
	font-weight: bold;
	height:25px;
	width:108px;
	background: url(../grafa/base/tabNormal.png) no-repeat top;
}

.naglowekTresci {
	clear:left;
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:15px;
	margin-top:-5px;
	background:url(../grafa/base/trescTloGora.png) no-repeat;
}

.tabs-container, .srodekTresci {
	clear: left;
	padding: 0 8px 0 0px;
	position:relative;
	width:100%;
	display:block;
	float:left;
	background:url(../grafa/base/trescTloSrodek.png) repeat-y;
}
.srodekTresci .tresc {
	width:582px;
	padding-left:8px;
}

.tab {
	position:relative;
	width:97%;
	margin:0 auto;
}

.stopkaTresci {
	clear:left;
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:15px;
	background:url(../grafa/base/trescTloDol.png) no-repeat;
}

.sygnatura {
	position:relative;
	float:left;
	padding:5px;
}
#matura, #swiat, #artykuly, #strona {
	position:relative;
	float:left;
	clear:both;
	margin:0 auto;
	padding-bottom:10px;
}
.news {
	position:relative;
	clear:both;
	width:567px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	display:inline-block;
	border-bottom: 1px dotted #bbbbbb;
}

<!--YETTI-->