* { margin: 0; padding: 0; }
a img { border: 0; }
p { margin: 10px 0 10px 0; text-align: justify; }
a { color: #8C8C8C; text-decoration: none; }
a:hover { color: #8C8C8C; text-decoration: underline; }
body {
font: 11px "Tahoma", sans-serif;
background: #EFEFEF;
text-align: center;
color: #818181;
}
#container {
margin: auto;
text-align: left;
width: 948px;
}
#top {
width: 100%;
height: 296px;
background: url(../img/top.jpg);
position: relative;
margin-bottom: 25px;
}
#top h1 { visibility: hidden; }

#stock, #date, #online, #log, #welcome, .bs, .bsa, #menu, #menu li ul, .down_news { position: absolute; }

#stock { top: 0; left: 0; }
#date { top: 12px; left: 0; width: 240px; text-align: center; }
#online { top: 12px; left: 263px; }
#log { top: 235px; left: 48px; }

.tp {
background: url(../img/input.png);
width: 96px;
height: 14px;
padding: 2px;
font: 1em "Tahoma", sans-serif;
color: #818181;
margin: 0 0 0 3px;
border: 0;
}
#lh {
text-align: right;
float: left;
width: 139px;
margin-right: 5px;
}
.sl { margin-bottom: 5px; }

#welcome {
top: 213px;
left: 313px;
}
#wt {
color: #FEFEFE;
font-size: 0.8em;
line-height: 1.3em;
width: 167px;
float: left;
}
#shortcut {
float: left;
list-style: none;
}
#shortcut li {
float: left;
width: 75px;
border: 2px solid #0D5A8D;
height: 68px;
background: url(../img/shortcut1.jpg);
margin-left: 12px;
font-weight: bold;
}
#shortcut a {
width: 75px;
text-align: center;
color: #FFF;
height: 17px;
padding-top: 51px;
display: block;
}
#shortcut a:hover { background-position: 0 -68px; text-decoration: none; }
#sc1 a { background: url(../img/magazyn.jpg); }
#sc2 a { background: url(../img/video.jpg); }
#sc3 a { background: url(../img/typowanie.jpg); }
#sc4 a { background: url(../img/na_zywo.jpg); }
#sc5 a { background: url(../img/forum.jpg); }
#menu {
list-style: none;
top: 47px;
right: 40px;
}
#menu li a {
color: #FFF;
height: 22px;
text-decoration: none;
font-weight: bold;
text-align: center;
background: transparent;
}
#menu li a:hover {
color: #FFF;
height: 22px;
text-decoration: none;
font-weight: bold;
text-align: center;
background: transparent;
}
#menu li {
float: left;
margin-left: 46px;
}
#menu li img {
display: block;
cursor: pointer;
padding-bottom: 12px;
}
#menu li:hover { background: url(../img/ih.png) 50% bottom no-repeat; }
#menu li ul li:hover { background: none; }

#menu li ul li a, #menu li ul li a:hover {
text-decoration: none;
background: #6C6E6C;
display: inline;
padding: 0 0 0 12px;
}
#menu li ul li a { color: #fff; background: transparent url(../img/arrow.gif) 0 5px no-repeat; }
#menu li ul li a:hover { color: #D7D7D7; background: url(../img/arrow.gif) 4px 5px no-repeat; }
#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}
#menu li ul {
width: 125px;
left: -999em;
background: #1C76B4;
color: #FFF;
list-style: none;
padding: 0 10px 0 10px;
line-height: 2em;
border: 1px solid #8EB3CC;
opacity: 0.8;
font-size: 0.9em;
}
#menu li ul li{
clear: both;
padding: 1px 0 1px 0px;
width: 125px;
border-bottom: 1px solid #2585C7;
text-align: left;
margin: 0;
}
#main_news {
float: left;
width: 675px;
background: url(../img/border.png) 0 25px repeat-x;
overflow: hidden;
}
#main_news h2 { margin: 0 0 25px 29px; }
.mn {
width: 470px;
padding-right: 11px;
float: left;
}
#podstrona {
width: 661px;
padding-right: 11px;
float: left;
}
.mn img, #podstrona img {
float: left;

