/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-07-01, 13:51:21
    Author     : Tom
*/
p, a, h1, h2, h3, h4, h5, h6, li, button, .tekst, .nagl {
    font-family: 'Lato Regular', sans-serif;
    margin: 0;
    padding: 0;
}
#produktOpis {
    font-size: 14px;
    font-family: 'Lato Regular';
}
a{
    text-decoration: none;
    /*color: white;*/
    outline: 0;
}
h2 {
    font-size: 24px;
    font-family: 'Lato Regular', sans-serif;
}
h4 {
    font-size: 18px;
    font-family: 'Lato Regular';
}
h5 {
    font-size: 14px;
    font-family: 'Lato Regular', sans-serif;
}
#content{
    height: 100%;
    overflow: hidden;
}
#menu{
    height: 51px;
    position: relative;
    width: 100%;
    z-index: 99;
}
#cooperators{
    background: white;
    height: 80px;
}
#menu_container{
    background: rgba(0, 0, 0, 0) url("/public/images/strona/menu_bg.jpg") repeat-x scroll 0 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    overflow: hidden;
    padding-bottom: 3px;
    padding-top: 2px;
    position: absolute;
    width: 1100px;
}
#menu_container .menu0{
    border: 1px solid #d4d4d4;
    height: 47px;
}
.menu0 .dl_lvl1{
    background: rgba(0, 0, 0, 0) url("/public/images/strona/menu_bg.jpg") repeat-x scroll 0 -10px;
    border-bottom: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    height: 38px;
    padding-bottom: 2px;
    padding-top: 1px;
}
.menu0 .lvl0.lvl0_first{
    border-left: 1px solid #d4d4d4;
}
#menu_container li{
    font-family: 'Lato Regular', sans-serif;
}
#menu_container > ul > li {
    font-size: 15px;
}
#menu_container > ul > li >ul li {
    font-size: 13px;
}
#menu_container > ul > li:hover{
    border-bottom: 3px solid #9b1c16;
}
#menu_container > ul > li:hover ul{
    display: block;
}
.menu0 .lvl0 a:hover span{
    /*    background: #0d8800 none repeat scroll 0 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        color: white !important;*/
}
.menu0 .lvl1 a.dzieci0 span:hover, .menu0 .lvl1 a.dzieciX span:hover{
    color: #247fbe !important;
}
#left-side{
    width: 247px;
    height: 500px;
    background: #ccc;
}
#right-side{
    width: 819px;
}
#header{
    width: 100%;
    height: 212px;
    position: relative;
    z-index: 9;
}
#header_container{
    position: relative;
}
.content{
    width: 1100px;
}
.active{
    border-bottom: 3px solid #9b1c16;
}
.center{
    margin: 0 auto;
}
span.ile{
    display: none;
}
#languages{
    background: white;
    height: 31px;
}
.myLang{
    width: 27px;
    height: 27px;
    display: inline-table;
}
#lang_container{
    /*float: right;*/
}
#logo{
    height: 74px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    width: 241px;
    display: inline-table;
}
#lang_pl{
    /*background:url(../images/strona/flag_pl.png) no-repeat;*/
}
#lang_gb{
    /*background:url(../images/strona/flag_gb.png) no-repeat;*/
}
#menu .menu0 .dzieci0 > span:first-child, #menu .menu0 .dzieciX > span:first-child{
    color: #4d4d4d;
    display: block;
    font-size: 17px;
    line-height: 47px;
    padding-left: 16px;
    padding-right: 16px;
    text-transform: uppercase;
}
.menu0 .lvl0 .dzieci0 span:hover{
    line-height: 47px;
}
/*#menu .menu0 .dzieci0 > span:first-child:hover, #menu .menu0 .dzieciX > span:first-child:hover{
    line-height: 47px;
}*/
#menu .menu0 .lvl1 .dzieci0 > span:first-child, #menu .menu0 .lvl1 .dzieciX > span:first-child{
    font-size: 16px;
    padding: 0;
    font-family: 'Lato Regular';
    text-transform: none;
}
#menu .menu0 .lvl1 .dzieci0 > span:first-child::before, #menu .menu0 .lvl1 .dzieciX > span:first-child::before {
    content: ">";
    font-family: 'Quicksand-Bold';
    font-size: 14px;
    padding-right: 10px;
}
#menu .menu0 .lvl0:hover .dd_lvl1{
    display: block;
}
#footer-content .menu0 > div span:hover{
    /*color: #247fbe !important;*/
}
#footer .menu0 .lvl0 .dzieci0 span:hover{
    line-height: 19px !important;
}
#menu span{
    font-family: 'Lato Regular',sans-serif;
}

