.clearfix 			{ clear: both; }

body {
    padding:0;
    margin:0 auto;
    text-align:center;
    font-family:Arial, sans-serif;
    font-size: 12px;
    line-height:24px;
    color:#5a5a5a;
    width:100%;
    background: #ffffff;
    margin: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Wrapper */
.wrap {
    width: 100%;
    max-width: 976px;
    padding:0 20px;
    margin:0 auto;
}

@media (min-width: 1016px) {
    .wrap {
        padding: 0;
    }
}

/* Header */
header {
    width: 100%;
    background: #fff url('../images/header_bg.jpg') left bottom repeat-x;
    padding: 27px 0;
    float: left;
}

header #logo {
    width: 100%;
    float: left;
}

header #logo a {
    display: block;
    float: left;
}

header #logo a img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

header #phone {
    display: none;
}

@media (min-width: 768px) {
    header #logo {
        width: auto;
    }

    header #phone {
        display: block;
        width: auto;
        float: right;
        margin: 0;
    }

    header #phone p {
        color: #149cff;
        font-family: "Times New Roman", Georgia, Serif;
        font-size: 20px;
        margin: 28px 0 0 0;
    }
}

@media (min-width: 1016px) {
    header {
        padding: 27px 0;
    }
}

/* Section */
section {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
}

section.grey {
    background: #EFEFEF;
}

/* Left */
#left {
    width: 100%;
    float: left;
}

@media (min-width: 768px) {
    #left {
        width: 200px;
        margin-top: 20px;
    }
}

/* Right */
#right {
    width: 100%;
    float: left;
}

@media (min-width: 768px) {
    #right {
        width: calc(100% - 200px);
        margin-top: 20px;
    }
}

/* Mobile menu */
#show-mobile-menu {
    display: block;
    width: 100%;
    background: #000;
    text-align: center;
    padding: 5px 0;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

#show-mobile-menu img {
    display: block;
    margin: 0 auto;
}

#mobile-menu {
    display: none;
    width: 100%;
    float: left;
}

#mobile-menu ul {
    list-style: none;
    width: 100%;
    border: 1px solid #dee2e9;
    padding: 0;
    float: left;
    margin: 0;
}

#mobile-menu ul li {
    width: 100%;
    height: 50px;
    background: #fff url('../images/mbg1.jpg') right center no-repeat;
    border-bottom: 1px solid #dee2e9;
    float: left;
}

#mobile-menu ul li:last-child {
    border-bottom: none;
}

#mobile-menu ul li a {
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-weight: bold;
    color: #5a5a5a;
    text-align: left;
    text-decoration: none;
    padding-left: 20px;
    float: left;
}

#mobile-menu ul li:hover {
    background: #149cff url('../images/mbg2.jpg') right center no-repeat;
    border-bottom: 1px solid #dee2e9;
    float: left;
}

#mobile-menu ul li:hover a {
    color: #fff;
}

@media (min-width: 768px) {
    #show-mobile-menu {
        display: none !important;
    }

    #mobile-menu {
        display: none !important;
    }
}

/* Menu */
#menu {
    display: none;
}

@media (min-width: 768px) {
    #menu {
        display: block;
        width: 100%;
        border: 1px solid #dee2e9;
        float: left;
    }

    #menu ul {
        list-style: none;
        width: 100%;
        padding: 0;
        float: left;
        margin: 0;
    }

    #menu ul li {
        width: 100%;
        height: 50px;
        max-height: 75px;
        background: #fff url('../images/mbg1.jpg') right center no-repeat;
        border-bottom: 1px solid #dee2e9;
        float: left;
        position: relative;
    }

    #menu ul li:last-child {
        border-bottom: none;
    }

    #menu ul li a {
        display: block;
        width: 100%;
        height: 100%;
        color: #5e5e5e;
        font-family: "Times New Roman", Georgia, Serif;
        text-align: left;
        font-size: 18px;
        text-decoration: none;
        line-height: 50px;
        padding: 0 20px;
        float: left;
    }
    
    #menu ul li > ul {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 99999;
    }

    #menu ul li > ul li a {
        color: #5e5e5e;
    }

    #menu ul li:hover {
        background: #149cff url('../images/mbg2.jpg') right center no-repeat;
    }

    #menu ul li:hover a {
        color: #fff;
    }

    #menu ul li:hover > ul {
        display: block;
    }
}

/* Top slider */
#top-slider {
    width: 100%;
    float: left;
}

