@charset "utf-8";
/* CSS Document */

@media (min-width: 1940px) {
   .appLastViewedBox{
      width:300px;
      left:auto;
   }
   .appProductsQuickCartBox{
      width:300px;
      right:auto;
   }
   .fbLikeBoxContainer{
      width:300px;
      right:auto;
   }
}

@media (max-width: 1750px) {
	.appLastViewedBox{
		left:2.5%;
	}
	.appLastViewedBox h3{
		font-size:150%;
		word-wrap: break-word;
	}
	.appLastViewedBox a.name{
		font-size:100%;
		word-wrap: break-word;
	}
	
	.appProductsQuickCartBox{
		right:2.5%;
	}
	.appProductsQuickCartBox h3{
		font-size:150%;
		word-wrap: break-word;
	}
	
	.fbLikeBoxContainer{
		right:2.5%;
	}	
}

@media (max-width: 1650px) {
	.appLastViewedBox{
		left:0.5%;
	}	
	
	.fbLikeBoxContainer{
		right:0.5%;
	}
	
	.appProductsQuickCartBox{
		right:0.5%;
	}	
}

@media (max-width: 1500px) {
	.appLastViewedBox{
		width:175px;
		position:fixed; left:-125px; top:200px; z-index:15; right:auto;
	}
	.appLastViewedBox .content{
		display:none;
		box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
	}
	.appLastViewedBox .iconBtn {
		background:#1064a7 url(/default/images/lastViewedIcon.png) no-repeat right top;
		box-sizing: border-box;
		color: #ffffff;
		display: block;
		height: 50px;
		width: 100%;
		box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);		
	}
	
	.appProductsQuickCartBox{
		width:225px;
		position:fixed; right:-175px; top:200px; z-index:15; left:auto;
	}
	.appProductsQuickCartBox .content{
		display:none;
		box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.2);
	}
	.appProductsQuickCartBox .iconBtn {
		background:#1064a7 url(/default/images/quickCartIcon.png) no-repeat left top;
		box-sizing: border-box;
		display: block;
		position:relative;
		height: 50px; width:50px;
		width: 100%;

		color: #ffffff;
		box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.2);			
	}
	.appProductsQuickCartBox .iconBtn span{
		position:absolute; bottom:5px; left:5px;
		color:#ffffff;
		font-size:14px;
		font-family:kpb;
	}
	
		
	.fbLikeBoxContainer{
		width:250px;
		position:fixed; right:-200px; top:270px; z-index:15; left:auto;
	}
	.fbLikeBoxContainer .likeboxWrapper{
		display:none;
	}
	.fbLikeBoxContainer .iconBtn {
		background: url(/default/images/fbIcon.png) no-repeat left top;
		box-sizing: border-box;
		color: #ffffff;
		display: block;
		height: 50px;
		width: 100%;
		box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.2);		
	}
	.fbLikeBoxContainer .iconBtn:hover {

	}	
}

@media (max-width: 1200px) {
	#header,
	#content,
	#footer{
		width:95%;
		margin:0 auto;
	}
	#content{
		margin-bottom:20px;
	}
	
	#header form{
		bottom:auto;
		top:80px;
	}
	
	#topNavContainer a.menuBtn,
	#topNavContainer a.categoriesMenuBtn{
		display:none;
	}
	
	#topNav li a{
		font-size:85%;
	}	
	
	#jumpUpBtn{
		left:auto; 
		right:9px;
		margin-left:auto;
	}
	
	/*boxes*/
	#topNav li:hover div.promotionCategoriesWrapper{
		left:0;
	}
	
	.appProductsRandBox .content{
		margin-top:10px;
	}		
	
	.appProductsCategoriesLatestBox ul li{
		width:33.33%;
	}
}

@media (max-width: 1060px) {

}

