/* 
    Document   : menu_lewe_i_tresc
    Created on : 2011-07-03, 22:41:34
    Author     : EB
    Description:
        Purpose of the stylesheet follows.
*/

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

#menu_lewe{
    margin: 0px 0px 10px 0px;
    padding: 0px;
    float: left;
    display: block;
    /*  border: solid 2px #0798dc;*/
    width: 220px;
    /*height: 500px;*/
}

#menu_lewe_gora{
    margin: 0px;
    padding: 0px;

    display: block;

    width: 220px;
    height: 69px;
    background: url(../grafika/menu_lewe_gora.png) no-repeat center;
}

#menu_lewe_srodek{
    margin: 0px;
    padding: 0px;

    display: block;

    width: 220px;
    background: url(../grafika/menu_lewe_srodek_tlo.png) repeat-y center;
}

.menu_lewe_naglowki{
    margin: 0px;
    padding: 10px 0px 0px 0px;
    display: block;
    width: 220px;
    color: white;
    /*font-family: 'Annie Use Your Telescope',arial,serif;
    font-family: 'Indie Flower', arial, serif;*/
    font-family: 'Allura', sans-serif;
    font-size: 34px;
    text-align: center;
}

#menu_lewe_stopka{
    margin: 0px;
    padding: 0px;

    display: block;

    width: 220px;
    height: 45px;
    background: url(../grafika/menu_lewe_stopka.png) no-repeat center;
}

#tresc{
    float: left;
    margin: 0px 0px 10px 20px !important;
    padding: 23px 0px 0px 0px;
    display: block;
    width: 700px;
    min-height: 300px;
}

#tresc_gora{
    margin: 0px 0px 0px 0px !important;
    padding: 0px;
    display: block;
    width: 700px;
    height: 45px;
    background: url(../grafika/tresc_gora.png) no-repeat center;
}

#tresc_srodek{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 700px;
    min-height: 300px;
    background: url(../grafika/tresc_srodek_tlo.png) repeat-y center;
}

#tresc_stopka{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 700px;
    height: 45px;
    background: url(../grafika/tresc_stopka.png) no-repeat center;
}

.tresc_logo{
    position: absolute;
    padding: 0px;
    margin: 0px 0px 0px -15px !important;
    top: 248px;
    width: 275px;
    height: 43px;
    background-color: red;
}

#tresc_logo_duszpasterstwo{
    background: url(../grafika/logo_duszpastrestwo.png) no-repeat left;
}

#tresc_logo_ogloszenia{
    background: url(../grafika/logo_ogloszenia.png) no-repeat left;
}

#tresc_logo_sanktuarium{
    /*background: url(../grafika/logo_gp.png) no-repeat left;*/
    width: 480px!important;
    height: 51px!important;
    background: url(../grafika/logo_sanktuarium.png) no-repeat left;
}

#tresc_logo_historia{
    background: url(../grafika/logo_historia.png) no-repeat left;
}

#tresc_logo_galeria{
    background: url(../grafika/logo_galeria.png) no-repeat left;
}

#tresc_logo_kontakt{
    background: url(../grafika/logo_kontakt.png) no-repeat left;
}

#tresc_logo_siostry_zakonne{
    background: url(../grafika/logo_siostry_zakonne.png) no-repeat left;
}

#tresc_logo_kazania{
    background: url(../grafika/logo_kazania.png) no-repeat left;
}

#menu_lewe_tresc{
    clear: both;
    width: 216px;
    padding: 0px;
    /* margin: 0px auto 0px auto;*/
    margin: 0px 2px 0px 2px;
    /* background-color: red;*/
    list-style: none;

}

#menu_lewe_tresc li {
    text-align: left;
    padding: 0px;
    background: url(../grafika/menu_lewe_srodek_poziom.png) bottom no-repeat;
    width: 216px;
}

