/* File: menu.css */

@media screen {

	/* ------------- MENU ------------------------------------------------------------------------------ */
	
	/* ### MENU ### */
	#menu {
		margin: 0px;
		padding: 0px;
		clear: both;
		padding-top: 2px;
		/*border: 1px dotted green;*/
	}
	
	#menu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#menu ul li {
		width: 193px;
		height: 221px;
		float: left;
		background-color: #ccc;
		/*border: 1px solid #333;*/
		padding: 0px;
		margin: 0px;
		margin-right: 2px;
	}
	
	#menu ul li.last {
		margin-right: 0px !important;
	}
	
	#menu ul li a {
		position: relative;
		top: 50px;
		left: 0px;
		/*border: 1px dotted red !important;*/
	}
	
	#menu ul li a img {
		padding: 0px;
		margin: 0px;
	}
	
	#menu ul li ul li {
		width: auto;
		height: auto;
		margin-left: 10px;
		float: none;
		border: none;
	}
	
	/* Home */
	#menu li#menuitem-home {
		background: url('../images/menu/menubg.home.jpg') top left no-repeat;
	}
	#menu li#menuitem-home.active {
		background: url('../images/menu/menubg.home.active.jpg') top left no-repeat;
	}
	/* Projekty */
	#menu li#menuitem-projekty {
		background: url('../images/menu/menubg.projekty.jpg') top left no-repeat;
	}
	#menu li#menuitem-projekty.active {
		background: url('../images/menu/menubg.projekty.active.jpg') top left no-repeat;
	}
	/* Partneri */
	#menu li#menuitem-partneri {
		background: url('../images/menu/menubg.partneri.jpg') top left no-repeat;
	}
	#menu li#menuitem-partneri.active {
		background: url('../images/menu/menubg.partneri.active.jpg') top left no-repeat;
	}
	/* O nas */
	#menu li#menuitem-o-nas {
		background: url('../images/menu/menubg.o-nas.jpg') top left no-repeat;
	}
	#menu li#menuitem-o-nas.active {
		background: url('../images/menu/menubg.o-nas.active.jpg') top left no-repeat;
	}
	
	
	/* ----------------------------------------------------------- */
	
	
	
	/* ### SUBMENU ### */
	/* Reset submenu */
	#menu ul.submenu { width: auto; height: auto; float: none; background: none; padding: auto; margin: auto; }
	#menu ul.submenu li a { top: 0px; }

	
	ul.submenu {
		margin: 0px !important;
		padding: 0px !important;
		position: relative;
		top: 46px;
		left: 0px;
		/*border: 1px dotted blue;*/
	}
	
	ul.submenu li {
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		/*line-height: 0em;*/ /* Stupid hack: MSIE nehodla chapat height */
		font-size: 1px;
		/*height: 16px !important; */
		height: auto;
		float: none;
		/*border: 1px dotted red !important;*/
	}
	
	ul.submenu li img {
		position: relative;
		top: 0;
		left: 0;
	}
	
	
	
	/* ----------------------------------------------------------- */
	
	
	
	/* ### PAGENAV ### */
	
	#pagenav {
		color: #434343;
		font-size: 13px;
		margin: 20px 0px 20px 140px;
		padding: 0px;		
	}
	
	#pagenav ul {
		margin: 0px !important;
		padding: 0px !important;
		list-style: none;
		background-color: #434343;
	}
	
	#pagenav li {
		font-weight: bold;
		padding: 2px 4px 3px 0px;
		/*float: left;*/
		background-color: #E5E5E5;
		border-bottom: 1px solid #fff;
	}
	
	#pagenav li span {
		padding: 2px 4px 3px 4px;
	}
	
	#pagenav li:hover, #pagenav li.hover {
		background-color: #D9D9D9;
	}
	
	#pagenav li.active {
		padding-left: 10px;
		background-color: #F8D388;
	}
	
	#pagenav li.active span {
		background-color: #F8D388 !important;
	}
	
	#pagenav li a {
		color: #434343;
		text-decoration: none;
	}
	
	#pagenav li a:hover {
		text-decoration: underline;
	}
	
	#pagenav li.active a {
		color: #434343;
	}
	/* ----------------------------------------------------------- */
	
	
	#menu a.textmenu {
		color: blue !important;
		font-size: 14px !important;
		background-color: white;
		position: relative !important;
		padding: 3px;
		margin: auto;
		margin-bottom: 5px;
	}
	
	#menu ul.submenu a.textmenu {
		font-size: 12px !important;
	}
	
	#menu li.active > a.textmenu, #menu a.textmenu.active {
		background-color: yellow !important;
	}


	/* ### LANGSWITCH ### */
	
	#langswitch {
		font-family: 'Helvetica CE', 'Arial', sans-serif;
		font-size: 11px;
		color: #676869;
		position: absolute;
		top: 245px;
		left:15px;
		z-index: 900;
		/*background-color: #ccc;*/
	}
	
	#langswitch a {
		color: #676869;
	}
	
	/* BARVY */
	#langswitch a { /* home */
		color: #77C838;
	}
	#langswitch.projekty a { /* projekty */
		color: #ECA20F;
	}
	#langswitch.partneri a { /* partneri */
		color: #F50B26;
	}
	#langswitch.o-nas a { /* o-nas */
		color: #5FA9C5;
	}
	
}