/*Created by Kamila Blecka, 101 Sp. z o.o., www.stojeden.pl and www.kb-portfolio.eu copyrights reserved*/
body, html{
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 0.95em;
	line-height: 1.65em;
	color: #323232;
	height: 100%;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

@font-face {
    font-family: 'Optima';
    src: url('fonts/optima-webfont.eot');
    src: url('fonts/optima-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optima-webfont.woff') format('woff'),
         url('fonts/optima-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

a img{
     	border: none;
}
.row-no-padding{
	padding-right: 0!important;
    	padding-left: 0!important; 
}
ul.action, li.edit-icon {
	display:none;
}


#wrapper{ 
	width: 100%;
	min-height:100%; 
	margin:0;
	border-top:5px solid #ffc20f;
	border-bottom:5px solid #ffc20f;
	background-color:#ffffff;

/*background: rgb(254,255,255); 
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(233,233,233,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(33%,rgba(255,255,255,1)), color-stop(100%,rgba(233,233,233,1))); 
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(233,233,233,1) 100%); 
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(233,233,233,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(233,233,233,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(233,233,233,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e9e9e9',GradientType=0 ); */

}

.btnSearch {
	display: none;
}

#top-wrapper {
	margin-top:60px;
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	form#searchForm input#search-searchword.inputbox {
		background-image:none!important;
		margin-bottom:0px!important;
	}

	.btnSearch {
		display: block;
	}

	#top-wrapper {
		margin-top:5px;
	}
}

header{
	/*position:fixed;*/
	min-height: 50px!important;
	position: relative;
    	/*z-index: 100;*/
    	margin: 0 0 15px 0;
   	width: 100%;
	min-height:50px;
	background-color:transparent;
}
@media only screen and (max-width: 767px){
	header{
		margin:0 0 25px 0;
	}
}

.xs-inline-box {
	display: inline-block;
}

.brand-logo {

}
@media only screen and (max-width: 767px){
	.firmowe-logo{
		display:none;
	}
}


nav {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
     	background-color: transparent;
     	margin: 0;
	padding-top: 10px;
      	/*z-index: 100;*/
	color: #525252!important;
}

/***Menu joomly***/
nav .moduletablemenugorne{
	z-index: 100;
}
nav .moduletablemenugorne ul {list-style-type: none; margin:0; padding:0!important; background: url(/templates/mipro/statics/img/krecha.png) no-repeat 0% 55%;}
nav .moduletablemenugorne li {list-style-type: none; margin: 0 auto; float: left; padding:0; background: url(/templates/mipro/statics/img/krecha.png) no-repeat 100% 55%;}
nav .moduletablemenugorne li:last-child {background:none;}
nav .moduletablemenugorne li:hover {color: #525252;}
nav .moduletablemenugorne li a {display: block; color: #525252; text-decoration: none; margin:0; padding:20px 15px;}
nav .moduletablemenugorne li a:hover { color: #525252; background:url(/templates/mipro/statics/img/krecha-yellow.png) no-repeat 100% 55%; background-color: transparent!important; }
nav .moduletablemenugorne ul li.active a {color:#525252; text-decoration:none; background:#fff; background: url(/templates/mipro/statics/img/krecha-yellow.png) no-repeat 100% 55%;}
nav .moduletablemenugorne ul li.active a:hover {color:#525252; text-decoration:none; background:#fff;background: url(/templates/mipro/statics/img/krecha-yellow.png) no-repeat 100% 55%;}


nav .moduletablemenugorne li ul {overflow: hidden; display: none; background: #fff; z-index:100;}
nav .moduletablemenugorne li:hover ul {position: absolute; padding: 0; display: block; width: 200px;background: #fff;box-shadow: 1px 1px 2px #695e5b;}
nav .moduletablemenugorne li li a {width:200px;font-size: 110%;}

/* formatujemy linki na drugim poziomie gdy jest hover na pierwszym */
nav .moduletablemenugorne ul li:hover ul li a {display:block; background:#fff; color:#525252; width: 200px; margin-top:0; margin-left:0; padding: 10px; text-align: left; border-bottom: 1px solid #bbbdbf; border-right: none;}

/* formatujemy hover dla link�w na drugim poziomie */
nav .moduletablemenugorne ul li:hover ul li a:hover, nav .moduletablemenugorne li ul.nav-child li.current.active a {text-decoration:none; background:#fff; color:#525252; border-right:4px solid #ffc10e;}


@media only screen and (max-width: 800px){
	nav .moduletablemenugorne {
		font-size:85%;
	}
	nav .moduletablemenugorne ul{
		margin-left:-7px;
	}
	nav .moduletablemenugorne li a{
		 padding:17px 8px 17px 7px;
	}

	nav .moduletablemenugorne li:hover ul, nav .moduletablemenugorne ul li:hover ul li a{
		width:100px;
		z-index:9000;
	}
	nav .moduletablemenugorne li li a {
		width:100px;
		font-size: 90%;}

	nav .moduletablemenugorne ul li:hover ul li a{
		padding: 10px 5px; 
	}
	/* formatujemy linki na drugim poziomie gdy jest hover na pierwszym */
	nav .moduletablemenugorne ul li:hover ul li a {
		display:block; background:#fff; 
		color:#525252; min-width: 100px!important; 
		margin-top:0; margin-left:0; padding: 10px; 
		text-align: left; 
		border-bottom: 1px solid #bbbdbf; border-right: 0!important;
	}

	/* formatujemy hover dla link�w na drugim poziomie */
	nav .moduletablemenugorne ul li:hover ul li a:hover, nav .moduletablemenugorne li ul.nav-child li.current.active a {
		text-decoration:none; background:#fff; color:#525252; 
		border-right:4px solid #ffc10e!important;
	}
}


@media only screen and (max-width: 600px){
	nav .moduletablemenugorne li a{
		font-size:90%;
	}
	/* formatujemy linki na drugim poziomie gdy jest hover na pierwszym */
	nav .moduletablemenugorne ul li:hover ul li a {
		display:block; background:#fff; 
		color:#525252; min-width: 100px!important; 
		margin-top:0; margin-left:0; padding: 10px; 
		text-align: left; 
		border-bottom: 1px solid #bbbdbf; border-right: 0!important;
	}

	/* formatujemy hover dla link�w na drugim poziomie */
	nav .moduletablemenugorne ul li:hover ul li a:hover, nav .moduletablemenugorne li ul.nav-child li.current.active a {
		text-decoration:none; background:#fff; color:#525252; 
		border-right:4px solid #ffc10e!important;
	}
}

@media only screen and (max-width: 480px){
	nav .moduletablemenugorne ul{
		margin-left:0;
		background:none;
	}
	nav .moduletablemenugorne li{
		background:none;
	}
	nav .moduletablemenugorne ul li:first-child a{
		border-left:1px solid #ccc;
	}
	nav .moduletablemenugorne ul li:nth-child(3) a{
		border-left:1px solid #ccc;
	}
	nav .moduletablemenugorne ul li a{
		text-align:center;
		font-size:80%;
		min-width:85px;
    		padding-top: 3px;
		padding-bottom: 3px;
		padding-left:auto;
		padding-right:auto;
		border-right:1px solid #ccc;
		margin-bottom:5px;
	}
	nav .moduletablemenugorne li a:hover {
		color: #525252; 
		background:url(/templates/mipro/statics/img/krecha-yellow.png) no-repeat 100% 55%; background-color: transparent!important; 
		border:0;
	}
	nav .moduletablemenugorne ul li.active:first-child a {
		color:#525252; text-decoration:none; 
		background:#fff; background: url(/templates/mipro/statics/img/krecha-yellow.png) no-repeat 100% 55%;
		border-left:1px solid #ccc;
		border-right:0;
	}
	nav .moduletablemenugorne ul li.active a {
		color:#525252; text-decoration:none; 
		background:#fff; background: url(/templates/mipro/statics/img/krecha-yellow.png) no-repeat 100% 55%;
		border:0;
	}
	nav .moduletablemenugorne ul li.active a:hover {
		color:#525252; text-decoration:none; 
		background:#fff;background: url(/templates/mipro/statics/img/krecha-yellow.png) no-repeat 100% 55%;
		border:0;
	}
	
	/* formatujemy linki na drugim poziomie gdy jest hover na pierwszym */
	nav .moduletablemenugorne ul li:hover ul li a {
		display:block; background:#fff; color:#525252; 
		min-width: 100px!important; 
		margin-top:0; margin-left:0; margin-bottom:0; padding: 10px; 
		text-align: left; 
		border-bottom: 1px solid #bbbdbf; 
		border-right: 0!important;
		border-left: 0!important;
	}

	/* formatujemy hover dla link�w na drugim poziomie */
	nav .moduletablemenugorne ul li:hover ul li a:hover, nav .moduletablemenugorne li ul.nav-child li.current.active a {
		text-decoration:none; background:#fff; color:#525252; 
		border-right:4px solid #ffc10e!important;
	}
}


/* ----------- iPhone 4 and 4S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}
@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}
/* ----------- iPhone 5 and 5S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#jawnav #menu-button {
		top: -73px!important;
	}
}

/* ----------- iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 

}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 

}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 

}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { 

}
/*Nexus 4 na komputerze*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 

}
/* ----------- Galaxy S3 ----------- */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {

}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {

}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

}

/* ----------- Galaxy S4 i S5----------- */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

}

/* i tylko Nexus 5 */
@media screen and (device-width: 360px) /*and (device-height: 640px)*/ and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

}
@media screen and (device-width: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}
/*koniec nexus 5*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}




/*****************JoomlArtWork Menu******************/

.left-box{
	margin-top:0;
}

nav#jawnav{
    	background: #fff!important;
    	border: 0!important;
	box-shadow: none;
	z-index:99;
}
#jawnav ul{

}
#jawnav ul li{
    	position: relative;
    	display: block;
    	width: 100%;
    	background: transparent!important;
	color: #525252;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.01em;
	font-weight:normal!important;
}
#jawnav > ul > li.has-sub > a {
	padding-right: 15px;
}
#jawnav > ul > li.has-sub:hover > a::after,
#jawnav > ul > li.has-sub > a::after{
	display:none!important;
}
#jawnav ul li a{
    	position: relative;
    	display: block;
	text-transform: none;
    	padding: 14px 10px;
    	color: #525252;
    	border-top: 1px solid #bbbdbf;
    	border-right: 1px solid #bbbdbf;
    	text-align: right;
}
#jawnav > ul > li:hover > a, #jawnav > ul > li.active > a {
    	background-color: #fff;
	color: #525252;
}
#jawnav > ul > li.active > a {
    color: #525252;
}

