fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #e2e2e2;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/* ==========================================================================
   influencja.pl
   ========================================================================== */
.czcionka {
	font-family: 'Montserrat', sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	overflow-x: hidden;
	background-color: #fff;
	color: #000;
	font-size: 15px;
	font-weight: 400;
}
#ladowanie {
	text-align: center;
	background-color: #fff;
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #666666;
	font-size: 13px;
	pointer-events: none;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#ladowanieZawartosc {
	padding-top: 175px;
}
#ladowanieZawartosc img {
	width: 55px;
	max-width: 100%;
	height: auto;
}
#menu_mobil {
	display:none;
}
a, a * {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration:none;
}
a:hover, a:hover * {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration:none;
}


/** CSS strony WSTĘPU **/

.wstep{
	width: 100%;
	background: #fff !important;
	overflow: hidden;
}
.wstep .tlo_strony{
	width: calc(50% - 30px);
	margin: 20px;
	float: left;
	position: relative;
}
.wstep .logo{
	position: absolute;
	z-index: 999;
	left:0px;
	right: 0px;
	top: 80px;
	margin:auto;
	text-align: center;

}
.wstep #hurtowana_tlo{
	background-image: url(../img/tlo_hurtowani_stali_nowysacz_gorlice.jpg);
	background-size: cover;
	min-height: 400px;
	margin-right: 10px;
	cursor: pointer;
}
.wstep #konstrukcje_tlo{
	background-image: url(../img/tlo_konstrukcje_stalowe_nowy_sacz_gorlice.jpg);
	background-size: cover;
	min-height: 400px;
	margin-left: 10px;
	cursor: pointer;
}
.tescWstep{
	position: absolute;
	bottom: 150px;
	width: 100%;
	text-align: center;
}
.trescDiv{
	color: #fff;
	padding: 20px 100px;
	padding-top: 0px;
	text-align: center;
	display: none;
	opacity: 0px;
}
/*.tlo_strony:hover .trescDiv{
	display: block;
	-webkit-animation: fadein 2s forwards;
    -moz-animation: fadein 2s forwards;
    animation: fadein 2s forwards;
}*/

.wstep #hurtowana_tlo{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 1s ease;
}

.wstep #hurtowana_tlo:hover {
   -webkit-filter: grayscale(80%);
   -moz-filter: grayscale(80%);
   filter: grayscale(80%);
 }




.wstep #konstrukcje_tlo{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 1s ease;
}

.wstep #konstrukcje_tlo:hover {
   -webkit-filter: grayscale(80%);
   -moz-filter: grayscale(80%);
   filter: grayscale(80%);
 }



/*.wstep #konstrukcje_tlo:hover{
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%);
    filter: gray;
}*/
.btnBox{
	margin: 0 auto;
	display: inline-block;
	background-color: rgba(0,0,0,0.7);
	border-radius: 10px;
	line-height: 40px;
	padding: 0px 20px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}

.btnBox:hover{
	background-color: rgba(255,255,255,0.7);
	color: #000;
}

.btnBox2{
	margin: 0 auto;
	display: inline-block;
	background-color: rgba(0,0,0,0.7);
	border-radius: 10px;
	line-height: 40px;
	padding: 0px 20px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}

.btnBox2:hover{
	/*background-color: rgba(255,255,255,0.7);*/
	color: #cc0000;
}
/*.tlo_strony:hover .trescDiv{
	display: block;
}*/

.tescWstep h1,.tescWstep h2.ngh1{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 45px;

}



/** CSS strony WSTĘPU **/




#menuMobilne{
	display: none;
}
/** HEADER **/
#glowny_naglowek_knt {
	width: 100%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 999;
	box-shadow: 0px 0px 75px rgba(0,0,0,0.2);
	background: #fff;
}
#glowny_naglowek {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#ladowanieZawartosc {
	padding-top:150px;
}
#linki_knt {
	margin-right: 15px;
	font-size: 13px;
	font-weight: normal;
	color: #aeaeae;
	float: right;
	margin-top: 20px;
}
#linki_knt span {
	display: inline-block;
	margin-top: -5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-radius: 5px;
	padding: 1px 4px 1px 4px;
	border: 2px solid #cc0000;
}
#linki_knt i {
	color: #cc0000;
}
#linki_knt ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	float: left;
}
#linki_knt li {
	list-style: none;
	display: block;
	float: left;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 15px;
}
#linki_knt a {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: 400;
}
#linki_knt a:hover {
	color: #cc0000;
}
#linki_knt a:hover span {
	background-color: #cc0000;
}
#linki_knt a:hover span i {
	color: #fff;
}
#menuGlowne {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	padding-top: 45px;
	/*clear: right;*/
	float: right;
} 
#menuGlowne ul { padding:0; margin:0 auto; width: auto; padding-right: 50px;} 
#menuGlowne ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
#menuGlowne li {
	position: relative;
	float: left;
	list-style-type: none;
	color: #000;
	font-size: 16px;
	display: block;
	cursor: pointer;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
} 
#menuGlowne ul li a {
	display: block;
	float: left;
	width: 100%;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	margin: 0 5px;
	padding: 10px 5px 20px 5px;
}

#menuGlowne ul li a.btn {
	padding: 10px 10px 10px 10px;
}

#menuGlowne ul li a:hover {
	color: #cc0000;
}

#menuGlowne ul li a.btn {
	color: #fff;
}
#menuGlowne ul ul {
	font-family: 'Montserrat', sans-serif;
	display: none;
	width: 100%;
	position: absolute;
	left: 30px;
	top: 45px;
	padding: 0px;
	width: 300px;
	font-weight: bold;
	z-index: 500;
	overflow: hidden;
	/*background-image: url('../img/btn_tlo.jpg');*/
	/*background-color: #f2f2f2;*/
	background-size: 100% auto;
	background-color: #fff;
	background-size: 100% auto;
	box-shadow: 0px 0px 55px rgba(0,0,0,0.11);
}
#menuGlowne ul ul li {
	font-family: 'Montserrat', sans-serif;
	float: none;
	height: auto;
	text-align: left;
	list-style-type: none;
	padding:0px;
	margin:0px;
} 
#menuGlowne ul ul li a {
	display: block;
	float: left;
	font-size: 15px;
	color: #333;
	height: auto;
	margin-left: 0px;
	line-height: 15px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-repeat: repeat;
	/*border-top: 1px solid rgba(255,255,255,0.2);*/
	/*border-bottom: 1px solid rgba(0,0,0,0.2);*/
	font-weight: normal;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.3);*/
	text-transform:none;
	font-weight: 500;
}

#menuGlowne  ul ul li a:hover {
	color: #cc0000;
	/*background-color: rgba(0,0,0,0.8);*/
	background-image: url('../img/btn_tlo.jpg');
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
	background-size: 100%;
}
#menuGlowne  ul li.sklep {
	background-image: url(../img/menu_sklep.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 20px !important;
	padding-right: 60px !important;
}
#menuGlowne  ul li.sklep a {
	color:#FFF;
}
#menuGlowne  ul li.sklep a:hover {
	color:#000;
}
#menuGlowne  ul li.sklep ul li a:hover {
	color:#fff;
}

#menuGlowne2 {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	margin-top: 50px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	font-size: 17px;
	float: right;
}
#menuGlowne2 a {
	text-decoration: none;
	margin-right: 0px;
	margin-left: 35px;
	color: #323131;
}
#menuGlowne2 a:hover {
	color: #cc0000;
}
#podMenu {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	height: 30px;
	color: #FFFFFF;
	background-image: url(../img/tlo_podmenu.jpg);
	width: 1200px;
	position: absolute;
	margin-top: -105px;
	border-radius: 5px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
	z-index:150;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-left: -35px;
}
#podMenu a {
	text-decoration: none;
	color: #FFFFFF;
}
#podMenu a:hover {
	color: #CCCCCC;
}
#podMenu ul {
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#podMenu  li {
	list-style:none;
	display: inline;
	padding:0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#logo {
	margin-top: 0px;
	position: static;
	padding: 15px 0px;
	width: auto;
	float: left;
	margin-top: 0px;
	max-height: 133px;
}
ul.salony{ 
	width: 500px;
	float: right;
	display: flex;
	padding: 0px;
	font-size: 12px;
	color: #3f3f3f;
}

ul.salony li{
	flex: 1;
	list-style: none;
	border-right:1px solid #e0e0e0;
	line-height: 125px;
}

ul.salony li img{
	max-width: 100%;
	filter: grayscale(100%);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 0.7;
}
ul.salony li a:hover img{
	filter: grayscale(0%);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 1;
}


.informacja_menu {
	float: right;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 7px;
}
#menu_kontakt_knt {
	background-color: rgba(0,0,0,0.8);
	padding: 0px;
	text-align: center;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100px;
}
#menu_kontakt {
	margin: 0px auto 0px auto;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
#menu_kontakt ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
	list-style: none;
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0px;
}
#menu_kontakt li {
	list-style: none;
	display: block;
	width:100px;
	cursor: pointer;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
#menu_kontakt span {
	display: none;
}
#menu_kontakt a {
	text-decoration: none;
	color: #ddd;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu_kontakt a:hover {
	color: #fff;
}
#menu_kontakt a:hover i {
	color: #cc0000;
}
#menu_kontakt a span {
	padding-left: 5px;
}
ul.produkcja{
	padding: 0px;
	overflow: hidden;
}
text{
	font-size: 24px;
	text-align: center;
	display: block;
	font-weight: 100;
}
ul.produkcja li{
	width: 29%;
	list-style: none;
	background: #f2f2f2;
	padding: 1%;
	float: left;
	margin:1%;
	min-height: 510px;
}

ul.produkcja li:nth-child(3n+1) {
	clear: both;
}
ul.produkcja li h2{
    text-align: center;
    border-bottom: 3px solid #cc0000;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
}

ul.produkcja li span{
	font-weight: 100;
	line-height: 20px;
	font-size: 16px;
	display: block;
	padding: 10px 30px 10px 30px;
}
.form-control{
    width: 100%;
    height: 25px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
}
textarea.form-control{
	min-height: 100px;
}
.btn {
    background-image: url('../img/btn_tlo.jpg');
    color: #fff;
}
.btn:hover {
	/*opacity: 0.8;*/
	color: #cc0000 !important;
	background: #ccc;
}
#baner {
	width: 100%;
	margin: 0px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.slajder {
	text-align: center !important;
}

.slajder img {
	margin: auto;
	right: 0px;
}

#baner a{
	margin:0 auto;
	width: 100%;
}
#baner img{
	max-width: 100%;
	margin-left: 0%;
	width: 100%;
}
.banerBox{
	position: relative;
}
.trescBaneru{
	position: absolute;
    top: 60px;
    z-index: 400;
    width: 100%;
    text-align: center;
}
h1{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 80px;
}
.trescBaneru ul{
	list-style: none;
	padding:0px;
	width: 80%;
	margin:0 auto;
}
.trescBaneru ul li{
	padding: 0px;
	width: calc(33.333% - 74px);
	float: left;
	background: rgba(0,0,0,0.4);
	display: block;
	margin: 30px 25px;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 20px;
	overflow: hidden;
	padding:10px;
}

.trescBaneru ul li i{
	line-height: 60px;
	font-size:50px;
	float: left;
	width: 80px
}
.trescBaneru ul li span{
	line-height: 60px;
	font-size:30px;
	font-weight:600;
	float: left;
	width: calc(100% - 80px);
	text-transform:uppercase;
	text-align:left;
}

