body {
    font-family : verdana;
    font-size   : 9pt;
    background-color: #e3eef3;
    
}

a img {
	border: none;
}

a {
	text-decoration: none;
	color: #00326a;
}

/*************** LAYOUT ***************/

#site {
    margin     : auto;
    border     : 0px;
    padding    : 0px;
    width      : 760px;
    background : url(grafika/img_02.gif) repeat-y;
}

#headerimg { 
	height: 200px; 
    background: #FFFFFF url('grafika/img_01.gif') no-repeat bottom center;
	}
	
#content {
	margin-top: 8px;
    margin-bottom: 5px;
}

#left {
    padding-left  : 16px;
    width   : 570px;
    clear	: none;
    float   : left;
}

#right {
    margin-right  : 16px;
    width   : 158px;
    float   : right;
}

#eof {
	font-size: 7pt;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	height	: 66px;
	clear	: both;
	background: #FFFFFF url('grafika/img_03.gif') no-repeat bottom center;
}

/*************** MENU ***************/

div.menu_n {
	width: 150px;
	border: 1px #a1e0fc solid;
	padding: 2px;
	margin-bottom: 5px;
	text-align: center;
}
div.akcja {
	margin: 4px 0 0 110px;
}

div.menu_n:hover {
	background: #c3ecfe;
}

/*************** CONTENT ***************/

div.name {
	background: #a2e1fe;
	padding: 2px;
	text-align: left;
	font-size: 10pt;
	width: 560px;
}

div.podstrona {
	background: /*#1eff00;*/ #fafdff;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 564px;
	float: left;
	text-align: center;

}

/*************** GALERIA ***************/

div.borderimg {
	border: 1px #a1e0fc solid;
	padding: 2px;
	margin: 4px;
	text-align: center;
	height: 130px;
	width: 166px;
	float: left;
}

div.borderimg:hover {
	background: #c3ecfe;
}

div.category {
	background: #a2e1fe;
	margin-bottom: 3px;
}

div.countfoto {
	font-size: 7pt;
}

.aimg {
	border: none;
}

/*************** WIERSZE ***************/
div.wiersz {
	text-align: center;
	padding-bottom: 5px;
	width: 450px;
	margin-left: 55px;
	height: auto;
}
div.trescwiersza {
	padding-top: 5px;
	padding-bottom: 5px;
}
div.autor {
	text-align:right;
	font-size: 7pt;
}

div.wierkat {
	float: left;
	padding: 5px;
}

div.ramka:hover div.border {
	background: #a1e0fc;
	font-weight: bold;
}
div.ramka:hover div.kategoria {
	color: #000071;
	text-decoration: underline;
}
div.wiersz_h:hover {
	background: #a1e0fc;
	cursor: pointer;
}
div.wiersz_h:hover span.hov
{
	text-decoration: underline;
}
a.wiecej {
	font-weight: bold;
	font-size: 10px;
	color: #81d8ff;
}
div.wiersz_h:hover a.wiecej {
	color: #678eff;
}
/***************  BAJKI **************************/
div.kategoria {
	background: #a2e1fe;
	margin-bottom: 2px;
	text-align: center;
	padding: 2px;
	width: 313px;
	margin-top: 3px;
	float: left;
	font-weight: bold;
}

div.kategoria_a {
	width: 40px;
	padding: 0 5px 0 0;
	margin-left: 0;
}

div.border {
	padding: 5px 0 5px 10px;
	border: 1px #a1e0fc solid;
	width: 350px;
	text-align: left;
	margin-left: 0 auto;
	float: left;
	margin-bottom: 2px;
	line-height: 16px
}

div.cos {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 5px;
}
div.cos1{
	float: left;
	width: 240px;
}
a.akcja {
	font-size: 8px;
}
a.akcja:hover {
	color: blue;
}

/*************** WYŚWIETLANY TEKST ***************/

span.error {
	color: red;
	font-family: "courier new";
}

span.normal {
	color: blue;
	font-family: "courier new";
}

.center {
	padding-top: 10px;
	text-align: center;
}
/*************** WYŚWIETLANE FORMULARZE ***************/

input {
	background: #f6f6f6;
	border: #a1e0fc 1px solid;
	height:16px;
	width:120px;
}

input.file {
	width: 215px;
	margin: 0 5px 0 0;
	height: 20px;
}

input.checkbox {
	width: 16px;
	margin: 0 5px 0 0;
	height: 16px;
}

textarea {
	background: #f6f6f6;
	border: #a1e0fc 1px solid;
	height:300px;
	width:470px;
}

.on {
background: #c7edff;
}

button {
	background: #f6f6f6;
	width: 150px;
	border: 1px #a1e0fc solid;
	padding: 2px;
	margin-bottom: 5px;
	text-align: center;
	vertical-align:middle;
}

button:hover {
	font-weight: bold;
	background: #c3ecfe;
}

/*************** LYTEBOX DO GALERII ***************/

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.blue { background-color: #011D50; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(grafika/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(grafika/prev_blue.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(grafika/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(grafika/next_blue.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.blue { color: #01379E; }

#lbDetails { width: 100%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.blue { background: url(grafika/close_blue.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.blue { background: url(grafika/play_blue.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.blue { background: url(grafika/pause_blue.png) no-repeat; }