@font-face {
    font-family: 'MyriadProCondRegular';
    src: url('OpenSans-CondLight-webfont.eot');
    src: url('OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondLight-webfont.woff') format('woff'),
         url('OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProCondBold';
    src: url('OpenSans-CondBold-webfont.eot');
    src: url('OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondBold-webfont.woff') format('woff'),
         url('OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@keyframes fadein {
    from {
        opacity:0;
        filter: alpha(opacity=0);
    }
    to {
        opacity:1;
        filter: alpha(opacity=100);
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
        filter: alpha(opacity=0);
    }
    to {
        opacity:1;
        filter: alpha(opacity=100);
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
        filter: alpha(opacity=0);
    }
    to {
        opacity:1;
        filter: alpha(opacity=100);
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
        filter: alpha(opacity=0);
    }
    to {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
::selection
{
color:#FFF;
background-color:#000;
}
::-moz-selection
{
color:#fff;
background-color:#000;
}

*:focus {
    outline: none;
}

::-webkit-input-placeholder { color:#333; }
::-moz-placeholder { color:#333; } /* firefox 19+ */
:-ms-input-placeholder { color:#333; } /* ie */
input:-moz-placeholder { color:#333; }
/*warunki*/

.none{
    display:none;
}
/*end warunki*/

/*main*/

html,body{
    height:100%;
    width:100%;
}
body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background-color:#FAFAFA;
    position:relative;

    animation: fadein 500ms;
    -moz-animation: fadein 500ms; /* Firefox */
    -webkit-animation: fadein 500ms; /* Safari and Chrome */
    -o-animation: fadein 500ms; /* Opera */
}
body#wybor_na_5 {
    background-image: url(../images/bg_na5.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fff;
}
a {
    text-decoration: none;
    color:#333;
}

a:hover {
    text-decoration: none;
    color:#00B0EE;
}
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    text-align:left;
}


img.border_left{
    position:absolute;
    bottom:0;
    left:0;
}
img.border_right{
    position:absolute;
    bottom:0;
    right:0;
}
.animate{
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.left{
    float:left;
}

.right{
    float:right;
}
.center{
    text-align:center;
}
.row {
    overflow:hidden;
}
.ad_750 {
    text-align: center;
    width:1000px;
    padding:0px 8px 10px 8px !important;
}
.ad_300 {
    width: 320px;
    text-align: center;
}
.ad_1000 {
    width: 1000px;
    text-align: center;
    margin:0 auto;
}


.ad_300 > div > div,
.ad_1000 > div > div,
.ad_1000 > div > table{
    background:url(../images/icons/reklama.png) right bottom no-repeat;
    padding-bottom: 4px;
    margin-bottom:20px;
}
.ad_1000 > div > table td{
    padding-bottom:4px;
}
.ad_750 > div > div{
    background:url(../images/icons/reklama.png) center top no-repeat;
    padding-top: 8px;
}
.ad_750 table{
    width: 100%;
}


#container{
    margin: 0 auto;
    height:auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
.content{
    position:relative;
    width:1000px;
    padding:0 8px 10px 8px;
    height:auto;
    margin:0 auto;
    background: url(../images/BG.png) 0 0 repeat-y;
    background-color: #fff;
}
.center{
    width:1000px;
    margin: 0 auto;
}

/*end main*/

/*top*/
.top{
    padding-bottom:20px;
}
.top .logowanie{
    margin-left:12px;
    margin-top:2px;
    background: url(../images/icons/login.jpg) 0 0 no-repeat;
}
.top .logowanie:hover{
    background: url(../images/icons/login_blue.jpg) 0 0 no-repeat;
    color:#00B0EE;
    cursor:pointer;
}
.top .logowanie{
    font-size:12px;
    padding-left: 20px;
}
.top .logowanie img{
    margin-right:5px;
    padding-top:2px;
}
.top .top_menu{
    height:20px;
    background-color:#9DA6AD;
}
.top .top_menu a{
    color:#FFF;
    font-size: 12px;
}
.top .top_menu a:hover{
    color:#000;
}
.top .top_menu ul li{
    float:left;
    margin-left:10px;
}

/*end top*/

/*header*/
header{
    min-height:50px;
    position:relative;
    z-index:30 !important;
}
header .logo{
    margin-left:10px;
    float:left;
}
header .logo img{
    width: 215px;
}
/*menu*/
header .menu{
    height:45px;
    margin-top: -5px;
    display:block;
    position:relative;
}
header .menu > ul{
    display:block;
    height:40px;
}
header .menu ul li{
    float:left;
    /*height:40px;*/
    position:relative;
}
header .menu ul li:hover{
    background:#00B0EE;
}
header .menu ul li > a{
    font-weight:bold;
    text-transform:uppercase;
    display: block;
    padding: 13px 5px;
    font-size:12px;
}
header .menu ul li:hover a{
    color:#fff;
}
header .menu ul li.rimm a{
    padding:12px 15px;
}
header .menu ul li.rimm a{
    background-color:#FFF;
}
/*end menu*/

/*submenu*/
/*pc
header .menu ul li:hover .submenu{
    display:block;
}
pc end */
header .submenu{
    display:none;
    width:500px;
    position:absolute;
    z-index:500;
    top:40px;
    overflow:hidden;
}
header .submenu .top{
    background-color: #00B0EE;
    overflow:hidden;
    padding:20px 0;
}
header .submenu .top.poradniki{
    padding: 0px;
    background-color: #333;
    font-size: 14px;
}
header .submenu .top.poradniki ul li:hover{
    background-color: #222;
}
header .submenu ul{
    overflow: hidden;
}
header .submenu .top ul li{
    width:230px;
    margin:0 10px;
}
header .submenu .top ul li a{
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight:normal;
    text-transform:none;
    font-size:14px;

    padding:15px 15px;
}
header .submenu .top ul li:hover{
    background-color: #00A7E2;
}
header .submenu .top ul li a.wybor-na-5-tke{
    border: 1px solid #aaeaff;
}
header .submenu .bottom{
    background-color: #333;
    overflow:hidden;
}
header .submenu .bottom .bloczek{
    overflow:hidden;
    padding:10px;
}
header .submenu .bottom .bloczek:hover{
    background-color:#222;
    cursor:pointer;
}
header .submenu .bottom ul li{
    height:70px;
    width:230px;
    float:left;
    padding:10px;
}
header .submenu .bottom ul li:first-child{
    width:228px;
    border-right: 1px solid #555;
}
header .submenu .bottom ul li:last-child{
    width:228px;
    border-left: 1px solid #000;
}
header .submenu .bottom ul li:hover{
    background-color:#333;
}
header .submenu .bottom .img{
    float:left;
    width:52px;
    height:52px;
    background:url(../images/bg_50x50.jpg) 0 0 no-repeat;
}
header .submenu .bottom .txt{
    float:left;
    color:#FFF;
    width:125px;
    margin-left:10px;
}
header .wiecej .submenu,
header .porady-budowlane .submenu{
    right: 0;
}
/*end submenu*/

/*wyrównanie*/
header li.firmy .submenu{
    left:-205px;
}
header li.rysunki_CAD .submenu,
header li.poradniki .submenu,
header li.zakupy .submenu{
    right:0;
}
/*end wyrównanie*/
/*end header*/


/*preloader*/
.preloader{
    overflow: hidden;
    margin: 20px 0;
}
.preloader.full{
    margin: 0;
    background: rgb(119,119,119) url('../images/pre.gif') no-repeat 50% 50%;

    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:2000000001;
    zoom: 1;

    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
/*end preloader*/

/*paginacje*/
.paginacje{
    background: #00B0EE;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    color:#FFF;
    position: relative;
    margin-bottom: 10px;
}
.paginacje > a{
    color:#FFF;
    display:block;
    padding:7px 30px;

    position: absolute;
    top: 0;
}
.paginacje > a.prev{
    left: 0;
}
.paginacje > a.next{
    right: 0;
}
.paginacje a:hover{
    background: #333;
}
.paginacje ul li a{
    color:#FFF;
    display:block;
    padding:7px 10px;
}
.paginacje ul {
    overflow: hidden;
    text-align: center;
    *float: left;
    *margin-left: 400px;
}
.paginacje ul li {

    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: 30px !important;
    float: inherit !important;
    *float: left;
}
.paginacje ul li.active {
    font-weight: bold;
}
.paginacje ul li span{
    display: block;
    margin-top: 7px;
}
.paginacje ul li:hover{
    background: none !important;
}
.paginacje img{
    height:auto;
    vertical-align:middle;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
/*end paginacje*/

/*uszy*/
.uszy.content{
    position:relative;
    width:1000px;
    height:502px;
    height:524px;
    padding:0 0 0 0;
    background:white;
}
.uszy .ucho.lewe{
    margin-left:-4px;
    float:left;
}
.uszy .ucho.prawe{
    margin-right:-5px;
    float:right;
}
.uszy .ucho{
    background-color:#333;
    width:90px;
    min-height:500px;
    position:relative;
    z-index: 10;
}
.uszy .ucho ul li{
    border-top:1px solid #444;
    border-bottom:1px solid #000;
    position:relative;
}
.uszy .ucho ul li:hover{
    background-color:#222;
}
.uszy .ucho ul li:first-child{
    background-color:#00B0EE;
    text-align:center;
    border:none;
}
.uszy .ucho ul li:first-child a:hover{
    background-color:#00A7E2;
}
.uszy .ucho ul li:first-child a{
    padding:30px;
}
.uszy .ucho ul li:last-child{
    border-bottom:none;
}
.uszy .ucho ul li a{
    padding:15px 10px;
    display:block;
    font-size:11px;
    color:#FFF;
}
.uszy .ucho ul li:last-child a{
    padding:21px 10px;
    font-weight:bold;
}
.uszy .ucho.prawe ul li a{
    padding:14px 10px;
}
.uszy .ucho.prawe ul li:last-child a{
    padding:19px 10px;
}
.uszy .ucho.prawe ul li:first-child a{
    padding:30px; 
}

.uszy .ucho .dzyndzel{
    display:none;
    position:absolute;
    z-index:10;
    right:0;
    top:22px;
}
.uszy .ucho.prawe .dzyndzel{
    left:0;
}
/* pc
.uszy .ucho ul li:hover .sub{
    display:block;
}
pc end */
.uszy .ucho ul li:hover .dzyndzel{
    display:block;
}
.uszy .ucho .sub{
    display:none;
    position:absolute;
    width: 226px;
    padding:10px;
    z-index:10;
    left:90px;
    background:#E5E5E5;
    top: -50px;
}
.uszy .ucho.prawe .sub{
    left:-246px;
}
.uszy .ucho.prawe .sub .lista a{
    padding:0;
}
.uszy .ucho .sub .title{
    margin-bottom:10px;
}
.uszy .ucho .sub .title a{
    color: #333;
    font-weight:bold;
    text-transform:uppercase;
    font-size:14px;
}
.uszy .ucho .sub .lista{
    margin-left: 10px;
}
.uszy .ucho .sub .lista a{
    color:#333;
    padding:0px;
    text-align:left;
    font-size:13px;

    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.uszy .ucho .sub .lista a:hover{
    background:none;
    color: #000;
    text-decoration:underline;
}
.uszy .ucho .sub .lista ul li{
    margin-bottom:10px;
    padding-left:15px;
    background: url(../images/icons/blue_dot.png) 0 5px no-repeat;
    border:none;
}
.uszy .ucho .sub .lista ul li.more{
    margin-top:15px;
    background: url(../images/icons/dark_dot.png) 0 5px no-repeat;
}
.uszy .ucho li.budowa .sub{
    top:0px;
}
.uszy .ucho li.instalacje .sub{
    top:-60px;
}
.uszy .ucho li.wyposazenie .sub{
    top:-106px;
}
.uszy .ucho li.sport .sub{
    top:-152px;
}
.uszy .ucho li.narzedzia .sub{
    top:-212px;
}
.uszy .ucho li.programy .sub{
    top:-286px;
}
.uszy .ucho li.instalacje .dzyndzel,
.uszy .ucho li.wyposazenie .dzyndzel,
.uszy .ucho li.mieszkania .dzyndzel,
.uszy .ucho li.domy .dzyndzel,
.uszy .ucho li.dzialki .dzyndzel
{
    top:15px;
}
.uszy .ucho li.narzedzia .dzyndzel{
    top:28px;
}


.uszy .ucho li.mieszkania .sub{
    top:0px;
}
.uszy .ucho li.domy .sub{
    top:-44px;
}
.uszy .ucho li.dzialki .sub{
    top:-88px;
}
.uszy .ucho li.komercyjne .sub{
    top:-132px;
}
.uszy .ucho li.inwestycje .sub{
    top:-190px;
}




/*szukajka*/
.uszy .ucho li.szukajka_button:hover .szukajka{
    display:block;
}
.uszy .szukajka{
    display:none;
    position:absolute;
    z-index:10;
    left:90px;
    top:0;
    width:410px;
    height:460px;
    padding:20px;
    background: url(../images/bg_blue.gif) 0 0 repeat;
}
.uszy .ucho ul li .szukajka a{
    padding:0px;
}
.uszy .ucho ul li .szukajka a:hover{
    background:none;
}
.uszy .szukajka .up{
    overflow:hidden;
}
.uszy .szukajka .up .close{
    float:right;
}
.uszy .szukajka .up .title{
    float:left;
    padding:5px 20px;
}
.uszy .szukajka .up .title a{
    color:#FFF;
    font-size:32px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.uszy .szukajka_produktowa input{
    background: none;
    color: white;
    width:100%;
    font-size: 22px;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif
}
.uszy .szukajka_produktowa .search{
    padding-top: 10%;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    width:100%;
    margin-bottom: 20px;
    overflow:hidden;
}

.uszy .szukajka_produktowa .button{
    float:right;
    overflow:hidden;
}
.uszy .szukajka_produktowa button{
    background: url(../images/icons/szukaj_bg_blue.png);
    color: white;
    font-size: 24px;
    width:182px !important;
    height:52px;
    width: 100%;
    float: left;
    border: none;
}
.uszy .szukajka_produktowa .choose{
    float:left;
}
.uszy .szukajka_produktowa .choose ul li{
    margin:0 0 15px 0;
    padding:0px;
    border:none;
    background:none;
    text-align:left;
    color:#fff;
}
/* pc */
.uszy .szukajka_produktowa .choose label.etykieta{
    height:15px;
    width:15px;
    padding:0px;
    margin:0px 10px 0 0;
    float:left;
}

.uszy .ucho.prawe .szukajka{
    left:-490px;
}
.uszy .ucho.prawe .szukajka .close{
    float:left;
}
.uszy .ucho.prawe .szukajka .title{
    float:right;
}
.uszy .ucho.prawe .szukajka a{
    padding:0px !important;
}
.uszy .szukajka .search{
    margin-bottom:50px;
}
.uszy .szukajka .powierzchnia{
    text-align:left;
    color: white;
    width: 100%;
    font-size: 22px;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif;
    margin-bottom:50px;
}
.uszy .szukajka .powierzchnia .txt,
.uszy .szukajka .powierzchnia .od,
.uszy .szukajka .powierzchnia .do{
    float:left;
}
.uszy .szukajka .powierzchnia .txt{
    margin-bottom:2px;
}
.uszy .szukajka .powierzchnia .od,
.uszy .szukajka .powierzchnia .do{
    width:100px;
    margin-left:40px;
    border-bottom:1px solid #FFF;
}
.uszy .szukajka .rodzaj{
    position:relative;
    width:100%;
    float:left;
    border-bottom:1px solid #FFF;
    margin-bottom:60px;

}
.uszy .szukajka .rodzaj p{
    text-align: left;
    color: white;
    font-size: 22px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.uszy .szukajka .rodzaj ul li p{
    cursor:pointer;
    background: url(../images/icons/trojkat_bialy-down.png) 430px 5px no-repeat;
}
.uszy .szukajka .rodzaj ul li:hover p{
    background: url(../images/icons/trojkat_bialy-up.png) 430px 5px no-repeat;
}
.uszy .szukajka .rodzaj ul li:hover .list{
    display:block;
}
.uszy .szukajka .rodzaj .list{
    display:none;
    position:absolute;
    z-index:12;
    overflow:hidden;
    width:430px;
    background:#00B0EE;
    padding:10px;
    top:39px;
    border-top:1px solid #FFF;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;

}
.uszy .szukajka .rodzaj ul li {
    padding: 0 0 15px 0;
    border: none;
    background: none;
    text-align: left;
    color: white;
}
.uszy .szukajka .list ul li {
    margin: 15px 0 0 0;
    padding: 0px;
    border: none;
    background: none;
    text-align: left;
    color: white;
}
.uszy .szukajka .list ul li:first-child{
    margin-top:0px;
}
/* pc */
.uszy .szukajka .rodzaj  label.etykieta {
    height: 15px;
    width: 15px;
    padding: 0px;
    margin: 0px 10px 0 0;
    float: left;
}
/*end szukajka*/


/*ucho*/
.ucho_produkty{
    float:left;
    background-color:#FAFAFA;
    width: 450px;
}
.ucho_produkty:hover{
    background: #FAFAFA url(../images/ucho_big_left.png) 0 0 no-repeat;
}
.ucho_nieruchomosci{
    float:right;
    background-color:#FAFAFA;
    width: 375px;
}
.ucho_nieruchomosci:hover{
    background: #FAFAFA url(../images/ucho_big_right.png) 0 0 no-repeat;
}
.ears{
    height:500px;
    padding:0 2px 2px 0;
}
.ears .top{
    height:83px;
    border-bottom: 1px solid #00B0EE;
    padding:0px;
}
.ears .top h2, .ears .top h2 a{
    font-size:32px;
    color:#00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;

    padding:25px 20px;
}
.ears .top h2 a:hover{
    color:#333;
}
.ucho_nieruchomosci .top h2{
    text-align:right;
}
.ucho_nieruchomosci .col.first{
    float:right !important;
    margin:20px 20px 20px 10px !important;
}
.ucho_nieruchomosci .col.second{
    float:left !important;
    margin:20px 10px 20px 20px !important;
}
.ears .col{
    width:218px;
    float:left;
}
.ears .col.first{
    margin:20px 10px 20px 20px;
    float:left;
}
.ears .col.second{
    margin:20px 10px 20px 5px;
    height:20px;
    width:200px;
    float:right;
}
.ears .col .lista ul li{
    width:217px;
    height:70px;
    padding: 0 2px 2px 0;
    margin-bottom:20px;
    background: #FFF url(../images/bg_ucho_slider.png) 0 0 no-repeat;
    position:relative;
    overflow:hidden;
    z-index:2
}
.ears .col .lista ul li .opis{
    bottom:-70px;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.ears .col .lista ul li:hover .opis{
    bottom:2px;
}
.ears .col.first .opis{
    position:absolute;
    width:217px;
    height:70px;
    z-index:5;
    text-align:center;
    background: url(../images/blue.png) 0 0 repeat;
}
.ears .col.first .opis p.what{
    padding-top:10px;
}
.ears .col.first .opis p.where{
    padding-top:10px;
    font-size:12px;
}
.ears .col.first a .opis{
    color:#fff;
}
.ears .col.first a:hover .opis{
    color:#fff;
}
.ears .col.first .txt{
    width:90px;
    float:left;
    padding:5px;
    font-size:12px;
}
.ears .col.first img{
    float:left;
}
.ears .col.first .txt .cena, .ears .col.first .txt .powierzchnia{
    font-size:11px;
}
.ears .col.first .txt .powierzchnia{
    padding-top:5px;
}
.ears .col.first .txt p.title{
    font-weight:bold;
}
.ears nav{
    text-align:center;
    overflow:hidden;
}
.ears nav ul{
    overflow:hidden;
    text-align:center;
}
.ears nav ul li.on{
    background: url(../images/icons/bullet_on.png) 0 0 no-repeat;
}
.ears nav ul li:hover{
    background: url(../images/icons/bullet_on.png) 0 0 no-repeat;
}
.ears nav ul li{
    cursor:pointer;
    width:10px;
    height:10px;
    display:inline-block;
    margin:0 5px;
    background: url(../images/icons/bullet_off.png) 0 0 no-repeat;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.ears .col.second a{
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.ears .col.second a:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
}

.ears .col.second .foto{
    height:152px;
    background: url(../images/bg_152x152.png) 31px 0 no-repeat;
    text-align:center;
    padding-bottom:10px;
}
.ears .col.second .txt{
    text-align:right;
}
.ears .col.second .txt h6{
    text-align:right;
    font-size:16px;
    font-family: Calibri, sans-serif;
    font-weight:bold;
    margin-bottom:10px;
}
.ears .col.second .txt p{
    font-size:13px;
    line-height:150%;
}
.ears .col.second .txt p a:hover{
    color:#999;
}
.ears .col.second .txt p span{
    cursor: pointer;
}

.ears.ucho_nieruchomosci {
    width: 450px;
    height: 524px;
    
}
.ucho_nieruchomosci:hover {
    background: transparent none !important;
}
.ears.ucho_nieruchomosci .slider_produkty.content {
    width:100%;
    padding: 20px 0px 0px 0px;
    background-image: none !important;
    height: 420px !important;
}
.ears.ucho_nieruchomosci .slider_produkty.content .pady {
    width:450px;
    height: 420px !important;
}
.ears.ucho_nieruchomosci .slider_produkty.content li.alfa, .slider_produkty li.beta {
    width: 450px !important;
}
.ears.ucho_nieruchomosci .slider_produkty.content .alfa .txt {
    width: 400px !important;
    float: none;
    margin-top: 235px;
    margin-right: 10px !important;
    margin-left: 10px !important;
}
.ears.ucho_nieruchomosci .slider_produkty.content .alfa .txt h2 {
    font-size: 20px;
    font-family: arial,sans-serif;
}
.ears.ucho_nieruchomosci .slider_produkty.content .alfa .txt h3 {
    font-size: 13px;
}
.ears.ucho_nieruchomosci .slider_produkty.content .alfa {
    padding-top: 0px;
}
.ears.ucho_nieruchomosci .slider_produkty.content .alfa .img {
    width: 450px;
    height: 225px;
}
.ears.ucho_nieruchomosci .slider_produkty.content .alfa .img > img {
    max-height: 225px;
    max-width: 450px;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin: auto;
}
.ears.ucho_nieruchomosci .slider_produkty.content .shadow,
.ears.ucho_nieruchomosci .slider_produkty.content .lt,
.ears.ucho_nieruchomosci .slider_produkty.content .slider_b {
    display: none;
}
/*ucho*/
/*end uszy*/


/*cad_block*/

/*up*/
.cad_block.content{
    padding-top:30px;
}
.cad_block .up{
    margin-bottom:30px;
    height:61px;
}
.cad_block .up .title{
    background-color:#00B0EE;
    margin-left:-30px;
    height:60px;
    width:500px;
    float:left;
}
.cad_block .up .title a{
    font-size: 32px;
    color: #FFF;
    font-family: "MyriadProRegular", Arial, sans-serif;
    padding: 13px 0px 0px 30px;
    display:block;
    float:left;
}
.cad_block .up .title img{
    padding:22px 10px 0 10px;
    display:block;
    float:right;
    cursor:pointer;
}
.cad_block .up .szukaj{
    float:right;
    height:60px;
    width:500px;
    border-bottom:1px solid #00B0EE;
}
.cad_block .up .szukaj input{
    background:none;
    color:#00B0EE;
    font-size:24px;
    float:left;
    padding-top:17px;
    width:430px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.cad_block .up .szukaj button{
    float:right;
    border:none;
    background:none;
    padding-top: 10px;
    height: auto;
}
.cad_block .up .szukaj button img{
    padding-top:10px;
}
/*end up*/

/*slider*/
.cad_block .slider{
    width:1000px;
    overflow:hidden;
    margin-bottom:30px;
}
.cad_block .slider a{
    color:inherit;
}
.cad_block .slider ul li:hover img{
    border:13px solid #00B0EE;
}
.cad_block .slider ul li:hover .txt{
    background: url(../images/bg_blue.gif);
}
.cad_block .slider ul li:hover a{
    color:#FFF;
}
.cad_block .slider ul li:hover .more{
    background: url(../images/icons/white_dot.png) 0 5px no-repeat;
}
.cad_block .slider ul li{
    float:left;
    width:250px;

}
.cad_block .slider .img{
    float:left;
    width:124px;
    height:125px;
}
.cad_block .slider.dol .img{
    float:right;
}
.cad_block .slider img{
    border:13px solid #333;
}
.cad_block .slider.dol .txt{
    float:right;
}
.cad_block .slider .txt{
    float:left;
    width:106px;
    height:105px;
    padding:10px;
    position:relative;
    background: url(../images/bg_smoke.gif);
}
.cad_block .slider p{
    font-size:18px;
    text-transform:uppercase;
}
.cad_block .slider.dol p{
    text-align:right;
}
.cad_block .slider.dol .more{
    right:10px !important;
    left:inherit;
}
.cad_block .slider .more{
    position:absolute;
    width:55px;
    bottom:10px;
    left:10px;
    font-size:12px;
    font-weight:bold;
    background: url(../images/icons/dark_dot.png) 0 5px no-repeat;
}
.cad_block .slider .more a{
    margin-left:10px;
}
/*end slider*/
/*end cad_block*/


/*full_boxy*/
.full_boxy{
    width:1000px;
    overflow:hidden;
    padding-bottom:30px;
}
.full_boxy .up{
    border-bottom:1px solid #00B0EE;
    padding:0 20px;
    margin-bottom:20px;
    position: relative;
    overflow: hidden;
}
.full_boxy .up p{
    margin-bottom:10px;
    font-size: 32px;
    color: #00B0EE;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}
.full_boxy .up img{
    padding: 15px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.full_boxy .up img:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
}
.full_boxy .up .button{
    position: absolute;
    top: 5px;
    right: 0;
}
.full_boxy .up_double .button a{
    font-family: Arial;
    font-size: 14px;
    padding:5px 10px;
    color: #FFF;
    background-color:#00B0EE;
    float: right;
}
.full_boxy .up_double .button span{
    font-family: Arial;
    font-size: 14px;
    padding:5px 10px;
    color: #FFF;
    background-color:#00B0EE;
    float: right;
    cursor: pointer;
}
.full_boxy .up .button a:hover{
    background-color:#00befd;
    color:#FFF;
}
.full_boxy .up .button span:hover{
    background-color:#00befd;
    color:#FFF;
}
.full_boxy .up_double{
    overflow: hidden;
    padding: 0 20px 20px 20px;
    margin-top: -10px;
}
.full_boxy .up_double p{
    font-size: 24px;
    float: left;
    margin-right: 10px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.full_boxy .up_double img{
    padding-top: 2px;
    float: left;
}

.full_boxy .up .morelink{
    position: absolute;
    top: 0;
    right: 0;
}
.full_boxy .up .morelink a{
    font-family: Arial;
    font-size: 14px;
    padding:5px 10px;
    background-color:#00B0EE;
    display: block;
}
.full_boxy .up .morelink  a:hover{
    background-color:#00befd;
    color:#FFF;
}
.full_boxy ul li{
    position:relative;
    z-index:1;
    width:300px;
    height:200px;
    float:left;
    overflow:hidden;
}
.full_boxy ul li.first{
    margin-left:0px;
}
.full_boxy ul li{
    margin-left:50px;
}
.full_boxy ul li:hover .txt{
    bottom:0px;
    left:0px;
    background:url(../images/blue.png) 0 0 repeat;
}
.full_boxy .txt{
    bottom:-145px;
    left:0px;
    position:absolute;
    z-index:10;
    padding:10px;
    width:280px;
    height:180px;
    background:url(../images/dark.png) 0 0 repeat;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.full_boxy .txt{
    color:#FFF;
    font-size:12px;
}
.full_boxy .txt .title a{
    color:#FFF;
    font-size:12px;
}
.full_boxy .txt h3.title,
.full_boxy .txt h5.title{
    font-weight:bold;
    margin-bottom:10px;
    font-size: 14px;
}
.full_boxy .txt h3,
.full_boxy .txt h5{
    line-height:125%;
    font-size: 14px;
    color: #FFF;
}
.full_boxy .row{
    margin-bottom:30px;
}

.more_line{
    background: #00B0EE;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
}
.more_line a{
    color:#FFF;
    display:block;
    padding-top:3px;
    height:30px;
}
.more_line img{
    height:auto;
    vertical-align:middle;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.more_line a:hover img{

    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*end full_boxy*/


/*boxy*/
.boxy{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
}
.boxy .up{
    border-bottom:1px solid #00B0EE;
    padding:0 20px;
    margin-bottom:20px;
}
.boxy .up p{
    margin-bottom:10px;
    font-size: 32px;
    color: #00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.boxy .row ul li{
    position:relative;
    z-index:1;
    width:300px;
    height:150px;
    float:left;
    overflow:hidden;
}
.boxy .row ul li{
    padding-left:25px;
}
.boxy .row ul li:hover .txt{
    top:0px;
    left:25px;
}
.boxy .txt{
    top:-150px;
    left:25px;
    position:absolute;
    z-index:10;
    padding:10px;
    width:280px;
    height:130px;
    background:url(../images/blue.png) 0 0 repeat;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.boxy .txt {
    color:#FFF;
    font-size:12px;
}
.boxy .txt:hover{
    text-decoration:none;
}
.boxy .txt a{
    color: #FFF;
    font-size: 12px;
}
.boxy .txt a:hover{
    text-decoration: underline;
}
.boxy .txt p.title{
    font-weight:bold;
    margin-bottom:10px;
}
.boxy .txt p{
    line-height:125%;
}
.boxy .row{
    margin-bottom:30px;
}
.boxy .play{
    position: absolute;
    top: 50px;
    left: 150px;
}
.boxy .sub{
    overflow:hidden;
    padding-bottom: 20px;
    position: relative;
}
.boxy .sub .manubar{
    padding-bottom:10px;
}
.boxy .sub .manubar ul li{
    float:left;
    font-weight:bold;

    border-bottom: 1px solid #00B0EE;
    padding-bottom: 20px;
}
.boxy .sub .manubar ul li.first a{
    border-left: none;
    padding:0px 18px;
}
.boxy .sub .manubar ul li a{
    font-size:12px;
    border-left: 1px solid #DDD;
    padding:0px 14px;

    color:#333;
    text-transform: uppercase;
}
.boxy .sub .manubar ul li:hover a,
.boxy .sub .manubar ul li.active a{
    color:#00B0EE;
}
.boxy .sub .manubar ul li:hover,
.boxy .sub .manubar ul li.active{
    color:#00B0EE;
    border-bottom: 3px solid #00B0EE;
    padding-bottom: 17px;
}
/*end boxy*/

/*katalogi_box*/
.katalogi_box{
    width:1000px;
    overflow:hidden;
    padding-bottom:30px;
    position:relative;
}
.katalogi_box .bg{
    position:absolute;
    top:30px;
    left: 8px;
    width:1000px;
    height:325px;
    background:#FAFAFA;
}
.katalogi_box .col_left{
    width:400px;
    float:left;
}
.katalogi_box .col_left .blok{
    width:360px;
    height:210px;
    background:url(../images/bg_smoke.gif) 0 0 repeat;
    position:relative;
}
.katalogi_box .col_left .blok{
    padding:20px;
}
.katalogi_box .col_left .title a{
    font-size: 28px;
    color: #333;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.katalogi_box .up .title img {
    padding: 5px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.katalogi_box .col_left .txt{
    position:absolute;
    bottom:20px;
}
.katalogi_box .col_left .txt p.title a{
    font-size:14px;
    font-weight:bold;
}
.katalogi_box .col_left .txt p.title{
    padding-bottom:20px;
}
.katalogi_box .col_left .txt p.opis a{
    font-size:14px;
    line-height:150%;
}
.katalogi_box .col_right{
    float:right;
    width:550px;
}
.katalogi_box .col_right ul li{
    position:relative;
    z-index:1;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
.katalogi_box .col_right .img{
    width:158px;
    height:158px;
    line-height: 149px;
    text-align: center;
}
.katalogi_box .col_right ul li .img img{
    vertical-align: middle;
    width:150px;
    height:150px;

    -webkit-box-shadow: 3px 3px 5px 2px rgba(000, 000, 000, 0.4);
    box-shadow: 3px 3px 5px 2px rgba(000, 000, 000, 0.4);
}
/* pc
.katalogi_box .col_right ul li:hover .hover,
pc */
.katalogi_box .col_right ul li.active .hover{
    opacity:1;
    margin-left: 4px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.katalogi_box .col_right .hover{
    position:absolute;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top: 0;
    left: 0;
    z-index:10;
    width:150px;
    height:150px;
    background:url(../images/blue.png) 0 0 repeat;

}
.katalogi_box .col_right .hover img{
    padding-top:55px;
    padding-left:55px;
}
.katalogi_box .col_right .hover a{
    display:block;
    width:100%;
    height:100%;
}
/*end katalogi_box*/

/*partnerzy*/
.partnerzy{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
    position:relative;
}
.partnerzy .line {
    width: 980px;
    height: 1px;
    background: #ddd;
    margin: 0px auto;
}
.partnerzy .whatisallabout{
    position:absolute;
    top:25px;
    left:70px;
    width:300px;
}
.partnerzy .whatisallabout p.title{
    font-size: 32px;
    color: #00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;
    margin-bottom:10px;
}
.partnerzy .whatisallabout p.txt{
    font-size: 14px;
    color: #666;
    line-height:150%;
}
.partnerzy .loga_partnerzy{
    float:right;
    overflow:hidden;
}
.partnerzy .loga_partnerzy .row{
    border-bottom:1px solid #DDD;
}
.partnerzy .loga_partnerzy .row ul li{
    float:left;
    width:250px;
    height:150px;
    border-left:1px solid #DDD;
    text-align:center;
    line-height:150px;
    position: relative;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;

}
.partnerzy .loga_partnerzy .row ul li.first{
    border-left:none;
}
.partnerzy .loga_partnerzy .row ul li img{
    vertical-align:middle;
    opacity:1;
    filter: alpha(opacity = 100);
}
.partnerzy .loga_partnerzy .row ul li:hover{
    opacity:0.8;
    filter: alpha(opacity = 80);
}
.partnerzy .loga_partnerzy .row ul li:hover .txt{
    opacity: 1;
    filter: alpha(opacity = 100);
}
.partnerzy .loga_partnerzy .row ul li .txt{
    opacity:0;
    filter: alpha(opacity = 0);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    line-height: normal;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    width: 230px;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
/*end partnerzy*/

/*seek*/
.seek{
    width:1000px;
    padding-bottom:10px;
    position:relative;
}
.seek2{
    width:1000px;
    padding-bottom:10px;
    position:relative;
}
.seek > div{
    width:1000px;
    height:100px;
    /*margin-left:-60px;*/
    background:url(../images/bg_dark.gif) 0 0 repeat;
}
.seek2 > div{

    width:1000px;
    height:60px;
    background:url(../images/bg_dark.gif) 0 0 repeat;
}
.seek .lupa{
    width:60px;
    height:100px;
    line-height:100px;
    background:#333;
    text-align:center;
    float:left;
}

.seek .lupa img{
    padding-top:28px;
}
.seek .seek_body{
    padding:15px 15px 0 15px;
    width:910px;
    float:left;
}
.seek .seek_body .search input{
    background: none;
    color: white;
    width:500px;
    font-size: 18px;
    float: left;
    font-weight:normal;
    font-family: "MyriadProRegular", Arial, sans-serif
}
.seek2 .seek_body .search input{
    background: none;
    color: white;
    width:500px;
    font-size: 18px;
    float: left;
    margin-left: 10px;
    font-weight:normal;
    font-family: "MyriadProRegular", Arial, sans-serif
}
.seek .seek_body .search{
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    width:650px;
    margin-bottom: 10px;
    float:left;
}
.seek2 .seek_body .search{
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    width:650px;
    margin-bottom: 10px;
    float:left;
    margin-top: 20px;
}
.seek .seek_body .search p{
    float:right;
    color:#00B0EE;
    font-weight:bold;
    font-size:16px;
}
.seek .seek_body .button{
    float:right;
    overflow:hidden;
}
.seek .seek_body button{
    background: url(../images/icons/szukaj_bg_dark.png);
    color: white;
    font-size: 24px;
    width:182px !important;
    height:52px;
    width: 100%;
    float: left;
    border: none;
    /*margin-top:10px;*/
}
.seek2 .seek_body .button{
    float:right;
    overflow:hidden;
    margin-top: 5px;
}
.seek2 .seek_body button{
    background: url(../images/icons/szukaj_bg_dark.png);
    color: white;
    font-size: 24px;
    width:182px !important;
    height:52px;
    width: 100%;
    float: left;
    border: none;
    /*margin-top:10px;*/
}
.seek .seek_body button:hover{
    background: url(../images/icons/szukaj_bg_blue.png);
}
.seek2 .seek_body button:hover{
    background: url(../images/icons/szukaj_bg_blue.png);
}
.seek .seek_body .choose{
    float:left;
}
.seek .seek_body .choose ul li{
    padding:0px;
    border:none;
    background:none;
    text-align:left;
    color:#fff;
    float:left;
    margin-right:25px;
    margin-bottom: 5px;
}
.seek .seek_body .choose ul li p{
    float: left;
}
.seek .seek_body .choose a{
    color: #FFF;
}
/* pc */
.seek .seek_body .choose label.etykieta{
    height:15px;
    width:15px;
    padding:0px;
    margin:0px 10px 0 0;
    float:left;
}
.seek .seek_body .meat{
    float:left;
    width:650px;
}
.seek .seek_body .meat .etykieta_wybrana{
    background-color:#00B0EE !important;
}
.seek .seek_body .meat .etykieta{
    background-color:#555;
}
.seek_body > a {
    position: absolute;
    bottom: 20px;
    right: 125px;
    color: #CCC;
}
.seek_body > a:hover{
    color: #00B0EE;
}
/*end seek*/

/*breadcrumbs*/

.breadcrumbs{
    overflow:hidden;
    width: 1000px;
    padding-bottom: 10px;
    position: relative;
}

.breadcrumbs a, .breadcrumbs span.act {
    color: inherit;
    float: left;
    margin-right: 5px;
    font-size: 11px;
    padding-top: 5px;
    background:none;
}
.breadcrumbs span a{
    font-size: 11px;
    float: left;
    margin-right: 5px;
    background-color:#00B0EE;
    padding:5px;
    color:#FFF;
}
.breadcrumbs span:first-child ~ a:before {
    content: "|";
    font-size:14px;
    position: relative;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: -2px;
}
.breadcrumbs a.last:before {
    content: "" !important;
}
.breadcrumbs a{
    font-weight:bold;
}
.breadcrumbs a:hover{
    color:#00B0EE;
}

.breadcrumbs span a:hover{
    color:#FFF;
}
/*end breadcrumbs*/

/*linkownia*/
.linkownia{
    overflow:hidden;
    width: 1000px;
    padding-bottom: 10px;
    position: relative;
}
.linkownia .manubar{
    padding-bottom:10px;
}
.linkownia .manubar ul li{
    float:left;
    border-left: 1px solid #DDD;
    padding:0px 25px;
    font-weight:bold;
}
.linkownia .manubar ul li.first{
    border-left: none;
}
.linkownia .manubar ul li a{
    font-size:12px;
    color:#333;
}
.linkownia .manubar ul li a:hover{
    color:#00B0EE;
}

/*info*/
.linkownia .info{
    height:125px;
    background:#EEE;
}
.linkownia .info.fraza{
    overflow: hidden;
    background:#EEE;
    height: 54px;
}
.linkownia .left{
    width:500px;
    height:125px;
    background-color:#00B0EE;
}
.linkownia .left.fraza{
    height: auto;
    width: 600px;
    font-size: 28px;
    color: white;
    font-family: "MyriadProRegular", Arial, sans-serif;
    padding: 10px;
    height: 34px;

    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.linkownia table{
    height:100%;
    color:#FFF;
    font-size:28px;
}
.linkownia table td{
    padding:20px;
}
.linkownia table td strong{
    font-weight: normal;
}
.linkownia .right{
    float:left;
    width:500px;
}
.linkownia .right.fraza{
    height: auto;
    color:#00B0EE;
    font-size: 22px;
    width:340px;
    padding: 14px 20px;
    height: 27px;
    text-align: right;
}
.linkownia .logo{
    float:left;
    width:290px;
    height:125px;
    line-height:125px;
    text-align:center;
}
.linkownia .logo img{
    vertical-align:middle;
}
.linkownia .right .txt{
    width:210px;
    height:125px;
    float:left;
}
.linkownia .right table{
    font-size:18px;
    color:#AAA;
    text-align:right;
}
/*end info*/

/*cats*/
.cats{
    padding:20px 0;
    overflow:hidden;
}
.cats ul li{
    padding:5px 20px;
    width:209px;
    float:left;
    border-left:1px solid #DDDDDD;
}
.cats ul li.pierwszy{
    border-left:1px solid #FFF;
    clear: left;
}
.cats ul li a{
    display:block;
    overflow: hidden;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
    width: 205px;
}
.cats ul li a span{
    font-weight: bold;
}
/*end cats*/

/*end linkownia*/

/*filtry_listing*/

.filtry_listing{
    width: 1000px;
    height:30px;
    padding-bottom: 10px;
    position: relative;
    height:auto;
    z-index:10;

    padding:0 8px 10px 8px;
    margin:0 auto;
    background: url(../images/BG.png) 0 0 repeat-y;
}
.stick{
    position:fixed;
    top:0;
    left:50%;
    margin-left:-508px;
    background:none;
    padding:0 8px 10px 8px;
}
.filtry_listing .main{
    background-color: #00B0EE;
    height:30px;
    font-family:"MyriadProSemibold";
}
.filtry_listing .main .title{
/*    background-color:#333;*/
    height:30px;
    float:left;
    width:90px;
    text-align:center;
}
.filtry_listing .main .right{
    float: none;
}
.filtry_listing .main .title p {
    color:#FFF;
    padding-top: 6px !important;
    text-transform: uppercase;
    font-size: 18px;
    font-family:'MyriadProRegular';
}
.filtry_listing .main .pozycje a{
    display:block;
    padding:5px 20px 0 20px;
    height:30px;
    float:left;
    color:#FFF;
}
.filtry_listing .main .pozycje a:hover, .filtry_listing .main .pozycje a.active{
    color:#000;
}

.filtry_listing .main .icons, .filtry_listing .main .open{
    float:right;
}
.filtry_listing .main .icons img{
    padding:4px;
    cursor:pointer;
    opacity:0.8;
}
.filtry_listing .main .icons img:hover, .filtry_listing .main .icons img:active{
    opacity:1;
}
.filtry_listing .sub{
    float:left;
    width:1000px;
    position:absolute;
    z-index:11;
    top:30px;
    background-color:#FFF;
    border-bottom:1px solid #CCC;
}
.filtry_listing .sub > ul > li{
    float:left;
    cursor:pointer;
    position:relative;
    height:30px;
}
.filtry_listing .sub ul li a,
.filtry_listing .sub ul li span.filter{
    display:block;
    padding:7px 10px;
    color:#333;
    font-size:12px;
}
/* pc
.filtry_listing .sub > ul > li:hover .submenu{
    display:block;
}
pc */

.filtry_listing .sub ul li a:hover{
    color:#000;
    text-decoration:underline;
}
.filtry_listing .sub ul li:hover{
    opacity:1;
}
.filtry_listing .submenu{
    background: url(../images/blue80.png) 0 0 repeat;
    max-height:200px;
    min-width:150px;
    max-width:300px;
    position:absolute;
    z-index:12;
    top:30px;
    left:0;

    display:none;
}
.filtry_listing .sub .submenu ul li{
    float:none;
}
.filtry_listing .sub .submenu span.filter{
    color:#FFF;
    padding: 7px 5px;
}
/*end filtry_listing*/

/*listing*/
.listing{
    padding-top:60px;
    overflow:hidden;
}
.listing ul li.extra .bg{
    width: 100%;
    height: 172px;
    background: url(../images/bg_smoke.gif) 0 0 repeat;
    position: absolute;
    top:0px;
    left: 0px;
    z-index: -1;
}
.listing ul li{
    padding:20px;
    margin-bottom:20px;
    overflow:hidden;
    position: relative;
}
.listing ul li:hover{
    background:#EDEDED;

}
.listing .img{
    padding:0 4px 4px 0;
    width:128px;
    height:128px;
    background: url(../images/bg_132x132.png) 0 0 no-repeat;

    position:relative;
    float:left;
    margin-right:20px;

}
.listing li.extra .img a img{
    border: 4px solid #00B0EE;
    width:120px;
    height:120px;
}
.listing li.preloader:hover{
    background:none;
}
.listing .txt{
    float:left;
    width:805px;
    height:132px;
    position:relative;
}
.listing .txt .title h2{
    line-height:100%;
    margin-bottom:10px;
}
.listing .txt .title h2 a{
    font-size:16px;
    color: #00B0EE;
    text-transform:uppercase;
    font-weight:bold;
}
.listing .txt .title h2 a:hover{
    color:#000;
}
.listing .txt .title p{
    font-size:14px;
    color:#333;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.listing .info{
    position:absolute;
    bottom:0;
    left:0;
    float:left;
}
.listing .info p{
    font-size:10px;
    font-weight:bold;
}
.listing .info p a{
   font-weight:normal;
}
.listing .price_links{
    position:absolute;
    bottom:0;
    right:-20px;
    width:210px;
}
.listing .price_links .price{
    text-align:right;
    font-size:15px;
    font-weight:bold;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #000;
}
.listing .price_links .price p{
    padding-right:20px;
}

.listing .price_links .links p{
    float:left;
    font-size:12px;
    margin-right:15px;
    padding-left:10px;
    background: url(../images/icons/dark_dot.png) 0 5px no-repeat;

    cursor:pointer;
}
.listing .price_links .links p.active{
    background: url(../images/icons/blue_dot.png) 0 5px no-repeat;
}
.listing .pagination{
    overflow:hidden;
    background: #00B0EE;
    overflow: hidden;
    text-align: center;
    padding:10px 0;
    margin:40px 0;
}
.listing .pagination a{
    padding:10px;
    color:#FFF;
}
.listing .pagination a:hover{
    background-color:#00a3d9;
    color:#FFF;
}
.preloader{
    text-align:center;
}

/*listing box*/
.cols{
    overflow: hidden;
}
.listing.box .col{
    width:490px;
    float:left;
}
.listing.box .col.lewa{
    margin-right:20px;
    float:left;
}
.listing.box ul li.extra .bg{
    width: 260px;
}
.listing.box .txt{
    width: 280px;
}
.listing.box .txt .title{
    margin-bottom: 5px;
}
.listing.box .txt .title h2{
    overflow: hidden;
    height: 45px;
    margin-bottom:0px;
}
.listing.box .txt .title p{
    white-space:normal;
    height:34px;
}
.listing.box .txt .info{
    position: relative;
    overflow: hidden;
    height: 15px;
}
.listing.box .price_links{
    width:300px;
}
.listing.box .price_links .price{
    text-align:left;
    float:left;
    padding:0;
    margin: 0;
    border-bottom: 0px none;

}
/*end listing box*/
/*end listing*/


/*items*/
.items{
    position:fixed;
    top:0;
    height:100%;
    z-index:100;
    width: 210px;
    background: url(../images/bg_dark.gif) 0 0 repeat;

    color: #FFF;

}
.items a{
    color:#FFF;
}
.items a:hover{
    color:#00B0EE;
}

.items .title, .items .schowek .title{
    font-size:22px;
    font-family: MyriadProRegular;
    border-bottom:1px solid #666;
    padding-bottom:10px;
    padding-left:10px;
    position: relative;
}

.items .schowek .title > a{
    font-size:22px !important;
}
.items .title span{
    color:#999;
}
.items .title .button{
    position: absolute;
    top: 0;
    right: 0;
}
.items .title .button a{
    font-family: Arial;
    font-size: 14px;
    padding:5px 10px;
    background-color:#00B0EE;
    display: block;
}
.items .title .button a:hover{
    background-color:#00befd;
    color:#FFF;
}

.items .porownaj{
    padding:20px 0;
    max-height:40%;
    overflow:hidden;
}
.items .schowek{
    padding:20px 0;
    max-height:40%;
    overflow:hidden;
}
.items .lista ul li{
    padding:10px 5px 10px 10px;
    overflow:hidden;
    cursor:move;
}
.items .lista ul li:hover{
    background:url(../images/black20.png) 0 0 repeat;
}

.items .lista ul li .img,
.items .lista ul li .txt,
.items .lista ul li .delete{
    float:left;
}
.items .lista ul li .img{
    margin-right:10px;
    width: 50px;
}
.items .lista ul li .txt{
    width: 100px;
    font-size:12px;
    margin-right:6px;
}
.items .lista ul li .delete{
    padding-top:15px;
}
.items .lista ul li .delete img{
    opacity:0;
    filter: alpha(opacity = 0);
}
.items .lista ul li:hover .delete img{
    opacity:0.8;
    filter: alpha(opacity = 80);
}

.items .lista ul li:hover .delete img:hover{
    opacity:1;
    filter: alpha(opacity = 100);
    cursor:pointer;
}

.items .zamknij{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:10px 0;
    cursor:pointer;
    background-color:#333;

    text-align:center;
    font-size:24px;
}
.items .zamknij:hover{
    background-color:#222;
}
.items .zamknij p{
    margin-top:-5px;
    display:inline;
}

/*end items*/

/*karta*/
.karta{
    overflow: hidden;
    padding-bottom: 40px;
}
.karta h1{
    font-family: MyriadProSemibold;
    font-size:31px;
    padding: 20px 10px;
}

.karta .cols{
    overflow: hidden;
}
.karta .cols .col_left{
    width: 600px;
    float: left;
}
.karta .cols .col_right{
    width: 360px;
    float: right;
}
.karta .cols .col_left .opis{
    margin: 0 10px;

    color: #535353;
    line-height: 150%;
}
.karta .cols .col_left .opis h2{
    margin-bottom: 10px;
    font-size: 14px;
}
.karta .cols .col_left .opis h2 strong{
    font-weight: bold;
}
.karta .cols .col_left .qlinks{
    overflow: hidden;
    padding: 20px 0;
}
.karta .cols .col_left .qlinks .link{
    float: left;
    padding: 10px;
    width: 180px;
    height: 49px;
    display: table-cell;
}
.karta .cols .col_left .qlinks .link:last-child a {
    opacity: 1;
    color: #00b0ee;
}
.karta .cols .col_left .qlinks .link:hover{
    background: #f3f3f3;
}
.karta .cols .col_left .qlinks .link:hover a{
    opacity: 1;
    filter: alpha(opacity = 100);
}
.karta .cols .col_left .qlinks .link.off:hover{
    background: inherit;
}
.karta .cols .col_left .qlinks .link.off a{
    opacity: 0.3;
    filter: alpha(opacity = 30);
    cursor: default;
    color: #444;
}
.karta .cols .col_left .qlinks .link a{
    opacity: 0.6;
    filter: alpha(opacity = 60);
    color: #333;
    font-weight: bold;

    display: table-cell;
    * display: block;
    * float: left;
    vertical-align: middle;
    height: 49px;

    max-width: 80px;
}
.karta .cols .col_left .qlinks.cad .link a{
    max-width: none;
    opacity: 1;
    height: auto;
    background-color: #333;
    padding: 10px;
    color: #EEE;
}


.karta .ask #correspondence-form ul li:first-child {
    border-top: 1px solid #eee;
}

.karta .ask #correspondence-form ul li {
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}

.karta .ask #correspondence-form ul li label {
        color: #333;
    font-size: 12px;
}

.karta .ask .form input[type="radio"] {
    width: auto;
    vertical-align: bottom;
}

.karta .ask #correspondence-form input[type="checkbox"] {
    width: auto;
    vertical-align: bottom;
}

.kartka .ask  #id_agree_with_terms {
    width: auto;
}

.karta .cols .col_left .qlinks.cad .link a:hover{
    background-color: #000;
    color: #FFF;
}
.karta .cols .col_left .qlinks.cad .link{
    height: auto;
    width: auto;
    padding: 0;
    
}
.karta .cols .col_left .qlinks .link.off img {
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
.karta .cols .col_left .qlinks .link a.img{
    padding: 0px 5px;
    
}

.karta .cols .col_left .bar{
    overflow: hidden;
    padding: 10px 0;
}
.karta .cols .col_left .bar ul li{
    float: left;
    border-right: 1px solid #222;
    border-left: 1px solid #555;
}
.karta .cols .col_left .bar ul li{

}
.karta .cols .col_left .bar ul li a{
    display: block;
    padding: 10px 17px;
    background-color: #333;
    color: #aaa;
}
.karta .cols .col_left .bar ul li.first a{
    padding: 10px 20px;
}
.karta .cols .col_left .bar ul li a:hover{
    background-color: #222;
    color: #FFF;
}
.karta .cols .col_left .bar ul li.active a{
    color: #00B0EE;
    background-color: #222;
}
.karta .cols .col_left .bar ul li.off a{
    color: #555;
    background-color: #333;
}

.karta .cols .col_left .bar ul li span{
    display: block;
    padding: 10px 18px;
    color: #555;
    background-color: #333;
}

/*dt*/
.karta .dt{
    overflow: hidden;
}
.karta .dt .sekcja{
    overflow: hidden;
    margin-bottom: 20px;
}
.karta .dt .sekcja .nazwa{
    font-size: 20px;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #CCC;
}
.karta .dt .sekcja .row{
    border-bottom: 1px solid #CCC;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
}
.karta .dt .sekcja .row .parametr{
    float: left;
    width: 200px;
    color: #999;
}
.karta .dt .sekcja .row .wartosc{
    float: left;
    width: 360px;
    margin-left: 20px;
}
.karta .dt .sekcja .row .wartosc ul li{
    list-style-image: url(../images/icons/dark_dot.png);
    margin-bottom: 5px;
}

/*end dt*/

/*cd*/
.karta .cd .cad_title{
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
}
.karta .cd{
    overflow: hidden;
    margin-top: 10px;
}
.karta .cad_filtr{
    overflow: hidden;
    margin-bottom: 10px;
}
.karta .cad_filtr a{
    display: block;
    float: left;
    margin-right: 3px;
    padding: 2px 10px;
    background: #EEE;
    color:#333;
    font-size: 12px;
}
.karta .cad_filtr a:hover,
.karta .cad_filtr a.active{
    background: #333;
    color: #EEE;
}
.karta .cd ul li{
    padding: 10px 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.karta .cd ul li:hover{
    background: #F3F3F3;
}
.karta .cd ul li .img{
    float: left;
    width: 158px;
    height: 158px;
    background: url(../images/bg_158x158.png) 0 0 repeat;
    position: relative;
}

.karta .cd ul li .img img {
    padding-top: 1px;
    padding-left: 1px;
    max-height: 150px;
    max-width: 150px;
    vertical-align: middle;
    
}
.karta .cd ul li .img a{
    display: block;
    width: 150px;
    height: 150px;
    background-color: #fff;
    line-height: 150px;
}
.karta .cd ul li .txt{
    float: left;
    width: 410px;
    height: 152px;
    position: relative;
    margin-left: 10px;
}
.karta .cd ul li .txt .title a{
    color: #00B0EB;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.karta .cd ul li .txt .title p{
    font-size: 12px;
    line-height: 150%;
}
.karta .cd ul li .txt .download{
    position: absolute;
    bottom: 0;
    right: 0;
}
.karta .cd ul li .txt .download .button,
.karta .cd ul li .txt .download .size{
    float: left;
    padding: 5px;
}
.karta .cd ul li .txt .download{
    font-size: 14px;
    font-weight: bold;
}
.karta .cd ul li .txt .download .size{
    margin-left: 20px;
    color: #999;
}
.karta .cd ul li .txt .download .button:hover{
    background-color: #f2f2f2;
    color: #333;
}
.karta .cd ul li .txt .download .button{
    cursor: pointer;
    color: #666;
    padding: 5px 20px;
}
.karta .cd ul li .img:hover .hover{
    opacity:1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.karta .cd ul li .img .hover{
    position:absolute;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top:1px;
    left:1px;
    z-index:10;
    width:150px;
    height:150px;
    background:url(../images/blue.png) 0 0 repeat;
    cursor: pointer;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.karta .cd ul li .hover img{
    padding-top:55px;
    padding-left:55px;
}
/*end cd*/

/*wk*/
.karta .wk{
    overflow: hidden;
    margin:20px 0;
}
.karta .wk ul li{
    /*display: table-cell;*/
    float: left;
    text-align: center;
    vertical-align:middle;
    position: relative;
    * display: block;
    * float: left;


    color: #FFF;
    font-weight: bold;
    font-size: 16px;

    width: 298px;
    height: 100px;
    margin-bottom: 5px;
    border-left: 4px solid #FFF;
    border-bottom:  4px solid #FFF;

    text-shadow: 1px 1px 4px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);


}

.karta .wk ul li.lewy{
    border-left: 0;
}
.karta .wk ul li.metalic img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.karta .wk ul li img{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.karta .wk ul{
    overflow: hidden;
}

.karta .wk ul li .img{
    position: absolute;
    z-index: 0;
}
.karta .wk ul li .txt{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.karta .wk ul li .txt a{
    color: #FFF;
}
.karta .wk ul li .txt tr{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.karta .wk ul li .txt table{
    height: 100%;
    margin: 0px auto;
}
/*end wk*/

/*gal*/
.gal{
    margin: 20px 0;
    overflow: hidden;
}
.gal ul li > img{
    max-width: 295px;
}
.gal ul li{
    text-align: center;
}
.gal.left{
    margin:0 10px 0 0 !important;
    border: 1px solid #EEE;
    width:295px;
}
.gal.right{
    margin:0 0 0 10px !important;
    border: 1px solid #EEE;
    width:295px;
}
.gal p{
    margin-bottom: 0 !important;
    padding: 0 5px;
    font-size: 10px;
    color:#999;
}
.gal.left ul li,
.gal.right ul li{
    margin-bottom: 0px;
}
.gal ul li{
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    cursor:pointer;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

    width:295px;
    /*height: 200px;*/
}
.gal ul li .whomadeit{
    font-size: 10px;
    background-color: #F2F2F2;
    border-top: 1px solid #CCC;
    padding: 2px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2px 5px;

}
.gal ul li.lewy{
    margin-left: 0;
}
.gal ul li .hover{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
    background: url(../images/dark.png) repeat;
}
.gal ul li:hover .hover{
    display: block;
}
.gal ul li .hover img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin:auto;
}
.gal ul li{
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.gal.full{
    overflow: hidden;
    text-align: center;
}
.gal.full img{
    max-width: 580px;
}
.gal.full span{
    font-size: 10px;
    color:#666;
}
/*end gal*/
/*pdp*/
.karta .pdp{
    overflow: hidden;
    margin-top: 10px;
}
.karta .pdp ul{
    overflow: hidden;
}
.karta .pdp ul li{
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    width:580px;
    height:130px;
}
.karta .pdp ul li:hover{
    background: #F3F3F3;
}
.karta .pdp ul li .img{
    float: left;
    width: 128px;
    height: 128px;
    background: url(../images/bg_108x108.png) 0 0 repeat;
    position: relative;
    overflow: hidden;
}
.karta .pdp ul li .img img {
    padding-top: 2px;
    padding-left: 2px;
}
.karta .pdp ul li .txt{
    float: left;
    width: 410px;
    height: 130px;
    position: relative;
    margin-left: 10px;
}
.karta .pdp ul li .txt .title a{
    color: #00B0EB;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.karta .pdp ul li .txt .title p{
    font-size: 12px;
    line-height: 150%;
}
.karta .pdp ul li .txt .download{
    position: absolute;
    bottom: 0;
    right: 0;
}
.karta .pdp ul li .txt .download .button,
.karta .pdp ul li .txt .download .size{
    float: left;
    padding: 5px;
}
.karta .pdp ul li .txt .download{
    font-size: 12px;
    font-weight: bold;
}
.karta .pdp ul li .txt .download .size{
    margin-left: 5px;
    color: #999;
}
.karta .pdp ul li .txt .download .button:hover{
    background-color: #f2f2f2;
    color: #333;
}
.karta .pdp ul li .txt .download .button{
    cursor: pointer;
    color: #666;
    padding: 5px 5px;
}
.karta .pdp > .title{
    font-size: 24px;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #CCC;
    overflow: hidden;
}
/*end pdp*/
/*obrazki*/
.karta .obrazki{
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px;
}
.karta .obrazki img{
    border:1px solid #CCC;
}
.karta .obrazki .big{
    text-align: center;
}
.karta .obrazki .big img{
   /* width: 100%;*/
}
.karta .obrazki .big .desc{
    margin-bottom: 0 !important;
    padding: 10px 5px;
    font-size: 10px;
    color: #999;
}
.karta .obrazki .small ul li{
    float:left;
    margin-left:20px;
}
.karta .obrazki .small ul li:first-child{
    margin-left: 0;
}
.karta .obrazki .small ul li img:hover{
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
/*end obrazki*/

/*cena*/
.karta .cena{
    overflow: hidden;
    background-color: #00B0EE;
    color: #FFF;
    padding: 10px;
    margin-bottom: 20px;
}
.karta .cena .price span{
    padding-left: 5px;
}
.karta .cena .price{
    font-size: 18px;
    font-weight: bold;
    display: table-cell;
    * display: block;
    * float: left;
    vertical-align:middle;
    width: 140px;
    padding-right: 10px;
}
.karta .cena .txt{
    display: table-cell;
    * display: block;
    * float: left;
    vertical-align:middle;
    font-size:10px;
    height: 30px;
}
/*end cena*/
/*firma*/
.karta .firma{
    overflow: hidden;
    margin-bottom: 20px;
}
.karta .firma .logo{
    text-align: center;
    margin-bottom: 20px;
}
.karta .firma .logo img{
    max-width:250px;
}
.karta .firma .dane ul li{
    margin-bottom: 10px;
    overflow: hidden;
}
.karta .firma .dane .img{
    float: left;
}
.karta .firma .dane .inf{
    height: 30px;
    display: table-cell;
    * display: block;
    * float: left;
    vertical-align:middle;
    padding-left: 10px;
}
.karta .firma .dane .inf span{
    font-weight: bold;
}
.karta .firma .dane .inf h3{
    font-size: 14px;
}
/*end firma*/
/*ocena*/
.karta .ocena{
    overflow: hidden;
    margin-bottom: 20px;
}
.karta .ocena .chart{
    float: left;
    margin-right: 20px;
}
.karta .ocena .dej_kamienia{
    float: left;
}
.karta .ocena .dej_kamienia p{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
/*end ocena*/
/*powiazane*/
.karta .powiazane{
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}
.karta .powiazane .title{
    padding: 20px;
    font-family: "MyriadProRegular", Arial, sans-serif;
    border-bottom: 1px solid #CCC;
    font-size: 32px;
}
.karta .powiazane .produkt{
    overflow: hidden;
    padding: 20px;
}
.karta .powiazane .produkt:hover{
    background-color: #e6e6e6;
}
.karta .powiazane .produkt .img{
    float: left;
}
.karta .powiazane .produkt img:hover{
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
.karta .powiazane .produkt .txt{
    float: left;
    margin-left: 20px;
    width: 199px;
}
.karta .powiazane .produkt .txt a{
    color: #00B0EB;
    font-size: 16px;
    font-weight: bold;
}
.karta .powiazane .produkt .txt a:hover{
    color:#333;
}
.karta .powiazane .more{
    overflow: hidden;
    float: right;
    color: #000;
    padding: 10px;
    font-weight: bold;

}
.powiazane .more span{
    cursor: pointer;
}
.powiazane .more span:hover{
    color: #00B0EE;
}
/*end powiazane*/

/*komentarze*/
.komentarze{
    overflow: hidden;
    margin-bottom: 20px;
}
.komentarze .title:hover{
    background-color: #00b5f0;
    cursor: pointer;
}
.komentarze .title{
    padding: 10px;
    background-color: #00B0EB;
    height: 36px;
    width: 100%;
    margin-bottom: 10px;
}
.komentarze .img{
    float: left;
    padding-right: 20px;
}
.komentarze .txt{
    height: 36px;
    display: table-cell;
    * display: block;
    * float: left;
    vertical-align:middle;
    color: #FFF;
    font-size: 22px;
    width: 260px;
}
.komentarze .txt p{
    float: left;
}
.komentarze .txt img{
    float: right;
    padding-top: 6px;
}
.koment_modul{
    overflow: hidden;
    /*border-left: 1px solid #000;*/
}

.koment_modul.hidden{
   visibility:hidden;
}

.koment_row.more{
    max-height:1000px;
    overflow:scroll;
    overflow-x:hidden;
}
.koment_modul .add{
    background-color: #EEE;
    padding: 10px;
}
.koment_modul textarea{
    font-size: 12px;
    color: #333;
    padding: 5px;
    border: none;
    width: 100%;
    height: 30px;
    resize: none;
    font-family: Arial;
    margin-bottom: 10px;
}

.koment_modul input{
    font-size: 12px;
    color: #333;
    padding: 5px;
    border: none;
    width: 40%;
    float: left;
}
.koment_modul button{
    font-size: 12px;
    color: #EEE;
    padding: 5px;
    border: none;
    background-color: #333;
    width: 40%;
    float: right;
}
.koment_modul .koment_main{
    padding: 10px;
    border-bottom: 1px solid #CCC;
    overflow: hidden;
}


.koment_modul .koment_main.hidden{
    visibility:hidden;
}
.koment_modul .foto_col{
    width: 55px;
    float: left;
}
.koment_modul .flaki{
    float: left;
    width: 270px;
    margin-left: 10px;
}
.koment_modul .nick{
    font-size: 12px;
    font-weight: bold;
    color: #00B0EB;
    float: left;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}
.koment_modul .data{
    font-size: 10px;
    color: #AAA;
    float: right;
}
.koment_modul .txt{
    font-size: 12px;
    padding-top: 5px;
    color: #333;
}
.koment_modul .txt a{
    color: #0080c0;
}
.koment_modul .txt a:hover{
    text-decoration: underline;
}
.koment_modul .actions{
    margin-top: 10px;
}
.koment_modul .actions a{
    float: left;
    color:#AAA;
    font-size: 12px;
}
.koment_modul .actions a:hover{
    color:#333;
}
.koment_modul .actions .lapka{
    float: right;
    font-size: 12px;
    margin-left: 5px;
    color: #AAA;
}
.koment_modul .actions .lapka img.on,
.koment_modul .actions .lapka img.off{
    opacity: 0.5;
    filter: alpha(opacity = 50);

    cursor: pointer;
}
.koment_modul .actions .lapka img.on:hover,
.koment_modul .actions .lapka img.off:hover{
    opacity: 1;
    filter: alpha(opacity = 100);
}

.koment_modul .koment_answ{
    margin-left: 60px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #CCC;
    overflow: hidden;
}
.koment_modul .koment_answ .flaki{
    width: 210px;
}

.koment_modul .koment_main .add{
    margin-top: 10px;
}
.koment_modul .seemore{
    overflow: hidden;
    padding: 5px;
    background-color: #EEE;
    font-size: 10px;
    cursor: pointer;
}
.koment_modul .seemore .count{
    float: right;
}
.koment_modul .seemore img{
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
.koment_modul .seemore:hover img{
    opacity: 1;
    filter: alpha(opacity = 100);
}
/*end komentarze*/
/*ask*/
.karta .ask{
    overflow: hidden;
    margin-bottom: 40px;
}
.karta .ask .title{
    background-color: #00B0EB;
    padding: 10px;
    margin-bottom: 10px;
    height: 36px;
    width:100%;
}
.karta .ask .title:hover{
    background-color: #00b5f0;
    cursor: pointer;
}
.karta .ask .img{
    float: left;
    padding-right: 20px;
}
.karta .ask .txt{
    height: 36px;
    display: table-cell;
    * display: block;
    * float: left;
    vertical-align:middle;
    color: #FFF;
    font-size: 22px;
    /*width: 280px;*/
    width: 500px;
}
.karta .ask .txt p{
    float: left;
}
.karta .ask .txt img{
    float: right;
    padding-top: 6px;
}
.karta .ask .form input{
    font-size: 16px;
    color:#333;

    /*width: 340px;*/
    width: 580px;
    padding: 10px;
    /*border-left:1px solid #333;*/
    border:none;
    background-color:#EEE;
}
.karta .ask .form .row{
    margin-bottom: 20px;
}
.karta .ask .form textarea{
    font-size: 16px;
    color:#333;
    font-family: Arial, sans-serif;

    /*width: 340px;*/
    width: 580px;
    height: 130px;
    padding: 10px;
    /*border-left:1px solid #333;*/
    border-top:none;
    border-right:none;
    border-bottom:none;
    background-color:#EEE;
    resize: none;
}

.karta .ask .form .buttons{
    overflow: hidden;
    padding: 10px;
}
.karta .ask .form button {
    color: white;
    font-size: 14px;
    float: right;
    width: 127px !important;
    height: 37px;
    width: 100%;
    border: none;
    margin-left: 10px;

}
.karta .ask .form button[type="submit"] {
    background: url(../images/icons/button_bg_blue.png);
}
.karta .ask .form button[type="reset"] {
    background: url(../images/icons/button_bg_grey.png);
}
.karta .ask .form button:hover{
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
/*end ask*/
/*social_buttons*/
.karta .social_buttons{
    overflow: hidden;
    width: 300px;
    float: right;
    margin-bottom: 20px;
}
.karta .social_buttons .links{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.karta .social_buttons .links a{
    font-weight: bold;
    margin-right: 15px;
}
.karta .social_buttons .socials .fb-like{
    margin-right: 20px;
    float: left;
}
.karta .social_buttons .socials .g-plusone{
    margin-right: 20px;
    float: left;
}
/*end social_buttons*/

.linki_produkt{
    margin-bottom: 20px;
    width: 300px;
    float: right;
}
.linki_produkt .title {
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}
.linki_produkt ul{
    margin-left: 10px;
}
.linki_produkt ul li{
	font-size: 12px;
    margin-bottom: 5px;
    font-weight: normal;
    list-style-type: disc;
    margin-left: 20px;
}

/*end karta*/

/*ask_down*/
.ask_down{
    overflow: hidden;
    padding-bottom: 40px;
}
.ask_down .cols{
    overflow: hidden;
}
.ask_down .col{
    whidth:500px;
    float: left;
}
.ask_down .title{
    background-color: #00B0EB;
    padding: 10px;
    margin-bottom: 20px;

    font-size: 32px;
    color: white;
    font-family: "MyriadProRegular", Arial, sans-serif;
}

.ask_down .form input{
    font-size: 16px;
    color:#333;

    width: 470px;
    padding: 10px;
    border-bottom:1px solid #333;
    border-top:none;
    border-right:none;
    border-left:none;
    background-color:#EEE;
}
.ask_down .form .row{
    margin-bottom: 20px;
}
.ask_down .form textarea{
    font-size: 16px;
    color:#333;
    font-family: Arial, sans-serif;

    width: 470px;
    height: 145px;
    margin-left: 20px;
    padding: 10px;
    border-bottom:1px solid #333;
    border-top:none;
    border-right:none;
    border-left:none;
    background-color:#EEE;
    resize: none;
}
.ask_down .form .buttons{
    overflow: hidden;
    padding: 10px;
}
.ask_down .form button {
    color: white;
    font-size: 14px;
    float: right;
    width: 127px !important;
    height: 37px;
    width: 100%;
    border: none;
    margin-left: 10px;

}
.ask_down .form button[type="submit"] {
    background: url(../images/icons/button_bg_blue.png);
}
.ask_down .form button[type="reset"] {
    background: url(../images/icons/button_bg_grey.png);
}
.ask_down .form button:hover{
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
/*end ask_down*/

/*produkty*/


.slider_produkty {
    width:1000px;
    overflow:hidden;
    padding:20px 8px 50px 8px;
    position: relative;
    height: 370px;
}

.slider_produkty .pady {
    overflow: hidden;
    height: 390px;
    position: relative;
    width:1000px;
}

.slider_produkty li.alfa {
    padding: 20px 0;
}

.slider_produkty .alfa .img{
    position: absolute;
    z-index: 1;
    /*left: 0px;*/
    width: 400px;
    height: 300px;
    overflow: hidden;
}
.slider_produkty .beta .img{
    position: relative;
    z-index: 1;
    /*left: 0px;*/
    width: 1000px;
    height: 370px;
    overflow: hidden;
}

.slider_produkty .alfa .img > img{
    position: absolute;
    right:0;
    height: 300px;
}

.slider_produkty .alfa .txt{
    float: right;
    width:500px;
    margin-right: 60px;
}
.slider_produkty .beta .txt{
/*    top: 145px;*/
    left: 10px;
    bottom: 60px;
    width:750px;
    margin-left: 60px;
    position: absolute;
    /*position: relative;*/
    z-index: 2;

    opacity:0.9;
    filter: alpha(opacity=90);

    background: url(../images/icons/bullet_off.png) 0 0 no-repeat;
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}

.slider_produkty .alfa .txt h2{
    font-family: Roboto-Light-webfont;
    font-size: 36px;
    margin-bottom: 10px;
}
.slider_produkty .beta .txt h2{
    font-family: Roboto-Light-webfont;
    font-size: 36px;
    margin-bottom: 10px;
    
    color: #FFF;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    
}
.slider_produkty .beta .txt h2 a{
    background-color: #00B0EE;
    padding: 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
}
.slider_produkty .alfa .txt h3{
    font-family: Arial;
    font-size: 14px;
    line-height: 160%;
}
.slider_produkty .beta .txt h3{
    font-family: Arial;
    font-size: 12px;
    line-height: 180%;
    width:500px;
    padding: 5px 10px;

    background: #333;
}

.slider_produkty .left_b{
    position: absolute;
    top:165px;
    left: 20px;
    z-index: 10;
    cursor: pointer;
}

.slider_produkty .right_b{
    position: absolute;
    top:165px;
    right: 20px;
    z-index: 10;
    cursor: pointer;
}

.slider_produkty .left_b, .slider_produkty .right_b{
    opacity:0.8;
    filter: alpha(opacity=80);
}

.slider_produkty .left_b:hover, .slider_produkty .right_b:hover{
    opacity:1;
    filter: alpha(opacity=100);
}

.slider_produkty .slider_b{
    position: absolute;
    bottom: 25px;
    z-index: 10;
    height: 30px;

    text-align: center;
    overflow: hidden;
    width: 1000px;
}

.slider_produkty .slider_b ul{
    text-align: center;
    display: inline-block;
    *margin-left:20px;
}

.slider_produkty .slider_b ul li{
    width: 19px;
    height: 19px;
    display: inline-block;
    float: left;
    margin: 0 5px;

    opacity:0.8;
    filter: alpha(opacity=80);

    cursor: pointer;

    background: url(../images/icons/bullet_off.png) 0 0 no-repeat;
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;

    background: url(../images/icons/slider_b.png) 0 0 no-repeat;
}

.slider_produkty .slider_b ul li.active{
    background: url(../images/icons/slider_b_active.png) 0 0 no-repeat;

    opacity:1;
    filter: alpha(opacity=100);
}

.slider_produkty .slider_b ul li:hover{
    background: url(../images/icons/slider_b_active.png) 0 0 no-repeat;

    opacity:1;
    filter: alpha(opacity=100);
}

.slider_produkty .shadow{
    position: absolute;
    bottom: 14px;
    left: 0px;
    background: url(../images/bg_1000.png) 0 0 repeat;
    width: 1000px;
    height: 6px;
}

.slider_produkty .lt{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1000px;
    height: 1px;
    background-color: #e5e5e5;
}
body#wybor_na_5 .slider_produkty .lt{
       background-color: #fff;
}
.slider_produkty .beta:hover .txt{
    opacity:1;
    filter: alpha(opacity=100);
}

.slider_produkty .beta .txt h2 a{
    color: #FFF;
}
.slider_produkty .beta .txt h3,
.slider_produkty .beta .txt span{
    color: #CCC;
}



/*slider_gama*/
.slider_gamma{
    width:1000px;
    overflow:hidden;
    padding:20px 8px 50px 8px;
    position: relative;
    height: 370px;
}
.slider_gamma .pady{
    overflow: hidden;
    padding-bottom: 20px;
    height: 370px;
    position: relative;
    width:1000px;
}
.slider_gamma li{
    width: 1000px;
}
.slider_gamma .img{
    position: absolute;
    z-index: 1;
    /*left: 0px;*/
    width: 1000px;
    height: 370px;
    overflow: hidden;
}
.slider_gamma .txt{
    /*left: 10px;*/
    /*top: 20px;*/
    width:850px;
    margin-left: 60px;
    position: absolute;
    z-index: 2;

    opacity:0.9;
    filter: alpha(opacity=90);

    background: url(../images/icons/bullet_off.png) 0 0 no-repeat;
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.slider_gamma:hover .txt{
    opacity:1;
    filter: alpha(opacity=100);
}
.slider_gamma .txt h2{
    font-family: Roboto-Light-webfont;
    font-size: 36px;
    margin-bottom: 10px;
    padding: 5px 10px;
    color: #FFF;
    text-align: center;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    background-color: #00B0EE;
}
.slider_gamma .txt h2 a{
    color: #FFF;
}
.slider_gamma .txt h3{
    font-family: Arial;
    font-size: 12px;
    line-height: 180%;
    width:500px;
    padding: 5px 10px;

    background: #333;
}
.slider_gamma .txt h3 a{
    color: #CCC;
}
.slider_gamma .left_b{
    position: absolute;
    top:185px;
    left: 20px;
    z-index: 10;
    cursor: pointer;
}

.slider_gamma .right_b{
    position: absolute;
    top:185px;
    right: 20px;
    z-index: 10;
    cursor: pointer;
}
.slider_gamma .left_b, .slider_gamma .right_b{
    opacity:0.8;
    filter: alpha(opacity=80);
}
.slider_gamma .left_b:hover, .slider_gamma .right_b:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.slider_gamma .slider_b{
    position: absolute;
    bottom: 25px;
    z-index: 10;

    text-align: center;
    overflow: hidden;
    width: 1000px;
}
.slider_gamma .slider_b ul{
    overflow: hidden;
    text-align: center;
}
.slider_gamma .slider_b ul li{
    width: 19px;
    height: 19px;
    display: inline-block;
    margin: 0 5px;

    opacity:0.8;
    filter: alpha(opacity=80);

    cursor: pointer;

    background: url(../images/icons/bullet_off.png) 0 0 no-repeat;
    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;

    background: url(../images/icons/slider_b.png) 0 0 no-repeat;
}
.slider_gamma .slider_b ul li.active{
    background: url(../images/icons/slider_b_active.png) 0 0 no-repeat;

    opacity:1;
    filter: alpha(opacity=100);
}
.slider_gamma .slider_b ul li:hover{
    background: url(../images/icons/slider_b_active.png) 0 0 no-repeat;

    opacity:1;
    filter: alpha(opacity=100);
}
.slider_gamma .shadow{
    position: absolute;
    bottom: 14px;
    left: 0px;
    background: url(../images/bg_1000.png) 0 0 repeat;
    width: 1000px;
    height: 6px;
}
.slider_gamma .play{
    position: absolute;
    top: 160px;
    left: 475px;
}
/*end slider_alfa*/

/*cats*/
.koty{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
    margin-top: -10px;
}
.koty ul li{
    width:145px;
    padding: 0 10px;
    float: left;
    margin-top: 20px;
}
.koty ul li .title{
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.koty ul li .more a {
    margin-left: 10px;
    font-size: 12px;
}
.koty ul li .more span{
    margin-left: 10px;
    font-size: 12px;
}
.koty ul li .more span:hover{
    color: #00B0EE;
    cursor: pointer;
}
.koty ul li .more{
    right: 20px !important;
    left: inherit;
    background: url(../images/icons/dark_dot.png) 0 5px no-repeat;
}
.koty ul li .links{
    margin-bottom: 10px;
    line-height: 150%;
    font-size: 12px;
}
.koty ul li .links a::after {
    content: ", ";
}
.koty ul li .links a.last::after{
    content: "";
}
/*end cats*/

/*boxy_produktowe*/
.boxy_produktowe{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
}
.boxy_produktowe ul li{
    position:relative;
    z-index:1;
    width:300px;
    float:left;
    overflow:hidden;
}
.boxy_produktowe ul li .img{
    position: relative;
    overflow: hidden;
    border: 1px solid #EEE;
}
.boxy_produktowe ul li{
    padding-left:25px;
}
.boxy_produktowe ul li:hover .txt{
    top:0px;
    left:25px;
}
.boxy_produktowe .txt{
    z-index:10;
    padding:10px 0;
    width:280px;
    height:130px;
    font-size: 12px;
}
.boxy_produktowe .txt a{
    font-size:12px;
}
.boxy_produktowe .txt p.title a:hover{
    text-decoration:underline;
}
.boxy_produktowe .txt p.title a{
    font-weight:bold;
    margin-bottom:10px;
    font-size: 16px;
    color: #00B0ED;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.boxy_produktowe .txt p{
    line-height:125%;
}
.boxy_produktowe .txt span{
    line-height: 150%;
}
.boxy_produktowe .txt span:hover{
    color: #00B0EE;
}
.boxy_produktowe .row{
    margin-bottom:30px;
}
.boxy_produktowe .inf{
    bottom:-40px;
    left:0px;
    position:absolute;
    z-index:10;
    padding:10px;
    width:280px;
    height:30px;

    text-align: center;
    font-size: 24px;
    color: #FFF;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.boxy_produktowe .img:hover .inf{
    bottom:0;
}
/*end boxy_produktowe*/

/*poradniki_box*/
.poradniki_box{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
}
.poradniki_box .cols{
    overflow: hidden;
}
.poradniki_box .col_left{
    float: left;
    width: 400px;
    border-right: 1px solid #DDD;
}
.poradniki_box .col_left .title{
    border-bottom: 1px solid #DDD;
    padding: 5px 20px;
}
.poradniki_box .col_left .title a{
    font-size: 28px;
    color: #333;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.poradniki_box .title img {
    padding: 5px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.poradniki_box .col_left .list{
    width: 380px;
    padding: 20px 0 20px 20px;
}
.poradniki_box .col_left .list ul li{
    float: left;
    height: 50px;
    font-size: 16px;
    color: #666;
    display: table-row;
    cursor: pointer;
    padding-right: 20px;
}
.poradniki_box .col_left .list ul li:hover{
    color: #000;
    /* pc
    background: url(../images/icons/point.png) right center no-repeat;
    pc */
}
.poradniki_box .col_left .list ul li p{
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    width: 360px;
    text-align: right;

}
.poradniki_box .col_left .list ul li p img{
    margin-left: 20px;
    vertical-align: middle;
}
.poradniki_box .col_right{
    float: right;
    width:590px;
    position: relative;
}
.poradniki_box .col_right .txt{
    height: 250px;
    display: table-row;
}
.poradniki_box .col_right .txt p{
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    line-height: 175%;
    padding: 0 20px;

    font-family: "Times New Roman";
}
.poradniki_box .col_right .txt p img{
    float: left;
    margin-right: 20px;
}
.poradniki_box .col_right .more a {
    margin-left: 20px;
    font-size: 12px;
}
.poradniki_box .col_right .more{
    width:300px;
    border-top: 1px solid #DDD;
    float: right;
    padding-top: 5px;
    background: url(../images/icons/dark_dot.png) 0 10px no-repeat;
}
/*end poradniki_box*/
/*end produkty*/

/*cad*/
.cad_show{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
}
.cad_show ul li{
    float: left;
    width: 220px;
    height: 400px;
    padding: 15px;
    position: relative;
}
.cad_show .small ul li{
    height: 220px;
}
.cad_show ul li:hover{
    background-color: #333;
}
.cad_show ul li .img{
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.cad_show ul li img{
    border:5px solid #333;
}
.cad_show .small ul li a.blue_cad img{
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;

    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}
.cad_show .small ul li:hover a.blue_cad img{
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.cad_show .small ul li:hover{
    background: #eee;
}
.cad_show ul li h2{
    line-height: 80%;
    height: 50px;
}
.cad_show ul li .txt h2 a{
    color: #00B0EB;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.cad_show ul li .txt{
    overflow: hidden;
    padding: 0 5px;
}
.cad_show ul li .txt a{
    color: #666;
    line-height: 150%;
}
.cad_show ul li:hover .txt > a{
    color:#CCC;
}

.cad_show ul li .more{
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding-top: 5px;
    background: url(../images/icons/white_dot.png) 0 10px no-repeat;
}
.cad_show ul li .more a {
    color:#FFF;
    margin-left: 15px;
    font-size: 12px;
}
/*end cad_show*/

/*cadlist*/
.cadlist{
    width:1000px;
    overflow:hidden;
    position: relative;
}
.cadlist .naviline{
    width:3px;
    height: 100%;

    position: absolute;
    top: 0;
    left: 8px;
    z-index:6;
}
.cadlist .naviline .blueline{
    width: 3px;
    height: 337px;
    background-color: #00B0EE;
}
.cadlist_item{
    overflow: hidden;
    margin-bottom: 40px;
}
.cadlist .up{
    margin-bottom: 10px;
    font-size: 32px;
    color: #00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;

    padding: 0 20px;
    margin-bottom: 20px;
    position: relative;
}
.cadlist .up a{
    color: #00B0EE;
}
.cadlist .up a:hover{
    color: #000;
}
.cadlist .flesh{
    overflow: hidden;
    background: url(../images/bg_smoke.gif) 0 0 repeat;
}
.cadlist .cadlist_item.light .flesh{
    background: url(../images/bg_smoke_light.gif) 0 0 repeat;
}
.cadlist .cadlist_item:hover .flesh{
    background: #f5f5f5;
}
.cadlist .flesh .dual{
    overflow: hidden;
    width:460px;
    float: left;

    padding: 20px;
}

.cadlist .flesh .dual .img{
    position: relative;
    width:158px;
    height:158px;
    margin-right: 20px;
    background:url(../images/bg_158x158.png) 0 0 repeat;
    float: left;
}
.cadlist .flesh .dual .img img{
    padding-top:1px;
    padding-left:1px;
}
.cadlist .flesh .dual .hover:hover{
    opacity:1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.cadlist .flesh .dual .hover{
    position:absolute;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top:1px;
    left:1px;
    z-index:10;
    width:150px;
    height:150px;
    background:url(../images/blue.png) 0 0 repeat;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.cadlist .flesh .dual .hover img{
    padding-top:55px;
    padding-left:55px;
}
.cadlist .flesh .dual .hover a{
    display:block;
    width:100%;
    height:100%;
}
.cadlist .flesh .dual .hover a:hover{
    color:#000;
}
.cadlist .flesh .dual .txt{
    float: left;
    width: 280px;
    height: 155px;
    position: relative;
}
.cadlist .flesh .dual .txt .title a{
    font-size: 16px;
    color: #00B0EE;
    text-transform: uppercase;
    font-weight: bold;
}
.cadlist .flesh .dual .txt a:hover{
    color:#000;
}
.cadlist .flesh .dual .txt .opis{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #666;
    line-height: 150%;
}
.cadlist .flesh .thinslide{
    overflow: hidden;
    position: relative;
    float: left;
    border-top: 1px solid #CCC;
}
.cadlist .flesh .thinslide .dual.left > a{
    margin-left: 75px;
    line-height: 150%;
    width: 350px;
    display: block;
}
.cadlist .flesh .thinslide .dual{
    height:43px;
}
.cadlist .flesh .thinslide .dual.right > a{
    margin-right: 75px;
    line-height: 150%;
    width: 350px;
    display: block;
}
.cadlist .flesh .left_b{
    position: absolute;
    top:20px;
    left: 20px;
    z-index: 10;
    cursor: pointer;
}

.cadlist .flesh .right_b{
    position: absolute;
    top:20px;
    right: 20px;
    z-index: 10;
    cursor: pointer;
}
.cadlist .flesh .left_b,
.cadlist .flesh .right_b{
    opacity:0.8;
    filter: alpha(opacity=80);
}
.cadlist .flesh .left_b:hover,
.cadlist .flesh .right_b:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
/*end cadlist*/
/*end cad*/

/*firmy*/
/*firmy_slider*/
.firmy_slider{
    overflow: hidden;
}
.firmy_slider .up{
    border-bottom: 1px solid #00B0EE;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.firmy_slider .up p {
    margin-bottom: 10px;
    font-size: 32px;
    color: #00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;
    float: left;
}
.firmy_slider .up img{
    padding: 15px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.firmy_slider .up img:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
}

.firmy_slider .lt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1000px;
    height: 1px;
    background-color: #E5E5E5;
}
.firmy_slider .shadow {
    position: absolute;
    bottom: 20px;
    left: 0px;
    background: url(../images/bg_1000.png) 0 0 repeat;
    width: 1000px;
    height: 6px;
}
.firmy_slider .pady{
    overflow: hidden;
    padding: 20px 0;
    height: 250px;
    position: relative;
    width: 1000px;
}
.firmy_slider .firma{
    float: left;
    width: 480px;
    height:225px;
    padding: 0 10px;
    text-align: center;
    position: relative;
}
.firmy_slider .firma .logo{
    line-height:195px;
}
.firmy_slider .firma img{
    vertical-align: middle;
    max-height:190px;
    max-width:480px;
}
.firmy_slider .firma .txt{
    text-align: center;
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
}
.firmy_slider .firma .txt a{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.firmy_slider .desc{
    width:500px;
    height:250px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}
.firmy_slider .desc .txt{
    overflow: hidden;
    background-color: #00B0EE;
    padding: 10px;
    height: 55px;
}
.firmy_slider .desc .txt h2{
    font-size: 13px;
    line-height: 125%;
}
.firmy_slider .desc .txt h2 a{
    color: #FFF;
}
.firmy_slider .desc .txt h2 a:hover{
    text-decoration: underline;
}
.firmy_slider .desc .foto{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
}
.firmy_slider .desc .foto .big{
    position: relative;
    float: left;
    width: 320px;
    height: 150px;
}
.firmy_slider .desc .foto .big .opis{
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/black50.png) 0 0 repeat;
    width: 300px;
    padding: 10px;
    color:#FFF;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.firmy_slider .desc .foto .big:hover .opis{
    background: url(../images/blue.png) 0 0 repeat;
}
.firmy_slider .desc .big .opis a{
    color:#FFF;
    font-weight: bold;
}
.firmy_slider .desc .small{
    width: 150px;
    height: 150px;
    float: right;
    margin-left: 30px;
}

/*end firmy_slider*/

/*red_firmy*/
.red_firmy .up{
    border-bottom: 1px solid #00B0EE;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.red_firmy .up p {
    margin-bottom: 10px;
    font-size: 32px;
    color: #00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;
    float: left;
}
.red_firmy .up img{
    padding: 15px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.red_firmy .up img:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
}
.red_firmy ul li{
    position:relative;
    z-index:1;
    width:300px;
    float:left;
    overflow:hidden;
}
.red_firmy ul li .logo{
    overflow: hidden;
    line-height: 150px;
    text-align: center;
    border:1px solid #EEE;
}
.red_firmy ul li .logo img{
    vertical-align: middle;
}
.red_firmy ul li{
    padding-left:25px;
}
.red_firmy ul li:hover .txt{
    top:0px;
    left:25px;
}
.red_firmy .txt{
    z-index:10;
    padding:10px 0;
    width:280px;
    height:130px;
}
.red_firmy .txt a,
.red_firmy .txt span{
    font-size:12px;
}
.red_firmy .txt span:hover{
    color: #00B0EE;
}
.red_firmy .txt p.title a:hover{
    text-decoration:underline;
}
.red_firmy .txt p.title a{
    font-weight:bold;
    margin-bottom:10px;
    font-size: 16px;
    color: #00B0ED;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.red_firmy .txt p{
    line-height:125%;
}
.red_firmy .row{
    margin-bottom:30px;
}
/*end red_firmy*/
/*new_firmy*/
.new_firmy .up{
    border-bottom: 1px solid #00B0EE;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.new_firmy .up p {
    margin-bottom: 10px;
    font-size: 32px;
    color: #00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;
    float: left;
}
.new_firmy .up img{
    padding: 15px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.new_firmy .up img:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
}
.new_firmy .row ul li{
    position:relative;
    z-index:1;
    width:300px;
    float:left;
    overflow:hidden;
}
.new_firmy .row ul li .logo{
    overflow: hidden;
    line-height: 150px;
    text-align: center;
    border:1px solid #EEE;
}
.new_firmy .row ul li .logo img{
    vertical-align: middle;
}
.new_firmy .row ul li{
    padding-left:25px;
}
.new_firmy .row ul li .txt:hover{
    bottom:0px;
    left:25px;
    background:url(../images/blue.png) 0 0 repeat;
}
.new_firmy .txt{
    position: absolute;
    bottom: 0;
    left: 25px;
    z-index:10;
    padding:10px;
    width:280px;
    background:url(../images/black75.png) 0 0 repeat;
}

.new_firmy .txt p.title a{
    font-weight:bold;
    font-size: 14px;
    color: #FFF;

    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.new_firmy .row{
    margin-bottom:30px;
}
.new_firmy .more_line{
    margin-bottom: 60px;
}
.new_firmy .sub{
    overflow:hidden;
    padding-bottom: 20px;
    position: relative;
}
.new_firmy .sub .manubar{
    padding-bottom:10px;
}
.new_firmy .sub .manubar ul li{
    float:left;
    font-weight:bold;

    border-bottom: 1px solid #00B0EE;
    padding-bottom: 20px;
}
.new_firmy .sub .manubar ul li.first a{
    border-left: none;
    padding:0px 14px;
}
.new_firmy .sub .manubar ul li a{
    font-size:12px;
    border-left: 1px solid #DDD;
    padding:0px 11px;

    color:#333;
    text-transform: uppercase;
}
.new_firmy .sub .manubar ul li:hover a{
    color:#00B0EE;
}
.new_firmy .sub .manubar ul li:hover{
    color:#00B0EE;
    border-bottom: 3px solid #00B0EE;
    padding-bottom: 17px;
}

/*end new_firmy*/
/*end firmy*/

/*boxy_large*/
.boxy_large{
    width:1000px;
    overflow:hidden;
    padding-bottom:30px;
}
.boxy_large .up{
    border-bottom:1px solid #00B0EE;
    padding:0 20px;
    margin-bottom:20px;
    position: relative;
    overflow: hidden;
}
.boxy_large .up p{
    margin-bottom:10px;
    font-size: 32px;
    color: #00B0EE;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.boxy_large .up img{
    padding: 15px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.boxy_large .up img:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
}
.boxy_large .up .button a:hover{
    background-color:#00befd;
    color:#FFF;
}
.boxy_large .up_double{
    overflow: hidden;
    padding: 0 20px 20px 20px;
    margin-top: -10px;
}
.boxy_large .up_double p{
    font-size: 24px;
    float: left;
    margin-right: 10px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.boxy_large .up_double img{
    padding-top: 2px;
    float: left;
}
.boxy_large .up .morelink{
    position: absolute;
    top: 0;
    right: 0;
}
.boxy_large .up .morelink a{
    font-family: Arial;
    font-size: 14px;
    padding:10px 15px;
    background-color:#00B0EE;
    display: block;
    color:#FFF;
}
.boxy_large .up .morelink  a:hover{
    background-color:#00befd;
    color:#FFF;
}
.alfabet{
    position: relative;
    overflow: hidden;
}
.alfabet ul{
    float: left;
}
.alfabet ul.last{
    float: right;
}
.alfabet ul li{
    float: left;
}
.alfabet ul.last li a{
    padding: 13px 27px;
}
.alfabet ul li a{
    display: block;
    padding: 13px;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
}
.alfabet ul li a:hover,
.alfabet ul li.active a{
    display: block;
    background: #00B0EE;
    color: #FFF;
}

/*alfabet_bar*/
.alfabet_bar{
    background: #00B0EE;
    overflow:hidden;
    vertical-align:middle;
    color:#FFF;
    position: relative;
    margin-bottom: 20px;
}
.alfabet_bar > a{
    color:#FFF;
    display:block;
    padding:7px 30px;
    position: absolute;
    top: 0;
}
.alfabet_bar h1,
.alfabet_bar p{
    color:#FFF;
    display:block;
    padding:7px 7px;
    font-size: 14px;
}
.alfabet_bar > a.back{
    right: 0;
}
.alfabet_bar a:hover{
    background: #333;
}
/*end paginacje*/
.boxy_large .row ul li{
    position:relative;
    z-index:1;
    width:300px;
    height:350px;
    float:left;
    overflow:hidden;

    padding-left: 25px;
}
.boxy_large .row ul li:hover .txt{
    bottom:0px;
    left:25px;
    background:url(../images/blue.png) 0 0 repeat;
}
.boxy_large .txt{
    bottom:0px;
    left:25px;
    position:absolute;
    z-index:10;
    padding:10px;
    width:280px;
    background:url(../images/black75.png) 0 0 repeat;
    text-align: center;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.boxy_large .txt a{
    color:#FFF;
    font-size:12px;
}
.boxy_large .txt h4.title{
    font-weight:bold;
    margin-bottom:10px;
    text-align: center;
}
.boxy_large .txt p{
    line-height:125%;
}
.boxy_large .row{
    margin-bottom:30px;
}

.boxy_large.slide .txt{
    bottom:-270px;
    left:25px;
    position:absolute;
    z-index:10;
    padding:10px;
    width:280px;
    height: 330px;
    background:url(../images/black75.png) 0 0 repeat;
    text-align: left;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.boxy_large.slide .txt,
.boxy_large.slide .txt a{
    color:#FFF;
    font-size:12px;
}
.boxy_large.slide .txt h2.title{
    font-weight:bold;
    margin:10px 0;
    height:60px;
    text-align: center;
}
.boxy_large.slide .txt h2 a{
    line-height:125%;
    font-size: 13px;
}
.boxy_large.slide .txt h3.title{
    font-weight:bold;
    margin:10px 0;
    height:60px;
    text-align: center;
}
.boxy_large.slide .txt h3 a,
.boxy_large.slide .txt h3{
    line-height:125%;
    font-size: 13px;
    color: #FFF;
}

/*end boxy_large*/


/*artykul*/
.artykul{
    overflow: hidden;
    padding-bottom: 40px;
}
.artykul h1{
    font-family: MyriadProSemibold;
    font-size:31px;
    padding: 10px 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCC;
}
/*breadcrumbs*/

.tagi{
    overflow:hidden;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
    box-sizing: border-box;
    padding-left: 120px;
}

.tagi a{
    color: inherit;
    float: left;
    margin-right: 5px;
    font-size: 12px;
    padding-top: 10px;
    background:none;
}
.tagi span {
    font-size: 12px;
    float: left;
    background-color:#00B0EE;
    padding:10px;
    color:#FFF;
    margin-left: -120px;
}
.tagi a::after {
    content: ",";
    font-size:14px;
    position: relative;
    display: block;
    float: right;
}
.tagi a.last::after {
    content: "";
}
.tagi a{
    font-weight:bold;
}
.tagi a:hover{
    color:#00B0EE;
}
/*end breadcrumbs*/

.artykul .cols{
    overflow: hidden;
}
.artykul .cols .col_left{
    width: 600px;
    float: left;
}
.artykul .cols .col_right{
    width: 360px;
    float: right;
}
.artykul .cols .col_left .opis{
    margin: 0 10px;

    color: #535353;
    line-height: 175%;
}
.artykul .cols .col_left .opis p{
    margin-bottom: 10px;
}
.artykul .cols .col_left .player{
    width: 600px;
    margin-bottom: 20px;
}
.artykul .obrazek{
    width: 600px;
    position: relative;
    overflow: hidden;
}
.artykul .obrazek img{
    width: 600px;
    height: auto;
}
.artykul .obrazek .goto{
    position: absolute;
    left: 0px;
    bottom: 10px;
    padding: 10px;
    background-color: #00B0EE;

}
.artykul .obrazek .goto:hover{
    background-color: #009ed2;
}
.artykul .obrazek .goto a{
    padding: 10px 0 0 10px;
    color: #FFF;
}
.artykul .podpis{
    text-align: right;
    color:#999;
    font-size: 12px;
    margin-bottom: 10px;
}
.opis h3 {
    margin-bottom: 10px;
    font-weight: bold;
}
.artykul .lead{
    font-weight: bold;
    margin: 0 10px;
    color: #535353;
    line-height: 175%;
    margin-bottom: 20px;
}
.artykul .opis span{
    font-weight: bold;
}
.artykul .opis strong{
    font-weight: bold;
}
.artykul .opis > ul li{
    list-style-image: url(../images/icons/dark_dot.png);
    margin-bottom: 10px;
    margin-left: 30px;
}
.artykul .opis a{
    color: #00B0EE;
}
.artykul .opis a:hover{
    text-decoration: underline;
}
.artykul .opis .whomadeit{
    overflow: hidden;
    margin: 20px 0;
}
.artykul .opis .whomadeit p{
    float: left;
    min-width: 200px;
    border-top: 1px solid #CCC;
    padding-top: 10px;
    padding-right: 20px;
    color: #333;
    font-weight: bold;
}
.artykul .lead p{
    margin-bottom: 10px;
    font-size: 16px;
}
/*ocena*/
.artykul .ocena{
    overflow: hidden;
    margin-bottom: 20px;
}
.artykul .ocena .chart{
    float: left;
    margin-right: 20px;
}
.artykul .ocena .dej_kamienia{
    float: left;
}
.artykul .ocena .dej_kamienia p{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
/*end ocena*/
/*powiazane*/
.artykul .powiazane{
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}
.artykul .powiazane .title{
    padding: 20px;
    font-family: "MyriadProRegular", Arial, sans-serif;
    border-bottom: 1px solid #CCC;
    font-size: 32px;
}
.artykul .powiazane .produkt{
    overflow: hidden;
    padding: 20px;
}
.artykul .powiazane .produkt:hover{
    background-color: #e6e6e6;
}
.artykul .powiazane .produkt .img{
    float: left;
}
.artykul .powiazane .produkt .img.img_movie{
    position: relative;
    cursor: pointer;
}
.artykul .powiazane .produkt .img.img_movie .play{
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 5;
}
.artykul .powiazane .produkt .img.img_movie img:hover{
    opacity: 1;
}
.artykul .powiazane .produkt img:hover{
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
.artykul .powiazane .produkt .txt{
    float: left;
    margin-left: 20px;
    width: 199px;
}
.artykul .powiazane .produkt .txt a{
    color: #00B0EB;
    font-size: 16px;
    font-weight: bold;
}
.artykul .powiazane .produkt .txt a:hover{
    color:#333;
}
.artykul .powiazane .more{
    overflow: hidden;
    float: right;
    color: #000;
    padding: 10px;
    font-weight: bold;

}
/*end powiazane*/



/*social_buttons*/
.artykul .social_buttons{
    overflow: hidden;
    width: 300px;
    float: right;
}
.artykul .social_buttons .links{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.artykul .social_buttons .links a{
    font-weight: bold;
    margin-right: 15px;
}
.artykul .social_buttons .socials .fb-like{
    margin-right: 20px;
    float: left;
}
.artykul .social_buttons .socials .g-plusone{
    margin-right: 20px;
    float: left;
}
/*end social_buttons*/
/*end artykul*/

/*wideo*/
.boxy_large .play{
    position: absolute;
    top: 150px;
    left: 150px;
}

/*wideo150*/
.wideo150{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
}
.wideo150 .up{
    border-bottom:1px solid #00B0EE;
    padding:0 20px;
    margin-bottom:20px;
    position: relative;
    overflow: hidden;
}
.wideo150 .up p{
    margin-bottom:10px;
    font-size: 32px;
    color: #00B0EE;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.wideo150 .up img{
    padding: 15px 10px 0 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.wideo150 .up img:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
}
.wideo150 .up .button a:hover{
    background-color:#00befd;
    color:#FFF;
}
.wideo150 .row ul li{
    float: left;
    z-index: 4;
    margin-left: 20px;
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.wideo150 .row ul li.first{
    margin-left: 0;
}
.wideo150 .play{
    position: absolute;
    z-index: 5;
    top: 50px;
    left: 50px;
}
.wideo150 ul li:hover .txt{
    bottom:0px;
    left:0px;
}
.wideo150 .txt{
    bottom:0px;
    left:-150px;
    position:absolute;
    z-index:10;
    padding:10px;
    width:130px;
    height:130px;
    background:url(../images/blue.png) 0 0 repeat;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
.wideo150 .txt p a{
    color: #FFF;
    line-height: 150%;
    font-size: 12px;
}
.wideo150 .txt p a:hover{
    text-decoration: underline;
}
.wideo150 .txt > a img{
    position: absolute;
    bottom: 10px;
    right: 10px;

    opacity:0.9;
    filter: alpha(opacity=90);
}
.wideo150 .txt > a:hover img{
    opacity:1;
    filter: alpha(opacity=100);
}
/*end wideo150*/
/*end wideo*/

/*katalog*/
.strona_katalogu{
    width:100%;
    position:relative;
    margin-bottom: 30px;
}
.strona_katalogu .next{
    position:absolute;
    right: -50px;
    top:50%;
}
.strona_katalogu .prev{
    position:absolute;
    left: -50px;
    top:50%;
}
.strona_katalogu .next,
.strona_katalogu .prev{
    opacity:1;
    filter: alpha(opacity=100);
}
.strona_katalogu .next:hover,
.strona_katalogu .prev:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
}
/*katalog_strony*/
.katalog_strony{
    overflow: hidden;
    background:url(../images/bg_smoke.gif) 0 0 repeat;
    padding: 20px 0;
}
.katalog_strony .prev{
    float: left;
    width: 50px;
    height: 100%;
    display: block;
    text-align: center;
    line-height: 150px;

    cursor:pointer;
}

.katalog_strony .next{
    float: left;
    width: 50px;
    height: 100%;
    display: block;
    text-align: center;
    line-height: 150px;

    cursor:pointer;
}
.katalog_strony ul{
    position:relative;
    z-index:1;
    float:left;
    margin-right:0px;
    margin-bottom:0px;
    width:900px;
}
.katalog_strony ul li{
    position:relative;
    z-index:1;
    float:left;
    margin:0 10px;
}
.katalog_strony ul li .nr{
    overflow: hidden;
    text-align: right;
    margin-right: 7px;
    font-weight: bold;
}
.katalog_strony .img{
    width:158px;
    height:158px;
    line-height: 149px;
    background:url(../images/bg_158x158.png) center center no-repeat;
    text-align: center;
}
.katalog_strony  .img img{
    padding-top:1px;
    padding-left:1px;
    vertical-align: middle;
    margin-left: -5px;
}
.katalog_strony  ul li:hover .hover,
.katalog_strony  ul li.active .hover{
    opacity:1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.katalog_strony  .hover{
    position:absolute;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    top:1px;
    left:2px;
    z-index:10;
    width:150px;
    height:150px;
    background:url(../images/blue.png) 0 0 repeat;

}
.katalog_strony  .hover img{
    padding-top:55px;
    padding-left:55px;
}
.katalog_strony  .hover a{
    display:block;
    width:100%;
    height:100%;
}
/*end katalog_strony*/
/*end katalog*/

/*firma*/
.ifirma{
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}

.ifirma .title{
    background-color: #00B0EE;
    overflow: hidden;
    font-size: 32px;

    color: white;
    font-family: "MyriadProRegular", Arial, sans-serif;
    padding: 35px 0px 10px 30px;
    display: block;
    position: relative;
}
.ifirma h1{
    font-size: 32px;
}
.ifirma .title span{
    font-size: 12px;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: 0;
    padding: 5px;
    background-color: #333;
}
.ifirma table{
    width: 100%;
}
.ifirma .up td{
    padding: 20px;
    margin-left: 15px;
    width: 280px;

}
.ifirma .up td.center{
    text-align: center;
}
.ifirma .up td.first{
    margin-left: 0;
}
.ifirma .up td .row{
    margin-bottom: 15px;
}
.ifirma .up td .row h1{
    margin-bottom: 5px;
    font-size: 14px;
}
.ifirma .up td .row > span{
    margin-bottom: 5px;
    font-size: 14px !important;
    display: block;
}
.ifirma .up td .row strong{
    font-weight: bold;
}
.ifirma .up td .row span{
    font-size:10px;
}
.ifirma .up td a{
    color: #00B0EE;
}
.ifirma .up td a:hover{
    text-decoration: underline;
}
.ifirma .dane{
    overflow: hidden;
}
.ifirma .dlinks{
    background:url(../images/bg_dark.gif) 0 0 repeat;
    float: left;
}
.ifirma .dlinks a{
    padding: 5px 40px;
    display: block;
    color: #FFF;
    float: left;
}
.ifirma .dlinks a:hover{
    background-color: #000;
}
.ifirma .dane > .row{
    background: #F8F8F8;
}

.ifirma .menu_bar{
    overflow: hidden;
}
.ifirma .menu_bar table{
    background-color: #EEEEEE;
}
.ifirma .menu_bar td{
    text-align: center;
    padding: 10px;
}
.ifirma .menu_bar a{
    font-size: 22px;
}
.ifirma .menu_bar a.active{
    font-size: 22px;
    color:#00B0EE;
}
/*oferta*/
.oferta{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
}

.oferta .up{
    border-bottom:1px solid #00B0EE;
    padding:0 20px;
    position: relative;
    overflow: hidden;
}
.oferta .up p{
    margin-bottom:10px;
    font-size: 32px;
    color: #00B0EE;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.oferta .txt{
    padding: 75px;
}
.oferta .txt h3{
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}
.oferta .txt p{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 175%;
}
.oferta .txt p strong{
    font-weight: bold;
}
.oferta .txt p a{
    color:#00B0EE;
}
.oferta .txt p a:hover{
    text-decoration: underline;
}
.oferta .txt span{
    font-weight: bold;
}
.oferta .txt ul li{
    list-style-image: url(../images/icons/dark_dot.png);
    margin-bottom: 10px;
    margin-left: 30px;
}


/*wideo150*/
.block150{
    width:1000px;
    overflow:hidden;
}
.block150 .up{
    border-bottom:1px solid #00B0EE;
    padding:0 20px;
    margin-bottom:20px;
    margin-top:30px;
    position: relative;
    overflow: hidden;
}
.block150 .up p{
    margin-bottom:10px;
    font-size: 32px;
    color: #00B0EE;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.block150 .up img{
    padding: 15px 10px 15px 10px;
    display: block;
    float: right;
    cursor: pointer;
}
.wideo150 .up img:hover{
    opacity:0.5;
    filter: alpha(opacity=50);
}
.wideo150 .up .button a:hover{
    background-color:#00befd;
    color:#FFF;
}
.block150 .row ul li{
    float: left;
    z-index: 4;
    margin-left: 20px;
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
}
.block150 .row ul li.first{
    margin-left: 0;
}
.block150 .play{
    position: absolute;
    z-index: 5;
    top: 50px;
    left: 50px;
}
.block150 ul li:hover .txt{
    bottom:0px;
    left:0px;
}
.block150 .txt{
    bottom:0px;
    left:-150px;
    position:absolute;
    z-index:10;
    padding:10px;
    width:130px;
    height:130px;
    background:url(../images/blue.png) 0 0 repeat;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}
/*.block150 .txt p{
}*/
.block150 .txt p{
    color: #FFF;
    font-size: 12px;
    line-height: 150%;
}
.block150 .txt > img{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
/*end wideo150*/

/*social_buttons*/
.oferta .social_buttons{
    overflow: hidden;
    width: 300px;
    float: right;
}
.oferta .social_buttons .links{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.oferta .social_buttons .links a{
    font-weight: bold;
    margin-right: 15px;
}
.oferta .social_buttons .socials .fb-like{
    margin-right: 20px;
    float: left;
}
.oferta .social_buttons .socials .g-plusone{
    margin-right: 20px;
    float: left;
}
/*end social_buttons*/

/* pc
.listing .download{
pc */
.listing div.download{
    position: absolute;
    bottom: 0;
    right: 0;
}
.listing .download .button,
.listing .download .size{
    float: left;
    padding: 5px;
}
.listing .download{
    font-size: 12px;
    font-weight: bold;
}
.listing .download .size{
    margin-left: 5px;
    color: #999;
}
.listing .download .button:hover{
    background-color: #666;
    color: #FFF;
}
.listing .download .button{
    cursor: pointer;
    color: #666;
    padding: 5px 20px;
}

/*end oferta*/

/*punkty*/
.punkty{
    padding-bottom: 30px;
    overflow: hidden;
    min-height: 300px;
    position: relative;
    z-index: 50;
}
.punkty.content {
    min-height: 650px;
}
.punkty .search_point{
    width: 100%;
    height: 60px;
    background: #FFF;
}
.punkty .search_point .cols{
    overflow: inherit;
}
.punkty .search_point .cols .col33{
    width:300px;
    margin-left: 50px;
    float: left;
}
.punkty .search_point .cols .col33.first{
    margin-left: 0px;
}
.punkty .search_point .cols .col33 .szukaj{
    float:right;
    height:40px;
    width:300px;
    border-bottom:1px solid #00B0EE;
}
.punkty .search_point .cols .col33 .szukaj input{
    background:none;
    color:#00B0EE;
    font-size:18px;
    float:left;
    padding:10px;
    width:235px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.punkty .search_point .cols .col33 .szukaj button{
    float:right;
    border:none;
    background:none;
}
.punkty .search_point .cols .col33 .szukaj button img{
    padding-top:5px;
}

.punkty .search_point .cols .col33 .rodzaj{
    position:relative;
    width:100%;
    float:left;
    border-bottom:1px solid #00B0EE;

}
.punkty .search_point .cols .col33 .rodzaj p{
    text-align: left;
    color: #00B0EE;
    font-size: 18px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.punkty .search_point .cols .col33 .rodzaj ul li p{
    cursor:pointer;
    background: url(../images/icons/trojkat_blue-down.png) 260px 5px no-repeat;
}
.punkty .search_point .cols .col33 .rodzaj ul li:hover p{
    background: url(../images/icons/trojkat_blue-up.png) 260px 5px no-repeat;
}
.punkty .search_point .cols .col33 .rodzaj ul li:hover .list{
    display:block;
}

.punkty .search_point .cols .col33 .rodzaj .list{
    display:none;
    position:absolute;
    z-index:12;
    overflow:hidden;
    width:280px;
    background:#00B0EE;
    padding:10px;
    top:39px;
    left: 0;
    border-top:1px solid #FFF;

    -moz-transition: all;
    -moz-transition-timing-function: ease;
    -moz-transition-duration: 0.2s;
    -webkit-transition: all;
    -webkit-transition-timing-function: ease;
    -webkit-transition-duration: 0.2s;
    transition: all;
    transition-timing-function: ease;
    transition-duration: 0.2s;

}
.punkty .search_point .cols .col33 .rodzaj ul li{
    padding:10px;
    border: none;
    background: none;
    text-align: left;
    color: white;
}

.punkty .search_point .cols .col33 .rodzaj ul li a{
    color:#FFF;
}
.punkty .search_point .cols .col33 .rodzaj ul li a:hover{
    color:#d9f5ff;
}

/*poi*/
.pois{
    padding: 20px 0;
    overflow: hidden;
    float: left;
}
.pois .line{
    overflow: hidden;
    float: left;
    background: #FFF;
}
.poi{
    padding: 20px 20px 30px 20px;
    font-size: 13px;
    position: relative;

    height:auto !important;
    width: 210px;
    float: left;
}
.poi:hover{
    background: #F5F5F5;
}
.poi.active{
    background: url(../images/bg_blue.gif) 0px 0px repeat;
}
.poi .whatis{
    text-transform: uppercase;
    color: #00B0EE;
    margin-bottom: 5px;
    font-weight: bold;
}
.poi.active .whatis{
    color: #000;
}
.poi .thename{
    margin-bottom: 5px;
    font-weight: bold;
}
.poi .whereis{
    margin-bottom: 10px;
}
.poi .howto{
    margin-bottom: 10px;
}
.poi .letmesee{
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: #000;
    cursor: pointer;
}
.poi.active .thename,
.poi.active .whereis,
.poi.active .howto,
.poi.active .letmesee{
    color: #FFF;
}
.poi .letmesee a{
    font-weight: bold;
    padding-left: 15px;
    background: url(../images/icons/poi.png) 0px 3px no-repeat;
}
.poi.active .letmesee a{
    background: url(../images/icons/poi_white.png) 0px 3px no-repeat;
}
.poi.active .letmesee a:hover{
    color:#FFF;
}
/*end poi*/

.open_map{
    overflow: hidden;
    width:100%;
    float: left;
    background: transparent !important;
    height: 0px;
    position: relative;
}

#map_canvas{
    top:45px;
    left: 0px;
    z-index: 0;
    width: 1000px !important;
}
.open_map .top{
    background: url(../images/bg_map.png) 0px 0px repeat-x;
    overflow: hidden;
    height: 48px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 0px;
}

.open_map .szukaj{
    float:left;
    height:35px;
    margin-left: 5px;
    width:300px;
    border-bottom:1px solid #FFF;
}
.open_map .szukaj input{
    background:none;
    color:#FFF;
    font-size:18px;
    float:left;
    padding:10px;
    width:230px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.open_map .szukaj button{
    float:right;
    border:none;
    background:none;
}
.open_map .szukaj button img{
    padding-top:5px;
}
.open_map .link_close{
    float: right;
    height:35px;
    margin-left: 5px;
}
.open_map .link_close a{
    color:#FFF;
    font-size:18px;
    padding:10px;
    font-family: "MyriadProRegular", Arial, sans-serif;
    display: block;
    float: left;
}
.open_map .link_close img{
    float: left;
    padding:10px;
}
.open_map .bottom{
    background: url(../images/bg_map_b.png) 0px 0px repeat-x;
    overflow: hidden;
    height: 106px;
    width: 960px;
    padding: 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.open_map .bottom .title{
    margin-top: 25px;
    color: #FFF;
    font-weight: bold;
    border-bottom: 1px solid #4ad2ff;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.open_map .bottom .adres{
    margin-top: 10px;
    float: left;
    min-width: 200px;
    margin-right: 20px;
    color: #FFF;
}
.open_map .bottom .namiary{
    margin-top: 10px;
    float: left;
    color: #FFF;
    max-width: 720px;
    margin-left: -20px;
}
.open_map .bottom .namiary p{
    display: inline-block;
    float: left;
    margin-right: 20px;
}
/*end punkty*/

/*end firma*/


/*footer*/
footer{
    width:100%;
    padding-top:100px;
    position:relative;
    background:url(../images/bg_dark.gif) 0 0 repeat;
    color:#FFF;
}
footer .row{
    padding-bottom:50px;
}
footer #bottomText,
footer .row > p{
    color:#777777;
    font-size:10px;
}
footer #bottomText,
footer .footer_center{
    width:1000px;
    margin:0 auto;
}
footer #bottomText {
    margin-bottom:  50px;
}
footer #bottomText a {
    color: #999;
    margin: 0px;
}
footer #bottomText a:hover {
    color: #00B0EE;
}
footer .about{
    float:left;
    width:290px;
    padding-right:30px;
    margin-right:30px;
    border-right:1px solid #FFF;

    text-align:right;
    line-height:175%;
    font-style:italic;
    color:#BBBBBB;
}
footer .about img{
    padding-bottom:30px;
}

footer .linki{
    float:left;
    width:648px;
}

footer ul li {
    line-height: 135%;
    font-size: 11px;
    padding-left: 160px;
    margin-bottom:30px;
    line-height:150%;
}
footer ul li.promo {
    color:#FFF;
}
footer span.footerHead {
    float: left;
    margin-left: -160px;
    font-weight: bold;
    cursor: default;
    text-align:right;
    display:block;
    width:150px;

    text-transform:uppercase;
}
footer a{
    color: #777777;
    margin-right: 10px;
    cursor: pointer;
}
footer span, footer b {
    color: #e6e6e6;
    margin-right: 10px;
    cursor: pointer;
}
footer .row .copy{
    color:#777777;
    font-size:10px;
    float:left;
}
footer .row .hosted{
    color:#777777;
    font-size:10px;
    float:right;
}
/*end footer*/

/*cookie*/
#mpc_cookie_intro{
    background: #f2f5f6 !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,  #f2f5f6 0%, #eaeeef 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#eaeeef)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f5f6 0%,#eaeeef 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f5f6 0%,#eaeeef 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f5f6 0%,#eaeeef 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #f2f5f6 0%,#eaeeef 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#eaeeef',GradientType=0 ) !important; /* IE6-8 */

    border-bottom: 1px solid #bbbbbb;
    padding: 10px;
}
#mpc_cookie_intro_content{
    width: auto !important;
    margin: 0 !important;
}
#mpc_cookie_intro_content p a.mpc_continue {

    margin: 0 !important;
    border: 1px solid #bbbbbb;

    color: #333 !important;

    background: #e8eaea !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWRjZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,  #e8eaea 0%, #d9dcdd 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8eaea), color-stop(100%,#d9dcdd)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e8eaea 0%,#d9dcdd 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8eaea 0%,#d9dcdd 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8eaea 0%,#d9dcdd 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #e8eaea 0%,#d9dcdd 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaea', endColorstr='#d9dcdd',GradientType=0 ) !important; /* IE6-8 */
}

#mpc_cookie_intro_content p a.mpc_continue:hover {
    border: 1px solid #333;
}

#mpc_cookie_intro_content img{
    top: 7px !important;
    opacity:0.7;
    filter: alpha(opacity=70);
}
#mpc_cookie_intro_content img:hover{
    top: 7px !important;
    opacity:1;
    filter: alpha(opacity=100);
}

/*scrollpane custom CSS*/
.jspVerticalBar {
    width: 8px;
    background: transparent;
    right:10px;
}

.jspHorizontalBar {
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: transparent;
}
.jspTrack {
    background: transparent;
}

.jspDrag {
    background: url(images/transparent-black.png) repeat;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspCorner {
    display:none
}

.polecaneProdukty{
    width:200px;
    margin-left: 5px;
    margin-bottom: 5px;
    background-color: #fafafa;
    padding: 10px;
    line-height: 120%;
    border: 1px solid #CCC;
}
.polecaneProdukty h4{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
}
.polecaneProdukty li a{
    font-size: 12px;
}

.polecaneProdukty li{
    margin-bottom: 10px;
}

/*error*/

.error{
    width:1000px;
    overflow:hidden;
    padding-bottom:50px;
}
.error_txt{
    overflow: hidden;
    margin:20px;
    text-align: center;
    background-color: #00B0EE;
    padding: 20px;
}
.error_txt p{
    text-align: center;
    color: #FFF;
    font-family: 'MyriadProSemibold';
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 20px;

}
.error_txt p.nr{
    text-align: center;
    font-size: 50px;
    font-family: 'Roboto-Light-webfont';
    padding-bottom:0px;
}
.error_txt a{
    text-align: center;
    color: #00B0EE;
    font-family: 'MyriadProRegular';
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 5px 20px;

    opacity:.8;
    filter: alpha(opacity=80);
}
.error_txt a:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
/*end error*/

/*popupy do firmy*/

#popups .box {
    margin:0px;
        border: none;
}
 #popups.box .line {
    height:1px;
    background:#B3C8D7;
    margin:10px;
}

#popups .box .content .left,
#popups .box .content .right {
    text-align:center;
}
#popups .box .content .logo.left {
    margin-top:20px;
}

#popups .box .content .logo.left.in {
    margin-top:10px;
}

#popups .box .content .logo.left .title {
    color:#0C4E7C;
    font-family:arial,sans-serif;
    font-size:18px;
    line-height:30px;
    text-decoration:none;
}
#popups .box .content .form .title {
    color:#0C4E7C;
    font-family:arial,sans-serif;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;
    height:30px;
}
#popups .box .content .form,
#popups .box .content .form .left{
    text-align:left;
        line-height: 150%;
    font-family:arial,sans-serif;
    font-size:13px;
    text-decoration:none;
}

#popups .box .content.nowa .form .item .left {
    width:350px;
}
#popups .box .content.nowa .form .item .check.left {
    width:15px;
}

#popups .box .content.nowa .form .item .left.in input {
    width:250px;
    padding:2px;
    border:1px solid #B3C8D7;
}

#popups .box .content .form .item .left,
#popups .box .content .form .item .right {
    width:auto;
    text-align:left;
}
#popups .box .content .agree {
    color:#B3C8D7;
    font-family:arial,sans-serif;
    font-size:10px;
    text-align:left;
    width:auto;
}
#popups .box .content .agree .send {
    text-align:center;
}
#popups .box .content .form .item {
    margin-top:6px;
    line-height:20px;
}
#popups .box .content .form .item ul.errorlist {
    list-style: none;
    font-size: 11px;
    font-weight: bold;
    color: red;
    margin-bottom: 5px;
}

#popups .box #correspondence-form .content .agree ul.errorlist {
    list-style: none;
    font-size: 11px;
    font-weight: bold;
    color: red;
    margin-bottom: 5px;
}

#popups .box .content .form .item .check {
    margin-right:6px;
    padding-top:4px;
    * padding-top:0;
}
#popups .box .content .form .item.cooperate .check {
    margin-right:0px;
    padding-top:0px;
    font-weight:bold;
    width:130px;
}
#popups .box .content .form .item.cooperate {
    height:24px;
    clear: both;
}
#popups .box .content .form .item.cooperate a {
    color:#0C4E7C;
}
#popups .form .line {
    margin:0px;
    clear: both;
}
#popups .form textarea {
    margin:10px 0px 0px 0px;
    border:1px solid #B3C8D7;
    padding:2px;
    height:100px;
    color:#0C4E7C;
    font-family:arial,sans-serif;
    font-size:12px;
    width:374px;
}

#popups .form input.textinput {
    width:200px;
    padding:2px;
}

#popups .gal .left,
#popups.gal .right {
    width:auto;
    margin:10px 0px;
}
#popups  .form.right .line {
    width:140px;
    clear: both;
}

#popups .box .content .form .item .temat.right {
    border:1px solid #FFF;
    overflow:hidden;
}
#popups .box .content .form .item .field .textinput {
    border:1px solid #FFF;
    overflow:hidden;
}
#popups  .temat.right input {
    width:100px;
}
#popups .temat.right.w230 input {
    width:230px;
}
#popups .temat.right.w150 input {
    width:150px;
}
#popups .temat.right.w300 input {
    width:300px;
}
#popups .temat.right input{
    padding:2px;
        border: 1px solid #CCC;
}
#popups .box .header {
    width: 1000px;
    margin: 0 auto;
    border-bottom: 1px solid #FFF;
    margin-bottom: 30px;
    padding: 10px;
    position: relative;
    font-size: 32px;
    color: #00B0EE;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
#popups .box .header .left{
    width: auto !important;
}
#popups .box .header .zamknij a {
    font-size:18px;
    line-height:26px;
    padding-right:10px;
    text-decoration:underline;
    text-transform:lowercase;
    color:#333;
}
#popups .box .header .zamknij a:hover {
    color:#B3C8D7;
}
 #popups.box .content {
    background:url(../images/bg-1-1.gif) repeat-y center top;
    margin:10px;
}

#popups .box .content .description {
    background-color:#fff;
    color: #ff0000;
    font:normal 14px arial,sans-serif;
}

#popups .box .content .left .tools {
    color: #0C4E7C;
    font:normal 14px arial,sans-serif;
}

#popups .box .content.nobg {
    background:none;
}
#popups .nobg {
    background:transparent none !important;
}
#popups .content{
    background: none;
}
#popups .form textarea {
margin: 10px 0px 0px 0px;
border: 1px solid #B3C8D7;
padding: 2px;
height: 100px;
color: #0C4E7C;
font-family: arial,sans-serif;
font-size: 12px;
width: 374px;
}
/*end popupy do firmy*/
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}





.zapisz_newsletter h3 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 24px;
}
.zapisz_newsletter .txt.newsletter {
    padding: 20px;
}
.zapisz_newsletter {}
.zapisz_newsletter .news_biggie {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.zapisz_newsletter p {    
}
.zapisz_newsletter .news_input {
    padding: 10px 0 40px 0;
}
.zapisz_newsletter input[type="text"] {
    border-bottom: 1px solid #CCC;  width: 350px;  float: left;
    padding: 5px;
    font-size: 16px;
    color: #333;
    margin-right: 20px;
}
.zapisz_newsletter button {
    border: none;
    background: #00B0EE;
    color: #FFF;
    padding: 7px 40px;
    text-transform: uppercase;
}
.zapisz_newsletter button:hover {
    background: #444;
}
.txt.newsletter p {
    font-size: 14px;
    line-height: 150%;
}
label[for="id_newsletters_0"] {
    margin-top:10px;
    display: block;
}

/*new_listing*/
.new_listing{
    overflow: hidden;
    padding: 20px auto;
}
.new_listing .filtr_col{
    float: left;
    width: 230px;
    padding: 10px;
    background-color: #FAFAFA;
    margin-bottom: -9000px;
    padding-bottom: 9000px;
}
.new_listing .filtr .title,
.new_listing .new_kat .title{
    margin-bottom: 10px;
    padding: 5px;
    border-bottom: 3px solid #00B0EE;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #00B0EE;
    overflow: hidden;
}
.new_listing .filtr .title a{
    font-size: 9px;
    display: block;
    float: right;
    margin-top: 3px;
}
.new_listing .new_kat .title a.wroc{
    font-size: 9px;
    display: block;
    float: right;
    margin-top: 3px;
}
.new_listing #filter_reset{
    font-size: 9px;
    display: block;
    margin-top: 3px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    overflow: hidden;
    width: 230px;
}

