/* ----------------------------------------- */
/* 								STRONA 									*/
/* ----------------------------------------- */

html, body {margin: 0; padding: 0;}

p {padding-left: 10px; padding-right: 10px; padding-bottom: 10px; font-size: 1em; line-height: 2em; 
		margin: 1.25em 0; text-align: justify; text-indent: 3em;}

body {font-family: Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;
			text-transform: normal; letter-spacing: normal; line-height: 20px; color: #333333;
			background: url(images/background.jpg) no-repeat center top #EFEEE7;}

#wrap {width: 100%; margin-left: auto; margin-right: auto; padding: 0; }

#masthead {height:320px; padding: 0; margin-bottom: 0;}

#container {width: 680px;margin-left: auto; margin-right: auto;}

hr {padding: 0px; margin: 0px;}

/* ----------------------------------------- */
/* 								HIPERŁĄCZA 									*/
/* ----------------------------------------- */

a img {margin: 0;padding: 0;border: 0;text-decoration: none;}
a.tekst {border-bottom: 1px dashed #CC3300;color: #CC3300;font-weight: bold;text-decoration: none;}
a:link.tekst, a:visited.tekst {color: #CC3300;}
a:hover.tekst, a:active.tekst {border-bottom: 1px dashed #fff;color: #fff;background: #660000;}



/*a:link, a:visited {color : #DD618A}
a:hover {color: #fff;border-bottom: 1px dashed #fff;background: #660000;}*/

/* Hiperłącza w tekście */

/*a.tekst {border-bottom: 1px dashed #CC3300; color: #CC3300;font-weight: bold;text-decoration: none;}
a img.tekst {margin: 0;padding: 0;border: 0;text-decoration: none;}
a:hover.tekst {color: #fff;border-bottom: 1px dashed #fff;background: #660000;}
a:active.tekst {border-bottom: 1px dashed #fff;color: #fff;background: #660000;}
a:link.tekst, a:visited.tekst {color: #CC3300;}*/



/* ----------------------------------------- */
/* 								M E N U 									*/
/* ----------------------------------------- */

	#menu {
	 width: 600px; position: absolute; top: 90px; right: 80px; HEIGHT: 115px;clear: left;
		float: left;
		padding-top: 0pt;
		padding-right: 0pt;
		padding-bottom: 0pt;
		padding-left: 0pt;
}


		
UL#main_menu {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; RIGHT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 10px; BORDER-RIGHT-WIDTH: 0px
}
UL#main_menu LI {
	DISPLAY: block; FLOAT: left; MARGIN-LEFT: 1px; WIDTH: 65px; POSITION: relative; HEIGHT: 90px
}
UL#main_menu LI A {
	BORDER-TOP: #EFEEE7 20px solid; DISPLAY: block; WIDTH: 65px; COLOR: #000; FONT-FAMILY:  tahoma, arial, verdana, georgia,sans-serif; font-size: 11px;POSITION: relative; HEIGHT: 90px; TEXT-DECORATION: none
}
 HTML UL#main_menu LI A {
	HEIGHT: 90px
}
UL#main_menu LI A B {
	FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 5px; POSITION: absolute
}

/*UL#main_menu LI A.active {
	BORDER: 2px #000 solid;}*/

	
UL#main_menu LI A.active {border-top:110px; height: 50px; color: #fff;background: #333;}

UL#main_menu LI A.mm1 {
	BORDER-TOP: #dfd7ca 20px solid; BACKGROUND: #dfd7ca
}
UL#main_menu LI A.mm2 {
	BORDER-TOP: #b2ab9b 20px solid; BACKGROUND: #b2ab9b
}
UL#main_menu LI A.mm3 {
	BORDER-TOP: #c9ba65 20px solid; BACKGROUND: #c9ba65
}
UL#main_menu LI A.mm4 {
	BORDER-TOP: #e2dfa8 20px solid; BACKGROUND: #e2dfa8
}
UL#main_menu LI A.mm5 {
	BORDER-TOP: #d4d8bd 20px solid; BACKGROUND: #d4d8bd
}
UL#main_menu LI A.mm6 {
	BORDER-TOP: #949e7c 20px solid; BACKGROUND: #949e7c
}
UL#main_menu LI A.mm7 {
	BORDER-TOP: #758279 20px solid; BACKGROUND: #758279
}

UL#main_menu LI A.active:hover {
	BORDER-top: 110px #EFEEE7 solid; CURSOR: pointer
} 

UL#main_menu LI A:hover {
	BORDER-TOP: #EFEEE7 20px solid; CURSOR: pointer
} 

UL#main_menu LI EM {
	FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 5px; FONT-STYLE: normal; FONT-FAMILY: georgia, tahoma, arial, verdana, sans-serif; font-size: 14px;POSITION: absolute
}
UL#main_menu LI A EM {
	FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 5px; FONT-STYLE: normal; FONT-FAMILY:  georgia,tahoma, arial, verdana, sans-serif; font-size: 14px; POSITION: absolute
}


/* ------------------------------------------------------------------------ */
/* KONIEC M E N U */
/* ------------------------------------------------------------------------ */


