body {

	font-family: tahoma, arial, sans-sefif;

	font-size: 14px;

	color: #000;

	background-color: grey;

	overflow: auto;

}

ul {

    float: left;

    width: 100%;

    padding: 0;

    margin: 0;

    list-style-type: none;

}



a {

    float: left;

    width: 6em;

    text-decoration: none;

    color: white;

    background-color: black;

    padding: 0.2em 0.6em;

    border-right: 1px solid white;

}



a:hover {

    background-color: #353535;

}



li {

    display: inline;

}

/*class*/

.menu {

	background: transparent url("../img/button_menu.png") repeat-x scroll center center;

	transition: background-color 2.5s ease 0s;

	display: inherit;

	width: 240px;

	height: 45px;

	position: relative;

	box-sizing: border-box;

	overflow: visible;

	text-align: center;

	vertical-align: center;

}



.h3 {

	margin-top: 8px;

	transition: background-color 2.5s ease 0s;

	display: inherit;

	overflow: visible;

}

.ha {

	font-size: 33px;

	font-style: italic;

	line-height: 1.1em;

}

.ha1 {

	font-size: 23px;

	font-style: italic;

	line-height: 1.1em;

}

.logo1 {

	border-radius: 10px;

}

.modul {

	background-color: #353535;

	position: absolute;

	left: 10px;

	height: 60px;

	width: 300px;

	border-radius: 10px;

	text-align: center;

	color: #ffe600;

	font-size: 20px;

}

.text {

	color: white;

	font-size: 18px;

	line-height: 1.2em;

}

.text2 {

	color: white;

	font-size: 20px;

	line-height: 1.2em;

}

/*id*/



#site{

	margin:auto;

	height: 1720px;

	width: 980px;

}

#main{

	background-color: black;

	position: relative;

	margin: 0px auto;

	min-height: 100%;

	width: 980px;

}

#naglowek{

	background-color: black;

	position: absolute;

	top: 0px;

	left: 0px;

	height: 240px;

	width: 980px;

}

#telefon{

/* background-color: #ffe600; */

	background: transparent url("../img/button_menu2.png") repeat-x scroll center center;

	position: absolute;

	width: 284px;

	left: 680px;

	top: 136px;

	height: 45px;

	border-radius: 10px 0px 10px 0px;

	text-align: center;

	font-size: 18px;

	font-family: sans-serif;

}

#mt {

	position: absolute;

	width: 500px;

	left: 200px;

	top: 30px;

	color: #ffe600;

}

#mt1 {

	position: absolute;

	width: 600px;

	left: 200px;

	top: 110px;

	color: #ffe600;

}

#logo1 {

	position: absolute;

	width: 200px;

	left: 30px;

	top: 30px;

}

#logo2 {

	position: absolute;

	width: 500px;

	left: 30px;

	top: 88px;

}

#mainimageContainer {

	position: absolute;

	top: 240px;

	left: 10px;

	height: 600px;

	width: 960px;

}

#onas {

	position: absolute;

	top: 10px;

	left: 65px;

	color: #ffe300;

	font-size: 28px;

	line-height: 1.2em;

}

#onasin {

	position: absolute;

	top: 30px;

	left: 65px;

	right: 65px;

}

#cert1 {

	position: absolute;

	left: 100px;

	top: 10px;

}

#cert2 {

	position: absolute;

	left: 500px;

	top: 10px;

}

#line {

	background-color: #ffe600;

	position: absolute;

	left: 10px;

	top: 240px;

	height: 5px;

	width: 960px;

	border-radius: 10px;

}

#line1 {

	background-color: #ffe600;

	position: absolute;

	left: 10px;

	top: 740px;

	height: 5px;

	width: 960px;

	border-radius: 10px;

}

#box {

	background-color: #353535;

	position: absolute;

	top: 750px;

	left: 10px;

	height: 100px;

	width: 960px;

	border-radius: 10px 10px 10px 10px;

}

#box1 {

	position: absolute;

	top: 860px;

	width: 980px;

	height: 200px;

}

#box2{

	background-color: #353535;

	position: absolute;

	top: 1300px;

	left: 10px;

	width: 300px;

	height: 220px;

	border-radius: 10px;

}

#modul_1 {

	top: 20px;

}

#modul_2 {

	top: 100px;

}

#modul_3 {

	top: 180px;

}

#modul_4 {

	top: 260px;

}

#modul_5 {

	top: 340px;

}