.new_listing .filtr .title > span,
.new_listing .new_kat .title > span{
    width: 170px;
    display: block;
    float: left;
}
.new_listing .new_kat .title span.wroc{
    font-size: 9px;
    display: block;
    float: right;
    margin-top: 3px;
    width: auto;
    cursor: pointer;
    color: #000;
}
.new_listing .new_kat .title span.wroc:hover{
	color: #00B0EE;
}
.new_listing .filtr{
    overflow: hidden;
    margin-bottom: 20px;
}
.new_listing .filtr ul li{
    margin-top: 10px;
    vertical-align: top;
}
.new_listing .filtr ul li:first-child{
    margin-top: 0px;
}
.new_listing .filtr ul li{
    font-size: 12px;
    display: block;
}
.new_listing .filtr ul li span span{
    color: #999;
}
.new_listing .filtr ul li.radio{
    font-size: 12px;
}
.new_listing .filtr ul li.rozwin_to{
    text-align: right;
    text-transform: uppercase;
    color: #666;
    font-size: 10px;
    cursor: pointer;
}
.new_listing .filtr ul li.rozwin_to:hover{
    color: #333;
}
.new_listing .filtr input{
    padding: 5px;
    background-color: #DDD;
    margin-right: 5px;
}
.new_listing .filtr input.half{
    width: 64px;
    padding: 8px 5px;
    margin-right: 5px;
    background-color: #ECECEC;
}