.trescBaneru ul li span a{
	color:#fff;
}
.trescBaneru ul li span a:hover{
	color:#cc0000;
}
.li_tel{
	line-height: 60px;
}
.pusteLi{
	border: 0px !important;
	background: none !important;
	width: calc(33.333% - 70px) !important;
}
#dalej {
	right: 110px;
	bottom: 50px;
	position:absolute;
	text-align:center;
	cursor:pointer;
	z-index: 10;
	padding-bottom: 15px;
}
#prev {
	position: absolute;
	margin-top: 235px;
	z-index: 500;
	left: 0px;
	cursor: pointer;
}
#next {
	position: absolute;
	margin-top: 235px;
	z-index: 500;
	right: 0px;
	cursor: pointer;
}
#slajder {
	width: 100%;
	margin: auto;
	height: 531px;
	overflow: hidden;
}
.slajd {
	background-size: auto 531px;
	height: 531px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.pager { text-align: center; padding-right:25px; height:25px; z-index: 500; overflow: hidden; text-align:right; position: absolute; z-index: 200; margin-top: 20px; right: 0px; top: 0px;  }
.pager span { width: 20px; height: 20px; display: inline-block; color: #eee; background-color:#eee; margin-right:10px; overflow: hidden; opacity: 0.8;
			 border: 1px rgba(255,255,255,0) solid; border-radius: 50%;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out; font-size: 1px;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none; }
.pager span.cycle-pager-active { color: #c21f38; background-color:#c21f38; opacity: 1; font-size: 1px;
			  border: 1px rgba(255,255,255,0) solid; border-radius: 50%;
			-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;}
.pager > * { cursor: pointer;}

.glowny_film {
	text-align:center;
	overflow:hidden !important;
}
.glowny_film_nakladka {
	position:absolute;
	top: 0px;
	left:0px;
	right:0px;
	z-index:2;
	overflow:hidden;
	background-image:url(../img/nakladka.png);
	height:auto;
	opacity:0.7;
}
#film_strona {
	width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:20px;
	margin-left:0px;
	position:relative;
}
#film_strona2 {
	width:50%;
	max-width:485px;
	height:auto;
	float:right;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:20px;
	position:relative;
}
#video{
		/*min-height: 300px*/
		position: relative;
}
.playVideo {
	display:none;
	width:100%;
	position:absolute;
	z-index:601;
	opacity:0.8;
	text-align:center;
	margin-top:180px;
	cursor:pointer;
}
.playVideo .pauseV{
	display:none;
}
.playVideo .playV{
	display:none;
	font-size:50px;
	margin:0 auto;
	margin-top:20px;
}
.playVideoS {
	display:none;
	width:100%;
	position:absolute;
	opacity:0.8;
	text-align:center;
	margin-top:20px;
	cursor:pointer;
}
.haslo {
	position: absolute;
	z-index: 500;
	right: 0px;
	left: 0px;
	width: 100%;
	height: 123px;
	margin-top: -123px;
	text-align: left;
	font-size: 24px;
	line-height: 24px;
	color: #FFF;
	text-transform: uppercase;
	background: url(../img/tlo_baner_napis.png) top center;
	font-weight: 400;
}
.haslo h2 {
	font-size: 38px;
	line-height: 36px;
	font-weight: 700;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
.haslo div {
	width: 1200px;
	margin: auto;
	text-align: right;
	padding-top: 25px;
}
.procentow100 {
	width: 100%;
	height: auto;
}
.tekst a{
	color: #cc0000;
}
.tekst a:hover{
	color: #000;
}
/** HEADER **/
iframe{
	width: 100%;
	height: 400px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
	border: 0px;
	    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}
.row {
    width: 100%;
    margin: 0px;
}

/** MAIN **/
#start_hook {
	position: absolute; 
}
#zawartosc{
	padding: 0px 0px 0px 0px;
	margin:0;
	position: static;
	z-index: 3;
	background: #fff;
}