@media (max-width: 980px) {
	/*#header*/
	#header p.slogan{
		clear:both;
		padding:0 0 40px 20px;
	}		
	
	/*boxes*/
	.appProductsCategoriesBox ul li a{
		font-size:93%;
	}
	.appProductsCategoriesBox ul li ul li a{
		font-size:85%;
	}
	
	.appProductsSearch2Box .printMenu{
		float:left;
		margin-right:20px;
	}	
	.appProductsSearch2Box .printMenu ul {
		right:auto;
		left:0;
	}
	
	/**/
	#appProductsIndex .category,
	#appProductsDeliveriesIndex .category{
		width:33%;
	}
	
	/*appProductsDeliveriesIndex*/
	#appProductsDeliveriesIndex .commonShortCuts{
		width:50%;
	}
}

@media (max-width: 940px) {
	/*header*/
	#topNavContainer{
		max-width:none;
		box-sizing:border-box;
		width:94.5%;		
		background: url("/default/images/topNavBg.gif") repeat-x scroll left top #28343d;
	}
	
	/*boxes*/
	/*appCompanyBox*/
	.appCompanyBox .content p{
		margin-top:10px;
	}
	.appGoogleMapBox .content{
		margin-top:10px;
	}
	
	/*fbLikeBoxContainer*/
	.fbLikeBoxContainer{
		display:none;
	}

	/*.appLastViewedBox*/
	.appLastViewedBox{
		display:none;
	}
	
	/*appProductsCategoriesLatestBox*/
	.appProductsCategoriesLatestBox ul li{
		width:50%;
	}
	
	/*appProductsIndex*/
	#appProductsIndex .category,
	#appProductsDeliveriesIndex .category{
		width:50%; height:auto;
	}
	#appProductsIndex .category h4 a{
		border-bottom:none;
		text-overflow: ellipsis;
		overflow:hidden;
		white-space: nowrap;
	}
	
	#appProductsIndex .printMenu{

	}
	
	.productsContainer .product{
		width:33.33%;
	}
	
	.productsContainer .lastInRow{
		border-right:1px solid #e4e8ed;
	}
}

