/* CSS (Screen) Document */


/* =reset
------------------------------------------------*/

body {
	font-size:62.5%}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, small {
	font-size:100%; font-weight:normal;}

ol, ul {
	list-style:none;}

table {
	border-collapse:collapse; border-spacing:0;}

fieldset, img {
	border:0;}

caption, th {
	text-align:left;}

q:before, q:after {
	content:'';}



/* =general
------------------------------------------------*/

.cleaner {
	display:block; clear:both;
	height:0; font-size:1px;}

.noscreen, 
.hidden,
#header,
#pg-welcome #nav {
	display:block; position:absolute; left:-9999px; top:-9999px;
	height:0; width:0; overflow:hidden;}

#pg-menu #nav li {
	display:none;}

#pg-menu #nav li#rozcestnik {
	display:block;}


body {
	font-family:Georgia, "New York CE", utopia, serif;}



/* =layout
------------------------------------------------*/

	
body {
	height:100%; 
	background:#5b5b5b url(images/body-back-all.png);}

#all {
	height:auto; position:relative; 
	background:url(images/body-back-top.png) repeat-x;}
	
#main {
	margin:0 auto;
	width:750px; padding:105px 0 50px 0; position:relative;}

#nav {
	position:absolute; left:0; top:0; z-index:3;}

#content {
	/* pos = #main:padding*/}

#pg-welcome #main {
	padding-top:85px;}



/* =navigation
------------------------------------------------*/


a.to-admin {
	position:absolute; right:10px; top:10px;
	padding:5px;
	color:#aaa; font-size:15px; text-decoration:none; line-height:1; font-weight:bold;}


#nav {
	height:100px; width:750px; overflow:hidden;}

	#nav li a {
		position:absolute; top:55px;
		width:150px; height:45px; overflow:hidden;
		background:#bbb5aa;
		color:#000; text-align:center; text-transform:uppercase; font-size:120%;}
	
		#nav li a span {
			position:absolute; left:0; top:0; 
			width:100%; height:100%;
			background:url(images/nav.png) left bottom no-repeat;}
	
	#nav li.active a {
		background-color:#f1eadc;}	
		
	
	#nav #rozcestnik a {
		left:25px; top:25px;
		width:55px; height:65px; }
		
		#nav #rozcestnik a span {
			background:url(images/logo.png) left top no-repeat;}
		
		
	#nav #novinky a {
		left:90px;}
		
		#nav #novinky a span {
			background-position:0px bottom;}
				
		#nav #novinky.active a span,
		#nav #novinky a:hover span  {
			background-position:0px top;}
	
	#nav #cajovny a  {
		left:250px;}

		#nav #cajovny a span {
			background-position:-160px bottom;}

		#nav #cajovny.active a span,
		#nav #cajovny a:hover span {
			background-position:-160px top;}
			
			
	#nav #fotogalerie a {
		left:410px;}

		#nav #fotogalerie a span {
			background-position:-320px bottom;}

		#nav #fotogalerie.active a span,
		#nav #fotogalerie a:hover span {
			background-position:-320px top;}
						
						
	#nav #kontakt a {
		left:570px;}

		#nav #kontakt a span {
			background-position:-480px bottom;}

		#nav #kontakt.active a span,
		#nav #kontakt a:hover span {
			background-position:-480px top;}
			
			
/* =content
------------------------------------------------*/


#content {
	min-height:350px;
	position:relative; z-index:2;
	background:url(images/content-back-middle.png) repeat-y;}

	#content-inner {padding:0 30px 40px 30px;}
	
	
#d-content-top {
	position:absolute; left:0; top:-30px;
	width:100%; height:30px;	
	background:url(images/content-back-top.png) left top no-repeat;}

#d-content-bottom {
	position:absolute; left:0; bottom:-30px;
	width:100%; height:30px;
	background:url(images/content-back-bottom.png) left bottom no-repeat;}


 	/* =pg-subpage */

	#content h1,
	#content h2,
	#content h3,
	#content p,
	#content ol,
	#content ul,
	#content dl,
	#content blockquote,
	#content table {
		padding:0 40px 1em 40px;}
	
/* 	#content table {
		margin:0 40px 1em 40px;} */
	
	#content .only-child {
		padding:0;}		
	
	#content .image-top {
		padding:0 0 4px 0;
		background:url(images/separator-1.png) left bottom repeat-x;}
	
		#content .image-top img {
			display:block;
			margin:0 !important;}
	
	
	#content h1 {
		padding-top:40px;
		font-size:240%;}
	
	#content h2 {
		margin-top:1em;
		font-size:180%; clear:both;}
		
	#content h3 {
		font-size:160%;}		
		
	
	#content p,
	#content li {
		font-size:140%; line-height:150%;}
		
		#content li li {
			font-size:inherit;}
	
	#content ol {
		list-style-type:decimal;}
	
	#content ul {
		list-style-type:square;}

	
	#content a {
		color:#000;}
		
	
	#content .left {
		float:left; margin:-1em 1em 1em 40px; clear:left;
		border:2px solid #E8D9C1;}
	
	#content .right {
		float:right; margin:-1em 40px 1em 1em; clear:right;
		border:2px solid #E8D9C1;}
	
	#content .edit, 
	#content .nav-pagination {
		margin-top:2em;}

	#content .edit a,
	#content .nav-pagination a {
		padding:0.5em;
		border:1px solid #666;
		font-size:80%; color:#333; text-decoration:none; text-transform:uppercase;}
	
	/*  */
	
		
	#content div img {
		margin:1em 1em 1em 40px;}
		
	#content div a img {
		border:2px solid #E8D9C1;}
	
	
	#content table.galerie {
		padding:0; width:600px; table-layout:auto; margin:1em 40px;}
	
	#content table.galerie td {
		padding:.5em 0;
		text-align:center;}
	
	#content table.galerie img  {
		margin:0;
		border:2px solid #E8D9C1;}


	
		
 	/* =signature */
	
	.signature  {
		display:none;
	
		/* position:absolute; right:25px; bottom:15px;
		width:30px; height:37px;
		background:url(images/signature.png) no-repeat; */}
		
	
 	/* =pg-welcome */
	

#pg-welcome #content-inner {padding-bottom:0;}
	
	
	#content .welcome-image {
		display:block;
		height:112px; padding-top:408px;
		background:url(images/photos/welcome-a.jpg) no-repeat;} 
	
		#content .welcome-image em {
			display:block;
			height:112px;
			background:url(images/photos/welcome-b.jpg) left top no-repeat;}
		
		#content .welcome-image:hover em {
			background-position:left bottom;}


	/* =pg-menu */

#pg-menu #content-inner {padding-bottom:0;}

#pg-menu .vmenu {
	height:380px; padding:140px 0 0 0 ; /* h.total:520 */
	list-style-type:none;
	background:url(images/photos/menu.jpg) no-repeat;}
	
	#pg-menu .vmenu li {
		text-align:center; font-size:170%; }
		
		#pg-menu .vmenu li a {
			display:block; margin:5px auto; 
			width:250px; padding:10px 0;
			background:url(images/vmenu-item-back.png);
			font-variant:small-caps; color:#000; text-decoration:none;}
			
		#pg-menu .vmenu li a:hover {
			background:url(images/vmenu-item-hover-back.png);}
		
		
		
		
/* CSS Document
 * written by Peter Kahoun / Kahi
 * web: kahi.cz ~ mail: kahi@kahi.cz 
 * 2008/06
**/