#top-slider .slide {
    width: 100%;
    float: left;
}

#top-slider .slide img {
    display: block;
    width: auto;
    max-width: 100%;
    min-width: 100%;
    height: auto;
}

/* Logos slider */
#logos-slider {
    width: 100%;
    border-top: 1px solid #dee2e9;
    padding-top: 20px;
    float: left;
}

#logos-slider .slide {
    width: 100%;
    border-left: 1px dotted #dee2e9;
    padding: 20px;
    float: left;
}

#logos-slider .slide .photo {
    width: 100%;
    float: left;
}

#logos-slider .slide .photo img {
    display: block;
    width: auto;
    max-width: 152px;
    height: auto;
    max-height: 152px;
    margin: 0 auto;
}

#logos-slider .slide ul {
    list-style: none;
    width: 100%;
    padding: 0;
    float: left;
    margin: 5px 0 0 0;
}

#logos-slider .slide ul li {
    width: 100%;
    background: url('../images/li.gif') left center no-repeat;
    padding: 0 0 0 20px;
    text-align: left;
    float: left;
}

#logos-slider .slide a {
    display: inline-block;
    background: #149cff;
    color: #fff;
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 2px 15px;
    margin: 10px auto 0 auto;
}

#logos-slider .slide a:hover {
    text-decoration: underline;
}

/* Bottom slider */
#bottom-slider {
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#bottom-slider .slide {
    width: 100%;
    float: left;
}

#bottom-slider .slide .photo {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 10px;
}

#bottom-slider .slide .photo img {
    margin: 0 auto;
    border: 2px solid #fff;
}

#bottom-slider .slide .text {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 10px;
    margin-bottom: 25px;
}

#bottom-slider .slide .text h2 {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 5px;
}

#bottom-slider .slide .text h3 {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-top: 10px;
}

@media (min-width: 768px) {
    #bottom-slider .slide .photo {
        width: 160px;
        height: 160px;
        float: left;
        margin-bottom: 0;
        overflow: hidden;
    }

    #bottom-slider .slide .photo img {
        width: auto;
        min-width: 100%;
        height: auto;
        min-height: 100%;
    }

    #bottom-slider .slide .text {
        width: calc(100% - 160px);
        text-align: left;
        float: left;
        padding-left: 40px;
        margin-top: 0;
        margin-bottom: 0;
    }

    #bottom-slider .slide .text h2 {
        text-align: left;
    }

    #bottom-slider .slide .text h3 {
        text-align: left;
    }
}

/* Footer */
footer {
    width: 100%;
    border-top: 1px solid #E4E4E4;
    text-align: center;
    padding: 10px 0;
    float: left;
    margin: 10px 0 0 0;
}

footer p {
    margin: 0;
}

footer p a {
    color: #5a5a5a;
    text-decoration: none;
}

footer p a:hover {
    color: #149cff;
}

@media (min-width: 768px) {
    footer p.copyright {
        float: left;
        margin-left: 10px;
    }

    footer p.author {
        float: right;
        margin-right: 10px;
    }
}


article {
position:relative;
clear:none;float:left;
font-family:arial;
color:#5b5b5b;
}

.timg {
position:relative;
clear:none;
float:left;
padding:0px 25px 25px 0px;
} 

.tart {
border-top:1px solid #dee2e9;
padding-top:20px;
margin-top:20px;
text-align:justify;
width:100%;
}

.ztxt {
position:relative;
clear:none;
float:left;
padding:0px 0px 25px 25px;
border-left:1px dotted #dee2e9;
width:100%;

}

#jezyki {
position:absolute;
top:30px;
right:0px;
width:240px;
height:65px;

}

.langs {
position:relative;
clear:none;float:left;
width:40px;
height:px;
font-size:20px;
text-align:center;
font-family:times new roman;
color:#616161;
text-decoration:none;
border-top:1px solid #dee2e9;
padding:10px 0px;
}

.langs:hover, .slang {
color:#149cff;
}


aside {
padding:0px 30px;
}


.sec_lgray {
position:relative;
clear:none;
float:left;
padding:0;
margin:10px auto;
width: 976px;
height: 220px;

}

.sec_lgray img {
border:1px solid #fff;
float:left;
clear:none;
margin:0px 30px 0px 0px;
}

h1 {
font-family:Times New Roman;
color:#149cff;
font-size:30px;
font-weight:normal;
padding:20px 0px 0px 0px;
text-align:left;
}