#jawnav li.active.has-sub.parent ul li:first-child a{
	border-top: 0;
}
#jawnav li.active.has-sub.parent a{
	border-bottom: 1px solid #bbbdbf;
}
#jawnav li.active.has-sub.parent ul li a{
	border-bottom: 0;
}

#jawnav li:nth-child(7) a, #jawnav li:last-child a{
	border-bottom: 1px solid #bbbdbf;
}
#jawnav li.active.has-sub.parent:nth-child(7) ul li:last-child a{
	border-bottom: 1px solid #bbbdbf;
}

/*Ma wplyw na menu responsywne*/
@media all and (min-width: 768px), 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), 
only screen and (min-resolution: 192dpi) and (min-width: 1024px), 
only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
	#jawnav li:hover > ul{
		display:none;
	}
	#jawnav ul li.has-sub.parent ul, #jawnav ul li.has-sub.parent:hover ul{
		display:none!important;
	}

}
/*Koniec Ma wplyw na menu responsywne*/

#jawnav ul li.current.active.has-sub.parent ul, #jawnav ul li.active.has-sub.parent ul{
	position: relative!important;
    	display: block!important;
	-webkit-transition: 0.8s;
    	-moz-transition: 0.8s;
    	-o-transition: 0.8s;
    	transition: 0.8s;
}


#jawnav span.inner {
    	border-radius: 0;
	background:#fff;
    	border: 0;
	box-sizing: border-box;
    	display: block;
    	padding: 0 10px 0 0;
    	box-shadow:none;
}
#jawnav ul.sub-menu li{
}


#jawnav ul ul li a{
	text-decoration: none; 
	color: #525252;
}
#jawnav ul ul li:hover > a, #jawnav ul ul li a:hover, #jawnav ul ul li.current > a {
	color: #525252;
}

#jawnav ul ul li a:last-child{
	border-bottom: 0;
}

#jawnav li:nth-child(8){
	/*margin-top: 40px;*/
}


#jawnav li:hover, #jawnav li:focus{
	/*margin-right:10px;
	width:95%;*/
}
#jawnav > ul > li.active:hover > a{
	margin-right:0!important;
	width:100%;
}




