body {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	background-color: #1F2022;
	color: #FFFFFF;
	font: 12px 'Lato', sans-serif;
	font-size: 0.8rem;
	line-height: 1.5rem;
	max-width: 100%;
	position: relative;
}

.all {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 10;
	background-color: #1F2022;
	margin-bottom: 233px;
}

.stopka {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: -10;
	background-color: #000;
	color: #767676;
	margin-bottom: 0px;
	height: 218px;
	padding-bottom: 20px;
}
.stopka-tresc {
	max-width: 1140px;
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
}
.stopka-logo{
	max-width: 217px;
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 73px;
	background-image: url(../images/logo-stopkabw.png);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 30px;
	display: block;
}



/*
przycisk page build
*/
.przycisk {
	color: #FAF7F0 !important;
	background: #EF672F !important;
	display: inline-block;
	box-shadow: inset 0 0 0 0 #883300;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
}
.przycisk:hover {
     box-shadow: inset 0 100px 0 0 #883300;
}



/*
zdjecie page build
*/.sppb-img-responsive{  

	border-radius: 20px;

  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 

  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}

.sppb-img-responsive:hover {
   border-radius: 100px; 
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
  opacity: 0.6;
}

/*
ikona page build
*/.sppb-icon {
  transition:1s;
}

.sppb-icon:hover {
  transform:rotateY(180deg);
cursor: pointer;
}



/*
simple image galery
*/.sigFreeImg {

  -webkit-transform: scale(1, 1); 
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 

  -ms-transform: scale(1, 1);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}


