/* 800px - An open source xhtml/css website template by Andreas Viklund - http: //andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.
Version: 1.2, April 20, 2006 */


/******** General tags ********/
body {
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #ffffff url(images/background-800px.gif) top center repeat-y;
color: #404040;
line-height: 1.2em;
margin: 0 auto;
padding: 0;
}

a {
text-decoration: none;
color: #6699FF;
font-weight: bold;
}

a:hover {text-decoration: underline; background-color: #FFF5C0;}
a img {border: 0;}
p {margin: 0 0 10x 10px;}
ul,ol,dl {font-size: 0.9em; margin: 2px 0 16px 35px;}
ul ul,ol ol {margin: 4px 0 4px 35px;}

h1 {
font-size: 4.2em;
letter-spacing: -2px;
margin: 0 0 10px 0;
color: #6699FF;
text-align: center;
}

h1 a {text-transform: none; color: #6699FF;}

h2 {
font-size: 1.4em;
color: #6699FF;
border-bottom: 4px solid #dadada;
padding: 0 2px 2px 5px;
margin: 0 0 10px 0;
}

h3 {
font-size: 1.2em;
font-weight: bold;
color: #6699FF;
border-bottom: 1px solid #dadada;
margin: 10px 0 8px 0;
padding: 1px 2px 2px 3px;
}

.bibliografia {
width: 230px;
}

blockquote {
font-size: 0.9em;
border: 1px solid #dadada;
margin: 20px 10px;
padding: 8px;
}

.przypis {
font-size: 0.8em;
padding: 8px;
margin: 0 0 20px 20px;
border-left: 1px solid #6699FF;
}

.lead {
font-weight: bold;
color: #202020;
padding-bottom: 8px;
}

.work {
letter-spacing: 1px;
padding: 8px;
color: #F00000;
}

.autor {
font-weight: bold;
padding: 8px 8px 8px 0;
color: #707070;
text-align: right;
font-style: italic;
}

hr.miedzy {
color: #DDDDDD;
background-color: #DDDDDD;
height: 1px;
margin: 5px 200px 5px 0;}

/******** Main wrap ********/

#wrap {
color: #404040;
width: 760px;
margin: 10px auto;
padding: 0;
}

#header {margin: 0;}

#toplinks {text-align: right; padding: 5px 2px 2px 3px;}

#slogan {
font-size: 1.5em;
color: #808080;
font-weight: bold;
letter-spacing: -1px;
margin: 15px 0px 20px 35px;
line-height: 1.2em;
}

/******** sidebar ********/
#sidebar {
float: left;
width: 185px;
margin: 0 0 5px 0;
padding: 1px 0 0 0;
}

* html #sidebar {
width: 300px;
}

#sidebar ul {
list-style: none;
font-size: 0.9em;
margin: 0;
padding: 0 0 15px 10px;
}

#sidebar li {
list-style: none;
margin: 0 0 4px 0;
padding: 0;
}

#sidebar li a {
font-size: 1.2em;
font-weight: bold;
padding-bottom: 1px;
}

#sidebar ul ul {
margin: 4px 0 3px 15px;
line-height: 1.2em;
padding: 0;
}

#sidebar ul ul li {padding-bottom: 1px;}
#sidebar ul ul li a {font-weight: normal;}
#sidebar h2 {margin: 3px 0px 8px 0px;}

/******** Content variations ********/
#content {
line-height: 1.5em;
width: 580px;
float: right;
text-align: left;
margin: 0;
padding: 0 10px 0 0;
}

#contentalt {
line-height: 1.5em;
width: 575px;
float: left;
text-align: left;
padding: 0;
margin-right: 20px;
}

#content h3, #contentalt h3 {margin: 10px 0 8px;}

/******** Footer ********/
#footer {
clear: both;
text-align: right;
color: #808080;
font-size: 0.9em;
border-top: 4px solid #dadada;
margin: 0 10px 0 10px;
padding: 4px 0;
line-height: 1.6em;
}

#footer p {margin: 0; padding: 0;}
#footer a {color: #808080;}

