/*______________Created by Duonet______________*/
/*________________www.duonet.eu_______________*/
img , a img { border: none; }
h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-weight: normal; text-align: left; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3, h4, h5, h6 { font-size: 12px; }
a { color :#777777; text-decoration: none; }
a:hover { text-decoration: underline; }
a.faq { color: }

.pytanie { margin: 12px 0px 0px 0px; cursor: pointer; color: #555555; }
.odpowiedz { margin: 0px 20px 0px 20px; }

h3.nag { color: #99c70f; font-weight: bold; font-size: 17px; margin: 0px 0px 8px 0px; text-transform: uppercase; }
h4.nag { color: #99c70f; font-weight: bold; font-size: 12px; margin: 0px 0px 8px 0px; }
.bold  { font-weight: bold; }

/*______________STREFA #______________________________________________________*/

body
{
	font-family: Verdana,Geneva,Kalimati;
	font-size: 12px;
	line-height: 150%;
	color: #828282;
	margin: 0px;
	padding: 0px;
	/*background: #ffffff url('../img/bg.png') repeat-x center top;*/
	text-align: center;
}
#page {
	text-align: left;
	width: 970px;
	height: auto;
	margin: 0px auto;
	/*background: url('../img/tlo_szkic.png') no-repeat 0px 373px;*/
}

/*______________STREFA TOP____________________________________________________*/

#top { height: 120px; }
#logo { margin-top: 10px; }
#wizerunek { height: 248px; margin-bottom: 12px; }

/*______________STREFA MENU___________________________________________________*/

#menu    { float: right; width: 640px; height: 18px; margin-top: 56px; }
#menu a  { display: block; float: left; height: 18px; margin-left: 30px; }
#menu a:hover     { background-position: 0px -18px; }
#menu_home        { width: 41px; background: url('../img/menu_home.gif')    no-repeat 0px 0px; }
#menu_o_firmie    { width: 57px; background: url('../img/menu_o_firmie.gif')   no-repeat 0px 0px; }
#menu_oferta      { width: 45px; background: url('../img/menu_oferta.gif')  no-repeat 0px 0px; }
#menu_wspolpraca  { width: 85px; background: url('../img/menu_wspolpraca.gif') no-repeat 0px 0px; }
#menu_faq         { width: 28px; background: url('../img/menu_faq.gif')     no-repeat 0px 0px; }
#menu_kontakt     { width: 55px; background: url('../img/menu_kontakt.gif') no-repeat 0px 0px; }
#menu_finansowanie { width: 97px; background: url('../img/menu_finansowanie.png') no-repeat 0px 0px; }

/*______________STREFA CONTENT________________________________________________*/

#content { float: left; width: 635px; }
.box { float: left; width: 300px; height: auto; text-align: justify; font-size: 11px; }
.box_separator { float: left; width: 35px; height: 200px;
					  background: url('../img/box_separator.gif') no-repeat center 20px; }
#box2_2,#box2_3 { width: 300px; height: 63px; text-align: left; }
#box2_2 { padding: 50px 18px 0px 18px; background: url('../img/box_2.gif') no-repeat left top; margin-top: 4px; }
#box2_3 { padding: 36px 18px 0px 18px; background: url('../img/box_3.gif') no-repeat left top; height: 77px; margin-top: 12px; }
/* #box2_3 input { margin: 0px 0px 10px 8px; } */
#box2_3 input.text { margin-left: 8px; width: 210px; border: none; }
#box2_3 .zapytaj_submit { position: relative; top: 9px; left: 8px; cursor: pointer; }


/*______________STREFA BOTTOM_________________________________________________*/

#logotypy { margin-top: 4px; }
#logotypy img { margin: 0px 8px; }
#bottom { border-top: 1px solid #c7c7c7; margin: 16px 0px 40px 0px; padding-top: 10px;
			 text-align: left; }
#duonet { float: right; }


/*______________ELEMENTY______________________________________________________*/

* ul { list-style-image:url("../img/dalej_ulli.gif"); margin: 4px 0px; }

.displaynone { display: none !important; }

div.c {
  clear:both !important;
  margin: 0px !important;
  padding: 0px !important;
  width: 0px !important;
  height: 0px !important;
  border: none !important;
  overflow: hidden !important;
}

.form input, .form textarea {
	border: 1px solid #999999;
	background: #f8f8f8;
}
.form input:hover, .form textarea:hover {
	border: 1px solid #999999;
	background: #ffffff;
}
.form input:active, .form textarea:active {
	border: 1px solid #333333;
	background: #ffffff;
}
.form input:focus, .form textarea:focus {
	border: 1px solid #333333;
	background: #ffffff;
}

.galeria { }
.galeria a { display: block; float: left; width: 180px; text-align: center;
				 overflow: hidden; border: 1px solid #cccccc; background: #eeeeee; }
.zdjecia a { display: block; float: left; width: 180px; text-align: center;
				 overflow: hidden; border: 1px solid #ffffff; background: #ffffff; }
.galeria a img , .zdjecia a img { margin: 10px; border: 1px solid #cccccc; }
.galeria a:hover { background: #fffff; border-right: 1px solid #999999; border-bottom: 1px solid #999999; text-decoration: none; }
.zdjecia a:hover { background: #f8f8f8; border-right: 1px solid #999999; border-bottom: 1px solid #999999;
						 border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; text-decoration: none; }
.galeria a:hover img { border-top: 1px solid #999999; border-left: 1px solid #999999; }
.zdjecia a:hover img { border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.galeria a .data, .zdjecia a .data { font-size: 10px; }

table.tabela {
	border-collapse: collapse;
}
table.tabela td { vertical-align: top; border: 1px solid #999999; width: 50%; padding: 10px; }

.certyfikat { display: none; text-align: center; }
.certyfikat a img { margin: 10px; border: 1px solid #cccccc; }

#homepage {
	padding-bottom: 60px;
}

#homepage #header {
	border-top: 1px solid #cfcfcf;
	margin-bottom: 20px;
	padding-top: 54px;
	text-align: center;
}

#homepage .baner {
	float: left;
	line-height: 150%;
	text-align: center;
	width: 305px;
}

#homepage .baner.middle {
	margin: 0 27px;
}

#homepage .baner img {
	display: block;
	margin-bottom: 25px;
}

#homepage .baner a {
	color: #6c6c6c;
	/*font-size: 18px; */
	font-weight: bold;
}

#logotypy {
	border-top: 1px solid #cfcfcf;
	line-height: 115px;
}

#logotypy img {
	vertical-align: middle;
}

#bottom {
	margin-top: 0;
}

.bold {
	font-weight: bold;
}

.blue {
	color: #1093E6;
}

.h4 {
	text-transform: uppercase;
}

#header h1{
    	color: #6c6c6c;
      /*  font-size: 25px; */
        text-align: center;
    }
