/* stale poczatek */

body {
     font-family:Verdana;
     font-size:8pt;
     color:black;
      position:relative; 
      margin: 0px auto;
      margin-top:0px;
      background: white url('bg.gif') top left repeat-x;
      text-align:center;
     }
     
.verdanka { font-size:10pt }
     
/*p { margin:0px; padding:0px }*/
.clear { clear:both }
hr { background:#d4d4d4; color:#d4d4d4; height:1px; border:0px }
     
a:link, a:visited, a:active { color: #df4504; text-decoration:underline }
a:hover { text-decoration:none }
a:link.orange_2, a:visited.orange_2, a:active.orange_2 { color: #df4504; text-decoration:none }
a:hover.orange_2 { text-decoration:underline }
a:link.orange_3, a:visited.orange_3, a:active.orange_3 { color: #df4504; text-decoration:none }
a:hover.orange_3{ text-decoration:none }
a:link.orange_4, a:visited.orange_4, a:active.orange_4 { color: #df4504; text-decoration:underline }
a:hover.orange_4{ text-decoration:underline }

img{border:0px}

a:link.white, a:visited.white, a:active.white { color: white; text-decoration:underline }
a:hover.white { text-decoration:none }
a:link.white_2, a:visited.white_2, a:active.white_2 { color: white; text-decoration:none }
a:hover.white_2 { text-decoration:underline }
a:link.white_3, a:visited.white_3, a:active.white_3 { color: white; text-decoration:none }
a:hover.white_3 { text-decoration:none }
a:link.white_4, a:visited.white_4, a:active.white_4 { color: white; text-decoration:underline }
a:hover.white_4 { text-decoration:underline }

a:link.black, a:visited.black, a:active.black { color: black ; text-decoration:underline }
a:hover.black { text-decoration:none }
a:link.black_2, a:visited.black_2, a:active.black_2 { color: black ; text-decoration:none }
a:hover.black_2 { text-decoration:underline }
a:link.black_3, a:visited.black_3, a:active.black_3 { color: black ; text-decoration:none }
a:hover.black_3 { text-decoration:none}
a:link.black_4, a:visited.black_4, a:active.black_4 { color: black ; text-decoration:underline }
a:hover.black_4 { text-decoration:underline }


a:link.gray, a:visited.gray, a:active.gray { color: gray; text-decoration:underline }
a:hover.gray { text-decoration:none }
a:link.gray_2, a:visited.gray_2, a:active.gray_2 { color: gray; text-decoration:none }
a:hover.gray_2 { text-decoration:underline }
a:link.gray_3, a:visited.gray_3, a:active.gray_3 { color: gray; text-decoration:none }
a:hover.gray_3 { text-decoration:none }
a:link.gray_4, a:visited.gray_4, a:active.gray_4 { color: gray; text-decoration:underline }
a:hover.gray_4 { text-decoration:underline }

#top { width:800px; height:158px; background:url('top.jpg') top left no-repeat ; margin:0 auto; margin-top:15px; text-align:left; }
#menu { width:800px; background: url('menu_big_bg.jpg') top left no-repeat; margin:0 auto; min-height:225px; text-align:left; }
#menu_left { width:238px; float:left; text-align:left; }
#menu_left_in { padding:4px 0px; background:url('menu_n_bg.gif') top left repeat-y; position:relative; }

a:link.menu_left, a:active.menu_left, a:visited.menu_left { font-family:arial; margin-bottom:1px; width:198px; padding:6px 20px; background: url('menu_normal.gif') top left repeat-y; display:block; color:white; text-decoration:none; font-size:10pt; font-weight:bold }
a:hover.menu_left { background: url('menu_active.gif') top left repeat-y; }

a:link.menu_leftb, a:active.menu_leftb, a:visited.menu_leftb { font-family:arial; margin-bottom:1px; width:198px; padding:6px 20px; background: url('menu_normal.gif') top left repeat-y; display:block; color:white; text-decoration:none; font-size:10pt; font-weight:bold }
a:hover.menu_leftb { background: url('menu_active.gif') top left repeat-y; }

/*
a:link.menu_leftb, a:active.menu_leftb, a:visited.menu_leftb { font-family:arial; margin-bottom:1px; width:198px; padding:6px 20px; background: url('menu_normal.gif') top left repeat-y; display:block; color:white; text-decoration:none; font-size:10pt; font-weight:bold }
a:hover.menu_leftb { color:orange }
*/
a:link.menu_leftc, a:active.menu_leftc, a:visited.menu_leftc { border-left:1px solid #222222; font-family:arial; padding:6px 20px; padding-bottom:7px; background: url("podmenu.gif") top right repeat-y; display:block; color:white; text-decoration:none; font-size:10pt; font-weight:bold; padding-right:30px }
a:hover.menu_leftc { background: #eb5313 url('menu_active3.gif') top right repeat-y; }

a:link.menu_leftcp, a:active.menu_leftcp, a:visited.menu_leftcp { border-top:1px solid #222222;border-left:1px solid #595959; font-family:arial;padding:6px 20px; padding-bottom:7px; background: url("podmenu.gif") top right repeat-y; display:block; color:white; text-decoration:none; font-size:10pt; font-weight:bold; padding-right:30px }
a:hover.menu_leftcp { background: #eb5313 url('menu_active3.gif') top right repeat-y;  }

a:link.menu_leftcz, a:active.menu_leftcz, a:visited.menu_leftcz{ border-bottom:1px solid #222222;border-left:1px solid #222222; font-family:arial; padding:6px 20px; padding-bottom:7px; background: url("podmenu.gif") top right repeat-y; display:block; color:white; text-decoration:none; font-size:10pt; font-weight:bold; padding-right:30px }
a:hover.menu_leftcz { background: #eb5313 url('menu_active3.gif') top right repeat-y;  }

.menu_left_pod { width:480px }
.menu_left_l { font-family:arial; float:left; width:5px; border-top:1px solid #222222; border-bottom:1px solid #222222; padding:6px 0px; background: #595959; display:block; color:white; text-decoration:none; font-size:10pt; font-weight:bold }
.menu_left_r { float:left;background: #4b4b4b url("menu_podbg.gif") top left repeat-y;}

#menu_right { width:557px; float:right;; text-align:left;}
#menu_right1 { width:557px; height:195px; position:relative }
#menu_right2 { width:524px;}
#menu_right_menu { top:35px; left:47px; position:absolute; width:193px;}

a:link.menu_right, a:active.menu_right, a:visited.menu_right { font-size:9pt;  background: url('strzalka1.gif') top left no-repeat; background-position:0px 6px; display:block; color:white; text-decoration:none; padding:3px 0px; padding-left:20px;}
a:hover.menu_right { text-decoration:underline }

#menu_right_banner { top:35px; left:240px; position:absolute; width:271px;}

.menu_right_bottoms { }

a:link.menu_right_bottom, a:active.menu_right_bottom, a:visited.menu_right_bottom { display:block; text-align:center; margin-bottom:2px; border:1px solid #e4e4e4; background:#f4f4f4; padding:4px; color:#e14200; text-decoration:none; font-size:13pt}
a:hover.menu_right_bottom { background:#e4e4e4 }

#main { width:800px; margin:0 auto }
#main2 { width:767px;; text-align:left;}

.main_lewo {width:238px; float:left; }
.main_prawo {width:272px; float:right; }
.main_srodek1 {width:511px; float:right; border-left:1px solid #f0f0f0 }
.main_srodek2 {width:477px; float:left; border-right:1px solid #f0f0f0 }
.main_srodek_in1 { padding-left:20px }
.main_srodek_in2 { padding-right:20px }

#stopka1 { width:800px; margin:0 auto }
#stopka1a { padding:6px 15px; background:url('stopka1.gif') top left; float:left; width:500px; color:white}
#stopka1b { color:gray; padding:6px; float:right; width:200px; padding-right:33px;}
#stopka2 { width:800px; height:79px; margin:0 auto; background:url('stopka.gif') top left no-repeat }
#stopka2a { padding-left:20px; padding-right:53px; padding-top:28px; text-align:center; color:white }

#znajdujesz_sie_w { width:800px; margin:0 auto; margin-top:0px; margin-bottom:9px; color:gray; text-align:left;}
#znajdujesz_sie_w_in { width:767px;border-bottom:1px solid #d4d4d4; padding-bottom:6px;}
a:link.znajdujesz_sie, a:visited.znajdujesz_sie, a:active.znajdujesz_sie { color: gray; text-decoration:underline }
a:hover.znajdujesz_sie { text-decoration:none }
a:link.znajdujesz_sie2, a:visited.znajdujesz_sie2, a:active.znajdujesz_sie2 { color: gray; text-decoration:none }
a:hover.znajdujesz_sie2 { text-decoration:underline }


.news_element_gora { padding:7px 0px; border-bottom:1px solid #cccccc }
.news_element_gora_nazwa { color:#df4504; font-weight:bold }
.news_element_gora_data { color:#969696; font-size:7pt }
.news_element_srodek { padding:10px 0px; padding-bottom:10px }
.news_element_dol { background: url('kropa.gif') top left repeat-x; background-position: 0px 9px; text-align:right; padding-right:30px;}
a.czytaj_wiecej { color:gray; background:white; padding-left:10px; padding-right:10px}

.wyrazenie_tygodnia1 { background: #eb570d url('wyrazenie1.jpg') top left no-repeat; width:267px; }
.wyrazenie_tygodnia2 { background: #e7530c url('wyrazenie2.jpg') top left no-repeat; width:267px; }
.wyrazenie_tygodnia_in { padding-left:27px; padding-right:27px; padding-bottom:20px; padding-top:50px; color:white}

.opis_szkoly { background: #e7530c url('box_background.png') top left; width:267px; }
.opis_szkoly_in { padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:20px; color:white}

.belka_nazwa { color:#7f7f7f; font-size:13pt; border-bottom:1px solid #d4d4d4}

.naglowek_nazwa { color:#df4504; font-size:13pt;}
.naglowek_nazwa_dod { color:#df4504; font-size:8pt;}

a.lista_a { color:gray; display:block; margin-bottom:5px; padding:6px; border-bottom:1px solid #e4e4e4; background:#f4f4f4; font-weight:bold }


.gra_puzzle_belka{background:#3d3d3d; padding:12px 20px}
span.gra_puzzle_duzy {font-size:15pt; color:white; text-decoration:none;}
span.gra_puzzle_maly { color:white; text-decoration:none;}
a:visited.gra_puzzle_duzy,a:active.gra_puzzle_duzy,a:link.gra_puzzle_duzy,a:hover.gra_puzzle_duzy { font-size:15pt; color:white; text-decoration:none; }
a:visited.gra_puzzle_maly,a:active.gra_puzzle_maly,a:link.gra_puzzle_maly,a:hover.gra_puzzle_maly { color:white; text-decoration:none; }
.gra_puzzle_box { background: #b00000 url("puzzlebg.gif") top left repeat-x; border-bottom:2px solid #d72408 }

.gra_puzzle_do { width:500px; float:left }
.gra_puzzle_od { width:235px; float:right }


.gra_puzzle_wyniky { float:right; color:white }

	
	#puzzle_od{
		width:235px;
		float:right;
		background: url("puzzlebg2.gif") top left no-repeat; 
	}
	#puzzle_wyniki{
		width:235px;
		float:right;
		background: url("puzzlebg4.gif") top left no-repeat; 
	}
	#puzzle_do{
		float:left;
		background: url("puzzlebg3.gif") top right no-repeat; 
	}	
	.dragableBoxRight{
    float:right;
		width:235px;
		height:34px;
	}
	div.dragableBoxRight{
		
	}
	.dropBox{
		width:190px;
		border:1px solid #000;
		background-color:#E2EBED;
		height:400px;
		margin-bottom:10px;
		padding:3px;
		overflow:auto;
	}		
	a{
		color:#F00;
	}
		
	.clear{
		clear:both;
	}
	img{
		border:0px;
	}
	
	.dragableBox { width:235px; height:29px; background: url("puzzle2.gif") top left no-repeat; margin-bottom:5px; cursor:pointer;color:white; }
	.dragableBox_in { text-align:center;  padding-top:7px }
	.dragableBox_wynik { width:235px; height:29px; background: url("puzzle3.gif") top left no-repeat; margin-bottom:5px; color:white; }
	.dragableBox_wynik_przez { width:235px; height:29px; margin-bottom:5px; }
	
	
	.dragableBoxRight_el { width:460px; height:34px; background: url("puzzle1.gif") top left no-repeat;}
	.dragableBoxRight_in { text-align:center; color:black; padding-top:7px; float:left; width:222px }
	
	
	
.gra_tw_belka { width:767px; height:95px; background: url("tw_gora.gif") top left no-repeat; position:relative }
.gra_tw_nowa { position:absolute; top:12px; left:20px }


.gra_tw_dymek { position:absolute; top:33px; left:200px; font-size:18pt }


.gra_tw_box { background: #b00000 url("tw_bg.gif") top left repeat-x; width:767px;}
.gra_tw_boxx { background: url("tw.jpg") top right no-repeat; width:767px;}
.gra_tw_boxx2 { background: url("tw_g.jpg") top right no-repeat; width:767px;}
.gra_tw_boxx3 { background: url("tw_r.jpg") top right no-repeat; width:767px;}

a:link.gra_tw_button, a:visited.gra_tw_button, a:active.gra_tw_button { background: white url("tw_btn.gif") bottom left repeat-x; border-bottom:1px solid white; color:black; display:block; width:382px; padding:6px 10px; margin-bottom:5px; text-align:center; font-size:14pt; text-decoration:none}

a:hover.gra_tw_button { background:white; color:gray }

#modul_gra_tw_pytanie a:link, #modul_gra_tw_pytanie a:visited, #modul_gra_tw_pytanie a:active, #modul_gra_tw_pytanie a:hover { color:white; text-decoration:underline } 

	
	
.gra_mil_box { background: #b00000 url("puzzlebg.gif") top left repeat-x; border-bottom:2px solid #d72408; color:white }
.gra_mil_box_wstep { padding:35px 20px; text-align:center }
.gra_mil_box_wstep_d { font-size:14pt; font-weight:bold }

a:visited.gra_mil_box_wstep_duzy,a:active.gra_mil_box_wstep_duzy,a:link.gra_mil_box_wstep_duzy { font-size:24pt; color:#ffce5d; text-decoration:none; font-weight:bold }
a:hover.gra_mil_box_wstep_duzy { font-size:24pt; color:white; text-decoration:none; font-weight:bold }

.koleczko1 { width:31px; height:22px; float:left; margin-right:10px;  background: url("koleczko1.gif"); color:#3d3d3d; font-weight:bold; text-align:center; padding-top:9px; }
.koleczko2 { width:31px; height:22px; float:left; margin-right:10px;  background: url("koleczko2.gif"); color:#bb7143; font-weight:bold; text-align:center; padding-top:9px;}
.gra_pytanie { font-size:13pt }
.gra_pytanie_pods { font-size:13pt; font-weight:bold }
.gra_pytanie_pods2 { font-size:16pt; font-weight:bold; color:#42ff00 }

.gra_odpowiedz1, a:link.gra_odpowiedz1, a:visited.gra_odpowiedz1, a:active.gra_odpowiedz1 { background: white url("tw_btn.gif") bottom left repeat-x; border-bottom:1px solid white; color:black; display:block; width:400px; padding:6px 10px; margin-bottom:5px; text-align:center; font-size:10pt; font-weight:bold; text-decoration:none}

a:hover.gra_odpowiedz1 { background:white; color:gray }

.gra_odpowiedz2, a:link.gra_odpowiedz2,a:visited.gra_odpowiedz2,a:active.gra_odpowiedz2,a:hover.gra_odpowiedz2 { background: #42ff00; border-bottom:1px solid #42ff00; color:black; display:block; width:400px; padding:6px 10px; margin-bottom:5px; text-align:center; font-size:10pt; font-weight:bold; text-decoration:none }

.gra_odpowiedz3, a:link.gra_odpowiedz3,a:visited.gra_odpowiedz3,a:active.gra_odpowiedz3,a:hover.gra_odpowiedz3{ background: red; border-bottom:1px solid red; color:white; display:block; width:400px; padding:6px 10px; margin-bottom:5px; text-align:center; font-size:10pt; font-weight:bold; text-decoration:none }

.gra_odpowiedz4, a:link.gra_odpowiedz4,a:visited.gra_odpowiedz4,a:active.gra_odpowiedz4,a:hover.gra_odpowiedz4{ background: yellow; border-bottom:1px solid yellow; color:black; display:block; width:400px; padding:6px 10px; margin-bottom:5px; text-align:center; font-size:10pt; font-weight:bold; text-decoration:none }

.gra_link, a:link.gra_link,a:visited.gra_link,a:active.gra_link,a:hover.link{ color:yellow; font-weight:bold; font-size:10pt; text-decoration:none }

table.gra_tabela { border-collapse: collapse; border-spacing: 0px; margin-top: 0px; width:100% }