body 
 {
      font-family: 'Arial';
	  font-size: 16px;
 }
	
    #container {
		width: 100%;
		margin: 0;
      clear: both;
    }

    #header {
		width: 100%;
      z-index: 1000;
      position: fixed;
	  height: 150px;
	  top: 0;
      left: 0;
      right: 0;
      background-color: rgb(76, 76, 76);
      border-bottom: 1px solid #000000;
    }
	
	  #nav {
		width: 100%;
    }
	

   #navbar {
		height: 150px;
    }

    .nav-logo {
      float: left;
      position: relative;
	  margin-left: 4%;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
	  }


   .main-menu-content #main-menu {
      display: none;
      margin-top: 10px;
	  }

    .main-menu-content {
	
      float: left;
      position: relative;
	  margin-left: 30%;
      top: 50%;
      transform: translateY(-50%);
	 }

    ul {
      list-style: none;			
    }

    .main-menu-content #main-menu  li {
      float: left;
      display: block;
    }

     ul li a {
      color: white;
      text-decoration: none;
      font-size: 25px;
      text-align: right;
      margin-top: 5px;
      font-weight: 100;
      padding: 20px 14px;
      line-height: 20px;
      transition: all 0.2s;
    }

    ul li a:hover {
      color: #DDDDDD;
    }
	
	dl dd {
		font-size: 16px;
	}

    //menu mobilne

    .slicknav_menu {
      position: fixed;
      left: 0;
      right: 0;
    }

    .slicknav_btn {
      margin-top: 22px;
    }

	.content
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	margin-bottom: 3em;
	text-align: justify;
	padding-top: 10px;
	color: black;
}

	.content_nav
{
	width: 100%;
	padding-right: 3em;
	margin-bottom: 2em;
	float: left;
}

	.content_nav a:link
{
	color: #003399;
	text-decoration: none;
	list-style-type: none;
}

	.content_nav a:hover
{
	text-decoration: underline;
}

	#both_content a:link
{
	color: #003399;
	text-decoration: none;
	list-style-type: none;
}

	#both_content a:hover
{
	text-decoration: underline;
}

#both_content a:visited 
{ 
	color: #777777; 
}

li.content
{
	text-decoration: none;
	list-style-type: none;
}

h1
{
	margin-bottom: 2em;
	margin-top: 2em;
	font-weight: bold;
	text-decoration: none;
	color: black;
	font-size: 20px;
}

h2
{
	margin-bottom: 2em;
	margin-top: 2em;
	font-weight: bold;
	text-decoration: none;
	color: black;
	font-size: 20px;
}

h3
{
	margin-bottom: 2em;
	margin-top: 2em;
	font-weight: bold;
	text-decoration: none;
	color: black;
	font-size: 20px;
}

.odnosniki
{
	margin-bottom: 2em;
	margin-top: 3em;
	color: black;
	font-size: 16px;
	background-color: #EEEEEE;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
}

.ocenatable
{
	margin-bottom: 2em;
	margin-top: 3em;
	color: black;
	font-size: 13px;
	background-color: #EEEEEE;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	list-style-type: disc;
}

.ocenatable dd
{
	list-style-type: disc;
}

p dd
{
	list-style-type: disc;
}

p {
		text-indent: 1cm;
		margin-top: 1em;
		margin-bottom: 1em;
	}

#menu0 dd 
{
	list-style-type: disc;
}

#menu0 dd.active {
	margin-left: 2vw;
	list-style-type: disc;
}

dd
{
	list-style-type: disc;
}

:target 
{
    padding-top: 160px; 
	color: #777777;
	text-decoration: underline;	
}

#zindex
{
	position: absolute;
	z-index: 2;
	width: 100%;
}



.google_maps_mob
{
			display: block;
}

.google_maps_mob2
{
			display: block;
}

.google_maps_lap
{
			display: none;
}

.google_maps_lap2
{
			display: none;
}

#socials
{
	width: 100%;
	text-align: center;
	background-color: #444444;
	
}

.socials a
{
	color: #FFFFFF;
}

.socialdivs
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.fb
{
	width: 25%;
	height: 15%;
	float: left;
}

