html
{
    height: 100%;
}

body
{
    min-width: 790px;
    background-color: #E3E3E5;
    background-image: url('../grafika/tlo.png');
    background-position: center top;
    background-repeat: repeat-x;
    color: #000;
    height: 100%;
    font-family: 'Times New Roman', Tahoma, Verdana;
    font-size: 14px;
}

@media (min-width: 0px) and (max-width: 789px)
{
    body
    {
        min-width: 0;
        background-position: center -17px;
    }
}

.body_do_druku
{
    background: #fff;
}

.body_mapa_dojazdu
{
    background: #fff;
    overflow: hidden;
}

a
{
    color: #000;
}

.global
{
    width: 770px;
    margin: 0 auto;
    padding: 0 10px;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .global
    {
        width: auto;
        padding: 0;
    }
}

.gora
{
    height: 168px;
    background-image: url('../grafika/gora.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .gora
    {
        margin: 0 10px;
        padding: 20px 0 0 0;
        height: 112px;
        background-image: none;
        overflow: hidden;
    }
}

.logo
{
    display: block;
    float: left;
    text-decoration: none;
    outline: none;
    margin: 37px 0 0 129px;
    padding: 0;
    border: 0;
    width: 294px;
    height: 92px;
    background-image: url('../grafika/logo.png');
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .logo
    {
        float: none;
        margin: 0 auto;
    }
}

.srodek
{
    padding: 0 8px;
    background-image: url('../grafika/srodek.png');
    background-position: left top;
    background-repeat: repeat-y;
}

.glowna .srodek
{
    background-image: url('../grafika/srodek_glowna.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.glowna .tresc
{
    color:#fff;
}

.glowna .tresc a
{
    color:#fff;
}

.glowna .srodek_kontener
{
    background-image: url('../grafika/srodek_kontener_glowna.png');
}

@media (min-width: 0px) and (max-width: 789px)
{
    .srodek
    {
        padding: 0;
        background-image: none;
        background-color: #F4F6F5;
    }
}

.srodek_kontener
{
    padding: 20px 26px 20px 15px;
    background-image: url('../grafika/srodek_kontener.png');
    background-position: left bottom;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .srodek_kontener
    {
        padding: 0 0 20px 0;
        background-image: none;
    }
}

.lewa
{
    float: left;
    width: 123px;
    padding: 0 0 100px 0;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .lewa
    {
        display: none;
    }
}

.menu
{
    display: block;
}

.menu_opcja
{
    display: block;
    text-decoration: none;
    outline: none;
    text-align: right;
    margin: 0;
    padding: 6px 0;
    border: 0;
    line-height: 28px;
    font-size: 22px;
    text-transform: uppercase;
    color: #FBF0A0;
    overflow: hidden;
}

.menu_opcja:hover,.menu_opcja_wybrana,.menu_opcja_wybrana:hover
{
    display: block;
    text-decoration: none;
    outline: none;
    text-align: right;
    margin: 0;
    padding: 6px 0;
    border: 0;
    line-height: 28px;
    font-size: 22px;
    text-transform: uppercase;
    color: #DBDCDE;
    overflow: hidden;
}

.menu_odstep
{
    height: 1px;
    background-color: #B3B4B7;
}

.prawa
{
    float: right;
    width: 500px;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .prawa
    {
        float: none;
        width: auto;
    }
}

.tytul_kontener
{
    background-color: #EBECEC;
    background-image: url('../grafika/tytul_kontener.png');
    background-position: left top;
    background-repeat: repeat-x;
    border-top: 1px solid #BFC0C3;
    border-bottom: 1px solid #D8D9DA;
    padding: 0 15px;
    height: 40px;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .tytul_kontener
    {
        padding: 0 10px;
    }
}

.tytul
{
    overflow: hidden;
    line-height: 40px;
    font-size: 22px;
    text-transform: uppercase;
    color: #6D6F71;
    float: left;
}

.menu_mobilne
{
    display: none;
    float: right;
    margin: 8px 0 9px 10px;
    padding: 0;
    border: 0;
    text-decoration: none;
    outline: none;
    width: 31px;
    height: 23px;
    background-image: url('../grafika/menu_mobilne.png');
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .menu_mobilne
    {
        display: block;
    }
}

.menu_mobilne_kontener
{
    display: none;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .menu_mobilne_kontener
{
    display: block;
}
}

#menu_mobilne
{
    display: none;
    background-color: #6C6D70;
}

.menu_mobilne_opcja
{
    display: block;
    text-decoration: none;
    outline: none;
    text-align: left;
    margin: 0;
    padding: 6px 10px;
    border: 0;
    line-height: 28px;
    font-size: 22px;
    text-transform: uppercase;
    color: #FBF0A0;
    overflow: hidden;
    border-bottom: 1px solid #B3B4B7;
}

.menu_mobilne_opcja:hover,.menu_mobilne_opcja_wybrana,.menu_mobilne_opcja_wybrana:hover
{
    display: block;
    text-decoration: none;
    outline: none;
    text-align: left;
    margin: 0;
    padding: 6px 10px;
    border: 0;
    line-height: 28px;
    font-size: 22px;
    text-transform: uppercase;
    color: #DBDCDE;
    overflow: hidden;
    border-bottom: 1px solid #B3B4B7;
}

.tytul_odstep
{
    height: 20px;
}

.tresc
{
    color: #000;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .tresc
    {
        margin: 0 10px;
    }
}

.do_druku_kontener
{
    margin: 10px;
    overflow: hidden;
}

.do_druku
{
    color: #000;
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.dol
{
    background-image: url('../grafika/dol.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding: 20px 8px;
    text-align: center;
    color: #6D6F71;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .dol
    {
        margin: 0 10px;
        background-image: none;
        padding: 20px 0;
    }
}

.dol a
{
    text-decoration: none;
    outline: none;
    color: #6D6F71;
}

.dol_lewa
{
    float: left;
    width: 153px;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .dol_lewa
    {
        float: none;
        width: auto;
    }
}

.dol_prawa
{
    float: right;
    width: 552px;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 789px)
{
    .dol_prawa
    {
        float: none;
        width: auto;
    }
}