/* CSS Document */

/* Palette (backs/borders/fonts)
 *******************************
 * rudá b40000 
 */

/* CSS reset
------------------------------------------------*/

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

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

ol, ul {list-style:none;}

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

fieldset, img {border:0;}

/* =General
------------------------------------------------*/

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

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

body, input, textarea, button {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif;}

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

/*
	CODE
	*****************
	 Header
	 [main block] 
	   Content {float-l, margin-l}
	   Col-L {float-l, margin-l-}
	   Col-R {float-r}
	 Cleaner
	 Footer
	
	
	LOOK
	******************
	 Header
	 Col-L (172) | [2px space] | Content (488) | Col-R (172)
	 Footer
*/  


body {
	font-size:62.5%;}

#part-1 {
	background:#000 url(graphics/back.png) left top repeat-x;
	color:#fff;}

	#part-1 .container {
		margin:0 auto;
		width:840px;}

		#header {}

		#content {
			float:left; margin-left:180px;
			width:488px; padding-top:139px; overflow:hidden;
			background:#f4f4f4 url(graphics/header-b.jpg) no-repeat;
			color:#000;}

		#col-l {
			float:left; margin-left:-668px; 
			width:177px; padding:0 0 30px 1px;}

		#col-r {
			width:172px; float:right;
			padding:42px 0 30px 0;
			background:url(graphics/header-c.jpg) no-repeat;}

#part-2 {
	background:#fff;
	color:#000;}

	#part-2 .container {
		margin:0 auto;
		width:840px;}
		
		#part-2 .container #footer {
			padding:20px 180px 50px 190px;}

/* =Header
------------------------------------------------*/

#header {
	position:relative;
	height:181px;}
	
	#header #logo {
		position:absolute; left:50px; top:50px;}
	
		#header #logo a {
			color:#fff; font-size:20px;}
		
	#header blockquote {
		position:absolute; left:50px; top:90px;
		width:220px; height:60px;
		color:#fff; font-size:13px;}
	
	#header .link-home a {
		position:absolute; left:10px; top:110px; z-index:100;
		width:230px; height:60px;}
	
	#header .image {
		position:absolute;
		background:url(graphics/header-a.jpg) no-repeat; width:100%; height:181px;}


/* =Footer
------------------------------------------------*/

#footer {}

	#footer h3 {
		margin:1em 0 .75em 0;
		padding-bottom:2px;
		border-bottom:1px solid #e1e1e1;
		font-size:130%; font-weight:bold; color:#c4c4c4; text-transform: uppercase; }

	#footer a {
		color:#888; text-decoration:none;}
	
	#footer a:hover {
		text-decoration:underline;}
	
	#footer .u-odkazy {	
		margin-bottom:2em;}
	
		#footer .u-odkazy a {
			color:#c4c4c4; text-decoration:none;}
		
	.bookmark-subscribe-etc {
		font-size:120%;}
	
		.bookmark-subscribe-etc li {
			margin-left:10px;
			display:inline;}	
		
			.bookmark-subscribe-etc li img {
				vertical-align: middle;
				/* position:relative; top:0.2em; */}
		
	#footer .copyright {
		margin-top:3em;
		padding-top:3px;
		border-top:1px solid #e1e1e1;
		color:#555; font-size:90%;}


/* =Col-L
------------------------------------------------*/

