/* Body - Cele telo dokumentu */
body,html {
 font-size: 90%;
 color: #000000; 
 margin: 0;
 text-align: center;
 background: #005115; 
 font-family: "Trebuchet MS", sans-serif, Verdana, "Verdana CE", "Arial CE", "Lucida Grande CE"; 
} 


h1 {
 margin: 0 0 0 0;
 width: 400px;
 height: 50px;
 position: relative;
 color: #FE7503;
 font-size: 130%;
 font-weight: bold;
}

h1 span {
 display: block;
 width: 400px;
 height: 50px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1; 
}

h1#n-home span { background: url(grafika/home.gif) 0% 0% no-repeat #fff; }
h1#n-ofestu span { background: url(grafika/o-festivalu.gif) 0% 0% no-repeat #fff; }
h1#n-vstu span { background: url(grafika/vstupenky.gif) 0% 0% no-repeat #fff; }
h1#n-program span { background: url(grafika/program.gif) 0% 0% no-repeat #fff; }
h1#n-kontakt span { background: url(grafika/kontakt.gif) 0% 0% no-repeat #fff; }
h1#n-partneri span { background: url(grafika/partneri.gif) 0% 0% no-repeat #fff; }

h2 {
 margin: 0;
 color: #00510F;
 font-size: 100%;
 font-weight: bold;
}

p {
 margin: 5px 0 15px 0;
 font-size: 90%;
}


a:link, a:visited {
 color: #EF6203; 
}

a:active, a:hover {
 color: #2D5500; 
}

div#header {
 width: 760px;
 height: 124px;
 background: url(grafika/head2.gif) 0% 0% no-repeat #005115; 
 position: relative;
 margin: 0 auto;
} 

div#header p#logo, div#header h1#logo {
 position:absolute;
 top: 54px;
 left: 75px;
 width: 290px;
 height: 70px;
 margin: 0;
 padding: 0;
 overflow:hidden;
 color: #C10023;
 font-size: 189%;
 font-weight: bold;
 font-style: italic;
 text-decoration: none;
 background: #ffffff; 
 text-indent: 15px;
}

div#header p#logo span, div#header h1#logo span {
 display:block;
 position:absolute; left:0; top:0; z-index:1;
 width: 290px;
 height: 70px;
 margin:0;
 padding:0;
 background:url("grafika/logo-metrofest2.gif") 0% 0% no-repeat #fff;
 cursor: pointer;
 }
 

div#header p#logo A:link,div#header p#logo A:visited {
 color: #C10023; 
 text-decoration: none; 
 font-weight: bold; 
} 

div#header p#logo A:active,div#header p#logo A:hover {
 color: #98A8A8; 
 text-decoration: none; 
 font-weight: bold; 
}

div#header p#logo strong, div#header h1#logo strong {
 color: #173363;
}


div#header h1#logo, div#header h1#logo span {
border: 0;
cursor: auto;
}

div#header h1#logo span {
font-size: 0;
}

a#kontakt {
 font-weight: bold;
 display: block;
 width: 81px;
 height: 37px; 
 text-align: center; 
 position: absolute;
 top: 70px;
 right: 100px; 
 overflow: hidden;
 margin: 0 0 0 0;
 text-decoration: none; 
} 

a#kontakt span {
 display: block;
 width: 81px;
 height: 37px;
 position: absolute;
 top: 0;
 left: 0;
 cursor: pointer;
 z-index:1; 
}

a#kontakt span { background: url(grafika/menu-kontakt.gif) 0% 0% no-repeat; }
a#kontakt:hover span { background: url(grafika/menu-kontakt.gif) 100% 100% no-repeat; }


div#menu {
 width: 600px; 
 height: 49px;
 padding: 0;
 margin: 0 0 0 110px;
 font-size: 110%;
 font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE";
} 

div#menu a {
 font-weight: bold;
 display: block;
 height: 49px; 
 text-align: center; 
 position: relative;
 overflow: hidden;
 float: left;
 margin: 0 5px 0 0;
 text-decoration: none;  
}

div#menu a span {
 display: block;
 height: 49px;
 position: absolute;
 top: 0;
 left: 0;
 cursor: pointer;
 z-index:1; 
}

div#menu a#home, div#menu a#home span {  display: block; width: 64px; }
div#menu a#prog, div#menu a#prog span {  display: block; width: 101px; }
div#menu a#fest, div#menu a#fest span {  display: block; width: 135px; }
div#menu a#vstu, div#menu a#vstu span {  display: block; width: 115px; }
div#menu a#part, div#menu a#part span {  display: block; width: 101px; }

div#menu a#home span { background: url(grafika/menu-home.gif) 0% 0% no-repeat; }
div#menu a#home:hover span { background: url(grafika/menu-home.gif) 100% 100% no-repeat; }
div#menu a#prog span { background: url(grafika/menu-program.gif) 0% 0% no-repeat; }
div#menu a#prog:hover span { background: url(grafika/menu-program.gif) 100% 100% no-repeat; }
div#menu a#fest span { background: url(grafika/menu-ofestu.gif) 0% 0% no-repeat; }
div#menu a#fest:hover span { background: url(grafika/menu-ofestu.gif) 100% 100% no-repeat; }
div#menu a#vstu span { background: url(grafika/menu-vstupenky.gif) 0% 0% no-repeat; }
div#menu a#vstu:hover span { background: url(grafika/menu-vstupenky.gif) 100% 100% no-repeat; }
div#menu a#part span { background: url(grafika/menu-partneri.gif) 0% 0% no-repeat; }
div#menu a#part:hover span { background: url(grafika/menu-partneri.gif) 100% 100% no-repeat; }



div#obsah {
 width: 760px;
 height: 558px;
 background: url(grafika/bg-obsah.gif) 0% 0% no-repeat; 
 position: relative;
 margin: 0 auto;
 padding: 0 0 0 0;
 text-align: left; 
}

div#obsah div#pole {
 width: 530px;
 height: 450px;
 overflow: auto;
 position: relative;
 left: 90px;
 margin: 30px;
 padding: 0;
}

div#obsah div#pole h2, div#obsah div#pole p {
 width: 500px;
}

.le {
 width: 250px;
 height: 83px;
 float: left;
 margin: 0 10px 0 0;
}

.lev {
 width: 200px;
 height: 283px;
 float: left;
 margin: 0 10px 0 0;
}

.ce {
 float: left;
 margin: 0 10px 0 0;
}

#boxy {
 width: 520px;
 clear: left;

}

.box {
 width: 160px;
 height: 130px;
 float: left;
 margin: 15px 3px 0 0;
}


.box h2 {
 width: 160px;
}

.clear {
 display: block;
 clear: left;
 height: 1px;
 font-size: 1px;
}

.le {
 width: 128px;
 height: 182px;
}

.le2 {
 width: 250px;
 height: 83px;
 float: left;
 margin: 0 5px 0 0; 
}

div#foot {
 width: 760px;
 height: 50px;
 background: url(grafika/bg-foot.gif) 0% 0% no-repeat; 
 position: relative;
 margin: 0 auto;
 text-align: right;
 padding: 0; 
}

div#foot p {
 width: 500px;
 position: absolute;
 right: 40px;
 top: 2px;
 color: #EA9324;
}

div#foot p a:link, div#foot p a:visited {
 color: #EA9324;
}

div#foot p a:active, div#foot p a:hover {
 color: #fff;
}