html
{
    height: 100%;
    overflow-y: scroll;
}

body
{
    min-width: 1160px;
    height: 100%;
    background-color: #fff;
    font-family: 'Open Sans', tahoma, verdana;
    font-size: 18px;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    body
    {
        min-width: 0;
    }
}

@media (min-width: 0px) and (max-width: 479px)
{
    table,tbody,tr,td
    {
        display: block !important;
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        clear: both !important;
    }
}

.wide_1
{
    background-color: #009ee3;
    background-image: url('../grafika/wide_1.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

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

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

.pasek
{
    overflow: hidden;
}

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

.pasek_lewa
{
    float: left;
    margin: 0 10px 0 0;
}

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

.pasek_modul
{
    float: left;
    margin: 0 0 0 20px;
    color: #fff;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .pasek_modul
    {
        float: right;
        margin: 0;
    }
}

.pasek_modul:first-child
{
    margin: 0;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .pasek_modul:first-child
    {
        float: left;
        margin: 0;
    }
}

.pasek_modul a
{
    color: #fff;
}

.tresc
{
    display: block;
    overflow: hidden;
}

.tresc img
{
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .tresc img
    {
        height: auto !important
    }
}

.tresc iframe
{
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .tresc iframe
    {
        width: 100%;
    }
}

.pasek_prawa
{
    float: right;
    margin: 0 0 0 10px;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .pasek_prawa
    {
        float: none;
        margin: 0;
    }
}

.wide_2
{
    background-color: #fff;
    border-bottom: 1px solid #047fd9;
}

.gora
{
    padding: 20px 0;
}

.gora_przycisk
{
    display: none;
    float: right;
    text-decoration: none;
    outline: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 50px;
    height: 42px;
    background-image: url('../grafika/gora_przycisk.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

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

.gora_lewa
{
    float: left;
    margin: 0 10px 0 0;
}

@media (min-width: 380px) and (max-width: 1199px)
{
    .gora_lewa
    {
        float: none;
        margin: 0;
        overflow: hidden;
    }
}

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

.gora_logo
{
    display: block;
    float: left;
    text-decoration: none;
    outline: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 240px;
    height: 42px;
    background-image: url('../grafika/gora_logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.gora_prawa
{
    float: right;
    margin: 0 0 0 10px;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_prawa
    {
        float: none;
        margin: 0;
        overflow: hidden;
    }
}

.gora_menu,.gora_menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_menu
    {
        display: none;
        padding: 20px 0 0 0;
    }
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_menu ul
    {
        display: block;
    }
}

.gora_menu li,.gora_menu li a
{
	float: left;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_menu li,.gora_menu li a
    {
        float: none;
    }
}

.gora_menu li
{
	position: relative;
}

.gora_menu li ul
{
	display: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	margin: 0 0 0 36px;
	padding: 0;
	border: 0;
	border-right: 1px solid #047fd9;
	border-bottom: 1px solid #047fd9;
	border-left: 1px solid #047fd9;
	background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_menu li ul
    {
        display: block;
        position: static;
        margin: 0;
        padding: 0 0 0 30px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }
}

.gora_menu li:hover > ul
{
	display: block;
}

.gora_menu li ul li,.gora_menu li ul li a
{
	float: none;
}

.gora_menu li ul li a
{
	display: block;
}

.gora_menu li ul li ul
{
	display: none;
	position: absolute;
	z-index: 100;
	top: -1px;
	left: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #047fd9;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_menu li ul li ul
    {
        display: block;
        position: static;
        padding: 0 0 0 30px;
        border: 0;
    }
}

.gora_menu_opcja
{
    display: block;
    float: left;
    text-decoration: none;
    outline: none;
    margin: 3px 0 3px 36px;
    padding: 6px 0;
    border: 0;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    line-height: 22px;
    color: #888;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_menu_opcja
    {
        float: none;
        margin: 2px 0 0 0;
        padding: 14px 20px;
        border: 0;
        border-bottom: 1px solid #009ee3;
    }
}

.gora_menu_opcja:hover,.gora_menu_opcja_wybrana
{
    border-color: #047fd9;
    color: #047fd9;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_menu_opcja:hover,.gora_menu_opcja_wybrana
    {
        border-color: #009ee3;
        background-color: #009ee3;
        color: #fff;
    }
}

.gora_submenu_opcja
{
    display: block;
    text-decoration: none;
    outline: none;
    margin: 0;
    padding: 10px 20px;
    border: 0;
    font-size: 16px;
    line-height: 22px;
    color: #888;
    white-space: nowrap;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_submenu_opcja
    {
        margin: 2px 0 0 0;
        padding: 14px 20px;
        border: 0;
        border-bottom: 1px solid #009ee3;
        white-space: normal;
    }
}

.gora_submenu_opcja:hover,.gora_submenu_opcja_wybrana
{
    background-color: #009ee3;
    color: #fff;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .gora_submenu_opcja:hover,.gora_submenu_opcja_wybrana
    {
        border-color: #009ee3;
    }
}

.wide_3
{
    background-color: #009ee3;
    background-image: url('../grafika/wide_3.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.tytul
{
    color: #fff;
    text-align: center;
    font-size: 34px;
    line-height: 40px;
    font-weight: bold;
    padding: 30px 0;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 479px)
{
    .tytul
    {
        font-size: 24px;
        line-height: 30px;
    }
}

.tytul h1,.tytul h2,.tytul h3,.tytul h4,.tytul h5,.tytul h6
{
    font-size: 34px;
    line-height: 40px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

@media (min-width: 0px) and (max-width: 479px)
{
    .tytul h1,.tytul h2,.tytul h3,.tytul h4,.tytul h5,.tytul h6
    {
        font-size: 24px;
        line-height: 30px;
    }
}

.wide_4
{
    background-image: url('../grafika/wide_4.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 1228px;
}

.strona
{
    padding: 20px 0 0 0;
    overflow: hidden;
}

.glowna
{
    overflow: hidden;
}

.glowna_lewa
{
    float: left;
    width: 750px;
    height: 400px;
    background-color: #009ee3;
}

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

.glowna_rotator
{
    width: 750px;
    height: 400px;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .glowna_rotator
    {
        width: auto;
    }
}

.glowna_prawa
{
    float: right;
    width: 360px;
    min-height: 400px;
    background-color: #009ee3;
    background-image: url('../grafika/glowna_prawa.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

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

.glowna_modul
{
    padding: 20px;
    color: #fff;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .glowna_modul
    {
        padding: 20px 10px;
    }
}

.glowna_modul a
{
    color: #fff;
}

.odstep
{
    height: 30px;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .odstep
    {
        height: 20px;
    }
}

.glowna_srodek
{
    display: table;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    table-layout: fixed;
    width: 100%;
    background-color: #009ee3;
    background-image: url('../grafika/wide_1.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

@media (min-width: 0px) and (max-width: 767px)
{
    .glowna_srodek
    {
        display: block;
        width: auto;
    }
}

.glowna_srodek .glowna_modul
{
    display: table-cell;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    width: 50%;
    overflow: hidden;
}

@media (min-width: 0px) and (max-width: 767px)
{
    .glowna_srodek .glowna_modul
    {
        display: block;
        width: auto;
    }
}

.glowna_srodek .glowna_modul:first-child
{
    background-image: url('../grafika/wide_3.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.glowna_srodek .glowna_modul .tresc
{
    margin: 20px;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .glowna_srodek .glowna_modul .tresc
    {
        margin: 20px 10px;
    }
}

.zawartosc
{
    overflow: hidden;
}

.formularz table,.formularz tr,.formularz td
{
    margin: 0 auto;
    padding: 0;
    border: 0;
    vertical-align: middle;
    box-sizing: border-box;
}

.formularz table
{
    width: 100%;
    max-width: 500px;
}

.formularz .form_left,.formularz .contact_form_left
{
    padding: 4px 20px 4px 0;
    width: 200px;
}

.formularz .form_right,.formularz .contact_form_right
{
    padding: 4px 0;
}

.formularz .form_wide,.formularz .contact_form_wide
{
    padding: 4px 0;
}

.formularz input,.formularz select,.formularz textarea
{
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    font-family: 'Open Sans', Tahoma, Verdana;
    font-size: 16px;
    color: #047fd9;
    background-color: #fff;
    margin: 0 auto;
    padding: 4px 10px;
    border: 1px solid #047fd9;
}

.formularz input[name='captcha']
{
    max-width: 150px;
    text-align: center;
}

.formularz input[type='submit']
{
    margin: 20px auto 0 auto;
    max-width: 150px;
    cursor: pointer;
    color: #fff;
    background-color: #047fd9;
    text-decoration: none;
    outline: none;
    text-transform: uppercase;
}

.formularz input[type='submit']:hover
{
    background-color: #009ee3;
}

.formularz .form_error_1,.formularz .form_error_2,.formularz .form_error_3,.formularz .contact_form_error_1,.formularz .contact_form_error_2,.formularz .contact_form_error_3
{
    padding: 4px 0;
    font-size: 16px;
}

.formularz .captcha
{
    margin-bottom: 4px;
}

.ramka
{
    background-color: #047fd9;
}

.ramka_modul
{
    padding: 20px;
    color: #fff;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .ramka_modul
    {
        padding: 20px 10px;
    }
}

.ramka_modul a
{
    color: #fff;
}

.bloki
{
    display: table;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
}

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

.blok
{
    display: table-cell;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 30px solid #fff;
    vertical-align: top;
    width: 360px;
    background-color: #dfdfdf;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .blok
    {
        display: block;
        border-left: 0;
        border-top: 20px solid #fff;
        width: auto;
    }
}

.blok:first-child
{
    border-left: 0;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .blok:first-child
    {
        border-left: 0;
        border-top: 0;
    }
}

.blok_modul
{
    padding: 20px;
    color: #047fd9;
}

@media (min-width: 0px) and (max-width: 1199px)
{
    .blok_modul
    {
        padding: 20px 10px;
    }
}

.blok_modul a
{
    color: #047fd9;
}

.stopka
{
    padding: 30px 0;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #009ee3;
    font-weight: normal;
}

.stopka a,.stopka b,.stopka strong
{
    text-decoration: none;
    outline: none;
    color: #009ee3;
    font-weight: normal;
}
