/* CSS pro webovou prezentaci kpm.cz */
/* made by BROLI © Web Works 2004-2007 -- http://www.web-works.cz -- */
/* ALL RIGHTS RESERVED */


body 						{padding: 0px; margin: 0px; text-align: center; font: 101% Verdana, Arial, Helvetica, sans-serif; }
div#page					{text-align: center;}
div#container 			{padding: 0px; width: 768px; margin: 0px auto; text-align: left; font-size: 70%; }

a img 					{ border: 0px; }
a 							{ color: #036; }
a:hover 					{ color: #f30; }
a:focus, a:active    { background-color: #f30; color: #fff!important;}
acronym					{ border-bottom: 1px dotted #CCC; cursor: help; }



h2				 {font-size: 1.8em; font-weight: normal; padding: 10px; margin: 5px 5px 10px 5px; border-bottom: 2px dotted #69c; }
h2 a	 		 {color: #005CB7; text-decoration: none;}
h2 a:hover	 {color: #f63; text-decoration: underline;}
h3 			 {border-left: 3px solid #C5D1F5; padding: 5px; margin: 5px 5px 10px 5px; font-size: 1.5em; color: #F30; font-weight: normal;}

/*table { border: 2px solid #82B8E7; border-collapse: collapse; margin: auto; font-size: 100%; color: #004C95;}
td 	{padding: 2px; border: 1px solid #82B8E7; border-collapse: collapse;}
th    {padding: 3px; border: 1px solid #82B8E7; border-collapse: collapse; background-color: #C5E6FE;}

thead td,thead th
		{ font-weight:bold; border-bottom: 1px solid #82B8E7; border-top: 1px solid #82B8E7; border-collapse: separate; background-color: #C5E6FE; padding: 3px;}
*/

/* HEADER */
#header 		{ position: relative; background-color: #004C95; height: 73px; width: 768px; margin: 0px; padding: 0px; color: #fff; background-image: url('./default/images/headline.jpg'); }
h1 			{font-size: 20px; font-weight: normal; margin: 0px; padding: 10px 0px 10px 80px; background: url('./default/images/kpm-logo.jpg') no-repeat 5px 3px;}
h1 a 			{color: #fff; text-decoration: none;}
h1 a:hover 	{color: #FF5615; text-decoration: none;}


div#image {margin: 0px; padding: 0px 0px; background-color: #fff/*#004C95*/; background-image: url(images/titleFLASHbg.jpg); height: 100px; }
#navbar {margin: 0px; padding: 5px;  background-color:#004C95; color: #fff; border-top: 1px solid #fff; }
#navbar a {color: #fff;}

/* CONTENT */
#bg-left 	{background-color: #D4EBFF; border-left: 1px solid #6699CC; border-right: 1px solid #6699CC;}
#bg-right 	{background-color: #fff; margin-left: 200px; border-left: 1px solid #82B8E7;}

#columns 		{margin-left: -200px;}
#left-column 	{width: 200px; float: left; color: #006; padding: 0px; margin: 0px; color: #003399; }
#right-column 	{width: 550px; float: right; padding: 5px 5px 5px 0px; color: #005CB7;}

/* FOOTER */
div#footer 			 {clear: both; background: #0062BF; padding: 5px; border-bottom: 2px solid #004C95; color: #fff; margin-bottom: 5px;}
div#footer a 		 {color: #fff; text-decoration: underline;}
div#footer a:hover {color: #fff; text-decoration: none;}

/* NAVIGATION */
div#menu 							{clear: both; height: 23px; position: absolute; top: 48px; margin: 0px; padding: 0px; z-index: 50;  }

ul#MainMenu {display: block; list-style-type: none; margin: 0px; padding: 0px; width: 768px; font-size: 100%;}
	ul#MainMenu li {display: block; float: left; background-color: #036; padding: 0px; }
		ul#MainMenu li a {padding:0px;color: #fff; border: 1px solid #fff; border-left: none; display: block; width: 127px;_width: 128px;text-decoration: none; }	
		ul#MainMenu li span {line-height: 23px; display: block;text-align: center; }	
		ul#MainMenu li a:hover {background-color: #FF5615;}
		ul#MainMenu li.currentMenuItem a {background-color: #004B93;}
		ul#MainMenu li a:active,ul#MainMenu li a:focus {background-color: #FF5615;}

/* SUBMENU */
div#left-column ul {margin: 0px 2px 0px 0px; padding: 3px 2px 0px 2px; list-style: none; background-color: #C5E6FE;  border-top: 1px solid #82B8E7;}
div#left-column ul li { display: block; border-bottom: 1px solid #82B8E7; margin: 0px; padding: 3px 0px;}
div#left-column ul li a { color: #005CB7; }
div#left-column ul li ul {margin: 0px; padding-left: 10px; background-color: #fff; border: 1px solid #005cb7; margin-top: 3px; color:#F63; }
div#left-column ul li ul li { border: none; margin-left: 10px; padding: 3px 0px; display: list-item; list-style: square;}
div#left-column ul li ul li a { color: #005cb7; }

#left-column a 		{text-decoration: underline; color: #005CB7;}
#left-column a:hover {text-decoration: none; color: #f30;}

h4 {color: #005CB7;font-size: 12px; margin: 10px; padding: 10px 0px 10px 35px; background-image: url(./images/h4bg.gif); background-repeat: no-repeat;}
div#left-column p {margin: 0px; padding: 10px 5px;}
div#left-column p.kontakt {margin: 0px; padding: 0px 10px 10px 10px;}

div#left-column img.banner {margin: 0px;
}

/* UVOD */
.graphic_uvod {background: url('default/images/uvod.jpg') no-repeat 20px 100%; padding-bottom: 350px; }


/* SLUZBY */
.graphic_sluzby ul 					{padding: 0px; margin: 5px 5px 10px 50px;}
.graphic_sluzby ul li 				{list-style: square; color: #F63; padding-top: 5px; }
.graphic_sluzby ul li a 			{text-decoration: underline; color: #69c;}
.graphic_sluzby ul li a:hover 	{text-decoration: none;color: #F63;}


/* KONTAKT */
.graphic_kontakt p {padding: 0px 50px 5px 50px;}
.write {background-image: url(./default/images/h4bgWRITE.gif); height: 10px;}
.email {background-image: url(./default/images/h4bgMAIL.gif); height: 10px;}
.tel {background-image: url(./default/images/h4bgTEL.gif); height: 10px;}
.faq {background-image: url(./default/images/h4bgFAQ.gif); height: 10px;}
.NewsBox {background-image: url(./default/images/h4bgNEWS.gif); height: 10px;}



ol li 									{color: #69c; }
ul li 									{list-style: square; color: #69c; }
ul li a, ol li a 			   		{text-decoration: underline; }
ul li a:hover, ol li a:hover 	   {text-decoration: none;color: #F63;}


/* SPECIALNI */
.cleaner 		{clear: both;}
.invisible 		{display: none;}
.error 			{color: #f30; font-weight: bold; font-variant: small-caps;}
.warning_RED	{color: #f30;}
.center 			{text-align: center;}
.right 			{text-align: right;}
.left 			{text-align: left;}
a span.error_pic 		{ display: block; color: #ccc; padding: 25px 0; border:1px solid #ccc; width: 125px; margin: auto; text-decoration: none;}
a:hover span.error_pic 		{color: #f63; padding: 25px 0; border:1px solid #f63; width: 125px; margin: auto;}


/* PRESKAKOVACI ODKAZY */
.jumplink {
	position: absolute;
	top: -100px;
	z-index: 1;
	padding: 0.5em;
}

a.jumplink:focus, a.jumplink:active {
	z-index: 2;
	top: 10px;
	left: 500px;
	background-color: #f30;
	color:#fff;
}

#flashbanner {
	width: 768px;
	height: 100px;
	z-index: 1;
	float: left;
	background: #fff url('images/titleFLASHbg.jpg') no-repeat top right;
}

#menu {z-index: 3;}


#PageAddress {font-size: 90%; }
		.PageAddressItem a {padding-right: 16px; background: url(default/images/ico-navItem.gif) right no-repeat;}

#bottom {text-align: right;}		
#copyrights {font-size: 90%; padding-top: 8px;}
		
/* modul    S I T E M A P     */
/* odkaz polozky sitemapu */
.SiteMap ul {padding: 5px 10px 5px 15px; margin-left: 10px;}
.SiteMap li {margin: 3px 0;}
.SiteMap li a {font-weight:bold;}
.SiteMap li span {font-size: 90%;}
/* odkaz polozky sitemapu typu externi odkaz */

.SiteMap li.externalLink a {background: url(default/images/ico-external-link.gif) 100% 0 no-repeat; padding-right: 15px;}
.SiteMap li.externalLink a:hover {background: url(default/images/ico-external-link2.gif) 100% 0 no-repeat; }

	
/* modul    N E W S     */
		
	.NewsItemTitle span {display:block; color: #82B8E7; font-size: 0.8em; font-weight: bold;}
	.NewsItemTitle {padding: 5px; margin: 0px; }
	.NewsItemText {padding: 5px; margin: 0px; }
	
   .NewsItem {margin-bottom: 30px; padding: 0px; }
	.NewsBottomLinks {padding-top: 50px; text-indent: 0px;}
	
	.NewsBoxItem {padding: 5px;}
	.NewsBoxItemTitle {padding: 0px; font-weight: bold;  padding-bottom: 5px; margin-bottom: 5px;}
	.NewsBoxItemTitle a {color: #c00;padding: 0px; padding-bottom: 5px; margin-bottom: 5px;}
	.NewsBoxItemTitle a:hover {color:#f30;}
	.NewsBoxItemTitle span {color: #333; display:block; font-size: 0.8em;}
	.NewsBoxItemText a {text-decoration: none; padding: 5px; font-size: 0.9em; color: #333; display: block; width: 100%; padding: 3px; }
	.NewsBoxItemText a:hover {color:#f30;}
	.NewsBoxItemTitle a:focus, h5.NewsItemTitle a:focus, .NewsBoxItemText a:focus,.NewsBoxItemTitle a:active, h5.NewsItemTitle a:active, .NewsBoxItemText a:active {color: #fff;}
	



/* modul    N E W S L E T T E R     */

.newsletterFormItem {} 
.newsletterForm {text-align:center; }
.newsletterFormSubmit {} 
.newsletterFormSubmit:hover {} 
.NewsletterText{/*font-size: 90%; */margin-bottom: 5px;}
.NewsletterError{padding: 5px; color: #f30; font-weight: bold;}




/*  SEARCH */

/* panel pro rychle vyhledavani */
#search-panel {padding: 0px;  width: 250px; position: absolute; top: 7px; right: 10px;}
#search-panel p {padding: 0px; margin: 0px;}
#search-panel h4 {display: none;}
#search-panel label {display: none; margin: 0; padding: 0;}
#search-panel a {color: #fff;}
#search-panel .input-text {width: 125px;}

#search-form {}
#search-form .input-text {margin-bottom: 0px;}
#search-form form fieldset {padding-bottom: 10px;}
.search-error {display: block; color: #c00; font-weight: bold;}


h3.SearchResultsTitle {margin: 0px;  padding: 0px;}
h4.SearchResultsTitle {margin: 0px;  padding: 5px;}
.tab-sel h4.SearchResultsTitle {color:#6699CC;}
.SearchItem {padding: 10px 20px;}
.SearchItemTitle {margin: 0px; padding: 5px 0; font-size: 1.1em;}
.SearchItemPhoto {width: 235px; float: left; margin: 0px; padding: 0px; text-align: left;}
.SearchItemText {font-size: 95%;}
.highlight {background-color: #EEEEDD;}



/* hledani v obsahu ---------------------------------*/

div.tab-sel {
	border: 1px solid #82B8E7;
	border-top: 3px;
	background-color: #D4EBFF;
	margin:0px 0px 5px 0px;
	padding:5px;
	clear:both;
}


ul#tabs-action {
	margin:0px 0px 0px 0px;
	padding:0px;
}

ul#tabs-action li {
	margin:0px 2px 0px 0px;
	padding:0px;
	list-style: none;
	display:block;
	float:left;
}

ul#tabs-action li a {
	margin:0px;
	padding:5px 0px;
	text-align:center;
	width:160px;
	overflow: hidden;
	font-weight: bold;
	display:block;
	float:left;
	border:1px solid #D4EBFF;
	border-bottom:none;
	color: #69c;
}

ul#tabs-action li a.tab-sel, ul#tabs-action li a.tab-sel:hover {
	text-decoration:none;
	background-color: #D4EBFF;
	border-color: #82B8E7;
}

ul#tabs-action li a:hover {
	background-color:#ECF6FF;
	border-color: #CFE4F6;
}