#col-l {}

	#col-l h2 {
		position:relative;
		height:44px;}

		#col-l h2 span {
			position:absolute;
			width:100%; height:44px;
			background:url(graphics/col-l-h-cestovani.png) no-repeat;}

	#col-l .box {
		padding:18px 5px 15px 23px;
		background:#9e9e9e url(graphics/col-l-box-type1.png) repeat-x;}
		
		#col-l .box.type1 {background:#9e9e9e url(graphics/col-l-box-type1.png) repeat-x;}
		#col-l .box.type2 {background:#bcbcbc url(graphics/col-l-box-type2.png) repeat-x;}
		#col-l .box.type3 {background:#d8d8d8 url(graphics/col-l-box-type3.png) repeat-x;}

		#col-l .box h3 {
			margin:0 10px 8px 0;
			padding-bottom:5px;
			border-bottom:1px solid #b4b4b4;
			font-size:140%; color:#444; text-transform:uppercase;}
		
			#col-l .box.type1 h3 {border-bottom:1px solid #929292;}
			#col-l .box.type2 h3 {border-bottom:1px solid #a8a8a8;}
			#col-l .box.type3 h3 {border-bottom:1px solid #bebebe;}

		#col-l .box ul a {
			text-decoration:none; color:#555; font-size:120%; font-weight:bold;}
			
			#col-l .box.type1 ul a {color:#555;}
			#col-l .box.type2 ul a {color:#666;}
			#col-l .box.type3 ul a {color:#777;}
		
		#col-l .light a {
			display:block; height:43px; padding:12px 0 0 23px; /* h:55 */
			background:#fff url(graphics/col-l-light.png) no-repeat;
			color:#333; text-decoration:none; font-size:140%; text-transform:uppercase;}
		

	
	#col-l .dim {}
	
		#col-l .dim h3 {
			margin:24px 8px 6px 0;
			padding-bottom:4px;
			border-bottom:1px solid #2d2d2d;
			font-size:120%; font-weight:bold; color:#777; line-height:130%;}
		
		#col-l .dim ul,
		#col-l .dim p,
		#col-l .dim a {color:#aaa;}
		
		#col-l .dim ul,
		#col-l .dim p {font-size:120%; font-weight:bold; line-height:130%;}
		
		#col-l .dim a {text-decoration:none;}
		
		#col-l .dim ul img {
			display:block; margin-bottom:6px;}


	#col-l a:hover,
	#col-l .box a:hover {text-decoration:underline;}


/* =Col-R
------------------------------------------------*/

#col-r {}

	#col-r h2.mysha {
		border-top:7px solid #606060;}
	
	#col-r p,
	#col-r li,
	#col-r h2,
	#col-r h3,
	#col-r h4 {
		padding-left:20px;}
	
	#col-r h2,
	#col-r h3 {
		margin-bottom:12px;
		padding:16px 0 3px 20px;
		border-bottom:1px solid #444;
		font-size:140%; text-transform:uppercase; color:#8b8b8b; font-weight:bold;}
	
	#col-r h3.separated {
		margin-top:2em;
		padding-top:.5em;
		border-bottom:0; border-top:1px solid #444;}
	
		#col-r h3 a {
			color:#8b8b8b; font-size:100%;}	
			
	#col-r h4 {
		margin:0 0 3px 0;
		padding:5px 0 5px 20px;
		background:#1c1c1c;
		font-size:120%; color:#8b8b8b; font-weight:bold;}
	
		#col-r h4 a {
			color:#8b8b8b;}
	
	#col-r ul,
	#col-r p {
		line-height:1.7em}
		
	#col-r ul.type0 {
		margin-bottom:40px}

	#col-r ul.type1 {
		margin-bottom:20px;}
	
		#col-r ul.type1 li {
			/* over */ padding-left:40px;
			background:url(graphics/li.png) 22px 0.5em no-repeat;}

	#col-r a {
		font-size:110%; color:#b7b7b7; text-decoration:none;}

	#col-r a:hover {
		text-decoration:underline;}

/* =Content
------------------------------------------------*/

