body {
font-family : Arial;
font-size : 11px;
margin-top : 0px;
background-image : url(images/tlo2.jpg);
background-color: #010000;
background-position: 50% 0%;
background-repeat: repeat-x;
color : #666666;
}
table {
font-family : Arial;
font-size : 11px;
color : #666666;
}
h2 {
font-family : Arial;
font-size : 12px;
color : #666666;
text-transform : uppercase;
font-weight : bold;
}
p {
margin : 0;
}

img {
border:0px
}

#center {
width : 1004px;
margin-left : auto;
margin-right : auto;
}
#all {
position : absolute;
width : 1004px;
}
#logowanie {
float : left;
padding-top: 6px;
padding-left: 470px;
width : 534px;
height : 27px;
background-image : url(images/obrazek_02.png);
}
.panel_logowania {
float : left;
height : 20px;
}
#osiagniecia {
float : left;
color : #FFAF76;
line-height:28px;
margin-top: 26px;
margin-left: 15px;
}
#osiagniecia a {
color : #FFAF76;
}
#osiagniecia a:hover {
color : #FEEBCE;
}
#statystyki {
float : left;
margin-bottom: 4px;
line-height: 15px;
padding-top: 10px;
padding-left: 20px;
text-align: left;
width : 150px;
height : 100px;
background-image : url(images/obrazek_45.png);
}
#top {
float : left;
width : 1004px;
height : 191px;
background-image : url(images/obrazek_04.png);
}
#menu {
float : left;
margin-left: 4px;
height : 42px;
}
#who_online {
float : left;
padding-top: 15px;
padding-right: 12px;
margin-right: 4px;
text-align: right;
color: #ffffff;
width : 338px;
height : 27px;
background-image : url(images/obrazek_16.png);
}
#ostatnie_spotkania {
float : left;
padding-left: 4px;
padding-right: 6px;
width : 222px;
height : 114px;
background-image : url(images/obrazek_34.png);
}
#os_zw {
float : left;
width : 232px;
text-align: center;
padding-top: 7px;
height : 18px;
background-image : url(images/obrazek_38.png);
}
#calosc {
float : left;
width : 1004px;
background-color: #ffffff;
}
#lewa_strona {
float : left;
text-align: center;
margin-left: 4px;
margin-top: 6px;
width : 170px;
}
#srodek {
float : left;
margin-left: 4px;
margin-top: 6px;
width : 822px;
}
#adv {
float : left;
width : 822px;
height : 165px;
}
#ilosc_itp {
float : left;
padding-top: 8px;
padding-left: 10px;
width : 812px;
height : 23px;
background-image : url(images/obrazek_24.png);
}
#content {
float : left;
margin-bottom: 4px;
margin-top: 11px;
margin-left: 6px;
margin-right: 6px;
width : 578px;
}
.news {
width : 578px;
}
.news1 {
width : 578px;
font-size : 14px;
font-weight : bold;
}
.news2 {
width : 578px;
margin-top: 6px;
}
.news3 {
width : 578px;
margin-top: 6px;
margin-bottom: 13px;
}
#prawa_strona {
float : left;
margin-top: 11px;
width : 232px;
margin-bottom: 4px;
}
#stopka {
float : left;
margin-bottom: 40px;
width : 1004px;
height : 52px;
}
.poster {
color : #DF5A04;
font-weight : normal;
}
.poster:hover {
color : #DF5A04;
font-weight : normal;
}
.poster2 {
color : #DF5A04;
}
.poster2:hover {
color : #DF5A04;
}
.login_input {
width : 114px;
height : 16px;
margin-right: 5px;
padding-top: 3px;
text-align : center;
color : #666666;
font-size : 11px;
border : 0;
background : url(images/pole.png);
}
.login_button {
width : 68px;
margin-right: 5px;
height : 20px;
border : 0;
background : url(images/zaloguj.png);
}
.small {
font-family : Arial;
font-size : 9px;
color : #b90909;
}
.title {
font-family : Arial;
font-size : 11px;
color : #ffffff;
padding : 3px;
font-weight : bold;
background-image : url(images/title_bg.png);
background-repeat : repeat;
background-position : center;
height : 36px;
}
.category_big {
font-family : Arial;
font-size : 12px;
color : #666666;
font-weight : bold;
}
.category {
font-family : Arial;
font-size : 11px;
color : #666666;
font-weight : normal;
}
.marked {
background-color : #666666;
font-weight : bold;
}
a, a:visited, a:active {
color : #666666;
text-decoration : none;
font-weight : normal;
}
a:hover {
color : #333333;
text-decoration : none;
font-weight : normal;
}
a.titlelink, a.titlelink:visited, a.titlelink:active {
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
a.titlelink:hover {
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
a.category, a.category:visited, a.category:active {
color : #ffffff;
text-decoration : none;
}
a.category:hover {
color : #ffffff;
text-decoration : underline;
}
option, textarea, input, select, file {
font-family : Arial;
font-size : 10px;
color : #ffffff;
background-color : #f0600e;
border : 1px solid #a63c0a;
}
.form_off {
color : #b3b3b3;
background-color : #f1f1f1;
border : 1px solid #cdcdcd;
}
.form_on {
color : #333333;
background-color : #f5f5f5;
border : 1px solid #cdcdcd;
}
.form_name {
background-color : #eeeeee;
border : 1px solid #333333;
background-repeat : no-repeat;
background-position : left top;
}
.form_text {
background-color : #eeeeee;
border : 1px solid #333333;
background-repeat : no-repeat;
background-position : left top;
}
.input {
background-color : transparent;
border : 1px none;
margin-top : 0;
margin-bottom : 0;
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 822px;
height: 135px; /* Set height to be able to contain height of largest content shown*/
border: 0px;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background-color: #ffffff;
color: #666666;
padding: 0px;
visibility: hidden;
width: 822px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 822px;
margin-top: 3px;
margin-bottom: 3px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}

/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 0px solid black;
padding: 0px 1px;
margin-right: 0px;
text-decoration: none;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 822px; /*Width of Carousel Viewer itself*/
height: 165px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: center; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 3px; /*margin around each panel*/
width: 147px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}