#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu:after,#cssmenu > ul:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
#cssmenu #menu-button {  display: none;}
#cssmenu {
	float: left;
	width: 70%;
	background: transparent;
	top: 90px;
	left: 30%;
	z-index: 30;
	font-family: 'Lobster', cursive;
}

#cssmenu.align-right > ul > li {  float: right;}
#cssmenu > ul > li {	float: left;	display: inline-block;}

#cssmenu > ul > li.dva {width: 49.99%;}
#cssmenu > ul > li.tri {width: 33.33%;}
#cssmenu > ul > li.tri {width: 33.33%;}
#cssmenu > ul > li.ctyri {width: 24.9%;}
#cssmenu > ul > li.pet {width: 19.9%;}
#cssmenu > ul > li.sest {width: 16.66%;}
#cssmenu > ul > li.sedm {width: 14.28%;}
#cssmenu > ul > li.osm {width: 12.5%;}
#cssmenu > ul > li.devet {width: 11.1%;}
#cssmenu > ul > li.deset {width: 10%;}



#cssmenu.align-center > ul {  float: none;  text-align: center;}
#cssmenu.align-center > ul > li {  float: none;}
  #cssmenu ul li {	background: transparent url(../images/arr.png) no-repeat right;}
#cssmenu.align-center ul ul {	text-align: left;}

#cssmenu > ul > li > a {
	padding: 28px 2px 0px 2px;
	color: #d5ccb5;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	height: 72px;
	/*border-right: 1px solid #fafbfc;*/
	position: relative;
}

#cssmenu > ul > li > a > span.lamenuic  {	position: relative;	display: block;	background-color: #e8f0f8;	width: 80px;	height: 70px;	margin: -35px auto 4px auto;	border-radius: 50% 50% 10px 10px; /* top left, top right, bottom right, bottom left */	text-align: center;	overflow: hidden;}
#cssmenu > ul > li > a > span.lamenuic > img  {	width: 60px;	height: 60px;}

#cssmenu > ul > li > a:hover > span.lamenuic  {
	color: #fcfcef;
	border-bottom: 2px solid #fcfcef;
}



#cssmenu > ul > li > a span.menutucne {	font-weight: 700;	float: none;	display: block;	margin: 0px 0px 8px 0px;}
#cssmenu > ul > li > a.poslodazmenu {
	border-right: 0px none #e8f0f8;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {		color: #fcfcef;
	border-bottom: 2px solid #fcfcef;}
#cssmenu > ul > li.has-sub > a {  padding-right: 45px;}
#cssmenu > ul > li.has-sub > a::after {  content: "";  position: absolute;  width: 0;  height: 0;  border: 6px solid transparent;  border-top-color: #d3eced;  right: 17px;  top: 22px;}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {  border-top-color: #ffffff;}

div.dropdown{
	position: absolute;
	padding-top: 0px;
	font-size: 15px;
	opacity: 0;
	-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
	-moz-transition: top 0.2s ease, opacity 0.2s ease-in;
	-ms-transition: top 0.2s ease, opacity 0.2s ease-in;
	-o-transition: top 0.2s ease, opacity 0.2s ease-in;
	transition: top 0.2s ease, opacity 0.2s ease-in;
	width: 100%;
	display: none;
	height: auto;
	background-color: #f5f2ee;
	z-index: 30000;
	margin-top: 41px;
}

div.dropdown img{	width: 80%;	height: auto;}

div.droppadd{	
padding: 0px 0px 0px 0px;	
border-left: 1px solid rgba(200,200,200,1);	
border-right: 1px solid rgba(200,200,200,1);	
border-bottom: 1px solid rgba(200,200,200,1);	

background-color: #f5f2ee;	
/*background-color: #ccc \9; *//*fallback for old IE*/		
height: auto;	
background: White none no-repeat;
}

div.sacky{	width: 500%;}

div.prvni{	left: 0%;right:auto;}
div.druhy {	left: -100%;right:auto;}
div.treti {	left: -200%;right:auto;}
div.ctvrty {	left: -300%;right:auto;}

