#topmenu {
	position:relative;
	z-index:3;
	margin:0;
	padding:0;
}

#topmenu .pointer{
	cursor:pointer;
}

#topmenu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 7px 15px 7px 15px !important;
	margin: 0px 0px 0px 0px !important;
	font-size:1.2em;
	font-size:0.9em;
	font-family: 'Archivo Narrow', sans-serif;
}

#topmenu .close {
	position:absolute;
	top:4px;
	right:4px;
	background:url('../images/icons/close.png') no-repeat center center;
	background-color:#000;
	width:16px;
	height:16px;
	cursor:pointer;
}

#topmenu li:hover {
	color: #fff;
	background:#bbb;
}

#topmenu li:last-child {
	background:transparent !important;
	color:#494949 !important;
	margin-left:30px !important;
}

#topmenu li a {
	display:block;
	outline:0;
	text-decoration:none;	
	color:#494949;
	background: transparent !important;
}

#topmenu li:hover a {
	color: #fff !important;
}

#topmenu .muj_ucet {
	display:none;
	float:left;
	width:270px;
	margin:0px auto;
	position:absolute;
	right: 0px;
	top: 0px;
	z-index:2;
	text-align:left;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #fff,  #f0f0f0);	
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  border:solid #dddddd 1px;
	color:#000;
}

#topmenu .prihlaseni, #topmenu .registrace, #topmenu .zapomenute_heslo, #topmenu .zakaznicka_karta {
	float:left;
	clear:left;
	width:100%;
	color:#000;
}

	#topmenu .prihlaseni h2, #topmenu .registrace h2, #topmenu .zapomenute_heslo h2, #topmenu .zakaznicka_karta h2 {
		display:block;
		color:#000 !important;
		margin:7px 10px 7px 10px !important;
		padding:0px !important;
	}	
	
	#topmenu .prihlaseni p, #topmenu .registrace p, #topmenu .zapomenute_heslo p, #topmenu .zakaznicka_karta p {
		display:block;
		margin:0px 0px 10px 10px;
		color:#4e5665;
		background:transparent;
		font-size:0.9em;
	}	
	
	#topmenu .prihlaseni p.name, #topmenu .registrace p.name, #topmenu .zapomenute_heslo p.name, #topmenu .zakaznicka_karta p.name {
		float:left;
		clear:left;
		width:75px;
		line-height:32px;
	}
	
	#topmenu .prihlaseni p.value, #topmenu .registrace p.value, #topmenu .zapomenute_heslo p.value, #topmenu .zakaznicka_karta p.value {
		float:left;
		clear:none;
		width:155px;
	}
	
	#topmenu .prihlaseni p.value input, #topmenu .registrace p.value input, #topmenu .zapomenute_heslo p.value input, #topmenu .zakaznicka_karta p.value input {
		width:100%;
		height:28px;
		border:solid #e1dfdc 1px;
		background: #f9f9f9;
		background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
		background: -moz-linear-gradient(top,  #f9f9f9,  #fff);
		text-indent:15px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
		box-shadow: 0 1px 2px rgba(0,0,0,.1);			
	}
	
	#topmenu .selected {
		background:#ffee97;
	}

	#topmenu .registrace p a.reg {
		color:#ea4499 !important;
	}
	
	#topmenu .registrace p a.reg-fb {
		color:#4a6aaf !important;
	}

#topmenu p, #topmenu h2, #topmenu h3, #topmenu ul li {
	line-height:21px;
	font-size:12px;
	text-align:left;
	color:#fff;
}

#topmenu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:6px 0 14px 0;
	padding-bottom:14px;
}

#topmenu h3 {
	font-size:16px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	font-weight:normal;
}

#topmenu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#topmenu form {
	overflow:auto;
}


#topmenu .login-submit {
	border:0px;
	border-top: solid #75cff9 1px;
	background: #3cbefa !important;
	background-image: -webkit-gradient(from(#3cbefa), to(#008abf)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#3cbefa, #008abf) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#3cbefa, #008abf) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(#3cbefa, #008abf) !important; /* IE10 */
	background-image: -o-linear-gradient(#3cbefa, #008abf) !important; /* Opera 11.10+ */
	background-image: linear-gradient(#3cbefa, #008abf) !important; /* W3C */	
	text-indent:0px;
	width:95px;
	height:30px;
	float:right;
	clear:right;
	margin-right:18px;
	color:#fff;
	font-size:1.0em;
	font-family: 'Archivo Narrow', sans-serif;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
	cursor:pointer;
}

#topmenu .login-submit-fb {
	border-top:solid #b4bfd7 1px;
	background: #5a73ab !important;
	background-image: url('../images/prihlasit-pres-facebook-small.png') !important; /* fallback */
	background-image: url('../images/prihlasit-pres-facebook-small.png'), -webkit-gradient(from(#547fcd), to(#2c5290)) !important; /* Saf4+, Chrome */
	background-image: url('../images/prihlasit-pres-facebook-small.png'), -webkit-linear-gradient(#547fcd, #2c5290) !important; /* Chrome 10+, Saf5.1+ */
	background-image: url('../images/prihlasit-pres-facebook-small.png'),    -moz-linear-gradient(#547fcd, #2c5290) !important; /* FF3.6+ */
	background-image: url('../images/prihlasit-pres-facebook-small.png'),     -ms-linear-gradient(#547fcd, #2c5290) !important; /* IE10 */
	background-image: url('../images/prihlasit-pres-facebook-small.png'),      -o-linear-gradient(#547fcd, #2c5290) !important; /* Opera 11.10+ */
	background-image: url('../images/prihlasit-pres-facebook-small.png'),         linear-gradient(#547fcd, #2c5290) !important; /* W3C */	
	background-position: 0px 0px, center center !important;
  background-repeat: no-repeat !important;			
	border:0px;
	text-align:center;
	text-indent:30px;
	width:140px;
	height:30px;
	float:left;
	clear:left;
	margin-left:10px;
	margin-top:-30px;
	color:#fff;
	font-size:1.0em;
	font-family: 'Archivo Narrow', sans-serif;
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
	cursor:pointer;
}

/* klasicke ul li menu*/

#topmenu li ul {
	display:none;
}

#topmenu li:hover > ul {
	display:block;
}

#topmenu li ul {
	position:absolute;
	top:30px;
	background: #efefef;
	float:left;
	width:100%;
	margin:0px !important;
	padding:0px !important;
	margin-left:-15px !important;
}

#topmenu li ul li {
	float:left;
	clear:left;
	width:auto;
	color: #000;
	text-align:left !important;
	margin-left:0px !important;
	cursor:pointer;
  width: 100%;
  margin: 0 !important;
  padding: 10px 0px 10px 0px !important;
  text-indent:15px;
  border: 0 !important;
  display: block;
	
}

#topmenu li ul li:first-child {
	color: #000 !important;
	margin-left:0px !important;
}

#topmenu li ul li:last-child {
	color: #000 !important;
	margin-left:0px !important;
}

#topmenu li ul li:hover {
	background:#2e3033;
	color: #fff !important;
}

#topmenu li ul li:first-child:hover  {
	background:#2e3033 !important;
	color: #fff !important;
}

#topmenu li ul li:last-child:hover  {
	background:#2e3033 !important;
	color: #fff !important;
}
	
	#topmenu li:hover ul li a {
		color: #494949 !important;
	}	
	
	#topmenu li ul li:hover a {
		color: #fff !important;
	}