/* 	Layout: Pixelar T1
	Version: 1.0
	Autor: Adam Klos
	Kontakt: biuro@pixelar.pl
*/


/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.8;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#3e3e3e;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* STYLE OG�LNE */

h1 {font-size:36px;}
h2 {font-size:32px}
h3 {font-size:24px}
h4 {font-size:20px}
h5 {font-size:18px}
h6 {font-size:15px}

h1,h2,h3 {margin-bottom:15px;}

p {margin-bottom:25px;}

a {text-decoration:none;}
a:hover {cursor:pointer;}

b {font-weight:bold;}

.margin10 {height:10px;}
.margin20 {height:20px;}
.margin30 {height:30px;}
.margin40 {height:40px;}
.margin50 {height:50px;}
.margin60 {height:60px;}
.margin70 {height:70px;}
.margin80 {height:80px;}
.margin90 {height:90px;}
.margin100 {height:100px;}

ul li {
	list-style-type:square;
	margin-left:30px;
}
ul {
	margin-bottom:20px;
}
ul.rslides li {
	list-style-type:none;
	margin-left:0;
}


/* PRZYCISKI */

.button {
	padding:10px 30px;
	border:1px solid #000;
	text-decoration:none;
	border-radius:0;
}
.button:hover {
	cursor:pointer;
}


/* WERSJE JĘZYKOWE */

.top {
	padding:10px 20px;
	background:#eee;
	text-align:right;
}
.top p {
	display:inline-block;
	margin-right:10px;
	margin-bottom:0;
	font-size:12px;
}
.top .mod-languages {
	display:inline-block;
	position:relative;
	top:1px;
}
.top > div.mod-languages > ul.lang-inline {
	margin-bottom:0;
}


/* HEADER */

header {
	border-bottom:1px solid #ccc;
	height: 100px;
	border-top:2px solid #eee;
}
#logo {
	position:relative;
	top: 25px; /* w zale�no�ci od logo */
}
.subtitle {
	padding:30px 0;
	background:url(../images/bg1.jpg) no-repeat;
	background-attachment:fixed;
	border-bottom:1px solid #ccc;
}
.subtitle h1 {
	color:#575757;
	font-size:30px;
	font-weight:400!important;
	text-transform:uppercase;
	letter-spacing:1px;
}


/* MENU */

.menu {
	margin-top:25px;
}
.menu li {
	display:inline-block!important;
}
.menu li a {
	padding:10px 25px;
	color:#3e3e3e;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
}
.menu li a:hover,.menu li a:focus, .menu li a:active {
	text-decoration:none;
	color:#ee6800;
	background:none;
}
.menu li.active a /* Joomla */, .menu a.active {
	color:#ee6800;
}


/* MOBILNE MENU + FIXY */
@media (max-width: 768px) {
.navbar-collapse ul.menu li {
	display:inline-block;
	width:100%;
	float:none;
	padding:0px;
	font-size:13px;
	margin:0;
	text-align:center;
}
.navbar-collapse ul.menu li a {
	padding:7px;
	margin:0;
}
.navbar.navbar-default {
	background:#fff;
}
.navbar-collapse {
	z-index:99999!important;
	margin-top:15px;
	background:#f6f6f6;
}
.navbar-header > button,
img#logo {
	z-index:999999!important;
}

}


/* G��WNY BANNER */

#main-banner {
	padding:100px 0;
	text-align:center;
	background:url('../images/banner.jpg');
	background-size:cover;
	background-attachment:fixed;
}
#main-banner h1 {
	background:rgba(255,255,255,0.6);
	text-transform:uppercase;
	font-size:36px;
	font-weight:400;
	display:inline-block;
	width:auto;
	padding:10px 60px;
}
#main-banner p {
	background:rgba(255,255,255,0.6);
	text-transform:uppercase;
	font-size:18px;
	font-weight:400;
	display:inline-block;
	width:auto;
	padding:10px 30px;
}	


/* KOLUMNY PROMO */