div.dropcont{	width: 33%;	float: left;	height: auto;}
div.dropcont2{	width: 100%;	float: none;	height: auto;}
div.dropcont25{	width: 25%;	float: left;	height: auto;}
/* links in sub menu
----------------------------*/
#cssmenu .dropdown li{
	padding: 0px 0px 0px 0px;
}
#cssmenu .dropdown h3
{
	/*display: table-row;
	*display: block;*/
	color: Black;
	line-height: 22px;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	border-bottom: 1px solid Gray;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: bold;
}

#cssmenu .dropdown a{
	display: block;
	*display: block;
	color: Gray;
	line-height: 30px;
	text-decoration: none;
	padding: 10px 7% 10px 7%;
	font-size: 1.1em;
	width: 100%;
}

#cssmenu .dropdown a:hover, #cssmenu .dropdown a:focus{
	text-decoration: none;
	color: #ffffff;
	background-color: #4e4841;
}

#cssmenu > ul > li:hover > div {	top: 32px; /*left: 0;*/	opacity: 1;	display: block;}
#cssmenu.align-right > ul > li:hover > div { /* left: auto;  right: 0;*/}

#cssmenu .dropdown a span.lamenuICsub{	display: block;	color: Gray;	text-decoration: none;	float: left;	width: 38px;	height: 28px;	margin-left: 8px;}
#cssmenu .dropdown a span.lamenuICsub img{	width: 28px;	height: 28px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#cssmenu .dropdown a:hover span.lamenuICsub img{	
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

#cssmenu .dropdown a span.lamenuTEsub{	display: block;float: left;}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
   .fullwidthmenu{	background: White;	height: auto;	width: 100%;		position: relative;	z-index: 3000;}

	#cssmenu {    background: #0f0b07;  }
  #cssmenu > ul {    display: none;  }
  #cssmenu > ul.open {    display: block;    border-top: 1px solid rgba(0, 0, 0, 0.1);  }
  #cssmenu.align-right > ul {    float: none;  }
  #cssmenu.align-center > ul {    text-align: left;  }
  #cssmenu > ul > li,  #cssmenu.align-right > ul > li {	float: none;	display: block;}

  #cssmenu > ul > li > a { color: White;   padding: 18px 25px 18px 25px;    border-right: 0;  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
	background: rgba(0, 0, 0, 0.1);
	color: White;
}
  #cssmenu #menu-button {    display: block;    text-decoration: none;    font-size: 13px;    font-weight: 700;    color: #eaeaea;    padding: 18px 25px 18px 25px;   /* text-transform: uppercase;*/    letter-spacing: 1px;    background: url('images/bg.png');    cursor: pointer;  }
  
  #cssmenu #menu-button::after {    display: block;    content: '';    position: absolute;    height: 3px;    width: 22px;    border-top: 2px solid #ffffff;    border-bottom: 2px solid #ffffff;    right: 25px;    top: 18px;  }
  #cssmenu #menu-button::before {    display: block;    content: '';    position: absolute;    height: 3px;    width: 22px;    border-top: 2px solid #ffffff;    right: 25px;    top: 28px;  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {    display: none;  }
  
#cssmenu > ul > li.dva, #cssmenu > ul > li.tri, #cssmenu > ul > li.ctyri, #cssmenu > ul > li.pet, #cssmenu > ul > li.sest, #cssmenu > ul > li.sedm, #cssmenu > ul > li.osm, #cssmenu > ul > li.devet, #cssmenu > ul > li.deset {width: 100%;}

}

@media only screen and (max-width: 930px) {
 #cssmenu ul li {	background: transparent none no-repeat;}
}

@media only screen and (max-width: 780px) {
#cssmenu {	float: none;width: 100%;}
}

@media only screen and (max-width: 480px) {
	#cssmenu {	float: none;width: 100%;
		top:28px;
	left: 0%;
	}
	div.dropdown, div.dropdown ul {	display: none;	background-color: Fuchsia;	left: -9999px;}
	 #cssmenu > ul > li > a:hover > div.dropdown  {	display: none;	left: -9999px;}
	 #cssmenu > ul > li {width: 100%;}
}