/*
    khkpk.cz
    cascading style sheets
    css 2.0 compliant
    http://www.w3.org/tr/css21/
	author: WEBDESIGN Tomáš Hlaváček 2006
	www.tomashlavacek.cz

default tag styling */

	body {
		margin:0;
		padding:0;
		background-color:#6a6763;
		font-size: 70%;
		color:#fff;
		}
	
	body, div, p, td, th, input, textarea, select { font-family: arial, 'arial ce', verdana, helvetica, sans-serif;}
	
	.cleaner{width:90%;clear:both;visibility:hidden;height:1px;padding:0;margin:10px 0;}

/* general holding div */
	#web {
		position:relative;
		width:774px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		background: url("../images/page_back.gif") repeat-y 0 0;
	}
	
			/* head */
			#heading{
				height:42px;
				background:url("../images/heading.gif") no-repeat 0 0;
			}
			#heading img { padding: 10px 10px; border:none;}
			.heading_datum {
									float:left;
									width:300px;
									padding: 15px 0 0 49px;
								}
			.heading_functions {	
									margin: 0 0 0 350px;
									width:405px;
									text-align:right;
									}	
	/* left columns holding tag */
	#left_column {
		float:left;
		position:relative;
		width:261px;
	}
	
	/* content of the left column */
			/* logo */
			h1{
				position:relative;
				margin:0;
				padding:0;
				width:261px;
				height:180px;
			}
			h1 span{
				position:absolute;
				top:0;
				left:0;
				margin:0;
				padding:0;
				height:100%;
				width:100%;
				background:url("../images/logo.gif") no-repeat 0 0;

			}
			
			/* menu */
			#menu{
				margin: 0;
				height:224px;
				width:261px; 
			}
				#menu ul,li{ margin:0; padding:0;}
				#menu a{ 
					padding: 10px 0 0 55px;
					margin: -10px 0 0 0; 
					display:block;
					width:261px; 
					height:36px;
					text-decoration:none;
					font-weight:bold;
					color:#fff;
				}
				#menu a:hover 
				{
					display:block; width:261px; height:36px;
					/*background: url("../images/menu_hover.gif") no-repeat 0 0;*/
					text-decoration:underline;
				}
				.a1{ display:block; width:261px; height:36px; background:url("../images/menu1.gif") no-repeat 0 0; margin: 0 !important; }
				.a2{ display:block; width:261px; height:36px; background:url("../images/menu2.gif") no-repeat 0 0; }
				.a3{ display:block; width:261px; height:36px; background:url("../images/menu3.gif") no-repeat 0 0; }
				.a4{ display:block; width:261px; height:36px; background:url("../images/menu4.gif") no-repeat 0 0; }
				.a5{ display:block; width:261px; height:36px; background:url("../images/menu5.gif") no-repeat 0 0; }
				.a6{ display:block; width:261px; height:36px; background:url("../images/menu6.gif") no-repeat 0 0; }
				.a7{ display:block; width:261px; height:36px; background:url("../images/menu7.gif") no-repeat 0 0; }
				.a8{ display:block; width:261px; height:36px; background:url("../images/menu8.gif") no-repeat 0 0; }
				.a9{ display:block; width:261px; height:36px; background:url("../images/menu9.gif") no-repeat 0 0; }
			
			/* address*/
			#address{
				margin:100px 0 0 0;
				width:261px;
				position:relative;
				height:224px;
				background:url("../images/address.gif") no-repeat 0 0;
			}
				
				.address_block{
					width:98%;
					margin: 0;
					padding: 20px 0 0 50px;
				}
				#address p { color:#fff; text-align:left; font-size:1.1em; margin:0; padding:0 0 0 10px;}
				#address a { color:#fff; font-size:1.1em; margin:0; padding:0 0 0 10px;}
			
			/* copyright */
			#copyright{
				height:63px;
				width:261px;
				background: #a4a09a url("../images/copyright.gif") no-repeat 0 0;
			}

/* *************************************** */
/* right columns holding tag for INDEX.PHP */
/* *************************************** */

	#right_column {
		position:relative;
		margin: 0 0 0 261px;
		min-height:728px
	}
	
	
	/* content of the right column */	
			/* map */
			#map{
				float:left;
				width:286px;
				height:432px;
				background:url("../images/map.gif") no-repeat 0 0;
			}
		
			/* news */
			#news{
				margin: 0 0 0 286px;
				padding: 0 0 0 2px;
				height:224px;
				width:225px;
				background: #a4a09a url("../images/right_crown.gif") no-repeat 0 0;
				
			}
			/* actions */
			#actions{
				margin: 0 0 0 286px;
				padding: 0 0 0 2px;
				height:208px;
				width:225px;
				background: #a4a09a url("../images/actions.gif") no-repeat 0 0;
			}
			/* content */
			#content{
				float:left;
				background: url("../images/content.gif") no-repeat 0 0;
				text-align:justify;
				margin:0;
			}
			#content span { display:block;}

			/* div for partners logos */
			#logos{
				float:left;
				height:63px;
				width:513px;
			}


