@font-face {
    font-family: 'arialnarrow';
    src: url('font/arial-narrow/arialn-webfont.eot');
    src: url('font/arial-narrow/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arial-narrow/arialn-webfont.woff2') format('woff2'),
         url('font/arial-narrow/arialn-webfont.woff') format('woff'),
         url('font/arial-narrow/arialn-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


#info-media-width {
	display:none;	
}
#info-media-width div{
	display:none;
	}

#wrapper-header {
	min-height:630px;
	background:#ececec;
	border-bottom:1px solid #d9d9d9;
}

.wrapper-header-border-top {
	background:url("/img/bg-top.png") repeat-x scroll center top transparent;
	height:10px;
}

#wrapper-banner {
	min-height:150px;
	max-height:430px;
	background:url("/img/bg-wrapper-banner.jpg") repeat-x scroll center;
}

#wrapper-content {
	padding:0px 0 0;
	background:url("/img/bg-wrapper-content.jpg") repeat-x scroll center top;
}

#wrapper-footer {
	background:#2c3c4c;
}

#wrapper-stopka {
	background:#1e2933;	
	border-top:1px solid #1e2933;
}
/**************************************/
/****************HEADER****************/
/**************************************/
#header {
	height:200px;
}

#header hr {
	border:0;
	height:1px;
	background:#d9d9d9;
}


#header .header-top-left {
	padding:15px 0 0;
}

#header .header-top-left-logo {
	padding:0;
	text-align:center;
}

#header .header-top-left-logo img{
	max-width:300px;
}


#header .header-top-left-info{
	padding:15px 0 15px 0px;
}

#header .header-top-left-info p{
	font-size:16px;
}

#header .header-top-left-info div.info-godziny{
	background:url("/img/bg-godziny.png") scroll no-repeat bottom 5px right transparent;
}

#header .header-top-left-info div.info-kontakt{
	background:url("/img/bg-kontakt.png") scroll no-repeat bottom 5px right transparent;
}

#header .header-top-left-info div.info-social a{
	width:50%;
	float:left;
	text-align:center;
}

#header .header-top-left-info div.info-social a img{
	max-width:120px;
}

#header .header-top-left-info-title {
	color:#0450a1;
	padding:0px 10px 10px 0;
}

#header .header-top-left-info-text span:nth-child(1) {
	width:25%;
	color:#8e9dac;
	text-align:right;
	display:inline-table;
	padding-right:5px;
}

#header .header-top-left-info-text span:nth-child(2) {
	width:75%;
	color:#2c3c4c;
	text-align:left;
	display:inline-table;
}


#header .header-top-right {
	padding-top:20px;
	padding-left:30px;
}

#header .header-top-right .baner{
	padding:0px;
	border:0px solid #d9d9d9;
	background:#f3f3f3;
	border-radius:4px;
	max-height:375px;
}

#header .header-top-right .baner-window{
	width:100%;
	height:100%;
	max-height:375px;
	overflow:hidden;
	position:relative;
}

#header .header-top-right .baner-window .slide{
	position:absolute;
	top:0;
	left:0;
	display:block;
	opacity:0;
	z-index:1;
}

#header .header-top-right .baner-window .slide.active{
	display:block;
	opacity:1;
	z-index:2;
}

#header .header-top-right .baner-window .slide.next{
	display:block;
	opacity:0;
	z-index:1;
}

#header .header-top-right .baner-window .slide.hidden{
	display:none;
	z-index:-1;
}

#header .header-top-right .baner-window .slide span{
	position: absolute;
	right: 20px;
}

#header .header-top-right .baner-window .slide span.baner-slide-title{
	top:20px;
	right: 20px;
	font-size: 26px;
	background: white;
	padding: 5px 20px;
	opacity: 0.8;
	color: #2C3C4A;
}

#header .header-top-right .baner-window .slide span.baner-slide-button{
	bottom:20px;
	right: 20px;
	font-size: 18px;
	background: #D00901;
	padding: 0;
	color: #fff;
	border-radius:2px;
}

#header .header-top-right .baner-window .slide span.baner-slide-button a {
	color:inherit;
	display:block;
	padding: 5px 20px;
}

#header .header-top-right-buttons {
	margin-left:-3px;
	margin-right:-3px;
}

#header .header-top-right-buttons .col{
	padding:5px 3px;
}

#header .header-top-right-buttons .col > span{
	width:100%;
	min-height:150px;
	border:1px solid #d9d9d9;
	display:block;
	text-align:center;
	background:#f3f3f3;
	position:relative;
}