padding: 1px;
background: #E1E1E1;
border: 3px solid #DADADA;
margin: 0 12px 5px 0;
}
.mn h3, #podstrona h3 { font-size: 1em; }
.mn p { margin-bottom: 0; }
#snb {
background: url(../img/snb.png) repeat-x;
padding: 10px 0 0 15px;
height: 24px;
width: 663px;
overflow: hidden;
clear: both;
}
#add { float: left; width: 320px; }
#cw { float: left; width: 111px; }
#kom { float: left; }
#cw a { background: url(../img/cw.png) left 3px no-repeat; padding-left: 15px; }
#kom a { background: url(../img/kom.png) left 3px no-repeat; padding-left: 25px; }

#transfer {
float: left;
width: 268px;
padding: 0 0 6px 3px;
background: url(../img/border.png) bottom repeat-x;
overflow: hidden;
}
#transfer h2 {
width: 250px;
margin: 0 0 3px 0;
padding: 0 0 16px 14px;
background: url(../img/border.png) bottom repeat-x;
}

#bgtra {
width: 233px;
height: 249px;
background: url(../img/bg_tra.png) no-repeat;
padding: 15px 15px 0 17px;
color: #FEFFFF;
font-size: 0.9em;
overflow: hidden;
list-style: none;
}
#bgtra img {
float: left;
width: 72px;
height: 42px;
border: 2px solid #0D5A8D;
margin-right: 11px;
}
#bgtra li {
height: 46px;
margin-top: 17px;
}
#bgtra a img:hover { opacity: 0.9; border: 2px solid #1A90E1; }
#bgtra p { margin: 0; }
#bgtra li:first-child { margin: 0; }
#news h2 { visibility: hidden; }
.news {
float: left;
width: 190px;
margin: 0 0 15px -1px;
background: url(../img/up_news.png) no-repeat;
position: relative;
padding: 4px 0 0 0;
}
.cn {
background: url(../img/middle_news.png) repeat-y;
padding: 7px 10px 8px 10px;
text-align: center;
overflow: hidden;
}
.cn h3 {
font-size: 1em;
margin: 0 0 6px 0;
}
.cn img {
width: 155px;
border: 4px solid #DADADA;
height: 90px;
}
.cn a { font-weight: bold; }
.cn p { margin: 10ppx 0 0 0; color: #8C8C8C; }
.down_news {
bottom: -1px;
left: 0;
}
#other {
clear: both;
background: url(../img/border.png) bottom repeat-x;
padding: 10px 0 5px 0;
margin: 0 0 10px 0;
}
#reklama {
float: left;
width: 144px;
text-align: center;
}
#reklama h2 {
text-align: left;
padding: 0 0 12px 30px;
width: 114px;
margin: 0 0 15px 0;
background: url(../img/border.png) bottom repeat-x;
}
#buttony {
border-left: 1px dashed #DADADA;
border-right: 1px dashed #DADADA;
width: 131px;
margin: auto;
}
#buttony img {
margin-bottom: 5px;
width: 98px;
background: #FFF;
padding: 1px;
border: 1px solid #DADADA;
}
#other2 {
float: left;
width: 536px;
}
#other2 h2 {
text-align: left;
padding: 0 0 12px 25px;
width: 511px;
margin: 0 0 15px 0;
background: url(../img/border.png) bottom repeat-x;
}
#pw {
width: 523px;
padding: 0 0 15px 0;
background: url(../img/border.png) bottom repeat-x;
margin-bottom: 15px;
}
#pw ul {
list-style: none;
line-height: 2.3em;
margin: 0 0 10px 20px;
}
#pw a { font-weight: bold; }
#pwc { text-align: center; }