.tlo_lista{
	background-color: #f5f5f5;

}
.tresc {
	width: 100%;
	margin:auto;
}
.tresc2 {
	width: 1200px;
	margin: auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
.tlo_szare{
	background-color: #F7F7F7;
	padding-top: 50px;
	padding-bottom: 50px;
}
.tlo_szare h2{
	color:#cc0000;
	font-size: 36px;
	font-weight: 400;

}
.naglowek {
	background-color: #cc0000;
	padding-top: 30px;
	padding-bottom: 30px;
}
.naglowek .tresc {
	width: 1140px;
	margin: auto;
}
.naglowek h1 {
	font-size: 48px;
	line-height: 48px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	font-weight: normal;
}
.naglowek h1, .naglowek a {
	color: #fff;
}
.naglowek a {
	font-size: 15px;
	padding-right: 25px;
	opacity: 0.8;
	font-weight: bold;
}
.naglowek a:hover {
	opacity: 1;
}
.tlo_transparentne {
	padding: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.tlo_strona {
	width: 1200px;
	margin: 0 auto;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 20px;
}

.tlo_transparentne h1, .tlo_transparentne .ngh1 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size:30px;
	line-height:30px;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.tlo_transparentne h1 span, .ngh1 span {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	padding-left: 0px;
	line-height: 16px;
}
.tlo_transparentne h2 {
	font-family: 'Montserrat', sans-serif;
	color: #286da1;
	font-size: 48px;
	line-height: 50px;
	font-weight: 400;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.tlo_transparentne h3 {
	font-family: 'Montserrat', sans-serif;
	color: #7c7c7c;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	margin: 0px;
	text-transform: uppercase;
}
.tlo_transparentne img {
	max-width: calc(100% - 14px);
	border: 7px solid #fff;
	box-shadow: 6px 0px 30px rgba(0,0,0,0.2);
}

.tlo_oferta{
	background: url(../img/tlo_oferta.jpg);
}

.tlo_oferta article {
	width: auto;
}

.tlo_trans{
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
}
.tlo_oferta article h1 {
	font-size: 16px;
	font-weight: normal;
	color: #cc0000;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0px;
	text-align: center;
}
.w90{
	width: calc(100% - 60px);

	--padding: 30px;
	padding:var(--padding);
	background-clip: content-box;
	box-shadow: inset 0 0 0 var(--padding) rgba(255,255,255,0.8);
}
.tlo_oferta h2{
	text-align: center;
}




.tlo_strony .tresc .ul_realizacji{
	padding:0px;
	list-style: none;
	overflow: hidden;	
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	padding-top: 40px;
	margin: 0px;
}

.tlo_strony .tresc .ul_realizacji li{
	text-align: center;
	padding-bottom: 40px;
}
.tlo_strony .tresc .ul_realizacji li h3{
	font-size: 18px;
	line-height: 1.3em;
	font-weight: 400;
	padding:10px 10px;
	text-transform: none;
	color: #000;
}
.tlo_strony .tresc .ul_realizacji li:hover h3{
	color: #286da1;
}
.tlo_strony .tresc .ul_realizacji li:hover img{
	transform: scale(1.1);
}








.ul_oferta{
	padding:0px;
	list-style: none;
	overflow: hidden;	
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	padding-top: 40px;
	margin: 0px;
}

.ul_oferta li{
	text-align: center;
	padding-bottom: 40px;
}
.ul_oferta li h3{
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	padding:20px 10px;
	text-transform: none;
	color: #000;

}
.ul_oferta li:hover h3{
	color: #286da1;
}
.ul_oferta li:hover img{
	transform: scale(1.1);

}



.tlo_kontakt{
	background-image: url(../img/tlo_kontakt.jpg?v02);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top:70px;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}
.tlo_kontakt .tlo_biale_cale {
	float: right;
	padding-right: 80px;
	padding-left: calc((100% - 1300px)/2);
}
.tlo_kontakt article h2{
	text-align: left;
	padding-bottom: 0px;
}

.tlo_kontakt article h3{
	font-weight: 600;
	font-size: 16px;
	color: #000;
}
.tlo_kontakt article p{
	margin-top: 5px;
}

.tlo_kontakt article i{
	color: #286da1;
	padding-right: 5px;
}
.tlo_kontakt article a{
	color: #000;
	line-height: 1.5em;
	padding-left: 5px;
}
.tlo_kontakt article a:hover{
	color: #286da1;
}





.tlo_onas{
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
	background-size: auto 100%;
}
.tlo_onas  ul {
  list-style: none;
  padding: 0;
  text-align: left;
}
.tlo_onas li {
	font-weight: 600
}
.tlo_onas ul li:before {
  content: "\f178"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: : -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #cc0000;
}


.tlo_onas li a{
	color: #000;
}
.tlo_onas li a:hover{
	color: #cc0000;
}
.tlo_biale_cale{
	width: 700px;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 80px;
	padding-right: calc((100% - 1300px)/2);
	background: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
	float: right;
}
.tlo_kontakt article {
	color: #000000;
	font-size: 16px;
}
.tlo_kontakt article a {
	color: #000;
	margin-right: 15px;
}
.tlo_kontakt article a:hover {
	color: #286da1;
}
.tlo_kontakt article i {
	color: #286da1;
}
.tlo_kontakt article h2 {
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 0px;
	color: #000000;
	text-transform: uppercase;
	line-height: 20px;
	padding-top: 20px;
}
.tlo_podstrona{
	margin-bottom: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 0px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
.tlo_podstrona .tlo_biale_cale{
	width: 1200px;
	margin-top: 40px;
	padding-right: 80px;
	padding-left: calc((100% - 1200px)/2);
	float: left;
}

.tlo_podstrona h1{
	width: 1240px;
	margin:0 auto;
	color: #fff;
	text-transform:uppercase;
	font-weight:200;
	font-size: 48px;
}
.tlo_01{
	background-image: url(../img/tlo01.jpg);
	
}

.tlo_formularze{
	background-image: url(../img/tlo_form.jpg);
	background-size: auto 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.tlo_formularze a{
	text-align: center;
	padding: 10px;
	border-radius: 10px;

}

.tlo_formularze a:hover img{
	box-shadow: 0px 0px 30px #ccc;
	border: 1px solid #ccc;
}

.tlo_formularze img{
	border-radius: 50%;
	border:1px solid #fff;
	margin: 0 auto;
}

.tlo_formularze h3{
	color:#fff;
	font-size: 20px;
	text-align: center;
	font-weight: 400;
}

.tlo_formularze a:hover h3{
	color:#ccc;
}
.tlo_transport{
	background-image: url(../img/tlo_transport.jpg);
	background-size: 100%;
	min-height: 700px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5) inset;
}

.tlo_transport .tresc{
	padding: 0px;
	margin-left: 5%;
	padding-right: 35%;
	padding-top: 30px;
	width: 60%;
}

.tlo_transport .tekst{
	padding-left: 160px;
	color: #000;
	padding-top: 50px;
	font-size: 22px;
	line-height: 26px;
}
.filtr_ofert {
	float: right;
	font-size: 16px;
	padding: 20px 3% 0px 0px;
}
.filtr_ofert label {
	padding-left: 10px;
	font-weight: bold;
}


.jezyk{
	padding: 0px !important;
}
.jezyk a{
	padding: 10px 5px 20px 5px !important;
}

.jezyk img{ 
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	opacity: 0.8;
}
.jezyk:hover img{ 
	opacity: 1;
}

.aktywny img{ 
	opacity: 1;
}
.tlo_strony .ul_Flex li{
    width: calc(33.333% - 2px);

}

.tlo_strony .ul_Flex li:nth-child(4), .tlo_strony .ul_Flex li:nth-child(5)  {
    width: calc(50% - 2px);
    height: 380px;
}

.tlo_strony .ul_Flex li img{
	margin:0px;
	max-width: 100%;
	width: 100%;
	height: auto
}


.tlo_strony .aktBox div a{ 
    float: left;
	width:calc(33.333% - 80px);
	margin: 10px;
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
	background: #fff;
	padding: 30px;
	min-height: 220px;
}

.tlo_strony .aktBox div a span.btnData{
	background-image: url('../img/btn_tlo.jpg');
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	font-weight: 600;
} 

.tlo_strony .aktBox div a p{
	color: #000;
	line-height: 24px;
	font-size: 15px;
	padding: 10px 0px;
}

.tlo_strony .aktBox div a span.btnLink{
	text-align: left;
}

a.autoBox{
	overflow: hidden;
	border-radius: 10px;
	border:1px solid #e1e1e1;
	display: flex;
	margin-bottom: 20px;
	color: #333;
}
.autoBox:hover{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.autoBox img{
	width: 40%;
	float: left;
}
.autoBox div{
	width: calc(60% - 20px);
	padding: 10px;
	float: left;
}

.autoBox div h2{
	padding:0px;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
}
.autoBox div .info{
	color: #444444;
	display: block;	
}
.autoBox div .cena {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	background-color: #152c70;
	border-radius: 5px;
	padding:5px 10px;
	margin-top: 10px;
	float: left;
}
.dostepne_od_reki {
	padding-top: 41px !important;
}
.dostepne_od_reki .autoBox div p  { /*samochody z prawej strony w salonie*/
	padding: 0px !important;
	margin: 0px !important;
	float: none;
}
.dostepne_od_reki .autoBox div h2 {
	height: 36px;
	overflow: hidden;
}
.dostepne_od_reki .autoBox div .cena  {
	float: none !important;
	/*margin: 0px !important;*/
}
.autoFullInfo {
	width: 47%;
	margin: 0px 1% 2% 1%;
	float: left;
}
.autoFullInfo img {
    width: 40%;
    float: left;
}
.autoFullInfo div {
	width: 54%;
	padding: 3%;
	float: left;
}

.autoFullInfo div p{
	color: #666;
	font-size: 14px;
	margin: 0px;
}

.autoFullInfo div p b{
	font-weight: 600;
}
.autoFullInfo div .lewa {
	width: calc(60% - 20px);
	padding: 10px;
	float: left;
}
.autoFullInfo div .prawa {
	width: calc(40% - 21px);
	padding: 10px;
	float: left;
	border-left: 1px solid #f2f2f2;
}

.autoFullInfo div h2{
	padding:0px;
	font-size: 20px;
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 10px;
}

.autoFullInfo div .info{
	color: #444444;
	display: block;
}
.autoFullInfo div .cena {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: #152c70;
    border-radius: 5px;
    padding: 5px 0px;
    margin-top: 0px;
    float: left;
    width: 100%;
    text-align: center;
}


.btnDuzy{
	background-image: url(../img/tlo_btn.png);
	background-size: 100% 100%;
	width: 450px;
	height: 80px;
	display: block;
	color: #fff;
	line-height: 40px;
	padding:20px 50px;
}

.btnDuzy .t1{
	float: left;
	display: block;
	width: calc(100% - 120px);
	color: #fff;
	line-height: 40px;
	font-size: 30px;
	text-transform: uppercase;
	padding-left: 30px;
}
.btnDuzy .t2{
	width: 60px;
	font-size: 62px;
	float: left;
	display: block;
	line-height: 80px;
	color: #fff;
}


.btnDuzy2{
float: left;
display: block;
color: #000;
padding: 5px 20px;
background-color: #f2f2f2;
margin-top: 20px;
text-transform: uppercase;
font-weight: 600;
border-radius: 5px;
border-radius: 5px;
}
.btnDuzy2:hover{
	color: #fff;
	background-color: #152c70;
}

.btnDuzy:hover .t1{
	color: #000;
} 

.btnDuzy:hover .t2{
	color: #000;
}

.btnDuzy3{
	float: right;
	color:#fff;
	background-color: rgba(255,255,255,0.3);
	margin-bottom: 20px;
} 
.btnDuzy3:hover{
	color:#000;
	background-color: rgba(255,255,255,1);
} 
.btnLink{
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0px;
}
.btnLink:hover{
	color: #cc0000;
}
.autoFullInfo {
	display: block;
}
.autoFullInfo .btnDuzy2 {
    float: right;
    font-size: 13px;
    width: 100%;
    padding: 5px 0px;
    margin: 0px;
        margin-top: 0px;
    margin-top: 20px;
    text-align: center;
}

.tlo_formularzeStr{
	width: 1200px;
	margin: 0 auto;
	padding: 0px;
}
.tlo_formularzeStr .tekst{
	padding: 30px;
}
.tlo_formularzeStr .wiersz{
	padding: 0px !important;
	display: flex;
}

.tlo_formularzeStr .wiersz .kol_30 h2{
	padding-top: 50px;
	color: #fff;
}



.tlo_formularzeStr a{
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	display: block;

}
.tlo_formularzeStr ul{
	padding: 0px;
	list-style: none;
}
.tlo_formularzeStr a.aktywny img{
	box-shadow: 0px 0px 30px #ccc;
}
.tlo_formularzeStr a.aktywny h3{
	color:; #ccc;
}

.tlo_formularzeStr a:hover img{
	box-shadow: 0px 0px 30px #ccc;
}

.tlo_formularzeStr img{
	border-radius: 50%;
	border:1px solid #fff;
	margin: 0 auto;
}

.tlo_formularzeStr h3{
	color:#fff;
	font-size: 20px;
	text-align: center;
	font-weight: 400;
}



.tlo_menuFormularzy{
	background-image: url(../img/tlo_aktualnosci.jpg);
	background-size: 100% auto;
	background-color: #142a6a;
	background-repeat: no-repeat;
}

.tlo_aktualnosci{
	margin-top: 150px;
	margin-bottom: 150px;
}
.tlo_aktualnosci .tresc{
	border: 1px solid #000;
}

.tlo_aktualnosci .tresc h2{
	width: auto;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 20px;
	padding-left: 50px;
}
.tlo_aktualnosci .tytul{
	width: 250px;
	float: left;
}
.tlo_aktualnosci .aktBox{
	width: calc(100% - 350px);
	float: left;
	position: relative;
	height: 1px;
}
.tlo_aktualnosci .aktBox div{
    height: 330px;
    position: absolute;
    margin-top: -120px;
    overflow: hidden;
}
.tlo_aktualnosci .aktBox div a{ 
    float: left;
	width: 23.333%;
	margin: 3%;
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
	background: #fff;
	padding: 30px 2%;
	height: 200px;
}

.tlo_aktualnosci .aktBox div a span.btnData{
	background-image: url('../img/btn_tlo.jpg');
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	font-weight: 600;
} 

.tlo_aktualnosci .aktBox div a p{
	color: #000;
	line-height: 24px;
	font-size: 15px;
}

.btnLink{
	font-weight:600;
	color: #999999;
	font-size: 12px;

}
.tlo_aktualnosci .tytul2{
	width: 100px;
	float: left;
	line-height: 70px;
}

.katalog{
	width: 31.333%;
	margin: 1%;
	float:left;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 4px;
}
.katalog:hover{
	background-color:#ddd;
}
.katalog img{
	width: 60px;
	height: auto;
	margin: 10px;
}
.podobne_produkty h2 {
	text-align: center;
	font-size: 24px;
}
.ngh1_produkt {
	border-bottom: 1px solid #e2e2e2; 
	padding-bottom: 0px !important;
	margin-bottom: 20px !important;
}
.tlo_transparentne header {
	clear: both;
	background-image: url(../img/kreska.jpg);
	background-repeat: repeat-x;
	background-position: center 36px;
	margin-top: 50px;
	padding-top: 25px;
	padding-bottom: 0px;
	text-align:center;
}
.tlo_transparentne header h2 {
	font-size: 13px;
	color: #96a0a6;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left:25px;
	font-weight: 700;
	text-align: left;
	background-color: #f2f2f2;
	display: inline;
	letter-spacing: 3px;
	text-transform: uppercase;;
}
.tlo_transparentne header a {
	display: block;
	float:right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right:25px;
	font-weight: 700;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	background-color: #fff;
}
.tlo_transparentne header a:hover {
	margin-right:15px;
	color: #63493c;
}
.tekst_z_lewej {
	/*float: left;*/
	width: 40%;
	padding-left: 5%;
	position: relative;
}
.tekst_z_lewej img {

}
.tekst_z_prawej {
	float: right;
	width: 45%;
}
.btnMin{
	display: none;
}
#menuOferty div{
   padding-top: 10px;
}

.btnOferty{
    display: block;
    float: none;
    text-align: center;
}
.kim_jestesmy {
	padding-top: 50px !important;
	padding-bottom: 100px !important;
}
.wysoka_jakisc_itp {
	color: #fff !important;
	padding-top: 200px !important;
	padding-bottom: 350px !important;
	width: 40%;
}
.wysoka_jakisc_itp h2 {
	font-weight: 400;
	font-size: 28px;
	color: #fff !important;
	text-transform: uppercase;
}
.klucz_do_sukcesu {
	padding-top: 250px !important;
	padding-bottom: 160px !important;
}
.proukt_opis {
	float: left;
	width: 54%;
}
.proukt_opis img {
	max-width: 100%;
}
ul.szczegoly {
	padding-left: 5px;
	padding-bottom: 30px;
}
ul.szczegoly li {
	list-style: none;
	float: left;
	border-bottom: 1px solid #efefef;
	padding-top: 3px;
	padding-bottom: 3px;
}
ul.szczegoly li:nth-child(2n+1) {
	width: 45%;
	padding-right: 4%; 
	padding-left: 1%; 
	color: #999;
	clear: both;
}
ul.szczegoly li:nth-child(2n) {
	width: 45%; 
	color: #000;
	font-weight: bold;
}
span.cenaDuza {
	display: inline-block;
	border: none;
	background-color: #152c70;
	border-radius: 5px;
	color: #fff !important;
	font-size: 24px;
	padding: 8px 15px 8px 15px;
}
.produkt_galeria {
	float: right;
	width: 100%;
}
.produkt_galeria ul {
	padding:0px;
	margin-top: 2%;
	margin-bottom: 2%;
}
.produkt_galeria ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} 
.produkt_galeria ul li {
	list-style:none;
	float:left;
	margin: 2%;
	text-align:center;
	width:46%;
} 
.produkt_galeria ul li:first-child {
	width:96%;
}
.produkt_galeria ul li img {
	width:100%;
	height:auto;
	cursor:pointer;
	border: 1px solid #e6e4e4;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.05);
}
.produkt_galeria ul li img:hover {
	box-shadow: 0px 0px 50px rgba(0,0,0,0.15);
}
ul.produkty {
	padding:0px; margin:0px;
}
ul.produkty:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
} 
ul.produkty li {
	list-style:none;
	float:left;
	margin: 10px 2% 10px 2%;
	width:21%;
	text-align:center;
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
} 
ul.produkty li:nth-child(4n+1) {
	clear:both;
}
ul.produkty li img {
	width:100%;
	height:auto;
	cursor:pointer;
	margin-bottom:10px;
	border: 1px solid #ddd;
}
ul.produkty a {
	color: #000;
}
ul.produkty li img:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
ul.produkty li h3 {
	color: #cc0000;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	font-weight: 400;
	text-transform: uppercase;
}
.tlo_mieszane {
	color: #000000;
	background-image: url(../img/tlo_mieszane.png);
	background-position: center top;
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 80px;
}
.tlo_mieszane .tekst.prawa {
	color:#dadada !important;
}
.tlo_mieszane h1 {
	font-family: 'Montserrat', sans-serif;
	color: #2588e6;
	font-size: 36px;
	font-weight: 900;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 12px;
	text-transform: uppercase;
}
.tlo_mieszane h1 span {
	color: #cc0000;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
}
.tlo_mieszane .ngh1 {
	font-family: 'Montserrat', sans-serif;
	color: #2588e6;
	font-size: 36px;
	font-weight: 900;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 12px;
	text-transform: uppercase;
}
.tlo_mieszane .ngh1 span {
	color: #dadada !important;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
}
.tlo_mieszane h2 {
	font-family: 'Montserrat', sans-serif;
	color: #333333;
	font-size: 30px;
	font-weight: 700;
	margin: 0px;
	padding-bottom: 12px;
	padding-top: 12px;
	text-align: left;
}
.tlo_mieszane h3 {
	font-size: 17px;
	color: #2588e6;
}
.tlo_biale{
	padding-top: 50px;
	min-height: 400px;
}
.tlo_ciemne{
	padding-top: 50px;
	min-height: 400px;
}
.tekst {
	color: #333;
	font-size: 15px;
	line-height: 24px;
	padding: 0px 30px 30px 30px;
	text-align: left;
}
.tekst p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.tekst span {
	color: #444;
	font-weight:500;	
}
#baner_pro {
	background: url(../img/d_tlo.jpg) top center;
	width: 100%;
	height: 415px;
	margin-top: 80px;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-align: right;
}
#baner_pro article {
	margin-left:10px;
	padding-top:80px;
	width: 450px;
	text-align: right;
	font-weight: bold;
}
#baner_pro img {
	position:absolute;
	margin-top:-99px;
}
#baner_pro h2 {
	font-size: 40px;
	font-weight: 900;
	text-transform: uppercase;
	color: #FFF;
	background-image: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#losowe_produkty {
	background-color: #fff;
	text-align: center;
	margin-top: 25px;
}
#loseowe_produkty_lista {
	width: 100%;
	left: 0px;
	right: 0px;
	margin-bottom: 25px;
}
#loseowe_produkty_lista a {
	display: block;
}
#loseowe_produkty_lista div {
	width: 300px;
	margin: 15px;
	padding-bottom: 5px;
}
#loseowe_produkty_lista div img {
	max-width: 280px;
	max-height: 180px;
	width: auto;
	height: auto;
	display: block;
	margin: auto;
	margin-bottom: 15px;
}
#loseowe_produkty_lista h3 {
	color: #414141 !important;
	font-size: 18px;
	font-weight: normal;
	padding: 25px 15px 15px 15px;
}
.linkBoks {
	display: block;
	background-color: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	text-align: center;
}
.linkBoks:hover {
	box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
}
.linkBoks img {
	width: 100%;
	height: auto;
}
.linkBoks h3 {
	color: #cc0000;
	padding: 35px 0px 5px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 32px;
}
.linkBoks p {
	padding: 10px 50px 30px 50px;
	color: #cc0000;
	font-size: 18px;
	font-weight: 700;
}
.link{
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
}
.ofertaBox{
	overflow: hidden;
	height: auto;
}
.oferta{
	width: 48%;
	/*width: calc(23% - 2px);*/
	margin: 2% 2% 2% 0%;
	/*border: 1px solid #ccc;*/
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	position: relative;
	display: block;
	float:left;
	background-image: url(../img/tlo_biale.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 40% 100%;
}
.oferta img {
	float: left;
/*	position: absolute;
	z-index: 0;*/
	padding-top: 2%;
	width: 30%;
	height: auto;

	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 0.4;
}
.oferta:hover img {
	padding-left: 2%;

	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 1;
}
.opis_oferty {
	padding-left: 35%;
	padding-bottom: 4%;
}
a.oferta .opis_oferty h3{
	margin:0px;
	padding: 4% 0px 0px 0px;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
a.oferta .opis_oferty h3 span{
	text-transform: none;
	display: block;
	font-size: 24px;
	color: #000;
	font-weight: 600;
	line-height: 30px;
}
a.oferta .opis_oferty p {
	color: #666;
	margin:0px;
	padding-top: 10px;
}
a.oferta:hover .opis_oferty .formBtn i {
	padding-left: 10px;
}
a.oferta:hover .opis_oferty .formBtn {
	color: #fff;
	background-color: #cc0000;
}

ul.menuOfertaIdx { padding: 0px 0px 30px 35px; margin:0px; } 
ul.menuOfertaIdx:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
ul.menuOfertaIdx li {
	list-style:none;
	margin-bottom:5px;
	min-width: 50%;
	float: left;
}
ul.menuOfertaIdx li a {
	color: #000 !important;
}
ul.menuOfertaIdx li a:hover, ul.kontakt_lista li a i {
	color: #cc0000 !important;
}

ul.kontakt_lista { padding:0px; margin:0px; } 
ul.kontakt_lista:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
ul.kontakt_lista li {
	list-style:none;
	font-size:20px;
	font-weight:700;
	margin-bottom:3px;
} 
ul.kontakt_lista li a {
	color: #dadada;
}
ul.kontakt_lista li a:hover {
	color: #cc0000;
}
ul.kontakt_lista li a i {
	color: #cc0000;
	margin-right:5px;
	margin-left:5px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.kontakt_lista li a:hover i {
	color: #dadada;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

ul.skroty * {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.skroty {
	margin: 0px;
	padding: 0px;
	clear:both;
	width:100%;
}
ul.skroty:after {
	display:block;
	content:" ";
	clear:both;
}
ul.skroty li {
	list-style: none;
	display: block;
	float: left;
	width: 48%;
	margin: 1%;
	background-color: #666;
	text-align: center;
	padding: 0;
	overflow:hidden;
	background-color:#970029;
	border-radius: 5px;
	overflow: hidden;
}

ul.skroty li:nth-of-type(2n+1) {
	clear: both;
}
ul.skroty li:hover {
	background-color:#d40039;
	box-shadow:0px 0px 25px rgba(0,0,0,0.2);
}
ul.skroty.jeep li {
	background-color:#393c00;
}
ul.skroty.jeep li:hover {
	background-color:#8b9300;
}

ul.skroty.fiatpro li {
	background-color:#333333;
}
ul.skroty.fiatpro li:hover {
	background-color:#666666;
}
ul.skroty li a {
	text-decoration:none;
	color:#fff;
}
ul.skroty li img {
	width:100%;
	height:auto;
	opacity:0.9;
}
ul.skroty li:hover img {
	opacity:1;
}
ul.skroty li a:hover img {
	box-shadow:0px 0px 25px rgba(0,0,0,0.25) inset;
	/*-webkit-filter: grayscale(50%);*/
	/*filter: grayscale(50%);*/
}
ul.skroty li h3 {
/*	font-size: 36px;
	color: #ffffff;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 2%;
	padding-left: 2%;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0px;
	padding-top: 45px;
	position: absolute;
	width: 33.3332%;
	z-index: 5;
	line-height: 32px;*/
}
ul.skroty p {
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	width: 20%;
	z-index: 5;
	padding-top: 250px;
	text-transform: uppercase;
	color: #efefef;
}
.lista_modeli_baner {
	width: 98%;
	margin: 1%;
	border-radius: 5px;
	overflow: hidden;
}
#realizacje_img {
	box-shadow:0px 0px 50px rgba(0,0,0,0);
}
#realizacje_img:hover {
	box-shadow:0px 0px 50px rgba(0,0,0,0.15);
}
.mapka, .google-map, .angular-google-map-container {
	width:100%;
	height: 600px;
	border:1px solid #ccc;
	float:right;
	margin-bottom:50px;
}
.przedstawiciel{
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.przedstawiciel span{
	background-color: rgba(163,3,0,0.2);
	border:2px solid rgba(163,3,0,1);
	width: 30px;
	height: 30px;
	border-radius: 20px;
	display: block;
	float: left;
}

.przedstawiciel div{
	float: left;
	padding-left: 10px;
}
ul.galeria {
	padding:0px;
	margin: 2% 0px 2% 0px;
}
ul.galeria:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
} 
ul.galeria li {
	list-style:none;
	float:left;
	margin: 2%;
	width:21%;
	text-align:center;
} 
/*ul.galeria li:nth-child(4n+1) {
	clear:both;
}*/
ul.galeria li img {
	width:100%;
	height:auto;
	cursor:pointer;
	margin-bottom:0px;
	border: 1px solid #ddd;
	margin: 0px !important;
	max-width: 100% !important;
}
ul.galeria li img:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
ul.ikona {
	padding:0px; margin: 0px 2%  0px 2%;
}
ul.ikona:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
} 
ul.ikona li {
	list-style:none;
	display: inline;
	cursor: pointer;
} 
ul.ikona li img:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.kolumny_formularz_2 {
	width: 47%;
	float: left;
	/*margin-top: 20px;*/
	margin-bottom:3%;
	margin-right:3%;
}
.kolumny_formularz_1 {
	clear: both;
	width: 97%;
	margin-bottom:3%;
	margin-right:3%;
}
.formInput {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: #000000;
	width: 90%;
	width: calc(100% - 20px);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: none;
}
.formInputIlosc {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	color: #000000;
	width: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
	border: 1px solid #CCC;
}
.formInputKoszyk {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #000000;
	width: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
	border: 1px solid #CCC;
}
.formTextarea {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	color: #000000;
	width: 90%;
	width: calc(100% - 20px);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: none;
}
.inputTextBlad {
	color: #cc0000 !important;
}
.inputTextInfo {
	color: #cc0000 !important;
}
.control-label {
	display: block;
	font-size: 13px;
}
.has-error {
	color: #cc0000 !important;
}
.validationMessage {
}
.formBtn {
	font-family: 'Montserrat', sans-serif;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	cursor: pointer;
	background-color: #cc0000;
	text-transform: uppercase;
	border: none;
}
.formBtn:hover, .offer-item:hover .formBtn {
	background-color: #fff;
	color: #cc0000;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

.formInput {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color: #000000;
	width: 80%;
	width: -webkit-calc(100% - 20px - 2px);
	width: -moz-calc(100% - 20px - 2px);
	width: calc(100% - 20px - 2px);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom:10px;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
}
.formTextarea {
	height:100px;
}
.inputTextBlad {
	color: #cc0000;
	display: block;
}
.formBtn {
	font-family: 'Montserrat', sans-serif;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	background-image: url('../img/btn_tlo.jpg');
	background-size: 100% 100%;
	background-position: top right;
	background-color: #000;
	-webkit-transition: 200ms linear;
	-moz-transition: 200ms linear;
	-o-transition: 200ms linear;
	-ms-transition: 200ms linear;
	transition: 200ms linear;
	border: 0px;

}
.formBtn:hover {
	background-size: 150% 150%;
	background-position: top right;
	padding-right: 15px;
	padding-left: 25px;
	color: #fff;
	-webkit-transition: 200ms linear;
	-moz-transition: 200ms linear;
	-o-transition: 200ms linear;
	-ms-transition: 200ms linear;
	transition: 200ms linear;
}
a.formBtn {
	color: #fff !important;
}
a.formBtn:hover {
	color: #fff !important;
}
.megaBtn {
	background-color: #fff;
	color: #000;
	text-align: center;
	padding: 10px 50px 10px 10px;
	margin: 25px;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	border: none;
}
.megaBtn:hover {
	background-color: #fff;
	color: #000;
	border: none;
}
.megaBtn i {
	margin: 0px 0px 0px 10px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration: none;
}
.megaBtn:hover i {
	margin: 0px 10px 0px 0px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration: none;
/*	background-color: #a7a7a7;
	color: #fff;*/
}
.niekatywnyBtn {
	opacity: 0.5;
}
.zalacznik {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.zalacznik + label {
    max-width: 80%;
    font-size: 14px;
    text-transform: uppercase;
    /* 20px */
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .zalacznik + label {
    display: none;
}

.zalacznik:focus + label,
.zalacznik.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.zalacznik + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}


.tlo_kontakt article button.formBtn i {
	color: #ffffff;
}
.tlo_kontakt article button.formBtn:hover i {
	color: #cc0000;
}
.formBtn.dotpay {
	background-image: url(../img/dotpay_icon.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 130px;
}
a.formBtn {
	color: #fff;
	background-color: #cc0000;
	cursor: pointer;
}
a.formBtn:hover {
	color: #cc0000;
	background-color: #efefef;
}
p a.formBtn {
	display: inline-block;
	margin-top: 10px;
	font-weight: 500;
}
.formBtn.szaryBtn {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.8;
}
.formBtnSzary {
	font-family: 'Montserrat', sans-serif;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-size: 16px;
	color: #666;
	cursor: pointer;
	font-weight: normal;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
	border: 1px solid #ccc;
	cursor: pointer;
	background-color: #efefef;
}
.formBtnSzary:hover, .offer-item:hover .formBtnSzary {
	background-color: #666;
	border: 1px solid #666;
	color: #fff;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.formBtnSzary i {
	padding-left: 0px;
}
.formBtnSzary:hover i {
	padding-left: 10px;
}
a.formBtnSzary {
	color: #666;
	background-color: #fff;
	cursor: pointer;
}
a.formBtnSzary:hover {
	color: #fff;
	background-color: #666;
	border: 1px solid #666;
}
.niekatywnyBtn {
	opacity: 0.8;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
a.formCiemny {
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
	border: 1px solid #cc0000;
	background: none;
	font-size: 16px;
}
a.formCiemny:hover {
	background-color: #cc0000;
	padding-right: 40px;
	padding-left: 30px
}
a.megaBtn {
	background-color: #cc0000;
	background-image: url(../img/btn_koszyk.jpg); 
	background-repeat: no-repeat;
	background-position: left center;
	color: #fff;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 90px;
	margin-top: 15px;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	display: inline-block;
}
a.megaBtn:hover {
	background-color: #cc0000;
	padding-right: 35px;
	padding-left: 95px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.boxTogle{
	background-color: #f2f2f2;
}
ul.opis_tekst {
		margin:0px;
		padding:10px;
		padding-top:0px;
	}
ul.opis_tekst:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.opis_tekst li {
	list-style: none;
	margin: 0px;
	padding: 25px;
	background-color: #fff;
	display: none;
}
ul.opis_tekst  li ul {
	margin:auto;
	padding:auto;
}
ul.opis_tekst:after li ul { content:"."; display:block; height:0; clear:none; visibility:hidden; }
ul.opis_tekst li ul li {
	list-style: circle;
	margin: auto !important;
	padding: 5px !important;
	background-color: transparent;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
ul.opis_menu {
	padding:10px;
	padding-bottom:0px;
	margin: 0px;
}
ul.opis_menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.opis_menu li {
	list-style: none;
	color: #666;
	margin: 0px;
	padding: 0px 25px 0px 25px;
	text-align: center;
	float: left;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.opis_menu li:hover {
	color: #000;
	background-color: #fafafa;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.opis_menu li.wybrane {
	color: #000;
	background-color: #fff;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.opis_menu li h2 {

	color: #666;
	font-size: 18px;
	font-weight: bold;
}
ul.opis_menu li:hover h2, ul.opis_menu li.wybrane h2 {
	color: #424242;
}
.tekst ul.punkty {
	margin-left: 0px;
	padding-left: 0px;
}
.tekst ul.punkty:after {
	display:block;
	clear:both;
	content:'';
}
.tekst ul.punkty li {
	display: block;
	float: left;
	width: 320px;
	list-style: none;
	padding: 10px 15px 10px 15px;
	margin: 3px;
	border-radius: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	cursor:pointer;
	overflow:hidden;
	height:42px;
	text-align:left;
}
.menuPrawa {
	margin: 0px 0px 45px 0px;
	padding: 0;
	/*background-color:rgba(0,0,0,0.01);*/
	/*border: 1px solid rgba(0,0,0,0.1);*/
	/*box-shadow:0px 0px 25px rgba(0,0,0,0.05)*/
}
.menuPrawa h3 {
	color:#999;
	font-weight:normal;
	text-transform:uppercase;
	padding: 0 20px 0  20px;
	font-size: 14px;
	letter-spacing: 2px;
}
.menuPrawa ul {
	margin: 0px;
	padding: 0px;
	/*border-top: 1px solid rgba(0,0,0,0.1);*/
}
.menuPrawa ul:after {
	display:block;
	content:" ";
	clear:both;
}
.menuPrawa ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 8px 20px 8px  20px;
	font-size: 16px !important;
	color: #666666;
	text-align: left;
	text-transform: uppercase;
	/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
	font-weight: bold;
}
.menuPrawa ul li:last-child {
	border-bottom: none;
}
.menuPrawa ul li a {
	color: #333333;
	text-decoration:none;
}
.menuPrawa ul li a:hover, .menuPrawa ul li a.zaznaczone {
	color: #cc0000;
}
.menuPrawa ul li ul {
	border-top:none;
}
.menuPrawa ul li ul li {
	padding: 3px 6% 3px 3%;
	font-size: 15px !important;
	text-transform: none;
	border-bottom: none;
	font-weight: bold;
}
.menuPrawa ul li ul li a {
	color: #666666;
	text-decoration:none;
}

.offer-box .jq-tab .col-sm-3 {  
	padding-left:5px;   
	padding-right:5px;
}

.offer-item { 
 	background:#fff;
 	position: relative;  
	transition:0.4s all ease;
	display:block;
	padding:0px;
	margin:0 0 50px 0;
	text-align:center;
	color:#333;
	text-decoration:none;
	min-height: 290px;
	position: relative;
	border: 1px solid #efefef;
}
.offer-item img {
	position: absolute;
	max-width: 90%;
	height: auto; 
	/*margin: 5% 5% 10% 5%; */
	margin: 5% 0px 10% 0px; 
	left: 5%;
	right: 5%;
}
.offer-item .item-name{  
	color: #666;
	font-weight:400;   
	font-size: 20px;
	display:block;   
	padding: 10px;   
	text-align:center;   
	line-height:24px;   
	height:66px;  
	overflow:hidden;  
	/*line-height: 50px;*/
}
.offer-item .item-name2{
	font-size: 34px;
	padding-top: 50px;
	font-weight: 600;
	line-height: 40px;
}  
.offer-item:hover,.offer-item:hover .item-name{
  	text-decoration:none;   
	color: #cc0000;
}
.offer-item:hover{  
	transform:scale(1.05);  
	z-index:90;   
	box-shadow:0 0 25px rgba(0,0,0,0.1);   
}
.carousel {
    width:100%;
    height: 500px;
    display: relative;
  }
.carousel img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
  }
.dodatkoweInfo .kol_2{
	padding: 0px;
	width: 49%;
	width: calc(50% - 2px);
	border: 1px solid #ccc;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
	min-height: 200px;
}
.dodatkoweInfo .kol_2 h2{
	background-color: #f2f2f2;
	padding:5px;
	color: #cc0000;
	font-size: 26px;
}
.opis_tabela {
	width:97%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin-top:15px;
}
.opis_tabela thead tr {
	font-weight: bold;
    background: #ffffff !important;
}
.opis_tabela td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:1%;
}
.opis_tabela tr:hover {
    background: #eeeeee !important;
}
.opis_tabela tr:nth-child(odd) {
    background: #f7f7f7;
}
.opis_tabela tr:nth-child(even) {
    background: #ffffff;
} 
.produktImg {
	/*border-radius: 5px;*/
	border: 1px solid #ddd;
	width: calc(100% - 1px);
	/*margin-top: 100px;*/
}

.numery {
	font-size: 13px;
	color: #CCCCCC;
	margin-top: 35px;
	text-align: center;
	padding-top: 10px;
	clear: both;
}
.numery a {
	font-size: 12px;
	color: #333333;
	margin: 2px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	background-color: #dddddd;
	display: inline-block;
	padding: 1px 7px 1px 7px;
}
.numery a:hover {
	font-size: 12px;
	color: #fff;
	border: 1px solid #054982;
	text-decoration: none;
	background-color: #cc0000;
}
.pusty {
	background-color: #dddddd;
	color: #CCCCCC;
	margin: 2px;
	display: inline-block;
	padding: 1px 7px 1px 7px;
}
.wynik {
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 3px 10px 3px 10px;
}
.wynik:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	background-color: #efefef;
}
.aktualnosci{
	width: auto;
}
.aktualnosc_idx  { 
	width: auto;
	margin: 5px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.35);
	float: left;
	list-style: none;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 10px;
	background-color: rgba(21,44,122,0.6);
}

.aktualnosc_idx:hover  {
	box-shadow: 0px 0px 30px rgba(0,0,0,0.8);
	background-color: rgba(21,44,122,1);
}
/*.tlo_strony .tresc{
	width:1200px;
	padding:20px 50px;
	margin:0 auto;
	margin-top: 50px;
}
*/

.tlo_strony .tresc100 {
	margin-top: 0px;
	width:calc(100% - 100px);
	padding:20px 50px;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.tlo_strony .tresc h1 { 
	color: #cc0000;
	font-size: 48px;
	line-height: 50px;
	font-weight: 400;
	text-align: left;
	width: auto;
	

}

.tlo_strony .tresc h2{
	font-size: 24px;
	text-align: left;
	color: #000;
	padding-top: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	letter-spacing: 0px;
	text-transform: none;
}
.tlo_strony .tresc h3{
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 48px;
	line-height: 30px;
	font-weight: 300;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

.tlo_strony .tresc img{
	box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
	max-width: 98%;
	max-width: calc(100% - 40px);
	height: auto;
	margin: 20px 10px;
}
.tlo_strona  .aktualnosci .aktualnosc_idx:nth-child(3n+1) {
	clear: both;
}
.tlo_strona  .aktualnosc_idx  {
	width: 31%;
	margin: 1%;
	padding: 0px;
	float: left;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
	float: left;
	list-style: none;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 10px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}
.tlo_strona  .aktualnosc_idx img {
    width: 100%;
    border-radius: 0px 0px 0px 0px;
}
.tlo_strona  .aktualnosc_idx article {
    float: left;
    font-size: 14px;
    color: #666;
    /*width: calc(60% - 40px);*/
    padding: 5% 5% 15% 5%;
}

.tlo_strona  .aktualnosc_idx:hover  {
	box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
	background-color: rgba(21,44,122,0.1);
}

.tlo_strona  .aktualnosc_idx article h2 {
    margin-bottom: 0px;
    font-size: 22px;
    padding: 0px;
    color: rgba(21,44,122,1);
}
.tlo_strona .aktualnosc_idx span.link {
	position: absolute;
	bottom: 20px;
	right: 20px;

    color: rgba(21,44,122,1);
}
.grid-sizer{
	width: 50%;
}
.aktualnosci{
	padding:0px;
}
.aktualnosc_idx img{
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}
.aktualnosc_idx article {
    float: left;
    font-size: 14px;
    color: #666;
    width: calc(100% - 40px);
	padding: 10px 20px;
}
.aktualnosc_idx span {
	display: block;
	text-align: right;
	color: #666;
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	padding-right: : 10px;
}
.aktualnosc_idx article h2{
	margin-bottom: 0px;
	font-size: 18px;
	padding: 0px;
	color: #fff;
}
.aktualnosc_strona .infoNgh1{
	 color: #fff;
	 text-transform: uppercase;
	 font-size: 22px;
}

.aktualnosc_strona .infoNgh1:hover{
	 color: #cc0000;
 }

.aktualnosc_strona .dataWpisu{
	text-align: right;
	text-transform: lowercase;
}
.aktualnosc_strona{
	margin: 0 auto;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}

.aktualnosc_strona .naglowek{
	border-bottom: 1px dotted #000;
}

.aktualnosc_strona .naglowek h1{
	padding-bottom: 0px;
}
.aktualnosc_strona img {
	max-width: 100%;
	height: auto;
}
.aktualnosc_idx span.link {
    background:none;
    display: block;
    color: #fff;
    font-size: 15px;
    border: none;
    padding: 0px;
	text-align: right;
}

.aktualnosc_idx span.link:hover {
	color: #cc0000;
}

.tlo_salony{
	padding: 0px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}
.salony * {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.salony{
	overflow: hidden;
	width: calc(100% - 6px);
	border-top: 6px solid #fff;
	border-right: 6px solid #fff;
	display: flex;
}
.salony article{
	width: calc(100% - 6px);
	border-left: 6px solid #fff;
	border-bottom: 6px solid #fff;
	max-height: 500px;
	min-height: 450px;
	position: relative;
}
.salony article h2{
    padding: 40px;
    font-size: 40px;
    font-weight: 500;
}
.salony article a{
	padding: 3% 5% 3% 5%;
	background: rgba(0,0,0,0.8);
	position: absolute;
	bottom: 0px;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	width: auto;
	text-align: right;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;

}

.salony article a:hover{
	/*width: 90%;*/
	padding: 3% 5% 3% 10%;
	/*color: #000;*/
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.salony article.tlo_fiat a{
	background: rgba(202,0,55,0.8);
}


.salony article.tlo_fiat_professional a{
	background: rgba(0,0,0,0.7);
}


.salony article.tlo_jeep a{
	background: rgba(66,77,7,0.8);
}



.salony article.tlo_fiat{
	background-image: url(../img/salony_16.jpg);
	background-size: 100%;
}
.salony article.tlo_fiat_professional{
	background-image: url(../img/salony_18.jpg);
	background-size: 100%;
}
.salony article.tlo_jeep{
	background-image: url(../img/salony_20.jpg);
	background-size: 100%;
}

.zespol{
	width: 100%;
	overflow: hidden;
}
.zespol div{
	width: calc(50% - 62px);
	margin: 30px;
	float: left;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.06);
	border: 1px solid #f2f2f2;
}

.zespol div:hover{
	box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}


.zespol div article{
	padding:10px;
}
.tlo_strony .tresc .zespol div article h3{
	color: #cc0000;
	font-size: 16px;
	padding-top: 10px;
	text-align:left;

} 
.zespol div img{
	width: 100% !important;;
	max-width: 100% !important;
	height: auto !important;
	margin:0px !important;
	border-image: url('../img/btn_tlo.jpg') 10;
	border-bottom: 4px solid;
}
.odstep{
	height: 110px;
	display: block;
}



#logo{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#menuGlowne {
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.miniMenu #logo{
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	height: 50px;
}
.miniMenu #menuGlowne {
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	padding-top: 25px;
}
/** MAIN odstep_z_lewej



/** FOOTER **/
#stopka {
	color: #c7c7c7;
	font-size: 14px;
	margin:0px;
}
#stopka strong {
	color: #fff;
	text-transform:uppercase;
	font-size:20px;
	font-weight: 600;
}

#stopka .menuFooter{
	padding: 30px 0px;
	color: #fff;
	background-color: #000;
}
#stopka .influ{
	background-color: #fff;
	min-height: 400px;
}
#stopka p {
	margin:0px;
	color: #fff;
}
#stopka a {
	color: #fff;
}
#stopka a:hover {
	color: #cc0000;
	text-decoration:none;
}