.new_listing .filtr ul li.check{
    margin-left: 20px;
}
.new_listing .filtr input[type="checkbox"]{
    margin: 2px 0 0 -20px;
    vertical-align: top;
    float: left;
}
.new_listing .filtr ul li.ok{
    text-align: right;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px  solid #CCC;
}

.new_listing .filtr button[type="submit"]{
    background-color: #FFF;
    color: #666;
    border: 1px solid #CCC;
    padding: 7px 14px;
    margin: 0;
    float: right;
}
.new_listing .filtr button[type="submit"]:hover{
    color: #333;
    border: 1px solid #333;
}


.new_listing .item_col{
    width: 750px;
    float: left;
    overflow: hidden;
}

.new_listing .item_col .list_items div.img{
    width: 100px;
    padding-left: 10px;
    margin-right: 10px;
    float: left;
    text-align: center;
}
.new_listing .item_col .list_items a.img{
    width: auto;
    padding-left: 0px;
    margin-right: 0px;
    text-align: center;
}
.new_listing .item_col .list_items .img a > img{
    max-width: 91px;
    max-height: 92px;
    border: 4px solid #FFF;
}
.new_listing .item_col .list_items .txt{
    display: inline-block;
    width: 460px;
}
.new_listing .item_col .list_items .title{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.new_listing .item_col .list_items .title a{
    color: #00B0EE;
    font-size: 16px;
    overflow: hidden;
    max-height: 39px;
    display: block;
}
.new_listing .item_col .list_items .title a:hover{
    color: #000;
}
.new_listing .item_col .list_items .txt > p{
    margin-bottom: 5px;
    color: #666;
    font-size: 13px;
}
body#wybor_na_5 .new_listing .item_col .list_items .txt > p{
    width: 350px;
}
.new_listing .item_col .list_items .info{
    float:left;
}
.new_listing .item_col .list_items .info p{
    font-size:10px;
    font-weight:bold;
}
.new_listing .item_col .list_items .info p a{
   font-weight:normal;
}
.new_listing .item_col .list_items .price_links{
    display: inline-block;
    width: 150px;
    float: right;
}
.new_listing .item_col .list_items .price_links .price{
    text-align:left;
    font-size:15px;
    font-weight:bold;
    padding-bottom:5px;
    margin-bottom:5px;
}
.new_listing .item_col .list_items .price_links .links{
    border-top: 1px solid #000;
    padding-top:5px;
    margin-top:5px;
}
.new_listing .item_col .list_items .price_links .links a{
    float:left;
    font-size:12px;
    margin-right:15px;
    padding-left:10px;
    background: url(../images/icons/dark_dot.png) 0 5px no-repeat;

    cursor:pointer;
}
.new_listing .item_col .list_items .price_links .links a.active{
    background: url(../images/icons/blue_dot.png) 0 5px no-repeat;
}


