@font-face {
    font-family: CloisterBlack;
    src: url(/CloisterBlack.ttf);
}

input[type=submit].zamow {
    background: url("/images/zamow_przycisk.png");
    border: 0;
    display: block;
    height: 40px;
    width: 156px;
    text-indent: -20000px;
    cursor: pointer;
}

span.initial { font-family: CloisterBlack;
font-weight: bold; font-size: 30px;}
body {background-color: black;

	text-align: center;

	font-family: Tahoma, Arial, serif;

	font-size: 11pt;

	color: #433830;

	padding: 0px;

	margin: 0px;}



div.center { text-align: center; }

div.motto { font-size: 11px !important; font-style: italic !important; padding: 20px !important; width: 260px !important;}

div.background  {width: 100%;

	height: 57px;

	background-position: top center;

	background-color: black;

	background-repeat: no-repeat;

	padding: 0px;

	margin: 0px;}

			


div.background#t01 { background-image: url("../images/background.jpg"); 

	height: 992px;}

div.title { width: 637px;

	height: 54px;

	float: left; }

div.flagi { width: 200px;

	height: 72px;

	position: absolute;

	right: 56%;

   

	z-index: 10;

        padding: 0px;

        margin: 0px;

	}

h1 { font-size: 12pt;

        font-weight: bold;

 }

	

div.footer  {width: 100%;

	height: 100px;

	padding-bottom: 20px;

	font-size: 8pt;

	text-align: center;

	color: #796C40;

	position: relative;

	bottom: 30px;

	line-height: 1.5;

	margin-right: auto;

	margin-left: auto;}

	

	div.footer a {color: white;

	text-decoration: underline;}



div.footer a:hover { color: #796C40;

}

	

div.content { width: 964px;

	height: 812px;

	margin-left: auto;

	margin-right: auto; 

	position: absolute;

	top: 0px;

	left: 50%;

	margin-left: -499px;

} 



div.content a { color: #00587C;

        }

div.content a:hover { color: white; }



div.window {

	width: 327px;

	height: 812px;

	float: left;	

	}

/* windows tu */

div.window#magic {background-image: url("../images/window/window_magic.jpg");}
div.window#baragivil {background-image: url("../images/window/window_baragivil.jpg");}        
div.window#bogactwo { background-image: url("../images/window/window_bogactwo.jpg");}
div.window#kontakt { background-image: url("../images/window/window_kontakt.jpg");}
div.window#milosc { background-image: url("../images/window/window_milosc.jpg");}
div.window#nauka { background-image: url("../images/window/window_nauka.jpg");}
div.window#osobowosc { background-image: url("../images/window/window_osobowosc.jpg");}
div.window#piekno { background-image: url("../images/window/window_piekno.jpg");}
div.window#podroz { background-image: url("../images/window/window_podroz.jpg");}
div.window#protekcja { background-image: url("../images/window/window_protekcja.jpg");}
div.window#pytanie { background-image: url("../images/window/window_pytanie.jpg");}
div.window#regulation{ background-image: url("../images/window/window_regulation.jpg");}
div.window#spotkanie { background-image: url("../images/window/window_spotkanie.jpg");}
div.window#zamowienie { background-image: url("../images/window/window_zamowienie.jpg");}
div.window#zdrowie { background-image: url("../images/window/window_zdrowie.jpg");}
div.window#piekno { background-image: url("../images/window/window_piekno.jpg")}
div.window#sezam { background-image: url("../images/window/window_sezam.jpg")}




	/* logo */



div.logo_left { width: 144px;

	height: 70px;

	float: left;

	background-image: url("../images/logo_left.jpg");}



div.logo { width: 292px;

	height: 70px;

	float: left;

	background-image: url("../images/logo.jpg");

	cursor: pointer;}

				

div.logo_right { width: 201px;

	height: 70px;

	float: left;

	background-image: url("../images/logo_right.jpg");}

				

/* podtytul i menu */

		

				

div.menu { width: 637px;

	height: 61px;

	background-image: url("../images/menu.png");

	float: left;
	}



a#active_menu { color:#79a0af; }



div.menu table { position: relative;

        left: 145px; }

			

div.menu p {
	margin-top: 19px;
	position: relative;
	top: 5px;

	}

div.menu td { font-size: 10pt;

        font-weight: bold; 

        margin-right: 5px;
        display: block; float: left; margin-right: 20px;}

	

div.menu a { color: white;

	text-decoration: none;}



div.menu a:hover { color: #79a0af;

	text-decoration: none;}

	

				

			/* kartka */

			

div.sheet_left { width; 89px;

	height: 403px;

	float: left;}

	

