@CHARSET "UTF-8";

body
{
	font: 11px arial,tahoma,verdana,sans-serif;
	color: #B3B3B3;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
	background-color: #000;
}

a
{
	color: #FFFAE8;
	text-decoration: underline;
}

a:hover
{
	color: #FFFAE8;
	text-decoration: none;
}

div#wrap
{
	display: block;
	margin: 0 auto;
	width: 970px;
	margin-top: 62px;
	overflow: hidden;
}

div#menu-top
{
	display: block;
	margin: 0 auto;
	width: 970px;
	height: 40px;
}

div#menu-top ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
}

div#menu-top ul li
{
	display: block;
	float: left;
	list-style-type: none;
}

div#menu-top ul li.first
{
	padding-left: 1px;
	background: url('../img/menu-sep.jpg') 0% 0% no-repeat;
}

div#menu-top ul li a
{
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	color: #B3B3B3;
	text-decoration: none;
	background: url('../img/menu-sep.jpg') 100% 0% no-repeat;
}

div#text-bg
{
	display: block;
	position: absolute;
	margin-top: 2px;	
	z-index: 1;
}

div#wrap-content
{
	display: block;
	position: absolute;
	width: 970px;
	height: 490px;
	border-top: 1px #666 solid;
	overflow: hidden;	
	z-index: 3;
}

div#wrap-content-sep
{
	display: block;
	position: absolute;
	width: 970px;
	height: 490px;
	background: url('../img/bg-line.gif') 0px 480px repeat-x;
	overflow: hidden;
	z-index: 2;
}

div#wrap-footer
{
	display: block;
	margin-top: 500px;
	width: 970px;
	height: 21px;
	margin-bottom: 15px;
}

ul#wrap-language
{
	display: block;
	float: left;
	height: 21px;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}

ul#wrap-language li
{
	display: block;
	float: left;
	height: 21px;
	line-height: 21px;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
}

ul#wrap-language li a
{
	display: block;
	height: 21px;
	line-height: 21px;
	padding-left: 20px;
	color: #FFF;
	text-decoration: none;
	opacity: 0.3;
}

ul#wrap-language li a:hover
{
	opacity: 1;
}

div#footer
{
	display: block;
	float: right;
	height: 21px;
	line-height: 21px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	margin-right: 5px;
	opacity: 0.3;
}

div#footer a
{
	color: #FFF;
	text-decoration: none;
}


div#footer2
{
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 970px;
	height: 21px;
	margin-bottom: 15px;
	text-align: center;
}

div#footer2 a
{
	color: #FFF;
	text-decoration: none;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] FROM Blueprint CSS Framework */
.clear
{ 
	display: inline-block;
}   

.clear:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clear 
{
	height: 1%;
}

.clear
{
	display: block;
}

div#page-foto
{
	display: block;
	overflow: hidden;
	margin-top: 25px;
}


div#page-foto img
{
	display: block;
	float: left;
	width: 225px;
	height: 149px;
	margin: 10px;
	border: 1px #CECECE solid;
}

div#stronicowanie
{
	display: block;
	margin: 0 auto;
	width: 100px;
	overflow: hidden;	
}

div.pozycje
{
	display: none;
}

a.stronicowanie_back
{
	display: block;
	float: left;
	margin: 5px;
	width: 38px;
	height: 24px;
	background: url('../img/stronicowanie_back.gif') no-repeat;
}
a.stronicowanie_next
{
	display: block;
	float: left;
	margin: 5px;
	width: 38px;
	height: 24px;
	background: url('../img/stronicowanie_next.gif') no-repeat;
}