#content {}

	blockquote.motto {
		padding:30px;
		background:#000;
		color:#b6b6b6; font-weight:bold; font-size:110%;}
		
		blockquote.motto cite {
			display:block; margin-top:0.7em;
			font-style: normal; text-transform: uppercase; font-weight: normal; letter-spacing:1px;}
	
	/* welcome message (~ category intros) */
	
	#content .welcome {
		padding:10px 22px;
		color:#666;}
		
		#content .welcome h3,
		#content .welcome h1 {
			margin:0 0 0.5em 0;
			font-size:120%; font-weight:bold;}
		
		/* #content .welcome h1 {
			font-size:150%;} */
  
		
		#content .welcome p {
			font-size:110%; line-height:130%; margin-bottom:0.5em; }
		
		#content .welcome .more a {
			font-weight:bold; color:#555; text-transform:uppercase;}
		
			#content .welcome .more a:hover {
				text-decoration:none;}
	
	
	/* multi-entries */

	ul.entries {}
		
		ul.entries li.entry {
			position:relative;
			height:203px; padding-left:190px;
			background:#ececec url(graphics/li-entry.png) repeat-x; }
		
		ul.entries li.entry.odd {
			background:#dbdbdb url(graphics/li-entry-odd.png) repeat-x;}
		
		ul.entries li.entry h3 {
			display:block;
			padding:16px 20px 8px 0;}
		
			ul.entries li.entry h3 a {
				margin-top:16px;
				font-size:180%; text-decoration:none; font-weight:bold; color:#747474; line-height:120%}
			
			ul.entries li.entry h3.type2 a {
			 color:#b40000}

				ul.entries li.entry h3 a:hover {
					color:#555;}
		
		ul.entries li.entry .perex {
			padding:15px 20px 0 0;
			color:#747474; font-size:110%; line-height:130%;}
		
			ul.entries li.entry .perex p:first-child:first-line {
				font-weight:bold;}

			ul.entries li.entry .perex a {
				color:inherit;}
			
		ul.entries li.entry .more a {
			position:absolute; left:180px; bottom:4px;
			display:block; padding:5px 10px; width:280px;
			background:#ddd;
			font-size:140%; color:#555; text-transform:uppercase; text-decoration:none;}
			
		ul.entries li.entry.odd .more a {
			background:#ccc;}	
		
			ul.entries li.entry .more a:hover {
				background:#ccc;}
				
			ul.entries li.entry.odd .more a:hover {
				background:#bbb;}
		
		ul.entries li.entry .image {
			position:absolute; left:4px; top:5px;
			width:170px; height:190px;}
		
		ul.entries li.entry .dt {
			color:#747474}
			
			
		/* lists in .multi .entry (aktuality) (!$@!!%) */	
		
		ul.entries li.entry ol,
		ul.entries li.entry ul {
			margin:1em 0 1.66em 0;}
			
 		ul.entries li.entry ul {
			 padding-left:1.33em;
			 list-style-type:disc;}
			 
		ul.entries li.entry ol {
			 padding-left:2em;
			 list-style-type:decimal;}
			 
			 ul.entries li.entry li {
			 	margin-bottom:0.5em;}

		
			
	.pg-multi .h-main {
		margin:2em 22px;
		font-size:180%; font-weight:bold; color:#747474;}


	.pg-multi li.entry.no-image {
		height:auto; padding-left:22px; padding-bottom:25px;}
	
		.pg-multi li.entry.no-image .more a {
			position:static; display:block; margin-top:1em;
			padding:0;
			background:transparent !important;
			text-transform:none; font-size:110%; text-decoration:underline; font-weight:bold;}
	
	.pg-multi .not-found {
		padding:0 22px 3em 22px;}
		
		.pg-multi .not-found h2 {
				margin:1em 0;
				font-size:150%; font-weight:bold; color:#b40000; line-height:120%;}
				
		.pg-multi .not-found p {
				font-size:11px;}

	
	/* pagination */

	.pagination {
		background:#000; padding:20px 10px 30px 10px;}
	   
		.pagination li a {
			display:block; width:220px;
			font-size:14px; font-weight:bold; color:#666; text-transform:uppercase; text-decoration:none;}
			
			.pagination li a:hover {
				text-decoration:underline;}
		
		.pagination .older a {
			float:left;}
		
		.pagination .newer a {
			float:right; text-align:right;}


	/* single-entry or Page */

	.pg-singular .entry {
		padding:0 22px;}
	
		.pg-singular .entry h1 {
			padding:1em 0 .5em;
			font-size:180%; font-weight:bold; color:#747474; line-height:133%;}
			
		.pg-singular .entry h1.type2 {
			 color:#b40000}
			
		.pg-singular .entry p,
		.pg-singular .entry ol,
		.pg-singular .entry ul,
		.pg-singular .entry blockquote {
			margin-bottom:1.66em}
			
		.pg-singular .entry li {
			margin-bottom:0.5em;}
			
		.pg-singular .entry p,
		.pg-singular .entry li {
			font-size:110%; line-height:133%;}
		
		.pg-singular .entry li li {
			font-size:inherit;}
			
 		.pg-singular .entry ul {
			 padding-left:1.33em;
			 list-style-type:disc;}
			 
		.pg-singular .entry ol {
			 padding-left:2em;
			 list-style-type:decimal;}

		
		.pg-singular .entry h2 {
			margin:1em 0 .5em;
			font-size:150%; font-weight:bold; color:#b40000;}
		
		.pg-singular .entry .cervene {
			color:#b40000;}
			
		.pg-singular .entry .sede {
			color:#666;}
		
		.pg-singular .entry a {
			color:inherit}
			
		
	.pg-singular .entry.not-found {
		padding:4em 22px;}
		
		
		
  		/* images */
		
		.pg-singular .entry .right,
		.pg-singular .entry .figure-right {
			float:right; margin:10px 0 10px 20px;}
	
		.pg-singular .entry .left,
		.pg-singular .entry .figure-left {
			float:left; margin:10px 20px 10px 0;}
	
		.pg-singular .entry .figure-right p,
		.pg-singular .entry .figure-left p {
			margin-top:0.5em;
			text-align:center; font-style:italic;}
		
		.pg-singular .entry a img {
			border:4px solid #ccc;}
		
		.pg-singular .entry div {
			display:block; margin:2em 0;}
			
		/* gallery */
  
		.gallery {
			margin:2em -22px 1em -22px;
			padding:0 0 22px 9px !important;
			list-style-type:none !important;
			overflow:visible;
			background:#dbdbdb;}
		
			.gallery li {
				display:block; float:left; margin:2px;
				width:90px; height:90px;}
				
				.gallery li a {
					display:block;
					width:90px; height:90px;}
			
			.gallery a img {
				border-width:0 !important;}
			
			.gallery li.cleaner {
				float:none;
				width:100%; height:1px;}
			
		/* comments */

		#comments {
			background:#ededed;}
		
			#comments .h.comments,
			.h.add-comment {
				padding:2em 0 24px 35px;
				background:url(graphics/separator-grad.png) left bottom repeat-x;
				font-size:11px; font-weight:bold; color:#959595; text-transform:uppercase;}
			
			#comments ol {
				padding:0 25px 0 35px;}
			
			
			#comments li {
				margin-bottom:3em;}
			
				#comments li .meta {
					padding:3px 0;
					border-bottom:1px solid #aaa;}
			
					#comments li .meta .author {
						float:left;
						width:60%;
						color:#b40000; font-size:130%; font-weight:bold;}
					
						#comments li .meta .author a {
							color:#b40000;}
					
					#comments li .meta .dt {
						float:right;
						font-size:100%; color:#444; font-weight:bold; text-transform:uppercase; text-align:right;}
					
						#comments li .meta .dt em {
							font-style:normal; color:#999; }
					
				#comments li .text {
					padding-top:0.5em;
					border-top:1px solid #fff;
					font-size:110%; color:#444; line-height:133%;}
					
					#comments li .text p,
					#comments li .text ul,
					#comments li .text ol {
						margin-bottom:1em;}  
			
			#comments .notice {
				padding:0 25px 0 35px;
				font-size:110%; color:#666;}
				
			#comments .notice.logged {
				padding:1em 0;}

		/* comment form */
		
 		#comments .h.add-comment {
			padding-top:1em;}
		
		#comments form {
			padding:8px 25px 50px 35px;}

			#comments form label {
				display:block;
				padding:4px 0 1px 0;
				color:#444; font-size:130%; text-transform:uppercase;}
				
				#comments form label .note {
					font-size:80%;}
				
			#comments form input.text,
			#comments form textarea {
				width:420px; padding:1px 2px;
				border:1px solid #ccc; border-top-color:#6e6e6e;
				font-size:120%; color:#333;}

			#comments form .submit {
				margin:.5em 0 3em 0;
				width:100px; padding:2px 0 2px 4px; border:none;
				background:transparent none; cursor:pointer;
				float:right; text-align:right; font-weight:bold; font-size:140%; text-transform:uppercase;}


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

	/*  */

/* CSS Document
 * written by Peter Kahoun / Kahi
 * web: kahi.cz ~ mail: kahi@kahi.cz 
 * 2007/12
 */