/* Theme Name: Brelecton v. 1.0 
 * Author: Jakub Kosmalski */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:300,400,600,700&display=swap');
html, body {
	margin:0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: 'Encode Sans Condensed', sans-serif;
	color:#565654;
}


/* -----------    Top & Menu     ---------------- */

top {
	display: block;
	max-width:1270px;
	margin: 0px auto;
	height: 91px;
	font-family: 'Encode Sans Condensed', sans-serif;
}
top logo {
	display:block;
	width:25%;
	border-left:1px dotted #9E9E9E;
	border-right:1px dotted #9E9E9E;
	height: 100%;
	float:left;
}
div.hamburger {
	display: none;
}
pc {
	display: block;
}
top nav {
	display:block;
	float:left;
	height: 100%;
	width: 64%;
	border-right:1px dotted #9E9E9E;
}
top lang {
	display:block;
	float:left;
	height: 100%;
	width: 9%;
	border-right:1px dotted #9E9E9E;
}
top lang fl {
	display: table;
	text-align: center;
	line-height: 91px;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
top lang fl a:nth-of-type(2){
	margin-left: 6px;
}
a.logohome {
	display: block;
	width:100%;
	height: 100%;
	background-image: url("gfx/logo.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
nav ul {
	margin: 0px;
	padding: 0px;
}
nav ul li{
	list-style: none;
	display: table-cell;
	height: 100%;
	line-height: 91px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	-webkit-transition:  0.8s; /* For Safari 3.1 to 6.0 */
  transition:  0.8s;
}
nav ul li a{
	display: block;
	width:100%;
	height:100%;
	text-decoration: none;
	font-size: 21px;
	font-weight: 300;
	color: #565654;
	-webkit-transition:  0.8s; /* For Safari 3.1 to 6.0 */
  transition:  0.8s;
}
nav ul li:hover {
	background-color: #00d2ff;
}
nav ul li:hover a{
	color:#fff;
}
.current_page_item {
	background-color: #00d2ff;
	color:#fff;
	box-shadow: inset 0 -10px 10px -10px #0388a4;
}
.current_page_item a{
	color:#fff;
}

/* -----------    END Top & Menu     ---------------- */
.banery {
	width:100% !important;
	background-color: #e7e7e7;
	margin-left: 0px !important;
	margin-right:0px !important;
}
.content {
	display: block;
	max-width: 1270px;
	margin: 0px auto !important;
}
.just {
	text-align: justify !important;
}
.imgblock {
	display: block !important;
} 
.zcieniem {
	 box-shadow: inset 0 7px 20px -7px rgba(0,0,0,0.4);
	background-image: url(gfx/bg_1.jpg);
}
.cienboki {
	box-shadow: inset 7px 0 10px -10px rgba(0,0,0,0.7);
	border-left:1px dotted #9E9E9E;
}
.najechany {
	-webkit-transition:  1s; /* For Safari 3.1 to 6.0 */
  transition:  1s;
}
.najechany:hover {
	background-color: rgba(122,122,122,0.15)
}
.ciemne {
	background-position: top center;
}
.cien {
	box-shadow: inset 0 7px 20px -7px rgba(0,0,0,0.4);
}
/*------------- stopka ---------------*/
stopka {
	display: block;
	border-top:1px solid #e7e7e7;
}
.ramkiobie {
	border-left:1px dotted #9E9E9E;
	border-right:1px dotted #9E9E9E;
}
.ramkaprawa {
	border-right:1px dotted #9E9E9E;
}
/* ----------------podstrona aktualności i inne-------------------*/
.pagebox {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.data {
	font-size:11px;
	color: #fff;
	background-color: #00d2ff;
	width: auto;
	padding: 4px;
	margin-left: 30px;
	margin-top: 30px;
}
.produkt {
  -webkit-transition:  0.8s; /* For Safari 3.1 to 6.0 */
  transition:  0.8s;
}
.produkt:hover {
	background-color: #e7e7e7 !important;
}
.source {
	border-top:1px solid rgba(121,121,121,0.5);
	font-size: 10px;
}
/* ---kolory i kroje czcionek---- */
.blue {
	color:#00d2ff;
}
.cienki {
	font-weight:400 !important;
}
.gruby {
	font-weight:600 !important;
}
.bialy {
	color:#fff;
}
.vc_column-inner {
	padding-top:0px !important;
}

/* ----------- menu mobile ----------------*/
@media screen and (max-width: 1100px) {
	pc {
		display: none;
	}
	#mob {
		background-color: #E3E3E3;
	}
	top {
	display: block;
	max-width:100% !important;
	margin: 0px auto;
	height: auto;
	font-family: 'Encode Sans Condensed', sans-serif;
}
top logo {
	display: inline-block;
	width:400px;
	border-left:0px;
	border-right:0px;
	height: 50px !important;
}
div.hamburger {
		display: inline-block;
		background-image: url("gfx/menu.png");
		width:32px;
		height: 32px;
	float: right;
	margin-right: 20px;
	margin-top: 8px;
	}
	div.cls {
		clear: both;
	}
top nav {
	display:block;
	float:none;
	height: 100%;
	width: 100%;
	border-bottom:1px dotted #9E9E9E;
	border-right:0px;
}
top lang {
	display:none;
	float:none;
	height: 100%;
	width: 9%;
	border-right:1px dotted #9E9E9E;
}
	
a.logohome {
	display: block;
	width:100%;
	height: 100%;
	background-image: url("gfx/logo.jpg");
	background-repeat: no-repeat;
	background-position: 20px center;
}
nav ul {
	margin: 0px;
	padding: 0px;
}
nav ul li{
	list-style: none;
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	-webkit-transition:  0.8s; /* For Safari 3.1 to 6.0 */
  transition:  0.8s;
}
nav ul li a{
	display: block;
	width:100%;
	height:100%;
	text-decoration: none;
	font-size: 21px;
	font-weight: 300;
	color: #565654;
	-webkit-transition:  0.8s; /* For Safari 3.1 to 6.0 */
  transition:  0.8s;
}
nav ul li:hover {
	background-color: #00d2ff;
}
nav ul li:hover a{
	color:#fff;
}
}