@charset "utf-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

/* podstawowe ostylowanie strony */
body {
	background-color: #0C0000;
	background-image: url(../img/galileusz.i.masonskie.znaki.jpg); /* obrazek z galileuszem i cyrklem */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 120px;
	padding: 0px;
	margin: 0px auto;
	color: #af8d76;
}

.icon {
	vertical-align:middle; 
	margin:5px 5px 5px 0px;
	width:30px;
	height:30px;
}

/* górna część menu, zawiera obrazek pieczęci, nazwę loży i symbol masoński */
#lead {
	width:900px;
	height:120px;
	margin:30px auto 3px auto;
	padding:0px;
	
}

/* pozycjonowanie obrazka znaku masońskiego w lewym górnym rogu leadu */
#imgsign {
	float:left; 
	margin-right:15px;
	border:0px;
}

/* pozycjonowanie obrazka pieczęci masońskiej w prawym górnym rogu leadu */
#imgseal {
	float:right; 
	margin-right:0px;
}

/* główne okno treści */
#main {
	width:840px; /* 2x -30px na padding */
	min-height:350px;	
	margin:0px auto;
	padding:20px 30px;
	background-repeat:no-repeat;
	background-size:100%;	
	color:#af8d76;								/* bazowa czcionka strony */
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;	
	text-align:justify;
	line-height:180%;
}

b {
	color:#efcdb6;								/* bazowa czcionka strony */
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;	
}

/* inicjały dla akapitów */
p:first-letter { 
	font-size:150%;
	font-family: "freefonts" , Calibri, Arial, Georgia, Verdana, Sans-Serif;
	text-transform:lowercase;
}
/* nagłówki używane w sekcji lead */
h1.lead {
	font-size:76px;
	font-family:freefonts;
	font-weight:lighter;
	color:#af8d76;
	margin:0px;
}

h1.lead:first-letter { 
	font-size:76px;
	font-family:freefonts;
	font-weight:lighter;
	color:#af8d76;
	margin:0px;
}

h2.lead {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
	color:#af8d76;
	margin:0px;
}

/* nagłówki używane głównie w sekcji #main */
h1 {
	color:#dfbda6;								/* bazowa czcionka strony */
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:lighter;
	margin:0px;
}

/* inicjały dla akapitów */
h1:first-letter { 
	font-size:250%;
	font-family: "freefonts" , Calibri, Arial, Georgia, Verdana, Sans-Serif;
	text-transform:lowercase;
	font-style:normal;
	font-weight:normal;
}

/* nagłówki używane głównie w sekcji #main */
h2 {
	color:#dfbda6;								/* bazowa czcionka strony */
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:lighter;
	margin:0px;
}

/* inicjały dla akapitów */
h2:first-letter { 
	font-size:20px;
	font-family: "freefonts" , Calibri, Arial, Georgia, Verdana, Sans-Serif;
	text-transform:lowercase;
	font-style:normal;
	font-weight:normal;
}


/* obszar stopki */
#footer {
	width:900px;
	text-align:center;
	margin:0px auto 30px auto;
	padding:0px;
	border-top:1px solid #230202;
	
	/*color:#230202;*/
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:lighter;
}



/* implementacja menu */

#menu {
	width:900px;
	margin:10px auto;
	padding:0px;
	
	text-align:center;
}


nav {
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

nav ul ul {
	display: none; 
	background: #230202; 
	border-radius: 0px; 
	padding: 0px;
	position: absolute; 
	top: 100%;	
}

nav ul li:hover > ul {
	display: block; /* pokaż podmenu tego elementu li, ktory jest hoverowany */
}


nav ul {
	background: #230202; 
	background: linear-gradient(top, #3c0106 0%, #1d0101 100%);  
	background: -moz-linear-gradient(top, #3c0106 0%, #1d0101 100%); 
	background: -webkit-linear-gradient(top, #3c0106 0%,#1d0101 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0px;
	border-radius: 5px;  
	list-style: none;
	position: relative;
	display: inline-table;
	margin:0px;
}

nav ul:after {
	content: ""; clear: both; display: block;
}

nav ul li {
	float: left;
}	

nav ul li a {
		display: block; 
		padding: 7px 20px; /* określa szerokość pozycji w pasku menu */
		color: #AF8D76; 
		text-decoration: none;
}
	
nav ul li:hover {
		background: #230202;
}

nav ul li:hover a {
		color: #AF8D76;
}
	

nav ul ul li {
	float: none; 
	border-top: 1px solid #300404;
	border-bottom: 1px solid #1A0202;
	position: relative;
	
}

nav ul ul li a {
	padding: 5px 40px;
	text-align:left;
	
}	

nav ul ul li a:hover {
	background: #1A0202;
	color: #cccccc;
}
			
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/* czcionka ttf CODEX */

@font-face {
   font-family: freefonts; 
   src:url(../font/codex.ttf) format("truetype"); 
} 

.galileo {
   font-family: "freefonts" , Calibri, Arial, Georgia, Verdana, Sans-Serif;
   font-size: 5em;
}

dfn {
	text-emphasis:none;
	text-decoration:none;
	color: #cccccc;
	font-style:normal;
}

/* inicjały dla akapitów */
dfn:first-letter { 
	font-size:250%;
	font-family: "freefonts" , Calibri, Arial, Georgia, Verdana, Sans-Serif;
	text-transform:lowercase;
	font-style:normal;
}

a:link {
	color:#af8d76;								/* bazowa czcionka strony */
	text-decoration:underline;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;	
}

a:visited {
	color:#af8d76;								/* bazowa czcionka strony */
	text-decoration:underline;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;		
}

a:hover {
	color:#cccccc;								/* bazowa czcionka strony */
	text-decoration:underline;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;		
}