#menu_lewe_tresc li a,
#menu_lewe_tresc li a:link,
#menu_lewe_tresc li a:visited{
    display: block;
    width: 210px;
    height: 30px;
    margin: 0px 2px 0px 4px;
    padding: 0px;
    color: #7294A3;
    font-family: arial,serif;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
}


#menu_lewe_tresc li a:hover{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

#tresc_srodek .naglowek{
    text-align: center;
    width: 600px;
    padding: 0px;
    margin: 0px auto 0px auto;
    font-size: 28px;
    font-weight: bold;
    color: #3f8cb1;
    /*font-family: 'Gloria Hallelujah', cursive;*/
    font-family: 'Akaya Kanadaka', sans-serif;

}

#tresc_srodek .MsoTitle{
    text-align: center;
    width: 600px;
    padding: 0px;
    margin: 0px auto 0px auto;
    font-size: 20px;
    font-weight: bold;
    color: #3f8cb1;
    font-family: 'Gloria Hallelujah', cursive;
}

#tresc_srodek .naglowek_maly{
    text-align: center;
    width: 600px;
    padding: 0px;
    margin: 0px auto 0px auto;
    font-size: 14px;
    font-weight: bold;
    color: #3f8cb1;
    font-family: 'Annie Use Your Telescope', cursive;
}

#tresc_srodek p{
    text-align: left;
    padding: 0px;
    margin: 10px auto 0px auto;
    width: 676px;
    text-align: justify;
    /* background-color: red;*/
}

#tresc_srodek p b{
    font-size: 14px;
    color: #7294A3;
}

#tresc_srodek p i{
    color: #7294A3;
}

#tresc_srodek ul{
    margin: 5px 0px 0px 20px;
    padding: 0px;
    list-style-position: inside;
}

#tresc_srodek ul li{
    text-align: left;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

#tresc_srodek ol{
    margin: 5px 0px 0px 20px;
    padding: 0px;
    list-style-position: inside;
}

#tresc_srodek ol li{
    text-align: left;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

.modlitwy{
    display: block;
    text-align: center;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    color: #7294A3;
    font-size: 13px;
}

.wyliczenie{
    list-style: none;
    text-align: left;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

.wyliczenie b{
    font-size: 14px;
    color: #7294A3;
}




/*
GRAFIKI DZUSPATERSTWO POCZATEK
<<****************************************************************************>>
*/

.obraz_lewo{
    margin: 0px;
    padding: 0px;
    float: left;
    display: inline;
}

.obraz_prawo{
    margin: 0px;
    padding: 0px;
    float: right;
}

#kolbe{
    margin: 0px;
    padding: 0px 10px 5px 0px;
    display: inline;
    float: left;
}

#osrodek{
    margin: 0px;
    padding: 0px;
    display: block;
    float: right;
}
#dom_rekolekcyjny{
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
}

/*
GRAFIKI DZUSPATERSTWO KONIEC
<<****************************************************************************>>
*/

.slide_sanktuarium{
    margin: 30px 10px 10px 10px;
    padding: 0px;
    width: 680px;
    /* height: 400px;
     background-color: red;*/
}

.klik{
    width: 50px;
    height: 50px;
    background-color: greenyellow;
}




#sanktuarium_gora_glowny{
    margin: 10px;
    padding: 0px;
    width: 680px;

}

.bok{
    margin: 0px;
    padding: 0px;
    width: 100px;
    border: none;
    color: #7294A3;
}

#submenu{
    border: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    border: 0px;
    vertical-align: middle !important;
}

#sanktuarium_gora_glowny_srodek{
    clear: both;
    /*margin: 0px;
    padding: 0px;*/
    width: 480px;
    text-align: center;
    font-size: 30px;
    text-align: center;
    vertical-align: middle !important;
    border: 0px;
    color: #3F8CB1;
}

#sanktuarium_gora_glowny_srodek a,
#sanktuarium_gora_glowny_srodek a:link,
#sanktuarium_gora_glowny_srodek a:visited{
    clear: both;
    font-size: 12px;
    display: block;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    text-decoration: none;
    color: #7294A3;
    line-height: 16px;
}