.new_listing .item_col .list_items .price_links .links a{
    float:left;
    font-size:12px;
    margin-right:15px;
    padding-left:10px;
    background: url(../images/icons/dark_dot.png) 0 5px no-repeat;

    cursor:pointer;
}
.new_listing .item_col .list_items .price_links .links a.active{
    background: url(../images/icons/blue_dot.png) 0 5px no-repeat;
}


.new_listing .item_col .list_items ul li{
    padding:20px 0;
    margin-bottom:20px;
    overflow:hidden;
    position: relative;
}
.new_listing .item_col .list_items ul li:hover{
    background:#EDEDED;

}
.new_listing .item_col .list_items ul li.full {
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.new_listing .item_col .list_items ul .ad_1000 {
    width:auto;
}
.new_listing .item_col .list_items ul li.extra .bg{
    width: 100%;
    height: 100%;
    background: url(../images/bg_smoke.gif) 0 0 repeat;
    position: absolute;
    top:0px;
    left: 0px;
    z-index: -1;
}

.new_listing .item_col .list_items li.extra .img a img {
    border: 4px solid #00B0EE;
}


.new_listing .item_col .list_items.kafle ul li{
    margin-top: -1px;
    margin-bottom: 0px;
    margin-left: -1px;
    overflow: hidden;
    width: 335px;
    height: 220px;
    display: inline-block;
    padding: 20px;
    float: left;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
}
.new_listing .item_col .list_items.kafle .txt > p{
    display: none;
}
.new_listing .item_col .list_items.kafle .img{
    width: auto;
    float: none;
    height: 130px;
}
.new_listing .item_col .list_items.kafle .img a{
    display: block;
}
.new_listing .item_col .list_items.kafle .txt{
    width: 325px;
    margin-bottom: 5px;
}
.new_listing .item_col .list_items.kafle .txt a{
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 325px;
}
.new_listing .item_col .list_items.kafle .info{
    display: none;
}
.new_listing .item_col .list_items.kafle .price_links{
    width: 335px;
    height: 55px;
    position: relative;
}
.new_listing .item_col .list_items.kafle .price_links .links{
    position: absolute;
    bottom: 0;
    width: 335px;
}
.new_listing .item_col .list_items.kafle .price_links .price{
    text-align: center;
    font-size: 18px;
}
.new_listing .item_col .list_items.kafle .img img{
    max-height: 100px;
    max-width: none;
}

.new_listing .new_kat ul li{
    margin-bottom: 10px;
}
.new_listing .new_kat{
    font-size: 13px;
}
.new_listing .new_kat ul li span{
    color: #999;
}

#box_categorie a.active{
    font-weight: bold;
}