/* foot  */
	#footer{
		clear:both;
		height:63px;
		width:774px;
		background: url("../images/footer.gif") no-repeat 0 0;
	}
	#footer img { padding: 10px 10px; border:none;}
	.footer_copyright {
					float:left;
					width:300px;
					padding: 0 0 0 49px;
					}
	.footer_icons {	float:right;
					width:300px;
					padding-top: 22px;
					margin-left: 0;
					text-align: right;
					}	
	.footer_icons a {
					text-decoration:none;
					color:#9c9b98;
					font-size:12px;
					font-weight:bold;
					display:inline;
					width: 150px;
					margin: 0 40px 0 0;
					}
	.footer_icons span {
					font-weight:normal !important;
					}

/* font settings */
h1{font-size:1.2em;color:#fff; padding:0; margin:0;}
h2{font-size:1.4em;color:#2d2c29; padding:5px 0 10px 5px; margin:0;}
h3{font-size:1.2em;color:#54524d; padding:10px 0 10px 10px; margin:0;}
h4{font-size:0.8em;color:#686453; padding:0; margin:0;}
p, ul{font-size:1.2em; margin:0; padding:0 0 5px 15px;}

/* text blocks settings */
.article { border-bottom:#666666 1px dashed; margin: 0 0 15px 0;}

.text { color:#2d2c29;}
.content_text { color:#2d2c29 !important; margin:0; padding:0;}
.more {
	display:block;
	height: 17px;
	width: 90%;
	text-align:right;
	color:#2d2c29;
	margin: 0 10px 10px 0;
	padding: 1px 17px 0 0;
	background: url("../images/button_info.gif") no-repeat 0 0;
	}

/* list settings */
li {
	list-style-type:square;
	list-style-position:outside;
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	}

/* right boxes */
	.white_heading { color:#fff; padding: 15px 0 0 10px; font-size: 1.1em; font-weight:bold;}
	.dark_heading { color:#474540; padding: 15px 0 0 0; font-size: 1.1em; font-weight:bold;}	
	/* SCROLL BOX NOVINKY */

	#Novinky		{ 	z-index: 3; width: 227px; position: relative; height: 235px;}
	#Novinky .buttonUp 	{ 	z-index: 3; right: 15px; width: 10px; position: absolute; top: 0px; height: 9px;}
	#Novinky .buttonDown	{	z-index: 3; right: 15px; width: 10px; position: absolute; top: 14px; height: 9px;}
	
	#boxScrollNovinky 	{	overflow: hidden; width: 227px; position: absolute; top: 10px; height: 180px;}
	#boxObsahNovinky	{	width: 191px; position: absolute;}
	#boxObsahNovinky a 	{	text-decoration:none;}
	#boxObsahNovinky .item  { 	padding-right: 10px; padding-left: 20px; font-size: 1em; padding-bottom: 5px; padding-top: 5px;}
	#boxObsahNovinky .datum { 	display: block; color: #55534e;}
	#boxObsahNovinky .nadpis{	display: block; color: #2d2c29; font-weight:bold;}
	#boxObsahNovinky .text 	{	display: block; color: #2d2c29;}

	/* SCROLL BOX AKCE */

	#Akce			{ 	z-index: 3; width: 227px; position: relative; height: 235px;}
	#Akce .buttonUp 	{ 	z-index: 3; right: 15px; width: 10px; position: absolute; top: 0; height: 9px;}
	#Akce .buttonDown	{	z-index: 3; right: 15px; width: 10px; position: absolute; top: 14px; height: 9px;}
	#boxScrollAkce 		{	overflow: hidden; width: 227px; position: absolute; top: 10px; height: 165px;}
	#boxObsahAkce		{	width: 191px; position: absolute;}
	#boxObsahAkce a		{	text-decoration:none;}
	#boxObsahAkce .item  	{ 	padding-right: 10px; padding-left: 20px; font-size: 1em; padding-bottom: 5px; padding-top: 5px;}
	#boxObsahAkce .datum 	{ 	display: block; color: #55534e;}
	#boxObsahAkce .nadpis	{	display: block; color: #2d2c29; font-weight:bold;}
	#boxObsahAkce .text  	{	display: block; color: #2d2c29;}
	
		/* SCROLL BOX CONTENT */

	#content			{ 	z-index: 3; width: 513px; position: relative; height: 235px;}
	#content .buttonUp 	{ 	z-index: 3; right: 15px; width: 10px; position: absolute; top: -29px; height: 9px;}
	#content .buttonDown	{	z-index: 3; right: 15px; width: 10px; position: absolute; top: -15px; height: 9px;}
	#boxScrollcontent img { float:left; border:3px solid #666666; margin: 5px 5px 0 0 }
	#boxScrollcontent 		{	overflow: hidden; width: 480px; position: absolute; top: 0; height: 265px;}
	#boxObsahcontent		{	width: 480px; position: absolute;}
	#boxObsahcontent a		{	text-decoration:none;}
	#boxObsahcontent .item  	{ 	padding-right: 10px; padding-left: 20px; font-size: 1em; padding-bottom: 5px; padding-top: 5px;}
	#boxObsahcontent .datum 	{ 	display: block; color: #55534e;}
	#boxObsahcontent .nadpis	{	display: block; color: #2d2c29; font-weight:bold;}
	#boxObsahcontent .text  	{	display: block; color: #2d2c29;}