@media (max-width: 769px) {
	/*#header*/
	#header form{
		width:100%;
      position:static;
      clear:both;
      padding-bottom:30px;
	}
	#fastNavContainer{
		float:none;
	}
	#logo{
		margin-bottom:20px;
	}
	#header p.slogan{
		clear:none;
		padding:40px 0 0 0;
	}
	
	#topNavContainer{
		background:url(/default/images/topNavBg.gif) repeat-x left top;
		width:100%; left:0;
	}
	#topNavContainer a.menuBtn,
	#topNavContainer a.categoriesMenuBtn{
		display:inline-block;
		width:37px; height:37px;
		z-index:100;
		position:absolute; right:0; top:0;		
		background:url(/default/images/menuBtn.png) no-repeat center center;
	}
	#topNavContainer a.categoriesMenuBtn{
		background:url(/default/images/categoriesMenuBtn.png) no-repeat center center;	
		left:0; right:auto;
	}
	#topNavContainer a.menuBtn:hover,
	#topNavContainer a.categoriesMenuBtn:hover{
		background-color:#1166ab;
	}
	#topNavContainer #topNav{
		width:100%;
		display:none;
	}
	#topNavContainer ul li{
		float:none;
		width:100%;
		padding:0;
	}
	#topNav li a.selected {
		background-position:left top;
		text-decoration:underline;
	}
	#topNav li ul li,
	#topNavContainer ul li.sfhover div.wrapper,
	#topNavContainer ul li:hover div.wrapper,
	#topNavContainer ul li.sfhover div.categoriesWrapper,
	#topNavContainer ul li:hover div.categoriesWrapper{
		display:none !important;
	}
	
	#topNavContainer .rwdCategoriesContainer,
	#topNavContainer #topNav{
		height:auto;
		width:100%;
		background:#0a518b;
		margin-top:36px;
	}
	#topNavContainer .rwdCategoriesContainer ul{
		bottom:0;
		padding:10px 0;
	}	
	#topNavContainer .rwdCategoriesContainer ul li{
		background:none;
		padding:0;
	}		
	#topNavContainer .rwdCategoriesContainer ul li a{
		display:block;
		padding:0 10px;
		line-height:1.4;
		vertical-align:middle;
		color:#ffffff;		
	}	
	#topNavContainer .rwdCategoriesContainer ul li ul{
		padding:0;
		box-sizing:border-box;
		/*border-left:10px solid #0a518b;
		border-right:10px solid #0a518b;*/		
		margin-bottom:10px;
		margin-top:10px;
		
		background:#f9f9f9;		
	}
	#topNavContainer .rwdCategoriesContainer ul li ul li{

	}	
	#topNavContainer .rwdCategoriesContainer ul li ul li a{
		border-bottom:1px solid #e2e8ed;
		color:#0a518b;	
		line-height:2.2;
		font-size:90%;
	}	
	#topNavContainer .rwdCategoriesContainer ul li ul li:last-child a{
		border:none;
	}

	#topNavContainer .rwdCategoriesContainer ul li ul li ul{
		margin:0;
		padding:10px 0;
		
		background:#e2e8ed;
	}	
	#topNavContainer .rwdCategoriesContainer ul li ul li ul li{
	
	}
	#topNavContainer .rwdCategoriesContainer ul li ul li ul li a{
	
	}

	/*leftColumn and mainColumn*/
	#content.columns-left #leftColumn{
		width:100%; max-width:none;
	}
	#content.columns-left #mainColumn{
		width:100%; max-width:none;
	}

	/*mainColumn and rightColumn*/
	#content.columns-right #mainColumn{
		width:100%; max-width:none;
	}
	#content.columns-right #rightColumn{
		width:100%; max-width:none;
	}
   
   /**/
   .commonShortCuts .icon{
      max-width:100px;
   }
	
	/*boxy*/
	.appProductsHeaderBox .leftColumn{
		width:100%;
	}
	.appProductsHeaderBox form.searchForm{
		width:100%;
		padding-left:20px;
		padding-bottom:20px;
	}
	
	.appProductsCategoriesBox{
		display:none;
	}
	
	.appGoogleMapBox div.btnContainer{
		display:none;
	}
	
	.newsletterBox{
		width:100%;
      border-left:1px solid #e2e8ed;
	}
	
	.appHomePageBanners2Box{
		width:100%;
		border:1px solid #e2e8ed;
	}
	
	.appProductsSearch2Box form .productNameWrapper{
		display:inline-block;
	}
	
	/*shit od firmy pozycjonujacej*/
	div.propozycja{
		width:100% !important;
	}
	
	/*content*/
	/*appProductsDetails*/
	#containerWrapper.app_products-details #leftColumn{
		display:none;
	}
	#appProductsDetails .hasIdentity .leftColumn{
		width:60%;
	}
	#appProductsDetails .hasIdentity .rightColumn{
		width:40%;
	}
	#appProductsDetails .askAboutProductContainer form input.input{
		box-sizing:border-box;
		width:100%; height:35px;
	}
	
   .appProductsDetailsBigImage .ui-dialog-title a.thumbnail,
   .appProductsDetailsBigImage a.downloadAllBtn,
   .appProductsDetailsBigImage a.downloadBtn{
      display:none;
   }
   .appProductsDetailsBigImage a.prevBtn span{
      left:15px;
   }
   .appProductsDetailsBigImage a.nextBtn span{
      right:15px;
   }

	/*footer*/
	#footer .jumpTopBtn{
		display:none;
	}
	
	#footer #bottomNav{
		text-align:center;
		width:100%;
		float:none;
	}
	#footer #bottomNav li{
		float:none;
		display:inline-block;
	}
	
	#footer .fastNav{
		width:100%;
		text-align:center;
		border:1px solid #e2e8ed;
	}		
	#footer .fastNav ul{
		text-align:center;
		display:inline-block;
	}
	#footer .fastNav ul li{
		display:inline-block;
		float:none;
		padding-bottom:10px;
	}
	#footer .fastNav .langs{
		display:inline-block;
		float:none;
		text-align:left;
		padding-bottom:10px;
	}
	
	#footer p.copyrights{
		text-align:center;		
	}
   
   /*#appProductsInspirationsDetails*/
   #appProductsInspirationsDetails .itemsContainer .item{
      padding-top:calc(50% - 6px);
   }
   #appProductsInspirationsDetails .itemsContainer .item[data-type="short"]{
      width:calc(50% - 6px);      
   }
   #appProductsInspirationsDetails .itemsContainer .item[data-type="long"]{
      width:100%;
   }   
   
   .appProductsInspirationsDetails .itemProductsContainer .product{
      width:calc(33.33% - 6px);   
   }
		
}