/*kolory*/
#jawnav li a:hover, #jawnav li a:focus{
	background: rgba(253,250,204, 0.7)!important;
}
#jawnav > ul > li.current.active > a{
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:first-child a:hover, #jawnav li:first-child a:focus, #jawnav > ul > li.current.active:first-child > a{
	border-right:5px solid #f15a23;
}
#jawnav li:first-child a:active, #jawnav > ul > li.active:first-child > a{
	border-right:5px solid #f15a23;
}
/*Drugi poziom*/
#jawnav li.active:first-child ul li a, #jawnav li.has-sub.parent:first-child ul.sub-menu li a{
	border-right:5px solid #f3d5ca;
}
#jawnav li.active:first-child ul li a:hover, #jawnav li.has-sub.parent:first-child ul.sub-menu li a:hover{
	border-right:5px solid #f3a88c; 
}
#jawnav li.active:first-child ul li.active a{
	border-right:5px solid #f3a88c;
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:nth-child(2) a:hover, #jawnav li:nth-child(2) a:focus, #jawnav > ul > li.current.active:nth-child(2) > a{
	border-right:5px solid #ffc30d;
}
#jawnav li:nth-child(2) a:active, #jawnav > ul > li.active:nth-child(2) > a{
	border-right:5px solid #ffc30d;
}
/*Drugi poziom*/
#jawnav li.active:nth-child(2) ul li a, #jawnav li.has-sub.parent:nth-child(2) ul.sub-menu li a{
	border-right:5px solid #f6eac5;
}
#jawnav li.active:nth-child(2) ul li a:hover, #jawnav li.has-sub.parent:nth-child(2) ul.sub-menu li a:hover{
	border-right:5px solid #fadc81; 
}
#jawnav li.active:nth-child(2) ul li.active a{
	border-right:5px solid #fadc81;
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:nth-child(3) a:hover, #jawnav li:nth-child(3) a:focus, #jawnav > ul > li.current.active:nth-child(3) > a{
	border-right:5px solid #7aa7cf;
}
#jawnav li:nth-child(3) a:active, #jawnav > ul > li.active:nth-child(3) > a{
	border-right:5px solid #7aa7cf;
}
/*Drugi poziom*/
#jawnav li.active:nth-child(3) ul li a, #jawnav li.has-sub.parent:nth-child(3) ul.sub-menu li a{
	border-right:5px solid #cdcde1;
}
#jawnav li.active:nth-child(3) ul li a:hover, #jawnav li.has-sub.parent:nth-child(3) ul.sub-menu li a:hover{
	border-right:5px solid #87adcf; 
}
#jawnav li.active:nth-child(3) ul li.active a{
	border-right:5px solid #87adcf;
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:nth-child(4) a:hover, #jawnav li:nth-child(4) a:focus, #jawnav > ul > li.current.active:nth-child(4) > a{
	border-right:5px solid #9a0201;
}
#jawnav li:nth-child(4) a:active, #jawnav > ul > li.active:nth-child(4) > a{
	border-right:5px solid #9a0201;
}
/*Drugi poziom*/
#jawnav li.active:nth-child(4) ul li a, #jawnav li.has-sub.parent:nth-child(4) ul.sub-menu li a{
	border-right:5px solid #e2c3c3;
}
#jawnav li.active:nth-child(4) ul li a:hover, #jawnav li.has-sub.parent:nth-child(4) ul.sub-menu li a:hover{
	border-right:5px solid #c87c7b; 
}
#jawnav li.active:nth-child(4) ul li.active a{
	border-right:5px solid #c87c7b;
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:nth-child(5) a:hover, #jawnav li:nth-child(5) a:focus, #jawnav > ul > li.current.active:nth-child(5) > a{
	border-right:5px solid #01aef0;
}
#jawnav li:nth-child(5) a:active, #jawnav > ul > li.active:nth-child(5) > a{
	border-right:5px solid #01aef0;
}
/*Drugi poziom*/
#jawnav li.active:nth-child(5) ul li a, #jawnav li.has-sub.parent:nth-child(5) ul.sub-menu li a{
	border-right:5px solid #c3e6f3;
}
#jawnav li.active:nth-child(5) ul li a:hover, #jawnav li.has-sub.parent:nth-child(5) ul.sub-menu li a:hover{
	border-right:5px solid #7bd2f3; 
}
#jawnav li.active:nth-child(5) ul li.active a{
	border-right:5px solid #7bd2f3;
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:nth-child(6) a:hover, #jawnav li:nth-child(6) a:focus, #jawnav > ul > li.current.active:nth-child(6) > a{
	border-right:5px solid #5b4647;
}
#jawnav li:nth-child(6) a:active, #jawnav > ul > li.active:nth-child(6) > a{
	border-right:5px solid #5b4647;
}
/*Drugi poziom*/
#jawnav li.active:nth-child(6) ul li a, #jawnav li.has-sub.parent:nth-child(6) ul.sub-menu li a{
	border-right:5px solid #d6d2d2;
}
#jawnav li.active:nth-child(6) ul li a:hover, #jawnav li.has-sub.parent:nth-child(6) ul.sub-menu li a:hover{
	border-right:5px solid #a79d9d; 
}
#jawnav li.active:nth-child(6) ul li.active a{
	border-right:5px solid #a79d9d;
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:nth-child(7) a:hover, #jawnav li:nth-child(7) a:focus, #jawnav > ul > li.current.active:nth-child(7) > a{
	border-right:5px solid #2e3192;
}
#jawnav li:nth-child(7) a:active, #jawnav > ul > li.active:nth-child(7) > a{
	border-right:5px solid #2e3192;
}
/*Drugi poziom*/
#jawnav li.active:nth-child(7) ul li a, #jawnav li.has-sub.parent:nth-child(7) ul.sub-menu li a{
	border-right:5px solid #cdcde1;
}
#jawnav li.active:nth-child(7) ul li a:hover, #jawnav li.has-sub.parent:nth-child(7) ul.sub-menu li a:hover{
	border-right:5px solid #9293c4; 
}
#jawnav li.active:nth-child(7) ul li.active a{
	border-right:5px solid #9293c4;
	background: rgba(253,245,204, 1)!important;
}