#sanktuarium_gora_glowny_srodek a:hover{
    font-size: 14px;
    color: #ffffff;
}

#sanktuarium_gora_glowny_srodek table{
    border: none;
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 400px;
}

#prawy{
    text-align: right!important;
}


#bok_lewy ul{
    width: 100px;
    margin: 0px;
    padding: 0px;
    list-style-position: outside;
}

#bok_lewy ul li{
    list-style: none;
    text-align: right;
    margin:  0px 5px 0px 5px;
    padding: 0px;
    line-height: 26px;
    cursor: pointer;
}

#bok_lewy ul li:hover,
#bok_prawy ul li:hover{
    text-align: center;
    color: #ffffff;
}


#bok_prawy ul{
    width: 100px;

    margin: 0px;
    padding: 0px;
    list-style-position: outside;
}

#bok_prawy ul li{
    list-style: none;
    text-align: left;
    margin: 0px 5px 0px 5px;
    padding: 0px;
    line-height: 26px;
    cursor: pointer;
}


.slide_sanktuarium #sanktuarium_tresc{
    margin: 0px;
    padding: 0px;
    width: 674px;
}

#sanktuarium_tresc{
    text-align: left;
    padding: 0px;
    margin: 10px auto 0px auto;
    width: 680px;
    text-align: justify;
    font-size: 12px;
    /* background-color: red;*/
}

#podpis{
    margin-right: 30px!important;
    width: 400px!important;
    float: right!important;
    text-align: right!important;

}

#litania_do_sw_andrzeja{
    width: 600px;
    margin: 10px auto 30px auto;
    padding: 0px;
    border: none;
    font-size: 12px;
}

.wiersze{
    margin: 10px auto 10px auto;
    padding: 0px;
    border: none;
    font-size: 12px;
}

.kontakt{
    margin: 20px auto 10px auto;
    padding: 0px;
    font-size: 12px;
    border: 1px #3F8CB1 solid;
    border-collapse: separate;
    border-spacing: 15px;
}

.kontakt caption{
    margin-left: 20px;
    text-align: left;
    font-size: 14px;
    color: #3F8CB1;
    font-weight: bold;
}

.kolumna_1{
    width: 200px;
}

.kolumna_2{
    width: 300px;
}

.kontakt a,
.kontakt a:visited,
.kontakt a:link{
    text-decoration: none;
    color: #7294A3;
}

.kontakt a:hover{
    color: #ffffff;
    font-size: 14px;
}

.galeria{
    margin: 0px auto 10px auto;
    padding: 0px;
    width: 680px;

    /*border: 2px solid #3F8CB1;*/
    /* border-right: 2px #3F8CB1 solid;
     border-bottom: 2px #3F8CB1 solid;
     border-left: 2px #3F8CB1 solid;*/
}

.galeria tbody{
    display: block;

}

.slide_div_galeria{
    width: 684px;
    margin: 0px auto 0px auto;
    padding: 0px;
    display: none;
    border-right: 2px #3F8CB1 solid;
    border-bottom: 2px #3F8CB1 solid;
    border-left: 2px #3F8CB1 solid;
    background: url(../grafika/tlo_galeria_pasek_5.png) repeat;
}

.rozwiniety{
    display: block;
}

.galeria caption{
    margin: auto;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    border-right: 2px #3F8CB1 solid;
    border-bottom: 2px #3F8CB1 solid;
    border-left: 2px #3F8CB1 solid;
    cursor: pointer;
}

.galeria tr td{
    margin: 0px auto 0px auto;
    width: 140px;
    /*height: 130px;
    border: 1px #3F8CB1 solid;*/
    border-collapse: separate;
    border-spacing: 1px;
    vertical-align: middle;
    text-align: center;

}

.galeria tr td img{
    background: none repeat scroll 0 0 #3E3E3E;
    border: medium none;
    padding: 3px 3px 15px 3px;
}

