@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/open-sans-fontfacekit/web fonts/opensans_regular_polish/OpenSans-Regular-webfont.eot');
    src: url('fonts/open-sans-fontfacekit/web fonts/opensans_regular_polish/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans-fontfacekit/web fonts/opensans_regular_polish/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/open-sans-fontfacekit/web fonts/opensans_regular_polish/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/open-sans-fontfacekit/web fonts/opensans_regular_polish/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/open-sans-fontfacekit/web fonts/opensans_semibold_polish/OpenSans-Semibold-webfont.eot');
    src: url('fonts/open-sans-fontfacekit/web fonts/opensans_semibold_polish/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans-fontfacekit/web fonts/opensans_semibold_polish/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/open-sans-fontfacekit/web fonts/opensans_semibold_polish/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/open-sans-fontfacekit/web fonts/opensans_semibold_polish/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'tahoma_regular';
    src: url('fonts/tahoma-regular/tahoma-regular.ttf')
}

body{
	/*background-color: #EEE;*/
}

html, body {
	margin: 0;
	padding: 0;
}



/* ie 8  - usuniecie niebieskiej ramki wokol linkow obrazkowych*/
img{
    border: none;
}

/*czcionka akapitów, nagłówków i linków*/
body p, body a, body h1{
	font-family: "open_sansregular", sans-serif;
}
body p{
    padding: 0px 5px;
    text-indent: 30px;
    color: rgb(99,99,99);/*rgb(47, 56, 63);*/

    word-wrap: break-word;
}

/*styl nagłówków*/
body h1{
    width: auto;
    color: rgb(99,99,99);
    border-bottom: 2px solid rgb(99,99,99);/*rgb(0,19,196)*/

}
/*styl lików*/
body div#indexContentBox a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

body div#roletyContent a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

/*główny div zawierający divy sekcji*/
#mainPageBody{

    position: relative;
    padding: 0px;
    z-index: 10000;

    width: 100%/*998px*/;
    height: auto;
    background-color: white;
}

.mainPageBody-Flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}




#menu{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 135px;
    background-color: white;

    padding: 0px;
    margin-bottom: 50px;
}



#logoBox{
    width: 200px;
    height: 60px;
    background-color: white;
    padding-top: 40px;
    margin-left: 30px;
    float: left;
}

#logoBox > a{
    display: block;
    position: relative;
    line-height: 90px;
    text-align: center;
    margin: auto;
    width: 100%;

}

/*########################	MENU	###################################*/

#menuBox{
    display: block;
    position: relative;
    float: left;
    height: auto;
    background-color: white;
    margin-top: 60px;
    margin-left: 40px;



}

#buttonsContainer{
    position: relative;
    height: 40px;

    background-color: white;
}

#menuBox ul{
    padding-left: 0px;
}

#menuBox  ul, #menuBox ul li {

	display: block;
	list-style: none;
	height: 40px;
	margin: 0px;
}



#menuBox ul li {
	float: left;
}

#menuBox ul a{
    padding: 0px 15px;
    margin: 0px 3px;
}

#menuBox ul a:link, #menuBox ul a:visited {
	text-decoration: none;
	display: block;
	height: 100%;
	width: auto;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	background-color: white;
	color: /*rgb(0, 85, 150)*/rgb(0,19,196);


}

#menuBox ul a:hover {
    background-color: rgb(0,19,196)/*(0, 85, 150)*/;
    color: white;

}

.aktywny{

}
.aktywnyLink{
    color: white !important;
    background-color: rgb(0, 19, 196) !important;

}


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$	koniec menu	$$$$$$$$$$$$$$$$$$$$$$$$$$*/

#jezykBox{
    position: relative;
    margin-top: 0px;
    margin-left: px;
    background-color: white;
    width: 150px;
    height: 45px;
    float: right;
}

/*tymczasowe wygaszenie flagi niemieckiej do momentu dodania tlumaczenia strony*/
/*tymczasowo usunięte &miki&*/

#jezykDropBox{
    display: block;
    margin: 10px auto 0px auto;
    font-size: 20px;
    border: 1px solid rgb(0, 85, 150);
    font-weight: normal;
    width: 100px;
    height: 25px;

}
#jezykBox img{
    border: 1px solid rgb(0, 85, 150);
    margin-top: 10px;
    margin-left: 2px;
	width: 50;

}

#jezykBox img:hover{
    border: 3px solid rgb(0, 85, 150);
    margin-top: 8px;
    margin-left: 0px;
}

#flagaEN {
    width: 50px;
    height: 25px;
}





/*##########################	kontener wyśrodkowany z treścią    ######################*/

/* foramatowanie kontenera z treścią*/
#container{
   /* background-color: white;*/
    max-width: 1170px;
    width: 1170px;
    height: auto;
}

/* formatowanie flex elementów kontenera*/
.container-Flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}



/* #########################	kontener wyśrodkowany z treścią koniec	  #########################*/


/*##########################	menu boczne	#####################################*/

#menuBoczne{

    width: 300px;
    min-width: 300px;
    height: auto;
    background-color: white;
    margin-bottom: 50px;

}

#menuBoczne a{
    border-top: 1px solid #E5E5E5;
}



/*@@@@	formatowanie menu pionowego	@@@*/

#menuBoczne ul, #menuBoczne ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*@@@@	pierwszy poziom	@@@*/
#menuBoczne > ul {
    width: 100%;
    height: auto;
}

#menuBoczne > ul > li{
    height: auto;
    width: 100%;
}

#menuBoczne > ul > li > a{
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 10px;

    text-decoration: none;
    background-color: white;
}

#menuBoczne > ul > li > a:link, #menuBoczne > ul > li > a:visited {
	text-decoration: none;
	color: rgb(99, 99, 99);

}

