/* ------------------------------------- Obecné nastavení------------------------------------------ */



	body {
		/* Barva pozadí a obrázku na pozadí */ background-color: #963; background-image: url(img/bg.gif);
		/* Typ, velikost a barva písma */ font-family: "Arial CE", "Helvetica CE", Arial, sans-serif; font-size: 12px; color: #666;		
		background-repeat: repeat-x;margin: 0px; padding: 0px; }


	ul {margin: 0px; padding: 0px; list-style-type: none; border: 0px;}
	a {text-decoration: none; outline: none;
		/* Barva odkazů */ color: #FF9C52; }
	a img {border-width: 0px}
	table {margin: 0px; padding: 0px; border-collapse: collapse;}
	
	/* Vlastnosti zvýrazněného písma */
	strong {font-weight: bold; font-style: normal; color: #FF9C52; }
	em {font-weight: bold; font-style: normal;}
	
	/* Titulky */
	h1 {display: block; width: 100%; line-height: 35px; font-size: 24px; text-align: center; margin: -6px 0px 10px 0px; padding-top: 35px;
		border: 1px solid #ddd;  border-width: 0px 0px 1px;}
	h2 {font-size: 13px;}
	h2.comment {display: block; color: #39c; text-align: center;}


	.hidden {display: none;}
	.text_left {text-align: left;}
	.centered {text-align: center;}
	.left {float: left;}
	.clear {clear: both}
	.right {float: right; font-size: 11px}
	.border {border: 1px solid black;}


	/* ------------------------------------- Header - hlavička------------------------------------------ */

	#container {width: 800px; position: relative; margin: 0px auto;
	/* Pozadí obsahu */ background-color: white;}

	/* POzadí hlavičky a okraje */
	#header {background-color: #441b03; border: 1px dashed white; border-width: 0px 1px 0px 1px;}

	/* horizontální linka */
	#top_hr {position: absolute; left: 0px; width: 100%; height: 62px; border-bottom: 1px dashed white;}
	
	/* Hlavní obrázek */
	#banner {border: 3px solid white;}
	
	/* -------------------------------------Horní menu------------------------------------------ */

	#menu_top {position: absolute; top: 0px; left: 360px;}
	#menu_top li {display:block; float:left; margin:0 3px;}
	
	/* Nutno změnit barvy pozadí a rámečku u těchto odkazů na barvu pozadí hlavičky*/
	.snazzy {background: #583c07;}
	.snazzy span {text-align:center; color:black; margin:0; font-weight: normal; padding-top: 2px}

	.b1, .b2, .b3, .b4 {display:block; font-size:1px;}
	.b2, .b3 {height:1px;}
	.b2, .b3, .b4 {border-left: 1px solid #583c07; border-right: 1px solid #583c07; /* \*/ overflow: hidden; /* */}
	.b1 {margin:0 5px;}
	.b2 {margin:0 3px; border-width:0 2px;}
	.b3 {margin:0 2px;}
	.b4 {height:2px; margin:0 1px;}
	.snazzy span {display:block; border-left:1px solid #583c07; border-right:1px solid #583c07; height: 30px;}
	#menu_top a, #menu_top a:visited {display:block; text-decoration:none; width: 80px;}
	#menu_top a:hover {background:#583c07; cursor:pointer;}
	
	/* Barvy horních odkazů po přejetí myší (změnit u obou hodnotu background)*/
	#menu_top a:hover span {padding-top: 5px; background: #fc6;}
	#menu_top a:hover b {background: #fc6;}
	
	
	/* Barvy horních odkazů */
	.color1 {background: #D4C1A1;}
	.color2 {background: #FF9C52;}
	.color3 {background: #FF9C52;}
	.color4 {background: #FF9C52;}
	.color5 {background: #FF9C52;}	
	
	.color1, .color2, .color3, .color4, .color5 {background: #DDD0B9;}

	
	/* -------------------------------------Adresa ------------------------------------------ */

	#header .contact {display: block; position: absolute; top: 47px; left: 363px; color: white; font-size: 10px;}
	#header .contact a{color: white;}
	#header .contact a:hover {color: #f93;}
	

	/* ------------------------------------- Úvodní stránka ------------------------------------------ */


	#opening {position: relative; padding: 0px 3px; min-height: 780px; _height: 780px; background-image: url(img/left_menu_bg.gif); background-repeat: repeat-y;}
	
	#akce {position: absolute; top: 50px; left: 750px; width: 106px; height: 65px; background-image: url(img/akce.png); padding: 20px 15px; color: white; text-align: center; font-size: 0.9em}
	#akce a {color: black;}
	
	.section {position: relative; margin: 20px 0px 0px; height: 150px}
	.main_a {display: block; float: left; width: 136px; height: 135px;
		 line-height: 25px; color: black; font-size: 13px; font-weight: bold;
		 padding: 4px 10px; margin: 0px; text-align: center; margin-right: 5px;
		 /* Pozadí hlavního odkazu */ background: #ccc;}
	.main_a:hover {/* Pozadí hlavního odkazu po přejetí myší*/ background: #fc6;}
	.main_a:hover span {display: block; position: absolute; left: 157px; width: 634px; height: 0px;
						/* Rámeček hlavního odkazu po přejetí myší*/ border: solid orange; border-width: 1px 0px 0px 0px;}
		.top_line {top: 0px; }
		.bottom_line {top: 142px;}
	.thumbs {padding-left: 165px;}
	.thumbs li {float: left;}
	.thumbs a {width: 48px;}
	.thumbs img {display: block; margin: 2px 6px 0px 5px;}
	.thumbs a img {border: 1px solid black;}
	.thumbs a span {display: none;}
	.thumbs a span img.bigger {border:0}	
	.thumbs a:hover {display: block}
	.thumbs a:hover span , .thumbs a:focus span {position: absolute; display: block; top: 10px; right:9px; _right: 12px}


	.section p {display: block; height: 100px; padding: 5px 0px; margin: 0px; text-align: justify; line-height: 17px;}
	.viz {padding-left: 160px; clear: left; width: 385px; display: block; text-align: center; font-size: 9px;}
	.show_pic {float: right; width: 206px; height: 142px; margin:  0px 3px; background-image: url(img/border.gif); background-repeat: no-repeat;}
	.show_pic img {margin: 12px;}

	/* ------------------------------------- Obsah stránky ------------------------------------------ */

	#content {position: relative; top: 0px; padding-left: 160px; min-height: 600px; _height: 600px; background-image: url(img/left_menu_bg.gif); background-repeat: repeat-y; }
	#content p {display: block; margin: 0px; padding: 10px;}
	#text table {margin: 10px auto 20px;}
	#text table td {padding: 5px; border: 1px solid #ddd;}
	
	.list {margin: 10px;}
	.list li {list-style: disc; margin-left: 20px;}
	
	#text, #nahledy {padding: 10px 32px; text-align: justify}
	
	#text h2 {text-align: center; font-size: 14px; font-weight: bold;}
	.image_left {border: 1px solid black; float: left; margin: 5px 25px 5px 0px;}
	.image_right {border: 1px solid black; float: right; margin: 5px 0px 5px 15px;}
	
	.portret {display: block; clear: both; margin: 10px; height: 100px;}
	.portret img {float: left; margin: 0px 10px; border: 1px solid grey;}
	
	/* ------------------------------------- Lupa ----------------------------------------- */
	
	#div_pic {position: absolute; padding: 0px; display: none; z-index:100;}
	#big_pic {margin:0px; border: 4px solid black;}
	#div_pic em {display: block; position: absolute; font-size: 30px; font-weight: bold; color: black; bottom: -25px; left: -5px;}
	

	/* ------------------------------------- Levé menu------------------------------------------ */

	#menu_left {position: absolute; left: 0px; top: 0px; _top: -5px; margin: 0px 3px; width: 157px; background-color: #ddd; color: black; text-align: center;}
	/* Horní část s popiskem */
	#first_line {display: block; text-align: center; line-height:35px; color: gray; font-size: 11px;
			 padding-top: 35px; _padding-top: 34px; border: 1px solid white; border-width: 0px 0px 1px; margin-bottom: 14px;}
			 
	#menu_left a {display: block; height: 25px; line-height: 25px; text-align: center; font-size: 12px;
				/* Barva pozadí (nutno změnit také obrázek left_menu_bg.gif */ color: gray; }
	#menu_left a:hover {background-image: url(img/arrow.gif); background-repeat: no-repeat}
	

	/* ------------------------------------- Hlavní menu------------------------------------------ */

	#menu_bar {position: absolute; top: 0px; _top: -5px; left: 0px; height: 22px; width: 794px; border: 3px solid white;
				/* Pozadí menu - změnit obrázek nebo barvu */ background-image: url(img/menu_bg.gif); backgroundx: #583c07 }

	#search {width: 140px; _width: 137px; float: left; padding-left: 20px;}
	#search form {position: relative; top: -2px; margin: -1px;}
	#search_area {height: 11px; font-size: 10px;}
	
	.menu {_width: 634px; z-index:100;}
	.menu ul ul {width: 90px; _width: 89px;}
	.menu li {float:left; width:90px; _width: 89px; position:relative;}
	.menu a, .menu a:visited {display:block; font-size:11px; color:#fff; width:90px; _width: 89px; height:22px; border: 1px solid #fff; border-width:0px 0px 0px 1px; background:transparent; line-height:22px; text-align: center;}
	.menu ul ul {visibility:hidden; position:absolute; height:0; top:22px;left:0; width:90px;} 
	.menu table {position:absolute; top:0; left:0;}
	.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px; width:80px; border-width:1px 1px 0px 1px;}
	.menu a:hover, .menu ul ul a:hover{color:#000;
			/* Barva odkazů po přejetí myší */ background:#fc6;}
	.menu a:hover > a, .menu ul ul a:hover > a {color:#000;background:#9cf;}
	.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}

	#foot {border: 3px solid white; background-image: url(img/menu_bg.gif); line-height: 20px; color: white; text-align: center; font-size: 9px;}

	/* ------------------------------------- Stránka administrátora ------------------------------------------ */

	#content-admin {padding: 20px;}
	#content-admin form {border: 1px solid #ddd; padding: 10px; margin: 10px;}
	
	/* ------------------------------------- Zobrazení náhledů a zvětšenin ------------------------------------------ */
	
	.th_box {display: relative; width: 140px; float: left; border: 1px solid #ddd; text-align: center;}
	.th_img {display: table-cell; vertical-align: middle; width: 140px; height: 140px;}
	.th_img img {vertical-align: middle;}

	.tht {float: left; border: 1px solid #ddd; text-align: center;}
	.tht_img {width: 140px; height: 140px; vertical-align: middle;}
	.tht_img_bigger {width: 270px; height: 270px; vertical-align: middle;}
	.tht_img img {border: 1px solid grey;}
	.tht_img a:hover img {border-color: orange;}
	
	/* ------------------------------------- Okno s velkou fotkou----------------------------------------- */

	body.show {color: white;}
	body.show a {color: white; font-weight: bold; font-size: 16px;}
	body.show h1 {line-height: 40px; padding-top: 0px; margin: 2px}

	#pic_no, #pic_name {display: inline; font-weight: bold;}




	/* ------------------------------------- Objednávka fotografií------------------------------------------ */

	#order_form {text-align: center; margin: 0}
	#order_form input, #order_form textarea {font-size: 12px;}
	
	#order_info {width: 157px; text-align: center; margin-top: -20px;}
	#order_info .item_start {padding-top: 8px}
	#dis {color: gray}
		
	#sum {border: 1px solid gray; background: white; margin: 0px 10px;}
	#menu_left a.count_a {display: inline; color: #39c;}
	#menu_left a.count_a:hover {text-decoration: underline; background-image: url();}
	

	
#flash {
	border: 3px solid #FFFFFF;
}