#header .header-top-right-buttons .col > span > a > span{
	position: absolute;
	bottom: 10px;
	right: 5%;
	background: rgba(255,255,255,0.8);
	padding: 5px 10%;
	color: #2C3C4A;
	width: 90%;
}

#header .header-top-right-buttons .col img{
	width:100%;
}

#header-navigation-bg {
	width:100%;
	min-height:60px;
	background:#1E2933;
}

#header-navigation {
	text-align:center;
	text-transform:lowercase;
}

#header-navigation .button-display-respond-group{
    padding: 15px 0 0 0;
}

#header-navigation li.li-0{
    color: #bac5cf;
    font-size: 18px;
    padding: 0 24px;
}

#header-navigation li.li-0.active, #header-navigation li.li-0:hover{
	color:#719bbf;
}

#header-navigation li.li-0.active > a, #header-navigation li.li-0:hover > a{
	color:inherit;
}

#header-navigation li.li-0 > a {
	padding:15px 0;
}



#home-oferta {
	background:#2C3C4A;
	min-height:360px;
	padding:6px 0;
}

#home-oferta .col{
	padding:4px;
}

#home-oferta .col > div{
	border: 4px solid #fff;
	overflow: hidden;
}





.home-oferta-wyszukiwarka {
	position:relative;
	min-height:100px;
	padding:6px 0;
	margin:10px auto;
}

.home-oferta-wyszukiwarka span {
	text-transform:uppercase;
	border-radius:4px;
	background: #1E2933;
	color: #536575;
	padding: 10px 20px;
	margin-right: 5px;
	cursor:pointer;
}

.home-oferta-wyszukiwarka span.active {
	background: #bac5cf;
	color: #1E2933;
}

/**************************************/
/****************CONTENT***************/
/**************************************/
a.wiecej {
	display:inline-block;
	padding:10px 15px;
	background:#0450a1;
	border-radius:4px;
	color:#EEE !important;
	margin:10px 0;
}

#content {
	min-height:50px;
	padding-top:0px;
}

#content .content-section-top {
	border-top:1px solid #e5e5e5;	
	border-bottom:1px solid #e5e5e5;
	background:#FBFBFB;
}

#content .content-section-center {
	padding-bottom:10px;
}

#content .content-section-bottom {
	border-top:1px solid #e5e5e5;
	background:#FBFBFB;
}

#content-text-column li{
	margin:5px 0px;
}

#content-left-column {
	padding:0 20px 0 0;
}

#content-left-column .box-standard {
	background:#fff;
   border: 1px solid #e5e5e5;
    margin: 0 0 10px;
    padding: 0 15px 15px;
}

h1, h2, h3 {
	font-weight:lighter;
}

h1 {
	border-bottom:1px solid #ECECEC;
	margin-bottom:20px;
}

.tytul-boxu {
    font-size: 2em;
    line-height: inherit;
    margin: 5px 0;
    padding: 5px 0;
	color:#999;
}

#navbar span.navbar-arrow {
	width:10px;
	height:10px;
	background:url("/img/bg-arrow-navbar.png") no-repeat scroll center center;
	padding:0 10px;
}

#navbar span > a{
    color:#bbb;
}

#navbar span.navbar-active > a, #navbar span > a:hover{
    color:#F98F39;
}

#header .header-navigation-slide ul.ul-1 {
	list-style:none;
	border-top:2px solid #4178af;
	border-bottom:2px solid #dedede;
	background:#fff;
	padding:10px;
}

.oferta .row {
	padding:5px 0;
	border-bottom:1px solid #e5e5e5;
}

.oferta .col-width-9 {
	padding-left:20px;
}

.oferta .col-width-9 h2 {
	margin-top:0;
	padding-top:0;
}



#konfigurator-bagaznikow, #konfigurator-felgi {
	background:#ECECEC;
	border:1px solid #d9d9d9;
}

#konfigurator-bagaznikow .row, #konfigurator-felgi .row{
	border-bottom:1px solid #d9d9d9;
}

#konfigurator-bagaznikow .row:last-child, #konfigurator-felgi .row:last-child{
	border-bottom:0;
}

#konfigurator-bagaznikow .col, #konfigurator-felgi .col{
	padding:10px;
	border-right:1px solid #d9d9d9;
}

#konfigurator-bagaznikow .col:last-child, #konfigurator-felgi .col:last-child{
	border-right:0;
}

#konfigurator-bagaznikow .col p, #konfigurator-felgi .col p{
	padding-left:5px;
}

#konfigurator-bagaznikow .col p.konfigurator-topic, #konfigurator-felgi .col p.konfigurator-topic{
	font-weight:bold; 
}

div.konfigurator-bagaznikow-wynik{
	clear:both;
	padding:5px 0;
}