.sigFreeImg:hover {
  -webkit-transform: scale(1.1, 1.1); 
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
 
  -moz-transform: scale(1.1, 1.1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  -ms-transform: scale(1.10, 1.10);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
	opacity: 0;
}

/*
tytul artykulu
*/.tytulart {
	color: #FFFFFF;
	font-size     : 36px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-top: 55px;
	margin-bottom: 55px;
}
/*
obrazek artykulu
*/.item-image img{
	display: block;	
	height: auto;
  max-height: 400px;
  max-width: 100%;
  width: 100%;

}
/*
obrazek artykulu-klasa w html/default.php
*/.obrazek-art {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/*
szerokosc artykulu
*/.articlebody {
	max-width: 1150px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-right: 3%;
	padding-left: 3%;
}


.alignleft {
	float: left;
}


h1 {                     / *formatuje nazwe - tytu3 witryny */
   font-size     : 1.4em;
}
h2, .componentheading {
	color: #FFFFFF;
	font-size     : 15px;
	font-family: 'Raleway', sans-serif;
	height: 23px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 1px;
	text-transform: uppercase;
}
h3, .moduletable th, .module h3  {
	color: #FFFFFF;
	margin        : 1em 0;
	font-size     : 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
h3 a {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}
h3 a:after {
	content: '';
	display: block;
	margin: auto;
	height: 2px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
h3 a:hover:after {
	width: 100%;
	background-color: #666666;
}

h4 {
	color: #012b3b;
	font-size: 16px;
/ * kolor jak w h1,h2,h3, mniejszy rozmiar */ 
 
}
h5 {
	color: #FFFFFF; /* rozmiar j.w., inny odcien koloru */
}


a {
	text-decoration: none;
	color: #FFFFFF;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	outline: none;
	
}
a:focus {
-moz-outline: none;
outline: none; /* CSS 3 */
ie-dummy: expression(this.hideFocus=true); /* IE >= 5.5 */
}
a:hover {
	text-decoration: none;
	color: #A6A6A6;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}
a.bialy {
	color: #CCC;
	}
	
a.bialy:hover {
	color: #CCC;
	}
	
.sprocket-mosaic-title a {
	text-decoration: none;
	color: #FFFFFF;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}

.sprocket-mosaic-title a:hover {
	text-decoration: none;
	color: #FFFFFF;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}


#header {
	color: #fff;
	height: 70px;
	width: 100%;
	padding-top: 30px;
	z-index: 900;
	background-color: #1F2022;
}


#bottom {
	height: 800px;
	background-color: #1F2022;
}

.fixed {
	position: fixed;
	top: 0;
	background-color: rgba(31,32,34,0.91) !important;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in;
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
	height: 45px !important;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.81);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0,0.81);
box-shadow:         0px 3px 5px 0px rgba(0,0,0,0.81);
	padding-top: 10px !important;
}
.static {
	position: static;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in;
	transition-duration: 0.3s;
	transition-timing-function: ease-in;
}
	
	.social-media {
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	display: table;
}
	.social-media-icon {
	margin-right: 5px;
	overflow: hidden;
	color: #CCC;
	float: left;
	margin-left: 5px;
		
}

.social-media-color {
	color: #767676;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
	
}
.social-media-color:hover {
	color: #999;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
	
}

.baner {
	width: 100%;
	overflow: hidden;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
	position: relative;
	z-index: 30;
	background-color: #FFFFFF;
}
.logotop {
	height: 100px;
	width: 100%;
	margin-top: 0px;
	padding-top: 20px;
	background-color: #1F2022;
	border-bottom: 1px solid #45474B;
}
.logo {
	background-image: url(../images/logobw.png);
	background-repeat: no-repeat;
	height: 73px;
	width: 219px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.logo-width{
	width: 0px;
	height: 0px;
	background-image: url(../images/logo-widthbw.png);
	display: block;
	position: static;
	float: left;
	transform: translate(-250px);
	 -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
}
.fixed .logo-width{
	width: 160px;
	height: 32px;
	background-image: url(../images/logo-widthbw.png);
	transform: translate(50px);
	display: block;
	 -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
		
}

.centrujj {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
}

.menu-glowne {
	font-size: 16px;
	min-height: 100%;
	height: 100%;
	text-align: center;
	display: table;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: -8px;
	-webkit-transition-duration: 500ms;
	-webkit-transition-timing-function: ease-out;
}


.menu-glowne-test {
	float: left;
	width: 100px;
	overflow: hidden;
	font-size: 16px;
	border-bottom: 2px solid #FFBF02;
	background-color: #FF0000;
	height: 96%;
	min-height: 96%;
	overflow: hidden;
}

.readon {
	display: none;
}


/*
wyswietlanie panela daty w artykule 
*/.article-info {
	overflow: hidden;
	margin-top: -40px;
	margin-right: auto;
	margin-left: auto;
	display: table;
	text-align: left;
	padding-left: 0px;
	padding-right: 25px;
	margin-bottom: 40px;
}
/*
TAGI
*/

.inline{
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #45474B;
	margin-top: 20px;
	}
/*
TAGI
*/.tags {
	list-style-type: none;
	list-style-position: inside;
	overflow: hidden;
	display: block;
	max-width: 1130px;
	min-width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*
TAGI
*/.label {
	display: inline;
	list-style-type: none;
}
/*
TAGI
*/.tags li .label-info {
	display: block;
	text-decoration: none;
	background-color: #6C6F76;
	text-align: center;
	color: #C8C8C8;
	font-size: 12px;
	float: left;
	margin-right: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 5px;
	box-shadow: inset 0 0 0 0 #414347;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
/*
TAGI
*/.tags li .label-info:hover {
	background-color: #999;
	color: #CCCCCC;
	box-shadow: inset 0 -100px 0 0 #404246;
}

/*
kolumna do edytora
*/.kolumna {
	padding: 10px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}
.list-striped {
	list-style-type: none;
	list-style-position: inside;
	overflow: hidden;
	display: block;
	max-width: 1130px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}


/*
klasa jce obrazek
*/.dosesingle {
	margin-bottom: 30px;
	overflow: hidden;
}
.foto-blog {
	margin-bottom: 30px;
	overflow: hidden;
	max-width: 1050px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*
portfolio/fotografie nawigacja/filtr
*/
input[type="button"]{
   outline:none;
}
input[type="button"]::-moz-focus-inner {
   border: 0;
}

/*
formularz
*/
[name="rp_email"] {
	width: 80%;
	height: 40px;
	border: 1px solid #404246;
	background-color: #404246 ;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
}
[name="rp_subject"] {
	width: 80%;
	height: 40px;
	border: 1px solid #404246 ;
	background-color: #404246 ;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

[name="rp_message"]{
	width: 80%;
	height: 150px;
	border: 1px solid #404246 ;
	background-color: #404246 ;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
[name="rp_anti_spam_answer"]{
	width: 20px;
	height: 40px;
	text-align: left!important;
	border: 1px solid #404246 ;
	background-color: #404246 ;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.g-recaptcha{
	max-width: 304px!important;
	margin-right: auto;
	margin-left: auto;
}

.btn-primary {
	background-color: #000000;
	height: 35px;
	width: 82%;
	margin-top: 10px;
	font-size: 16px;
	color: #FFF;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	cursor: pointer;
	box-shadow: inset 0 0 0 0 #C14800;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	background-color: #000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.btn-primary:hover {
	box-shadow: inset 1000px 0 0 0 #31302B;
	}

.wiadomosc_wyslana {
	margin-top: 50px;
	margin-bottom: 80px;
	text-align: center;
}


@media screen and (min-width:900px){
}


@media screen and (max-width:768px){

.menu-glowne {
display: none;
}
.header {
display: none;
}
.static {
display: none;
}
.fixed {
display: none;
}
.menu-mobile {
	float: left;
	overflow: hidden;
	margin-left: 20px;
	padding-top: 5px;
}
/*pole tagow */.tags {
	width: 90%;
}
	.logotop{
		border: 0;
	}
}

@media screen and (max-width:900px){

h3, .moduletable th, .module h3  {
	font-size     : 30px!important;
	font-weight: bold;
}
.tytulart {	
	font-size     : 30px;

}








.nav > li > a > img {
	max-width: none;
}


[class*="span"],
	.uneditable-input[class*="span"],
	.row-fluid [class*="span"] {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

/*
szerokosc artykulu dla max900px
*/.articlebody {
	width: 90%;
	overflow: hidden;
	padding-right: 5%;
	padding-left: 5%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 12;
}
/*
obrazek artykulu dla max900px
*/.item-image {
	width: 100%;
	overflow: hidden;
	height: 10%;
}
/*pole tagow */.tags {
	width: 90%;
}
}

@media screen and (max-width:480px){

h3, .moduletable th, .module h3  {
	font-size     : 20px!important;
}

.tytulart {	
	font-size     : 20px;

}
/*pole tagow */.tags {
	width: 90%;
}
.logo {
	background-image: url(../images/logobw.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 53px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

}



@media (min-width: 480px) and (max-width: 900px) {

}

@media screen and (min-width:1380px){
.articlebody {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
	overflow: hidden;
}

}
@media screen and (min-width:1548px){
	.foto-blog {
	margin-bottom: 30px;
	overflow: hidden;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	}