/* TOP MENU */

ul#topMenu{
	list-style-type: none;
	height: 25px;
	margin-left: 430px;
	text-align: right;
}

ul#topMenu li{
	display: block;
	float: right;
	height: 25px;
}

	ul#topMenu li a {
		display: block;
		font-size: 10px;
		font-weight: bold;
		float: left;
		padding: 6px 15px 0px 15px;
		height: 19px;
		text-transform: uppercase;
		text-decoration: none;
		color: #0c4a9c;
		background: url("../images/layout/menu-bg.gif") left top no-repeat #fff;
	}
	
	ul#topMenu li a:hover{
		color: #f99540;
	} 

/* ____________________________________________ DROPDOWN MENU START */


ul#topMenu li ul { 
	position: absolute;
	left: -999em; 
	
}
ul#topMenu li ul li {
        display: block;
        text-align:left;
    } 


ul#topMenu li:hover ul{ margin-top: 25px; }

ul#topMenu li:hover ul,
ul#topMenu li.sfhover ul { left: auto; clear: both !important; }

ul#topMenu li.sfhover ul{ margin-top: 0px !important;  }

ul#topMenu li ul li a {
    	text-align: left;
    	text-decoration: none;
        display: block; 
        font-size: 10px; 
        font-weight: normal;
        margin: 0px 0px 0px 0px;
    	padding: 5px 0px 0px 15px;
    	border-bottom: solid 1px #0c4a9c ;
 }
 
ul#topMenu li:hover,
ul#topMenu li.hover {
    position: static;
	
} 

ul#topMenu li:hover ul li a:hover, 
ul#topMenu li.sfhover ul li a:hover {
	color: #f99540;
	background: #f2f2f2;
    	border-bottom: solid 1px #f89039 ;
}

ul#topMenu li ul,
ul#topMenu li ul li a,
ul#topMenu li ul li {  width: 201px;  }	


/* ____________________________________________ DROPDOWN MENU  END */

/* MAIN MENU */

ul#mainMenu{
	list-style-type: none;
	height: 61px;
}

ul#mainMenu li{ display: block; float: left; }


ul#mainMenu li a{
	display: block;
	height: 41px;
	width: 155px;
	float: left;
	background-color: #ccc;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 20px 20px 0px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

	ul#mainMenu li a#obchody{
		width: 156px;
		background: url("../images/mainmenu/obchody.jpg") left top no-repeat #0c4da2;
	}
	
		ul#mainMenu li a#obchody:hover{
			background: url("../images/mainmenu/obchody-hov.jpg") left top no-repeat #0c4da2;
		}
	
	ul#mainMenu li a#gastro{
		width: 154px;
		background: url("../images/mainmenu/restaurace.jpg") left top no-repeat #0c4da2;
	}
		ul#mainMenu li a#gastro:hover{
			background: url("../images/mainmenu/restaurace-hov.jpg") left top no-repeat #0c4da2;
		}
	
	ul#mainMenu li a#sluzby{
		background: url("../images/mainmenu/sluzby.jpg") left top no-repeat #0c4da2;
	}
		ul#mainMenu li a#sluzby:hover{
			background: url("../images/mainmenu/sluzby-hov.jpg") left top no-repeat #0c4da2;
		}
	
	ul#mainMenu li a#zabava{
		background: url("../images/mainmenu/zabava.jpg") left top no-repeat #0c4da2;
	}
		ul#mainMenu li a#zabava:hover{
			background: url("../images/mainmenu/zabava-hov.jpg") left top no-repeat #0c4da2;
		}
	
	ul#mainMenu li a#aktuality{
		background: url("../images/mainmenu/akce.jpg") left top no-repeat #f38121;
	}
		ul#mainMenu li a#aktuality:hover{
			background: url("../images/mainmenu/akce-hov.jpg") left top no-repeat #f38121;
		}
		
	ul#mainMenu li a#obchody:hover,
	ul#mainMenu li a#gastro:hover,
	ul#mainMenu li a#sluzby:hover,
	ul#mainMenu li a#zabava:hover
	{ color: #c9d7ea; }
	
	ul#mainMenu li a#aktuality:hover
	{ color: #fdddc1; }

	/* COSTUMERS */
	ul.costumersFolder, 
	ul.costumers{
		list-style-type: none;
		padding: 0px !important;
	}
	ul.costumersFolder li a,
	ul.costumers li a{
		display: block;
		height: 20px;
		background: url("../images/layout/li-shops-bg.gif") left center no-repeat;
		padding: 5px 0px 5px 30px;
		font-size: 15px;
		font-weight: normal;
		text-decoration: none;
	}
	
	ul.costumersFolder li a:hover,
	ul.costumers li a:hover{
		background: url("../images/layout/li-shops-bg-hover.gif") left center no-repeat;
	}
		
		ul.costumersFolder li ul,
		ul.costumers li ul{
			margin: 0px !important;
			padding: 0px !important;
			list-style-type: none;
		}
		
		ul.costumersFolder li ul li a,
		ul.costumers li ul li a{
			display: block;
			height: 18px;
			padding: 2px 0px 0px 50px;
			font-size: 11px;
			background: url("../images/layout/li-li-shops-bg.gif") 28px center no-repeat;
		}  
		
		ul.costumersFolder li ul li a:hover,
		ul.costumers li ul li a:hover{	background: url("../images/layout/li-li-shops-bg-hover.gif") 28px center no-repeat; }