#menu .lvl0>.dzieci0> span:hover, #menu .dzieciX > span:hover{
    color: #247fbe !important;
}

#menu .dd_lvl1{
    border-bottom: 1px solid #d4d4d4;
    display: none;
    margin-top: 0px;
    padding: 0;
    width: 100%;
}
#menu .dd_lvl1 .lvl1{
    padding: 0 14px 0 6px;
}
.dd_lvl1 .lvl1:hover{
    /*background: white;*/
}
#menu .menu0 .lvl0:hover{
    /*    background: #0d8800 none repeat scroll 0 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        color: white !important;
        margin-top: 30px;
        padding-top: 8px;*/
}
#menu .menu0 .lvl0{
    background: rgba(0, 0, 0, 0) url("/public/images/strona/menu_bg.jpg") repeat scroll 0 -4px;
    border-right: 1px solid #e1e1e1;
    float: left;
}
#menu #menuLeft > .menu0 > .lvl0:hover > a span{
    color: #4d4d4d;
    line-height: 47px;
}
#menu .menu0 > .lvl0:hover a.dzieci0 span{
    line-height: 38px;
}
#menu .menu0 .lvl0 a{
    border-bottom: 1px solid #e1e1e1;
    display: block;
    height: 47px;
    width: auto;
}
#my-logo{
    background: rgba(0, 0, 0, 0) url("/public/images/strona/menu_bg.jpg") repeat scroll 0 0;
    float: left;
    margin: 1px;
    padding: 10px;
}
#menu a.dzieci0 span:hover{
    overflow: hidden;
}
#menu .menu0 .lvl0:hover{
    /*border-bottom: 3px solid #9b1c16;*/
    color: black;
}
#menu .menu0 .lvl0:hover a span{
    padding-left: 16px;
    padding-right: 16px;
}
div.menu0 div.lvl0.lvl0_first div.dd_lvl1.dd_id3 div.dl_lvl1 a.dzieci0 span:hover{
    line-height: 38px !important;
}
#menu .lvl0:hover .dd_lvl1 {
    display: block !important;
}
.block {
    display: block;
}
.my-wrapper h1{
    margin: 0;
}
#my-wrapper-inner {
    display: table;
    border-bottom: 1px solid white;
}
#slider h2, .my-wrapper h2{
    font-size: 36px;
    font-family: 'Lato Regular';
    color: #363636;
}
.my-wrapper .content {
    padding: 40px 0 15px;
}
#slider hr{
    margin-top: 27px;
    display: none;
}
.my-wrapper{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#my-banner {
    padding-top: 7px;
}
#my-banner-container {
    display: none;
}
#my-banner-container {
    position: relative;
}
#my-banner-container img{
    width: 100% !important;
    /*height: auto !important;*/
}
.fleft{
    float: left;
}
.fright{
    float: right;
}
#lang-wrapper{
    text-align: right;
}