.galeria tr td img:hover{
    background: none repeat scroll 0 0 white;
}

.galeria_start{
    clear: both;
    padding: 0px;
    /* margin: 0px auto 0px auto;*/
    margin: 10px 2px 10px 150px!important;
    /* background-color: red;*/
    list-style: none;
    text-align: left;
    list-style-position: inside;

}

.galeria_start li {
    text-align: center;
    height: 37px;
    width: 269px;
    margin: 0px;
    padding: 0px;
    list-style-position: inside;
    background: url(../grafika/tlo_galeria.png) no-repeat center;
}

.galeria_start li a,
.galeria_start li a:link,
.galeria_start li a:visited{
    text-align: center;
    display: block;
    height: 37px;
    margin: 0px 2px 0px 4px;
    padding: 0px;
    color: #7294A3;
    font-family: arial,serif;
    font-size: 13px;
    line-height: 37px;
    text-decoration: none;

}


.galeria_start li a:hover{
    font-size: 14px;
    color: #ffffff;
}

.galeria_start_text{
    clear: both;
    width: 200px;
    left: 40px;
    position: relative;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    color: #3F8CB1;
}

.przepraszamy{
    font-size: 16px;
    color: #3F8CB1;
    margin: 0px 5px 20px 5px;
    padding: 10px 0px 0px 0px;
}

.slide{
    text-decoration: none;
    color: #0798DC;
    display: block;
    padding: 0px;
    margin: 10px auto 0px auto;
    width: 684px;
    /* height: 35px;*/
    line-height: 35px;
    border: 2px #3F8CB1 solid;
    text-align: center;
    font-size: 16px;
    /*font-family: 'Gloria Hallelujah',cursive;*/
    font-family: Arial;
    font-style: oblique;
    cursor: s-resize;
    background: url(../grafika/tlo_galeria_pasek_5.png) repeat;
}

.wyswietlony{
    border-bottom: none;
    background-color:  #3F8CB1;
    color: #11181B;
    font-weight: bold;
}


.numerki{
    font-family: 'Rock Salt';
    font-size: 12px;
    color: #3F8CB1;
}

.niebieski_jasny{
    color: #3f8cb1!important;
}

.niebieski_ciemny{
    color: #7294A3!important;
}

.bialy{
    color: #fff!important;
}

.intencje_mszanle,
.zapowiedzi{
    margin: 10px auto 10px auto;
    padding: 0px;
    width: 650px;
    font-size: 12px;
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid #3F8CB1;
}


.intencje_mszanle caption,
.zapowiedzi caption{
    border: 1px solid #3F8CB1;
    font-size: 14px;
    text-align: center;
    font-family: 'Gloria Hallelujah',cursive;
    height: 40px;
    line-height: 40px;
    background-color: #000;
    color: #7294A3;
    vertical-align: middle;
}

.intencje_mszanle caption b{
    color: #ffffff;
    font-size: 16px;
}



.intencje_mszanle th,
.intencje_mszanle td,
.zapowiedzi td{
    border: 1px solid #3F8CB1;
    margin-left: 10px!important;
    padding: 2px 5px 2px 10px;
}

.intencje_mszanle th{
    background-color:#302B2B;
    color:#7294A3;
}

.tabela_z_krawedziami{
    width: 680px;
    padding: 0px;
    margin: 10px auto 10px auto;
    border: 1px #3f8cb1 solid;
    font-size: 10px;
    vertical-align: middle;
    border-collapse: collapse;
}

.tabela_z_krawedziami th,
.tabela_z_krawedziami td{
    padding: 5px;
    border: 1px #3f8cb1 solid;
    text-align: center;
}

.tabela_z_krawedziami th{
    color: #7294A3;
}

.zdjecie_lewa{
    padding: 0px;
    margin: 10px 10px 10px 2px;
    float: left;
    border: none;
}

.zdjecie_prawa{
    padding: 0px;
    margin: 10px 5px 10px 10px;
    float: right;
    border: none;
}