#header h1 span{
        color:#97C213;
    }
	 .link-pdf{
    	display: flex;
    /*	font-size: 17px;
    	line-height: 22px; */
    	position: relative;
    	align-items: center;
    	/* margin: 4px; */
    }
    .link-pdf b{
    	margin: 0 5px;
    }
    .link-pdf img{
    	height: 22px;
    	width: auto;
    }
.kafelki{
	width: 100%;
	display: flex;
	justify-content:space-between;
}

.kafelki > a{
	width: calc(50% - 20px);
	text-decoration: none;
}

.kafelek-obrazek{
	position:relative;
	height: 260px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	/*transition: 0.7s linear all;*/
}

.kafelek-obrazek picture{
	position:absolute;
	top: calc(50% - 75px);
	background: white;
	padding: 10px;
	height: 150px;
	left: 0;
	width: 40%;
}
/* .kafelek-new:hover .kafelek-obrazek{
	background-size: 130%;
} */
.kafelek-obrazek picture img{
 object-fit:contain;
 width:100%;
 height:100%;
}
.kafelek-new h2{
/*	font-size: 20px; */
	color: black;
	font-weight: 700;
}
.baner-bottom img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
/** przeróbka menu **/
#menu a{
	font-family:'BenchNine', sans-serif;
	font-weight: 300;
	font-size: 20px;
	transition: 0.5s linear color;
}
#menu a:hover{
	text-decoration: none;
}
h4.finansowanie{
 /*   font-size: 18px; */
    font-weight: bold;
}
@media screen and (max-width: 1025px){
	*{
		max-width: 100%;
	}	
	#top{
		position:relative;
		height:auto;
		display:flex;
		justify-content: center;
		align-items: center;
		flex-direction: column-reverse;
	}
	#logo{
		margin-top: 15px;
	}
	#menu{
		margin-bottom: 35px;
		width: 100%;
		float: unset;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#menu a{
		float: unset;
		display: inline-block;
		margin: 5px 20px;
	}
	#menu div.c{
		display:none;
	}
	#page{
		max-width:100%;
		width:100%;
		margin: 0;
		padding: 0;
	}
	#homepage #header{
		padding-top: 15px;
	}
    #homepage .baner{
    	float:unset;
    	width: calc(100% - 30px);
    	max-width: 100%;
    	margin: 10px 0;
    	padding: 0 15px;
    }
    #homepage .baner.middle{
    	margin: 10px 0;
    }
    #homepage .baner img{
    	width: 100%;
    	max-width: 100%;
    	height:auto;
    }
    #logotypy{
    	line-height:normal;
    	display:flex;
    	flex-wrap: wrap;
    	justify-content:space-evenly;
    	align-items: center;
    }
    #logotypy img{
    	margin: 15px 10px;
    }
    #bottom{
    /*	font-size: 14px; */
    }
    #bottom #duonet{
    	display: block;
    	margin-top: 35px;
    }
    #wizerunek{
    	height: auto;
    }
    #wizerunek img{
    	object-fit: contain;
    }
    #content{
    	float:unset;
    	padding: 0 15px;
    	width: calc(100% - 30px);
    }
    .box_separator{
    	width: 100%;
    	height: 1px;
    	border-bottom: 1px solid #828282;
    }
    .box{
    	width: calc(100% - 30px);
    	padding: 0 15px;
    	margin: 15px 0;
    }
	.box > a{
		margin: 15px auto;
		display: block;
	}
    .box > a > img{
    	width: 80%;
		height: auto;
		margin: 0 10%;
    }
    #box2_3{
    	margin: 15px auto;
    	width: fit-content;
    }
	 .link-pdf{
		flex-wrap: wrap;
	 }
	 .link-pdf b{
	 	margin: 0;
	 }
	 .kafelki{
		 flex-direction: column;
	 }
	 .kafelki > a{
		 width: calc(100% - 15px);
		 margin: 20px auto;
	 }
}