body {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px}

#mother {width:1056px; margin:0 auto}
#site {background:url(../gfx/informace_o_muzeu-pozadi.png) top left no-repeat; width: 940px; height:610px; margin-left: 15px}
#content {padding:270px 0 10px 235px; max-width: 510px; text-align:justify;}

a {text-decoration:underline}
a img {border: none}
h2 {color:#993300}
h3 {color: #B54A04}

/* GALERIE --------------------------------------------------------------------------- */
.gallery, .gallery-nocomment {width:162px; border-top:2px solid #999999; padding: 2px; margin:11px 2px 2px; float:left; text-align:center; height:210px}
.gallery-nocomment {height:120px; width:119px; display:block; float:left}
.gallery a, .gallery-nocomment a {border: none}
.gallery a img, .gallery-nocomment a img {margin-top: 10px; border: 2px solid white}
.gallery a:hover img, .gallery-nocomment a:hover img {margin-top: 10px; border: 2px solid #ffb686}
.gallery p {text-align:center}

/* NADPISY --------------------------------------------------------------------------- */
#site h1 {position:absolute; top: 180px;}
#site h1 {position:relative; overflow:hidden; height: 36px;}
#site h1 span {position: absolute; display: block; left:0px; top:0; z-index:1; height: 36px;}

/* HLANVÍ MENU ----------------------------------------------------------------------- */
ul#hlavni_menu {margin: 0 0 0 25px;}
ul#hlavni_menu li {list-style-type:none; margin: 17px 0 17px}
ul#hlavni_menu li a {position:relative; overflow:hidden; height: 36px;}
ul#hlavni_menu li a span {position: absolute; display: block; left:0px; top:0; z-index:1; height: 36px;}

a#menu-01 h1#h-01 {width: 296px;}
a#menu-01 span, h1#h-01 span{width:296px;background:url(../menu/01-informace_o_muzeu.png) top left no-repeat;}
a:hover#menu-01 span{background:url(../menu/01-informace_o_muzeu.png) bottom left no-repeat;}

a#menu-02, h1#h-02 {width: 411px;}
a#menu-02 span, h1#h-02 span{width:411px; background:url(../menu/02-oteviraci_doba.png) top left no-repeat;}
a:hover#menu-02 span{background:url(../menu/02-oteviraci_doba.png) bottom left no-repeat;}

a#menu-03, h1#h-03 {width: 237px;}
a#menu-03 span, h1#h-03 span{width: 237px; background:url(../menu/03-stala_expozice.png) top left no-repeat;}
a:hover#menu-03 span{background:url(../menu/03-stala_expozice.png) bottom left no-repeat;}

a#menu-04, h1#h-04 {width: 311px;}
a#menu-04 span, h1#h-04 span{width: 311px; background:url(../menu/04-co_noveho.png) top left no-repeat;}
a:hover#menu-04 span{background:url(../menu/04-co_noveho.png) bottom left no-repeat;}

a#menu-05, h1#h-05 {width: 244px;}
a#menu-05 span, h1#h-05 span{width: 244px; background:url(../menu/05-akce_a_vystavy.png) top left no-repeat;}
a:hover#menu-05 span{background:url(../menu/05-akce_a_vystavy.png) bottom left no-repeat;}

a#menu-06, h1#h-06 {width: 309px;}
a#menu-06 span, h1#h-06 span{width: 309px; background:url(../menu/06-kurzy.png) top left no-repeat;}
a:hover#menu-06 span{background:url(../menu/06-kurzy.png) bottom left no-repeat;}

a#menu-07, h1#h-07 {width: 157px;}
a#menu-07 span, h1#h-07 span{width: 157px; background:url(../menu/07-exkurze.png) top left no-repeat;}
a:hover#menu-07 span{background:url(../menu/07-exkurze.png) bottom left no-repeat;}

a#menu-08, h1#h-08 {width: 263px;}
a#menu-08 span, h1#h-08 span{width: 263px; background:url(../menu/08-vyroba_keramiky.png) top left no-repeat;}
a:hover#menu-08 span{background:url(../menu/08-vyroba_keramiky.png) bottom left no-repeat;}

a#menu-09, h1#h-09 {width: 256px;}
a#menu-09 span, h1#h-09 span{width: 256px; background:url(../menu/09-prodej_keramiky.png) top left no-repeat;}
a:hover#menu-09 span{background:url(../menu/09-prodej_keramiky.png) bottom left no-repeat;}

a#menu-10, h1#h-10 {width: 689px;}
a#menu-10 span, h1#h-10 span{width: 689px; background:url(../menu/10-galerie.png) top left no-repeat;}
a:hover#menu-10 span{background:url(../menu/10-galerie.png) bottom left no-repeat;}

a#menu-11, h1#h-11 {width: 224px;}
a#menu-11 span, h1#h-11 span{width: 224px; background:url(../menu/11-napsali.png) top left no-repeat;}
a:hover#menu-11 span{background:url(../menu/11-napsali.png) bottom left no-repeat;}

a#menu-12, h1#h-12 {width: 259px;}
a#menu-12 span, h1#h-12 span{width: 259px; background:url(../menu/12-sponzori.png) top left no-repeat;}
a:hover#menu-12 span{background:url(../menu/12-sponzori.png) bottom left no-repeat;}

a#menu-13, h1#h-13 {width: 263px;}
a#menu-13 span, h1#h-13 span{width: 263px; background:url(../menu/13-kontakt_mapka.png) top left no-repeat;}
a:hover#menu-13 span{background:url(../menu/13-kontakt_mapka.png) bottom left no-repeat;}

a#menu-14, h1#h-14 {width: 302px;}
a#menu-14 span, h1#h-14 span{width: 302px; background:url(../menu/14-pohlednice.png) top left no-repeat;}
a:hover#menu-14 span{background:url(../menu/14-pohlednice.png) bottom left no-repeat;}

a#menu-15, h1#h-15 {width: 322px;}
a#menu-15 span, h1#h-15 span{width: 322px; background:url(../menu/15-tupeska_keramika.png) top left no-repeat;}
a:hover#menu-15 span{background:url(../menu/15-tupeska_keramika.png) bottom left no-repeat;}

a#menu-16, h1#h-16 {width: 336px;}
a#menu-16 span, h1#h-16 span{width: 366px; background:url(../menu/16-keramika_juuraaaj.png) top left no-repeat;}
a:hover#menu-16 span{background:url(../menu/16-keramika_juuraaaj.png) bottom left no-repeat;}

a#menu-17, h1#h-17 {width: 303px;}
a#menu-17 span, h1#h-17 span{width: 303px; background:url(../menu/17-keramika_denisa.png) top left no-repeat;}
a:hover#menu-17 span{background:url(../menu/17-keramika_denisa.png) bottom left no-repeat;}

a#menu-18, h1#h-18 {width: 308px;}
a#menu-18 span, h1#h-18 span{width: 308px; background:url(../menu/18-malovane_hrnicky.png) top left no-repeat;}
a:hover#menu-18 span{background:url(../menu/18-malovane_hrnicky.png) bottom left no-repeat;}

/* MENU NA STRÁNCE ------------------------------------------ */
ul#site_menu {padding: 270px 0 0; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; width:210px; float:left; min-height:600px}
ul#site_menu #site_menu-heading {background:#fbd8c3; width:202px; line-height:25px; padding: 0 0 0 6px; color: #8a4b30;}
ul#site_menu li {padding:1px 0 0;}
ul#site_menu li a{display: block; color: #8a4b30; text-decoration:none; background:#ffece0 url(../gfx/site_menu-dzbanek.gif) top left no-repeat; width:183px; line-height: 23px; margin: 0; padding: 0 0 0 25px}
ul#site_menu li a:hover {color: black; background:#ffece0 url(../gfx/site_menu-dzbanek.gif) bottom left no-repeat;}

ul#site_menu li a#s_menu-10{background:#ffece0 url(../gfx/site_menu-dzbanek-2r.gif) top left no-repeat;}
ul#site_menu li a:hover#s_menu-10{background:#ffece0 url(../gfx/site_menu-dzbanek-2r.gif) bottom left no-repeat;}
ul#site_menu li a#s_menu-uvodni_strana{background:#ffece0 url(../gfx/site_menu-sipka.gif) top left no-repeat;}
ul#site_menu li a:hover#s_menu-uvodni_strana{background:#ffece0 url(../gfx/site_menu-sipka.gif) bottom left no-repeat;}

#mereni_wrap {position:relative; clear:both;}
#mereni {position:absolute; left: -23px}