.new_listing .750{
    width: 750px;
    padding: 0;
}
.new_listing .download{
    display: inline-block;
    width: 130px;
    float: right;
}
.new_listing .download a{
    font-weight: bold;
}

#kategory_top_button,
#filter_top_button{
    border: none;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #212121 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#212121)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#212121 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#212121 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#212121 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#212121',GradientType=0 ); /* IE6-9 */

    height: 30px;
    float: left;
    padding: 0 32px;
    margin: 0;
    text-align: center;
    color: #ccc;
}
#filter_top_button{
    border-left: 1px solid #000;
}
#kategory_top_button{
    border-right: 1px solid #555;
}
#kategory_top_button.on,
#filter_top_button.on{
    color: #00B0EE !important;
    background: #212121; /* Old browsers */
    background: -moz-linear-gradient(top,  #212121 0%, #45484d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #212121 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #212121 0%,#45484d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #212121 0%,#45484d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #212121 0%,#45484d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */   
}
#kategory_top_button:hover,
#filter_top_button:hover{
    color: #fff;
    background: #212121; /* Old browsers */
    background: -moz-linear-gradient(top,  #212121 0%, #45484d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #212121 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #212121 0%,#45484d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #212121 0%,#45484d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #212121 0%,#45484d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */    

}
#kategory_top_button[disabled="disabled"],
#filter_top_button[disabled="disabled"]{
    display: none;
}
/*end new_listing*/