#stopka h2 {
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
#stopka  ul {
  list-style: none;
  padding: 0;
  text-align: left;
}
#stopka li {
  	padding-left:1.3em;
}
#stopka li:before {
  content: "\f178"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: : -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #fff;

}
.do_prawej {
	text-align: right;
}
.influencja_knt {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#influencja  {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0.8;
}
#influencja:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 1;
}



 table{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	color: #424242;	line-height: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}


 table th{
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	border-top: 0;
}
 table tr{
   padding-top: 5px;
   padding-bottom: 5px;
   border-bottom: 1px solid #ccc;
}
table tr td{
	padding: 5px;
}
 table tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}




 table.infoTable{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	color: #424242;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #f9f9f9;
	border-radius: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}


 table.infoTable th{
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	border-top: 0;
}


 table.infoTable td:first-child {
 	text-align: right;
 	padding-right: 10px;
 	width: 40%;
 }
  table.infoTable td:second -child {
  	font-weight: 500;
  }

 table.infoTable tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
 table.infoTable tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

table.zamowienia {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
table.zamowienia th{
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	border-top: 0;
	padding: 1% 2% 1% 2%;
}
table.zamowienia td {
	padding: 1% 2% 1% 2%;
}
table.zamowienia tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
table.zamowienia tr.zam {
    background-color: #f9f9f9;
}
table.zamowienia tr.pus {
    font-size: 12px;
    line-height: 12px;
}
table.zamowienia i {
	cursor: pointer;
}
table.koszyk {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border-bottom: 2px solid #ddd;
}
table.koszyk th{
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	border-top: 0;
	padding: 1% 2% 1% 2%;
}
table.koszyk td {
	padding: 1% 2% 1% 2%;
}
table.koszyk tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
table.koszyk tr.zam {
}
table.koszyk tr.zam:hover {
    background-color: #fafafa;
}
table.koszyk tr.pus {
    font-size: 6px;
    line-height: 6px;
	padding: 0px;
}
table.koszyk td.pus {
	padding: 0px;
}
table.koszyk td.kosz {
	width: 100px;
}
table.koszyk i {
	cursor: pointer;
}
table.koszyk .koszyk_obr_knt {
	width: 70px;
}
table.koszyk .koszyk_obr {
	max-width: 60px;
	max-height: 60px;
	width: auto;
	height: auto;
}
.daneAdresowe {
	font-size: smaller;
	padding: 5px 10px 5px 10px;
	background-color: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	margin: 5px 0px 15px 0px; 
}
.panel_lewa {
	width: 73%;
	padding-right: 2%;
	float: left;
}
.panel_lewa .tekst {
	padding: 0px !important;
}
.panel_prawa {
	width: 21%;
	float: right;
	padding: 0.5%;
	background-color: #fafafa;
	border: 1px solid #eee;
}
.info_nag {
	font-size: 12px;
	text-transform: uppercase;
}
.zamowienia .tabelaProduktow {
    font-size: 13px;
}
.tabelaProduktow {
    width: 100%;
    background-color: #fff;
}
.tabelaProduktow th {
    background-color: #fafafa;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    color: #999;
    padding: 5px;
}
.tabelaProduktow td {
    border-bottom: 1px solid #efefef;
    padding: 5px;
}
.tabelaProduktow th strong {
    color: #000;
    font-size: 15px;
}
.produkt_boks {
	border: 1px solid #efefef;
	background-color: #fff;
	padding: 2% 1% 1% 2%;
	margin: 10px 0px 10px 0px;
	border-radius: 5px;
}
.produkt_boks legend {
	border: 1px solid #efefef;
	background-color: #fafafa;
	border-radius: 5px;
	padding: 0px 1% 0px 1%;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.stara_cena {
	text-decoration: line-through;
	opacity: 0.5;
}
.koszyk_naglowek {
	width: 22%;
	padding: 1% 1% 1% 2%;
	margin: 0px 0px 2% 0px;
	background-color: #efefef;
	color: #999;
	float: left;
}

.koszyk_naglowek span {
	color: #999;
}
.koszyk_naglowek.wybrany {
	background-color: #cc0000;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}
.koszyk_naglowek.wybrany span {
	color: #fff;
	font-weight: bold;
}
.titleMenu{
	display: none;
}
.dostawa_platnosc {
	display: block;
	padding: 10px;
	background: #efefef;
	border: 1px solid #efefef;
	border-radius: 3px;
	cursor: pointer;
}
.dostawa_platnosc:hover {
	border: 1px solid #ddd;
}
.scroll_link {
	position: absolute;
	margin-top: -15px;
}

/** FOOTER **/
.proukt_opis table{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.proukt_opis table th{
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
	border-top: 0;
}
.proukt_opis table tr{
   padding-top: 5px;
   padding-bottom: 5px;
}
.proukt_opis table tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
/*td, th {
    padding: 5px;
}
tr:hover{
	border: 2px solid #666;
	background-color: #ddd !important;
}*/

/** ANIMATIONS **/
.ngFade.ng-enter {
  transition:0.5s linear all;
  opacity:0;
}
.ngFade.ng-enter.ng-enter-active {
  opacity:1;
  transition:0.5s linear all;
}
/** ANIMATIONS **/


/** DODATKI **/
.oberek100{
	width: 100%;
	height: auto;
}
.kolor {
	color: #cc0000;
}
.czarny {
	color: #333333;
}
.czerwony {
	color: #cc0000;
}
.px10 {
	font-size: 10px;
}
.px12 {
	font-size: 12px;
}
.px14 {
	font-size: 14px;
}
.px16 {
	font-size: 16px;
}
.px18 {
	font-size: 18px;
}
.px20 {
	font-size: 20px;
}
.px22 {
	font-size: 22px;
}
.px24 {
	font-size: 24px;
}
.px30 {
	font-size: 30px;
}
.px36 {
	font-size: 36px;
}
.px48 {
	font-size: 48px;
}
#sama_gora {
	position:absolute;
	top:0px;
}
#do_gory {
	position: fixed;
	bottom: 0px;
	right: 30px;
	z-index: 10000;
	cursor: pointer;
	opacity:0.5;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding-bottom:10px;
}
#do_gory:hover {
	opacity:1;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	padding-top:0px;
	padding-bottom:20px;
}
label{
	font-weight:normal;
}
.odstepMin{
	display: none;
}
.nasza_jakosc {
	border-radius: 50%;
	border: 2px solid #e8000b;
	box-shadow: 5px 5px 35px rgba(0,0,0,0.2);
	width: 15%;
	margin-right: 1%;
}
ul.kolumny_zalaczniki:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
ul.kolumny_zalaczniki{
	padding: 0px;
}
ul.kolumny_zalaczniki li{
	width: 45%;
	margin: 0px 2% 2% 0px;
	border: 1px solid #eee;
	border-radius: 8px;
	text-align: left;
	float: left;
	list-style: none;
	overflow: hidden;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.kolumny_zalaczniki li a p {
	margin: 0px;
	padding: 0px;
}
ul.kolumny_zalaczniki li a {
	display: block;
	margin: 0px;
	padding: 1% 3% 1% 3%;
}
ul.kolumny_zalaczniki li:hover a {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
ul.kolumny_zalaczniki li img{
	border:1px solid #ccc;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	opacity: 0.6;
	width: 200px;
}

ul.kolumny_zalaczniki li:hover img{
	opacity: 1;
}
.ukryte {
	position: absolute;
	opacity: 0;
	height: 1px;
	overflow: hidden;
}
/** DODATKI **/



.alignnone {
	margin: 1.625em;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
	max-width: 45% !important;
	height: auto;
}
.alignleft:hover {
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
	max-width: 45% !important;
	height: auto;
}
.alignright:hover {
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.aligncenter:hover {
}
.text-center {
	text-align: center;
}

.angular-google-map{ 
	height: 600px;
	 }

/** Formularz **/
/*input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select, textarea {
  vertical-align: top;
  padding: 0 5px;
  margin: 10px;
  border: 1px solid #ddd;
  height: 36px;
  font: 13px 'Montserrat', sans-serif;
  color: #666;
  display: block;
  width: 100%;
  background: #fff 95% center no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
    outline: none;
    border: 1px solid #54AFE4;
    -webkit-box-shadow: 0 0 2px rgba(84, 175, 228, 0.4);
    -moz-box-shadow: 0 0 2px rgba(84, 175, 228, 0.4);
    box-shadow: 0 0 2px rgba(84, 175, 228, 0.4); }
  input[type="email"].disabled, input[type="number"].disabled, input[type="password"].disabled, input[type="search"].disabled, input[type="tel"].disabled, input[type="text"].disabled, input[type="url"].disabled, input[type="color"].disabled, input[type="date"].disabled, input[type="datetime"].disabled, input[type="datetime-local"].disabled, input[type="month"].disabled, input[type="time"].disabled, input[type="week"].disabled, select.disabled, textarea.disabled {
    background-color: #f5f5f5; }

textarea{
	height: 155px;
}


input[type="submit"], input[type="button"] {
    display: inline-block;
    padding: 0 20px;
    min-width: 100px;
    border: 1px solid #ccc;
    height: 40px;
    color: #4E4E4E;
    font: bold 13px/40px 'Montserrat', sans-serif;
    cursor: pointer;
    border-radius: 3px;

}*/
.text-danger {
	color: #cc0000;
}
.has-error .form-control {
    border-color: #cc0000;
}



#menu_kontakt li.wyszukiwarka {
	background-color: #494949;
	padding-left: 0px;
	margin-left: 30px;
}
.formInputSzukaj {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: 400;
	color: #aaa;
	background-color: #000 !important;
	padding-top: 7px;
	padding-right: 40px;
	padding-bottom: 7px;
	padding-left: 15px;
	width: 245px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.07);
}
.formInputSzukaj:focus {
	box-shadow: 0px 0px 10px rgba(255,255,155,0.5);
}
.formBtnSzukaj {
	font-family: 'Montserrat', sans-serif;
	background-color: transparent;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../img/lupka.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 30px;
	width: 24px;
	top: 0px;
	margin-top: 3px;
	margin-left: -35px;
	position: absolute;
}
.formBtnSzukaj:hover {
	opacity:0.8;
}


 /*Upload zdjec*/
.upload_zdjec {
    font-size: 16px;
}
.upload_zdjec .thumb {
    width: 24px;
    height: 24px;
    float: none;
    position: relative;
    top: 7px;
}
.upload_zdjec form .progress {
    line-height: 15px;
}
.upload_zdjec .progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}
.upload_zdjec .drop-box {
	padding: 25px;
	border: 3px dashed #dde2e7;
	background-color: #f6f7f7;
}
.upload_zdjec .dragover {
	border: 3px dashed #9ca3aa;
	background-color: #dde2e7;

}
.upload_zdjec .progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}
.upload_zdjec .formBtn {
	width: auto;
}
.usunBtn {
	padding: 2px 10px 2px 10px;
	margin-top: 0px;
	right: -5px;
	position: absolute;
	font-size: 14px;
}
.usunBtn i {
	padding: 0px;
}
.usunBtn:hover i {
	padding: 0px;
}
.foto_kont {
	width: 46%;
	margin: 3% 1% 0% 1%;
	padding: 1%;
	float: left;
	position: relative;
	background: #f2f2f2;
	word-wrap: break-word;
}
.foto_kont img {
	max-width: 100%;
	max-height: 155px;
	width: auto;
	height: auto;

}
.bledy_ladowania_zalacznikow {
	border: 1px solid rgb(169, 68, 66);
	color: rgb(169, 68, 66);
	background-color: #f6ecec;
	padding: 5px 10px 5px 10px;
	margin: 5px 0px 5px 0px;
}
 /*Upload zdjec*/

