p {
text-align: center;
}
a {
	text-decoration: none;
	color: #CD853F;
	font-weight: bold;
}

.logowanie {
font-weight: bold;
font-family: Verdana;
font-size: 10pt;
}

.informacja {
color: black;
font-weight: bold;
border: 1px solid #CD853F;
background-color: #E6E6FA;
vertical-align: middle;
text-align: center;
margin: 15px;
width: 50%;
margin-bottom: 50px;
}

#page_title {
margin-top: 15px;
color: white;
font-weight: bold;
font-family: Verdana;
font-size: 12pt;
text-align: center;
}

.erds {
	width: 500px;
	border: 1px solid Gray;
}


.menutop_opcje_1 {
	position: absolute;
	cursor: pointer;
	visibility: hidden;
	white-space: nowrap;
	background-color: #6A766A;
	border: 1px solid White;
	padding: 5px;
	margin-top: 40px;
	margin-left: 40px;
	font-family: Verdana;
	font-size: 10pt;
	text-align: center;
	color: white;
	width: 130px;
	z-index: 3;
}

.menutop_opcje_2 {
	position: absolute;
	cursor: pointer;
	visibility: hidden;
	white-space: nowrap;
	background-color: #6A766A;
	border: 1px solid White;
	padding: 5px;
	margin-top: 40px;
	margin-left: 120px;
	font-family: Verdana;
	font-size: 10pt;
	text-align: center;
	color: white;
	width: 130px;
	z-index: 3;
}

.menutop_opcje_3 {
	position: absolute;
	cursor: pointer;
	visibility: hidden;
	white-space: nowrap;
	background-color: #6A766A;
	border: 1px solid White;
	padding: 5px;
	margin-top: 40px;
	margin-left: 200px;
	font-family: Verdana;
	font-size: 10pt;
	text-align: center;
	color: white;
	width: 130px;
	z-index: 3;
}

.menutop_opcje_4 {
	position: absolute;
	cursor: pointer;
	visibility: hidden;
	white-space: nowrap;
	background-color: #6A766A;
	border: 1px solid White;
	padding: 5px;
	margin-top: 40px;
	margin-left: 280px;
	font-family: Verdana;
	font-size: 10pt;
	text-align: center;
	color: white;
	width: 130px;
	z-index: 3;
}

#menu {
color: white;
width: 100%;
}
#menu a {
color: white;
width: 100%;
}
#menu a:hover {
background: #778377;
width: 100%;
color: #fff17c;
}

#nasluch {
height: 16px; 
width: 110px; 
background: url(../images/icons/ipod_podcast.png) no-repeat;
font-size: 12px;
}

#uruchom {
float: left; 
height: 16px; 
width: 150px; 
background: url(../images/icons/control_play.png) no-repeat;
font-size: 12px;
}

#uruchom2 {
height: 16px; 
background: url(../images/icons/control_play.png) no-repeat;
font-size: 12px;
}

#wylacz {
float: left; 
height: 16px; 
width: 85px; 
background: url(../images/icons/control_stop.png) no-repeat;
font-size: 12px;
}

#restart {
float: left; 
height: 16px; 
width: 100px; 
background: url(../images/icons/arrow_right.png) no-repeat;
font-size: 12px;
}
#admin {
float: left; 
height: 16px; 
width: 115px; 
background: url(../images/icons/lock.png) no-repeat;
font-size: 12px;
}

#sluchaj {
float: left; 
height: 16px; 
width: 90px; 
background: url(../images/icons/cd.png) no-repeat;
font-size: 12px;
}
#down {
float: left; 
height: 16px; 
width: 90px; 
background: url(../images/icons/arrow_down.png) no-repeat;
font-size: 12px;
}
#next {
float: left; 
height: 16px; 
width: 105px; 
background: url(../images/icons/control_forward.png) no-repeat;
font-size: 12px;
}

body{	
	margin:0px; padding:0px;
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 16px;
	background: #d1dbc4 url(../images/mainbg.gif) repeat-x; 
	color: #333; 
}

body,html{height:100%; margin:0; padding:0px;}

a {
	color: #315a83;
}

a:hover {
	color: #bc243c;
}

a.title {
	color: #FE6700;
}

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h1 a, h2 a {
	text-decoration: none;
	color: #464548;
	background: inherit;
}