#id_per_page{
    background: none;
    color: #FFF;
}
#id_per_page option{
    color: #000;
}


/**/
.new_listing .item_col .list_items.firmowo .img{
    position: relative;
    line-height: 92px;
    width: 92px;
    height: 92px;
    border: 4px solid #FFF;
    background-color: #fff;
    margin-left: 5px;
    padding-left: 0;
    
    -webkit-box-shadow:  1px 1px 1px 1px #999999;
    box-shadow:  1px 1px 1px 1px #999999;
    
}
.new_listing .item_col .list_items.firmowo li.extra .img{
    border: 4px solid #00B0EE;
}
.new_listing .item_col .list_items.firmowo a.center_hw {
    display: inline;
}
.new_listing .item_col .list_items.firmowo li .img a img {
    border: none;
    vertical-align: middle;
}
.new_listing .item_col .list_items.firmowo .img > img {
    position: absolute;
    bottom: -12px;
    left: 13px;
/*end */
}
div.js_firm_ellipsis{
    height: 68px;
}


#sw_product{
    overflow: hidden;
    margin-bottom: 10px;
}
#sw_product .item{
    padding: 10px 10px;
    overflow: hidden;
}
#sw_product > p{
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
    
}
#sw_product .logo_sw{
    vertical-align: bottom;
    height: 20px;
    margin-left: 5px;
}
#sw_product .img{
    display: block;
    float: left;

    width: 158px;
    height: 158px;
    background: url(../images/bg_158x158.png) 0 0 repeat;
    position: relative;
    line-height: 150px;
}
#sw_product .img img{
    padding-top: 1px;
    padding-left: 1px;
    max-height: 150px;
    max-width: 150px;
    vertical-align: middle;
}

