*{
margin:0;
padding:0;
border:none;
}
html, body{
background:url(images/tlo.jpg);;
font-family:Arial;
font-size:12px;
color:#FFF;
}
ul{
list-style-type:none;
}
a:link, a:visited{
font-size:12px;
color:#4ed3ff;
text-decoration:none;
font-weight:bold;
outline:0;
}
span{
color: #979797;
}
a:hover, a:hover, a:active{
font-size:12px;
color:#aad026;
text-decoration:none;
font-weight:bold;
}
#CONTAINER{
padding-bottom:40px;
margin:0 auto 0 auto;
width:1023px;
}
#HEADER{
width:100%;
height:91px;
}
#content{
margin:0 auto;
padding:8px 8px 4px 8px;
width:1007px;
background-image:url(images/content_tlo.png);
clear:both;
}
#HEADER h1{
width:261px;
height:74px;
float:left;
margin:13px 22px 0 5px;
overflow:hidden;
}
#HEADER h1 a{
display:block;
width:100%;
height:100%;
}
#HEADER h1 a:before{
content: url(images/logo.png);
display:block;
clear:both;
}
ul#menu{
height:60px;
float:left;
clear:right;
padding-top:31px;
}
ul#menu li{
float:left;
width:85px;
height:30px;
overflow:hidden;
white-space:nowrap;
}
ul#menu li.player{
margin-left:10px;
width:34px !important;
}
ul#menu li a{
width:100%;
height:100%;
display:block;
overflow:hidden;
font-size:15px;
text-align:center;
}
ul#menu li img{
width:100%;
height:60px;
border:none;
}
ul#menu li:hover img{
margin-top: -30px;
}
#panele{
clear:both;
height:178px;
overflow:hidden;
padding-top:9px;
}
div.ostatnie_wydania{
overflow:hidden;
width:399px;
height:178px;
float:left;
background: url(images/tlo_ostatnie_wydania.png);
padding-left:14px;
}
span.lewo, span.prawo{
float:left;
width:26px;
height:178px;
overflow:hidden;
}
#panele span.lewo:hover img, #panele span.prawo:hover img{
margin-top:-178px;
cursor:pointer;
}
div.ostatnie_wydania h2{
display:block;
width:172px;
height:23px;
overflow:hidden;
margin:14px 0 18px 0;
}
div.ostatnie_wydania h2:before{
content: url(images/ostatnie_wydania.png);
display:block;
clear:both;
}
div.ostatnie_wydania ul{
width:1197px;
margin-left:0px;
}
div.ostatnie_wydania li{
float:left;
width:399px;
height:146px;
}
div.ostatnie_wydania img{
float:left;
margin-right:7px;
padding:1px 1px 1px 7px;
background-image:url(images/okladka.png);
}
div.ostatnie_wydania h3{
margin-top:3px;
}
div.ostatnie_wydania p{
line-height:17px;
width:270px;
overflow:hidden;
}
div.najczesciej_pobierane{
width:298px;
height:178px;
float:left;
background: url(images/tlo_najczesciej_pobierane.png);
}
div.najczesciej_pobierane h2{
display:block;
width:130px;
height:24px;
overflow:hidden;
margin:14px 0 0 20px;
}
div.najczesciej_pobierane h2:before{
content: url(images/najczesciej_pobierane.png);
display:block;
clear:both;
}
div.najczesciej_pobierane ul{
display:block;
width:285px;
margin:4px 6px 0 6px;
}
div.najczesciej_pobierane ul li{
display:block;
height:32px;
width:253px;
clear:both;
padding:5px 16px 5px 16px;
background: url(images/linia.png) 0 0 repeat-x;
}
div.najczesciej_pobierane .first{
background:none;
}
div.najczesciej_pobierane span{
color:#979797;
display:block;
clear:left;
}
div.najczesciej_pobierane li:hover span{
color:#FFF;
}
div.najczesciej_pobierane li:hover a{
color:#aad026;
}
div.kalendarium{
width:239px;
height:178px;
float:left;
background: url(images/tlo_kalendarium.png);
}
div.kalendarium h2{
display:block;
width:126px;
height:19px;
overflow:hidden;
margin:14px 0 0 20px;
}
div.kalendarium h2:before{
content: url(images/kalendarium.png);
display:block;
clear:both;
}
div.kalendarium ul{
display:block;
width:227px;
margin:9px 6px 0 6px;
}
div.kalendarium ul li{
display:block;
height:32px;
width:195px;
clear:both;
padding:5px 16px 5px 16px;
background: url(images/linia.png) 0 0 repeat-x;
}
div.kalendarium .first{
background:none;
}
div.kalendarium span{
color:#979797;
display:block;
clear:left;
}
div.kalendarium li:hover span{
color:#FFF;
}
div.kalendarium li:hover a{
color:#aad026;
}
div.polecam{
width:100%;
clear:both;
height:60px;
overflow:hidden;
}
div.polecam h2{
float:left;
width:87px;
height:19px;
overflow:hidden;
margin-top:22px;
margin-left:10px;
margin-right:10px;
}
div.polecam h2:before{
content: url(images/polecam.png);
display:block;
clear:both;
}
ul.polecam{
height:62px;
display:table;
list-style-type:none;
float:left;
}
ul.polecam li{
display:table-cell;
vertical-align: middle;
}
ul.polecam li div{
margin:0 5px;
}
ul.polecam li a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
ul.polecam li a img{
opacity:0.5;
filter:alpha(opacity=50);
}
ul.polecam li a:hover img{
position:relative;
bottom:100%;
opacity:1.0;
filter:alpha(opacity=100);
}
#stopa{
width:999px;
margin: 16px auto 0 auto;
font-size:11px;
color:#979797;
}
#stopa .prawa{
float:left;
}
#stopa .wykonanie{
float:right;
}
#cc_tunein {
clear: both;
padding-top: 10px;
padding-left: 110px;
height: 20px;
background: url(images/radio.png) left bottom no-repeat;
}
#cc_tunein b {
display: none;
}
#stopa a:link, #stopa a:visited{
color:#979797;
text-decoration:none;
font-weight:bold;
}
#stopa a:hover, #stopa a:active{
color:#aad026;
text-decoration:none;
}
/*----------------------wspólne--------------------------*/
h3{
color:#4ed3ff;
font-size:12px;
}
li:hover  h3{
color:#aad026;
}
.blad{
color:red;
}
.powodzenie{
color:#4cd3ff;
}
div.pager{
float:right;
margin:30px 20px 0 0;
}
div.pager a{
color:#FFF;
float:left;
width:22px;
height:18px;
text-align:center;
padding-top:4px;
font-weight:lighter;
margin-right:5px;
}
div.pager a.active{
color:#171717;
font-weight:bold;
background: url(images/page_active.png) 0 0 no-repeat;
}
.zdjecie{
float:left;
margin-right:17px;
width:426px;
}
.tekst{
float:left;
width:560px;
}
h2{
overflow:hidden;
display:block;
margin-top:21px;
margin-bottom:15px;
}
h2:before{
display:block;
clear:both;
}
em{
margin:0 5px;
}
#imprezy ul, #galeria ul, #galeria2 ul, #ksiega_gosci ul, #linki ul{
display:block;
width:560px;
clear:both;
}
#imprezy ul li, #galeria ul li, #linki ul li{
display:block;
min-height:32px;
width:534px;
clear:both;
padding:5px 16px 5px 1px;
background: url(images/linia.png) 0 0 repeat-x;
}
#imprezy .first, #download .first, #galeria .first, #linki .first{
background:none;
}
#imprezy span, #download span, #galeria span, #linki span{
color:#979797;
display:block;
}
#imprezy li:hover span, #download li:hover span, #galeria li:hover span, #linki li:hover span{
color:#FFF;
}
/*----------------------aktualnosci--------------------------*/
#aktualnosci .rotator{
width:569px;
height:325px;
float:left;
margin-right:17px;
overflow:hidden;
}
#aktualnosci .rotator #skrypt{
position:relative;
z-index:25;
}
#aktualnosci .rotator div{
width:100%;
height:100%;
}
#aktualnosci .rotator div.ramka{
position:relative;
z-index:50;
background:url(images/ramka.png);
}
#aktualnosci #newsy{
float:left;
width:417px;
}
#aktualnosci h2{
width:141px;
height:24px;
margin-bottom:29px;
}
#aktualnosci h2:before{
content: url(images/aktualnosci.png);
}
#aktualnosci #newsy div{
overflow:hidden;
display:block;
margin-top:15px;
clear:both;
}
#aktualnosci h3{
float:left;
}
#aktualnosci span{
float:right;
}
#aktualnosci p{
padding-top:10px;
clear:both;
}
#aktualnosci a.more{
margin-top:3px;
display:block;
float:right;
min-width:16px;
height:16px;
overflow:hidden;
}
#aktualnosci a.more:before{
content:url(images/strzalka.png);
display:block;
clear:both;
}
/*----------------------o mnie--------------------------*/
#o_mnie span{
color:#4ed3ff;
}
#o_mnie p{
margin-bottom:15px;
line-height:18px;
}
#o_mnie h2{
width:90px;
height:24px;
}
#o_mnie h2:before{
content: url(images/o_mnie.png);
}
/*----------------------imprezy--------------------------*/
#imprezy h2{
width:97px;
height:29px;
}
#imprezy h2:before{
content: url(images/imprezy.png);
}
#imprezy li:hover a{
color:#aad026;
}
/*----------------------download--------------------------*/
#download h2{
width:125px;
height:23px;
float:left;
}
#download h2:before{
content: url(images/download.png);
}
#download ul img{
float:left;
margin-right:7px;
padding:1px 1px 1px 7px;
background-image:url(images/okladka.png);
}
#download em{
margin:0 5px;
}
#download ul{
width:550px;
}
#download li{
overflow:hidden;
height:auto !important;
padding:10px 0 6px 10px !important;
display:block;
min-height:32px;
clear:both;
}
#download p{
line-height:18px;
}
#download .pobierz{
float:right;
width:54px;
height:20px;
padding-top:5px;
background-image:url(images/pobierz.png);
text-align:center;
color:#171717;
}
#download .pobierz:hover{
color:white;
}
#download a.zakladka{
height:36px;
overflow:hidden;
display:block;
float:left;
}
#download a.zakladka.active img{
margin-top:-36px;
}
#download .special{
width:426px;
height:369px;
background-position:center;
float:left;
overflow:hidden;
margin-right:17px;
}
#download .special .inner{
display:table;
width:100%;
height:100%;
background:url(images/galeria_ramka.png) 0 0 no-repeat;
}
#download .special .inner2{
display:table-cell;
vertical-align:bottom;
}
#download .special .inner3{
background-image:url(images/first_tlo.png);
}
#download .special .inner4{
background:url(images/galeria_ramka.png) bottom no-repeat;
padding: 18px 10px;
width:406px;
overflow:hidden;
}
/*----------------------galeria kategorie--------------------------*/
#galeria h2{
width:87px;
height:24px;
float:left;
}
#galeria h2:before{
content: url(images/galeria.png);
}
#galeria ul img{
border:3px solid #4c4c4c;
float:left;
margin-right:7px;
}
#galeria em{
margin:0 5px;
}
#galeria p{
line-height:18px;
}
#galeria li{
overflow:hidden;
height:auto !important;
padding:10px 16px 6px 0 !important;
}
#galeria a.wszystkie{
color:#FFF;
float:right;
margin-top:25px;
}
/*----------------------galeria--------------------------*/
#galeria2 ul{
padding-top:18px;
}
#galeria2 .active{
display:block !important;
}
#galeria2 ul li{
float:left;
margin-right:16px;
margin-bottom:15px;
}
#galeria2 ul img{
border:3px solid #4c4c4c;
}
#galeria2 li:hover img{
border-color:#00c0ff;
}
#galeria2 .info{
float:left;
}
#galeria2 em{
margin:0 5px;
}
#galeria2 h2{
font-size:12px;
color:#4ed3ff;
margin:20px 0 0 0 !important;
}
#galeria2 div.zdjecie{
width:426px;
height:379px;
overflow:hidden;
}
#galeria2 div.zdjecie .ramka{
width:100%;
height:100%;
background-image:url(images/galeria_ramka.png);
position:relative;
z-index:10;
}
#galeria2 div.zdjecie img{
position:relative;
bottom:379px;
z-index:5;
display:none;
}
/*----------------------ksiega gosci--------------------------*/
#ksiega_gosci h2{
width:160px;
height:29px;
float:left;
}
#ksiega_gosci h2:before{
content: url(images/ksiega_gosci.png);
}
#ksiega_gosci h2.wpisz{
width:237px;
clear:both;
float:none !important;
}
#ksiega_gosci h2.wpisz:before{
content: url(images/ksiega_gosci_wpisz.png);
}
#ksiega_gosci form{
display:block;
background:url(images/ksiega_form_tlo.png);
overflow:hidden;
padding-left:11px;
padding-bottom:7px;
font-size:11px;
margin-top:3px;
}
#ksiega_gosci form p{
margin-bottom:10px;
}
#ksiega_gosci form p span{
color:#4cd3ff;
}
#ksiega_gosci .inputs{
float:left;
margin-right:6px;
}
#ksiega_gosci .inputs input, #ksiega_gosci .input input{
padding:7px 7px 0 7px;
width:165px;
height:19px;
color:#FFF;
display:block;
border:none;
background:url(images/ksiega_input_tlo.png);
margin-bottom:6px;
font-size:11px;
}
#ksiega_gosci textarea{
float:left;
background:url(images/ksiega_input_tlo.png);
border:none;
padding:8px;
width:204px;
height:106px;
color:#FFF;
font-family:Arial;
font-size:11px;
overflow:hidden;
}
#ksiega_gosci .reset{
clear:left;
}
#ksiega_gosci .input{
float:right;
background:url(images/input_lewo.png) top left no-repeat;
padding-left:3px;
margin-right:10px;
}
#ksiega_gosci .input .inner{
float:left;
background:url(images/input_prawo.png) top right no-repeat;
padding-right:3px;
}
#ksiega_gosci .input input{
width:auto;
background-image:url(images/input_tlo.png);
height:23px;
padding:0;
margin:0;
color:#171717;
font-weight:bold;
cursor: pointer;
}
#ksiega_gosci li{
clear:both;
margin-bottom:30px;
width:549px;
}
#ksiega_gosci h3{
font-size:18px;
color:#4cd3ff;
float:left;
}
#ksiega_gosci h3 span{
color:#FFF;
font-weight:normal;
}
#ksiega_gosci li a:link, #ksiega_gosci li a:visited{
color: #979797;
font-weight:normal;
}
#ksiega_gosci li a:hover, #ksiega_gosci li a:active{
text-decoration:underline;
}
#ksiega_gosci .data{
float:right;
color:#FFF;
}
#ksiega_gosci div.wpis{
clear:both;
background:url(images/ksiega_wpis_gora.png) top left no-repeat;
padding-top:2px;
margin-bottom:3px;
}
#ksiega_gosci div.wpis div.inner{
background:url(images/ksiega_wpis_dol.png) bottom left no-repeat;
padding-bottom:2px;
}
#ksiega_gosci div.wpis div.inner2{
background-image:url(images/ksiega_wpis_tlo.png);
padding:10px;
}
/*----------------------linki--------------------------*/
#linki h2{
width:52px;
height:23px;
}
#linki h2:before{
content: url(images/linki.png);
}
#linki li:hover a{
color:#aad026;
}
/*----------------------kontakt--------------------------*/
#kontakt{
font-size:11px;
}
#kontakt p{
line-height:17px;
}
#kontakt ul{
margin-top:4px;
}
#kontakt li{
margin-bottom:5px;
}
#kontakt li span{
color:#4cd3ff;
}
#kontakt h2{
width:90px;
height:23px;
float:none;
clear:both;
}
#kontakt h2:before{
content: url(images/kontakt.png);
}
#kontakt form h2{
width:195px;
height:23px;
}
#kontakt form h2:before{
content: url(images/formularz_email.png);
}
#kontakt form{
clear:both;
display:block;
overflow:hidden;
padding-bottom:7px;
font-size:11px;
margin-top:3px;
}
#kontakt .inputs{
float:left;
margin-right:6px;
}
#kontakt input{
padding:7px 7px 0 7px;
width:165px;
height:19px;
color:#FFF;
display:block;
border:none;
background:url(images/ksiega_input_tlo.png);
margin-bottom:6px;
font-size:11px;
}
#kontakt textarea{
float:left;
background:url(images/ksiega_input_tlo.png);
border:none;
padding:8px;
width:350px;
height:106px;
color:#FFF;
font-family:Arial;
font-size:11px;
overflow:hidden;
}
#kontakt .reset{
clear:left;
}
#kontakt .input{
float:right;
background:url(images/input_lewo.png) top left no-repeat;
padding-left:3px;
margin-right:10px;
}
#kontakt .input .inner{
float:left;
background:url(images/input_prawo.png) top right no-repeat;
padding-right:3px;
}
#kontakt .input input{
width:auto;
background-image:url(images/input_tlo.png);
height:23px;
padding:0;
margin:0;
color:#171717;
font-weight:bold;
}
#kontakt .komunikat{
margin: 20px 0 0 10px;
font-size:14px;
font-weight:bold;
}
#newsy ul{
width:100%;
}
#newsy ul li{
width:100%;
clear:both;
}
#newsy h3{
font-size:12px;
color:#4ed3ff;
float:left;
}
#newsy span{
float:right;
}
#newsy p{
overflow:hidden;
margin-bottom:10px;
clear:both;
}
#newsy .tekst h3{
margin-bottom:10px;
}
#newsy h2{
width:141px;
height:23px;
float:none;
clear:both;
}
#newsy h2:before{
content: url(images/newsy.png);
}
#newsy h2.archiwum{
margin-left:13px;
width:271px !important;
}
#newsy h2.archiwum:before{
content: url(images/news_archiwum.png);
}
#newsy ul{
display:block;
width:100%;
clear:both;
}
#newsy ul li{
display:block;
height:15px;
width:394px;
clear:both;
padding:5px 16px 5px 16px;
background: url(images/linia.png) 0 0 repeat-x;
}
#newsy .first{
background:none;
}
#newsy span{
color:#979797;
display:block;
}
#newsy li:hover span{
color:#FFF;
}
#newsy .img{
width:100%;
height:194px;
}
#newsy .img img{
display:none;
}
#newsy .img .inner{
width:100%;
height:100%;
background:url(images/ramka_gora.png) left top no-repeat;
}
#newsy .img .inner2{
width:100%;
height:100%;
background:url(images/ramka_dol.png) left bottom no-repeat;
}