*{
  margin: 0 auto;
  padding: 0;
  box-sizing:border-box;
}

body{
    margin-left: auto;
	margin-right: auto;
    color: #000000;
    font-family: trebuchet ms;
    font-size: 12px;
	background: #fff;
}

.site{
	width:100%;
	max-width:1920px;
	overflow:hidden;
}

.siteTop{
	width:100%;
	height:50px;
}

.siteTop .siteLogo{
	width:200px;
	float:left;
	height:20px;
	padding:10px;
	font-size:26px;
	color:#666;
}


.siteTop .rowMenu{
	width:100%;
	max-width:600px;
	height:30px;
	float:right;
	padding:10px 0px;
}

/* menu PC */
.siteMenuPC{
	width:100%;
	max-width:304px;
	float:right;
}

.siteMenuPC #menuPC{
	overflow:hidden;
}

.siteMenuPC #menuPC ul{
	list-style:none;
}

.siteMenuPC #menuPC ul li{
	float:left;
}

.siteMenuPC #menuPC ul li a{
	display:block;
	color:#fff;
	padding:6px 12px;
	margin-left:1px;
	font-size:16px;
	text-transform:uppercase;
	background:#D93A32;
}

.siteMenuPC #menuPC ul li a:hover{
	color:#D93A32;
	background:#fff;
}


/* menu Mobile */
#siteMenuMobile{
	width:260px;
	position:relative;
	float:right;
	display:none;
}

#menuMobileButton{
	width:60px;
	height:22px;
	float:right;
	cursor:pointer;
	color:#000;
	margin-right:10px;
}

#menuMobileButton div{
	width:100%;
}

#menuMobileButton div span{
	display:block;
	height:1px;
	width:90%;
	background:#D93A32;
	margin-top:4.9px;
}

#menuMobileList{
	width:100%;
	display:none;
	position:absolute;
	top:24px;
	right:0px;
	overflow:hidden;
	z-index:999;
}

#menuMobileList ul li a{
	display:block;
	width:100%;
	/*background:#045388;*/
	background:#D93A32;
	color:#fff;
	text-align:center;
	padding:10px 6px;
}

#menuMobileList ul li a:hover{
	background:#fff;
    color: #D93A32;
}



.siteSlide{
	width:100%;
}

.siteSlide img{
	display:block;
	width:100%;
	margin:5px auto;
}

.content{
	width:100%;
	overflow:hidden;
}

.menuCategorie{
	width:100%;
	max-width:1920px;
	margin:0px auto;
}

.menuCategorie ul{
	list-style:none;
}

.menuCategorie ul li{
	float:left;
}

.menuCategorie ul li a{
	float:left;
	display:block;
	width:140px;
	margin:10px;
	text-align:center;
	background:#cce6ff;
	color:#666;
	padding:20px 10px;
}

.menuCategorie ul li a:hover{
	cursor:pointer;
	background:#0080ff;
	color:#fff;
	box-shadow:0px 0px 2px #0080ff;
}

.colFourRow{
	width:100%;
	max-width:1920px;
	margin:10px auto;
}

.colOne{
	width:100%;
	max-width:460px;
	padding:10px;
	float:left;
}

/* oferta */
.offer{
	width:100%;
	max-width:440px;
	padding:10px;
	text-align:center;
	color:#666;
	box-shadow:0px 0px 2px #666;
	overflow:hidden;
}

.offer:hover{
	cursor:pointer;
	box-shadow:0px 0px 7px #666;
}

.offer .offerTitle{
	font-size:16px;
}

.offer .offerTitle a{
	color:#888;
}

.offer .offerText{
	margin:20px auto;
}

.offer .offerImg{
	width:80%;
	display:block;
	margin:10px auto;
}

.offer .offerImg img{
	width:100%;
}

.footer{
	width:100%;
	margin:10px auto;
	height:30px;
	padding:10px 0px 0px 0px;
	background:#666;
	color:#fff;
}

.footer p{
	margin-left:10px;
}



/* default */
.clear{clear: both;}
.left{float:left;}
.right{float:right;}
.center{display:block !important;margin:0px auto;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center;}
.tweight{font-weight:bold;}