#sw_product .txt {
    float: left;
    width: 410px;
    height: 152px;
    position: relative;
    margin-left: 10px;
    text-align: left;
}

#sw_product #sw_title {
    color: #00B0EB;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}


.page_title.content h1{
    font-size: 24px;
    margin: 0 10px;
}

.linkownia table td h1{
    display: inline-block;
    font-size: 24px;
}
.cad{
    padding-top: 0 !important;
}
.pointer{
    cursor:pointer;
}





/*red_bar*/
.red_bar{
    width: 750px;
    overflow: hidden;
    border-top: 2px solid;
    border-bottom: 2px solid;
    height: 46px;
    background-color: #fff;
}
.red_bar .bar_logo{
    width: 120px;
    height: 46px;
    text-align: center;
    float: left;
}
.red_bar .bar_logo img{
    max-height: 40px;
    max-width: 120px;
    line-height: 46px;
    cursor: pointer;
}
.red_bar .bar_txt{
    font-size: 16px;
    font-weight: bold;
    width: 400px;
    display: inline-block;
    padding-top: 3px;
}
.red_bar .bar_prod{
    float: right;
}
.red_bar .bar_item{
    width: 100px;
    float: left;
    height: 46px;
    text-align: center;
    border-left: 1px solid #CCC;
}
.red_bar .bar_item:first-child{
    border-left: 1px solid #CCC;
}
.red_bar .bar_item img{
    max-height: 40px;
    max-width: 90px;
    line-height: 46px;
    cursor: pointer;
}