div.konfigurator-bagaznikow-wynik h3, div.konfigurator-felgi-wynik h3{
	border-bottom:1px solid #ECECEC;
}

div.konfigurator-bagaznikow-wynik h3 span, div.konfigurator-felgi-wynik h3 span{
	padding-left:20px;
}

div.konfigurator-bagaznikow-wynik h3 img, div.konfigurator-felgi-wynik h3 img{
	border:1px solid #ECECEC;
	padding:10px;
}

.konfigurator-wynik-legenda span{
	padding-right:20px;
	padding-left:5px;
}

.konfigurator-wynik-legenda a img{
	border:1px solid #ECECEC;
	padding:10px;
}

.konfigurator-felgi-wynik {
	overflow:hidden;
	margin-left:-5px;
	margin-right:-5px;
}

div.konfigurator-felgi-wynik h3{
	padding-left:5px;
	padding-right:5px;
}

.konfigurator-felgi-wynik .col-width-4{
	padding:0 5px;
}

.konfigurator-felgi-wynik .col-width-4:nth-of-type(3n+1){
	clear:both;
}

.konfigurator-felgi-wynik .col-width-4 > table{
	height:100%;
}

.konfigurator-felgi-wynik-rekord-foto {
	text-align:center;
	vertical-align:middle;
	background:#fff !important;
}

.konfigurator-felgi-wynik-rekord-info {
	color:#aaa;
	font-weight:bold;
}

.konfigurator-felgi-wynik-rekord-info span.label{
	font-weight:lighter;
}


#bagazniki-lista {
	overflow:hidden;
	margin-left:-5px;
	margin-right:-5px;
}

#bagazniki-lista > div{
	padding:5px;
	height:300px;
}

#bagazniki-lista > div:nth-of-type(3n+1){
	clear:both;;
}

#bagazniki-lista > div > div.border{
	border:1px solid #ECECEC;
	height:100%;
	padding:10px;
	display:table
}

#bagazniki-lista > div > div.border > div{
	display:table-row;
}

#bagazniki-lista > div > div.border > div > div{
	display:table-cell;
	vertical-align:middle;
	height:200px;
}

#bagazniki-lista .title{
	font-size:1.25em;
	text-align:center;
	display:block;
}

#bagazniki-lista .foto{
	max-width:300px;
	max-height:200px;
	text-align:center;
	vertical-align:middle;
	background:#fff !important;
	overflow:hidden;
}

#bagaznik-galeria-info {
	overflow:hidden;
	margin-left:-5px;
	margin-right:-5px;
}

#bagaznik-galeria-info > div{
	padding:5px;
}

#bagaznik-galeria-info .zdjecie-glowne{
	height:300px;
}

#bagaznik-galeria-info .zdjecia-pozostale  {
	padding:5px 0;
	height:180px;
}

#bagaznik-galeria-info .zdjecia-pozostale  .col-width-4{
	height:100%;
	display:table;
}

#bagaznik-galeria-info div.border{
	border:1px solid #ECECEC;
	padding:10px;
	display:table-cell;
	width:100%;
	vertical-align:middle;
	text-align:center;
}


/*Wyszukiwarka opon*/
#wyszukiwarka-opon {
    clear: both;
    position: relative;
    width: 100%;
	border-bottom:0px solid #E4E4E4;
	overflow:hidden;
	padding:0 0 5px;
}


#wyszukiwarka-opon .select-rozmiar {
    background: url("/uploaded/opony/bg-filtr-opon.jpg") no-repeat scroll center bottom transparent;
	height:230px;
	/*min-width:475px;*/
}

#wyszukiwarka-opon .select-rozmiar > .selects{
	width:360px;
	margin: 0 auto
}

#wyszukiwarka-opon .select-rozmiar > .selects > span {
	float:left;
	width:60px;
	margin: 10px 15px 0 38px;
}

#wyszukiwarka-opon .select-rozmiar > .selects > span > label {
	color:#aaa;
}

#wyszukiwarka-opon .select-rozmiar > .selects > span > select{
    width: 60px;
}


#wyszukiwarka-opon .select-opcje > .selects{
	margin: 10px auto 0
}

#wyszukiwarka-opon .select-opcje > .selects > span {
	margin:0 auto 10px;
}

#wyszukiwarka-opon .select-opcje > .selects > span > label {
	color:#aaa;
	float:left;
	clear:both;
}

#wyszukiwarka-opon .select-opcje > .selects > span > select{
    width: 90%;
	float:left;
	clear:both;
}

#wyszukiwarka-opon .select-opcje > .select-sezon {
    clear: both;
    margin-top: 40px;
}