h1 a:hover, h2 a:hover {
	color: #bc243c;
	background: #FFF;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}


h2 { 
	margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000; 
	background: inherit;
}

h2 .yellow{
	color: #ffffac;
	background: inherit;
}

p {	margin: 0 0 5px 0; }

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

.body_txt {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height:15px;
}

.title {
	font-family: 'arial';
	font-size: 14px;
	font-weight: bold;
	color: #323334;
	border-bottom: dotted #999999 1px;
	line-height:24px;	
}

#layout {width:100%; margin:auto; padding:0; clear: both;}
#mainheader { 
	clear: both;
	height: 200px;
	width:780px;
	margin: auto;
	padding: 0;
}

#sitename { 
	clear: both;
	height: 96px;
	width:780px;
	margin: auto;
	padding: 0;
	text-align: left;
	}
#sitename .padding { padding:26px 0 0 10px;}	
#sitename h1 { 
	margin: 0; 
	color: #616d61; 
	font-family:'arial';
	font-size:30px;
	font-weight:bold;
	}

/*- topmenu --------------------------- */

#topmenu {
        margin: auto;
        padding: 0 0 0 10px;
        height: 38px;
		    width:770px;
		    text-align:center;
}

#topmenu ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#topmenu ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#topmenu ul li a {       
        width: 78px;
        height: 29px;
        padding: 10px 0 0 0;
        margin: 0;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 12px "arial";
}

#topmenu ul li a:hover {
    color: #fff17c;
    background: #778377;
		height: 29px;
}

#topmenu a:active {
		height: 29px;
    background: #f5665a;
    color: #fff;
}

#topmenu li#active a {
		height: 29px;
        background: #f5665a;
        color: #fff;
}

-->
#banner_box{
	clear: both; margin:auto; padding:0; width:780px; height:204px; background:url(../images/header_banner.jpg) left top no-repeat; color:#6d2431;
	}
#banner_box #slogan { 
	clear: both;
	margin: auto;
	padding: 0;
	}
#banner_box #slogan .padding { 
	padding: 45px 40px 10px 380px;
	}
#banner_box #slogan h1 {
	font-family:'arial';
	font-size:20px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.5px;
	}
#banner_box #slogan .txtsmall {
	font-family:'arial';
	font-size:18px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.5px;
	}


#banner_box{
	clear: both; margin:auto; padding:0; width:100%;
	}

/*----container----*/
#bodyPanel{ text-align: center; width:780px; background:url(../images/bodybg.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:0;}

/*----Left----*/
#leftPanel{width:175px; float:left; padding-top:15px;}
#leftPanel h2{width:160px; height:34px; background:#848e82 url(../images/barbg.gif) top right no-repeat; color:#fff; font-size:18px; line-height:34px; padding-left:15px;}
#leftPanel ul{width:160px;}
#leftPanel ul li{width:160px; height:24px;}
#leftPanel ul li a{width:150px; height:24px; display:block; background:url(../images/bull_normal.gif) 0 10px no-repeat #d1dbc4; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPanel ul li a:hover{background:url(../images/bull_hover.gif) 0 10px no-repeat #d1dbc4; color:#5F7A77; text-decoration:none;}
#leftPanel ul li span{text-decoration:underline;}
/*----/Left----*/

/*----Right----*/
#rightPanel{width:553px; float:left; border-right:1px solid #848e82; border-left:1px solid #848e82; border-bottom:1px solid #848e82; margin:0; padding:15px 25px 15px 25px;}
#rightPanel p{padding:0 0 10px 0;}
/*----/Right----*/

/*----/container----*/

/*-----------footer---------*/
#footermain{
	height:60px;
	width:100%;	
	color:#606c60; font:13px/20px 'arial';
	background:#bcc6b1;
	clear:both; 
	padding:30px 0 0 0;}

#footer{width:780px; position:relative; margin:auto; }
#footer ul{width:510px; height:22px; margin:0; float:right; padding-right:0;}
#footer li{float:left; }
#footer ul li a{padding:0 10px 0; color:#606c60; text-decoration:none; font-size:12px; font-weight:bold;}
#footer ul li a:hover{text-decoration:underline;font-weight:bold;}
#footer .copyright{width:250px; margin:0; color:#606c60;  font-size:12px;}
#footer .copyright a{width:250px; margin:0; color:#606c60;  font-size:12px;} 
#footer .copyright a:hover{width:250px; margin:0; color:#ff0000;  font-size:12px;} 
/*----/end footer----*/
