@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/lib/fonts/glyphicons-halflings-regular.eot');
  src: url('/lib/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

h1.main-title {
margin-bottom: 15px;
}

.powrot {
float: right;
font-size: 11px;
color: #777777;
margin: 0px 5px 0px 0px;
}
.powrot span {
font-family: serif;
font-size: 14px;
font-weight: bold;
margin: 0px 3px 0px 0px;
}



.imgDivProd{
float: left;
margin: 0px 25px 25px 0px;
width: 220px;
}

.imgDivProd img{
margin: 0px;
padding: 0px;
}
.imgDivProd .scrollProd {
position: relative;
overflow: hidden;
padding-top: 20px;
}
.imgDivProd .scrollProd a{
position: relative;
    width: 50%;
    float: left;
box-sizing: border-box;
padding: 0px 19px 19px 0px;
}
.imgDivProd .scrollProd a:nth-child(even){
    
    
}


.imgDivProd .scrollProd a img {
background-color: #FFFFFF;
float: left;
vertical-align: top;
}
.imgDivProd .scrollProd a img.l {
float: right;
}
.imgDivProd .scrollProd a.sel img{
}
#gallProd {
position: relative;
height: 220px;
}
#gallProd img {
left: 0;
position: absolute;
top: 0;
z-index: 0;
padding: 0px;
max-height: 100%;
max-width: 100%;
width: 100%;
}
.zapytanieDiv{
overflow: hidden;
margin: 0px 0px 20px 0px;
text-align: right;
}

.zapytanieDiv a{
color: #000000;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 0px 0px;
background-size: 24px auto;
display: inline-block;
margin-top: 9px;
    transition: all 0.5s ease-out 0s;
}

.zapytanieDiv a:before {
    content: "\2709";
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 21px;
    margin-right: 10px;
    vertical-align: middle;
}

.zapytanieDiv a:hover{

color:#0378f7;
}



.navigDivProd a {
    display: inline-block;
    height: 14px;
    margin: 0 3px;
    width: 14px;
    background-color: #babec1;
    vertical-align: middle;
    
}
.divGalP{
 margin-right: -19px;    
}

.imgDivProd .scrollProd div.divGal {
    display: none;
     overflow: hidden;
}



.imgDivProd .scrollProd #divGal_0 {
    display: block;
   
        
}
.navigDivProd{
    padding-top: 6px;
    text-align: center;
    transition: all 0.5s ease-out;
    
}
.navigDivProd .selNav{
    width: 20px;
    height: 20px;
    background-color: #1d61f0;
    transition: all 0.5s ease-out;
}

.prodDescImg{
    overflow: hidden;
    padding-bottom: 70px;
}


.produkt .topDesc{

}


.produkt .topcom{

}

.produkt .topcom .product_up{
padding: 14px 5px 24px 5px;
display: block;
overflow: hidden;
}
.produkt .topcom .product_up>span{
display: block;
float: left;
padding: 5px 10px;
color:#2c3336;
font-size: 15px;
}
.produkt .topcom .product_up>span a{
color:#2c3336;
}		

.title_product_detail{

}
.title_poductlocation{

}

.produkt .topcom .product_up>span span.sp1{
margin-right: 10px;
}
.produkt .topcom .product_up>span span.prod_bold{
font-weight: 700;
}


.produkt .product_bottom{
display: table;
width: 100%;
margin-bottom: 40px;
}
.produkt .product_bottom>span{
display: table-cell;
vertical-align: top;
}




.produkt .product_bottom>span.kat_prod{

}
.produkt .product_bottom>span.kat_prod a{
display: block;
padding: 15px 25px;
text-align: center;
font-size: 15px;
color: #FFFFFF;
transition: all 0.3s ease-out;
max-width: 142px;
}




.produkt .product_bottom>span.kat_prod a.spr{
background-color: #f1c100;
transition: all 0.3s ease-out;
}
.produkt .product_bottom>span.kat_prod a.wyn{
 background-color: #90c936;
transition: all 0.3s ease-out;
}


.produkt .product_bottom>span.kat_prod a.spr:hover,.produkt .product_bottom>span.kat_prod a.wyn:hover{
background-color: #2c3336;
}

.produkt .product_bottom>span.powierzchnia_prod{

}
.produkt .product_bottom>span.powierzchnia_prod .powCena{
color:#FFFFFF;
font-size: 15px;
display: block;
padding: 10px 10px;
background-color: #0079bc;
overflow: hidden;
}