.sky_scroll_toggle{
    text-align: right;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    background-color: #FAFAFA;
    padding: 3px 0;
}

/*karta linki*/

.karta .ekstralinki{
    overflow: hidden;
    margin-bottom:20px;
}

.karta .ekstralinki .title{
    font-size: 20px;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #CCC;
}
.karta .ekstralinki ul li{
    margin: 10px 0 0 10px;
    
}
.karta .ekstralinki ul li a{
    color: #00B0EB;
    font-size: 14px;
}
.karta .ekstralinki ul li a:hover{
    text-decoration: underline;
}
/*end karta linki*/

/* dodatkowe style */

.ask .row.agree_with_terms, .ask .row.add_to_newsletter {
    padding: 0px 10px 0px 10px;
    color: #999;
    font-size: 12px;
}

.ask .first_half {
    width: 50%;
    float: left;
}

.karta .ask #correspondence-form ul li {
    float: left;
    width: 50%;

}

.karta .ask #correspondence-form ul li:first-child {
    border-top: 0 !important;
}

.karta .ask #correspondence-form ul {
    border-top: 1px solid #eee;
}

.karta .ask #correspondence-form .occupation_errors {
    overflow: hidden;
    width: 100%;
}

.karta .ask #correspondence-form .occupation_errors ul.errorlist li.first_half {
    width: 100%;
    border: 0 !important;
}

.karta .ask ul.errorlist li.first_half {
    color: #f00;
    padding-left: 5px;
    width: 100%;
}

.errorlist li {
    color: #f00;
    padding-left: 5px;
    width: 100% !important;
    border: 0px;
    border-bottom: none !important;
}

.karta .ask #correspondence-form ul.errorlist {
    border: 0 !important;
}

.karta .ask #correspondence-form .tester {
    float: left;
}

.karta .ask #correspondence-form .fieldname {
    margin-left: 205px;
}

.karta .ask #correspondence-form #id_captcha_1 {
    float: left;
    width: 375px;
    margin-left: 5px;
}


.karta .ask #correspondence-form input[type='radio'] {
    background-color: transparent;
}

.karta .ask .i_am {
    font-size: 16px;
    color: #333;
    margin: 0px 0px 10px 10px;
}
.rozjasnienie {
z-index: 2000;
position: fixed;
width: 100%;
height: 100%;
background: url(/produkty/media/images/white75.png) 0 0 repeat;
}
.popup {
margin-top: -195px;
}
.shadow {
border: 1px solid #ddd;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
behavior: url(media/pie/PIE.htc);
}
.popup {
position: absolute;
background: #fff;
width: 642px;
z-index: 50000;
top: 50%;
left: 50%;
margin-left: -321px;
border:2px solid #ccc;
}
.popup h2 {
    color: #666;
    font:normal 24px arial,sans-serif;
    margin: 20px 0px 0px 10px;
}
.popup p.frst {
    color: #17c6ff;
    font:normal 18px arial,sans-serif;    
    width: 430px;
}
.popup p.scnd {
    color: #17c6ff;
    font:normal 18px arial,sans-serif;    
}
.popup p.scnd2 {
    color: #666;
    font:normal 13px arial,sans-serif;
    margin: 20px 0px 0px 10px;
    width: 460px;
}
.popup p.thrd {
    color: #666;
    font:normal 11px arial,sans-serif;
    margin: 10px 10px 10px 10px;
}
.popup section {
    padding: 10px;
}
.close {
position: absolute;
top: 6px;
right: 5px;
z-index: 10;
}
.newsletter {
    padding: 10px;
}
.newsletter form p:last-child {
    font-size: 10px;
    color: #ccc;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}
.news_input input {
    border: 1px solid #ccc;
    height: 30px;
    padding-left:5px;
    width: 295px;
}
.news_input {
    margin-top: 15px;
}
button {
    background: #17c6ff;
border: none;
color: #fff;
margin-left: 10px;
height: 30px;
padding-left: 15px;
padding-right: 15px;
}
.newsletter ul li {
    margin-bottom: 5px;
}
.newsletter ul li:last-child {
    margin-bottom: 20px;
}
.mtv_video{
	width: 100%;
	height: 320px;
	margin: 10px 0;
}
.mtv_video iframe{
	width: 100%;
	height: 100%;
}

/**/

.advancedpoll_form img{
    width: 100%;
}

/**/

.tag_main .opis{
    background-color: #00AFEE;
    color: #FFF;
    overflow: hidden;
    padding: 20px;
}
.tag_main .opis a{
    color: #FFF;
    text-decoration: underline;
}

.tag_main h1{
    font-size: 24px;
    margin-bottom: 5px;
}

.tag_main .podobne_tagi{
    margin-left: 20px;
    overflow: hidden;
    padding: 5px 0;
}

.tag_main .podobne_tagi a{
    color: #00AFEE;
}
.tag_main .podobne_tagi a:hover{
    text-decoration: underline;
}
.tag_main .podobne_tagi span{
    display: inline-block;
}
.tag_main .podobne_tagi span:after{
    content: " | ";
    margin: 0 5px;
    display: inline-block;
    
}
.tag_main .podobne_tagi span:last-child:after{
    content: "";
    margin: 0;
}

.tag_seo_tekst p{
    font-size: 14px;
    line-height: 150%;
    padding: 10px 20px;
    
}


/**/

.up.special{
    border-bottom:1px solid #00B0EE;
    padding:0 20px;
    margin-bottom:20px;
    position: relative;
    overflow: hidden;
}
.up.special p{
    margin-bottom:10px;
    font-size: 32px;
    color: #00B0EE;
    float: left;
    font-family: "MyriadProRegular", Arial, sans-serif;
    
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 666px;
}

.up.special .szukaj{
    float:right;
    /*height:60px;*/
    width:260px;
    border-bottom:none;
    margin-top: 10px;
}
.up.special .szukaj input{
    background:none;
    color:#00B0EE;
    font-size:24px;
    float:left;
    width:200px;
    font-family: "MyriadProRegular", Arial, sans-serif;
}
.up.special .szukaj button{
    float:right;
    border:none;
    background:none;
    padding:0;
    height: auto;
}
.up.special .szukaj button img{
    padding:0;
}

/**/


.tagged_products .price{
    text-align: center;
}
.tagged_products .price button{
    margin-left: 0;
}

.boxy_produktowe.tagged_products ul li .img{
    text-align: center;
}
.boxy_produktowe.tagged_products ul li .img a{
    display: inline-block;
}
body#wybor_na_5 .new_listing .item_col .list_items ul li {
    width: 350px;
    float: left;
    margin-right: 20px;
    height: 340px;
}
body#wybor_na_5 .new_listing .item_col .list_items .title a {
    width: 350px;
}
body#wybor_na_5 .new_listing .item_col .list_items div.img {
    padding-left:0px;
    text-align: left;
}
body#wybor_na_5 .new_listing .item_col .list_items .img a > img {
    width: 350px;
    height: 200px;
    max-width: 350px;
    max-height: 200px;
}
body#wybor_na_5 .img_logo img {
        position: absolute;
    margin-top: 10px;
    left: 270px;
}

.karta .ekstralinki.exposed{
    background-color: #EC4444;
    padding: 20px;
}

.karta .ekstralinki.exposed .title{
    color: #FFF;
    border-bottom: 0;
}
.karta .ekstralinki.exposed ul li{
    color: #FFF;
}
.karta .ekstralinki.exposed ul li a{
    color: #FFF;
    font-weight: bold;
}
/*
-----------------------------
newsletter-informatory
-----------------------------
*/
.single_textbox .small_test_content {
    padding: 5px;
    border: 1px solid #CCC;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
.single_textbox.newsletter_box {
    margin: 0px 10px 10px 10px;
}
.left {
    float: left;
}
.single_textbox.newsletter_box .small_test_content .img {
    width: 140px;
    margin-right: 10px;
}
.single_textbox .small_test_content .img img {
    width: 140px;
}
.informatory-newsletter.single_textbox.newsletter_box .small_test_content .right {
    float: right;
    width: 430px;
    text-align: left;
}
.informatory-newsletter.single_textbox.newsletter_box .small_test_content .right p {
    font-size: 22px !important;
    color: #666;
    margin: 0px !important;
    display: block !important;
    padding: 5px 0 10px 0 !important;
}
.single_textbox.newsletter_box .small_test_content .right p:before {
    clear: both;
    overflow: hidden;
    display: block;
    content: "";
}
.single_textbox.newsletter_box .small_test_content .right #id_newsletter_raport {
    clear: both;
    overflow: hidden;
}
.informatory-newsletter.single_textbox.newsletter_box .small_test_content .right .inputtext {
    padding: 10px;
    background: #01B0EE;
    overflow: hidden;
}
.single_textbox.newsletter_box .small_test_content .right .inputtext input#newsletter_email_raport {
    font-size: 14px;
    padding: 5px;
    border: 0px none;
    height: 30px;
    line-height: 26px;
    width: 100%;
    box-sizing: border-box;
    color: #666;
}
.single_textbox.newsletter_box .small_test_content .right .inputtext input#send_newsletter_email {
    font-size: 16px;
    text-transform: uppercase;
    color: #01B0EE;
    background-color: #fff;
    border: 0px none;
    padding: 0 18px;
    cursor: pointer;
    float: right;
    margin-top: 10px;
    line-height: 30px
}
.single_textbox.newsletter_box .small_test_content .right .inputtext input#send_newsletter_email:hover {
    color: #666;
}
.informatory-newsletter.single_textbox.newsletter_box .small_test_content .right .zgoda {
    font-size: 9px;
    line-height: 110% !important;
    padding-left: 20px;
    color: #666;
}
.single_textbox.newsletter_box .small_test_content .right .zgoda input {
    margin-left: -20px;
    margin-right: 3px;
    position: relative;
    top: 3px;
}
.uszy .ucho.prawe .szukajka {
    left: -377px;
    width: 337px;
}
/*
-----------------------------
newsletter-informatory
-----------------------------
*/

/**/
.new_listing .item_col .list_items.kafle ul li.full{
    width: 710px;
    height: auto;
}
.embeds {
	text-align: center;
}
.embeds iframe {
	margin-bottom: 30px;
}

/*nowe strony*/
 body.new-bg {
	background-image: url(../images/bg-new.png);
}
.hero {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 32px;
    background-color: #fff;
}
.hero .text {
    background-color: #666;
    padding: 16px;
}
.hero .text p {
    line-height: 135%;
    font-size: 18px;
    color: #fff;
}
.tags {
    padding: 20px 25px;
}
.tag-items {
    text-align: right;
}
.tag-items span,
.tag-items a {
   font-size: 16px;
   line-height: 130%;
   color: #000;
}
.tag-items a {
    color: #FF7F00;
}
 body.new-bg .boxy_produktowe .row {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
    margin-bottom: 32px;
 }
  body.new-bg .expert {
    margin-bottom: 10px;
  }
.expert .expert-items .item {
    display: inline-block;
    vertical-align: middle;
}
.expert .autor {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
}
.expert .name {
    max-width: 230px;
}
.expert .name p {
    font-size: 12px;
    color: #000;
    line-height: 130%;
    font-weight: bold;
}
.expert .name p.second {
    font-weight: normal;
}
body.new-bg #promoted_products .txt p.ellipsis{
    height: auto;
}
body.new-bg .boxy_produktowe .txt {
    height: 108px;
    overflow: hidden;
    margin-bottom: 10px;
 }
.experts-quote:before {
    color: #ccc;
    content: "\201C";
    font-size: 48px;
    font-family: Georgia;
    position: absolute;
}
.experts-quote p {
   font-style: italic;
   line-height: 130%;
   color: #222;
   padding: 10px 5px 0 23px;
   font-size: 12px;
}
.experts-quote:after {
    color: #ccc;
    content: "\201D";
    font-size: 48px;
    font-family: Georgia;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 20px;
}
.next-one {
    margin-bottom: 32px;
    padding-right: 25px;
    padding-bottom: 32px;
    border-bottom: 1px solid #ccc;
}
.next-one-items {
    text-align: right;
}
.next-one-items a,
.next-one-items span {
    font-size: 18px;
    line-height: 130%;
    font-weight: bold;
}
.next-one-items span {
    color: #FF7F00;
}
.next-one-items a {
    color: #aaa;
    margin-right: 30px;
}
 body.new-bg .container {
    padding: 0 25px 32px 25px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 32px;
 }
 body.new-bg .page-title {
    margin-bottom: 32px;
 }
.experts-quote.article-quote p {
    font-size: 14px;
    line-height: 135%;
    color: #aaa;
    margin-bottom: 16px;
    padding-right: 25px;
}
.experts-quote.article-quote {
    position: relative;
}
.experts-quote .subtitle {
    font-weight: bold;
    display: block;
    font-style: italic;
    padding-left: 23px;
}
.second-images {
    font-size: 0;
    margin-bottom: 24px;
}
.second-images .img {
    display: inline-block;
    width: 450px;
}
.second-images .img img {
    width: 100%;
}
.second .lead {
    font-size: 18px;
    color: #000;
    line-height: 135%;
    margin-bottom: 24px;
    font-weight: bold;
}
.second-images .img:first-child {
    margin-right: 50px;
}
.second .text p {
    font-size: 16px;
    line-height: 135%;
    margin-bottom: 16px;
    float: left;
}
.second .text:after {
    clear: both;
    content: '';
    display: block;
    width: 0;
}
.second .text img {
    width: 300px;
    float: right;
}
body.new-bg .content{
    background: #fff;
    box-sizing: border-box;
}
body.new-bg .abs.logos {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    background-color: #fff;
}
body.new-bg .hero .img img,
body.new-bg .abs.logos img {
    width: 100%;
}
body.new-bg .boxy_produktowe ul li{
    max-height: 800px;
}
body.new-bg ul#lista-filtrowana {
    font-size: 0;
}
body.new-bg footer{
    width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 1080px){
    body.new-bg .hero,
    body.new-bg .content{
        width: 100%;
    }
    body.new-bg .boxy_produktowe ul li{
        width: calc(33.333% - 15px);
        padding-left: 0;
        margin-left: 15px;
    }
    body.new-bg footer{
        width: 100%;
    }
    body.new-bg footer .footer_center {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 10px;
    }
    body.new-bg footer .about {
        float: left;
        width: 43%;
        padding-right: 30px;
        margin-right: 0px; 
        border-right: 1px solid #FFF;
        text-align: right;
        line-height: 175%;
        font-style: italic;
        color: #BBBBBB;
        box-sizing: border-box;
    }
    body.new-bg footer .linki {
        float: left;
        width: 57%;
    }
    body.new-bg header .menu{
        height: auto;
    }
}
@media screen and (max-width: 768px){
    body.new-bg .boxy_produktowe .txt{
        height: auto;
        width: 100%;
    }
    body.new-bg #promoted_products .txt p.ellipsis{
        height: 76px;
        overflow: hidden;
    }
    body.new-bg footer .footer_center {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 10px;
    }
    body.new-bg footer .linki,
    body.new-bg footer .about{
        width: 100%;
        float:none;
    }
    body.new-bg footer .about{
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 600px){
    .boxy_produktowe ul li.second,
    .boxy_produktowe ul li.first{
        width: calc(50% - 15px);
        padding-left: 0;
        margin-left: 15px;
        margin-bottom: 20px;
    }
    .boxy_produktowe ul li.third{
        width: 100%;
        margin-left: 0;
    }
    body.new-bg .boxy_produktowe ul li.third .txt{
        height: 95px;
    }
    body.new-bg .boxy_produktowe .txt{
        height: 120px;
        width: 100%;
    }
    body.new-bg .expert{
        margin-bottom: 10px;
    }
    body.new-bg header .submenu{
        width: 300px;
    }
    body.new-bg header li.nieruchomosci .submenu,
    body.new-bg header li.zakupy .submenu{
        left: -120px;
    }
    body.new-bg header .wiecej .submenu{
        left: -180px;
    }
    body.new-bg header li.rysunki_CAD .submenu,
    body.new-bg header li.poradniki .submenu,
    body.new-bg header .porady-budowlane .submenu{
        left: 0;
        right: inherit;
    }
    body.new-bg .next-one-items a,
    body.new-bg .next-one-items span {
        font-size: 14px;
        line-height: 130%;
        font-weight: bold;
    }
}
@media screen and (max-width: 480px){
    body.new-bg .second-images .img:first-child{
        margin-right: 0
    }
    body.new-bg .second-images .img{
        width: 100%;
    }
    body.new-bg .boxy_produktowe ul li{
        width: 100%;
        margin-left: 0px;
        float: none;
    }
    body.new-bg .boxy_produktowe .txt{
        height: 95px;
    }
    body.new-bg .boxy_produktowe .next-one-items > a {
        margin-bottom: 15px;
    }
    body.new-bg .boxy_produktowe .next-one-items span {
        float: left;
    }
    body.new-bg .boxy_produktowe .next-one-items .prev a{
        margin-left: 0;
    }
    body.new-bg .next-one {
        padding-bottom: 21px;
    }
    body.new-bg .next-one:after {
        content: '';
        clear: both;
        display: block;
    }
}

#promoted_products .opis {
    overflow: hidden;
}
#promoted_products .opis a {
    color: #00B0EE;
    font-size: 18px;
	font-weight: bold;
    margin-top: 10px;
    display: block;
    text-align: left;
    cursor: pointer;
}
#promoted_products .opis a:hover {
    color: #ccc;
}

.new-bg .boxy_produktowe ul li {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-bottom: 60px;
}
.new-bg .boxy_produktowe .tags {
    padding-bottom: 30px;
    padding-top: 10px;
}
.new-bg .boxy_produktowe .second .lead {
    font-size: 20px;
    font-weight: normal;
}
.new-bg .boxy_produktowe .experts-quote.article-quote {
    margin-bottom: 40px;
}
.new-bg .boxy_produktowe .opis p {
    margin-bottom: 4px;
}
.new-bg .boxy_produktowe .next-one-items > a {
    float: left;
    margin-right: 0px;
    padding-left: 30px;
    background: url(/produkty/media/images/home.png) no-repeat top left;
}
.new-bg .boxy_produktowe .next-one-items > a:hover {
    color: #FF7F00;
}
.new-bg .boxy_produktowe .next-one-items .prev a {
    margin-right: 10px;
    margin-left: 30px;
    color:#FF7F00;
    float: none;
}
.new-bg .boxy_produktowe .next-one-items .next a {
    margin-left: 10px;
    margin-right: 0px;
    color:#FF7F00;
    float: none;
}
.new-bg .boxy_produktowe .next-one-items .prev a:hover,
.new-bg .boxy_produktowe .next-one-items .next a:hover {
    color:#ccc;
}
.new-bg .boxy_produktowe .next-one-items span {
    color: #ccc;
}
.new-bg .boxy_produktowe h2 {
        font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.new-bg .hero {
    width: 1000px;
}

.new-bg .boxy_produktowe .gal ul li {
    padding: 0px;
    margin-left: 13px;
    margin-right: 0px;
    margin-bottom: 20px;
}
.new-bg .boxy_produktowe .gal ul li:first-child {
    margin-left: 0px;
}
.new-bg .boxy_produktowe .gal ul li > img {
    display: block;
}
.new-bg .boxy_produktowe .experts-quote.article-quote p {
    color:#666;
}
.new-bg .boxy_produktowe .gal.full img {
    display: block;
    margin: 5px auto;
}
.new-bg .next-one-items {
    margin-left: 20px;
}
.new-bg #promoted_products .opis p a {
    display: inline-block;
}