#jawnav li:nth-child(8) a:hover, #jawnav li:nth-child(8) a:focus, #jawnav > ul > li.current.active:nth-child(8) > a, 
#jawnav li:nth-child(9) a:hover, #jawnav li:nth-child(9) a:focus, #jawnav > ul > li.current.active:nth-child(9) > a,
#jawnav li:nth-child(10) a:hover, #jawnav li:nth-child(10) a:focus, #jawnav > ul > li.current.active:nth-child(10) > a,
#jawnav li:nth-child(11) a:hover, #jawnav li:nth-child(11) a:focus, #jawnav > ul > li.current.active:nth-child(11) > a,
#jawnav li:nth-child(12) a:hover, #jawnav li:nth-child(12) a:focus, #jawnav > ul > li.current.active:nth-child(12) > a,
#jawnav li:nth-child(13) a:hover, #jawnav li:nth-child(13) a:focus, #jawnav > ul > li.current.active:nth-child(13) > a,
#jawnav li:nth-child(14) a:hover, #jawnav li:nth-child(14) a:focus, #jawnav > ul > li.current.active:nth-child(14) > a{
	border-right:5px solid #ffc10e;
}
#jawnav li:nth-child(8) a:active, #jawnav > ul > li.active:nth-child(8) > a,
#jawnav li:nth-child(9) a:active, #jawnav > ul > li.active:nth-child(9) > a,
#jawnav li:nth-child(10) a:active, #jawnav > ul > li.active:nth-child(10) > a,
#jawnav li:nth-child(11) a:active, #jawnav > ul > li.active:nth-child(11) > a,
#jawnav li:nth-child(12) a:active, #jawnav > ul > li.active:nth-child(12) > a,
#jawnav li:nth-child(13) a:active, #jawnav > ul > li.active:nth-child(13) > a,
#jawnav li:nth-child(14) a:active, #jawnav > ul > li.active:nth-child(14) > a{
	border-right:5px solid #ffc10e;
}
/*Drugi poziom*/
#jawnav li.active:nth-child(8) ul li a,
#jawnav li.active:nth-child(9) ul li a,
#jawnav li.active:nth-child(10) ul li a,
#jawnav li.active:nth-child(11) ul li a,
#jawnav li.active:nth-child(12) ul li a,
#jawnav li.active:nth-child(13) ul li a,
#jawnav li.active:nth-child(14) ul li a{
	border-right:5px solid #f6eac5;
}
#jawnav li.active:nth-child(8) ul li a:hover,
#jawnav li.active:nth-child(9) ul li a:hover,
#jawnav li.active:nth-child(10) ul li a:hover,
#jawnav li.active:nth-child(11) ul li a:hover,
#jawnav li.active:nth-child(12) ul li a:hover,
#jawnav li.active:nth-child(13) ul li a:hover,
#jawnav li.active:nth-child(14) ul li a:hover{
	border-right:5px solid #fadc81; 
}
#jawnav li.active:nth-child(8) ul li.active a,
#jawnav li.active:nth-child(9) ul li.active a,
#jawnav li.active:nth-child(10) ul li.active a,
#jawnav li.active:nth-child(11) ul li.active a,
#jawnav li.active:nth-child(12) ul li.active a,
#jawnav li.active:nth-child(13) ul li.active a,
#jawnav li.active:nth-child(14) ul li.active a{
	border-right:5px solid #fadc81;
	background: rgba(253,245,204, 1)!important;
}
/***Responsywny wyglad menu***/

@media all and (max-width: 767px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

	.left-box{
		height:20px!important;
		margin-top:0;
	}

	#menu-button {
		float:left;
		position: relative;
		top:-73px;
    		background: #FFF;
    		padding: 14px 12px 12px 11px!important;
    		width: 45px;
		height: 45px;
    		cursor: pointer;
	}
	#menu-button .navicon-line {
    		background: #b3b4b8;
		border-radius: 1px 1px 1px 1px;
    		height: 4px;
    		margin-bottom: 3px;
    		width: 24px;
    		box-sizing: border-box;
	}
	#menu-button:hover .navicon-line {
    		background: #ffffff;
	}

	#menu-button:hover {
    		background-color: #b3b4b8;
    		padding: 10px 35px 10px 10px;
	}
	nav#jawnav {
    		background: transparent!important;
	}
	#jawnav ul {
		padding:0;
		margin:0;
		/*margin-bottom:40px;*/
		background: rgba(255,255,255,1); 
	}
	#jawnav ul li a{
		background: rgba(255,255,255,1);
		border-top:0;
	}
	#jawnav > ul > li.has-sub > a {
    		padding-right: 60px;
	}
	#jawnav li:nth-child(8) {
    		margin-top: 20px;
	}
	#jawnav .submenu-button{
		    height: 41px;
	}
	#jawnav .submenu-button {
    		/*border-bottom: 1px solid rgba(120, 120, 120, 0.5);*/
	}
	#jawnav li.active.has-sub.parent ul li:first-child a {
    		border-top: 0;
	}
	#jawnav li:nth-child(7) a, #jawnav li:last-child a {
    		border-bottom: 1px solid rgba(120, 120, 120, 0.15);
	}
	#jawnav li.active.has-sub.parent:nth-child(7) ul li:last-child a {
    		border-bottom: 1px solid rgba(120, 120, 120, 0.15);
		/*border-bottom:0;*/
	}
	#jawnav ul li:nth-child(7) ul li a:last-child {
    		border-bottom: 1px solid rgba(120, 120, 120, 0.15);
	}
	#jawnav li.active.has-sub.parent a {
    		border-bottom: 0;
	}

}

/*Tablety*/
@media all and (min-width: 768px) and (max-width: 800px) {

	#jawnav ul li{
		font-size: 0.85em;
	}
	#jawnav ul li a{
		padding: 9px 10px;
	}
}

/*********Szukaj joomly*********/

#szukaj-box {
}

@media only screen and (max-width: 767px) {
	#szukaj-box {
	margin-top:14px;
	padding-right:15px!important;
	}
}
@media only screen and (min-width: 768px) {
	#szukaj-box .search{
		float:right!important;
	}

}
.search form{
	margin-top:15px;
	height:auto;
}

.search input#mod-search-searchword{
	float:left;
	background-color:transparent;
	border:0;
	border-bottom:1px solid #dcdcde!important;
	margin:0!important;
	padding:5px;
	width:210px;
	z-index: 90;
}

.search .inputbox{
	padding-right:5px;
	border:solid #00000014 1px;
}

.search label.element-invisible{
	display:none;
}

@media only screen and (min-width : 768px) and (max-width: 991px){
	.search .inputbox{
		background-image:url('/templates/mipro/statics/img/searchButton.gif');
  		background-repeat:no-repeat;
		background-position: 95% 45%;
	}
	.search input#mod-search-searchword{
		width:120px;
		border-right:1px solid #dcdcde!important;
	}
	.search input.button{
		display:none;
	}
}