@media (max-width: 640px) {
	/*#header*/
	#header{

	}
	#header p.slogan{
		display:none;
	}
	#fastNavContainer ul.authNav li a{
		overflow:hidden;
		text-indent:-666px;
	}
	
	/*appProductsIndex*/
	#appProductsIndex .mainCategoryContainer .imageContainer{
		display:none;
	}
	#appProductsIndex .mainCategoryContainer .textContainer{
		width:100%;
	}
	
	.productsContainer .product{
		width:50%;
	}
	
	#appProductsDetails .hasIdentity .leftColumn{
		width:100%;
	}
	#appProductsDetails .hasIdentity .rightColumn{
		width:100%;
		padding:0;
		padding-bottom:20px;
	}
	
	
	/*appProductsDeliveriesIndex*/
	#appProductsDeliveriesIndex .commonShortCuts{
		width:100%;
		padding-right:0;
	}
	
	/*boxy*/	
	.appProductsLatestBox{
		width:100%;
	}
	
	.newsletterBox{
		width:100%;
	}
	
	.appTipsBox .content{
		padding-top:66%;
	}
}

@media (max-width: 480px) {
	/*#header*/
	#logo{
		margin-bottom:20px;
	}
	#header p.slogan{
		clear:both;
		padding:0 0 40px 20px;
	}	
	
	/*content*/
	.commonShortCuts .icon{
		box-sizing:border-box;
		width:100%;
		margin-bottom:10px;
	}
	.commonShortCuts .icon img{
		width:100%;
	}
	
	/*form*/
	form.quickForm input[type="text"],
	form.quickForm input[type="password"], 
	form.quickForm textarea{
		box-sizing:border-box;
		width:100%; height:30px;
		padding:3px;
	}
	form.quickForm select{
		box-sizing:border-box;	
		width:100%; height:30px;
	}
	
	/*appProductsDeliveriesIndex*/
	#appProductsDeliveriesIndex .commonShortCuts{
		height:auto;
	}
	#appProductsDeliveriesIndex .commonShortCuts .icon{
		width:auto;
	}
	#appProductsDeliveriesIndex .commonShortCuts .icon img{

	}
	#appProductsDeliveriesIndex .commonShortCuts .btnContainer{
		margin:0;
	}
	
	/*appProductsIndex*/
	#appProductsIndex .category,
	#appProductsDeliveriesIndex .category{
		width:100%;
	}
	
	.productsContainer .product{
		width:100%;
	}
	
	/*appProductsCartIndex*/
	#appProductsCartIndex table tr th:first-child,
	#appProductsCartIndex table tr td:first-child{
		display:none;
	}
	#appProductsCartIndex table tr td:nth-child(2){
		word-wrap: break-word;
	}
	
	
	/*boxy*/
	.appNewsBox ul.btnContainer{
		position:static;
		margin-left:20px;
	}
	.appNewsBox ul.btnContainer li{
		margin-bottom:20px;
	}
	
	.appContactDepartmentsBox table{
		display:block;
	}
	.appContactDepartmentsBox table td{
		display:block;
		padding:10px;
		width:100%;
	}
	
	.appNewsBox .news{
		width:100%;
	}
	
	
	.appContactFormBox form .shortElement{
		width:100%;
		padding-right:0;
	}
	
	.appProductsSearchBox form input.input{
		width:92%;
		margin:20px 0 20px 0;
	}
   
   /*.appProductsInspirationsDetails*/
   .appProductsInspirationsDetails .itemProductsContainer .product{
      width:calc(50% - 6px);   
   }   
}