.error{border:1px solid #FF4500;}
.errorT{color:#DD1418;}
#infoSend{display:none;padding:20px 0px;}
.errID{color:#DD1418;}
.okID{color:green;}

.mtop5{margin-top:5px;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop20{margin-top:20px;}
.mtop40{margin-top:40px;}
.mtop60{margin-top:60px;}
.mtop80{margin-top:80px;}
.mtop100{margin-top:100px;}

.mbottom5{margin-bottom:5px;}
.mbottom10{margin-bottom:10px;}
.mbottom15{margin-bottom:15px;}
.mbottom20{margin-bottom:20px;}

.mleft5{margin-left:5px;}
.mleft10{margin-left:10px;}
.mleft15{margin-left:15px;}
.mleft20{margin-left:20px;}

.mright5{margin-right:5px;}
.mright10{margin-right:10px;}
.mright15{margin-right:15px;}
.mright20{margin-right:20px;}

.padding20{padding:20px;}

.f8{font-size:8px !important;}
.f10{font-size:10px !important;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}

.w100p{width:100%;overflow:hidden;}
.w98p{width:98%;overflow:hidden;}
.w96p{width:96%;overflow:hidden;}
.w64p{width:64%;overflow:hidden;}
.w34p{width:34%;overflow:hidden;}
.w20{max-width:20px;overflow:hidden;}
.w30{max-width:30px;overflow:hidden;}
.w40{max-width:40px;overflow:hidden;}
.w60{max-width:60px;overflow:hidden;}
.w80{max-width:80px;overflow:hidden;}
.w100{max-width:100px;overflow:hidden;}
.w120{max-width:120px;overflow:hidden;}
.w140{max-width:140px;overflow:hidden;}
.w160{max-width:160px;overflow:hidden;}
.w180{max-width:180px;overflow:hidden;}
.w200{max-width:200px;overflow:hidden;}
.w220{max-width:220px;overflow:hidden;}
.w240{max-width:240px;overflow:hidden;}
.w260{max-width:260px;overflow:hidden;}
.w280{max-width:280px;overflow:hidden;}
.w300{max-width:300px;overflow:hidden;}
.w300{max-width:300px;overflow:hidden;}
.w400{max-width:400px;overflow:hidden;}
.w500{max-width:500px;overflow:hidden;}
.w600{max-width:600px;overflow:hidden;}

.w62s{width:62px;overflow:hidden;}
.w100s{width:100px;overflow:hidden;}
.w160s{width:160px;overflow:hidden;}
.w170s{width:170px;overflow:hidden;}
.w180s{width:180px;overflow:hidden;}
.w200s{width:200px;overflow:hidden;}
.w240s{width:240px;overflow:hidden;}
.w400s{width:400px;overflow:hidden;}

.h160{height:160px;}
.h220{height:220px;}
.h240{height:240px;}
.h260{height:260px;}
.h280{height:280px;}
.h300{height:300px;}

.wybrany_wiersz{background:#ccc;}  
.aktywne{background:#90EE90;}  
.nieaktywne{background:#F08080;}

.twhite{color:#fff;}
.tblack{color:#000;}
.tred{color:red;}
.tgreen{color:green;}
.tblue{color:#0A5C96;}
.tyellow{color:#D3AF47;}
.tunderline{text-decoration:underline;}

.bg_grey{background:#041A3C;}
.bg_pink{background:#FFC0CB;}
.bg_white{background:#fff;}
.bg_red{background:#f00;}
.bg_red80{background:#ff9999;}
.bg_green{background:green;}
/* --- END --- */

a{text-decoration:none;}

@media (max-width:1020px){
}

@media (max-width:820px){
	.colOne{
		float:none;
		margin:10px auto;
	}
}

@media (max-width:620px){
	.siteMenuPC{
		display:none;
	}
	
	#siteMenuMobile{
		display:block;
	}
}

@media (max-width:420px){
	.menuCategorie ul li{
		float:none;
	}

	.menuCategorie ul li a{
		float:none;
		margin:10px auto;
	}
}