h2 {
font-family:Times New Roman;
color:#5b5b5b;
font-size:30px;
    line-height: 30px;
font-weight:normal;
padding:0px;
margin:0px;
text-align:left;
/*xline-height:40px;*/
}

h3 {
font-family:Times New Roman;
color:#149cff;
font-size:18px;
font-weight:normal;
padding:0px 20px 0px 0px;
margin:0px;
text-align:left;
}

small {
font-size:11px;
margin:0;
padding:0;
}

#infopath, .infopath {
    width: 100%;
    float: left;
position:relative;
padding:10px 30px;
min-height:20px;
height:auto;
margin:0px auto;
text-align:left;
}

.p30 {
padding:15px;
}

.m30 {
margin:15px;
}

hr { 
height: 0 !important; 
height: 1px; /* wysokosc pod ie */ 
color: #E5E5E5; /* kolor pod ie */ 
background: transparent; 
border-width: 1px 0 0 0; 
border-color: #E5E5E5; 
border-style: solid; 
} 

.crumb {
text-decoration:none;
color:#a9a9a9;
font-size:11px;
}

.crumb:hover {
text-decoration:underline;
color:#5b5b5b;
}

.s_title_2 {
float:left;
padding:0px 25px;
margin:0;
text-align:left;
width: 100%;
}

.s_main_2 {
float:left;
width:100%;
padding:0px 25px;
margin:0;
text-align:left;
}


.div_main_2 {
position:relative;
clear:none;
float:left;
width:781px;
padding:0;
margin:0;
xbackground-color:#fff;
}

/*********************************************************/
/* MENU **************************************************/



#menu_side {
position:relative;
clear:none;
float:left;
width:195px;
xheight:420px;
overflow:hidden;

}

#menu_side ul {
text-align:left;
margin:0px;
padding:0px;
position:relative;
clear:none;
float:left;
}

#menu_side ul li {
text-align:left;
margin:0px;
padding:0px;
position:relative;
clear:none;
float:left;
}

#menu_side ul li  a {
text-align:left;
margin:0px;
padding:20px 20px;
width:154px;
height:29px;
background:url(../images/mbg1.jpg) #fff center right no-repeat;
background-color:#fff;
color:#5e5e5e;
font-size:18px;
font-family: times new roman;
text-decoration:none;
border-left:1px dotted #dee2e9;
border-bottom:1px solid #dee2e9;
position:relative;
clear:none;
float:left;
}

#menu_side ul li  a:hover {
background:url(../images/mbg2.jpg) #139cff center right no-repeat;
color:#fff;
}

#show_menu {background:black;}
#mobile_menu, #show_menu {display:none;}
#mobile_menu li, #mobile_menu ul {list-style-type: none;padding: 0px;margin: 0px;width:100%;background:#139cff;}
#mobile_menu a {text-decoration:none;color:#fff;font-weight:bold;}
#mobile_menu {padding:10px 0px;background:#139cff}

#mobile_strip {position:relative;width:320px;}
#mobile_strip_l {position:absolute;top:1px;left:0px;width:40px;height:360px;display:block;z-index:100;background:#fff;display:none;}
#mobile_strip_p {position:absolute;top:1px;right:0px;width:50px;height:360px;display:block;z-index:100;background:#fff;display:none;}

/*.logo-oferta {float:left;margin:7px;}*/
/*.logo-oferta  img {width:90px;}*/

.logo-oferta {
    width: 100%;
    float: left;
    text-align: center;
    padding: 15px 0;
}

@media (min-width: 480px) {
    .logo-oferta {
        width: 50%;
    }
}

@media (min-width: 650px) {
    .logo-oferta {
        width: 33.33%;
    }
}

@media (min-width: 1016px) {
    .logo-oferta {
        width: 25%;
    }
}

.others-logo img {width:90px;}

a {color:#149cff;}
a:hover {color:#616161;}

.tart ul {margin: 0px;padding: 0px 0px 0px 15px;}
.tart ul li {margin: 0px;padding: 0px;list-style-image: url(../images/li.gif);}


/*.gal {clear:none;float:left;padding:10px;}*/

.gal {
    width: 100%;
    float: left;
    padding: 10px;
    text-align: center;
    overflow: hidden;
}

@media (min-width: 768px) {
    .gal {
        width: 33.33%;
    }
}

.bmore {
    display: inline-block;
    background: #149cff;
    color: #fff;
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 2px 15px;
    margin: 10px auto 0 auto;
}

.bmore:hover {
    color: #fff;
    text-decoration: underline;
}