.link_zdjecia{
    text-decoration: none;
}

.sprzatanie_kosciola{
    margin: 5px auto 5px auto;
    padding: 0px;
    /* width: 680px;*/
    border: 1px solid #3f8cb1;
    font-size: 12px;
    border-collapse: collapse;
    vertical-align: middle;
}

.sprzatanie_kosciola th,
.sprzatanie_kosciola td{
    border: 1px solid #3f8cb1;
}

.sprzatanie_kosciola_tytuly_kolumn{
    color: #7294A3;
    background-color: #302b2b;
}

.sprzatanie_kosciola_miesiac{
    font-size: 14px;
    text-align: center;
    font-family: 'Gloria Hallelujah',cursive;
    height: 30px;
    background-color: #000;
}

.sprzatanie_kosciola_data{
    width: 90px;
    text-align: center;
}

.sprzatanie_kosciola_dzien{
    width: 90px;
    text-align: center;
}

.sprzatanie_kosciola_osoby{
    margin: 0px;
    padding: 5px 10px 5px 5px;
    width: 300px;
}

.sprzatanie_kosciola_osoby ol li{
    margin: 0px!important;
}

.sprzatanie_kosciola caption{
    margin: 5px auto 0px auto;
    color: #3f8cb1;
    font-family: 'Gloria Hallelujah',cursive;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #3f8cb1;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    background-color: #000000;
}

.sprzatanie_kosciola caption b{
    color: #ffffff;
    font-size: 16px;
}

.aaa{
    background-color: #012130;
}

.bbb{
    background-color: #263237;
}

.ccc{
    background-color: #000;
}

#intencje_do_sw{
    margin: 10px auto 10px auto;
    padding: 0px;
    vertical-align: middle;
    font-size: 12px;
}

#intencje_do_sw td{
    /* border: 1px #3F8CB1 solid;*/
    padding: 10px;
}

.ok{
    color: green;
    font-size: 14px;
    margin-bottom: 10px;
}

.cytat{
    text-align: center!important;
    font-size: 14px;
    color: #7294A3;
    font-family: 'Gloria Hallelujah',cursive;
}

.aposttrof{
    font-size: 20px;
}

.zapraszamy_do_galerii,
.zapraszamy_do_galerii:visited,
.zapraszamy_do_galerii:link{
    font-family: arial;
    clear: both!important;
    display: block!important;
    width: 400px!important;
    text-align: left!important;
    margin: 5px 0px 5px 20px!important;
    text-decoration: none!important;
    color: #7294A3!important;
    font-size: 12px!important;
    left: 10px;
}

.zapraszamy_do_galerii:hover{
    color: #ffffff;
}

.aktualnosci_blok{
    display: block;
    margin: 10px auto 5px auto;
    padding: 0px;
    width: 676px;
    border: 1px #3F8CB1 dotted;
}

.aktualnosci_blok p{
    width: 660px!important;
    margin: 5px!important;
    padding: 0px!important;
    /*font-size: 12px;*/

}

.aktualnosci_info{
    font-size: 10px!important;
    text-align: right!important;
}

.kolejne_strony{
    display: block;
    margin: 10px auto 5px auto;
    padding: 0px;
    width: 676px;
    height: 40px;

}

.kolejne_strony_cyfry,
.kolejne_strony_cyfry:link,
.kolejne_strony_cyfry:visited{
    clear: both;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Gloria Hallelujah',cursive;
    margin: 5px 5px 5px 5px;
    padding: 0px;
    color: #3F8CB1;
}

.kolejne_strony_cyfry:hover{
    font-weight: bolder;
}

.aktywna_strona{
    color: #ffffff!important;
    font-size: 22px!important;
}

.zakladki_tabela{
    padding: 0px;
    margin: 0px auto 0px auto;
    width: 676px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
}

.dalej{
    width: 160px!important;
    padding: 0px;
}

.cyfry{
    padding: 0px;
}

