@CHARSET "UTF-8";

body {
	background: #52c87e url('../template/gfx/tlo.jpg') top center no-repeat;
	font-family: Tahoma, Arial, Helvetica, Sans;
	font-size: 12px;
	line-height: 16px;
	color: #343434;
	margin: 0px;
	padding: 0px;
}

table { border-collapse: collapse; margin: 0px 0px 12px 0px; padding: 0px;}
caption { color: #e63402; font-size: 13px; font-weight: bold; padding: 5px; }
td { border: 1px solid #ffe8d7; padding: 5px; }
td.center { text-align: center; }
th { background: #ffe8d7; border: 1px solid #fff; padding: 5px; }
span.hl { color: #e63402; font-weight: bold; }
p { margin: 5px 0px 8px 0px }
h1 { color: #343434; font-size: 20px; line-height: 25px; font-weight: bold; }
h2 { color: #1fb25a; font-size: 12px; line-height: 17px; }
h3 { color: #1fb25a; font-size: 11px; line-height: 15px; }
dl { }
dt { font-weight: bold; }
dd { margin: 5px 0px 10px 30px; }
a { color: #009900; font-weight: bold; text-decoration: none; }
a:hover { color: #283427; text-decoration: underline;}
ol { margin-top: 0px;}
ol li { margin-bottom: 3px; }
ul { margin-left: 0px; margin-top: 5px; padding-left: 12px; text-indent: 0px; }
ul li { list-style: none; margin: 0px; padding: 0px 0px 4px 12px; background: url('../template/gfx/green_arrow.jpg') 0px 5px no-repeat; }
img { border: none; }

div { position: relative; padding: 0px; margin: 0px; }

/** Layout **/
#container { width: 940px; margin-left: auto; margin-right: auto; border: none; }
#flash { width: 940px; height: 317px; background: #fff url('../template/gfx/flash.jpg'); padding: 0px; margin: 0px; float: left; }
#login { background: transparent; color: #fff; position: absolute; right: 180px; top: 7px; width: 200px; font-size: 15px; }
#login a { color: #fff; }
#game { width: 100%; padding: 0px; float: left; background: transparent; }
#gamediv { width: 800px; padding: 30px 70px 0px 70px; }
#content { width: 626px; min-height: 300px; float: left; background: transparent; padding: 10px 6px 20px 0px; }
#right { float: left; width: 256px; background: #fff; padding: 0px 25px 20px 25px; margin: 10px 0px 20px 0px; border: 1px solid #959595; }

#separator { background: #fff; float: left; clear: both; width: 100%; height: 51px; border-bottom: 2px solid #1fb259; }
#menubottom { width: 940px; height: 33px; padding: 18px 0px 0px 0px; margin: 0 auto; background: url('../template/gfx/ptaszek.jpg') bottom left no-repeat; } 
#menubottom a { font-weight: normal; color: #4b4b4b; }

#footer { background: #fff; float: left; clear: both; width: 100%; padding: 12px 0px 10px 0px; }
#footer table { border: none; margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; font-family: Verdana, Arial, Sans; font-size: 10px; color: #4b4b4b; line-height: 12px; }
#footer table td { border: none; margin: 0px; padding: 0px; text-align: left; vertical-align: top; } 
#footer table td.t1 { width: 280px; }
#footer table td.t2 { width: 180px; }
#footer table td.t3 { width: 480px; }
#footer table td h1 { margin: 0px 0px 5px 0px; }

#tekst { background: #fff; padding: 10px 10px 10px 10px; margin: 0px 6px 0px 0px; border: 1px solid #959595; }
/* Całość strony */
#news { float: left; width: 323px; padding: 0px 30px 0px 0px; }
#intro { float: left; width: 323px; padding: 0px 30px 0px 0px; }
p.wiecej { display: block; width: 45px; padding: 0px 5px 0px 0px; margin: 15px 0px 0px 0px; text-align: left; background: url('../template/gfx/green_arrow.jpg') right center no-repeat; float: right; }
p.wiecej a { color: #4d4c4c; }
.newsitem { float: left; clear: both; width: 293px; }

/* Nagłówek */

/* Strona */

/* Blok z metką */
.dlaucznia, .dlanauczyciela { width: 556px; margin: 0px 0px 12px 0px; padding: 5px 10px 5px 60px; }
.dlaucznia { background: url('../template/gfx/dla_ucznia.gif') no-repeat top left; min-height: 175px; }
.dlanauczyciela { background: url('../template/gfx/dla_nauczyciela.gif') no-repeat top left; min-height: 202px; }

.bg_1, .bg_2, .bg_3, .bg_4, .bg_5, .bg_6, .bg_7, .bg_quiz { width: 556px; margin: 0px 0px 12px 0px; padding: 5px 10px 5px 60px; min-height: 175px; }
.bg_1 { background: url('../template/gfx/bg_1.gif') top left no-repeat; }
.bg_2 { background: url('../template/gfx/bg_2.gif') top left no-repeat; }
.bg_3 { background: url('../template/gfx/bg_3.gif') top left no-repeat; }
.bg_4 { background: url('../template/gfx/bg_4.gif') top left no-repeat; }
.bg_5 { background: url('../template/gfx/bg_5.gif') top left no-repeat; }
.bg_6 { background: url('../template/gfx/bg_6.gif') top left no-repeat; }
.bg_7 { background: url('../template/gfx/bg_7.gif') top left no-repeat; }
.bg_quiz { background: url('../template/gfx/bg_quiz.gif') top left no-repeat; }

/* Blok tekstu */
div.bigBlock { margin: 30px 30px 30px 30px; padding: 10px 20px 20px 20px;  background: #a6c512; }
div.insideBlock { background: #fff; padding: 10px 20px 20px 20px; }
p.wiecej1 { text-align: right; margin: 0px 60px 0px 0px;}
p.wiecej1 a { color: #283427; }
#menu {  width: 211px; padding: 0px; margin: 0px; font-size: 12px; }
#pogoda { float: left; width: 211px; padding: 0px; background: #f1f1f1;}

/* Prawa kolumna */
#right h1 { color: #fff; background: url('../template/gfx/pasek_orange.jpg') no-repeat top left; font-size: 18px; font-weight: normal; padding: 2px 0px 3px 20px; width: 237px; margin-bottom: 5px; }
div.rightbox { margin: 0px 0px 12px 0px; clear: left; }

/* mapa strony */
#mapa p { float: left; display: block; margin: 0px; padding: 0px 10px 0px 0px; }
#mapa ul, #mapa ul li { list-style: none; margin: 0px; text-indent: 10px; background: url('../template/gfx/red_arrow.png') 0px 5px no-repeat; }
#mapa li { padding: 0px 5px 0px 0px; float: left; }
#mapa a { color: #4d4c4c; text-decoration: none; }
#mapa a:hover { color: #e63402; }

/* menu strony */
#menu img { border: 0px; padding: 0px; margin: 0px; float: left; }
#menu ul { margin: 0; padding: 0; list-style-type: none; float: left; display: block; clear:both;}
#menu li { display:block; clear: both; padding: 0px; margin: 0px; background: transparent;}
#menu a { display: block; color: #4d4c4c; background: #f1f1f1 url('../template/gfx/red_arrow.png') 8px 9px no-repeat; width: 181px; padding: 3px 12px 3px 18px; text-decoration: none; border-bottom: 1px dotted #adacac; font-weight: normal; clear: both; }
#menu a:hover { background-color: #ffe8d7; color: #4d4c4c; }
#menu li li a { display: block; color: #4d4c4c; background: #fff url('../template/gfx/red_arrow.png') 15px 9px no-repeat; width: 181px; padding: 3px 3px 3px 27px; text-decoration: none; border-bottom: 1px dotted #adacac; font-weight: normal; clear: both; }
#menu a.bigOn { background-color: #ffe8d7; clear: both;}

/* stopka */
#footer h1 { font-size: 11px; color: #4b4b4b; }
#footer p { display: block; float: left; margin: 10px 0px 0px 0px; }
#footer table td.t3 img { float: left; margin: 0px 25px 3px 0px; padding: 0px; border: none; }
#footer p.copy { display: block; float: right; margin-right: 11px; color: #7b7b7b; }
#footer a { color: #4b4b4b; }
#footer a:hover { color: #1fb25a; }
#footer ul { font-size: 11px; margin: 0px 0px 0px 16px; padding: 0px; }
#footer ul li { background: none; list-style-type: square;text-indent: 0px; padding: 0px; margin: 0px; }
/* Intro */
div.intro{ float: left; width: 473px; padding: 0px 0px 24px 12px; }
img.introimg { float: left; width: 110px; height: 146px; margin-right: 12px;  }
img.introtitle { float: left; width: 209px; height: 36px; }
p.separator { float: left; clear: both; display: block; }
div.introtext{ float: left; width: 340px; }

/* Ilustracje */
img.ilustracja { border: none; float: right; margin: 0px; }
div.ilustracja { border: none; float: right; width: 50px; }

/* Wyszukiwarka */
input.query { border: 1px solid #ccc; margin: 0px 12px 0px 12px; width: 130px; color: #4d4c4c; font-family: Tahoma, Arial, Helvetica, Sans; font-size: 11px; }
#search label { color: #e63402; font-weight: bold; font-size: 11px; }
input.go { background: #e63402 url('../template/gfx/white_arrow.png') 4px 3px no-repeat; border: 1px solid #e63402; width: 16px; height: 16px; }

/* Czy wiesz */
#czywiesz, #polecaja, #wyslij, #linki { color: #fff; font-size: 11px; line-height: 15px; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; background: url('../template/gfx/linia_polebok.jpg') bottom center no-repeat; }
#czywiesz h1, #polecaja h1, #wyslij h1, #linki h1 { font-size: 16px; font-family: Arial; color: #fff; height: 31px; display: block; padding: 10px 0px 0px 42px; margin: 0px; background: url('../template/gfx/zarowka.jpg') center left no-repeat; }
#czywiesz p, #polecaja p, #wyslij p, #linki p { padding: 0px 0px 0px 5px; margin: 2px 0px 10px 0px; }
#czywiesz a, #polecaja a, #wyslij a, #linki a { color: #fff; }
p.rwiecej { text-align: right; margin: 10px 10px 10px 0px; }

div.rc { width: 185px; float: left; background: #fff url('../template/gfx/zakladka_bok.jpg') no-repeat; margin: 24px 0px 0px 0px; }
h1.rc { background: transparent url('../template/gfx/white_arrow.png') 9px 15px no-repeat; text-indent: 0px; padding: 8px 0px 0px 24px; margin: 0px; color: #fff; font-size: 11px; border: none; height: 24px; }
div.rctext { width: 159px; padding: 16px 8px 0px 16px; float: left; margin: 0px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
img.rcimg { float: left; margin-bottom: 12px; }
p.rc { margin: 0px; }
img.rcdol { float: left; border: none; padding: 0px; margin: 0px;}

/* Galeria */
div.blockOut { margin: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;  background: #a6c512; width: 100px; height: 100px; float: left; }

/* Poleć stronę */
table.mailform { border: none; }
table.mailform th { width: 140px; text-align: right; background: #a6c512; color: #fff; }
table.mailform td { width: 400px; background: #a6c512; border: 1px solid #fff; color: #fff; }
table.mailform td input { width: 370px; border: 1px solid #fff; }
table.mailform td input.ro { border: 1px solid #fff; background: #a6c512; color: #fff; border-color: #a6c512; }
table.mailform td textarea { width: 372px; height: 120px; border: 1px solid #fff; }
table.mailform td textarea.ro { border: 1px solid #fff; background: #a6c512; color: #fff; border: 1px solid #a6c512; }
table.mailform th a { font-weight: normal; color: #fff; }
table.mailform td input.captcha { width: 130px; height: 54px; margin: 5px 0px 5px 0px; font-size: 42px; color: #a6c512; background: #fff; border: 1px solid #fff; float: left; }
table.mailform td img { margin: 5px 20px 5px 0px; padding: 0px; float: left; }
table.mailform td.buttons { text-align: center; height: 55px; }
table.mailform td.buttons input { width: 150px; height: 35px; border: 1px solid #fff; color: #000; background: #d6f592; font-weight: bold; font-size: 12px; }

#formularz table { border: none; }
#formularz table td { border: none; }
#formularz { color: #fff; }
#formularz h1 { color: #fff; }

fieldset { color: #fff; border: 1px solid #fff; width: 220px; margin-top: 0px; margin-bottom: 10px; }
fieldset label { display: block; }
fieldset input { width: 200px; }

span.ok { color: #f86201; font-weight: bold; }
h2.ok { color: #f86201; font-weight: bold; }
span.err { color: #bf150b; font-weight: bold; }
span.errok { color: #2a00e1; font-weight: bold; }

div.bg_5 fieldset { color: #f86201; border: 1px solid #ccc; width: 220px; }

table.sonda { }
table.sonda td, table.sonda th { border: none; text-align: left; background: transparent; padding: 2px 4px 4px 0px; }
table.sonda td.procent { text-align: right; }