@CHARSET "UTF-8";

/*Kolory: niebieski: #085DA0, popiel: #626469, bordowy: #93173B

/* Klasa testowa */

.x {
	border: 1px solid red;
}

/* Glowne obszary */

html,body {
	background-color: #f0f0f0;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 11px;
}

div#main {
	width: 780px;
	text-align: left;	
}

div#header {
	background: url(../images/layout/header.jpg) no-repeat;
	height: 222px;
	position: relative;
}

div#header .animlogo {	
	position: absolute;
	top: 64px;
	left: 48px;
}

div#header a {	
	display: block;
}

div#header a.logoarea{	
	width: 320px;
	height: 86px;
}

div#header a.polisharea{	
	width: 20px;
	height: 12px;	
	position: absolute;
	top: 67px;
	right: 95px;
}

div#header a.francearea{	
	width: 20px;
	height: 12px;	
	position: absolute;
	top: 67px;
	right: 65px;
}

div#header a.germanarea{	
	width: 20px;
	height: 12px;	
	position: absolute;
	top: 67px;
	right: 38px;
}

div#header a.englisharea{	
	width: 20px;
	height: 12px;	
	position: absolute;
	top: 67px;
	right: 10px;
}




div#header a.imgarea{	
	float: left;
	width: 260px;
	height: 136px;
}

div#footer {
	background: url(../images/layout/footer.jpg) no-repeat right top;
	height: 45px;
	text-align: center;
	padding-top: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #626469;
	clear: both;
}

div#content {
	background: url(../images/layout/backgr.jpg) repeat-y right top;
	color: #93173B;
}

div#content a, div#content a:visited {

	color: #93173B;
}

div#content a:hover {
	text-decoration: none;
	color: #fff;
}

div.contentleft {
	width: 300px;
	float: left;
	overflow: hidden;
	text-align: right;
	margin-left: 20px;
}

div.contentright {	
	width: 450px;
	float: right;
	overflow: hidden;
	text-align: left;
}

div.contentcenter {		
	float: right;
	overflow: hidden;
	text-align: left;
	margin-left: 20px;
}

div.spacer {
	background: url(../images/layout/spacer.jpg) no-repeat right top;
	height: 3px;	
	clear: both;	
	font-size: 0px; /* aby sie podobalo ie6 */
}

div.clear {
	clear: both;
}

a.backarrow {
	position: relative;
	top: 5px;
	left: 20px;
}

a.backarrow img {
	border: 0px;
}

/* Menu */

div#menuwrapper {
	position: relative;	
}

div#menu {
	position: absolute;
	width: 273px;
	left: 23px;
	top: 0px;	
}

div#menubottom {
	height: 20px;
	background: url(../images/layout/menu_bottom.jpg) no-repeat left top;	
}

div#menuimage {
	overflow: hidden;	
}

div#menuimage img{
	filter: Alpha(Opacity=30);
	-moz-opacity: 0.3;	
	opacity: 0.3;
}

div#menucontent {
	background: url(../images/layout/menu_backgr.png) repeat-y left top;
	padding-bottom: 5px;
}

div#menucontent ul {
	list-style: none;
	margin: 0;
	padding: 0 24px 0 28px;
}

div#menucontent li {	
	list-style: none;
	margin: 0;
	padding: 0;
}

div#menucontent li.last a {
	border-bottom: none;
}

div#menucontent li a {
	display: block;
	padding: 8px 0 0 0;
	height: 34px;
	text-decoration: none;
	font-weight: normal;
	color: white;
	font-size: 20px;	
	background: url(forie6);
	border-bottom: 2px solid #626469;
}

div#menucontent li a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/layout/menu_arrow_white.png');		
}

div#menucontent li a.selected {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/layout/menu_arrow_red.png');	
	color: #93173B;
}

div#menucontent li a:hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/layout/menu_arrow_blue.png');	
}

div#menucontent li a[href] {
	background: url(../images/layout/menu_arrow_white.png) no-repeat left top;	
}

div#menucontent li a[href].selected {
	background: url(../images/layout/menu_arrow_red.png) no-repeat left top;
}

div#menucontent li a[href]:hover {
	background: url(../images/layout/menu_arrow_blue.png) no-repeat left top;
}