/* 
    Document   : style
    Created on : 2011-07-02, 11:49:02
    Author     : EB
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}


html body{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: arial;
    font-size: 12px;
    color: white;
    background: #012130 url(../grafika/chmury_tlo_naglowek.png) no-repeat top center;
}

#glowna{
    margin: 0px;
    width: 100%;
    height: 100%;
    padding: 0px;
    text-align: center;
}
#gora_pasek{
    display: block;
    margin: 0px;
    padding: 0px;
    height: 26px;
    border-bottom: solid 2px #0798dc;
    background:  #081116 url(../grafika/tlo_gora_pasek.jpg) repeat-x;
}

#gora_pasek_tresc{
    display: block;
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 940px;
    height: 24px;
    background: url(../grafika/pion_gora.jpg) no-repeat left;
    
}

#gora_pasek_tresc a,
#gora_pasek_tresc a:visited,
#gora_pasek_tresc a:hover,
#gora_pasek_tresc a:link{
    display: block;
    font-size: 12px;
    font-family: "Times New Roman" ,Georgia, Serif;
    text-decoration: none;
    height: 24px;
    margin-top: 0px;
    margin-right: 0px !important;
    color: #3f8cb1;
    line-height: 24px;
    float: right;
}

#zaproszenie_baner{
    height: 24px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    /*font-family: 'Annie Use Your Telescope',arial,serif;
    font-family: 'Indie Flower', arial, serif;*/
    font-family: 'Balsamiq Sans', sans-serif;
    cursor: pointer;
    float: left;
    margin-left: 12px;
}

#gora_pasek_kontakt {
    background: url(../grafika/pion_gora.jpg) no-repeat left;
    width: 61px;
    height: 24px;
}
#gora_pasek_ogloszenia {
    background: url(../grafika/pion_gora.jpg) no-repeat left;
    width: 124px;
    height: 24px;
}
#gora_pasek_aktualnosci {
    background: url(../grafika/pion_gora.jpg) no-repeat left;
    width: 80px;
    height: 24px;
}

#stara_strona{
    background: url(../grafika/pion_gora.jpg) no-repeat left;
    width: 140px;
    height: 24px;
}
.szerokosc{
    width: 100px!important;
}

#gora_pasek_tresc img{
    margin: 0px;
    float: right;
    width: 2px;
    height: 24px;
}

.pusta{

}

.alert_aktualnosci{
    color: red;
}

#naglowek{
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 940px;
    height: 225px;
}

#strona{
    text-align: center;
    margin: 0px auto 0px auto;
    width: 940px;
}


#obrazek_baner{
    float: left;
    background: url(../grafika/obrazek_gora.png) no-repeat;
    width: 213px;
    height: 171px;
    padding: 0px;
    margin-left: 40px;

}

#napis_glowny{
   /* background: url(../grafika/napis_gora.png) no-repeat;*/
    width: 521px;
    height: 174px;
    padding: 0px;
    margin-left: 270px;
}


#stopka{
    margin-top: 10px;
    text-align: center;
    clear: both;
    height: 47px;
    border-bottom: solid 2px #0798dc;
    border-top: solid 2px #0798dc;
    background: url(../grafika/stopka_tlo.png) repeat-x;
}

#stopka_tresc{
    text-align: center;
    line-height: 47px;
    margin: 0px auto 0px auto;
    padding: 0px;
    height: 47px;
    width: 940px;
}

#stopka_lewy{
    margin: 0px auto 0px auto;
    padding: 0px;
    float: left;
    height: 47px;
    background: url(../grafika/stopka_pion.png) no-repeat left top;
    width: 314px;

}

#stopka_srodek{
    float: left;
    margin: 0px auto 0px auto;
    padding: 0px;
    height: 47px;
    width: 312px;
}

#stopka_srodek img{
    margin: 12px auto 12px auto;
    padding: 0px;
}

#stopka_prawy{
    margin: 0px auto 0px auto;
    padding: 0px;
    float: left;
    height: 47px;
    background: url(../grafika/stopka_pion.png) no-repeat right top;
    width: 314px;
}

#stopka_autor{
    color: #3f8cb1;
    float: left;
    font-family: 'Rock Salt';
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

#stopka_licznik{
    font-family: 'Annie Use Your Telescope',arial,serif;
    text-align: right;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    color: #3f8cb1;
    font-size: 16px;
    font-weight: bold;
}

#stopka_licznik b{
    font-family: 'Rock Salt';
    font-size: 14px;
    color: white;

}

.tab_ogloszenia{
    width: 50px;
}


.MsoNormalTable{
    width: 675px!important;
    margin: 10px auto 10px auto;
    font-size: 14px;
    vertical-align: super!important;
    table-layout: auto;
    padding: 5px;
    border-collapse: collapse;
    border: 2px solid white;
}

.MsoNormalTable tbody tr td{
    padding: 2px 5px 2px 5px;
    border: 2px solid white;
}

.MsoTableGrid{
    width: 675px;
    margin: 10px auto 10px auto;
    font-size: 14px;
    vertical-align: super!important;
    table-layout: auto;
    padding: 5px;
    border-collapse: collapse;
    border: 2px solid white;
}

.MsoTableGrid tbody tr td{
    padding: 2px 5px 2px 5px;
    border: 2px solid white;
}

.tabela_ogloszenia{
    width: 675px;
    margin: 10px auto 10px auto;
    table-layout: fixed;
}

.MsoNormal i{
    font-size: 16px;
    color: #B7CAEE!important;
}

.MsoNormal,
.MsoBodyText,
.MsoTitle{
    font-size: 16px!important;
}

.baner_ogloszenie{
    display: none;
    position: absolute;
    margin: 24px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 200%;
    text-align: center;
    background-color: #061319;
    z-index: 9998;
}

.baner_ogloszenie_drugie{
    display: none;
    position: absolute;
    margin: 24px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 200%;
    text-align: center;
    background-color: #061319;
    z-index: 9999;
}

.baner_ogloszenie img{
    padding: 30px 0px 30px 0px;
}

.baner_ogloszenie_drugie img{
    padding: 30px 0px 30px 0px;
}


#player, #player_glowna
{
    display:block; 
    width:680px;
    height:430px; 
    margin-left: auto;
    margin-right: auto; 
    text-align: center;
}

.film{
    display: block;
    float: left;
    padding-right: 2px;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    background: url(../grafika/film_white.png) no-repeat bottom center;        
}

.muzyka{
    display: block;
    float: left;
    padding-right: 2px;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    background: url(../grafika/muzyka_white.png) no-repeat bottom center;        
}

.ksiazka{
    display: block;
    float: left;
    padding-right: 2px;
    margin-right: 2px;
    width: 24px;
    height: 24px;
    background: url(../grafika/ksiazka_white.png) no-repeat bottom center;        
}

.mp3_opis{
    display: block;
    color: #56c0f2;
    font-size: 18px;
    margin: 10px auto 10px 40px;
}

.mp3_pobierz,
.mp3_pobierz:hover,
.mp3_pobierz:visited,
.mp3_pobierz:link{
    border: none; 
    margin: 5px; 
    text-decoration: none!important; 
    color: #b4b6b7!important;
    font-size: 16px;
    line-height: 28px;
    clear: both!important;
    display: block!important;
}