ul#ralownik{
	overflow: hidden;
	padding:0px;
}
ul#ralownik li{
	width: 105px;
	float: left;
	margin :5px !important;
	display: block;
}

ul#ralownik li h3{
	text-align: center;
}

.wymiaryTab{
	border:2px solid #ccc;
}
.wymiaryTab tr:first-child{
	background-color: #ccc !important;
	border-bottom: 2px solid #666;
}


.logoBox{
 	width: 100px; 
 	position: absolute; 
 	z-index: -1; 
 	background-color: rgba(0,0,0,0.8); 
 	height: 100px; 
 	top:0px; 
 	bottom:0px; 
 	left:0px;
 }

.wierszKolumn, .wierszKolumn2
{
	display: flex;
	align-items: center;
}

.kolumnaLewa {
	width: 47%;
	padding-right: 3%;
	float: left;
}
.kolumnaPrawa {
	width: 47%;
	float: left;
	padding-right: 3%;
}

.kolumnaLewa img, .kolumnaPrawa img {
	max-width: 100%;
	height: auto;
}
.koniecKolumn {clear: both;}

.tlo_lista .kolumnaPrawa img{
	width: 50%;
	margin:0px 25% !important;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
}


/** Bootstrap **/
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #cc0000;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #cc0000;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
  padding: 5px 25px 5px 25px !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
  padding: 5px 25px 5px 25px !important;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
  padding: 5px 25px 5px 25px !important;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
  padding: 5px 25px 5px 25px !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
  padding: 5px 25px 5px 25px !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