.start_menu li{
    background: none!important;
    margin: 0px!important;
    padding-top: 0px!important;
    clear: both;
    /*
    list-style-type: none!important;
    list-style-position: outside!important;
    position: relative!important;*/
    border: 0px!important;
    height: 30px!important;
    width: 250px!important;
}

.start_menu li a,
.start_menu li a:link,
.start_menu li a:visited,
.start_menu li a:hover{
    display: block!important;
    text-decoration: none!important;
    margin: 0px!important;
    padding: 0px!important;
    height: 20px!important;
    color: #7294A3!important;
}

.start_menu{
    clear: both;
    width: 250px!important;
    margin: 0px!important;
    position: relative!important;
    padding: 0px!important;
    /* position: absolute;
     top: 200px;
     height: 30px!important;*/
    list-style-type: none!important;
    list-style-position: outside!important;
}


.start_menu_kwadtarty li{
    background: none!important;
    margin: 0px 2px 0px 20px!important;
    padding-top: 0px!important;
    clear: both;

    list-style-type: none!important;
    list-style-position: outside!important;
    /*
    position: relative!important;*/
    border: 0px!important;
    height: 25px!important;
    width: 250px!important;
}

.start_menu_kwadtarty li a,
.start_menu_kwadtarty li a:link,
.start_menu_kwadtarty li a:visited{
    display: block!important;
    text-decoration: none!important;
    margin: 0px!important;
    padding: 0px!important;
    height: 20px!important;
    color: #7294A3!important;
    border: none;
}


.start_menu_kwadtarty li a:hover{
    color: white!important;
}

.start_menu_kwadtarty{
    clear: both;
    width: 250px!important;
    margin: 0px!important;
    position: inherit!important;
    padding: 0px!important;
    /* position: absolute;
     top: 200px;
     height: 30px!important;*/
}




.submenu_kwadraty_start{
    margin-left: 200px!important;
    clear: both;
    position: absolute!important;
    display: none;
    width: 300px!important;
    background-color: black!important;
    border: 2px solid #0798DC!important;
    padding: 0px;
    z-index: 9999!important;
}

.submenu_kwadraty_start ul{
    padding: 0px!important;
    margin: 2px 2px 2px 0px!important;
    width: auto!important;
}
.submenu_kwadraty_start ul li{
    list-style: none;
    list-style-position: outside;
    margin-left: 0px;

}




.pics {
    position: relative;
    /* wartości te powinny być conajmniej takie jak rozmiary zdjęć */
    height: 420px; /* szerokość elementu HTML gdzie osadzone są zdjęcia */
    width: 560px; /* wysykość elementu HTML gdzie osadzone są zdjęcia */
    padding: 0;
    margin: 10px auto 0px auto!important;
}

.pics img {
    border: 15px solid #ccc;
    background-color: #eee;
    /* rozmiary zdjęć */

    top: 0;
    left: 0
}


#pokaz_zdjec{
    clear: both;
    position: absolute;
    display: block;
    width: 610px;
 /*   height: 540px;*/
    height: 564px;
    border: 2px solid #0798DC;
    margin: 315px auto auto 321px;
    padding: 0px;
    background-color: black;
    /*  left: 800px;
      top: 580px;*/
}

.ozdobny_tekst {
    margin: 0px;
    color: white;
    /*font-family: 'Annie Use Your Telescope',arial,serif;
    font-family: 'Indie Flower', arial, serif;*/
    font-family: 'Akaya Kanadaka', sans-serif;
    font-size: 30px;
    padding: 0;
    text-align: center;
}


strong{
    color: #A6BEC2;
}

em{
    color: #5F8190;
}

.programy_slider{
    font-size: 16px;
    font-family: 'Gloria Hallelujah',cursive;
    padding-left: 20px!important;
    font-weight: bold;
}

.tab_ogl{
    background-color: #3F8CB1;
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.kacelaria{
    padding-left:10px; 
    font-size: 14px!important;
}