div.sheet_left_top {width: 89px;

	height: 260px;

	background-image: url("../images/sheet_left_top.jpg");

	}

div.sheet_left_top_regulations {width: 89px;

	height: 260px;

	background-image: url("../images/sheet_left_top_regulations.jpg");

        padding: 0px;

        margin: 0px;

	}

	

	/* świeczka */

div.sheet_left_bottom {width: 89px;

	height: 143px;

	background-image: url("../images/sheet_left_bottom.jpg");

	}

				

div.sheet {width: 433px;

	height: 403px;

	float: left;

	background-image: url("../images/sheet.jpg");

	text-align: left;

	font-size: 9pt;

	line-height: 1.5;

	}

			

div.texts { 

	padding-right: 15px;

	padding-left: 20px;

	padding-bottom: 3px;

	padding-top: 3px;

	}

	

div.sheet_right { width: 115px;

	height: 403px;

	float: left;}			

			

div.sheet_right_top {width: 115px;

	height: 260px;

	background-image: url("../images/sheet_right_top.jpg");	

	}	

	

	/* świeczka */

div.sheet_right_bottom {width: 115px;

	height: 143px;

	background-image: url("../images/sheet_right_bottom.jpg");	

	}	



div.under_sheet {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet.jpg");

	}

div.under_sheet_about {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet_about.jpg");

	}

div.under_sheet_dictionary {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet_dictionary.jpg");

	}

div.under_sheet_magic {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet_magic.jpg");

	}

div.under_sheet_order {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet_order.jpg");

	}

div.under_sheet_regulations {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet_regulations.jpg");

	}

div.under_sheet_order {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet_order.jpg");

	}
	
div.under_sheet_sezam {width: 637px;

	height: 224px;

	float: left;

	background-image: url("../images/undersheet/undersheet_sezam.jpg");

	}

	/* style do suwaka i przewijania */

				

					

.Container {

	position: absolute;

	width: 399px;

  	height: 400px;

	margin-top: 20px;

  	}

				

	#Scroller-1 { 

	position: relative;

  	top: 5px; 

  	overflow: hidden;

  	width: 350px;

	height: 380px;

	float:left;}



.Scroller-Container {

	position: relative;

	}

				

#Scrollbar-Container {

	width: 20px;

	height: 350px;

	float: left;

	position: relative;

	left: 22px;}

				

.Scrollbar-Up {

	cursor: pointer;

  	position: relative;

	top: 5px;

	}

				

.Scrollbar-Track {

  	width: 20px; 

	height: 350px;

  	background: transparent url("../images/linia.png") no-repeat center center;				

  	position: relative;}

				

.Scrollbar-Handle {width: 20px; 

	height: 22px;

  	position: relative;}

				

.Scrollbar-Down {

  	cursor: pointer;

   	position: relative;}

	

div.wlasciwa_tresc { 

	padding-right: 5px;

	padding-left: 35px;

	padding-bottom: 3px;

	padding-top: 3px;}



ul.menu { /*position: relative;

        top: -20px; */

        line-height: 1.5;

        margin: 0px;

        padding: 0px;

        }





ul.menu li, div.motto {list-style-type:none; 

display: block;

width: 280px;

margin-bottom: 10px;

background-image: url("/images/tablica.png");

background-repeat: repeat;

font-weight: bold;

font-size: 10pt;

padding: 10px;

padding-top: 2px;

padding-bottom: 7px;



/*zaokrąglamy rogi */

-moz-border-radius:6px;

border-radius:6px 5px;

-khtml-border-radius:6px;

-icab-border-radius:6px;

-webkit-border-radius:6px;

-khtml-border-radius:6px;

}



div.marvel { width: 280px;

background-image: url("../images/background_marvel.jpg");

background-repeat: repeat-y;

padding-left: 10px;

padding-bottom: 5px;

margin-top: 2px;

margin-bottom: 7px;

/*zaokrąglamy rogi */

-moz-border-radius:4px;

border-radius:4px 4px;

-khtml-border-radius:4px;

-icab-border-radius:4px;

-webkit-border-radius:4px;

-khtml-border-radius:4px;

}





div.marvel h1 { display: inline; }



div.signature { font-size: 7pt;

text-align: right; }



div.window#magic div { position: absolute;

bottom: 40px;

left: 70px;

font-size: 8pt;

text-align: left;

}

div.window#magic div p {

position: relative;

left: 10px;

top: 30px;

width:200px;

color: gray;



}



div.window#magic img { border: 1px solid gray; }



			span.warning {color: #8F0821; 

				font-weight: bold;}



			span.info { font-size: 8pt;}