/********************************************************************************************************************
	Autor:   Martin Felcman - martin@felcman.cz - www.felcman.cz
	Projekt: Mifa.cz - on-line fotbalovy manager
	
	Posledni uprava:    
	Adresa CSS dokumentu: ???
	
 *****************************************************************************************************************/

body {background: #030402 url(../images/bg.jpg) repeat-x; font-family: Tahoma, Arial, Helvetica, sans-serif; color: black; text-align: center; height: auto; }
h1 { position: relative;  width: 232px; height: 61px; margin: 6px 0px 3px 28px; overflow:hidden; float: left; }
h1 span { display:block; position:absolute; left:0; top:5px; z-index:1; width: 232px; height: 61px; background:url(../images/mifa-logo.png) top left no-repeat;}
h1.logo { display: block; text-indent: -99999px; }

body#homepage {
    background: #030402 url(../images/bg-homepage.png) repeat-x;
}
body#homepage div#logoHeader {
    position: relative;
    top: 52px;
}
body#homepage div#logoHeader a {
    display: block;
    width: 232px;
    height: 70px;
    background:url(../images/mifa-logo-homepage.png) no-repeat;
    margin: 0 auto;
}

ul#menu { margin: 0 0 0 27px;  width: 964px; clear: both; padding: 0px; display: block; float: left; font-size: 0.8em; position:relative;  z-index:5;  }
ul#menu li {  margin: 0; float: left; display: inline; margin: 0 0 0 -2px; position:relative;}
ul#menu li span { display: none; }
ul#menu li a {display: block; background: top left no-repeat;}
ul#menu li.centrala a {width: 146px; height: 87px; background: url(../images/menu-centrala3.gif) 0 0 no-repeat;}
ul#menu li.komunikace a {width: 136px; height: 87px; background: url(../images/menu-komunikace.gif) 0 0 no-repeat;}
ul#menu li.hledej a {width: 137px; height: 87px; background: url(../images/menu-hledej.gif) 0 0 no-repeat;}
ul#menu li.info a {width: 137px; height: 87px; background: url(../images/menu-info.gif) 0 0 no-repeat;}
ul#menu li.kalendar a {width: 137px; height: 87px; background: url(../images/menu-kalendar.gif) 0 0 no-repeat;}
ul#menu li.obchod a {width: 139px; height: 87px; background: url(../images/menu-obchod.gif) 0 0 no-repeat;}
ul#menu li.tabulky a {width: 137px; height: 87px; background: url(../images/menu-tabulky.gif) 0 0 no-repeat;}
ul#menu li.centrala a:hover {background: url(../images/menu-centrala3.gif) 0 -87px no-repeat;}
ul#menu li.komunikace a:hover {background: url(../images/menu-komunikace.gif) 0 -87px no-repeat;}
ul#menu li.hledej a:hover {background: url(../images/menu-hledej.gif) 0 -87px no-repeat;}
ul#menu li.info a:hover {background: url(../images/menu-info.gif) 0 -87px no-repeat;}
ul#menu li.kalendar a:hover {background: url(../images/menu-kalendar.gif) 0 -87px no-repeat;}
ul#menu li.obchod a:hover {background: url(../images/menu-obchod.gif) 0 -87px no-repeat;}
ul#menu li.tabulky a:hover {background: url(../images/menu-tabulky.gif) 0 -87px no-repeat;}

/* dropdown menu*/
ul#menu li ul {display: none;}

ul#menu li:hover ul {display:block; position:absolute; top:87px; left:2px; background:#ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
ul#menu li.centrala ul li a { width: 138px !important; padding: 3px 0px 0 5px;}
ul#menu li.komunikace ul li a{ width: 128px !important; padding: 3px 0px 0 5px;}
ul#menu li.info ul li a { width: 129px !important; padding: 3px 0px 0 5px;}
ul#menu li.obchod ul li a { width: 131px !important; padding: 3px 0px 0 5px;}
ul#menu li.tabulky ul li a { width: 129px !important; padding: 3px 0px 0 5px;}
ul#menu li.kalendar ul li a { width: 129px !important; padding: 3px 0px 0 5px !important;}

ul#menu li:hover ul li a {display:block; background:#294129; color:#fff; height: 20px; border-top:1px solid #162116; border-left: 1px solid #ddd; text-decoration: none;}
ul#menu li:hover ul li a:hover { color:#e5e6e5; background:#39553a;}

/* dropdown menu - css hacks*/
ul#menu li a.hide, ul#menu li a:visited.hide { _display:none;}
ul#menu li a:hover ul {_display:block; _position:absolute; _top:87px; _left:2px; _border-bottom: 1px solid #ddd; _border-right: 1px solid #ddd; }
ul#menu li a:hover ul li a  {_display:block; _background:#294129 !important; _color:#fff; _height: 20px; _border-top:1px solid #162116; _border-left: 1px solid #ddd; }
ul#menu li a:hover ul li a:hover {_background:#39553a !important; _color:#e5e6e5;}