/* stale poczatek */

body {
     font-family:Verdana;
     font-size:8pt;
     color:black;
      position:relative; 
      margin: 0px auto;
      margin-top:0px;
      text-align:center;
     }


#tlo_top_banner {
	background:#f3f3f3;
}
#top_banner {
	padding-top:10px;
	background:#f3f3f3;
	width:800px;
	height:50px;
	margin:0 auto;
}
#top_banner_flash {
	display:block;
}




#glowne_tlo {
	background: white url('bg.gif') top left repeat-x;
	padding-top:10px;
	position:relative;
}
 
 
     
.verdanka { font-size:10pt }
     
/*p { margin:0px; padding:0px }*/
.clear { clear:both }
hr { background:#d4d4d4; color:#d4d4d4; height:1px; border:0px }
img{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 }

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 }


/* LOGO */
#top-strony { width:800px; margin:0 auto; position:relative; }
h1 { padding:0px; margin:0px; display:block; width:800px; height:158px; background: #be0503; margin:0 auto; text-align:left; color:white;}
h1 img { display:block }

a#logo { position:absolute; display:block;width:364px; height:118px; left:174px; top:17px;}
a#solidna-marka { position:absolute; display:block;right:0px; top:0px;}
a#solidna-marka img { display:block }

/* MENU GORNE - wszystkie rodzaje */
#menu { width:800px; background: url('menu_big_bg.jpg') top left no-repeat; margin:0 auto; text-align:left; height:100%; }

#menu_left { padding:4px 0px; width:238px; float:left; background:#3d3d3d url('menu_n_bg.gif') top left repeat-y; position:relative; z-index:50; }
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 { 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_center { margin-left:51px; float:left; width:190px; margin-top:35px; background:#585858 url('menu_bg_center.gif') top left no-repeat; z-index:5; }
#menu_center a, #menu_center a:link, #menu_center a:active, #menu_center a:visited { 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; z-index:2}
#menu_center a:hover { text-decoration:underline }

#menu_right { width:268px; float:left; margin-left:3px; padding-top:35px; z-index:5; }
#menu_right a, #menu_right a:link, #menu_right a:active, #menu_right a:visited, #menu_right a:hover { display:block; margin-bottom:5px}
#menu_right a img { display:block; }






.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; padding-top:7px;}
#znajdujesz_sie_w_in { width:767px;border-bottom:1px solid #d4d4d4; padding-bottom:6px; padding-top:3px;}
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 }
/*
a.zobacz_facebook {display:block; float:right; margin-left:10px;margin-top:-3px; margin-right:17px; }
a.zobacz_facebook img { display:block }
*/
.zobacz_facebook {display:block; float:right; margin-left:10px;margin-top:-6px; margin-right:0px; }

#akredytacja { padding:14px 0px; color: #df4504; font-size:9pt }
#akredytacja a:link, #akredytacja a:visited, #akredytacja a:active, #akredytacja a:hover { color: #df4504; text-decoration:none; }
#akredytacja a:hover { text-decoration:underline }

.news_element_gora { padding:7px 0px; border-bottom:1px solid #cccccc }
.news_element_gora h3 { display:block; color:#df4504; font-weight:bold; font-size:8pt; margin:0px; padding:0px; background-image: url('strzalka3.gif'); background-repeat:no-repeat; background-position:0px 2px;padding-left:18px }
.news_element_gora h3 a { text-decoration:none; display:block }
.news_element_gora h3 a:hover { text-decoration:underline; }
.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}
.opis_szkoly h2 { color:white; font-size:9pt; font-weight:normal; padding:0px; margin:0px; padding-bottom:8px}
.opis_szkoly a { color:white; text-decoration:none }
.opis_szkoly a:hover { text-decoration:underline }

.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% }







.gra_memory_belka{background:#3d3d3d; padding:12px 20px}
span.gra_memory_duzy {font-size:15pt; color:white; text-decoration:none;}
span.gra_memory_maly { color:white; text-decoration:none;}
a:visited.gra_memory_duzy,a:active.gra_memory_duzy,a:link.gra_memory_duzy,a:hover.gra_memory_duzy { font-size:15pt; color:white; text-decoration:none; }
a:visited.gra_memory_maly,a:active.gra_memory_maly,a:link.gra_memory_maly,a:hover.gra_memory_maly { color:white; text-decoration:none; }
.gra_memory_box { background: #b00000 url("puzzlebg.gif") top left repeat-x; border-bottom:2px solid #d72408 }
.gra_memory_duzy_temat { color:#fff; font-size:10pt; font-weight:bold; padding-top:4px }
.gra_memory_maly_temat { color:#fff }
.gra_memory_opis { padding:40px 100px; text-align:center; color:#fff; font-weight:bold }

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

.gra_memory_do { width:500px; float:left }
.gra_memory_od { width:235px; float:right }


.gra_memory_wyniky { float:right; color:white }

	
	#memory_od{
		width:235px;
		float:right;
		background: url("memorybg2.gif") top left no-repeat; 
	}
	#memory_wyniki{
		width:235px;
		float:right;
		background: url("memorybg4.gif") top left no-repeat; 
	}
	#memory_do{
		float:left;
		background: url("memorybg3.gif") top right no-repeat; 
	}	

.gra_memory_tytul { margin:0px; padding:0px; padding-top:9px; padding-bottom:14px; color:#fff; font-size:20pt; text-align:center; }
.gra_memory_belkas1 { color:white; padding-left:20px; padding-right:20px; font-size:9pt; text-align:center }
.gra_memory_belkas2 { padding-left:20px; padding-top:11px; padding-bottom:12px;border-bottom:1px solid #f88d22; margin-bottom:15px;}

.gra_memory_dopasowanie { height:12px; background:#c32409; margin-right:2px; float:left; margin-top:5px; overflow:hidden; }
.gra_memory_dopasowanie_act { height:12px; background:#fff; margin-right:2px; float:left; margin-top:5px; overflow:hidden; }
.gra_memory_obrazki1  { padding-left:20px; margin-bottom:14px; padding-bottom:12px; background: url('memk.gif') bottom center no-repeat;}
.gra_memory_obrazki2  { padding-left:20px; padding-bottom:20px;}
.gra_memory_obrazek1 { width:100px; height:120px; float:left; margin-right:4px; margin-bottom:4px; color:black }
.gra_memory_zaslepka { display:block; width:100%; height:120px; background:#fff url('memz.gif') center center no-repeat; margin:0 auto; }
.gra_memory_zdjecie { width:100%; height:120px; background:white url('mem1.gif') center center no-repeat; display:none; margin:0 auto; overflow:hidden }
.gra_memory_zdjecie span, .gra_memory_zdjecie_no span, .gra_memory_zdjecie_yes span { display:block; text-align:center; margin:0 auto; width:90px; padding:20px 0px; font-weight:bold; font-size:9pt }
.gra_memory_zdjecie_yes { display:block; width:100%; height:120px; background:white url('mem3.gif') center center no-repeat; margin:0 auto; overflow:hidden }
.gra_memory_zdjecie_no { display:block; width:100%; height:120px; background:white url('mem2.gif') center center no-repeat; margin:0 auto; overflow:hidden }
.gra_memory_zdjecie div, .gra_memory_zdjecie_yes div, .gra_memory_zdjecie_no div { display:block; width:100%; height:120px; }
.gra_memory_komunikacik { padding:0px 20px; color:#fff; text-align:center }
.gra_memory_komunikacik span { font-size:20pt; font-weight:bold; color:#ff3000; text-align:center; display:block; padding-top:40px; padding-bottom:20px; }
.gra_memory_komunikacik span.wyg { color:#00ff06 }
a:link.gra_memory_rozpocznij2, a:visited.gra_memory_rozpocznij2, a:active.gra_memory_rozpocznij2 { background: white url("tw_btn.gif") bottom left repeat-x; border-bottom:1px solid white; color:black; display:block; width:382px; padding:6px 10px; text-align:center; font-size:14pt; text-decoration:none; margin:0 auto; margin-top:35px}
a:hover.gra_memory_rozpocznij2 { background:white; color:gray }


.facebook{
    float:right;
    width:232px;
    height:420px;
   background: url(facebook-widget.gif);
   background-repeat: no-repeat;
    display:block;
    right:-205px;
    padding:0;
    position:fixed;
    top: 170px;
    z-index:1002;
}


.widget_social{
    float:right;
    width:232px;
    height:420px;
    background: url(facebook-widget.gif);
    display:block;
    right:-205px;
    padding:0;
    position:fixed;
    top:170px;
    z-index:100;
}