/** Bootstrap **/

  .container {
    position: relative;
    float: left;
    margin: 10px 40px;
    border: 7px solid #fff;
	box-shadow: 6px 0px 30px rgba(0,0,0,0.2);
  }
  .container img{
  	width: 100%;
  	max-width: 100%;
  	height: auto;
  	border: 0px !important;
  	box-shadow: none !important;
  }
  .image {
    display: block;
    width: 100%;
    height: auto;
    margin:auto;
  }
  .overlay {
  	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    opacity: 0;
    transition: 1s ease;
    /*background-color: rgba(0,0,0,0.8);*/
    background-color: rgba(40,109,161,0.8);
    cursor: pointer;
  }
  .row1 .overlay{
    border-radius: 50%;
  }
  .container:hover .overlay {
    opacity: 1;
  }
   .text {
    position: absolute;
    color: white;
    font-size: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

/*
autor:      influencja.pl
wersja:     165.12.2.1
kompilacja: 123080962145912635976129019625019261569361986365;
klasy:      .wiersz
            .kol_[1-9]
            .kol_[10-100]
            .ods_z[gora,dol,prawa,lewa]_[5-100]
            .ods_w[gora,dol,prawa,lewa]_[5-100]
            .px[10-36]
*/
.mapaMini{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	margin-top: 50px;
}

.wiersz { clear: both; padding-top: 15px; padding-bottom: 15px; width: 1200px; margin: 0px auto;}
.wierszAuto { clear: both; overflow: hidden; padding-top: 15px; padding-bottom: 15px; width: auto; margin: 0px auto;}
.wiersz:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
.kol_1 { float: left; width: 100%; width: calc(100% - 30px); padding: 0px 15px 0px 15px; } .kol_2 { float: left; width: 50%; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_3 { float: left; width: 29%; width: calc(33.333333333333% - 30px); padding: 0px 15px 0px 15px; } .kol_4 { float: left; width: 22%; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_5 { float: left;width: 18%; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_6 { float: left; width: calc(16.666666666667% - 30px); padding: 0px 15px 0px 15px; } .kol_7 { float: left; width: calc(14.285714285714% - 30px); padding: 0px 15px 0px 15px; } .kol_8 { float: left; width: calc(12.5% - 30px); padding: 0px 15px 0px 15px; } .kol_9 { float: left; width: calc(11.111111111111% - 30px); padding: 0px 15px 0px 15px; } .kol_10 { float: left; width: calc(10% - 30px); padding: 0px 15px 0px 15px; } .kol_11 { float: left; width: calc(11% - 30px); padding: 0px 15px 0px 15px; } .kol_12 { float: left; width: calc(12% - 30px); padding: 0px 15px 0px 15px; } .kol_13 { float: left; width: calc(13% - 30px); padding: 0px 15px 0px 15px; } .kol_14 { float: left; width: calc(14% - 30px); padding: 0px 15px 0px 15px; } .kol_15 { float: left; width: calc(15% - 30px); padding: 0px 15px 0px 15px; } .kol_16 { float: left; width: calc(16% - 30px); padding: 0px 15px 0px 15px; } .kol_17 { float: left; width: calc(17% - 30px); padding: 0px 15px 0px 15px; } .kol_18 { float: left; width: calc(18% - 30px); padding: 0px 15px 0px 15px; } .kol_19 { float: left; width: calc(19% - 30px); padding: 0px 15px 0px 15px; } .kol_20 { float: left; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_21 { float: left; width: calc(21% - 30px); padding: 0px 15px 0px 15px; } .kol_22 { float: left; width: calc(22% - 30px); padding: 0px 15px 0px 15px; } .kol_23 { float: left; width: calc(23% - 30px); padding: 0px 15px 0px 15px; } .kol_24 { float: left; width: calc(24% - 30px); padding: 0px 15px 0px 15px; } .kol_25 { float: left; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_26 { float: left; width: calc(26% - 30px); padding: 0px 15px 0px 15px; } .kol_27 { float: left; width: calc(27% - 30px); padding: 0px 15px 0px 15px; } .kol_28 { float: left; width: calc(28% - 30px); padding: 0px 15px 0px 15px; } .kol_29 { float: left; width: calc(29% - 30px); padding: 0px 15px 0px 15px; } .kol_30 { float: left; width: 28%; width: calc(30% - 30px); padding: 0px 15px 0px 15px; } .kol_31 { float: left; width: calc(31% - 30px); padding: 0px 15px 0px 15px; } .kol_32 { float: left; width: calc(32% - 30px); padding: 0px 15px 0px 15px; } .kol_33 { float: left; width: calc(33% - 30px); padding: 0px 15px 0px 15px; } .kol_34 { float: left; width: calc(34% - 30px); padding: 0px 15px 0px 15px; } .kol_35 { float: left; width: calc(35% - 30px); padding: 0px 15px 0px 15px; } .kol_36 { float: left; width: calc(36% - 30px); padding: 0px 15px 0px 15px; } .kol_37 { float: left; width: calc(37% - 30px); padding: 0px 15px 0px 15px; } .kol_38 { float: left; width: calc(38% - 30px); padding: 0px 15px 0px 15px; } .kol_39 { float: left; width: calc(39% - 30px); padding: 0px 15px 0px 15px; } .kol_40 { float: left; width: calc(40% - 30px); padding: 0px 15px 0px 15px; } .kol_41 { float: left; width: calc(41% - 30px); padding: 0px 15px 0px 15px; } .kol_42 { float: left; width: calc(42% - 30px); padding: 0px 15px 0px 15px; } .kol_43 { float: left; width: calc(43% - 30px); padding: 0px 15px 0px 15px; } .kol_44 { float: left; width: calc(44% - 30px); padding: 0px 15px 0px 15px; } .kol_45 { float: left; width: calc(45% - 30px); padding: 0px 15px 0px 15px; } .kol_46 { float: left; width: calc(46% - 30px); padding: 0px 15px 0px 15px; } .kol_47 { float: left; width: calc(47% - 30px); padding: 0px 15px 0px 15px; } .kol_48 { float: left; width: calc(48% - 30px); padding: 0px 15px 0px 15px; } .kol_49 { float: left; width: calc(49% - 30px); padding: 0px 15px 0px 15px; } .kol_50 { float: left; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_51 { float: left; width: calc(51% - 30px); padding: 0px 15px 0px 15px; } .kol_52 { float: left; width: calc(52% - 30px); padding: 0px 15px 0px 15px; } .kol_53 { float: left; width: calc(53% - 30px); padding: 0px 15px 0px 15px; } .kol_54 { float: left; width: calc(54% - 30px); padding: 0px 15px 0px 15px; } .kol_55 { float: left; width: calc(55% - 30px); padding: 0px 15px 0px 15px; } .kol_56 { float: left; width: calc(56% - 30px); padding: 0px 15px 0px 15px; } .kol_57 { float: left; width: calc(57% - 30px); padding: 0px 15px 0px 15px; } .kol_58 { float: left; width: calc(58% - 30px); padding: 0px 15px 0px 15px; } .kol_59 { float: left; width: calc(59% - 30px); padding: 0px 15px 0px 15px; } .kol_60 { float: left; width: calc(60% - 30px); padding: 0px 15px 0px 15px; } .kol_61 { float: left; width: calc(61% - 30px); padding: 0px 15px 0px 15px; } .kol_62 { float: left; width: calc(62% - 30px); padding: 0px 15px 0px 15px; } .kol_63 { float: left; width: calc(63% - 30px); padding: 0px 15px 0px 15px; } .kol_64 { float: left; width: calc(64% - 30px); padding: 0px 15px 0px 15px; } .kol_65 { float: left; width: calc(65% - 30px); padding: 0px 15px 0px 15px; } .kol_66 { float: left; width: calc(66% - 30px); padding: 0px 15px 0px 15px; } .kol_67 { float: left; width: calc(67% - 30px); padding: 0px 15px 0px 15px; } .kol_68 { float: left; width: calc(68% - 30px); padding: 0px 15px 0px 15px; } .kol_69 { float: left; width: calc(69% - 30px); padding: 0px 15px 0px 15px; } .kol_70 { float: left; width: 67%; width: calc(70% - 30px); padding: 0px 15px 0px 15px; } .kol_71 { float: left; width: calc(71% - 30px); padding: 0px 15px 0px 15px; } .kol_72 { float: left; width: calc(72% - 30px); padding: 0px 15px 0px 15px; } .kol_73 { float: left; width: calc(73% - 30px); padding: 0px 15px 0px 15px; } .kol_74 { float: left; width: calc(74% - 30px); padding: 0px 15px 0px 15px; } .kol_75 { float: left; width: calc(75% - 30px); padding: 0px 15px 0px 15px; } .kol_76 { float: left; width: calc(76% - 30px); padding: 0px 15px 0px 15px; } .kol_77 { float: left; width: calc(77% - 30px); padding: 0px 15px 0px 15px; } .kol_78 { float: left; width: calc(78% - 30px); padding: 0px 15px 0px 15px; } .kol_79 { float: left; width: calc(79% - 30px); padding: 0px 15px 0px 15px; } .kol_80 { float: left; width: calc(80% - 30px); padding: 0px 15px 0px 15px; } .kol_81 { float: left; width: calc(81% - 30px); padding: 0px 15px 0px 15px; } .kol_82 { float: left; width: calc(82% - 30px); padding: 0px 15px 0px 15px; } .kol_83 { float: left; width: calc(83% - 30px); padding: 0px 15px 0px 15px; } .kol_84 { float: left; width: calc(84% - 30px); padding: 0px 15px 0px 15px; } .kol_85 { float: left; width: calc(85% - 30px); padding: 0px 15px 0px 15px; } .kol_86 { float: left; width: calc(86% - 30px); padding: 0px 15px 0px 15px; } .kol_87 { float: left; width: calc(87% - 30px); padding: 0px 15px 0px 15px; } .kol_88 { float: left; width: calc(88% - 30px); padding: 0px 15px 0px 15px; } .kol_89 { float: left; width: calc(89% - 30px); padding: 0px 15px 0px 15px; } .kol_90 { float: left; width: calc(90% - 30px); padding: 0px 15px 0px 15px; } .kol_91 { float: left; width: calc(91% - 30px); padding: 0px 15px 0px 15px; } .kol_92 { float: left; width: calc(92% - 30px); padding: 0px 15px 0px 15px; } .kol_93 { float: left; width: calc(93% - 30px); padding: 0px 15px 0px 15px; } .kol_94 { float: left; width: calc(94% - 30px); padding: 0px 15px 0px 15px; } .kol_95 { float: left; width: calc(95% - 30px); padding: 0px 15px 0px 15px; } .kol_96 { float: left; width: calc(96% - 30px); padding: 0px 15px 0px 15px; } .kol_97 { float: left; width: calc(97% - 30px); padding: 0px 15px 0px 15px; } .kol_98 { float: left; width: calc(98% - 30px); padding: 0px 15px 0px 15px; } .kol_99 { float: left; width: calc(99% - 30px); padding: 0px 15px 0px 15px; } .kol_100 { float: left; width: calc(100% - 30px); padding: 0px 15px 0px 15px; } 
.ods_zg_0 { margin-top: 0px; } .ods_zl_0 { margin-left: 0px; } .ods_zp_0 { margin-right: 0px; } .ods_zd_0 { margin-bottom: 0px; } .ods_wg_0 { padding-top: 0px; } .ods_wl_0 { padding-left: 0px; } .ods_wp_0 { padding-right: 0px; } .ods_wd_0 { padding-bottom: 0px; }
.ods_zg_5 { margin-top: 5px; } .ods_zl_5 { margin-left: 5px; } .ods_zp_5 { margin-right: 5px; } .ods_zd_5 { margin-bottom: 5px; } .ods_wg_5 { padding-top: 5px; } .ods_wl_5 { padding-left: 5px; } .ods_wp_5 { padding-right: 5px; } .ods_wd_5 { padding-bottom: 5px; } .ods_zg_10 { margin-top: 10px; } .ods_zl_10 { margin-left: 10px; } .ods_zp_10 { margin-right: 10px; } .ods_zd_10 { margin-bottom: 10px; } .ods_wg_10 { padding-top: 10px; } .ods_wl_10 { padding-left: 10px; } .ods_wp_10 { padding-right: 10px; } .ods_wd_10 { padding-bottom: 10px; } .ods_zg_15 { margin-top: 15px; } .ods_zl_15 { margin-left: 15px; } .ods_zp_15 { margin-right: 15px; } .ods_zd_15 { margin-bottom: 15px; } .ods_wg_15 { padding-top: 15px; } .ods_wl_15 { padding-left: 15px; } .ods_wp_15 { padding-right: 15px; } .ods_wd_15 { padding-bottom: 15px; } .ods_zg_20 { margin-top: 20px; } .ods_zl_20 { margin-left: 20px; } .ods_zp_20 { margin-right: 20px; } .ods_zd_20 { margin-bottom: 20px; } .ods_wg_20 { padding-top: 20px; } .ods_wl_20 { padding-left: 20px; } .ods_wp_20 { padding-right: 20px; } .ods_wd_20 { padding-bottom: 20px; } .ods_zg_25 { margin-top: 25px; } .ods_zl_25 { margin-left: 25px; } .ods_zp_25 { margin-right: 25px; } .ods_zd_25 { margin-bottom: 25px; } .ods_wg_25 { padding-top: 25px; } .ods_wl_25 { padding-left: 25px; } .ods_wp_25 { padding-right: 25px; } .ods_wd_25 { padding-bottom: 25px; } .ods_zg_30 { margin-top: 30px; } .ods_zl_30 { margin-left: 30px; } .ods_zp_30 { margin-right: 30px; } .ods_zd_30 { margin-bottom: 30px; } .ods_wg_30 { padding-top: 30px; } .ods_wl_30 { padding-left: 30px; } .ods_wp_30 { padding-right: 30px; } .ods_wd_30 { padding-bottom: 30px; } .ods_zg_35 { margin-top: 35px; } .ods_zl_35 { margin-left: 35px; } .ods_zp_35 { margin-right: 35px; } .ods_zd_35 { margin-bottom: 35px; } .ods_wg_35 { padding-top: 35px; } .ods_wl_35 { padding-left: 35px; } .ods_wp_35 { padding-right: 35px; } .ods_wd_35 { padding-bottom: 35px; } .ods_zg_40 { margin-top: 40px; } .ods_zl_40 { margin-left: 40px; } .ods_zp_40 { margin-right: 40px; } .ods_zd_40 { margin-bottom: 40px; } .ods_wg_40 { padding-top: 40px; } .ods_wl_40 { padding-left: 40px; } .ods_wp_40 { padding-right: 40px; } .ods_wd_40 { padding-bottom: 40px; } .ods_zg_45 { margin-top: 45px; } .ods_zl_45 { margin-left: 45px; } .ods_zp_45 { margin-right: 45px; } .ods_zd_45 { margin-bottom: 45px; } .ods_wg_45 { padding-top: 45px; } .ods_wl_45 { padding-left: 45px; } .ods_wp_45 { padding-right: 45px; } .ods_wd_45 { padding-bottom: 45px; } .ods_zg_50 { margin-top: 50px; } .ods_zl_50 { margin-left: 50px; } .ods_zp_50 { margin-right: 50px; } .ods_zd_50 { margin-bottom: 50px; } .ods_wg_50 { padding-top: 50px; } .ods_wl_50 { padding-left: 50px; } .ods_wp_50 { padding-right: 50px; } .ods_wd_50 { padding-bottom: 50px; } .ods_zg_55 { margin-top: 55px; } .ods_zl_55 { margin-left: 55px; } .ods_zp_55 { margin-right: 55px; } .ods_zd_55 { margin-bottom: 55px; } .ods_wg_55 { padding-top: 55px; } .ods_wl_55 { padding-left: 55px; } .ods_wp_55 { padding-right: 55px; } .ods_wd_55 { padding-bottom: 55px; } .ods_zg_60 { margin-top: 60px; } .ods_zl_60 { margin-left: 60px; } .ods_zp_60 { margin-right: 60px; } .ods_zd_60 { margin-bottom: 60px; } .ods_wg_60 { padding-top: 60px; } .ods_wl_60 { padding-left: 60px; } .ods_wp_60 { padding-right: 60px; } .ods_wd_60 { padding-bottom: 60px; } .ods_zg_65 { margin-top: 65px; } .ods_zl_65 { margin-left: 65px; } .ods_zp_65 { margin-right: 65px; } .ods_zd_65 { margin-bottom: 65px; } .ods_wg_65 { padding-top: 65px; } .ods_wl_65 { padding-left: 65px; } .ods_wp_65 { padding-right: 65px; } .ods_wd_65 { padding-bottom: 65px; } .ods_zg_70 { margin-top: 70px; } .ods_zl_70 { margin-left: 70px; } .ods_zp_70 { margin-right: 70px; } .ods_zd_70 { margin-bottom: 70px; } .ods_wg_70 { padding-top: 70px; } .ods_wl_70 { padding-left: 70px; } .ods_wp_70 { padding-right: 70px; } .ods_wd_70 { padding-bottom: 70px; } .ods_zg_75 { margin-top: 75px; } .ods_zl_75 { margin-left: 75px; } .ods_zp_75 { margin-right: 75px; } .ods_zd_75 { margin-bottom: 75px; } .ods_wg_75 { padding-top: 75px; } .ods_wl_75 { padding-left: 75px; } .ods_wp_75 { padding-right: 75px; } .ods_wd_75 { padding-bottom: 75px; } .ods_zg_80 { margin-top: 80px; } .ods_zl_80 { margin-left: 80px; } .ods_zp_80 { margin-right: 80px; } .ods_zd_80 { margin-bottom: 80px; } .ods_wg_80 { padding-top: 80px; } .ods_wl_80 { padding-left: 80px; } .ods_wp_80 { padding-right: 80px; } .ods_wd_80 { padding-bottom: 80px; } .ods_zg_85 { margin-top: 85px; } .ods_zl_85 { margin-left: 85px; } .ods_zp_85 { margin-right: 85px; } .ods_zd_85 { margin-bottom: 85px; } .ods_wg_85 { padding-top: 85px; } .ods_wl_85 { padding-left: 85px; } .ods_wp_85 { padding-right: 85px; } .ods_wd_85 { padding-bottom: 85px; } .ods_zg_90 { margin-top: 90px; } .ods_zl_90 { margin-left: 90px; } .ods_zp_90 { margin-right: 90px; } .ods_zd_90 { margin-bottom: 90px; } .ods_wg_90 { padding-top: 90px; } .ods_wl_90 { padding-left: 90px; } .ods_wp_90 { padding-right: 90px; } .ods_wd_90 { padding-bottom: 90px; } .ods_zg_95 { margin-top: 95px; } .ods_zl_95 { margin-left: 95px; } .ods_zp_95 { margin-right: 95px; } .ods_zd_95 { margin-bottom: 95px; } .ods_wg_95 { padding-top: 95px; } .ods_wl_95 { padding-left: 95px; } .ods_wp_95 { padding-right: 95px; } .ods_wd_95 { padding-bottom: 95px; } .ods_zg_100 { margin-top: 100px; } .ods_zl_100 { margin-left: 100px; } .ods_zp_100 { margin-right: 100px; } .ods_zd_100 { margin-bottom: 100px; } .ods_wg_100 { padding-top: 100px; } .ods_wl_100 { padding-left: 100px; } .ods_wp_100 { padding-right: 100px; } .ods_wd_100 { padding-bottom: 100px; } 
.px10 { font-size: 10px; } .px11 { font-size: 11px; } .px12 { font-size: 12px; } .px13 { font-size: 13px; } .px14 { font-size: 14px; } .px15 { font-size: 15px; } .px16 { font-size: 16px; } .px17 { font-size: 17px; } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: 20px; } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: 24px; } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: 30px; } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; } 

.kol_40 {
    float: left;
    width: calc(40% - 60px);
    padding: 0px 30px 0px 30px;
}
.kol_60 {
    float: left;
    width: calc(60% - 60px);
    padding: 0px 30px 0px 30px;
}

.kol_3.zlety {
	text-align: center;
	float: left;
	width: 25.3333%;
	padding: 0px 4% 0px 4%;
}

.koniec {
	clear: both;
}

@-webkit-keyframes fadein {
    0%   { opacity: 0; }
    50%   { opacity: 0.5; }
    100% { opacity: 1; }
}

@-moz-keyframes fadein {
    0%   { opacity: 0; }
    50%   { opacity: 0.5; }
    100% { opacity: 1; }
}

@keyframes fadein {
    0%   { opacity: 0; }
    50%   { opacity: 0.5; }
    100% { opacity: 1; }
}

/** Menu mobilne **/
#menu_mobil {
	display: none;
    position: relative;
    height: 65px;
    text-align: center;
}
.box_m {
  border-radius: 2px;
  transform: translate(-50%, -50%);
  position: relative;
  top: 30px;
  left: 30px;
  right: 30px;
  margin: 0 auto;
}

.box_m {

  transform: translate(-50%, -50%);
  width: 65px;
  cursor: pointer;
}

.box_m span {
  display: block;
  width: 100%;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
  /*border-radius: 3px;*/
  height: 5px;
  background: #000;
  /*background-image: url('../img/btn_tlo.jpg');*/
  transition: all .3s;
  position: relative;
}

span + span {
  margin-top: 10px;
}

.active span:nth-child(1) {
  animation: ease .7s top forwards;
}

.not-active span:nth-child(1) {
  animation: ease .7s top-2 forwards;
}

.active span:nth-child(2) {
  animation: ease .7s scaled forwards;
}

.not-active span:nth-child(2) {
  animation: ease .7s scaled-2 forwards;
}

.active span:nth-child(3) {
  animation: ease .7s bottom forwards;
}

.not-active span:nth-child(3) {
  animation: ease .7s bottom-2 forwards;
}

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 22px;
    transform: rotate(0);
  }
  100% {
    top: 22px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 8px;
    transform: rotate(45deg);
  }
  50% {
    top: 8px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 8px;
    transform: rotate(0);
  }
  100% {
    bottom: 8px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 8px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 8px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}


.arrow-icon {
	display: none;
    position: relative;
    cursor: pointer;
    border-radius: 2px;
    float: right;
	width: 50px;
	margin-top: -30px;
	height: 20px;
}

.left-bar {
  position: absolute;
  background-color: transparent;
  top: 0;
  left:0;
  width: 20px;
  height: 5px;
  display: block;
  transform: rotate(35deg);
  float: right;
  border-radius: 2px;
  margin-top: 10px;
 }

  .left-bar:after {
    content:"";
    background-color: #ccc;
    width: 20px;
    height: 5px;
    display: block;
    float: right;
    border-radius: 6px 10px 10px 6px;
    transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
    z-index: -1;
  }


.right-bar {
  position: absolute;
  background-color: transparent;
  top: 0px;
  left:13px;
  width: 20px;
  height: 5px;
  display: block;
  transform: rotate(-35deg);
  float: right;
  border-radius: 2px;
}  

.right-bar:after {
    content:"";
    background-color: #ccc;
    width: 20px;
    height: 5px;
    display: block;
    float: right;
    border-radius: 10px 6px 6px 10px;
    transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
    z-index: -1;
  }



    .open .left-bar:after {
    transform-origin: center center;
    transform: rotate(-70deg);
  }
  .open .right-bar:after {
    transform-origin: center center;
    transform: rotate(70deg);
  }

/** Menu mobilne **/

/** DODATKI **/

.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}