/************************************
    *                                   *
    *         muzeumpraveku.sk          *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 26.02.2008, 13:48   *
    *                                   *
    ************************************/
	
	* {margin: 0; font-family: sans-serif;}
	
	body {background: #d2cec2 url(../images/body_background.jpg) repeat-x;}
	p {margin-bottom: 1em;}
	hr {clear: both; border: none; margin: 2em 0; =margin: 1em 0; height: 1px; color: #aca395; background-color: #aca395;}
	a {color: #000;}
	a img {border: none;}
	
	.d-n {display: none;}
	.p {font-size: 0.75em; color: #553e2c; line-height: 160%; }
	.p p { text-align: justify; margin: 0 0 20px; }
	.p p.nomargin { margin: 0; }
	.p p.mhd { margin-left: 50px; }
	.p p.center { text-align: center; }

	.p img.dolava { float: left; margin: 0 10px 10px 0; }
	.p img.doprava { float: right; margin: 0 0 10px 10px; }
	
	div.clear { clear: both; }
	
	/* --- | LAYOUT | --- */
	#page {margin: 0 auto; width: 950px; min-height: 300px;}
	#head {position: relative; z-index: 2; height: 24.25em; background: url(../images/head_background.png) left bottom no-repeat;}
	#h-b {position: absolute; top: 7.75em; left: 0.5em; width: 912px; height: 264px; background: url(../images/head_background.jpg) no-repeat;}
	#mamut {position: absolute; left: 585px; top: 79px; width: 337px; height: 247px; background: url(../images/mamut.jpg) no-repeat;}
	#content {padding: 0 1.88em; background-color: #d2cec2; min-height: 300px; _height: 300px;}
	#mamut-blocker {float: right; width: 22em; height: 3.8em; background-color: transparent;}
	/* Logo */
	#logo {position: absolute; top: -95px; left: 8px;}
	/* languages */
	#lng {position: absolute; left: 70px; top: 118px; padding: 0; list-style: none; line-height: 23px; =line-height: 25px;}
	#lng a {color: #FFF; font-size: 11px;}
	/* gradients */
	.gradient {position: absolute; top: 0; display: block; width: 46px; height: 336px;}
	#left {left: 0; background: url(../images/gradient_left.jpg) no-repeat;}
	#right {right: 0; background: url(../images/gradient_right.jpg) no-repeat;}
	/* NAVIGATION */
	#navigation {position: absolute; right: -2em; top: -4em; padding: 0; list-style: none; z-index: 2;}
	#navigation li {float: left;}
	#navigation a {position: relative; display: block; background: url(../images/nav_left.jpg) -10px repeat-y; color: #1C0000/*#553e2c*/; text-decoration: none; font-size: 0.75em; text-align: center; white-space: nowrap; }
	#navigation span:first-letter {text-transform: uppercase;}
	#navigation a:hover,
	#navigation a.active {color: #a77751; background-color: #FFF; background-position: left;}
	#navigation a.active {font-weight: bold; _font-weight: normal;}
	#navigation a span {display: block; padding: 0.5em 1em; background: url(../images/nav_right.jpg) -10px repeat-y;}
	#navigation a:hover span,
	#navigation a.active span {background-position: right;}
	/* decoration */
	#navigation b {left: 0; display: none; width: 100%; height: 6px;}
		#navigation b.top {top: 0; background: url(../images/nav_top.jpg) repeat-x;}
		#navigation b.bottom {bottom: 0; _bottom: -1px; background: url(../images/nav_bottom.jpg) bottom repeat-x;}
	#navigation a:hover b,
	#navigation a.active b {position: absolute; display: block;}
	#navigation i.corner {position: absolute; display: block; width: 9px; height: 9px;}
		i.t-l {top: 0; left: 0; background: url(../images/nav_top_left.jpg) no-repeat;}
		i.t-r {top: 0; right: 0; _right: -1px; background: url(../images/nav_top_right.jpg) no-repeat;}
		i.b-l {bottom: 0; _bottom: -6px; left: 0; background: url(../images/nav_bottom_left.jpg) no-repeat;}
		i.b-r {bottom: 0; _bottom: -6px; right: 0; _right: -1px; background: url(../images/nav_bottom_right.jpg) no-repeat;}
	a.n00 {width: 4.4em;}
	a.n01 {width: 5.7em;}
		a.n01 .t-r,
		a.n01 .b-r {right: 0 !important;}
	a.n02 {width: 8.09em;}
	a.n03 {width: 5.9em;}
	a.n04 {width: 10.95em;}
	a.n05 {width: 11.1em;}
	a.n06 {width: 8.4em;}
	a.nx_gallery {width: 6.8em;}
	/* 2nd level */	
	#navigation li ul {position: absolute; padding-left: 0; width: 10.88em; left: -999em; list-style: none; background: url(../images/subnav_borders.jpg) left repeat-y;}
	#navigation li:hover ul li {}
	#navigation li:hover ul,
	#navigation li.sfhover ul {z-index: 99; left: auto; list-style: none;}
	#navigation li li {float: none; line-height: 1.2em; margin-bottom: 0.25em;}
	#navigation li li a {float: none; display: block; padding-left: 1em; text-decoration: underline; _display: inline-block; _width: 82%; text-align: left; font-weight: bold; white-space: normal; line-height: 123%;}
	#navigation li li a:hover {background: transparent;}
	/* decoration */
	#navigation ul b {display: block; height: 10px; overflow: hidden;}
	#navigation ul b.top {background: url(../images/subnav_top.jpg) no-repeat;}
	#navigation ul b.bottom {position: absolute; background: url(../images/subnav_bottom.png) no-repeat; bottom: -10px;}
	/* FOOT */
	#foot {width: 890px; height: 95px; background: url(../images/foot_background.jpg) no-repeat;}
	.col {float: left; font-size: 0.69em; color: #553e2c;}
	.col a {color: #FFF;}
	.col a:hover {color: #553e2c;}
	.col-1 {padding: 15px 0 0 2.3em; width: 11em; margin-right: 2em;}
	.col-2 {width: 16em; margin-right: 1em; padding: 15px 0 30px 70px; background: url(../images/slovensko.jpg) left center no-repeat;}
	.col-3 {padding: 3.3em 0;}
	.col-3 a {color: #553e2c;}
	.col-3 a:hover {color: #FFF;}
	.col-3 span a {text-decoration: none;}
	.col-3 span b {text-decoration: underline;}
	.col-4 {padding: 25px 0 0 2.3em; width: 140px; margin-right: 4em; text-align: center; }
	#bojnice {padding: 24px 0 30px 64px; display: block; float: left; background: url(../images/bojnice.jpg) no-repeat;}
	#publicom { width: 140px; padding-top: 34px; display: block; float: left; background: url(../images/publicom.jpg) no-repeat;}

	/* Heading */
	h2 {margin-bottom: 0.44em;}
	h2,
	h2 b {display: block; height: 34px; width: 80%; position: relative; overflow: hidden;}
	h2 b {position: absolute; z-index: 1; top: 0; left: 0; background-color: #d2cec2; background-repeat: no-repeat;}

/* nadpisy nadpisy nadpisy nadpisy nadpisy nadpisy nadpisy  */
	.ako-nas-najdete b {background-image: url(../images/tmp/ako-nas-najdete.jpg);}

	.aktuality b {background-image: url(../images/tmp/aktuality.jpg);}
	.umenie-v-muzeu b {background-image: url(../images/tmp/umenie-v-muzeu.jpg);}
	
	.otvaracie-hodiny b {background-image: url(../images/tmp/otvaracie-hodiny.jpg);}
	.vstupne b {background-image: url(../images/tmp/vstupne.jpg);}
	.ako-sa-k-nam-dostanete b {background-image: url(../images/tmp/ako-sa-k-nam-dostanete.jpg);}
	.predajna-suvenirov b {background-image: url(../images/tmp/predajna-suvenirov.jpg);}
	.podmienky-a-poziadavky b {background-image: url(../images/tmp/podmienky-a-poziadavky.jpg);}
	.kontakt b {background-image: url(../images/tmp/kontakt.jpg);}
	.vas-nazor b {background-image: url(../images/tmp/vas-nazor.jpg);}

	.nase-posolstvo b {background-image: url(../images/tmp/nase-posolstvo.jpg);}
	.objavenie-lokality-neandertalca b {background-image: url(../images/tmp/objavenie-lokality-neandertalca.jpg);}
	.vzacne-archeologicke-nalezy b {background-image: url(../images/tmp/vzacne-archeologicke-nalezy.jpg);}
	.ako-vyzeral-neandertalec b {background-image: url(../images/tmp/ako-vyzeral-neandertalec.jpg);}
	.muzeum-dnes b {background-image: url(../images/tmp/muzeum-dnes.jpg);}
	.partneri b {background-image: url(../images/tmp/partneri.jpg);}

	.planovanie-a-objednanie-vasej-navstevy b {background-image: url(../images/tmp/planovanie-a-objednanie-vasej-navstevy.jpg);}
	.program-pre-zakladne-skoly b {background-image: url(../images/tmp/program-pre-zakladne-skoly.jpg);}
	.program-pre-stredne-skoly b {background-image: url(../images/tmp/program-pre-stredne-skoly.jpg);}

	.ako-mozete-pomoct b {background-image: url(../images/tmp/ako-mozete-pomoct.jpg);}
	.program-dobrovolnici b {background-image: url(../images/tmp/program-dobrovolnici.jpg);}

	.turisticke-info b {background-image: url(../images/tmp/turisticke-info.jpg);}

	.mapa-webu b {background-image: url(../images/tmp/mapa-webu.jpg);}


	/* Breadcrumb */
	#breadcrumb {display: block; color: #a09585; font-size: 1em; background: url(../images/breadcrumb.jpg) no-repeat; padding: 0.75em 2em; margin-bottom: 1em;}
	#breadcrumb a {font-size: 0.79em; color: #FFF; position: relative; top: -2px; font-weight: bold;}
	
	/* formular Vas nazor */
	form#vas-nazor label { float: left; width: 120px; width: 2px 0; }
	form#vas-nazor input { margin: 2px 0; }
	
	
	div.obrazok { float: right; width: 160px; text-align: center; margin: 0 0 10px 10px; }
	div.big-van-obr { width: 600px; margin: 0 auto;}
	div.van-obr { display: block; float: left;  text-align: center; width: 300px; }
	div.center { text-align: center; margin-bottom: 20px; }
	
	img { margin: 0; }
	
	h3.medzera-dole { padding-bottom: 16px; }
	textarea#tmess { width: 400px; height: 200px; }
	
	img.gallery		 { margin: 0 6px 10px 0; }
	img.gallery_last { margin-right: 0; }