#menu_facebook{
    background: url("../img/facebook-ico.png") no-repeat scroll 0 0;
    width: 36px;
    height: 36px;
    float: right;
}
#menu_container > ul > li{
    float: left;
    text-transform: uppercase;
}
#menu_container > ul > li {
    text-decoration: none;
    padding: 28px 18px;
    cursor: pointer;
}
#menu_container ul {
    list-style-type:none;
}
#menu_container > ul{
    padding:0;
    margin:0;
    font-size:15px;
    text-align:center;
}
#menu_container > ul > li > ul {
    display: none;
    /*float: none;*/
}
#menu ul li ul li {
    /*display: none;*/
    float: none;
    text-align: left;
    border-bottom: 1px dashed black;

}
#menu_container ul li ul{
    /*background: #ccc none repeat scroll 0 0;*/
    border-bottom: 3px solid #dbdbdb;
    padding: 32px 16px 28px;
    position: absolute;
    background: white;
}
#menu_container > ul > li ul li {
    padding: 5px 0px;
}
#menu_container > ul > li ul li:before{
    content: ">";
    padding-right: 5px;
}
#menu_container > ul > li >ul > li:hover{
    color: #9b1c16;
}


#mycarousel-prev, #mycarousel-next{
    display: block;
    z-index: 9;
}
/*#slider-container {
    background: url("../img/slide1.png") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    margin: 0 auto;
    width: 100%;
}*/
#slider .jcarousel-clip{
    height: 100%;
    overflow: hidden;
}
#jcarousel{
    height: 100%;
}

#content-inner{
    /*margin-top: 24px;*/
    padding-top: 5px;
    position: relative;
}
#kategorie-right{
    position: relative;
}
#kategorie-right-inner{
    /*    margin-top: 24px;
        padding-top: 29px;*/
    position: relative;
}
#kategorie-right{
    background: url(../images/strona/wzorek_bg.png) repeat;
    width: 824px;
    min-height: 650px;
    border-radius: 6px;
    position: relative;
    top: -47px;
}
#kategorie-right-inner{
    background: url(../images/strona/wzorek_bg.png) repeat;
    width: 810px;
    border-radius: 6px;
}
.content-header h2 {
    /*    background: #FFF;
        display: block;
        height: 35px;
        left: -50%;
        padding: 0 20px;
        position: relative;
        text-align: center;*/
}
.product-container{
    width: 260px;
    /*height: 343px;*/
    display: inline-table;
    text-align: center;
    float: left;
    margin-left: 7px;
}
#control-left{
    background: rgba(0, 0, 0, 0) url("../images/strona/arrow_left.png") no-repeat scroll center center;    
    height: 75px;
    left: -80px;
    position: absolute;
    top: 181px;
    width: 48px; 
}
#control-right{
    background: rgba(0, 0, 0, 0) url("../images/strona/arrow_right.png") no-repeat scroll center center;
    height: 75px;
    right: -80px;
    position: absolute;
    top: 181px;
    width: 48px; 
}
.product{
    width: 252px;
    height: calc(343px - 20px);
    border: 1px solid #d9d9d9;
    text-align: center;
    margin: 0 6px;
}
.product-wrapper{
    width: 100%;
    display: inline-table;
}
.product-wrapper form {
    display: inline-table;
    width: 100%;
}
#product-img1{
    background: url("../img/window1.png") no-repeat center center; 
    height: 100%;
}
#product-img2{
    background: url("../img/window2.png") no-repeat center center; 
    height: 100%;
}
#product-img3{
    background: url("../img/window3.png") no-repeat center center; 
    height: 100%;
}
#product-img4{
    background: url("../img/window4.png") no-repeat center center; 
    height: 100%;
}
.product-container h4 {
    padding-top: 4px;
    text-align: center;
    padding-bottom: 7px;
}
.product-container h4 a {
    color: #76191a;
    font-family: 'PT Sans', sans-serif;
}
#footer{
    height: 100px;
    margin-bottom: 40px;
    margin-top: 25px;
    padding-top: 2px;
    width: 100%;
    background: #f6f6f6;
}

#footer h5{
    color: white;
}
#footer p{
    color: #878787;
    text-align: center;
}