#pwc a {
background: url(../img/aw.png) left no-repeat;
padding-left: 11px;
font-weight: normal;
}
#tabela {
float: left;
width: 266px;
}
#tabela h2 {
text-align: left;
padding: 0 0 12px 25px;
width: 241px;
margin: 0 0 5px 0;
background: url(../img/border.png) bottom repeat-x;
}
#video {
float: left;
width: 171px;
text-align: center;
}
#video h2 {
text-align: left;
padding: 0 0 12px 25px;
width: 146px;
margin: 0 0 15px 0;
background: url(../img/border.png) bottom repeat-x;
}
#sonda {
float: left;
width: 181px;
}
#sonda h2 {
padding: 0 0 12px 25px;
width: 156px;
margin: 0 0 15px 0;
background: url(../img/border.png) bottom repeat-x;
}
#galeria {
float: left;
width: 171px;
text-align: center;
}
#galeria h2 {
text-align: left;
padding: 0 0 12px 25px;
width: 146px;
margin: 0 0 15px 0;
background: url(../img/border.png) bottom repeat-x;
}
#video div img, #galeria div img {
width: 125px;
height: 70px;
border: 3px solid #DADADA;
margin-bottom: 5px;
}
#video a, #galeria a  {
font-weight: bold;
margin-bottom: 8px;
display: block;
color: #797979;
}
#poll {
width: 159px;
padding: 0 10px 0 10px;
border-left: 1px dashed #DADADA;
border-right: 1px dashed #DADADA;
text-align: center;
}
#poll ul {
text-align: left;
list-style: none;
margin: 9px 0 2px 0;
}
#poll li { margin-bottom: 10px; }

#tabela1 {
width: 250px;
height: 300px;
background: #1A7DC0 url(../img/tabela1.png);
padding: 15px 0 0 16px;
color: #FFF;
margin-bottom: 7px;
}
#tabela2 {
width: 250px;
height: 251px;
background: #1A7DC0 url(../img/tabela2.png);
padding: 40px 0 0 16px;
color: #FFF;
margin-bottom: 7px;
}
#tabela1 table {
border-collapse: collapse;
width: 100%;
line-height: 2.4em;
margin-bottom: 4px;
}
#tabela2 table {
border-collapse: collapse;
width: 100%;
line-height: 2.2em;
margin-bottom: 4px;
}
.pt a {
background: transparent url(../img/pt.png) left no-repeat;
padding-left: 12px;
margin-left: 120px;
color: #FFF;
}
.pt a:hover { color: #FFF; background-color: transparent; }

#footer {
clear: both;
width: 100%;
background: url(../img/border.png) bottom repeat-x;
padding-bottom: 15px;
overflow: hidden;
line-height: 2.2em;
margin-bottom: 8px;
}
#created { float: left; width: 155px; padding: 0 0 0 50px; }
#banner { float: left; width: 480px; text-align: center; }
#copy { float: left; width: 250px; }

#results {
width: 920px;
background: url(../img/border.png) bottom repeat-x;
padding: 0 0 15px 28px;
margin-bottom: 8px;
overflow: hidden;
}
#rw { float: left; width: 180px; font-weight: bold; }
#sponsor {
text-align: center;
line-height: 2.2em;
padding-bottom: 15px;
overflow: hidden;
background: url(../img/border.png) bottom repeat-x;
margin-bottom: 20px;
}
#sponsor1 { float: left; width: 155px; padding: 0 0 0 50px; }
#sponsor2 { float: left; width: 480px; }
#sponsor3 { float: left; width: 250px; }

#footer a, #sponsor a { font-weight: bold; }

.fl { float: left; margin-top: 10px; }
.fr { float: right; margin-top: 10px; }

#comment {
clear: both;
padding: 15px 0 15px 0;
width: 635px;
}
#comment h2 {
font-size: 1em;
font-weight: normal;
text-align: center;
}
#comment h3 {
font-size: 1em;
font-weight: normal;
}