.fb:hover
{
	background-color: #4668b3;
}

.tw
{
	width: 25%;
	height: 15%;
	float: left;
}

.tw:hover
{
	background-color: #3095d3;
}

.yt
{
	width: 25%;
	height: 15%;
	float: left;
}

.yt:hover
{
	background-color: #d94348;
}

.google
{
	width: 25%;
	height: 15%;
	float: left;
}

.google:hover
{
	background-color: #FFFFFF;
}

#footer

{
	background-color: #222222;
	color: #FFFFFF;
	width: 100%;
	text-align: left;	
}

#footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}


#tytul_stopki

{
	background-color: #222222;
	width: 96%;
	margin-left: 2%;
	padding-top: 2%;
	margin-bottom: 3%;
	text-align: left;
}


#kolumny
{
	background-color: #222222;
	width: 96%;
	text-align: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 3%;
	display: flex;
	flex-flow: row wrap;
}

#kolumnalewa
{
	order: 1;
	padding: 30px;
}

#kolumnasrodkowa
{
	order: 2;
	padding: 30px;
}

#kolumnaprawa
{
	order: 3;
	padding: 30px;
}

#cookie
{
	background-color: #222222;
	width: 96%;
	margin-left: 2%;
	padding-top: 2%;
	margin-bottom: 3%;
	text-align: center;
	font-size: 12px;
}

#stopka
{
	background-color: #222222;
	padding: 30px;
	text-align: center;
}

.grafiki
{
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
}

#galeria
{
	margin-right: auto;
	margin-left: auto;
	direction: ltr;
	width: 100%;
}



.formform
{
	background-color: #EEEEEE;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-bottom-color: black;
	border-bottom-width: thin;
}

.akapit
{
	background-color: #EEEEEE;
	border-bottom-color: black;
	border-bottom-width: thin;
}

.formField
{
	font: inherit; border: 1px solid #ccc; border-radius: 3px; margin: 3px 0 10px 0; padding: 3px 0
}

textarea.formField
{
width: 300px; height: 70px
}

#sendBtn
{
cursor:pointer; background: #ccc; background: linear-gradient(#ddd 0, #eee 100%); border: 1px solid #ccc; line-height: 32px; font-size: 14px; padding: 0 25px; border-radius: 3px
}

#send_form_status
{
border: 1px dashed #003399; display: none; padding: 0 10px; margin: 10px 0
}

.status_ok
{
color: #060
}

.status_err
{
color: #F00
}

    @media screen and (min-width: 1200px)
	
	{

      .slicknav_menu 
{
        display: none;
}

     .main-menu-content  #main-menu 
{
			display: block;
}
	  
	 #both_content
{
			flex-flow: row nowrap;
			display: inline-flex;
}
	  
		#left_content
{
			width: 66%;
			padding-right: 3em;
			float: left;
}

		#right_content
{
			width: 31%;
			margin-top: 1%;
			float: left;
			position: fixed;
			top: 11em;
			left: 64vw;
			z-index: 1;
}

		#search
{
			width: 20vw;
}

		.content_nav
{
			width: 66%;
}

.google_maps_mob
{
			display: none;
}

.google_maps_mob2
{
			display: none;
}

.google_maps_lap
{
			display: block;
}

.google_maps_lap2
{
			display: block;
}

      ul li a 
{
        font-size: 18px;
}

	}

    @media screen and (min-width: 1300px) 
	{

      ul li a 
	  {
        padding: 20px 22px;
	  }
    }

@media print {
	body { 
	font-size: 13pt;
	font-family:'Times New Roman'; "serif";	
	margin-top: 1cm; 
	margin-bottom: 1cm; 
        margin-left: 1cm; 
	margin-right: 1cm;
	}
	a {text-decoration: underline}
	p {widows: 4;}
	h1 {page-break-before: avoid;}
	dl, ol {page-break-inside: avoid;}
	img {display: none;}
	#header {display: none;}
	#nav {display: none;}
	#footer {display: none;}
}

@media speech {
	#header {display: none;}
	#footer {display: none;}
}