@media only screen and (min-width : 991px) and (max-width: 1209px){
	.search input#mod-search-searchword{
		width:180px;
	}

}

@media only screen and (max-width: 767px) {
	.search form{
		margin-top:10px;
	}
	.search input#mod-search-searchword{
		width:100%;
		border-right:0;
	}
}
.search input.button{
	margin: 0;
	height: 24px;
	padding:4px;
	border-bottom:1px solid #dcdcde!important;
	border-right:1px solid #dcdcde!important;
	border-top:1px solid #dcdcde!important;
	margin-left:-4px;
	margin-bottom: -7px;
}

/*****Szukaj na malych urzadzeniach***********/

@media screen and (max-width: 767px) {
	.szukaj-pole {
		display:none;
	}
}
@media screen and (min-width: 768px) {
	.szukaj-lupka {
		display:none;
	}
}
@media screen and (max-width: 480px) {
	.szukaj-lupka {
		margin-left:-10px;
	}
}

/*********Szukaj komponentu katalogu*********/

fieldset.djc_mod_search.djc_clearfix {

}
.djc_mod_search input#mod_djcatsearch {
    	position:relative;
	background-color:transparent;
	border:0;
	border-bottom:1px solid #dcdcde!important;
	border-right:1px solid #dcdcde;
	margin-top:25px;
	margin-right:-20px;
	padding:5px;
	width:220px;
	max-width:220px;
	z-index: 90000;
}
fieldset.djc_mod_search.djc_clearfix input{
	background-image:url('/templates/mipro/statics/img/searchButton.gif');
  	background-repeat:no-repeat;
	background-position: 95% 45%;
	padding-right:5px;
}

/********** SZUKAJ OPCJE WYSWIETLANIA **********/

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
form#searchForm div.searchintro p{
	color:#ffc10e;
}
form#searchForm div.searchintro {
	margin-bottom:35px;
}
form#searchForm span.badge.badge-info{
	background-color:#ffc10e;
	color:#ffffff;
}
form#searchForm fieldset.phrases {
	pading-bottom: 10px!important;
}

form#searchForm fieldset.phrases legend, form#searchForm fieldset.only legend{
	/*text-transform: uppercase;*/
	color:#4b4a4a;
	border-bottom:0;
	margin-bottom:10px;
	padding:0;
}
form#searchForm div.phrases-box {
	margin: 10px 0;
	position:relative;
}
form#searchForm div.phrases-box div.controls .radio{
	display:inline-block!important;
	/*float:left;*/
	margin: 0 10px 0 20px;
	padding-right: 10px;
}
form#searchForm .radio input[type="radio"],
form#searchForm .checkbox input[type="checkbox"]{
	position:relative!important;
	margin-right:5px!important;
	padding-top:3px!important;
}

form#searchForm div.ordering-box{
	position:relative;
	display: block;
	/*top:-6px*/
	margin:0;
}
form#searchForm div.ordering-box label.ordering {

}
form#searchForm fieldset.only label{
	display:inline-block;
	/*width: 20%;*/
	margin: 0 25px;
}
form#searchForm .form-limit {
	display:none;
}

form#searchForm fieldset.only {
	margin: 20px 0;
}
form#searchForm input#search-searchword.inputbox {
	padding:7px 5px;
	margin-bottom:10px;
	background-color: transparent;
	background-image:url('/templates/mipro/statics/img/searchButton.gif');
  	background-repeat:no-repeat;
	background-position: 95% 45%;
    	border-right: 2px solid #bbbdbf!important;
	border-bottom: 2px solid #bbbdbf!important;
	border-left: 1px solid #bbbdbf!important;
	border-top: 1px solid #bbbdbf!important;
}
form#searchForm button.btn.hasTooltip {
	display:none;
}
form#searchForm select#limit.inputbox.input-mini, select#ordering.inputbox {
    	background-image: none;
	padding:5px;
	background:#fff;
}
form#searchForm p.counter {
	margin-bottom: 20px;
}	

dl.search-results {
	margin-top:40px!important;
}
dl.search-results dt.result-title{
	font-size:140%;
	text-transform: uppercase;
	margin:20px 0 10px 0;
}
dl.search-results dt.result-title a{
	text-transform: uppercase;
	color:#777b81;
}
dl.search-results dt.result-title a:hover{
	/*text-decoration:none;*/
}
dl.search-results dd.result-category {
	display:none;
}
dl.search-results dd.result-created {
	color:#777b81;
	font-weight:normal!important;
	font-size:90%;
}
dl.search-results dt {
    font-weight: normal!important;
}

/************************************************************/

div#ordering_chzn{
	font-family: 'Open Sans', sans-serif!important;
	background-color:#fff;
	margin-left:5px;
}
.chzn-container{
	font-size:100%;
}

.chzn-container-single .chzn-single{
	border-radius:0;
	border:1px solid #dcdcde!important;
	background:#fff!important;
	box-shadow:none!important;
	/*height: 28px;
	padding:5px 0 5px 8px;*/
}
.chzn-container-single .chzn-single span{
	color:#333;
}
.chzn-container .chzn-drop {
	border: 1px solid #dcdcde!important;
	background: #fff;
	box-shadow: none!important;
	border-radius:0;
}

/*******************************************/

.homepage-slider {
	position: relative;
    	margin-top: 0;
	margin-bottom: 0;
    	min-height: 0;
    	padding: 0!important;
    	z-index: 10;
}
.homepage-slider img{
	width:100%;
	margin-bottom:30px;
}

.jpslideshow.slide .carousel-control.left, .jpslideshow.slide .carousel-control.right{
	background-image:none!important;
}
.jpslideshow.slide .carousel-indicators{
	bottom:-10px;
}

.jpslideshow.slide .carousel-indicators li, .carousel-indicators li{
	border: 0!important;
	    background: rgba(0, 0, 0, 0.1);
}

.jpslideshow.slide .carousel-indicators li.active{
	background: rgba(255, 193, 14, 1)!important;
}

@media only screen and (max-width: 767px) {
	.jpslideshow.slide .carousel-indicators li{
		display:none;
	}
}


.jpslideshow.slide .carousel-caption {
	right:0!important;
    	bottom:0!important;
    	left:0!important;
	width:100%;
	height:100%;
	font-size:120%;
	text-align:left;
	padding: 0!important;
	margin: 0 auto;
}
@media screen and (min-width: 768px){
	.jpslideshow.slide .carousel-caption {
    		right: auto!important;
    		left: 0!important;
    		padding-bottom: 0!important;	
	}
}