div.img {padding: 5px; border: 1px solid #b8b8b8; background-color: #ffffff; margin: 12px;height: auto; width: auto; float: left; text-align: center;}


	/* GALERIA */

#galeria {width: 680px; display: inline-block; padding: 15px 5px 15px 0px;}
	
/*div.img {margin: 10px; border: 1px solid #ebebeb; height: auto; width: auto; float: left; text-align: center;}	*/


div.img img{
  display: inline;
  margin: 1px;
  border: 1px solid #b8b8b8;
}
div.img a:hover img {border: 1px solid #ebebeb;}
div.img p
{
	background-color: #efeee7;
	text-indent: 0px;
	/*margin: 1px 0 0 0 !important;*/
	margin: 1px 1px 1px 1px;
	color: #000000;
	text-align: center;
	font-family: "Verdana", serif;
	padding: 2px;
	font-size: 1em;
	border: 1px solid #b8b8b8;
}
div.img p span {
	font-size: .8em;
}

/* Komentarz {
  text-align: center;
  font-weight: normal;
  width: 110px;
  margin: 5px;
}*/
	
	
	/* pojedyńczy */
	div.obraz {
	padding: 2px;
	border: 1px solid #000;
	background: none;
	width: auto;
	height: auto;
	float: left;
	display: inline;
	margin: 4px 15px 10px 10px;
	
}
div.obraz img {
	border: 1px solid #000;
	
}
div.obraz p {
	background-color: #bbbbbb;
	margin: 4px 0 0 0 !important;
	color: #000000;
	text-align: center;
	font-family: "Verdana", serif;
	padding: 1px;
	font-size: 1em;
	border: 1px solid #000;
}
div.obraz p span {
	font-size: .8em;
}


#content {
width: 650px;
padding: 1em;
margin: 0 0 0 0;



}
#sidebar {


float: right;
width: 180px;
margin: 0 0 0 0;
padding: 1em 1em 1em 1em;

}
#navcontainer {
width : 180px;
margin : 0 0 20px 0;
}
#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#navcontainer a {text-decoration : none;
text-align:right;
display : block;
padding : 3px;
width : 180px;
border-bottom : 1px solid #eee;
background : #BCC3CA ;
color : #666;
}
#navcontainer a:link, #navlist a:visited {
color : #666;
background : #D5DBE1;
}
#navcontainer a:hover {text-decoration : none;
background : #C9D2DF;
color : #fff;
}
#footer {
font-family: Georgia, serif; font-size: 12px;
clear: both;
height: 130px;
padding: 0;
margin-top: 60px;
text-align: center;
color: #333;
background:  url(images/foot.gif) bottom no-repeat;
}

/* NAGŁÓWKI */
h1 {
margin: 0;
font-family: Georgia, serif;
font-size: 28px;
letter-spacing: 1px;
color: #333;
}

h2 {font-family: Georgia, serif; font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 10px;}

h3 {
background: url(images/o1.png)  left no-repeat;
margin: 0;
padding: 25px 0 5px 40px;
font-size: 160%;
letter-spacing: 2px;
color: #333;
}



.dropcap 
{float: left;
font-size: 4em;
line-height: 1em;
margin-right: .2em;
margin-bottom: .1em;}
/*{float: left; font-size: 3em; line-height: 1; font-weight: bold; margin-right: 0.2em;}*/

.right {float: right; border: 0px solid #656C4A; margin: 5px 0 10px 0; padding: 10px;}

.clearboth { clear: both; }

.big {
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
/* linia top */
span.linia {float:left;width:650px;background: url(images/linia.gif) no-repeat  center left transparent;display:block;text-align:right;margin:35px 0 35px 0;}
span.linia a {border:none;}
span.linia a img {border:none;}
span.linia a:hover, span.linia a:active {background:none;}




/* ------------------------------------------------------------------------ */
/* OBRAZ Z OPISEM 																													*/
/* ------------------------------------------------------------------------ */
img.hr {
padding: 0px; margin: 0px;  
}

div.desc {
float: left; width: 230px; margin-right: 18px; text-align: center; margin-top: 65px;
}

div.date{
  font-size: 11px; color: #333333; margin-top: 12px; margin-bottom: 15px;}
	
	div.image {
  float: left; width: 420px; margin-right: 0 !important;
}
img.bordered { 
padding: 5px; border: 1px solid #b8b8b8; background-color: #ffffff; margin: 0px; margin-bottom: 30px; width: 400px; height: 200px; margin-top: 30px;
}

img.category {
  margin-left: 0px; margin-right: 0px; padding: 3px; border: 1px solid #D0D0D0; background-color: white; width:10px; height: 10px;
}

img.lower {margin-top: 25px;}

/* ------------------------------------------------------------------------ */
/* OBRAZ Z OPISEM wersja mała																												*/
/* ------------------------------------------------------------------------ */

div.desc_m {
float: left; width: 280px; margin-left: 20px; margin-right: 18px; text-align: center; margin-top: 65px; 
}	

div.date_m{
  font-size: 12px; color: #333333; text-align: center; margin-top: 12px; margin-bottom: 15px;}
	
div.image_m {
  float: left; width: 220px; margin-right: 0 !important;
}
img.bordered_m { 
padding: 5px; border: 1px solid #b8b8b8; background-color: #ffffff; margin-left: 30px; margin-bottom: 30px; width: 200px; height: 200px; margin-top: 30px;
}