#footer-info{
    float: right;
}
#footer-info p{
    font-family: 'Lato Regular';
    font-size: 14px;
    color: black;
}
#footer-info p span{
    font-family: 'Lato Regular';
}
#footer .menu0 a{
    color: white;
    font-size: 14px;
}
.menu0 .dd_lvl2{
    display: none;
}
#footer .menu0 .lvl0 {
    border: none;
    float: left;
    padding-top: 9px;
}
#footer .menu0 .dzieci0 > span:first-child, #footer .menu0 .dzieciX > span:first-child{
    color: #262626;
    font-family: "Lato Regular";
    font-size: 14px;
    padding: 5px 18px 7px;
}
#footer-content{
    padding-bottom: 17px;
    padding-top: 11px;
    border-bottom: 1px solid #d6d6d6;
}
#footer-content .menu0{
    display: table;
    height: 30px;
    margin: 0 auto;
}
#footer-content .lvl0 .dd_lvl1 {
    display: none;
}
#footer .menu0 .lvl0 a:hover span{

}
#stopka{

}
#stopka p{
    color: #969696;
    font-family: "Lato Regular";
    font-size: 12px;
    padding-top: 12px;
}
/****************************************
************* PAGE **********************
****************************************/
#slider-container-page{
    background: url("../img/header-pic1.png") no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    margin: 0 auto;
    width: 100%;    
}
#slider-page{
    width: 100%;
    height: 310px;
    border-bottom: 3px solid #dbdbdb;
    border-top: 3px solid #dbdbdb;
}
.content-header{
    /*margin-left: 50%;*/
    padding-bottom: 15px;
}
#product-page-img1{
    background: url("../img/window-p1.png") no-repeat center center; 
    height: 100%;
}
#product-page-img2{
    background: url("../img/window-p2.png") no-repeat center center; 
    height: 100%;
}
#product-page-img3{
    background: url("../img/window-p3.png") no-repeat center center; 
    height: 100%;
}
#product-page-img4{
    background: url("../img/window-p4.png") no-repeat center center; 
    height: 100%;
}
#product-page-img5{
    background: url("../img/window-p5.png") no-repeat center center; 
    height: 100%;
}
#product-page-img6{
    background: url("../img/window-p6.png") no-repeat center center; 
    height: 100%;
}
#product-page-img7{
    background: url("../img/window-p7.png") no-repeat center center; 
    height: 100%;
}
#product-page-img8{
    background: url("../img/window-p8.png") no-repeat center center; 
    height: 100%;
}
#product-page-img9{
    background: url("../img/window-p9.png") no-repeat center center; 
    height: 100%;
}
#content-page-inner{
    border-top: 1px solid #dedede;
    height: 472px;
    margin-bottom: 60px;
    margin-top: 47px;
    padding-top: 48px;
    position: relative;
}
#content-page-inner h2{
    background: #FFF;
    display: block;
    height: 35px;
    left: -50%;
    padding: 0 20px;
    position: relative;
    text-align: center;
}
#pagination{
    width: 125px;
}
.pagination{
    background: #ccc none repeat scroll 0 0;
    float: left;
    height: 20px;
    margin: 5px;
    padding: 5px 9px;
    width: 10px;
    font-size: 14px;
    background: #dbdbdb;
}
.active-pagination{
    background: #9b1c16;
    color: white;
}
#kategorie {
    width: 100%;
    overflow: hidden;
    padding-top: 40px;
}

#kategorie-left{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fdfdfd+43,f8f8f8+85,f6f6f6+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(253,253,253,1) 43%, rgba(248,248,248,1) 85%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(43%,rgba(253,253,253,1)), color-stop(85%,rgba(248,248,248,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 43%,rgba(248,248,248,1) 85%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 43%,rgba(248,248,248,1) 85%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 43%,rgba(248,248,248,1) 85%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(253,253,253,1) 43%,rgba(248,248,248,1) 85%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    /*height: 500px;*/
    margin-top: 0;
    width: 252px; 
}
#kategorie-name{
    width: 253px;
}
#kategorie-name h3{
    color: #000000;
    font-family: "Lato Regular",sans-serif;
    font-size: 24px;
    padding: 2px 15px 15px 0;
    height: 34px;
}
#triangle_down {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 9px solid #7B1A1C;
    height: 0;
    margin-left: 22px;
    width: 0;
}
#kategorie-kontainer {
    overflow: hidden;
}
#kategorie .product{
    margin: 0 5px;
}
.stronicowanie{
    width: 100%;
}
.stronicowanie .box_pager {
    display: table;
    margin: 0 auto;
}
.stronicowanie a {
    background: #dbdbdb none repeat scroll 0 0;
    color: black;
    display: block;
    float: left;
    font-size: 14px;
    height: 20px;
    margin: 1px;
    padding: 5px 9px;
    width: 10px;
}
.link_aktywny_stronicowanie{
    background: #9b1c16 none repeat scroll 0 0 !important;
    color: white !important;
}