.promo-columns {
	margin:40px 0 60px 0;
}
.promo-columns h3 {
	font-weight:400;
	font-size:20px;
	margin-top:20px;
	text-transform:uppercase;
	color:#000; 
}
.promo-columns h3 i {
	font-size:26px;
	font-weight:400;
	position:relative;
	top:3px;
	margin-right:8px;
	color:#000; 
}
.promo-columns a.promo-button {
	text-decoration:none;
	color:#fff;
	border:1px solid;
	border-color:#ee6800;
	border-radius:15px;
	padding:5px 40px;
	font-size:13px;
	transition:0.4s;
	background:#ee6800;
}
.promo-columns a.promo-button:hover {
	color:#3e3e3e;
	background:transparent;
	transition:0.4s;
	border-color:#ccc;
	
}
.promo-columns img {
	width:100%;
	max-width:100%;
	border:1px solid #ccc;
	opacity:0.9;

}
.promo-columns img:hover {
	opacity:1;
}
.promo-columns .title-icon {
	width:auto!important;
	display:inline-block;
	border:none;
	opacity:1;
	position:relative;
	top:3px;
	margin-right:5px;
}


/* PROMO BANNER */

.promo-banner {
	background:#3d3e3d;
	box-shadow: 0px 0px 5px #000;
	height:150px;
	position:relative;
}
.promo-banner img {
	display:inline-block;
	position:absolute;
	top:-38px;
}
.promo-banner h3 {
	display:inline-block;
	color:#fff;
	margin-top:20px;
}
.promo-banner a {
	display:inline-block;
	color:#fff;
}
.promo-banner a:hover {
	text-decoration:none;
}


/* OFERTA */

.oferta .col-sm-4 {
	margin-bottom:40px;
}
.oferta .col-sm-4 > div {
	height:100%;
	background:#f9fafa;
	padding:20px 30px;
	border-top:3px solid #ee6800;
	border-bottom:3px solid #ee6800;
}
.oferta h2 {
	text-transform:uppercase;
	font-weight:400;
	font-size:24px;
	margin-bottom:30px;
	padding:10px 30px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
@media (min-width:768px) {
.row.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
}
.oferta ul li {
	margin-left:20px;
	margin-bottom:6px;
	padding-left:10px;
}
.oferta ul {
	margin-bottom:0;
}
.oferta ul li ul {
	margin-top:6px;
}
.oferta ul li ul li {
	list-style-type:disc;
}
a.offer-more {
	text-align:center;
	padding:10px;
	display:block;
	width:100%;
	background:#ee6800;
	color:#fff;
	text-transform:uppercase;
}

.produkty .col-sm-4 {
	text-align:center!important;
	padding:20px;
}
.produkty .product-box {
	box-shadow:0 0 5px #ccc;
	padding-bottom:20px;
}
.produkty .product-box.highlighted {
	border:3px solid #f88509;
	padding-bottom:20px;
	text-transform:uppercase;
	color:#f88509;
}
.produkty img {
	max-width:100%;
	margin-bottom:20px;
}
.produkty span {
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
	color:#ee6800;
}
.produkty span, .produkty p {
	padding:10px 10px 0 10px;
}
.boxplusx-caption.boxplusx-below > div.boxplusx-title {
	display:none!important;
}


/* KONTAKT */


.kontakt .tel-sep {
	display:inline-block;
	margin:0 15px;
}
.kontakt i {
	display:inline-block;
	margin-right:3px;
	color:#ee6800;
}
.kontakt a {
	color:#3e3e3e;
}

/* STOPKA */

footer {
	font-size:13px;
	background:#eee;
}
footer i {
	display:inline-block;
	margin: 0 5px 0 15px;
}
footer .col-md-8 a {
	color:#3e3e3e;
}

/* COOKIES */

#cookie-foot{
	position:fixed;
	bottom:0px;
	right:0px;
	width: 100%;
	color: white;
	text-align: center;
	padding: 15px 5px;
	z-index: 500;
	font-family:Arial, Helvetica, sans-serif;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#cookie-foot a{
	color: white;
}
#cookie-foot a:hover{
	cursor: pointer;
}
#cookie-foot:hover{
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}