.jpslideshow.slide .carousel-caption p.item-desc,
.jpslideshow.slide .carousel-caption a{
	color:#fff!important;
	display:block!important;
	height:100%;
	min-height: 100%;
	width:100%;
	padding:0!important;
	margin:0;
}
.jpslideshow.slide .carousel-caption p.item-desc{
	margin-top:-1em!important;
}



/*******************************************/
section.content{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	position: relative;
	background-color: transparent;
	/*width: 100%;*/
	min-height:350px;
	margin:0;
	/*padding:0;*/
	z-index: 90;
	/*overflow:hidden;*/
	font-size:110%;
	color:#525252;
}
@media only screen and (max-width: 767px) {
	section.content {
		/*padding-right: 15px;
    		padding-left: 15px;*/
	}
}

section.content h1{
	margin:0 0 30px 0;
}


section.content h1, .blog .page-header h2{
	font-size:170%;
	color:#525252;
	padding:5px 0 5px 10px;
	text-transform:uppercase;
	border-left:4px solid #ffc10e;
}



.blog .items-leading{
	margin-top:-30px;
}

.blog .page-header {
	padding-bottom: 9px;
    	margin: 0 0 10px 0;
    	border-bottom: 1px solid #c1c1c1;
}
.blog .page-header h2{
	margin:30px 0 0 0;
}


@media only screen and (max-width: 767px) {
	.slogan-min768{
		display:none;
	}
}
@media only screen and (min-width: 768px) {
	.slogan-max768{
		display:none;
	}
}

.slogan-min768 {
	margin-top:15px;
}
.slogan-min768 p, .slogan-max768 p {
	font-family: 'Optima', 'Open Sans', Arial, sans-serif;

}
.slogan-min768 hgroup{
	margin-top:75px;
}

h1#slogan-mp, h2#slogan-mp{
	/*font-family: 'Actor', sans-serif;*/
	font-family: 'Optima', 'Open Sans', Arial, sans-serif;
	text-align: center;
	font-size:110%;
	border-left:none;
	padding:0;
	margin:0!important;
	text-transform:none;
	font-weight: lighter;
	font-style: italic;
	line-height: 160%;
}


.slogan-max768 img{
	width: 45%!important;
	margin-bottom:0!important;
}
.slogan-max768 p{
	font-size:100%;
	padding-bottom:20px;
}

.main-content{

}
@media only screen and (max-width: 767px) {
	.main-content {

	}
}

.main-content .item-page h3 {
	color:#323232;
}

.right-box-content {
	/*margin-top:60px;*/
}
.main-content a{

}
.main-content a.pobierz{
	background: url('/templates/mipro/statics/img/pobierz.png') left center no-repeat;
    	text-decoration: none;
    	height: 30px;
    	border: 0;
    	display: block;
    	margin: 0;
    	padding: 5px 0 0 30px;
}
/*******Aktualnosci*********/
dt.article-info-term {
	display:none;
}
dd.create{
	color:#c1c1c1;
}
.btn-group.pull-right {
	display:none;
}
p.readmore a.btn{
	/*border:2px solid #ffc10e;*/
	padding:5px 20px;
	border-radius:0;
	color:#ffc10e;
	background:transparent;
	-webkit-transition: 0.8s;
    	-moz-transition: 0.8s;
    	-o-transition: 0.8s;
    	transition: 0.8s;
}
p.readmore a.btn:hover{
	/*border:2px solid #ffc10e;*/
	color:#ffffff;
	background:#ffc10e;
}

/*Pod przegladem artykulow*/
div.pagination ul {
    	display: block;
	position:relative;
    	margin: 0;
    	padding: 0;
}
div.pagination ul li {
    	float:left;
    	list-style: none outside none;
    	margin-right: 10px;
	line-height: 120%;
	color: #c1c1c1;
	font-size:11px;
}
div.pagination a {
	color: #c1c1c1;
}
p.counter.pull-right {
	font-size:11px;
	margin-bottom:0px;
}

/*******************************************/

footer {
	line-height:180%;
	font-size:110%;	
	font-family: 'SEGOEUIL', Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	background-color:transparent;
	color:#000000;
}

#dolna {
	position:relative;
	min-height:10px;
}
.stopka-down {
	border-top: 1px solid #c1c1c1; 
}


#copyr {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	/*float:right!important;*/
	text-align:left;
	padding:25px 0 5px 0;
	font-size:70%;
	color:#c1c1c1;
}
@media only screen and (min-width : 320px) and (max-width: 479px){
	#copyr {
		font-size:65%;
	}
}
@media only screen and (max-width: 767px){
	#copyr {
		padding:18px 15px 0 15px;
		text-align:center;
	}
}

#copyr a{
	color:#c1c1c1;
}

/***Facebook*****/
#fb-box {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	/*float:right!important;*/
	text-align:left;
	padding:15px 0;
	font-size:90%;
	color:#c1c1c1;
}
@media only screen and (min-width : 320px) and (max-width: 479px){
	#fb-box {
		font-size:75%;
		margin-bottom:30px;
	}
}
@media only screen and (max-width: 767px){
	#fb-box {
		padding:15px;
		text-align:center;
		margin-bottom:30px;
	}
}

.Fb-link{
	float:right;
}

@media only screen and (min-width : 320px) and (max-width: 479px){
	.Fb-link{
		left: 25%;
	}
}

@media only screen and (min-width : 480px) and (max-width: 639px){
	.Fb-link{
		left: 35%;
	}
}
@media only screen and (width: 568px) and (orientation:landscape){
	.Fb-link{
		left: 35%;
	}
}
@media only screen and (width: 600px) and (orientation:landscape){
	.Fb-link{
		left: 35%;
	}
}

@media only screen and (min-width : 640px) and (max-width: 666px){
	.Fb-link{
		left: 35%;
	}
}
@media only screen and (min-width : 667px) and (max-width: 735px){
	.Fb-link{
		left: 40%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 768px){
	.Fb-link{
		left: 40%;
	}
}

@media only screen and (max-width : 768px){
	.Fb-link{
		float:none;
		position: absolute;
	}
}

.Fb-link a{
	display:block;
	height:27px;
	width:140px;
	background-image:url('/templates/mipro/statics/img/fb-mp-g.png');
  	background-repeat:no-repeat;
	background-position: 98% 45%;
	padding:0px 35px 4px 0px;
	color:#c1c1c1!important;
	text-decoration:none!important;
	text-align:right!important;
	-webkit-transition: 0.8s;
    	-moz-transition: 0.8s;
    	-o-transition: 0.8s;
    	transition: 0.8s;
}
.Fb-link a:hover{
	color:#f5ca00;
	text-decoration:none;
	background-image:url('/templates/mipro/statics/img/fb-mp-y.png');
  	background-repeat:no-repeat;
}

@media only screen and (max-width : 767px){
	.Fb-link{
		
	}
}

/*************************/

#ba-contact-form101 {
	margin-top:20px;
	margin-bottom:20px;
	background:#e1e1e1;
	padding:15px;
}