.jcarousel-control {
    bottom: 29px;
    /*display: table;*/
    display: none;
    left: 10px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 9999 !important;
}

#montaz{
    padding-right: 10px;
}
.montaz-wrapper{
    width: 100%;
    display: block;
    border: 5px solid #f2f2f2;
    overflow: hidden;
    margin: 22px 0;
}
.montaz-name{
    width: 444px;
    border-right: 5px solid #f2f2f2;
    height: 63px;
}
.montaz-name span{
    display: block;
    font-family: "Lato Regular",sans-serif;
    font-size: 15px;
    padding: 19px 20px;
}
.montaz-kontakt{
    width: 360px;
    height: 63px;
    background: #f7f7f7;
}
.montaz-kontakt span{
    display: block;
    font-family: "ALato Regular";
    font-size: 15px;
    padding: 19px 11px 16px 56px;
}
.montaz-telefon {
    background:#f7f7f7 url("../images/strona/phone-icon.png") no-repeat scroll 9px 15px
}
.montaz-email{
    background:#f7f7f7 url("../images/strona/email-icon.png") no-repeat scroll 9px 15px
}
.montaz-tekst{
    padding: 10px 0;
}
#content-inner{
    /*background: white none repeat scroll 0 0;*/
    border-radius: 6px;
}
.product-details{
    border: 5px solid #f2f2f2;
    text-align: center;
    margin: 0 6px;
}
#produktImgDiv{
    border: 1px solid #d9d9d9;
    height: 270px;
    text-align: center;
    width: 270px;
    margin: 15px;
}
#produktImgDiv .product-details{
    border: none;
}
#produktImgDiv:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#produktImgDivInner{
    display: inline-table;
    vertical-align: middle;
}
#produktMain {
    overflow: hidden;
}
#produktOpis{
    text-align: justify;
    padding: 15px 30px 15px 15px;
    font-weight: 14;
    color: #2b2b2a;
}
#product-details .content-header h2{
    left: 0;
    padding: 0 20px 0;
}
#product-details .content-header{
    margin-left: 0; 
}
#product-details{
    position: absolute;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
.menu0 .lvl0_active{
    /*border-bottom: 3px solid #9b1c16;*/
}
#kategorie-kontainer .tekst div {
    font-size: 15px;
}

.itemsNowosci, .itemsPromocje, .itemsPolecane {
    display: table;
}
.product{
    height: 270px;
}
.product:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.product-element{
    display: inline-table;
    vertical-align: middle;

}
#kategorie-right .product-container .product{
    width: 150px;
    height: 150px;
    position: relative;
}
#kategorie-right .product-container .itemOpis{
    left: 170px;
    position: absolute;
    top: 0;
    width: 590px;
}
#kategorie-right .product-container{
    width: calc(100% - 9px);
}
#kategorie-right .product-container h4{
    text-align: left;
}
#kategorie-right #kategorie .product{
    margin: 0;
}
#kategorie-right .product{
    margin: 0;
}
#kategorie-right .product-container h4{
    padding-top: 0;
}
#kategorie-right .itemOpis span {
    color: #2b2b2a;
    display: block;
    font-family: "Lato Regular";
    font-size: 14px;
    text-align: justify;
}