#wyszukiwarka-opon .select-opcje > .select-sezon > span img{
  margin:-5px 10px 0 5px;
}

#wyszukiwarka-opon .select-opcje > .select-sezon > label{
  color:#aaa;
}

#wyszukiwarka-opon .select-opcje > .select-sezon .button{
	margin:0;
}

#wyszukiwarka-opon p {
    clear: both;
    color: #aaa;
    float: left;
    width: 70%;
    margin: 4px 0 0;
	text-align:center;
}

#wyszukiwarka-opon .button {
    float: right;
    margin: 10px 10px 0 0px;
    padding: 6px 15px 8px;
	cursor:pointer;
}


/**************************************/
/****************FOOTER****************/
/**************************************/
#footer {
	height:50px;
	min-height:200px;
}
#special-footer {
	padding-bottom:15px;	
}

#special-footer div.col-width-5 {
	padding-right:20px;
}

#special-footer ul {
	list-style:none;
	padding:0;
}

#special-footer ul li {
	clear:both;
	padding:6px 0;
}

#special-footer ul li {
	color:#bac5cf;
}

#special-footer ul li a:hover{
	color:#719bbf;
}

#special-footer span.icona {
	width:22px;
	float:left;
	margin-right:10px;
}

#special-footer p.text-strong {
	color:#8e9dac;
	font-size:1.6em;
	font-weight:lighter;
	padding:15px 0 10px 0;
	margin-bottom:15px;
	border-bottom:1px solid #1e2933;
}



#stopka {
	height:50px;
	min-height:75px;
	color:#8e9dac;
	font-size:14px;
}

#stopka a {
	color:#bac5cf;
}

#stopka > div{
	height:75px;
}
/**************************************/
/**************RESPONSIVE**************/
/**************************************/
@media (max-width: 767px) {
	#info-media-width #css-mobile{
	display:block;
	}

	/* ust. dedykowane */
	#header .header-top-left {
		text-align:center;
	}

	#header-navigation ul.respond-group li {
		border-bottom:1px solid #354859;
		padding:0;
	}	
	
	#header .header-top-right {
		padding:10px 0;
	}	
	
	#header .header-bottom-left {
		width:100%;
		margin:0 auto 10px;
		float:left;
	}

	#header .header-bottom-right {
		width:100%;
		margin:0 auto;
		float:left;
	}
	
	#header .header-top-left-info div.col{
		width:50% !important;
		float:left;
	}
	

	#header .header-top-left-info div.col:nth-child(3){
		display:none;
	}	
	
	#header .header-top-right-partners{
		padding:0;
	}	
	
	#header .header-top-right-partners div.group{
		text-align:center;
		display:table;
	}	
	
	#header .header-top-right-partners div.group span{
		width:32%;
		padding:0;
	}	
	
	
	#header .header-top-right-partners > span{
		width:100%;
		text-align:center;
		padding:0 0 5px;
	}
	
	#special-footer div.pl-15 {
		padding-left:0;
	}
	
	#header .baner {
		display:none;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	#info-media-width #css-tablet{
	display:block;
	}
	
	/* ust. dedykowane */
	#header .header-top-left, #header .header-top-right {
		width:50%;
	}
	
	#header-navigation ul.respond-group li {
		border-bottom:1px solid #354859;
		padding:0;
	}	
	
	#special-footer div.pl-15 {
		padding-left:0;
	}
	
	#header .header-top-left-info div.col{
		width:100% !important;
		float:left;
	}
	
	#header .header-top-left-info div.col:nth-child(1){
		padding-top:20px;
	}	
	
	#header .header-top-left-info div.col:nth-child(2){
		padding-top:30px;
	}	
	
	#header .header-top-left-info div.col:nth-child(3){
		display:none;
	}	
	
	#header .header-top-right:nth-child(3) {
		width:100%;
		padding:0;
	}
	
	#header .header-top-right-partners div.group{
		text-align:center;
		display:table;
	}	
	
	#header .header-top-right-partners div.group span{
		width:32%;
		padding:0;
	}	
	
	
	#header .header-top-right-partners > span{
		width:100%;
		text-align:center;
		padding:0 0 5px;
	}	
	


}

@media (min-width: 992px) and (max-width: 1199px){
		#info-media-width #css-monitor{
	display:block;
	}
	/* ust. dedykowane */
	#header-navigation li.li-0{
		font-size: 18px;
		padding: 0 12px;
	}
}
			
@media (min-width:1200px) {
		#info-media-width #css-monitor-duzy{
	display:block;
	}
	/* ust. dedykowane */
}

			
#metaOrganization {
	position:absolute;
}
