/* CSS kaskádové styly pro layout webu www.hulman.cz, Created by Elza, clusk 2009 */

body { margin: 0 auto; padding: 0; font: 12px Arial, Helvetica, sans-serif; background: black url(../obr/bg-main-wall.jpg) repeat-x; color: black; }
a { color: #B40F0F; text-decoration: underline; }
a:hover { color: #F55151; }

h1 { margin: 0; padding: 0 0 0 5px; font-size: 18px; font-weight: bold; border-left: 7px solid #F10200; }
h2 { margin: 5px 0 10px 0; padding: 0; font-size: 14px; }
h3 { margin: 0; padding: 0; font-size: 16px; color: white; font-weight: normal; text-align: center; }
h4 { margin: 0; padding-left: 5px; font-size: 13px; color: black; font-weight: normal; border-left: 5px solid #F10200; }

p.mesic { margin: 0; padding: 7px 0 0 0; color: black; }
p.aktualita { margin: 0; padding: 3px 0 2px 0; color: black; }

.wrap_stiny { margin: 0 auto; padding: 0; width: 1000px; height: 650px; background: url(../obr/bg-stiny-wall.png) no-repeat; }
.wrap { margin: 0 auto; padding: 0; width: 940px; height: auto; background-color: #1B1B1B; }

	/* --- hlavička --- */
	.top { margin: 0 auto; padding: 0; width: 940px; height: 195px; background: url(../obr/top-wall.jpg) no-repeat; }

	/* --- menu --- */
	.menu { margin: 5px 0 5px 0; padding: 0; width: 940px; height: 25px; background: url("../obr/menu-bg.png") no-repeat; }
	.menu ul { margin: 0; padding: 0; list-style: none; }
	.menu li { display: inline; margin: 0; padding: 0; }
	.menu a { margin-left: 20px; padding: 3px 0 0 10px; width: auto; height: 22px; font-size: 14px; font-weight: bold; text-decoration: none; color: white; float: left; background: url("../obr/menu-button-bg-off.png") left no-repeat; }
	.menu a:hover { color: #EE0100; background: url("../obr/menu-button-bg-on.png") left no-repeat; }

	/* --- střední část stránky --- */
	.cssleft { margin: 0 3px 5px 2px; padding: 0; width: 230px; height: auto; float: left; }

		.akce_box_top { margin: 0; padding: 0; width: 230px; height: 5px; background: url(../obr/akce-bg-top.png) no-repeat; }
		.akce_box_middle { margin: 0; padding-bottom: 5px; width: 230px; height: auto; background-color: #4B4B4B; }
		.akce_box_bottom { margin: 0; padding: 0; width: 230px; height: 5px; background: url(../obr/akce-bg-bottom.png) no-repeat; }
			.akce_mesic_box_top { margin: 5px 5px 0 5px; padding: 0; width: 220px; height: 5px; background: url(../obr/akce-mesic-bg-top.png) no-repeat; }
			.akce_mesic_box_middle { margin: 0 5px 0 5px; padding: 5px 10px 5px 7px; width: 203px; height: auto; background-color: #D2D2D2; }
			.akce_mesic_box_bottom { margin: 0 5px 0 5px; padding: 0; width: 220px; height: 5px; background: url(../obr/akce-mesic-bg-bottom.png) no-repeat; }

		.vypinaci_box_top { margin-top: 5px; padding-top: 1px; width: 210px; height: 29px; font-size: 16px; color: white; font-weight: bold; text-align: center; background: url(../obr/vypinaci_box-bg-top.png) no-repeat; }
		.vypinaci_box_middle { margin: 0; padding-bottom: 5px; width: 210px; height: auto; background: #FFF url(../obr/vypinaci_box-bg-middle.png) repeat-y; }
			.vypinaci_box_middle p { margin: 0; padding: 5px 10px 0 9px; }
		.vypinaci_box_bottom { margin: 0; padding: 0; width: 210px; height: 10px; background: url(../obr/vypinaci_box-bg-bottom.png) no-repeat; }

	.cssright { margin: 0 2px 5px 0; padding: 0; width: 703px; height: auto; float: right; }

		.leftside { margin: 0; padding: 0; width: 490px; height: auto; float: left; }

			.content_top { margin: 0; padding: 0; width: 490px; height: 5px; background: url(../obr/content-bg-top.png) no-repeat; }
			.content_middle { overflow: auto; margin: 0; padding: 5px 15px 12px 15px; width: 460px; height: auto; background-color: white; }
				.novinka { _position: relative; margin-top: 20px; padding-top: 1em; overflow: auto; background: url(../obr/linka.jpg) no-repeat top left; margin-bottom: -15px; }
				.novinky_obr { position: relative; _left: 0; float: left; width: 100px; margin: 0 1em 1em 0; border: 1px solid black; }
				.novinka_text { margin-left: 120px; text-align: justify; margin-right: 5px; min-height: 50px; _height: 50px; }
			.content_bottom { margin: 0; padding: 0; width: 490px; height: 5px; background: url(../obr/content-bg-bottom.png) no-repeat; }

		.rightside { margin: 0 0 0 3px; padding: 0; width: 210px; height: auto; float: right; }

			.aktuality_top { margin: 0; padding: 0; width: 210px; height: 5px; background: url(../obr/aktuality-bg-top.png) no-repeat; }
			.aktuality_middle { margin: 0; padding-bottom: 5px; width: 210px; height: auto; background-color: #4B4B4B; }
				.aktuality_content_top { margin: 5px 5px 0 5px; padding: 0; width: 210px; height: 5px; background: url(../obr/aktuality-clanek-bg-top.png) no-repeat; }
				.aktuality_content_middle { margin: 0 5px 0 5px; padding: 0 10px 0 7px; width: 183px; height: auto; background-color: #D2D2D2; }
				.aktuality_content_bottom { margin: 0 5px 0 5px; padding: 0; width: 210px; height: 5px; background: url(../obr/aktuality-clanek-bg-bottom.png) no-repeat; }
			.aktuality_bottom { margin: 0; padding: 0; width: 210px; height: 5px; background: url(../obr/aktuality-bg-bottom.png) no-repeat; }

			.odber_novinek { margin: 5px 0 0 0; padding: 0; width: 210px; height: 90px; color: white; background: url(../obr/odber_novinek-bg.png) no-repeat; }
				.odber_novinek h3 { padding: 17px 0 0 8px; text-align: left; }
				.odber_novinek p { margin: 7px 0 0 8px; }
				.odber_novinek a { color: white; text-decoration: none; }
				.odber_novinek a:hover { color: white; text-decoration: underline; }
				.boxtextfield { margin: 7px 0 0 8px; padding: 1px 4px 2px 4px; font-size: 15px; color: black; background: url(../obr/odber_novinek-textfield-bg.png) repeat-x; border: 2px solid #C80000; }

			.anketa_top { margin-top: 5px; padding: 0; width: 210px; height: 5px; background: url(../obr/anketa-bg-top.png) no-repeat; }
			.anketa_middle { margin: 0; padding-bottom: 5px; width: 210px; height: auto; color: white; background-color: #323232; }
			.anketa_bottom { margin: 0; padding: 0; width: 210px; height: 5px; background: url(../obr/anketa-bg-bottom.png) no-repeat; }

	/* --- patička --- */
	.footer { margin: 0; padding: 5px 0 0 0; width: 940px; height: 30px; clear: both; color: white; font-size: 11px; text-align: center; background: #000 url(../obr/footer-bg.png) no-repeat; }
	.footer a { color: white; text-decoration: none; }
	.footer a:hover { text-decoration: underline; }

.cleaner { clear: both; height: 1px; margin-top: -1px; padding:0; border: none; visibility: hidden; }

#overlay { left: 0; }

/*
.boxtextfield { margin: 8px 0 0 7px; padding: 2px 4px 2px 4px; font-size: 15px; color: #543C00; background-color: #FFF; border: 2px solid #F4E7C1; }
h1 { margin: 0; padding-bottom: 2px; font-size: 20px; font-weight: normal; border-bottom: 2px solid black; }
h2 { margin: 0; padding: 7px 0 0 7px; font-size: 15px; color: #543C00; font-weight: normal; }
h3 { margin: 0; padding: 0 0 0 7px; font-size: 15px; color: #543C00; font-weight: normal; }
p.box { margin: 0; padding: 4px 0 0 7px; color: #543C00; }
p.odkazy { margin: 0; padding: 0; text-align: center; }
p.more { margin: 0; padding: 10px 10px 0 7px; color: #543C00; text-align: right; }
p.more a { color: #543C00; text-decoration: none; }
p.more a:hover { color: #543C00; text-decoration: underline; }
form { margin: 0; padding: 0; }

.wrap { margin: 0 auto; padding: 0; width: 960px; height: auto; }
	.top { margin: 0; padding: 0; width: 960px; height: 155px; background: url(../obr/top.jpg) no-repeat; }
	.cssleft { margin: 5px 0 5px 10px; padding: 0; width: 230px; height: auto; float: left; }
		.menu_under_top { margin: 0; padding: 0; width: 230px; height: 33px; background: url(../obr/menu_under_top.png); }
		.menu_under_middle { margin: 0; padding-bottom: 5px; width: 230px; height: auto; background-color: #C58C00; }
		.menu_under_bottom { margin: 0; padding: 0; width: 230px; height: 5px; background: url(../obr/menu_under_bottom.png) no-repeat; }
		.menu_above_top { margin: 0 auto; padding: 0; width: 210px; height: 5px; background: url(../obr/menu_above_top.png) no-repeat; }
		.menu { margin: 0 auto; padding: 0; width: 210px; height: auto; background-color: #FFE5A4; }
			.menu ul { margin: 0 5px 0 5px; padding: 0; width: 200px; height: auto; font-size: 12px; list-style: none; }
			.menu li { margin: 0; padding: 0; }
			.menu li a { padding: 2px 0 0 17px; width: 180px; height: 17px; display: block; font-weight: bold; text-decoration: none; color: #543C00; background: url(../obr/menu_item.png) no-repeat; border-bottom: 1px dashed black; }
			.menu li a:hover { color: #543C00; background: url(../obr/menu_item_active.png) no-repeat; }
		.menu_above_bottom { margin: 0 auto; padding: 0; width: 210px; height: 5px; background: url(../obr/menu_above_bottom.png) no-repeat; }
		.newsletter { margin-top: 5px; padding: 0; width: 230px; height: 90px; background: url(../obr/newsletter_background.png) no-repeat; }
		.leftside_box_top { margin-top: 5px; padding: 0; width: 230px; height: 5px; background: url(../obr/leftside_box_top.png) no-repeat; }
		.leftside_box_middle { margin: 0; padding-bottom: 5px; width: 230px; height: auto; background-color: #F5EAC8; }
		.leftside_box_bottom { margin: 0; padding: 0; width: 230px; height: 5px; background: url(../obr/leftside_box_bottom.png) no-repeat; }
	.cssright { margin: 5px 10px 5px 0; padding: 0; width: 710px; height: auto; float: right; }
		.content { margin: 0; padding: 0 10px 5px 10px; width: 480px; height: auto; float: left; }
		.content p { text-align: justify; overflow: auto; }
			.post { margin-top: 15px; width: 470px; position: relative; border-bottom: 1px solid #7B5900; }
			.post .date { position: absolute; top: 0; left: 5px; width: 2.3em; text-align: right; }
			.post .date .month { text-transform: uppercase; font: 14px Tahoma, sans-serif; color: #000; }
			.post .date .day { display: block; margin-top: -6px; font: 26px Tahoma, sans-serif; color: #000; }
			.post .title { display: block; padding: 0 0 6px 0; font-size: 16px; color: #000; }
			.post p { margin: 0 0 0 40px; padding:  0 0 10px 10px; text-align: justify; border-left: 1px solid #7B5900; }
			.post .more { padding-right: 5px; clear: both; text-align: right; }
		.rightside { margin: 0; padding: 0; width: 210px; height: auto; float: right; }
			.rightside_welcome_top { margin: 0; padding: 0; width: 210px; height: 25px; background: url(../obr/rightside_welcome_top.png) no-repeat; }
			.rightside_welcome_top p { margin: 0; padding-top: 3px; font-size: 10px; text-align: center; }
			.rightside_welcome_top p a { margin-left: 3px; }
			.rightside_welcome_middle { margin: 0; padding: 0; width: 210px; height: auto; background-color: #C58C00; }
			.rightside_welcome_middle p { margin: 0; padding: 3px 2px 5px 7px; font-size: 12px; color: white; }
			.rightside_welcome_bottom { margin: 0; padding: 0; width: 210px; height: 5px; background: url(../obr/rightside_welcome_bottom.png) no-repeat; }
			.searchbox { margin-top: 5px; padding: 0; width: 210px; height: 90px; background: url(../obr/search_background.png) no-repeat; }
			.rightside_box_top { margin-top: 5px; padding: 0; width: 210px; height: 5px; background: url(../obr/rightside_box_top.png) no-repeat; }
			.rightside_box_middle { margin: 0; padding-bottom: 5px; width: 210px; height: auto; background-color: #F5EAC8; }
			.rightside_box_middle p { margin: 0; padding: 3px 2px 5px 7px; }
			.rightside_box_bottom { margin: 0; padding: 0; width: 210px; height: 5px; background: url(../obr/rightside_box_bottom.png) no-repeat; }
	.bottom { margin: 5px 10px 15px 10px; padding-top: 10px; width: 940px; height: 50px; clear: both; font-size: 11px; text-align: center; background: url(../obr/bottom_background.png) no-repeat; }
	.bottom a { font-weight: bold; }
	.bottom .nobold { font-weight: normal; }
*/




#prehled_alb p, #prehled_fotek p {
  width: 120px;
  float: left;
  margin: 1em 1em 2.5em 0;
  height: 100px;  
}

.ie6 #prehled_alb p {
  margin: 1em;
}

#prehled_fotek p {
  margin-bottom: 0em;
  height: 50px;

}

.ie6 #prehled_fotek p {
  margin-bottom: 1em;
}

#prehled_alb p a, #prehled_fotek p a {
  display: block;
  width: 120px;
  text-decoration: none;
  overflow: hidden;
  text-align: center;
}

#prehled_alb p a img, #prehled_fotek p a img {
  border: 1px solid #2d2d2d;
}

#prehled_alb p a span {
  text-decoration: none;
  display: block;
  margin-top: 5px;
  height: 35px;
  
}

.ie6 #prehled_alb p, #prehled_fotek p {
  height: 90px;
  padding: 0;
}

.ie6 #prehled_alb p a, #prehled_fotek p a {
  height: 160px;
  height: 90px;
}

.ie6 #prehled_alb p a span, #prehled_fotek p a span {
  height: 70px;
}

#overlay {
  z-index: 99999;
}

#prehled_alb {
	width: 420px;
	margin: 2em auto;

}

#prehled_fotek {
	width: 400px;
	margin: 2em auto;
}