@charset "utf-8";
/* CSS Document */
/******************************************* NAVBAR   */
	
	
	.navbar {
		position: absolute;
		min-height: 10px;
		margin-bottom: 20px;
		border: none;
		right: 30px;
		top: 30px;
		/*background-color: rgba(0,0,0,0.5);*/
		z-index: 999;
		/*width: 100vw;*/
	}
	.navbar_active {
		background-color: rgba(0,0,0,0.7);
		-webkit-transition: all 0.5s ease-in-out;
	    -moz-transition:all 0.5s ease-in-out;
	    -o-transition:all 0.5s ease-in-out;
	    transition:all 0.5s ease-in-out;
	}
	.nav_menu {
		clear: both;
	}
	.nav_menu ul {
	}
	.nav_menu li {
		/*display: inline-block;
		
		text-transform: uppercase;
		color: #818285;
		text-decoration: none;
		padding: 0.3rem 0.75rem 0.5rem 0.75rem;
		font-size: 1.2rem;*/
	}
	.nav_menu li {
		display: block;
		font-weight: 400;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		padding: 0.8rem 0rem 0.8rem 0;
		/*font-size: 1.2rem;*/
		/*background-color: rgba(0,0,0,0.7);*/
		margin-bottom: 1px;
		margin-right: 0.5rem;
		font-family: "futura-pt",sans-serif;
		font-size: 0.8rem;
	}
	.secondary_menu  {
		position: absolute;
		right: 10px;
    	top: 11px;
		color: white;
    	text-transform: uppercase;
    	font-family: "futura-pt",sans-serif;
		font-size: 0.7rem;
		text-decoration: none;
	}
		
	.nav_menu li:hover {
		color: #ccc;
	}
	.nav_menu li:last-child {
	}
	.nav_menu li a {
		text-decoration: inherit;
		color: inherit;
		font-size: inherit;
	}
	.navbar-toggle {
		display: none;
	}
	.nav_menu {
		display: none;
		text-align: right;
		/*background-color: rgba(0,0,0,0.7);*/
	}
.secondary_menu .rez_menu {
		  margin: 0px !important; 
	}
	.nav_menu li .rez_menu, .secondary_menu .rez_menu {
		border-radius: 5px; 
		color: white;
		background-color: #0083ce; 
		padding: 5px 10px; 
		margin: -5px -8px;
		text-decoration: none;
	}
.nav_menu li .rez_menu {
		    margin: 0 0 0 0;

	}
	.nav_menu li .rez_menu:hover, .secondary_menu .rez_menu:hover {
		background-color: gray; 
	}
	div.nav_m {
		display:block;
	}
	
	.nav_menu li a {
		/*background-color: inherit;*/
		margin-left: 1rem;

	}
	.nav_menu li.rezervace {
		color: orange;
		border: 2px solid orange;
		border-radius: 10px;
		border-right: none;
		padding: 8px 0;
		margin-left: 10px;
	}
	.nav_menu li.rezervace a:hover {
		color: white;
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 0.5rem;
		margin: 0.2rem;
		background-color: rgba(0,0,0,0.0);
		background-image: none;
		border: 2px solid #fff;
		border-radius: 0.3rem;
		cursor: pointer;
		cursor: hand;
		display: block;
	}
	.navbar-toggle:focus {
		outline: 0;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 1.5rem;
		height: 0.19rem;
		border-radius: 1px;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 0.25rem;
	}
	.navbar-default .navbar-toggle {
		border-color: #eee;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #eee;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #eee;
	}
.navbar-toggle  .ui-button-text {
     padding: 0; 
}


@media screen and (max-width:800px) { /* mensi obrazovky */
	.navbar {
		position: absolute;
		min-height: 10px;
		margin-bottom: 20px;
		border: none;
		top: 0px;
		right: 0px;
	}
	.navbar_active {
		background-color: rgba(0,0,0,0.9);
		width: 100vw;
		max-width:100%;
	}
		.nav_menu {
		text-align: center;
	}
	.nav_menu li {
		display: block;
		font-family: "futura-pt",sans-serif;
		text-transform: uppercase;
		color: white;
		text-decoration: none;
		padding: 1.0rem;
		font-size: 1.3rem;
		/*background-color: rgba(0,0,0,0.7);*/
		margin-bottom: 1px;
		margin-right: 0;
		border-bottom: solid 1px #333;
		
	}
	.nav_menu li a {
		/*background-color: inherit;*/
		margin-left: 0;

	}
	.nav_menu li.rezervace {
		color: orange;
		border: 2px solid orange;
		border-radius: 10px;
		padding: 8px 0;
		margin-left: 10px;
		margin-right: 10px;
	}
	.m_inner1 {
		margin-top: 0px;
		margin-left: -40px;
	}
	.m_inner2 {
		margin-top: 0px;
	}
	.secondary_menu {
		display: none;
	}
	.nav_menu .phonemenu {
		display: inline;
	}
}