#menuBoczne ul a:hover {
	background-color: white;
	color: red !important;
}

/*wskazuje który główny przycisk menu bocznego jest aktywny*/
.aktywnyPrzyciskBocznegoMenu{
    color: red !important;
}
/*@@@	pierwszy poziom KONIEC	@@@*/





/*@@@	drugi poziom	@@@*/

/*domyślne ukrycie podmenu*/
#menuBoczne > ul > li > ul{
    display: none;
}

/*ukazuje podmenu klikniętego elementu*/
#menuBoczne > ul > li > a[class~="aktywnyPrzyciskBocznegoMenu"] + ul{
    display: block;
}

/*formatowanie domyślne linków przycisków podmenu*/
#menuBoczne > ul > li > ul > li > a{
    display: block;
    width: 270px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    color: rgb(99, 99, 99);
    text-align: left;
    padding-left: 10px;
    margin-left: 20px;
    font-size: 14px;
}


/*wskazuje który przycisk jest aktywny*/
.aktywnyPrzyciskPodmenuBocznegoMenu{
    font-weight: bold !important;
}


/*@@@	drugi poziom KONIEC	@@@*/


/*#########################	menu boczne koniec	##############################*/






/*##########################	blok treści	#####################################*/

#contentBox{
    max-width: 800px;
    height: auto;
    min-width: 400px;
    background-color: white;
    padding-left: 30px;
}

/*wskazuje który blok tresci ma byc pokazany*/
.aktywnaTresc{
}

/*domyslnie ukryta tresc menu bocznego*/
#contentBox > div{
    display: none;
}

/*wyswietla aktywny blok tresci*/
#contentBox > div[class~="aktywnaTresc"]{
    display: block;
}

/*formatowanie elastyczne tresci bloków podmenu*/
.contentPodmenuBox-Flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

/*elastyczny kontener do zdjęć w tresci */
.picBox-Flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

/*elastyczny kontener do wykazow tresci*/
.wykazBox-Flex{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;

}

/* formatowanie malych obrazków w bloku tresci*/
.picMalyTresc{
    height: 400px;
    width: auto;
    margin: 10px 5px;
}
/*formatowanie poziomych szerokich obrasków */
.picPoziomyTresc{
    max-width: 100%;
    height: auto;

    margin: 10px 5px;
}


/*wskazuje który blok tresci podmenu ma być pokazany*/
.aktywnaTrescPodmenu{
}
/*wyswietla aktywny blok tresci podmenu*/
div[class~="aktywnaTrescPodmenu"]{
    display: block;
}


/*wskazuje który nieaktywny blok tresci podmenu ma byc ukryty*/
.nieaktywnaTrescPodmenu{
}

/*ukrywa nieaktywny blok tresci podmenu*/
div[class~="nieaktywnaTrescPodmenu"]{
    display: none;
}



/*##########################	blok treści koniec	#####################################*/





/*############################	   slider	#####################*/
#sliderContainer{
    display: block;
    position: fixed;
    top: 135px;
    left: 0;
    z-index: -9999 !important;
    margin: 0px auto 0px auto;

    width: 100%;
    height: auto;

    overflow: hidden;

}

#sliderContainer img{
    display: block;
    height: auto;
    width: 100%;

}


/*############################	  slider koniec	      #######################*/

/*############################		strona główna 	######################*/

body div#indexContentBox{
	background-color: rgba(107, 107, 107, 0.6) !important;
	font-size: 19px;
	margin-top: 25% !important;
	margin-bottom: auto;
    height: auto;
    width: 100%;
    background-color: rgba(255,255,255,0.6);
}
body div#indexContentBox h1{
	color: #ffffff;
}
body div#indexContentBox p{
	color: #ffffff !important;
}
/*############################		strona główna KONIEC	######################*/


/*############################		kontakt		######################*/

#kontaktContentBox{
    height: auto;
    width: 100%;
    background-color: white;
}

/*############################		kontakt	KONIEC	######################*/


/*############################		o nas		######################*/

#onasContentBox{
    height: auto;
    width: 100%;
    background-color: white;
}

/*############################		o nas	KONIEC	######################*/


/*###########################      oferta       ######################*/

body h1{
	margin: 7px !important;
}

/*###########################      oferta   KONIEC  ######################*/


/*###########################	  wypunktowanie	    #####################*/

.wykaz > li{
    font-size: 20px;
    font-family: "open_sansregular", sans-serif;
}



/*#########################	wypunktowanie koniec	####################*/

.mapkaGoogle{
    width: 800px;
    height: 600px;
    margin: 80px auto 20px auto;
}
.adres{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-family: "open_sanssemibold", sans-serif;

}

.adres p{
    text-indent: 0px !important;
}


/*usuniete*/
/*
.kotwica{
    display: block;
    position: relative;
    width: 100%;
    height: 0px;
}
*/
/*###########################	  formatowanie sekcji	 ##########################*/

/* uniwersalne style sekcji */
.section{
    display: block;
    position: relative;



    min-height: 50px;
    width: 100%;
    overflow: hidden;
}

/* ułożenie flex elementów sekcji*/
.sectionFlex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

/*##########################	formatowanie sekcji koniec 	#########################*/





/*################################ przycisk powrotu	###############################*/

#go-top{
    display: none;
    position:fixed;
    bottom:25px;
    right:25px;

}







/*################################ przycisk powrotu koniec	###############################*/

#footer{
    display: block;
    position: relative; /*top: 110px;*/
    /*float: left;*/
    width: 100%;
    height: 50px;
    background-color: white;
    margin: 0px auto;
    /*border-top: 2px solid gray;*/
    /*box-shadow: 0px 0px 2px black;*/
}

.cleaner{
    clear: both;
}