#modul_6 {

	position: absolute;

	top: 20px;

	left: 350px;

	height: 300px;

	width: 580px;

}

#modul_7 {

	position: absolute;

	top: 1300px;

	left: 350px;

	height: 300px;

	width: 580px;

	color: #ffe300;

	font-size: 24px;

	line-height: 1.2em;

	color: #FFE300;

}

#line2 {

	background-color: #ffe600;

	position: absolute;

	left: 10px;

	top: 855px;

	height: 5px;

	width: 960px;

	border-radius: 10px;

}

#line3 {

	background-color: #ffe600;

	position: absolute;

	top: 1280px;

	left: 10px;

	height: 5px;

	width: 960px;

	border-radius: 10px;

}

#line4 {

	background-color: #ffe600;

	position: absolute;

	top: 1540px;

	left: 10px;

	height: 5px;

	width: 960px;

	border-radius: 10px;

}

#mapa {

	position: absolute;

	top: 10px;

	left: 10px;

}

#stopka {

	background-color: #353535;

	position: absolute;

	top: 1560px;

	width: 980px;

	height: 180px;

	font-size: 16px;

	line-height: 1.2em;

}

#stopka_1 {

	position: absolute;

	top: 150px;

	left: 10px;

	color: #ffe600;

	font-size: 12px;

}

#stopka_2 {

	position: absolute;

	top: 20px;

	left: 650px;

	color: #ffe600;

}

#stopka_3 {

	position: absolute;

	top: 20px;

	left: 800px;

	color: #ffe600;

}


#toggle {
	display: none;

}


#stopka_2 a{

     background-color: transparent; 
     padding: 0; 
     border-right: none; 
}


/* Urzadzenia mobilne*/

@media screen and (max-width: 900px) {
body {
	margin: 0;
}

#telefon, #mt, #mt1 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}



#site {
	height: unset;
}

#site, #main, #naglowek {
	width: 100%;
}


#box {
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	position: relative;
	height: auto;
	left: 0;
	padding: 20px 0;

}


#box img {
	padding-bottom: 5px !important
}

#box1 {
	margin-top: 5px;
	width: 100%;
	border-radius: 0;
	border-top: 5px solid rgb(255, 227, 0);
	border-bottom: 5px solid rgb(255, 227, 0)
}


/*mapa*/
#box2{
	display: none;
}

#main {
	min-height: auto;
}

#main * {
	position: relative !important;
	top: 0 !important;	
	left: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
}

#modul_7, #stopka, #mt1 {
	width: 100%;
}




#stopka, #modul_7, #box, #box1, #box2 {
	padding: 20px !important;
	box-sizing: border-box;
}


#stopka {
	text-align: center;
}



#menu, .menu {
	width: 100% !important;
	z-index: 999
}


#menu ul li .menu {
	padding: 10px 0 !important;
	border-right: 0;
}


#logo1, #logo2 {
	display: none;
}


#logo3, #logo4, #logo5 {
	 position: relative !important;
	 left: 0 !important;
	 top: 0 !important;
}

#line1, #line2, #line3, #line4 {
	display: none;
}


#menu ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

#menu ul li , #menu ul li {
	width: 100%;
}




#telefon {
	padding: 10px 0 !important;
border-radius: 0;
margin: 0 0 10px 0 !important;
}

#telefon a {

	float: none; background: none; color: #000
}

#mainimageContainer {
	width: 100%;
	padding: 20px  !important;
	box-sizing: border-box;
}

#mainimageContainer.start {
	display: none;
}




.modul {
	display: none
}

#modul_6, p.text, p.text2 {
	width: 100%;
	left: 0;
	padding: 20px; 
	box-sizing: border-box;
}



.ha {
	font-size: 4vw
}

#onasin img {
	width: 100%
}






.certyfikaty {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.certyfikaty div {
	width: 50% !important;
	display: flex;
	justify-content: center;
}

.certyfikaty div a {
	width: 50%
}

.certyfikaty img {
	width: 100%;
}
#cookies-message-container {
	display: none;
}

/*menu*/

#toggle {
	display: block;
  width: 28px;
  height: 30px !important;
  margin: 10px auto !important;
}

#toggle div {
  width: 100%;
  height: 5px !important;
  background: white;
  margin: 4px auto !important;
  transition: all 0.3s;
  backface-visibility: hidden;
}

#toggle.on .one {
  transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
  opacity: 0;
}

#toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}


}