@media screen and (min-width: 768px) {
	#ba-contact-form101 {
		margin-top:100px;
		margin-bottom:40px;
	}
}

.moduletablefomrularz-2 #ba-contact-form101 input, .moduletablefomrularz-2 #ba-contact-form101 textarea{
	border: 1px solid #454545;
	padding:5px 10px;
	width:100%;
	font-size:90%;
	color:#454545;
	background:#e1e1e1;
}
.moduletablefomrularz-2 #ba-contact-form101 textarea{
	min-height: 80px;
}

.moduletablefomrularz-2 #ba-contact-form101 input#ba_submit{
	float:right;
	border: 1px solid #e50043;
	background-color:#e50043;
	color:#ffffff;
	padding:5px 15px 10px;
	border-radius: 0;
    	width: 60%;
    	height: auto;
	background-color:e50043;
	-webkit-transition: 0.8s;
    	-moz-transition: 0.8s;
    	-o-transition: 0.8s;
    	transition: 0.8s;
}
.moduletablefomrularz-2 #ba-contact-form101 input#ba_submit:hover{
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #e50043;
}


/*****************************************/
.breadcrumb {
	background-color: transparent!important;
	position: relative;
    	min-height: 0;
}
ul.breadcrumb {
	padding:13px 0;
	margin:0;
	font-size:85%!important;
}
.breadcrumb > .active {
    color: #999999!important;
}

@media screen and (max-width: 767px) {
	ul.breadcrumb {
		font-size:80%!important;
	}
}
@media screen and (min-width: 768px) {
	ul.breadcrumb {
		/*margin:0 0 0 -15px;*/
	}
}

ul.breadcrumb li a.pathway{
	color:#999999;
}
ul.breadcrumb li.active a{
	color:#777a80;
}
ul.breadcrumb li.active a:hover{
	color:#ff7900;
}

ul.breadcrumb span.divider{
	display:none;
}
/*.breadcrumb > li + li:before {
	display:none;
}*/
.breadcrumb li.active{
	background-color: transparent!important;
}

/**********************************************/
.responsive_map{
	margin-bottom:40px;
}

/**********************************/
.oddzialy div{
	min-height:200px;
}

.gm-style h5{
	font-weight:bold;
}


/***********Formularz kontaktu************/
#s5_quick_contact_wrap {
	background:transparent;
	padding:10px 0;
	margin:0 auto!important;
}
#s5_quick_contact input, #s5_quick_contact textarea{
    	border: 1px solid #bbbdbf;
    	padding: 10px 15px!important;
	margin-top:10px;
    	width: 60%!important;
    	font-size: 100%!important;
    	color: #525252;
   	background:transparent;
}
@media only screen and (max-width: 767px) {
	#s5_quick_contact input, #s5_quick_contact textarea{
	width: 100%!important;
	}
	#s5_quick_contact_wrap button {
	width: 50%!important;
	}
}
#s5_qc_spambox{
	margin:10px 0;
}

#s5_quick_contact_wrap button{
    float: left;
    border: 1px solid #ffc10e;
    color: #ffffff;
	margin-top:10px;
    padding: 10px 15px 10px;
    border-radius: 0;
    width: 30%!important;
    height: auto;
    background-color: #ffc10e;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
	text-transform:uppercase;
}
#s5_quick_contact_wrap button:hover{
	border: 1px solid #bbbdbf;
    background-color: #bbbdbf;
    color: #ffffff;
}

/*******Katalog************/
table#t-produkt{
	width:50%;
}
@media only screen and (max-width: 1001px){
	table#t-produkt{
		width:100%;
	}
}
@media only screen and (min-width : 1002px) and (max-width : 1209px){
	table#t-produkt {
    		width: auto;
	}
}

#t-produkt td {
	vertical-align: bottom;
}
#t-produkt td:first-child {
	width:30%;
	vertical-align: top;
}

.djc_item_bg{
	background-color: #ffffff;
	border-bottom: 1px solid #ffc10e;
}

@media only screen and (min-width : 768px){
	.djc_image {
		/*min-height:150px;
		max-height:200px;*/
	}
}
.djc_image img{
	/*-webkit-box-shadow: 0px 2px 3px 0px rgba(87,87,87,1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(87,87,87,1);
	box-shadow: 0px 2px 3px 0px rgba(87,87,87,1);*/
}


#djcatalog .djc_items .djc2_cols_2 .djc_image{
	width:35%;
	padding:0 2px 5px 2px;
}
.djc_items .djc_image img {
	width:100%;
    	padding: 0px;
	/*-webkit-box-shadow: 0px 2px 3px 0px rgba(87,87,87,1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(87,87,87,1);
	box-shadow: 0px 2px 3px 0px rgba(87,87,87,1);*/
}
.djc_items .djc_image img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.djc_title h3{
	padding-top:5px;
	font-size: 100%;
    	line-height: 1.4;
	/*font-weight:bold;*/
	/*text-transform:uppercase;*/
}
.djc_title a{
	color: #000000;
} 

.djc_title a:hover{
	color: #999999;
	text-decoration:none;
}

h2.djc_title{
	font-size: 130%;
    	line-height: 1.4;
	/*font-weight:bold;*/
	text-transform:uppercase;
} 

#djcatalog .djc_toolbar{
	display:none;
}

#djcatalog .djc_item .djc_introtext {
    padding-top: 0!important;
}

.djc_item_bg a.btn.button.readmore{
	padding:5px 15px;
	font-size: 85%;
	text-transform:uppercase;
	/*border: 1px solid #999999;*/
	border:0;
	color:#999999;
	border-radius: 0!important;
	-webkit-transition: 0.5s;
    	-moz-transition: 0.5s;
    	-o-transition: 0.5s;
    	transition: 0.5s;
}
.djc_item_bg a.btn.button.readmore:hover{
	background-color:#999999;
	color:#ffffff;
}
.djc_toolbar button#djc_contact_form_button{
	border-radius: 0!important;
	border: 0!important;
	background-color:#c1c1c1;
	color:#ffffff;
}
a.djc_next_btn{
	color:#c1c1c1;
}


