body {    
    margin: 0px; 
    padding: 0px; 
    text-align: center;
    font-family: Roboto, Segoe UI, Tahoma, Helvetica, Sans-Serif;
    background-color: #ffffff;  
    font-size:15px; 
    color:#2c2c2c; 
}

p {
    -webkit-margin-after: 0px;
    -webkit-margin-before: 0px;   
    margin: 0;     
}

a {
    border: 0;
}

.menu_mobile {
    display: none;    
}

strong {
    font-weight: 700;
}


li {
    margin-top: 5px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}


a:link, a:active, a:visited {color: #ffffff; font-size: 20px; text-decoration: none; font-weight: 700;}
a:hover {color: #000000; text-decoration: none;}

/*
Gora logo adres
*/

.RamaHeader{
    width: 100%;
    padding: 25px 0px 35px 0px;
    height: auto;     
}

.podRamaHeader{
    width: 100%; 
    max-width: 1400px; 
    margin: 0 auto;
    overflow: hidden;
}

.RamaHeaderLewa{
    float: left;
    width: 30%;
    min-width: 300px;
    max-width: 420px;
    text-align: center;    
}

.RamaHeaderPrawa{
    float: left;
    width: 70%;
    min-width: 300px;
    max-width: 980px;
    text-align: center; 
    padding-top: 10px;   
}

.logo{
    width: 100%; 
    height: auto; 
    max-width: 407px;
}

.topAdresMargin{
    margin: 0 auto;
    padding: 15px 0px;
    font-size: 17px;
    line-height: 26px;
    color: #000000;  
}

a.topLink1:link, a.topLink1:active, a.topLink1:visited {color: #ffffff; background-color: #003cff; border: 1px solid #ffffff; font-size: 15px; border-radius:5px; padding: 7px 20px; line-height: 26px; font-weight: 600; text-decoration: none; font-family: Raleway;}
a.topLink1:hover {color:#000000; background-color: #D2D2D2; text-decoration: none;}

a.topLink2:link, a.topLink2:active, a.topLink2:visited {color: #ffffff; background-color: #0c7aaf; border: 1px solid #ffffff; font-size: 15px; border-radius:5px; padding: 7px 20px; line-height: 26px; font-weight: 600; text-decoration: none; font-family: Raleway;}
a.topLink2:hover {color:#000000; background-color: #D2D2D2; text-decoration: none;}

a.topLink3:link, a.topLink3:active, a.topLink3:visited {color: #ffffff; background-color: #14355e; border: 1px solid #ffffff; font-size: 15px; border-radius:5px; padding: 7px 20px; line-height: 26px; font-weight: 600; text-decoration: none; font-family: Raleway;}
a.topLink3:hover {color:#000000; background-color: #D2D2D2; text-decoration: none;}

/*
Menu
*/

.RamaMenu{
    width: 100%;
    padding: 10px 0px 10px 0px;
    height: auto;   
}

.podRamaMenu{
    width: 100%; 
    max-width: 1600px; 
    margin: 0 auto;
    overflow: hidden;
}

.menu_wysrodkowanie{
    margin: 0;
    text-align: center;
}


a.notactive, a.notactive:active, a.notactive:visited {
        height: 29px;
        display: inline-block; 	
        padding: 2px 8px;
        color: #000000;
        font-size:14px;
        line-height: 29px;
        font-weight: 600;
        text-decoration:none;                
        transition:background 300ms ease-in-out;
        margin: 0px 3px;
        box-sizing: content-box;
        border-radius: 4px;
        border: #ffffff 1px solid;
}

a.active, a.active:visited, a.notactive:hover {

        height: 29px;
        display: inline-block; 			
        padding: 2px 8px;
        color:#000000;
        font-size:14px;
        line-height: 29px;
        font-weight: 600; 
        background-color: #ffffff;
        text-decoration:none;
        transition:background 400ms ease-in-out;
        margin: 0px 3px;
        box-sizing: content-box;  
        border-radius: 4px; 
        border: #0b7bae 1px solid;   
} 

/*
Wysuwane menu
*/


.RamaMenuWysuwane{
    width: 100%;
    padding: 10px 0px 10px 0px;
    height: auto;  
    background-color: #ffffff;  
}

.podRamaMenuWysuwane{
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto;
    overflow: hidden;
}

#secondary {
    height: 70px;
    position: fixed;
    top: -120px; /* = -wysokosc naglowka */
    left: 0; right: 0;
    opacity: 0;
    transition: all 0.4s;
    z-index:999999;
}

#secondary.visible {
    top: 0;
    opacity: 1;
}

#content {
    height: 3000px;
}

.RamaMenuMobi{
    display: none;  
}

/*
Przedziałki
*/

.Rama2{
    width: 100%; 
    background-color: #0b7bae;
    background: linear-gradient(to right, #ffffff 10%, #0b7bae 40%); 
}

.podRama2{
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto;
    height: 10px;
}


/*
Pasek ikony
*/

.RamaIkony{
    width: 100%;
    padding: 25px 0px 25px 0px;
    height: auto;   
    background-color: #ffffff;  
}

.podRamaIkony{
    width: 100%; 
    max-width: 1400px; 
    margin: 0 auto;
    overflow: hidden;
}

.RamaIkonyLewa{
    float: left;
    width: 33.3%;
    min-width: 300px;
    max-width: 566px;
    text-align: center;    
}


.RamaIkonyMargin{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0px 20px 0px;
}

.Iko1{
    width:100%;
    display: block; 
    margin: 0 auto; 
    padding-bottom: 15px;
    max-width: 170px;
}

.Iko2{
    width:100%;
    display: block; 
    margin: 0 auto; 
    padding-bottom: 15px;
    max-width: 170px;
}

.TextIkony{
    font-size: 15px;
    line-height: 21px;
    color: #000000;
    padding-top: 15px;
}


a.LinkIkony:link, a.LinkIkony:active, a.LinkIkony:visited {color: #3f3e40; font-size: 20px; font-weight: 600; line-height: 30px; text-decoration: none;}
a.LinkIkony:hover {color: #0b7bae; text-decoration: none;}


.marginGuzik{
    text-align: right; 
    margin: 30px 0px 10px 0px;
}

.liniaMorski{
    background-color: #cee7e8; 
    width: 100%; 
    height: 1px;
    text-align: center;
    margin: 20px 0px 10px 0px;
}

a.linkGuzikWhite:link, a.linkGuzikWhite:active, a.linkGuzikWhite:visited {font-weight: 600; color: #ffffff; background-color: #0b7bae; border: 1px #0b7bae solid; font-size: 15px; line-height: 22px; border-radius: 3px; padding: 5px 16px; text-decoration: none;}
a.linkGuzikWhite:hover {background-color: #ffffff; color: #000000; text-decoration: none;}










.RamaNewsLewa{
    float: left;
    width: 50%;
    min-width: 300px;
    max-width: 700px;
    text-align: center;    
}

.RamaNewsPrawa{
    float: right;
    width: 50%;
    min-width: 300px;
    max-width: 700px;
    text-align: center;    
}


.RamaNewsMargin{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #000000;    
}

.NewsNaglowek{
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    color: #00638a;
}


.liniaWhite{
    background-color: #ffffff; 
    width: 100%; 
    height: 1px;
    text-align: center;
    margin: 20px 0px;
}



/*
HomeBlokDol2
*/

.RamaBlokDol2{
    width: 100%;
    padding: 50px 0px 50px 0px;
    height: auto;   
}

.podRamaBlokDol2{
    width: 100%; 
    max-width: 1400px; 
    margin: 0 auto;
    overflow: hidden;
}

.BlokDol2{
    width: 80%; 
    max-width: 1200px; 
    margin: 0 auto;
    text-align: left;
}

.BlokDolLead2{
    font-size:32px;
    line-height: 42px;
    color: #013561;
    font-weight: 600;
    padding: 0px 0 10px 0px;
    font-family: Raleway;
    text-align: left;
}

a.HomeLinkDol2:link, a.HomeLinkDol2:active, a.HomeLinkDol2:visited {color: #ffffff; background-color: #0c7aaf; font-size: 16px; border-radius:5px; padding: 8px 18px; line-height: 26px; font-weight: 600; text-decoration: none; font-family: Raleway;}
a.HomeLinkDol2:hover {color:#ffffff; background-color: #013561; text-decoration: none;}

.Newstext2{
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    padding-top: 20px;
}


/*
Stopka
*/

.RamaStopka{
    width: 100%;
    padding: 20px 0px 20px 0px;
    height: auto;    
}

.RamaStopkaPodstrona{
    width: 100%;
    padding: 45px 0px 45px 0px;
    height: auto;  
}

.podRamaStopka{
    width: 100%; 
    max-width: 1400px; 
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px;
}

.RamaStopkaLewa{
    float: left;
    width: 33.33%;
    min-width: 200px;
    max-width: 462px;
    text-align: center;    
}

.RamaStopkaPrawa{
    float: left;
    width: 10%;
    min-width: 60px;
    max-width: 120px;
    text-align: center;    
}

.RamaStopkaMargin{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color:
}

.StopkaText{
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: #013561;
}

.morski{
    color: #0b7bae;
}

.RamaLinia{
    width: 100%;
    padding: 20px 0px;
    height: auto;    
}

.podRamaLinia{
    width: 100%; 
    max-width: 1600px; 
    margin: 0 auto;
    overflow: hidden;
}

.liniaBlack{
    background-color: #000000; 
    width: 90%; 
    height: 1px;
    text-align: center;
    margin: 0 auto;
}

a.LinkStopka:link, a.LinkStopka:active, a.LinkStopka:visited {color: #000000; font-size: 15px; font-weight: 600; line-height:23px; text-decoration: none;}
a.LinkStopka:hover {color: #0b7bae; text-decoration: none;}

a.LinkStopkaPodstrona:link, a.LinkStopkaPodstrona:active, a.LinkStopkaPodstrona:visited {color: #000000; font-size: 16px; font-weight: 600; line-height:23px; text-decoration: none;}
a.LinkStopkaPodstrona:hover {color: #0b7bae; text-decoration: none;}

.Razem{
    white-space: nowrap;
}

.Copyright{
    margin: 10px 0px 0px 0px;
    font-size: 13px;
    color: #D0D0D0;
}

.RamaStopkaCopyright{
    width: 100%;
    padding-bottom: 35px;
    height: auto;  
}

a.copyright_neone:link, a.copyright_neone:active, a.copyright_neone:visited {color: #D0D0D0; font-size: 13px; font-weight: 400; text-decoration: none;}
a.copyright_neone:hover {color: #0b7bae; text-decoration: none;}


.logo_stopka{
    width: 100%; 
    height: auto; 
    max-width: 250px;
}

.liniaSzaraStopka{
    background-color: #dadada; 
    width: 80%; 
    height: 1px;
    text-align: center;
    margin: 0 auto;
}




.ban_bok{
    width: 100%;
    max-width: 250px;
    border: 1px solid #002948;
}

/*
Home Telefon
*/

.RamaProduktyTelefon{
    width: 100%;
    padding: 90px 0px;
    height: auto;   
    background-color: #293b51;  
    background-image: url(gfx/tlo_home_tel.jpg); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center center;      
}



.podRamaProduktyTelefon{
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto;
}

.HomeTelefonText{
    font-size: 42px;
    line-height: 56px;
    color: #ffffff;   
}


a.HomeTelefon:link, a.HomeTelefon:active, a.HomeTelefon:visited {color: #ffffff; font-size: 42px; line-height: 56px; font-weight: 600; text-decoration: none;}
a.HomeTelefon:hover {color:#3cb4df; text-decoration: none;}

a.HomeNapiszDoNas:link, a.HomeNapiszDoNas:active, a.HomeNapiszDoNas:visited {color: #293b51; background-color: #3cb4df; font-size: 23px; border-radius:20px; padding: 12px 30px; line-height: 33px; font-weight: 600; text-decoration: none;}
a.HomeNapiszDoNas:hover {color:#ffffff; background-color: #0c7aaf; text-decoration: none;}


/*
Galeria
*/

.tabela_foto3{
    vertical-align: middle; 
    margin: 0 auto;
}

.tabela_komorka3{
    width: 235px; 
    vertical-align: middle;  
    display: inline-block; 
    padding: 10px 5px;
}

.tabela_margines3{
    display: block; 
    margin: 0 auto; 
    border-radius: 10px; 
}



/*
Aktualnosci
*/
a.aktualnosciLink1:link, a.aktualnosciLink1:active, a.aktualnosciLink1:visited {color: #0b78b8; font-size: 21px;line-height: 31px; font-weight: 600; margin: 5px 0px 20px 0px; text-decoration: none;}
a.aktualnosciLink1:hover {color:#000000; text-decoration: none;}

a.aktualnosciLink2:link, a.aktualnosciLink2:active, a.aktualnosciLink2:visited {color: #0b78b8; font-size: 16px;line-height: 29px; font-weight: 600;text-decoration: none;}
a.aktualnosciLink2:hover {color:#000000; text-decoration: none;}

.DataAktualnosci{
    color: #000000; 
    font-size: 16px;
    font-weight: 600; 
    text-decoration: none; 
    font-family: Raleway;
}

.TematAktualnosci1{
    color: #0b78b8; 
    font-size: 21px;
    line-height: 31px; 
    font-weight: 600; 
    text-decoration: none; 
    font-family: Raleway;
    margin: 5px 0px 10px 0px;
}

.AktualnosciText1{
    font-size: 16px;
    line-height: 29px;
    color: #2c2c2c;
    text-align: left;
    padding-bottom: 20px;
}

.liniaSzaraAktualnosci{
    background-color: #dadada; 
    width: 100%; 
    height: 1px;
    text-align: center;
    margin: 30px 0px;
}


/*
Kontakt
*/
.RamaPodstronaKontakt{
    width: 100%;
    padding: 10px 0px 45px 0px;
    height: auto;    
}


.RamaLewa{
    float: left;
    width: 50%;
    min-width: 300px;
    max-width: 600px;
    text-align: center;    
}

.RamaPrawa{
    float: left;
    width: 50%;
    min-width: 300px;
    max-width: 600px;
    text-align: center;    
}

.TextPodNaglowek4{
    font-size: 17px;
    line-height: 32px;
    color: #000000;
    text-align: left;
    
}

.TextPodNaglowek2{
    font-size: 17px;
    line-height: 32px;
    color: #000000;
}

.podRamaPodstronaMargin{
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;   
}

.liniaSzara{
    background-color: #DDDDDD; 
    width: 40%; 
    height: 2px;
}

h1.naglowek_podstrona_kontakt{
    font-size: 40px;
    color: #0c7aaf;
    font-weight: 300;
    text-align:  left;
}

.imgIko{
    vertical-align: middle;
}


a.LinkKontakt:link, a.LinkKontakt:active, a.LinkKontakt:visited {color: #000000; font-size: 16px; font-weight: 400; line-height:42px; text-decoration: none;}
a.LinkKontakt:hover {color: #0c7aaf; text-decoration: none;}

/*
Formularz
*/
.site_form{
    margin: 0 auto;
    text-align: center;
    font-size: 17px;  
    line-height: 28px; 
    color: #4B4B4B; 
    padding-top: 15px; 
}


.form_button{
    cursor: pointer; 
    color: #ffffff; 
    font-size: 16px; 
    line-height: 26px; 
    border: 0; 
    background-color: #0b7bae; 
    font-weight: 600;
    border-radius: 2px; 
    padding: 2px 16px;
    font-family: Raleway;
}

.form_button:hover {
    cursor: pointer; 
    color: #ffffff; 
    font-size: 16px; 
    line-height: 26px; 
    font-weight: 600;
    border: 0; 
    background-color: #3f3e40; 
    border-radius: 2px; 
    padding: 2px 16px;
}

.txtFieldWybor {
    border: #c3c3c3 1px solid;  
    padding: 5px; 
    font-size: 17px; 
    color: #000000; 
    font-family: Segoe UI, Tahoma, Helvetica, Sans-Serif;
    text-align: center;
}


.site_form{
    width:100%;
    margin: 0 auto; 
}


div.pds label {
    text-align: left; 
    width:100%; 

    padding:10px 10px 1px 0;
}


.form {
    padding: 0px 0px;
}



div.pds label span {

    color:#000000; 
    float:left;
    width:200px; 
    text-align:right; 
    line-height: 46px;
    padding-right: 10px;
    font-size: 17px;
    font-family: Segoe UI, Tahoma, Helvetica, Sans-Serif;
}

.txtField_pusty {
    border: #c3c3c3 1px solid; 
    padding: 4px 9px; 
    font-size: 16px; 
    COLOR: #000000;
    FONT-FAMILY: tahoma; 
    BACKGROUND-COLOR: #ffffff; 
    TEXT-DECORATION: none;   
    -webkit-border-radius: 2px; 
    border-radius: 2px;
    margin: 5px;
    text-align: center;
}

.txtField_kolor {
    border: #c3c3c3 1px solid; 
    padding: 4px 9px; 
    font-size: 16px; 
    COLOR: #000000;
    FONT-FAMILY: tahoma; 
    BACKGROUND-COLOR: #FFEDED; 
    TEXT-DECORATION: none;   
    -webkit-border-radius: 2px; 
    border-radius: 2px;
    margin: 5px;
    text-align: center;
}

.txtField_pusty:focus {
    background: #F0F0F0;}
    
    
/*
Mapka
*/

.google-maps {
    position: relative;
    padding-bottom: 400px;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.mapka_frame {
    border: 0;
    width: 916px;
    height: 200px;  
}



/*
Tabelki
*/

.oferta_pds1{
    padding: 10px 50px; 
    color: #000000;
    text-align: center;
    font-size: 18px
}

table {
    margin: 0 auto; 
    text-align: center;
    padding: 0px
}

td {
    padding: 10px; 
    background-color: #494949; 
    color: #ffffff
}

.tabela_naglowek{
    padding: 10px; 
    background-color: #0095da; 
    color: #000000;
}

.tabela_przedzialka{
    height: 1px; 
    background: #DDDDDD; 
    border: 0px; 
    margin: 20px 100px;
}







/*
Podstrona
*/

.RamaPodstrona{
    width: 100%;
    padding: 45px 0px 45px 0px;
    height: auto;    
}

.podRamaPodstrona{
    width: 100%; 
    max-width: 1300px; 
    margin: 0 auto;
    overflow: hidden;
}

.PodstronaLewa{
    float: left;
    width: 30%;
    min-width: 200px;
    max-width: 390px;
    text-align: center;    
}

.PodstronaLewaKontakt{
    float: left;
    width: 30%;
    min-width: 300px;
    max-width: 360px;
    text-align: center;    
}

.PodstronaPrawa{
    float: right;
    width: 70%;
    min-width: 300px;
    max-width: 910px;
    text-align: center;    
}

.RamaPodstronaMargin{
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

.RamaPodstronaMarginKontakt{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

h1.naglowek_podstrona{
    font-size: 30px;
    color: #0c7aaf;
    font-weight: 300;
    text-align:  right;
}

.PodstronaText1{
    font-size: 17px;
    line-height: 28px;
    color: #2c2c2c;
    padding-top: 15px;
    text-align: justify;
}

a.LinkPodstrona1:link, a.LinkPodstrona1:active, a.LinkPodstrona1:visited {color: #00638a; font-size: 18px; font-weight: 400; line-height:28px; text-decoration: none;}
a.LinkPodstrona1:hover {color: #0095da; text-decoration: none;}

.LogoKontakt{
    display: block; 
    margin: 0 auto; 
    padding-top: 45px;
    max-width: 170px;
    height: auto;
}

.RamaPodstronaMargin li{
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 10px;
}



.RamaBlokFotoHome1{
    width: 100%;
    height: 450px;  
    background-image: url(gfx/podstrona_tlo1.jpg); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center center;    
}

.RamaBlokFotoHome2{
    width: 100%;
    height: 450px;  
    background-image: url(gfx/podstrona_tlo2.jpg); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center center;    
}


.podRamaBlokFotoHome{
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto;
    overflow: hidden;
}

/*
Mapka
*/

.google-maps {
    position: relative;
    padding-bottom: 400px;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.mapka_frame {
    border: 0;
    width: 916px;
    height: 200px;  
}


/*
Menu boczne podstrona
*/

.menu_boczne_margin {
    width: 90%; 
    margin: 0 auto; 
    text-align: left; 
    padding: 30px 0px 30px 0px;
}

a.link_menu_boczne:link, a.link_menu_boczne:active, a.link_menu_boczne:visited {color: #013561; font-size: 15px; font-weight: 400; margin: 2px 0px; text-decoration: none;}
a.link_menu_boczne:hover {color: #0095da; text-decoration: none;}

.nolink_menu_boczne {
    color: #0095da; 
    font-size: 15px;
    font-weight: 400; 
    margin: 2px 0px; 
}

.menu_boczne_przedzialka{
    width: 100%; 
    border: 0; 
    height: 1px; 
    background-color: #dadada;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.menu_boczne_przedzialka_mobile{
    width: 100%; 
    border: 0; 
    height: 1px; 
    background-color: #dadada;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.MenuPodstronaMargin{
    margin: 0px 10px;    
}

.BlokTekst{
    width: 90%;
    margin: 0 auto;
    font-weight: 300;
    font-size: 21px;
    line-height: 31px; 
    color: #ffffff;
    text-align: left;   
}

.BlokZobaczWiecejMargin{
    text-align: left; 
    margin-top: 40px;
}



@media (max-width: 1200px) {


.ProduktyNaglowekMargin{
    width: 90%;
    margin: 0 auto;
    text-align: center;    
}


.RamaProduktyLewaPodstrona{
    float: left;
    width: 50%;
    min-width: 300px;
    max-width: 600px;
    text-align: center;    
}


.ProduktIkona{
    width: 100%;
    max-width: 400px;  
    height: auto;  
}

}

@media (max-width: 1000px) {


.ProduktyLinkiMargin{
    width: 90%;
    margin: 0 auto;
    text-align: center;    
}

.RamaHeaderPrawa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 980px;
    text-align: center; 
    padding-top: 20px;   
}


h1.naglowek_podstrona{
    font-size: 30px;
    text-align:  center;
}

h1.naglowek_podstrona_produkty{
    font-size: 40px;
    text-align:  left;
}

.menu_boczne_margin {
    text-align: left; 
}

.RamaProduktyLewa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 1000px;
    text-align: center;    
}

}


@media (max-width: 900px) {
  
.RamaHeaderLewa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 980px;
    text-align: center;    
}

.RamaHeaderPrawa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 980px;
    text-align: center;  
}  
    
.RamaIkonyLewa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 900px;
    text-align: center;    
}

.RamaIkonyLewa2{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 900px;
    text-align: center;    
}

.marginGuzik{
    text-align: center; 
    margin: 30px 0px 10px 0px;
}

.RamaNewsLewa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 900px;
    text-align: center;    
}

.RamaNewsPrawa{
    float: right;
    width: 100%;
    min-width: 300px;
    max-width: 900px;
    text-align: center; 
    margin-top: 20px;   
}

.RamaStopkaLewa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 900px;
    text-align: center;
    padding-bottom: 20px;    
}

.RamaStopkaPrawa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 900px;
    text-align: center;    
}

}



@media (max-width: 700px) {

.RamaHeaderPrawa{
    display: none; 
}  


.RamaHeaderLewa{
    display: none;  
}

.RamaMenu{
    display: none;    
}    
  

.RamaMenuWysuwane{
    display: none;    
}

.RamaMenuMobi{
    display: block; 
    background-color: #ffffff; 
    height: 67px;  
}

.menu_mobile{
    display: block;   
}

.RamaHeader{
    padding: 2px 0px 0px 0px;    
}

.PodstronaLewa{
    display: none;
}

.PodstronaPrawa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 700px;
    text-align: center;    
}

.PodstronaLewaKontakt{
    display: none;
}

.RamaHeaderFlagi{
    display: none;   
}

}


@media (max-width: 600px) {
    
.HomeTelefonText{
    font-size: 26px;
    line-height: 42px;
    font-family: Cairo;  
}

 

   
   
a.HomeTelefon:link, a.HomeTelefon:active, a.HomeTelefon:visited {color: #ffffff; font-size: 26px; line-height: 42px; font-weight: 600; text-decoration: none; font-family: Cairo;}
a.HomeTelefon:hover {color:#00b0ad; text-decoration: none;}

a.HomeNapiszDoNas:link, a.HomeNapiszDoNas:active, a.HomeNapiszDoNas:visited {color: #ffffff; background-color: #00b0ad; font-size: 17px; border-radius:20px; padding: 6px 20px; line-height: 25px; font-weight: 600; text-decoration: none; font-family: Raleway;}
a.HomeNapiszDoNas:hover {color:#ffffff; background-color: #013561; text-decoration: none;}

a.HomeUmowSpotkanie:link, a.HomeUmowSpotkanie:active, a.HomeUmowSpotkanie:visited {color: #ffffff; background-color: #013561; font-size: 17px; border-radius:20px; padding: 6px 20px; line-height: 25px; font-weight: 600; text-decoration: none; font-family: Raleway;}
a.HomeUmowSpotkanie:hover {color:#ffffff; background-color: #013561; text-decoration: none;}


.RamaProduktyLewa{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 600px;
    text-align: center;    
}

.RamaProduktyLewaPodstrona{
    float: none;
    width: 100%;
    min-width: 300px;
    max-width: 600px;
    text-align: center;    
}

.RamaProduktyLewa{    
    height: 100%;
}

.ProduktIkona{
    width: 100%;
    max-width: 300px;  
    height: auto;  
}



.RamaBlokFotoHome1{
    background-image: url(gfx/podstrona_tlo1a.jpg);    
}

.RamaBlokFotoHome2{
    background-image: url(gfx/podstrona_tlo2a.jpg);    
}


.RamaBlokNews{
    width: 100%;
    padding: 40px 0px 70px 0px;
    height: auto;     
}



.RamaPodstrona{
    width: 100%;
    padding: 0px 0px 45px 0px;
    height: auto;    
}

h2.naglowek_produkty{
    text-align: center;
}

h1.naglowek_podstrona_produkty{
    text-align: center;
}

.RamaBlokFotoPodstrona1{
    width: 100%;
    height: auto;
    height: 300px;   
    background-image: url(gfx/tlo_podstrona1_mobi.jpg); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center center;    
}


.RamaBlokFotoPodstrona2{
    width: 100%;
    height: auto; 
    height: 300px;  
    background-image: url(gfx/tlo_podstrona2_mobi.jpg); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center center;    
}

.RamaBlokFotoPodstrona3{
    width: 100%;
    height: auto; 
    height: 300px;  
    background-image: url(gfx/tlo_podstrona3_mobi.jpg); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center center;    
}

}