/******** Various classes ********/
.box {
color: #ffffff;
font-size: 0.9em;
background-color: #6699FF;
border: 1px solid #c8c8c8;
line-height: 1.3em;
padding: 5px 5px 5px 8px;
-moz-border-radius: 10px
}

.szarybox1 {
background-color: #e0e0e0;
border: 1px solid #c8c8c8;
line-height: 1.3em;
padding: 5px 5px 5px 8px;
-moz-border-radius: 10px
}

.szarybox2 {
background-color: #d0d0d0;
border: 1px solid #c8c8c8;
line-height: 1.3em;
padding: 5px 5px 5px 8px;
-moz-border-radius: 10px
}

.zielonybox1 {
background-color: #ADE3CE;
border: 1px solid #6699FF;
line-height: 1.3em;
padding: 15px 5px 15px 8px;
-moz-border-radius: 10px
}

.box a {color: #f0f0f0;}
.left {float: left; margin: 2px 18px 4px 0;}
.right {float: right; margin: 2px 0 4px 18px;}
.textright {text-align: right;}
.readmore {text-align: right; margin: -10px 10px 12px 0;}

.center {text-align: center;}
.green {color: ##6699FF;}
.big {font-size: 1.3em;}
.small {font-size: 0.8em;}
.bold {font-weight: bold;}
.odstep {margin-bottom: 5px;}

.clear {clear: both;}
.hide {display: none;}
.fade {color: #c8c8c8;}
.gray {color: #808080;}

.photo {
border: 1px solid #bababa;
padding: 2px;
background-color: #ffffff;
}

.photo300 {
width: 600px;
}

.fotolewe div {
display: inline;
float: left;
width: 305px;
margin: 6px 15px 10px 10px;
}

.fotoprawe div {
display: inline;
float: right;
width: 305px;
margin: 6px 15px 10px 10px;
}

.fotolewe div img, .fotoprawe div img {
display: block;
}
.fotolewe div label, .fotoprawe div label {
display: block;
font-size: 0.9em;
color: #006000;
}

#fotka img {
border: 1px solid #bababa; padding: 2px;
}
#fotka p {
width: 300px; font-size: 0.9em; color: #808080; margin: 0 0 10px 0; padding: 2px;
}

.ramka {
border: 1px solid #C0C0C0;
}

.nekrolog {
border: 5px solid black;
padding: 10px;
}

.zyczenia {
border: 2px dashed #008000;
padding: 10px;
}



.photopodpis {
width: 300px; font-size: 0.9em; color: #808080; margin: 6px 18px 10px 5px; padding: 2px;
}

/* Start top menu */

.flex {
	padding: 10px;
	margin: 10px 0 40px 0;
	background: #fff;
	}

* html .flex {
	margin: 10px 0 20px 0;
}

#miniflex {
	width: 700px;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 20px 0 20px;
	border-bottom: 1px solid #6699FF;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #333;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #6699FF;
	padding-bottom: 2px;
	color: #333;
	}

/* Koniec top menu  */


/***** Main menu *****/
ul.avmenu {
width: 140px;
margin: 0 0 18px 10px;
padding: 0;
list-style: none;
}

ul.avmenu li {
width: 140px;
padding: 0;
line-height: 1.4em;
display: inline;
}

ul.avmenu li a {
background-color: #f4f4f4;
color: #505050;
font-weight: bold;
width: 130px;
float: left;
margin-bottom: 5px;
padding: 5px 1px 5px 5px;
border-left: 4px solid #cccccc;
text-decoration: none;
}

ul.avmenu li a:hover {
background-color: #eaeaea;
border-left: 4px solid #6699FF;
color: #505050;
}

ul.avmenu li a.current {
background-color: #B0E0CD;
border-left: 4px solid #6699FF;
color: #505050;
}

ul.avmenu ul {
margin: 0 0 0 15px;
padding: 0 0 5px 0;
font-size: 0.9em;
width: 125px;
}

ul.avmenu ul a {
padding: 3px 1px 3px 5px;
width: 115px;
}

ul.avmenu ul ul {
width: 113px;
}

ul.avmenu ul ul a {
width: 100px;
}