.produkt .product_bottom>span.powierzchnia_prod span.sp1{
margin-right: 10px;
}
.produkt .product_bottom>span.powierzchnia_prod span.prod_bold{
font-weight: 700;
}
.produkt .product_bottom>span.powierzchnia_prod .powCena>span{
padding: 5px 10px;
display: block;
float: left;
}

.produkt .descZajawka{

}

.produkt .descZajawka .moreArt{
display: block;
float: right;
}

.produkt .formtitle {
font-size: 24px;
}


.content_text_forms .msg{
font-size: 17px;
font-weight: 800;

}

.loaderIm:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
background: rgba(255,255,255,1) url('../images/2.gif') 50% 50% no-repeat;
opacity:0.7;
}

.imgDivColor{
text-align: center;
}

.imgDivColorIn{
position: relative;
display: inline-block;
margin-bottom: 30px;
}

.imgDivColor .galleryColor{

}

.imgDivColor .galleryColor img.sel{
opacity:1;
display: block;
}
.imgDivColor .galleryColor img{
display: none;
opacity:0;
}


.imgDivColor .galleryColor img.FadeIn{
opacity:1;
transition:0.3s all;
}
.imgDivColor .galleryColor img.FadeOut{
opacity:0;
transition:0.3s all;
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}







.imgDivColor .DivColors{
display: inline-block;/*
position: absolute;
left:50%;
top:100%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);*/
max-width: 90%;

}

.imgDivColor .DivColors .TxtColor{
display: inline-block;
padding: 4px 5px;
vertical-align: middle;
text-align: center;
background-color: #677578;
color: #FFFFFF;
}

.imgDivColor .DivColors span{
display: inline-block;
width:26px;
height:26px;
margin: 5px 5px;
cursor: pointer;
vertical-align: middle;
}


.FormAction{
text-align: center;
position: relative;
padding-top: 25px;
}

.FormAction:before{
position: absolute;
content:"";
width:100%;
height:1px;
left:0px;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-color: #c1d5e0;
}

.FormAction span{
color:#FFFFFF;
background-color: #e42026;
padding: 15px 30px 15px 60px;
display: inline-block;
background-image: url("../images/ico_form_mail.png");
background-repeat: no-repeat;
background-position: 5% 50%;
cursor:pointer;
border:2px solid #e42026;
-webkit-transition:0.3s all ease-out 0s;
transition:0.3s all ease-out 0s;
position: relative;
}



.FormAction span:hover{
border-color: #c31b21;
background-color: #c31b21;
}

.FormAction span:active{
border-color: #a8181c;
background-color: #a8181c;
-webkit-transition:0s all ease-out 0s;
transition:0s all ease-out 0s;
}

.ProductForm.sel{
height:100%;
display: block;
}

.ProductForm{
display: none;
margin-top: 15px;
}

.ProductForm.isForm{
display: block;
}


.ProdImagesGal{
padding: 50px 0px 0px 0px;
display: block;
width:100%;
}

.ProdImagesGal .gallery{
display:inline-block;
width:33.33%;
margin: 10px 0px;
text-align: center;
float: left;
box-sizing:border-box;
padding:0px 10px;
}

.p_price{
position: static;

font-size: 30px;
color: #344144;
font-weight: bold;
display: block;
text-align: right;
margin-top: -35px;
/*
padding-left: 30px;
background-image: url("../images/penBefPrice.png");
background-repeat: no-repeat;
background-position: 0px 50%;*/
}
.p_price span{
font-size:18px;
}





@media screen and (max-width:800px){
.ProdImagesGal .gallery{width:50%;}
}
@media screen and (max-width:720px){
.imgDivColor .DivColors{left:0px;-webkit-transform:none;-ms-transform:none;transform:none}
}

@media screen and (max-width:500px){
.imgDivColor .DivColors{position: static;padding-top: 5px;}
.p_price{position: static;display: block;text-align: left;background-color: #FFFFFF;}
.imgDivColor .DivColors span, .imgDivColor .DivColors .TxtColor{margin-bottom: 5px;margin-top: 5px;}	
}
@media screen and (max-width:430px){
.ProdImagesGal .gallery{width:100%;}
}

@media screen and (max-width:360px){
.produkt .product_bottom > span.powierzchnia_prod .powCena {font-size: 13px;}
}

@media screen and (max-width:350px){
.imgDivProd{width: 250px;}
#gallProd {height: 250px;}
}