* {
margin: 0;
padding: 0;
}
body {
background: #dadada url(images/bg.gif) repeat-x;
}
img {
border: 0;
}
fieldset {
border: 0;
}
#kontener {
width: 1200px;
margin: 0 auto;
font: 11px Arial;
color: #929292;
}
#top {
width: 1200px;
height: 188px;
background: url(images/bg_top.gif);
float: left;
}
.nav_top {
width: 1200px;
height: 35px;
float: left;
}
.nav_top ul {
list-style: none;
margin: 13px 0 0 175px;
float: left;
}
.nav_top li {
float: left;
margin: 0 0 0 3px;
}
.nav_top li a {
color: #929292;
text-decoration: none;
}
.nav_top li a:hover {
text-decoration: underline;
}
.ikony {
float: right;
margin: 0 192px 0 0;
}
.ikony a {
float: left;
}
.panel {
width: 1200px;
height: 70px;
float: right;
margin: 10px 55px 0 0;
padding: 0 0 0 10px;
}
.panel form {
width: 379px;
float: right;
}
.panel input {
width: 78px;
height: 18px;
border: 0;
background: url(images/bg_input.gif);
margin: 10px 0 0 10px;
float: left;
padding: 5px;
color: #d9d9d9;
font: 11px Arial;
}
.panel input.zaloguj {
width: 57px;
height: 28px;
background: url(images/zaloguj.gif);
margin: 10px 0 0 10px;
padding: 0;
}
.panel a {
font: 9px Arial;
text-align: right;
width: 50px;
color: #767676;
float: right;
text-decoration: none;
}
.panel a:hover {
text-decoration: underline;
}
.panel span {
float: right;
margin: 12px 50px 0 0;
}
.wyszukiwarka {
float: right;
margin: 20px 130px 0 0;
}
.wyszukiwarka form {
margin: 10px 10px 0 0;
}
.wyszukiwarka input {
width: 207px;
height: 18px;
background: url(images/bg_inputszukaj.gif);
border: 0;
padding: 5px;
color: #d9d9d9;
font: 11px Arial;
}
.wyszukiwarka input.lupa {
padding: 0;
width: 26px;
height: 20px;
background: url(images/lupa.gif);
margin: 3px 0 0 10px;
}
#player {
width: 1200px;
float: left;
}
.menu {
width: 1200px;
height: 107px;
background: url(images/bg_menu.gif);
float: left;
}
.menu img {
float: left;
}
.menu ul {
float: left;
margin: 30px 0 0 292px;
list-style: none;
}
.menu li {
float: left;
}
.podstrona_flash {
float: left;
width: 1100px;
margin: 0 0 0 98px;
}
.podstrona_flash .flash {
margin: 0;
}
.flash {
width: 639px;
height: 394px;
overflow: hidden;
float: left;
margin: 0 0 0 98px;
background: #0c0c0c;
padding: 3px 5px 8px 10px;
}
.flash img {
width: 634px;
}
.informacje {
position: relative;
top: -80px;
width: 564px;
height: 70px;
background: #000;
padding: 10px 70px 0 10px;
opacity: 0.6; filter: alpha(opacity=60);
z-index: 2;
float: left;
color: #FFF;
font: 14px Arial;
}
.flash div.tylko_int {
padding: 0;
top: 70px;
left: -10px;
margin: 0;
width: 664px;
height: 394px;
opacity: 0.9; filter: alpha(opacity=100);
background: none;
}
.flash div.tylko_int a {
display: none;
top: -83px;
}
.informacje a {
color: #FFF;
text-decoration: none;
font-size: 25px;
opacity: 1.0;
filter: alpha(opacity=100);
}
.informacje a:hover {
text-decoration: underline;
}
.nav_flash {
position: relative;
float: left;
opacity: 1;
width: 50px;
height: 18px;
top: 345px;
right: 60px;
background: none;
z-index: 10;
}
.nav_flash img {
width: 18px;
height: 18px;
opacity: 1;
}
#prawa {
float: left;
width: 339px;
height: 395px;
background: #0c0c0c;
padding: 10px 0 0 10px;
line-height: 18px;
margin: 0 0 0 -50px;
}
#prawa a.dodaj {
display: block;
width: 93px;
height: 25px;
background: url(images/bg_dodajvideo.gif);
float: left;
margin: 0 10px 0 0;
padding: 10px 0 0;
font: bold 11px Arial;
text-align: center;
color: #FFF;
text-decoration: none;
}
#prawa a:hover.dodaj {
text-decoration: underline;
}
ul.wybor {
width: 338px;
height: 36px;
float: left;
background: url(images/bg_listy_hover.gif);
margin: 20px 0 1px -10px;
padding: 0;
}
ul.wybor li {
margin: -1px 1px 0;
text-align: center;
}
ul.wybor li a {
width: 157px;
height: 26px;
float: left;
font: bold 11px Arial;
color: #4d4d4d;
text-decoration: none;
background: url(images/zakladka.gif);
padding: 10px 0 0 10px;
}
ul.wybor li a:hover {
background: url(images/zakladka_hover.gif);
color: #FFF;
}
#najnowsze, #moje {
float: left;
}
.lista, .lista2 {
height: 295px;
width: 336px;
margin: 0 0 0 -10px;
overflow: hidden;
background: #202020;
}
.lista ul, .lista2 ul {
position: relative;
list-style: none;
width: 320px;
right: 15px;
float: right;
overflow: none;
}
.lista ul li, .lista2 ul li {
width: 310px;
height: 33px;
background: url(images/bg_lista.gif);
display: block;
}
.lista ul li img, .lista2 ul li img {
width: 36px;
float: left;
margin: 4px 0 0 10px;
}
.lista ul li a, .lista2 ul li a  {
margin: 8px 0 0 10px;
float: left;
color: #FFF;
font: 11px Arial;
text-decoration: none;
background: none;
}
.lista ul li a:hover, .lista2 ul li a:hover {
text-decoration: underline;
}
.lista ul li a img, .lista2 ul li a img {
width: 18px;
height: 18px;
margin: 0;
position: absolute;
left: 280px;
}
.slider, .slider2 {
width: 17px;
height: 290px;
padding: 1px;
position: relative;
top: 0;
left: 315px;
}
.handle, .handle2 {
position: relative;
cursor: move;
height: 16px;
width: 16px;
top: 0;
background: url(images/suwak.gif) no-repeat;
z-index: 100;
}
#content {
width: 1103px;
float: left;
margin: 5px 0 0 98px;
}
#lewa {
float: left;
width: 328px;
}
.newsy {
width: 328px;
height: 305px;
float: left;
background: url(images/bg_newsy.gif);
margin: 0 0 5px 0;
}
.newsy h2, .galerie h2 {
color: #FFF;
font: bold 11px Arial;
float: left;
margin: 10px 0 25px 40px;
}
.news {
float: left;
width: 288px;
background: #202020;
padding: 2px 10px 4px;
margin: 3px 0 0 10px;
color: #929292;
line-height: 18px;
}
.newsy .news a {
float: left;
font: bold 13px Arial;
margin: 0 0 10px 35px;
}
.newsy a {
color: #FFF;
font: 11px Arial;
text-decoration: none;
width: 253px;
}
.newsy a:hover {
text-decoration: underline;
}
.news img {
width: 40px;
float: left;
border: 1px solid #FFF;
margin: 0 10px 0 10px;
}
.newsy span {
width: 100%;
float: left;
text-align: center;
margin: 5px 0 0;
}
.galerie {
width: 328px;
height: 260px;
float: left;
background: url(images/bg_newsy.gif) no-repeat;
}
.galeria {
float: left;
width: 288px;
padding: 2px 10px 4px;
margin: 3px 0 0 10px;
color: #929292;
line-height: 18px;
}
.galerie .galeria a {
font: bold 13px Arial;
}
.galerie a {
color: #FFF;
font: 11px Arial;
text-decoration: none;
}
.galerie a:hover {
text-decoration: underline;
}
.galeria img {
float: left;
border: 1px solid #FFF;
margin: 0 10px 0 0px;
}
.galerie span {
width: 100%;
float: left;
text-align: center;
margin: 5px 0 0;
}
#tresc ul {
list-style: none;
float: left;
width: 672px;
}
#tresc li {
float: left;
margin: 1px 0 0 1px;
}
#tresc li a {
text-decoration: none;
width: 167px;
height: 23px;
background: url(images/bg_tab.gif);
float: left;
font: bold 11px Arial;
color: #4d4d4d;
padding: 12px 0 0;
text-align: center;
}
#tresc li a:hover {
background: url(images/bg_tabhover.gif);
color: #FFF;
}
#tresc li.reklama {
margin: 10px 0 10px 12px;
width: 250px;
}
#polecamy, #najnowsze_lista, #najlepsze, #spolecznosc, #lista_userow, #lista_filmow, #o_mnie, #moi_znajomi, #moje_filmy, #moje_komentarze, #komunikaty, #dodaj_wpis, #moje_obrazy {
background: #202020 url(images/bg_polecane.gif) no-repeat;
float: left;
width: 671px;
margin: 1px 0 0 5px;
padding: 20px 0 0;
}
.film {
width: 650px;
height: 113px;
float: left;
margin: 0 0 4px 10px;
background: #393939;
padding: 10px 0 1px 0;
}
.film img {
width: 80px;
height: 80px;
float: left;
margin: 8px 15px 0 20px;
border: 1px solid #FFF;
position: relative;
}
.opis {
float: left;
margin: 8px 0 0;
width: 520px;
line-height: 18px;
}
.opis a {
color: #FFF;
text-decoration: none;
font: bold 13px Arial;
}
.dane {
font: 11px Arial;
color: #929292;
float: left;
margin: 10px 0 0;
line-height: 18px;
}
.dane span {
font-weight: bold;
color: #FFF;
}
.dane span.data {
color: #d6d6d6;
}
.dodaj {
float: right;
width: 140px;
margin: -5px 0 0 20px;
}
.film .dodaj img {
width: 14px;
height: 14px;
margin: 0;
float: none;
top: 3px;
border: 1px solid #171717;
}
.zarzadzanie {
float: right;
margin: 5px 20px 0 0;
}
.zarzadzanie a {
color: #FFF;
text-decoration: none;
text-align: center;
font: bold 11px Arial;
padding: 5px 0 0;
width: 114px;
height: 19px;
margin: 0 5px 0 0;
background: url(images/bg_dodaj.gif);
float: left;
}
.zarzadzanie a:hover {
text-decoration: underline;
}
#stopka {
float: left;
width: 1200px;
height: 133px;
background: url(images/bg_stopka.gif);
color: #000;
font: 11px Arial;
}
#stopka a {
text-decoration: none;
font-weight: bold;
color: #000;
}
#stopka a:hover {
text-decoration: underline;
}
.lewa_copy {
margin: 32px 0 22px 175px;
float: left;
}
.prawa_autorzy {
margin: 32px 175px 22px 0;
float: right;
}