#pbOverlay {
    background: #fff;
}

#pbCaption {
	color:#fff;
    	background-color:rgba(0,0,0,0.80)!important;
	font-weight:normal;
	font-size:120%;
	line-height:140%;
	padding:8px;
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
}
#pbImage {
    	background: #fff;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

/**************Zapytaj o produkt - formularz*************/

.djc_toolbar button#djc_contact_form_button{
	border-radius: 0!important;
	border: 0!important;
	background-color:#999999;
	color:#ffffff;
	-webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
	text-transform:uppercase;
}
.djc_toolbar button#djc_contact_form_button:hover{
	border: 1px solid #bbbdbf;
    	background-color: #bbbdbf;
    	color: #ffffff;
}
form#djc_contact_form input, form#djc_contact_form textarea{
    border: 1px solid #bbbdbf;
    padding: 10px 15px!important;
    margin-top: 0;
    margin-bottom: 10px;
    width: 60%!important;
    font-size: 100%!important;
    color: #525252;
    background: transparent;
}

input#jform_contact_email_copy.checkbox.inline {
	width:20px!important;
}

button#djc_contact_form_button_close, #djc_contact_form button.btn.button.validate {
    	float: left;
    	border: 1px solid #ffc10e;
    	color: #ffffff;
	margin-top:10px;
	margin-right:10px;
    	padding: 10px 15px 10px;
    	border-radius: 0;
    	width: 20%!important;
    	height: auto;
    	background-color: #ffc10e;
    	-webkit-transition: 0.8s;
    	-moz-transition: 0.8s;
    	-o-transition: 0.8s;
    	transition: 0.8s;
	text-transform:uppercase;
}
button#djc_contact_form_button_close:hover, #djc_contact_form button.btn.button.validate:hover{
	border: 1px solid #bbbdbf;
    	background-color: #bbbdbf;
    	color: #ffffff;
}

form#djc_contact_form label{
	font-weight: bold!important;
	font-size: 90%!important;
	color:#999999;
}
form#djc_contact_form.form-validate legend{
	font-size: 140%!important;
}

@media only screen and (max-width : 767px){
	form#djc_contact_form input, form#djc_contact_form textarea{
		width: 100%!important;
	}
	form#djc_contact_form.form-validate{
		margin-top:25px!important;
	}
	button#djc_contact_form_button_close, #djc_contact_form button.btn.button.validate {
		width: 40%!important;
	}
}

@media only screen and (max-width : 480px){
	button#djc_contact_form_button_close, #djc_contact_form button.btn.button.validate {
		width: 45%!important;
		font-size:90%;
		padding: 10px 5px 10px;
	}
}


/***Akcesoria podatnika*/
.row-padding-10{
	padding-right: 10px!important;
    	padding-left: 10px!important;
}
@media only screen and (max-width: 767px){
	.row-padding-10{
		padding-right: 10px!important;
    		padding-left: 10px!important;
	}
}

figure.produkt-przeglad{
	min-height:267px;
	text-align:center;
	padding:30px 0;
	margin:15px 5px!important;
	background-color: #ffffff;
	/*border-top: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	border-left: 1px solid #f6f6f6;*/
	-webkit-transition: 0.4s;
    	-moz-transition: 0.4s;
    	-o-transition: 0.4s;
    	transition: 0.4s;
}

.p-red{
	border-bottom: 2px solid #f15a23;
}
.p-yellow{
	border-bottom: 2px solid #ffc10e;
}
.p-darkred{
	border-bottom: 2px solid #c77b7a;
}
.p-blue{
	border-bottom: 2px solid #79d0f1;
}
.p-brown{
	border-bottom: 2px solid #5b4647;
}
.p-fiolet{
	border-bottom: 2px solid #2e3192;
}

.produkt-przeglad:hover{
	background:#FBFBFB;
}
.produkt-przeglad img {
	width:45%!important;
}

.produkt-przeglad:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.produkt-przeglad figcaption{
	margin:1em 0 0 0;
	color:#525252;
	line-height: 1.6;
	text-transform:uppercase;
}
a:hover .produkt-przeglad figcaption{
	color:#000000;
}
.katalog-produkty a:hover{
	text-decoration:none;
}
.produkt-przeglad img{
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.produkt-przeglad img#bez-cienia{
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow:none;
	height: auto!important;
}

@media only screen and (max-width: 767px){
	figure.produkt-przeglad{
		min-height:190px;
		padding:20px 0 10px 0;
	}
	.produkt-przeglad figcaption{
		font-size:80%;
		padding-left:5px;
		padding-right:5px;
		line-height: 1.4!important;
	}
	.produkt-przeglad img {
		width:55%!important;
	}
}

/*************************/
section.kontakt-style {
	min-height:100px;
	margin-bottom:40px;
	display:block;
}
@media only screen and (max-width: 767px){
	section.kontakt-style {
		min-height:140px;
		margin-bottom:10px;
	}
}
/**************************/

.pagination ul li { 
	display: inline;
	margin-right: 20px;
}

.pagination ul { 
	list-style-type: none; 
	padding-left:0;
}

/*********************************************/
a#tel-kontakt, a#tel-kontakt:hover{
	text-decoration:none!important;
	color: #525252!important;
}
@media only screen and (min-width : 768px){
	a#tel-kontakt, a#tel-kontakt:hover{
		cursor:default;
	}
}


  .Fb-link1 {
  float: right;
}
.Fb-link1 a {
  display: inline;
  height: 27px;
  /* width:  40%; */
  background-image: url('/templates/mipro/statics/img/fb-mp-g.png');
  background-repeat: no-repeat;
  padding: 31px 35px 10px 0px;
  margin-top: 0px;
}

@media only screen and (max-width: 767px) {
  .Fb-link {}
}

.google-plus-link {
  float: right;
}

.yt-link {
  float: right;
}

.yt-link a {
  display: inline;
  height: 27px;
  background-image: url('/templates/mipro/statics/img/youtube.png');
  background-repeat: no-repeat;
  padding: 31px 35px 4px 0px;
}

.google-plus-link a {
  display: inline;
  height: 100%;
  background-image: url('/templates/mipro/statics/img/instagram.png');
  background-repeat: no-repeat;
  padding: 31px 35px 80px 0px;
}
.djc_location{
	display: none;
}
/*************************/