#tlo_logo{
width:50%;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); 
display:block;
margin-left:auto;
margin-right:auto;

/*
margin-top:auto;
width:auto;
position:relative;
left:0;
display:block;
 padding: 8vh 0 3vh 0;
*/
/*
padding-left:25%;
padding-right:25%;
padding-top:44px;
padding-bottom:24px;
*/
  
   
}
#logo_scale{
/* width:50%;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
padding-top:24px;
padding-bottom:34px;
  
}

#start_bt{
margin-top:40px;

/*
			margin: 0;
			position:relative;
			top: 90vh;
			margin-top: -100vh;
			transform: translate(0%, -100vh);			
*/
}
#logo
{
  font-family: "Roboto Condensed",sans-serif;
  font-size: 1.4em;
 text-decoration:none;
}

#logo p{

    font-family: "Source Sans Pro",sans-serif;
    font-size: 15pt;
    font-weight: 300;
    
				
				color:#ffffff;
				margin: 0 0 0 0;
				line-height: 1.1em;
				
				text-align: inherit;
				/*
				
				margin: 1em 0 2em 0;
				line-height: 1.5em;
				text-align: inherit;
*/
}


#tlo_logo hr{
/* width:100%; */
width:80%;
}
#tlo a{
    margin: 1em 0 0;
	  
  }

  
  
  
/* #top_menu{ */

#nav{
position: absolute;
top:0px;
left:0px;
width: 100%; 
padding: 0px;
margin: 0px;
z-index:2;
/* height: 6vh;*/
height: 60px;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); 
/* background: none repeat scroll 0 0 #1089AB; */

}

.inner{
height: 0;
margin-top:auto;
margin-bottom:auto;
}

/*
header{

height: 60vh;
margin-top:auto;
margin-bottom:auto;
}
*/
.navbar {
	overflow: visible;
	/* margin-bottom: 18px;*/
	/*position: relative;
	*z-index: 2; */
text-align:center;
width: 100%;
height:100%;

padding-left: auto;
padding-right: auto;

}

  .navbar img{
 max-height:60px;
 display: inline;
  float:left;
 
margin-right:20px; 
margin-left:20px; 
  }

#nav ul{

 display:inline-block;
 
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;    

}
 
#nav a:hover 
{

  /* background-color: #005f5f;  over 
  background-color: #00E000;*/
  background-color: #24AC24;
  color: #fff!important;
  text-shadow: 0 1px 0 #222222!important;	
 
}



#mail a {

  text-decoration: none;
  color: #fff;
  
}

#mail a:hover 
{
  color: #E86D1B!important;
  /* text-shadow: 0 1px 0 #333333!important;	  */
}




 .navbar .nav > .active > a{
  /**/
  
  color: #444!important;
  text-shadow: 0 1px 0 #ffffff!important;	
  
}
.navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover{
 background-color: #f0f0f0!important; 
}

#nav ul {
  list-style: none;
/*  background-color: #005F5F;*/
   background-color:transparent;

  padding: 0px;
  margin: 0px;
  height:100%;

  }

#nav ul li {
/* przerwy miedzy menu
 text-align: left;
 float: left;
 */
 display: inline-block;
 height:100%;
 
 /* 
 border-bottom: none;
 border-right: 1px solid #108968;
  */
}
#nav li:last-child {
border-right: 0px;
}

#nav a {

display: inline-block;
line-height:60px;  
padding-left:1.4vw;  
padding-right:1.4vw;  

  transition: .3s background-color;
  font-family: "Roboto Condensed",sans-serif;
  
  font-size: 1.7vw;
  /*
  display: inline-block;
  padding: 18px 18px; 
  */
  /* font-size: 1.3vw;
  padding: 0.3vw 2.5vh; 
   font-size: 1.5vw;
  padding: 1.3vw 2.5vh; 
  display: table-cell;
  vertical-align: middle;
 
  */
 
  text-decoration: none;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;	

  position: relative;
  /*
  top: 50%;
  transform: translateY(-50%); 
*/
  /* background-color: rgba(222,222,222,0.7);*/
  background-color: #fff;
}
  
  /* Sub Menus */
  #nav li ul {
    /* position: absolute;  */
    display: none;
/*    width: inherit;  */
  }
	
  #nav li:hover ul {
    display: block;
background-color: #009f5f;	


  }

  #nav li ul li {
    display: block;
	
	font-size: 1.2em;
  }
  #nav li ul li a{
  	
	padding-left: 34px;
}