.nagl{
    font-size: 20px;
    padding-bottom: 13px;
    padding-left: 13px;
}
#produkt .nagl{
    font-size: 16px;
    padding: 5px 15px;
    font-family: 'Lato Regular';
    color: white;
    background: rgba(0, 0, 0, 1) url("../images/strona/wzorek_bg_black.png") repeat scroll 0 0;
}
#kategorie-kontainer .items .nagl{
    background: rgba(0, 0, 0, 1) url("../images/strona/wzorek_bg_black.png") repeat scroll 0 0;
    color: white;
    font-family: "Lato Regular";
    font-size: 16px;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 5px 15px;
}

#produktNazwa{
    font-family: 'Lato Regular';
    font-size: 20px;
    color: #76191a;
    padding-bottom: 10px;
}
#kategorie ul li a{
    color: #4d4d4d;
    padding: 4px 0;
    display: block;
    font-size: 16px;
    font-family: 'Lato Regular';
}
#kategorie ul li:hover{

}
#kategorie ul li:hover a, #kategorie ul li:hover .mlArrow{
    color: #247fbe;
}
#kategorie ul{
    list-style-type: none;
    margin-bottom: 9px;
    margin-top: 4px;
    padding-left: 0;
    padding-right: 0px;
}

.mlDist{
    padding: 2px 13px;
}
.mlArrow{
    color: #4d4d4d;
    float: left;
    padding-right: 10px;
    font-family: 'Quicksand-Bold';
}
#kategorie-content-inner h2{
    font-size: 24px;
}
.itemOpisDetails{
    bottom: 0;
    left: 660px;
    position: absolute;
    min-width: 85px;
}
.iodRight{
    background: rgba(149,28,28,1);
    background: -moz-linear-gradient(top, rgba(149,28,28,1) 0%, rgba(114,24,26,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(149,28,28,1)), color-stop(100%, rgba(114,24,26,1)));
    background: -webkit-linear-gradient(top, rgba(149,28,28,1) 0%, rgba(114,24,26,1) 100%);
    background: -o-linear-gradient(top, rgba(149,28,28,1) 0%, rgba(114,24,26,1) 100%);
    background: -ms-linear-gradient(top, rgba(149,28,28,1) 0%, rgba(114,24,26,1) 100%);
    background: linear-gradient(to bottom, rgba(149,28,28,1) 0%, rgba(114,24,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#951c1c', endColorstr='#72181a', GradientType=0 );
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    float: right;
    width: 16px;
    line-height: 25px;
    font-family: "Lato Regular";
}
.iodLeft{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: white;
    float: left;
    font-family: "Lato Regular";
    font-size: 16px;
    padding-left: 5px;
    padding-right: 4px;
    width: 60px;
    background: rgba(143,143,143,1);
    background: -moz-linear-gradient(top, rgba(143,143,143,1) 0%, rgba(98,98,98,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143,143,143,1)), color-stop(100%, rgba(98,98,98,1)));
    background: -webkit-linear-gradient(top, rgba(143,143,143,1) 0%, rgba(98,98,98,1) 100%);
    background: -o-linear-gradient(top, rgba(143,143,143,1) 0%, rgba(98,98,98,1) 100%);
    background: -ms-linear-gradient(top, rgba(143,143,143,1) 0%, rgba(98,98,98,1) 100%);
    background: linear-gradient(to bottom, rgba(143,143,143,1) 0%, rgba(98,98,98,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f8f8f', endColorstr='#626262', GradientType=0 );
    line-height: 25px;
}
.content-header-mainpage h2{
    text-align: center;
}
.mainpage-describe, #kategoriaOpis{
    padding: 4px;
    font-family: 'Lato Regular', sans-serif;
}
#kategoriaOpis h2, #kategoriaOpis h4  {
    font-family: 'Lato Regular', sans-serif;
}
#kategoriaOpis h2{
    font-size: 20px;
}
#kategoriaOpis h4{
    font-size: 16px;
}
#btn_lang_pl{
    background-color: transparent;
    background-image: url("../images/strona/flag_pl.png");
    border: medium none;
    color: transparent;
    height: 26px;
    width: 26px;
}
#btn_lang_en{
    background-color: transparent;
    background-image: url("../images/strona/flag_gb.png");
    border: medium none;
    color: transparent;
    height: 26px;
    width: 26px;
}
#slider li img
{
    /*border-bottom: 3px solid #cecece;*/
    border-bottom: 3px none;
    /*border-top: 3px solid #cecece;*/
}
#phone_icon{
    width: 20px;
    height: 20px;
    background: url(../images/strona/phone_icon.png);
    display: inline-table;
}
#contact_container p{
    color: #9b9b9b;
    display: inline-table;
    font-family: "Lato Regular";
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    top: -4px;
}
#contact{
    padding-top: 10px;
}
#contact-wrapper{
    display: table;
    text-align: right;
}
#contact_container span{
    color: #1d1d1d;
}
#hafty{
    width: 100%;
}
.hafty{
    width: 290px;
    height: 401px;
    margin: 0 auto;
}

.hafty-wrapper{
    width: 33%;
    height: 411px;
    display: inline-table;
}
.hafty-wrapper p{
    font-family: 'Lato Regular';
    font-size: 24px;
    text-align: center;
    padding-bottom: 25px;
    color: black;
}
#haft1{
    background: url("../images/strona/haft1.png") no-repeat scroll center 0px, rgba(0, 0, 0, 0) url("../images/strona/haft1_m.png") no-repeat scroll center 293px;
}
#haft2{
    background: url("../images/strona/haft2.png") no-repeat scroll center 0px, rgba(0, 0, 0, 0) url("../images/strona/haft2_m.png") no-repeat scroll center 293px;
}
#haft3{
    background: url("../images/strona/haft3.png") no-repeat scroll center 0px, rgba(0, 0, 0, 0) url("../images/strona/haft3_m.png") no-repeat scroll center 293px;
}
.haft-nazwa{

}
#haft_name{
    border-left: 2px dashed #dedede;
    overflow: hidden;
    padding-left: 15px;
}
#haft_name .hafty{
    height: auto;
    overflow: hidden;
    padding-bottom: 35px;
    width: 100%;
}
.haft-nazwa, #podstronaNagl{
    background: #ffffff none repeat scroll 0 0;
    border-top: 2px solid #cecece;
    color: black;
    font-family: "Lato Regular";
    font-size: 16px;
    height: 41px;
    line-height: 40px;
    text-align: left;
    text-transform: uppercase;
}
.haft-short{
    font-size: 14px;
    font-family: 'Lato Regular';
}
#haft_name .haft-opis{
    padding-top: 15px;
    width: 180px;
    float: left;
}
#haft_name .haft-opis>ul>li{
    list-style-type: disc;
    font-size: 14px;
}
#haft_name .haft-opis>ul{
    text-align: left;
    padding-left: 15px;
}
#haft_name .haft-opis>ul>li>ul>li:before{
    content: '→';
}
.product-container .haft-short{
    text-align: justify;
}
.haft-galeria{
    float: left;
    width: 600px;
    padding-top: 18px;
}
.haft-galeria-resize{
    float: left;
    width: 100%;
    padding-top: 18px;
}
.haft-galeria .produktImgs .imgDiv, .haft-galeria-resize .produktImgs .imgDiv{
    display: inline-table;
    height: 132px;
    padding: 5px;
    width: 182px;
}
.img-haft{
    height: 132px;
}
#haft_name .product-container{
    /*padding-bottom: 35px;*/
}
#kategorie-right #kategoriaOpis{
    padding-left: 12px;
}
#opis_short, #opis_long{
    padding: 15px 0;
}
#podstronaTekst .imgDiv.galeriaImgDiv{
    display: inline-table;
    padding: 10px 15px;
}
#naglowek_loga{
    position: absolute;
    right: 0;
    top: 21px;
}
#naglowek_loga img{
    padding: 0 15px;
}
#partnerzy{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    display: block;
    height: 80px;
    margin-top: -2px;
    width: calc(100% - 2px);
}
#partnerzy-container{
    text-align: justify;
    padding: 8px 57px;
}
#partnerzy-container > img {

    display: inline-block;
    vertical-align: top;

    /* IE fix. */
    *display: inline;
    zoom: 1;
}
#partnerzy-container:after {
    content: "";
    width: 100%;
    display: inline-block;
}
#my_box_container{
    text-align: justify;
    padding: 8px 57px;
}
#my_box_container > div {
    display: inline-block;
    vertical-align: top;

    /* IE fix. */
    *display: inline;
    zoom: 1;
}
#my_box_container:after {
    content: "";
    width: 100%;
    display: inline-block;
}
.my_box{
    position: relative;
}
.my_box_wrapper {
    width: 350px;
    height: 275px;
    display: inline-table;
    position: relative;
}
.box_bg{
    position: absolute;
    top: 1px;
    left: 1px;
}
.my_box h2{
    color: #4d4d4d;
    font-family: "Lato Bold";
    font-size: 18px;
    padding: 20px 0;
    text-transform: uppercase;
}
.my_box div:nth-child(2){
/*    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;*/
}
.my_box_wrapper:nth-child(3) .my_box h2{
    height: 109px;
}
.my_box_container{
    height: 70px;
}
.my_box_wrapper:nth-child(2n+1) .box_info{
    background: #f0f0f0 none repeat scroll 0 0;
    border-top: #e1e1e1;
}
.box_info{
    font-family: "Lato Regular";
    font-size: 13px;
    color: black;
    padding: 14px;
    height: 44px;
}
.my_button_box{
    position: relative;
    top: -15px;
}
#my_logowanie{
    height: 187px;
    position: absolute;
    text-align: center;
    top: 1px;
    z-index: -1;
}
.button_box3{
    margin: 0 auto;
    display: block;
    border: 1px solid #e1e1e1;
    width: 77px;
    color: #2580be;
    font-family: "Lato Black";
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    background: white;
}
.my_box_wrapper:nth-child(3) .button_box3{
    width: 125px;
}
.my_box div img{
    padding: 11px 0 27px;
}
.my_box{
    width: 348px;
    height: 260px;
    border: 1px solid #e1e1e1;
}
#my_box_container1{
    /*background: rgba(0, 0, 0, 0) url("/public/scripts/ckeditor/plugins/filemanager/userfiles/uniwersytet-specjal-logo.png") no-repeat scroll 12px 76px;*/
    height: 188px;
    position: relative;
    width: 350px;
    z-index: 9;
}
#my_box_container2{
    /*background: rgba(0, 0, 0, 0) url("/public/scripts/ckeditor/plugins/filemanager/userfiles/specjal-logo.png") no-repeat scroll 63px 58px;*/
    height: 188px;
    position: relative;
    width: 350px;
    z-index: 9;
}
#my_box_container3{
    /*background: rgba(0, 0, 0, 0) url("/public/scripts/ckeditor/plugins/filemanager/userfiles/logowanie-logo.png") no-repeat scroll 0 2px;*/
    height: 188px;
    position: relative;
    width: 350px;
    z-index: 9;
}
#aktualnosci-name h2{
    font-family: "Lato Bold";
    color: #4E4E4E;
    padding-top: 30px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.aktualnosci-wrapper{
    border: 1px solid #e1e1e1;
    margin-bottom: 35px;
}
.aktualnosci-inner{
    padding: 20px;
}
.aktualnosci-inner h3{
    color: #1F7DBD;
    text-transform: uppercase;
    font-family: "Lato Bold";
}
.aktualnosci-inner h4{
    font-family: "Lato Regular";
    font-size: 12px;
    color: #BDBDBD;
    padding-bottom: 4px;
}
.aktualnosci-inner p{
    text-align: justify;
}
#aktualnosci-right{
    color: #4e4e4e;
}
.menu0 .lvl0_last{
    float: right !important;
    border-left: 1px solid #e1e1e1;
}