/* ============================ */
/* obecne nadpisy */
/* ============================ */

h4{padding-top:10px;}
h4.afterH2{padding-top:0px;}

/* ============================ */
/* obecne tabulky */
/* ============================ */

/* povinne labely a pole */
span.povinne {color:red;}
input.povinne {background-color:#fff0f0;}
th label{
	font-weight: bolder;
	text-align: left;
}

/* ============================ */
/* obecny layout */
/* ============================ */

/* obsah vnitrni stranky */
#content {margin: 0px;}
#content {margin-right: 10px;}

/* float reset */	
.nolinka {
  overflow: hidden;
  _display: inline-block;
}

/* navigace bez metodicke podpory */
#navi.zadna_mp{min-height: 0px; _height:0px;}

/* tabulky */
table.thinTable td, table.thinTable th {padding: 1px 4px;}
table.thinerTable td, table.thinerTable th {
	padding: 4px 4px 0px 4px;
	border:0px;
}

.odkaz_na_obsah{
	position: absolute;
	left: -10000px;
	top: 0px;
}

/* ============================ */
/* obecne seznamy */
/* ============================ */
ul.list li{padding:3px 0px 3px 0px;}
 
 
/* ============================ */
/* boxik obecny */
/* ============================ */
.sidebox {
	margin: 0 auto; /* center for now */
	background: url(../images/ui/design/corner_body_right.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead_r {
	background: url(../images/ui/design/corner_head_right.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead_l {
	background: url(../images/ui/design/corner_head_left.gif) no-repeat top left;
	margin: 0;
	padding: 4px;
}
.boxbody {
	background: url(../images/ui/design/corner_body_left.gif) no-repeat bottom left;
	margin: 0;
	padding: 4px;
}

/* ============================ */
/* boxik pro login */
/* ============================ */
#login {
	width: 233px;
	min-height:90px;
	_height: 90px /* IE6 */;
	zoom: 1;
	float:right;
	margin:0px -4px 0px 10px;
}
#login p {margin-bottom: 2px;}
#login p br {display: none;}
#login form {background: url(../images/ui/design/ico-login.gif) no-repeat 156px 0px;}
#login .boxbody {padding:10px; padding-top:0px;}


/* ============================ */
/* tabulkove formulare */
/* ============================ */


table.form {
	border:2px solid #dae1e5;
	/* table-layout: fixed; */
}
table.form td{
	border:1px solid white;
	background-color:#f5f7f8;
}
table.form td.label{
	font-weight: bolder;
}

table.form {
	border:2px solid #dae1e5;
	/* table-layout: fixed; */
}

table.form td.emptyCell{
	max-width:1px;
	padding:0px;
	margin:0px;
}

table.form th {font-weight: bolder; width: 150px; padding: 5px 5px 0 5px; border:1px solid white;}
table.form label, form.tool table input {margin-bottom: 0;}
table.form td.right {width: 130px;}

table.form span.nadpis_sekce {font-weight:bold;}




/* ============================ */
/* hlavni formulare */
/* ============================ */

.buttons_line_top{
	margin-top:10px;
	text-align: center; 	
}



#form_detail{
	clear:both;
}
#form_detail table td{
	background-color: #f5f7f8; 
	border: 0px solid white
}
#form_detail table{
	border: 0px solid white;
}
#form_detail div div div table td[name~="emp"]{
	max-width: 0px;
	border-width:0px;
	margin:0px;
	padding:0px;
}

#form_detail h1{
  background:none;
}

#form_detail table.formlist	td{
	background-color: white; 
	border:1px solid #dae1e5;
}

/* hlavicka nad formem */
table#form_detail_header{
	margin-top:30px;
	margin-left:60px;
	width:600px;
	margin-bottom:20px;
}

table#form_detail_header, table#form_detail_header td, table#form_detail_header th{
	border:0px;
	background:white;
}

/* formularove chyby */
#chyby_validace{
	padding:10px;
	color:black;
	border:0px solid red;
}


#chyby_validace span{
	color:red;
}

#chyby_validace span:hover{
	text-decoration: underline;
	cursor: pointer;
}

#chyby_validace ul{
	color:black;
	list-style: disc;
}


/* ********************************** */
/* vyhledavani.html */
/* ********************************** */
table.vyhledavani{
	margin-bottom:10px;
}

		
/* ************************************************************************************************************************ */
/* ************ ???? ************* */
/* ************************************************************************************************************************ */



html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 66%;
	/*font-size: 62.5%;*/
	text-align: center;
	font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
	color: #565656;
	background: #f5f5f5;
	line-height: 1.5em;
	_font-size: 10px;
	}

* {	margin: 0; padding: 0;}

/* need anything in Trebuchet? */
	#navi h2, #navi h3, #navi h4, #navi h5, #navi h6, #rightcol h2, #rightcol h3, #rightcol h4, #rightcol h5, #rightcol h6, #header h2, #sitemap .sekce a, #sitemap .sekce span,  .kalkulatorZasilky h3 {
		font-family: "Trebuchet MS", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
		}

		
/* *********************************** */
/* ************ HEADINGS ************* */
/* *********************************** */

h1, .h1like {
	font-size: 1.9em;  
	font-family: "Trebuchet MS", Tahoma, "Arial CE", Arial, sans-serif; 
	margin-bottom: 8px; 
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left; 
	line-height: 1.2em;
	}
		/* put h1 background images here */
		h1 span {display: block; padding: 20px 70px 25px 0;}
			
		
h2 {font-size: 1.55em; font-weight: normal;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em;}

h2, h3, h4, h5, h6 {
	margin-bottom: 10px;	 
	color: #565656;	
	line-height: 1.2em;
	}		
	h2, #login h3, #all #main .kalkulatorZasilky h2, .nadpisTest h3 {
		
		padding: 0px 10px 0 10px; 
/*		color: #005B9A;*/
		}
	#rightcol h2 {
		padding: 15px 7px 0 7px;
		margin-bottom: 8px;	
		}
		
	h2 a.FCK__AnchorC:hover {color: #005b9a;}
		
	.nadpisTest h2 {color: #005B9A;}
	#all .nadpisTest h3 {margin-left: 0; font-size: 1.55em; font-weight: normal; color: #565656;}
	.nadpisTest h4 {font-size: 1.3em;}
	.nadpisTest h5 {font-size: 1.1em;}
		
	#content h2, #content h3, #content h4, #content h5, #content h6 {line-height: 1.3em;}
	
	#content h2.nodots {
		background: none;
		line-height: 1em;
		padding: 0px 10px 0px 10px;
		}
	
	.h1like {padding-bottom: 12px; padding-left: 0; margin-bottom: 15px}
	
	/* h2 dots bg reset */	
	#login h2, #content .colorBox h2, #col1 h2, #col2 h2, form h2, #spocitejtesi h2, #aktuality h2, #kalendar h2, #navi h2, #domaci h2, #zahranicni h2, .noBg, #rightcol h2 {background: none;} 
	/* padding reset when no bg */
	#kalendar h2, #spocitejtesi h2, #aktuality h2, .aktuality #anketa h2, #download h2.noBg {
		padding-top: 5px; margin-bottom: 10px;
		} 	
		
		
	/* heading in blue */
	h1, #nastroje h2, #aktuality h2, h2.naviname, #rightcol h2, #rightcol #login h3, #elSluzby h2 {color: #005b9a;}	
	
	#header h2 {
		background: url(../images/ui/design/bg-header-nadpis.gif) no-repeat 0 35px;
		padding: 33px 0 0 38px;
		margin: 0;
		margin-right: 300px;		
		color: #FFF;
		font-weight: normal; 
/*		text-transform: uppercase; */
		font-variant: small-caps;
		font-size: 2.1em;
		letter-spacing: -1px;
		line-height: 1em;
		}
		#header h2 span {
		font-size: 0.8em;
		font-variant:normal;
		}

	h2.naviname {margin: 0 0 12px 7px; padding-top: 0; padding-left: 0;}		
	
	#nastroje h2, #aktuality h2 {margin-bottom: 8px; padding-left: 0;}
	#login h2 {
		padding: 0;
		margin: 0 0 12px 0;
		}
	#login h3 {
		padding: 10px 7px 0 0;
		margin-bottom: 8px;
		margin-top: 13px;
		font-size: 1.4em;
		}		
	#content .colorBox h2 {
		padding-top: 0;
		padding-left: 0;
		font-size: 1.3em;
		font-weight: bold;
		}		
	#col1 h2, #col2 h2 {padding: 5px 0 0 0;}			
	form h2 {padding-top: 0;}	
	
/* ********************************************** */
/* ******** LINK WITH RIGHT ARROW ICON ********** */
/* ********************************************** */

.vice {
	background: url(../images/ui/design/sipka-doprava.gif) no-repeat 0 2px;
	padding-bottom: 2px;
	padding-left: 17px;
	margin-left: 1px;	
	_display: inline-block;
	position: relative;
	display: inline-block;
	}
	.vice:hover {background-position: 0 -87px; }
	.right .vice, .resultItem .vice {display: inline-block;}
	
	#nastroje .vice, #aktuality .vice{font-size: 0.9em; margin-left: -6px;}
	.spocitej .vice {margin-top: 3px;}
	#aktuality .vice, #kalendar .vice, .aktuality #content .vice {margin-left: -15px;}
	form table.tool a.vice {padding-left: 17px; display: block; font-size: 0.9em;}
	.actions .vice {margin-right: 10px;}


/* ********************************************** */
/* ************** DEFAULT STYLES **************** */
/* ********************************************** */

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.justified {text-align: justify;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.clear {clear: both;}
.none, #all .none {display: none;}
.small {font-size: 0.9em;}
.nowrap {white-space: nowrap;}
.fleft {float:left;}
.fright {float:right;}
hr {
	border: 0;
 	width: 100%;
  	color: #f00;
	background-color: #FFF;
	height: 1px;
	border-top: 1px dotted #DFDFDF;
	_border-top: 1px solid #DFDFDF;
	margin-bottom: 1em;
	=margin-bottom: 0.5em;
	=margin-top: -0.5em;
	}
hr.hr2 {
	border: 0;
	width: 100%;
	color: #f00;
	background-color: #BBB;
	height: 1px;
	border-top: 1px solid #BBB;
	margin-bottom: 1em;
	=margin-bottom: 0.5em;
	=margin-top: -0.5em;
	}

a:link {color: #005b9a;}
a:visited {color: #8c5f00;}
a:hover {color: #8C5F00;}
a:active, a:focus {color: #8C5F00;}
img {border: none;}

.external {
	background: url(../images/ui/design/ico-external.gif) no-repeat 100% 70%;
	padding-right: 12px;
	white-space: nowrap;
	zoom: 1;
	}
.windowOpen {
	background: url(../images/ui/design/ico-windowopen.gif) no-repeat 100% 70%;
	padding-right: 16px;
	white-space: nowrap;
	zoom: 1;
	}

blockquote {
	font-style: italic;
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	}

p {margin-bottom: 15px;}
	#content p {text-align: justify;}
	#content p.left	{text-align: left;}
	#content p.center {text-align: center;}
	#content p.right	{text-align: right;}

	/* odsazeni od kraju v contentu */
	#content p, #content h3, #content h4, #content h5, #content h6, #content ul { margin-left: 10px; margin-right: 10px;}
	/* reset odsazeni */
	#content .colorBox p, #content .colorBox h2, #content .colorBox h3, #content .colorBox h4, #content .colorBox h5, #content .colorBox h6, #content p.pages, #content .colorBox ul, .system #content p {margin-left: 0; margin-right: 0;}

img.rgt, img.lft, .fotoThumb img, #all .razitko img, .articleThumb img {
	border: 1px solid #e7e9eb;
	background: #FFF;
	padding: 4px;
	}
	.colorBox img {background: none;}


	
#content .noborder {border: none; padding: 0;}

#content .leftBox {float:left; width:350px;}
#content .rightBox{float:right; width:350px;}
.linka {
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left;
	padding-bottom: 3px;
	margin-bottom: 13px;
	}
.linka2 {
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left;
	padding-bottom: 13px;
	margin-left: 250px;
	margin-bottom: 13px;
	}

.linkaTop {
	background: url(../images/ui/design/dot-h.gif) repeat-x top left;
	padding-top: 15px;
	}
.linkaLastOnPage {
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left;
	padding-bottom: 1px;
	margin-bottom: 0px;
	}	
#mapa {margin-bottom: 10px;}

/* print */
#content .print {text-align: right; clear: both; margin:13px 0px 10px 0px;}
	.print a {background: url(../images/ui/design/ico-print.gif) no-repeat; padding: 7px 0 9px 35px;}


/* datum */
#kalendar .datum {
	background: url(../images/ui/design/ico-kalendar.gif) no-repeat 7px 1px;
	padding-left: 23px;
	margin-bottom: 1px;
	}
		
/* float reset */	
.addToBasket, .orderSearch, .fotogalerie, #extendedSearch, ol.steps, #content p.buttons, #zajmy, .vcard, .interactiveSearchTop {
	overflow: hidden;
	_display: inline-block;
	} 
	
	

	
/* ******************************************** */
/* ************** FORMS STYLES **************** */
/* ******************************************** */

option {padding-right: 11px;}
input, select {vertical-align: middle; font-size: 1em; margin-bottom: 5px;}
input.radio {display: inline; width: auto; float: left; margin-right: 5px; position: relative; top: 3px; =top: 0;}
label {margin-bottom: 1px;}
fieldset {margin: 0; padding: 0; border: 0;}
form br {clear: both;}

.button {
	padding: 3px 20px;
	/*padding: 1px 8px;*/
	margin-right: 12px;
	font-size: 1.3em;
	/*font-size: 1em;*/
	cursor: pointer;
	font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;

	}
	
label, .labelLike {
	display: block;
	width: 150px;
	text-align: right;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
	margin-bottom: 5px;
	padding-top: 2px;
	font-weight: normal;
	}
	#rok label, #sort label {width: auto; margin-right: 5px;}	
	label.inlineLabel {display: inline; width: auto; text-align: left;}
	#rightcol label {width: 8em; margin-right: 0;}
	#rightcol label.none {display: none;}
	td label.inlineLabel {padding-top: 0;}
	td.right label.inlineLabel {float: right; margin-right: 0;}
	.term label {width: 40px;}


td span.povinne {color:red;}
td input.povinne {background-color:#fff0f0;}

.field {width: 215px; font-size: 1em; padding: 1px; margin-bottom: 5px;}
select.field {width: 220px;}
		#rightcol .field {width: 50px; display: inline;}
		#rightcol select.field {width: 110px;}		
		#rok .field {width: 5em;}
		input.short {width: 70px;}
		select.short {width: 76px;}
		input.ultrashort {width: 22px;}
		#rightcol .detail .field {width: 60px;}
		#sort .field {width: auto;}
		
		

#content p.buttons {margin-left: 160px;}
.odsazbox {padding: 10px 10px 0 10px;}

.warning {
	border: 2px solid #CC0000;
	padding: 5px 10px;
	color: #CC0000;
	zoom: 1;
	}
#all .warning2 {color: #005B9A;}
.vykricnik {color: #CC0000; font-weight: bold; font-size: 1.2em;}
.missing {background-color: #FFD9D9;}

.kalendar {vertical-align: middle; margin-left: 4px; cursor: pointer}
.center .button {padding-bottom: 2px;}
.oblig {color: #CC0000;}
img.kodimg {margin-bottom: 6px;}

#all form .colRight label.colLabel {width: 25px; text-align: left;}
#all form .colRight input.colField {width: 172px;}			
			
#rightcol form .checkbox {margin-right: 5px;}				

#tvar {margin-bottom: 10px;}

.icohandicap {vertical-align: middle; margin-left: 4px;}

#serviceSorting {padding-bottom: 8px; =padding-bottom: 11px; margin-bottom: 15px; padding-left: 10px; padding-top: 5px;}
#serviceSorting select, #serviceSorting label, #serviceSorting input {float: left;}
#serviceSorting select {margin-right: 12px;}



/* ************************************* */
/* ************** LISTS **************** */
/* ************************************* */

#content ul, #content ol {margin: 0 0 15px 30px;}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {margin: 0 0 0 15px;}

#content ol {margin-left: 35px;}
#content ol li {margin-top: 6px;}
#content ul.withStyle li, #all #elSluzby li, #content .colorBox ul li, #sitemap ul li, .postaInfo li, ul.linker li {
	list-style: none;
	background: url(../images/ui/design/square-li-dark.gif) no-repeat 0 3px;
	padding-left: 18px;
	margin-top: 6px;
	position: relative;
}	
#content .levelLine ul li {background: none; padding-left: 10px;}
#content ul.withStyle li li, #all #elSluzby li li {background-image: url(../images/ui/design/square-li-light.gif)}
#all #elSluzby li.selected {background-image: url(../images/ui/design/square-li-blue.gif)}
#content ul ol li {
	list-style: inherit;
	background: none;
	padding-left: 0;
	margin-left: 17px;
}
			
#all ul.linker {margin-left: 10px; list-style: none;}
#all ul.linker li {
	background: url(../images/ui/design/sipka-doprava.gif) no-repeat 0 2px;
	margin-bottom: 10px;
}
	
#rightcol ul.linker {margin-left: 0;}
#rightcol ul.linker li {padding-left: 18px;}
		
#souvisejici li, #download li {
	background: url(../images/ui/design/ico-doc.gif) no-repeat 0 4px;
	list-style: none;
	padding-left: 16px;
	margin-bottom: 5px;
}	
#download li {background: url(../images/ui/design/ico-download.gif) no-repeat 2px 2px;}	
#navi #nastroje ul, #aktuality ul {margin-bottom: 5px; margin-left: 0;}		
#nastroje ul li, #aktuality ul li {
	background: url(../images/ui/design/ico-tiskzprava.gif) no-repeat 0 1px;
	padding: 3px 0px 3px 24px;
	list-style: none;
}	

	
#all #content div.rightList {float: right; width: 280px;}

#content .navigace {margin-left: 0; margin-top: 20px;}
#content .navigace li {
	list-style: none;
	background: url(../images/ui/design/ico-navigace.gif) no-repeat;
	padding-left: 43px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.9em;
	padding-bottom: 10px;
	margin-bottom: 3px;
}
		
/* ************************************** */
/* ********* HIDDEN SHORTCUTS *********** */
/* ************************************** */
.focus {position: absolute; left: 132px; top: 20px;}
	.focus a, .focus span {
		position: absolute;
		top: -50px;
		left: 0;
		z-index: -10;
		white-space: nowrap;
		}
	.focus a:focus, .focus a:active {
		z-index:2;
		top: -10px;
		background:#FFF;
		padding: 2px 5px 4px 6px;
		}

/* ************************************** */
/* *************** PAGER **************** */
/* ************************************** */
.pager {
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left;
	padding-bottom: 23px;
	margin-top: 20px;
	margin-bottom: 23px;

}
#content .pages {text-align: left;}
	.pages span {margin-right: 25px;}
	#content .pages .field {width: 20px;}
	.pages select, .pages input {font-size: 1em;}
	#content .pages label {display: inline; float: none; margin: 0;}
	.next {
		background: url(../images/ui/design/sipka-doprava.gif) no-repeat 100% 2px;
		padding-right: 17px;			
		padding-bottom: 2px;
		margin-left: 3px;		
		}
		.next:hover {background-position: 100% -87px;}		
	.prev {
		background: url(../images/ui/design/sipka-doleva.gif) no-repeat 0 2px;
		padding-left: 17px;			
		padding-bottom: 2px;
		margin-left: 3px;
		}
		.prev:hover {background-position: 0 -87px;}	
		
	.back {position: relative; top: 10px;}

/* ************************************** */
/* ************** TABLES **************** */
/* ************************************** */
table {
	border: 1px solid #dae1e5;
	border-collapse: collapse;
	font-size: 1em;
	width: 100%;
}	
th, td {
	padding: 5px 6px;
	vertical-align: top;
	text-align: left;
	border: 1px dotted #dae1e5;
	_border: 1px solid #dae1e5;
}
th, tr.celkem td {background: #f5f7f8; border: 1px solid #dae1e5; }
.pul {width: 50%;}
.ctvrt {width: 25%;}
	

#loginTable	{border:0px;}
#loginTable.thinTable td, #loginTable.thinTable th {padding: 1px 4px; border:0px;}	

/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;	
}
table.noformat th, table.noformat td {
	padding: 5px 0 0 10px;
	vertical-align: top;
	border: 0;
	background: none;	
}

table.noformat input, table.noformat select {
	font-size: 11pt	
}

table.noformat tr.dotted td {background: url(../images/ui/design/dot-h.gif) repeat-x; padding-top: 10px;}
.dotted span.rgt, .dotted span.lft {padding-top: 8px;}

#all caption h3 {margin-bottom: 0; padding-left: 0; margin-left: 0;}
caption {margin-bottom: 10px;  text-align: left; padding: 0 10px;}

table.serviceList {width: 50%;}

div.box711 form table td.emptyCell{width:0px;margin:0px;padding:0px;color:red;}

/* *********************************** */			
/* ********* LAYOUT STRUCTURE ******** */
/* *********************************** */
#all {
	margin: 10px auto 0 auto;
	text-align: left;
	width: 994px;
	background: url(../images/ui/design/bg-all.gif) repeat-y #FFF;
	
	position: relative;
	font-size: 1.1em;
	}
	#allin {padding: 0 10px; background: url(../images/ui/design/bg-all-top.gif) no-repeat; overflow: hidden; _display: inline-block; _padding:0px; _padding-left:10px;}
		#main {
			margin: 0;	
			padding-bottom: 15px;
			background: url(../images/ui/design/bg-main.gif) repeat-y; 
			}
		#main2 {
			margin: 0;	
			padding-bottom: 0px;
			background: url(../images/ui/design/bg-main2.gif) repeat-y; 
			}
			#leftcol {
				float: left;
/*				width: 725px;*/
				width: 980px;
				}
				#content_container {		
/*					width: 736px;*/
					width: 980px;
					position: relative;
					}
					#navi {
						float: left;
						width: 235px;
						min-height:500px;
						height:auto !important;
						height:500px;
						}
					#maincol {
						float: right;
/*						width: 488px;*/			
						width: 721px;
						}
		/*#infocol {			
					
			width: 980px;
						}*/
/*						#content {margin: 0 10px 0 0; min-height:370px;} */
						

/* ****************************** */
/* ********** HLAVICKA ********** */
/* ****************************** */
#top {
	_padding-top:10px;	
	position: relative;
	min-height: 35px;
	_height: 35px; /*ie6*/
	line-height: 3em;
	}
	.logo {
		position: absolute;
		top: 14px;
		left: 8px;
		}
	#top p {margin-bottom: 0;}
	.infolang {
		padding: 10px 10px 20px 0;
		font-size: 1em;
		}
		.infolang span {
			background: url(../images/ui/design/dot-v.gif) repeat-y top right;
			padding: 3px 10px 5px 10px;
			margin-right: 10px;
			}
		.infolang strong {
			color: #005b9a;
			}			
		.eng {
			background: url(../images/ui/design/flag-en.gif) no-repeat 0 1px;
			padding-left: 28px;
			padding-bottom: 1px;
			}
		.cz {
			background: url(../images/ui/design/flag-cz.gif) no-repeat 0 1px;
			padding-left: 28px;
			padding-bottom: 1px;
			}
	.shortcuts {font-size: 1em;}
	.shortcuts a {
				margin: 0 8px;
				text-decoration:none;
				}
		a.contacts {
			background: url(../images/ui/design/ico-contacts.gif) no-repeat 0 0;
			padding: 5px 0 5px 45px;			
		}
		a.napoveda {
			background: url(../images/ui/design/ico-help.gif) no-repeat 0 0;
			padding: 5px 0 5px 45px;			
		}
			
	.topBanner {
			position: absolute;
			top: 16px;
			left: 140px;
	}
	
		
/* ************************** */	
/* ********** MENU ********** */
/* ************************** */

#h_menu {
	background: url(../images/ui/design/bg-menu.gif) no-repeat #1871AD;
	min-height: 49px;
	_height: 49px;
	padding-left: 10px;
	margin-bottom: 15px;
	position: relative;
	line-height: 1em;
	}
	#h_menu ul {
		list-style: none;
		position: relative;
		float: left;
		padding-top: 11px;
		}
		#h_menu ul li {
			display: block;
			float: left;				
			background: url(../images/ui/design/ico-hmenu.gif) no-repeat 19px 9px;
			width: 230px;
			padding: 8px 0;	
			border-right: 1px solid #79a3c5;
			}
			#h_menu ul li a {
				color: #FFF;
				display: block;
				font-weight: bold;
				font-size: 1.2em;
				margin: 0 0 0 50px;
				}
				#h_menu ul li a:hover, #h_menu ul li a:active, #h_menu ul li a:focus {/*background-position: 19px -179px;*/ color: #FFC266;}
				
				#h_menu ul li.m2 {width: 245px;}
				#h_menu ul li.m3 {width: 236px;}
				#h_menu ul li.m3None {width: 236px; background:none;}


/* search */
	#search {
		background: url(../images/ui/design/icons/ico70-vyhledaniposty.gif)  no-repeat 100% 0;
		}
	#search h2 {
		line-height:3em;
		}
				
/* *********************************** */			
/* *************** HEADER ************ */
/* *********************************** */			
	#header {
		position: relative;
		 width: 736px;
		 border-bottom: 15px solid #FFF;
		 background-color: #FFF; 
		 
		 }
	#headerBg {
		position: relative;
/*		 width: 726px;*/
		 width: 974px;
		 height: 110px;
		 _height: 110px; /* ie6 */
		 background: url(../images/ui/design/motivy/verejne_zakazky2.jpg) no-repeat #1871AD;
		 background-color: #1871AD;
		 _background-color: white;
		 }
		 
		 
		 #header h2, #header p { margin-left: 20px;}		 	
		 .breadcrumbs, #all .breadcrumbs a {color: #FFF;}
		 #all .breadcrumbs a:hover, #all .breadcrumbs a:focus, #all .breadcrumbs a:active {color: #FFC266;}
		 .breadcrumbs { width: 600px; left: 40px; position: relative; line-height: 1.3em;}
		 .breadcrumbs a, .breadcrumbs strong { white-space: nowrap;}
		

/* *********************************** */			
/* ************* SIDEBAR ************* */
/* *********************************** */
	
/* navigation */			
/*ol.navihelp, .navihelp p {margin: 0 9px;}*/
#navi ol.navihelp {list-style-type: upper-roman; list-style-position: outside;}
	 #navi ol.navihelp li {
/*		background: url(../images/ui/design/dot-h.gif) repeat-x top left;	*/
		border-bottom: 1px solid #FFF;				
		}
		#navi ol.navihelp li a {
/*			background: url(../images/ui/design/square-li-dark.gif) no-repeat 1px 6px;*/
			padding: 3px 0 2px 15px;
			display: block;
			text-decoration: none;
			color: #404040;
/*			cursor: pointer;*/
			}
#navi ol.navihelp li {
	background: url(../images/ui/design/dot-h.gif) repeat-x top left;
	margin-left:4em;
}
		
	#navi ol.navihelp ol {
		list-style-type: decimal;
		margin: 0px 0px 0px 0px;
		}
	#navi ol.navihelp ol li {margin-left: 12px;}			
	#navi ol.navihelp li a:hover, #navi ol.navihelp li a:focus, #navi ol.navihelp li a:active {background: url(../images/ui/design/sipka-doprava.gif) no-repeat 0 5px; color:#005B9A}

	#content ol li a:hover, #content ol li a:focus, #content ol li a:active	{	
		color: #565656;
		cursor: text;
		}
							
#navi ul, #navi p {margin: 0 9px;}
#navi ul {list-style: none; margin-bottom: 15px;}
	#navi ul ul {margin: 1px 0 0 0;}
	 ul#navimenu li {
		background: url(../images/ui/design/dot-h.gif) repeat-x top left;	
		border-bottom: 1px solid #FFF;		
		}
		
		ul#navimenu li a, ul#navimenu li .opena {
			background: url(../images/ui/design/square-li-dark.gif) no-repeat 1px 6px;
			padding: 3px 0 2px 15px;
			display: block;
			text-decoration: none;
			color: #000000;
			cursor: pointer;
			}
		ul#navimenu li.open a {
			background: url(../images/ui/design/sipka-dolu.gif) no-repeat 0 5px;
			color: #005b9a;
			}
		ul#navimenu li span.jactive {
			background: url(../images/ui/design/sipka-dolu2.gif) no-repeat 1px 6px;
			color: #005b9a;
			}
						
		ul#navimenu li.open li.active a {background: url(../images/ui/design/sipka-doprava.gif) no-repeat 0 -83px; color:#005B9A}		
			
			ul#navimenu li .selected span.jactive {background: none;}
			ul#navimenu li.open li a {
				background: url(../images/ui/design/sipka-doprava2.gif) no-repeat 1px 6px;
				color: #000000;
				}
				ul#navimenu li.open li.open a {background: url(../images/ui/design/sipka-dolu2.gif) no-repeat 1px 6px; color: #005b9a;}
				ul#navimenu li.open li li a {
				background: url(../images/ui/design/sipka-doprava2.gif) no-repeat 1px 6px;
				color: #000000;
				}	
				
		ul#navimenu li .opena {color: #565656;}
		
		ul#navimenu li.openUl ul {display: block;}
			
	ul#navimenu ul li {margin-left: 12px;}			
	ul#navimenu li .opena, ul#navimenu li ul li .opena {background: url(../images/ui/design/sipka-doprava2.gif) no-repeat 1px 6px; color:#005B9A}	
	#all ul#navimenu li a:hover, #all ul#navimenu li a:focus, #all ul#navimenu li a:active, ul#navimenu li.open a:hover, ul#navimenu li .opena:hover {background: url(../images/ui/design/sipka-doprava.gif) no-repeat 0 5px; color:#005B9A}
	#all #main ul#navimenu li.openUl .opena {background: url(../images/ui/design/sipka-dolu2.gif) no-repeat 1px 6px; color:#005B9A; cursor: default;}
	ul#navimenu li.openUl .openk {background: url(../images/ui/design/sipka-doprava2.gif) no-repeat 1px 6px; color:#005B9A;}
	ul#navimenu li.selected {padding-top: 2px;}
		 ul#navimenu li.selected .inactivea, ul#navimenu li.open ul li.selected .inactivea {
			background-color: #1871AD;	
			color: #FFF;
			padding: 3px 0 2px 15px;
			display: block;
			font-weight: bold;	
			}
			ul#navimenu li.selected a:hover {background-image: none;}
	
	
div#navi h2.title a{
	text-decoration: none;
	background: url(../images/ui/design/sipka-doprava2.gif) right no-repeat;
	padding-right: 16px;
	color:black;
}

/* nad ramec */
div#navi .nad_ramec{
  color:#1871AD;
  padding-top: 5px;
  width:233px;
}


div#navi .hlavni{
  border:0px solid blue;
  margin-bottom:100px;
}


div#navi .nad_ramec h2 a{
  color:#1871AD;
  font-weight: bold;
  font-size: 14px; 
}

div#navi .hlavni h2  a{
	font-weight: normal;
	 font-size: 17px; 
}

.nad_ramec ul#navimenu li{
  border-bottom-width: 0px;	
}
.nad_ramec ul#navimenu li a{
  color:#1871AD;	
}

div#navi h2.close a{
	background: url(../images/ui/design/sipka-doleva2.gif) right no-repeat;
}
				
/* nastroje a aktuality */
#nastroje, #aktuality {
	color: #005b9a;
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left;
	padding-bottom: 1px;
	margin: 0 8px 10px 8px;
	}	
	#aktuality h2 {
		background: url(../images/ui/design/dot-h.gif) repeat-x top left;
	}
	#nastroje p, #elSluzby p, #aktuality p {margin-bottom: 10px;}	
	#nastroje .linka, #aktuality .linka {margin-bottom: 10px;}
	
/* banner */
#navi .banner {
	margin-left: -2px;
	margin-top: 10px;
	}
				
/* ***************************** */
/* ******* RIGHT COLUMN ******** */	
/* ***************************** */	
#rightcol p, #rightcol ul, #rightcol h3 {padding: 0 7px;}
#rightcol ul {margin-bottom: 15px;}
.box {
	background: url(../images/ui/design/bg-box-top.gif) no-repeat #F5F5F5;
	margin-bottom: 10px;
	position: relative;
	padding: 0;
	}
	.boxbot {
		background: url(../images/ui/design/bg-box-bot.gif) no-repeat bottom left;
		padding: 1px;
		position: relative;
		margin: 0;
		}			
		#login .box p {padding: 0;}
		
#souvisejici, #aktuality, #zajmy, #download {background: url(../images/ui/design/dot-h.gif) repeat-x bottom left; padding-bottom: 1px;}
#zajmy.noBorder {background: none; margin-bottom: 0;}
		


	
	/* spocitej */	
	.spocitej .button {margin: 10px 20px 5px 0;}
	
	.spocitej p {margin-bottom: 0;}

		
/* anketa */	
#anketa {padding-bottom: 10px;}
	#anketa p {
		margin-bottom: 5px;
		}
	.anketastripbg {		
		height: 9px;
		background: url(../images/ui/design/ank-bg.gif) repeat-x 0 0;
		display: block;
		margin: 4px 7px 8px 7px;
		border-left: 1px solid #EBEBEB;
		border-right: 1px solid #EBEBEB;
		}
		.anketastrip {			
			display: block;
			height: 7px;
			top: 1px;
			position: relative;
			}
			.blue {background: url(../images/ui/design/ank-blue.gif) repeat-x;}
			.orange {background: url(../images/ui/design/ank-orange.gif) repeat-x;}
			.yellow {background: url(../images/ui/design/ank-yellow.gif) repeat-x;}
		#rightcol .anketastrip img {
			height: 6px;
			margin: 0;
			padding: 0;
			}
			
/* ikony filatelie a postovn?ho muzea*/
	#zajmy {
		padding: 10px 0 15px 0;
		}
		#zajmy p {margin-bottom: 0;}
		#zajmy a {
			display: block;				
			padding-top: 58px;
			text-align: center;
			font-weight: bold;
			width: 48%;
			float: left;			
			}		
			#zajmy .filatelie {background: url(../images/ui/design/ico-filatelie.gif) no-repeat top center;}
			#rightcol .centered a {width: 100%;}

/* ********************************* */		
/* ******** CONTENT PARTS ********** */
/* ********************************* */

/* kapitoly */
	ul#chapters {
		margin-bottom: 15px;
		margin-left: 10px;
		list-style: none;
		line-height: 1.6em;
		}
		#content #chapters li {
			background: none;
			padding-left: 0;
			}
		#content #chapters li a {
			background: url(../images/ui/design/ico-chapters.gif) no-repeat 0 3px;
			padding-left: 15px;
			}
			#content #chapters li a:hover {
				background-position: 0 -88px;			
				}			
			
/* doplnkove sluzby */	
	.doplnek {
		background: url(../images/ui/design/dot-h.gif) repeat-x;
		margin-bottom: 5px;
		padding-top: 6px;
		}
		#content .doplnek h3 {
			background: none;
			padding-top: 2px;
			font-size: 1.2em;
			margin-bottom: 2px;
			font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
			color: #565656;
			}
		.doplnek p {
			margin-left: 65px;
			margin-bottom: 7px;
			}
		#content .doplnek img {
			padding: 2px;
			float: left;
			border: 1px solid #E7E9EB;
			margin: 5px 10px 0 5px;
			}
			
/* ***** sluzby ****** */
#metodickaPodpora{
	margin: 0px 0px 0px 0px;
	width:233px;
	clear:left;
	float:left;
}
#metodickaPodpora h3 { margin: 0px 5px 5px 10px; padding:10px 0px 0px 0px;}
#metodickaPodpora p { margin: 0px 5px 5px 10px; padding:10px 0px 0px 0px;}

.box350 {
	background: url(../images/ui/design/bg-box-top-350px.gif) no-repeat #F5F5F5;
	margin-bottom: 10px;
	position: relative;
	padding: 0px 0px 0px 0px;
	}
	#content .box350 ul, .box350 p, .box711 ul, .box711 p {padding: 10px 10px 0px 0px;}
	#content .box350 ul ul, #content .box711 ul ul  {
			padding: 0px 0px 0px 0px;
	}
	#content .box350 ul {
		margin: 0px 0px 15px 15px;
		list-style: none;
	}

	.box350 ul li a {
		background: url(../images/ui/design/square-li-light.gif) no-repeat 0 3px;
		padding-left: 18px;
	}
	.box350 ul li a:hover {
		background: url(../images/ui/design/square-li-dark.gif) no-repeat 0 3px;
		padding-left: 18px;
	}

	.boxbot350 {
		background: url(../images/ui/design/bg-box-bot-350px.gif) no-repeat bottom left;
		padding: 10px;
		position: relative;
		margin: -20px 0px 0px 0px;
		}
.box711 {
	background: url(../images/ui/design/bg-box-top-711px.gif) no-repeat ;
	margin-bottom: 10px;
	position: relative;
	padding: 0;
	}
	#content .box711 ul {
		margin: 0px 0px 15px 15px;
		list-style: none;
	}

	.box711 ul li a {
		background: url(../images/ui/design/square-li-light.gif) no-repeat 0 3px;
		padding-left: 18px;
	}
	.box711 ul li a:hover {
		background: url(../images/ui/design/square-li-dark.gif) no-repeat 0 3px;
		padding-left: 18px;
	}

	.boxbot711 {
		background: url(../images/ui/design/bg-box-bot-711px.gif) no-repeat bottom left;
		padding: 10px;
		position: relative;
		margin: -20px 0px 0px 0px;
		}		

.box712 {
	background: url(../images/ui/design/bg-box-top-711px.gif) no-repeat ;
	margin-bottom: 10px;
	position: relative;
	padding: 0;
	}
	#content .box712 ul, .box712 p, .box711 ul, .box711 p {padding: 10px 10px 0px 0px;}	
	#content .box712 ul ul, #content .box712 ul ul  {
			padding: 0px 0px 0px 0px;
	}	
	#content .box712 ul {
		margin: 0px 0px 15px 15px;
		list-style: none;
	}	
	.box712 ul li a {
		background: url(../images/ui/design/square-li-light.gif) no-repeat 0 3px;
		padding-left: 18px;
	}
	.box712 ul li a:hover {
		background: url(../images/ui/design/square-li-dark.gif) no-repeat 0 3px;
		padding-left: 18px;
	}	
	.boxbot712 {
		background: url(../images/ui/design/bg-box-bot-711px.gif) no-repeat bottom left;
		padding: 10px;
		position: relative;
		margin: -20px 0px 0px 0px;
		}		

.colorBox {
	border: 1px solid #e8edf0;
	background: #F5F5F5;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;	
	overflow: hidden;
	_display: inline-block;
	position: relative;
	}
	form .colorBox, form.colorBox {padding-top: 12px;}	

	.colorBox img {
		border: 0;
		padding: 0;
		margin: 0;
		position: relative;
		}
		.formThumb img {margin-bottom: 10px;}
		.formThumb a {margin-right: 15px; font-size: 0.9em;}
	#content #col1 .colorBox ul, #content #col2 .colorBox ul {
		background: url(../images/ui/design/dot-v.gif) repeat-y;
		margin-left: 56px;		
		padding-bottom: 0;
		position: relative;
		zoom: 1;
		}
		#content #col1 .colorBox ul li, #content #col2 .colorBox ul li {
			padding-left: 10px;
			padding-bottom: 3px;
			background: none;
			}
	/* sloupce s boxy */		
	#col1 {
		width: 49%;
		float: left;
		}
	#col2 {
		width: 49%;
		float: right;
		}

		#col1 p, #col2 p {text-align: left;}
		
	/* stupen zabezpeceni */
	.levelLine {
		background: url(../images/ui/design/dot-v-levelBox.gif) repeat-y top left;
		margin-left: 60px;
		margin-bottom: 10px;
		zoom: 1;
		}
		.single {background: url(../images/ui/design/dot-v.gif) repeat-y top left;}
		#content .levelLine ul {margin: 0 130px 0 5px; background: none;}
		#content .levelLine p {margin: 0 130px 10px 15px;}
			#content .single ul, #content .single p {margin-right: 20px;}
	.levelBox {
		float: right;
		width: 110px;
		padding-top: 35px;
		font-size: 0.9em;	
		}
		#content .levelBox p {margin: 0 0 0 10px;}
		
		.levelLine .high, .legBox.high p, .legBox.high .thumb {background: url(../images/ui/design/level-1.gif) no-repeat 0 0;}
		.levelLine .mid, .legBox.mid p, .legBox.mid .thumb {background: url(../images/ui/design/level-2.gif) no-repeat;}
		.levelLine .low, .legBox.low p, .legBox.low .thumb {background: url(../images/ui/design/level-3.gif) no-repeat;}
		.levelLine p {background: none;}
		
		.legBox {
			width: 150px;
			float: left;
			background: url(../images/ui/design/dot-v.gif) repeat-y top right;
			margin: 15px 7px 0 0;
			min-height: 120px;
			_height: 120px;
			_margin-right: 0;
			display: block;
			}
			.legBox.high {background: none;}
			.legBox h4, .legBox p, .legBox em {margin: 0 15px 10px 0; padding-left: 11px; font-size: 1em;}
			#all .legBox p, #elSluzby .legBox em.thumb {padding-top: 35px; text-align: left;}
			
			#all #elSluzby span.legBox {
				position: absolute;
				top: 0;
				left: 200px;
				width: 130px;
				background: #FFF;
				border: 1px solid #E7E9EB;
				padding: 10px 10px 10px 5px;
				margin: 0;
				background-image: none;
				min-height: 10px;
				_height: 10px;
				float: none;
				text-decoration: none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				z-index: 11485;
				}
				
				#elSluzby .legBox br {display: none;}
				#elSluzby .legBox em {display: block;}
				
				#elSluzby .legBox em {font-style:normal; font-weight: bold; color: #565656; margin-right: 5px}
				#elSluzby .legBox em.thumb {font-weight: normal;}
				
				
/* **** prehled znamek **** */

	
.fullSearch p {margin-bottom: 10px; position: relative; width: 100%;}
  	.col, .zastupciform {
		width: 49%;
		float: left;
		position: relative;
		margin-bottom: 10px;
		}
		.zastupciform {width: 80%;}
	
	.fullSearch .left {
		clear: both;
		position: relative;		
		}
		.fullSearch .left input {
			position: absolute;
			top: -18px;
			left: 307px;
			}
	.fullSearch .center {margin-bottom: 10px;}
	#content .fullSearch .field {
		width: 100px;
		position: relative;
		}
	#content  .fullSearch select.field {
		width: 104px;
		position: relative;
		}
	#content  .fullSearch label {width: 7.5em;}
	#content .zastupciform label {width: 4em;}
	#content  .zastupciform select.field {
		width: 240px;
		position: relative;
		}
		
.zastupci {clear: both;}

/* ****************************** */
/* *********** FOOTER *********** */
/* ****************************** */
/*
#ender {
	margin: 0 auto 20px auto;
	width: 994px;
	background: url(../images/ui/design/bg-all-bottom.gif) no-repeat;
	padding-top: 20px;
	text-align: center;
	font-size: 1.1em;
	}
	#ender p {margin-bottom: 0;}
	#ender span {margin: 25px; color: #88b6e1;}
	#ender a, #ender strong {color: #004a7e;}
	#ender a:hover, #ender a:active, #ender a:focus {color: #8C5F00;}	*/
	
#ender {
	margin: 0 auto 20px auto;
	width: 994px;
	height: 60px;
	background: url(../images/ui/design/footer2.jpg) no-repeat;
	padding-top: 20px;
	text-align: center;
	font-size: 1.1em;
	color: #ffffff;
	_padding-top: 14px;
	}
	#ender p {margin-bottom: 0;}
	/*#ender span {margin: 25px; color: #88b6e1;}*/
	#ender a, #ender strong {color: #004a7e;}
	#ender a:hover, #ender a:active, #ender a:focus {color: #8C5F00;}	
	
/* ***** mapa ***** */
	
#sitemap ul {
	margin-left: 0;
	position: relative;
	}
	
#sitemap .sekce {
	background: url(../images/ui/design/trumpetka.gif) no-repeat 0 3px;
	position: relative;
	padding-left: 30px;
	}
	#sitemap .sekce a, #sitemap .sekce span {
		font-size: 1.4em;
		font-weight: bold;
		padding-bottom: 15px;
		display: block;
		}	

#sitemap .sekce .oblast {		
	border: 1px solid #E8EDF0;
	font-weight: bold;
	line-height: 1.9em;
	font-size: 0.8em;
	margin-bottom: 25px;
	background:  #F5f5f5;
	padding: 8px 0 4px 0;	
	}
	#sitemap .sekce .oblast li {background: none; padding-left: 2px;  border-bottom: 4px solid #f5f5f5; padding-left: 10px; }
	#sitemap .sekce .oblast li ul li {padding-left: 35px;}
	#sitemap .sekce .oblast li ul li ul li {padding-left: 13px;}
	
	#sitemap .sekce .oblast li a, #sitemap .sekce .oblast li span {
		background: url(../images/ui/design/sipka-doprava.gif) no-repeat 9px 3px;
		padding: 0 5px 1px 28px;
		border-bottom: 5px solid #f5f5f5;	
		}
		#sitemap .sekce .oblast li a:hover {background-position: 9px -86px;}
		#sitemap .sekce .oblast li ul li a, #sitemap .sekce .oblast li ul li span {margin-bottom: 5px; background: url(../images/ui/design/sipka-dolu.gif) no-repeat 9px 3px; border-bottom: 0;}
		
		#sitemap .sekce .oblast li ul li ul li a {
		background: url(../images/ui/design/square-li-light.gif) no-repeat 7px 4px;
		padding: 0 5px 0 25px;
		margin-bottom: 0;
		}
		#sitemap .sekce .oblast li ul li ul li a:hover {background: url(../images/ui/design/square-li-dark.gif) no-repeat 7px 4px;}
		
	#sitemap .oblast a, #sitemap .sekce .oblast span {font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif; 	font-weight: bold; padding-bottom: 2px;}
	#sitemap ul ul {margin-left: 0; }
	#sitemap ul ul ul {margin-left: -10px; margin-top: 5px;}
	#sitemap ul ul ul ul {margin-top: 0;}
	#sitemap .oblast ul li { background-position: 0 5px;}
	#sitemap .oblast ul li a, #sitemap .sekce .oblast li span {font-size: 1.3em;}
	#sitemap .oblast ul ul li a {font-weight: normal; font-size: 1.3em;}
	
	
/* aktuality */
.aktuality #content p { margin-left: 23px; margin-bottom: 4px;}
.aktuality #content p.right { margin-bottom: 15px;}
.aktuality #content p.pages { margin-left: 8px;}
.aktuality #content h3 {margin-left: 23px; margin-bottom: 4px;}

	.aktuality #content .tiskzprava, .aktuality #content .cid198, .aktuality #content .cid199, .aktuality #content .cid204, .aktuality #content .cid212, #aktuality .tiskzprava {background: url(../images/ui/design/ico-tiskzprava.gif) no-repeat 4px 2px;}
	


/* ******************************* */
/* ****** ABCD SERVICE LIST ****** */
/* ******************************* */
#content .abeceda {	text-align: center;}
	.abeceda a {margin: 0 4px;}

.letterBox {
	border: 1px solid #e8edf0;
	background: #fbfafa;
	padding: 10px 0 5px 0;
	margin-bottom: 15px;
	zoom: 1;
	}
	.letterBox h3 {
		color: #005b9a;
		font-size: 1.6em;
		font-weight: normal;
		background: url(../images/ui/design/ico-obalka-seznam.gif) no-repeat 0 50%;
		padding: 10px 0 10px 40px;
		margin-left: 10px;
		}		
		.letterBox table {
			border: none;
			margin: 0 auto;
			width: 95%;
			}
			.letterBox td {
				background: url(../images/ui/design/dot-h.gif) repeat-x top left;
				vertical-align: middle;
				border: none;
				padding: 7px 0 5px 0;
				}
				.midcol {border-right: 1px solid #E8EDF0; border-left: 1px solid #E8EDF0; display: block; width: 70px; height: 30px;}
				.sluzba {width: 70%; }
				.letterBox td a {
					font-weight: bold;
					 background: url(../images/ui/design/square-li-light.gif) no-repeat 14px 50%;
					 padding-left: 34px;
					}
					.letterBox td a:hover {
						background: url(../images/ui/design/square-li-dark.gif) no-repeat 14px 50%;
						}
					.letterBox td img {	margin: 0 20px;}
					
					
/* info o postach */
.postaInfo {background: url(../images/ui/design/dot-h.gif) repeat-x;}
.postaInfo td, .postaInfo th {border: 1px dotted #cfd8dd; background: #FFF; font-weight: normal;}
.postaInfo .serviceList td {font-weight: bold;}
.postaInfo .colRight strong {display: block; margin-bottom: 4px; background: url(../images/ui/design/square-li-light.gif) no-repeat 0 2px; padding-left: 17px;}
#content .postaInfo ul {margin-left: 0;}

/* ********************* */
/* ****** GALLERY ****** */
/* ********************* */

.galleryListItem {
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	}
	#all .galleryListItem p, #all .galleryListItem h3 {margin-left: 120px; margin-bottom: 8px;}
	.galleryListItem h3 {font-size: 1em;}
	.galleryListItem .vice {font-size: 0.9em;}
	.galleryListItem strong, .resultItem strong {color: #707070; font-weight: normal;}
	
.fotogalerie {
	clear: both;
	background: #F5F7F8;
	border: 1px solid #E8EDF0;
	margin-bottom: 10px;
	padding-top: 10px;
	}
	.fotoThumb {
		width: 33%;
		text-align: center;
		float: left;
		padding: 10px 0;
		}
		.fotoThumb h3, .fotoThumb p, .articleThumb h3, .articleThumb p {margin-left: 5px; margin-right: 5px;}
		.fotoThumb h3, .articleThumb h3 {font-size: 1em;}
		
	.articleThumb {width: 153px; text-align: center;}
	.articleThumb p {font-size: 0.9em;}
		
/* ************************* */
/* ****** VYHLED?V?N? ****** */
/* ************************* */

#sort {float: left;}
#sort2 {float: right;}

#sort p, #sort2 {margin-bottom: 0;}
#sort2 strong {float: left; font-weight: normal; margin-right: 4px;}

.resultItem {
	background: url(../images/ui/design/dot-h.gif) repeat-x top left;
	padding-bottom: 7px;
	padding-top: 13px;
	clear: both;
	}
	.resultItem p {padding-left: 20px; margin-bottom: 5px;}
	.resultItem h3 {margin-bottom: 0; font-size: 1em;}
	.keyword {color: #e98900;}
	.nr {padding-top: 10px;}
	
.pdf, .doc, .xls {padding: 0 0 0 18px; margin-left: 10px; display: inline;}	
	.pdf {background: url(../images/ui/design/ico-file-pdf.png) no-repeat 0 1px;}
	.doc {background: url(../images/ui/design/ico-file-doc.png) no-repeat 0 1px;}
	.xls {background: url(../images/ui/design/ico-file-xls.png) no-repeat 0 1px;}
	
#searchForm {position: relative;}
.term {margin-bottom: 0;}
#searchForm .term .field {width: 290px;}
#searchForm .extendedButton {
	text-decoration: underline;
	color: #005b9a;
	}
	#searchForm .extendedButton:hover {color: #8C5F00;}
#searchForm .button {
	position: absolute;
	top: 10px;
	_top: 12px;
	right: 10px;
	}
#extendedSearch {padding-bottom: 1px;}
#extendedSearch label, #extendedSearch .labelLike {width:40px;}
#extendedSearch .field {width: 170px;}

.up, .down {
	display: block;
	width: 11px;
	height: 11px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 4px;
	margin-top: 3px;
	}
	.up span {background: url(../images/ui/design/sipka-nahoru2.gif) no-repeat 0 0;}
	.down span {background: url(../images/ui/design/sipka-dolu.gif) no-repeat 0 0;}
		.up:hover span, .down:hover span {background-position: 0 -89px;}
		
/* ************************* */
/* ********* ZN?MKY ******** */
/* ************************* */

.razitko {
	clear: both;
	padding-bottom: 10px;
	}
	.razitko img.lft {margin-right: 15px;}
	.razitko img.rgt {margin-left: 15px;}
	.razitko p {margin-bottom: 2px;}
	.razitko h3  {margin-bottom: 3px;}
	
	
/* ************************* */
/* ********* ZN?MKY ******** */
/* ************************* */
#elSluzby {position: relative; z-index: 9000;}
#elSluzby h2 {margin-bottom: 8px; padding-left: 7px;}
#elSluzby p {color: #929292; margin-bottom: 0; position: relative; z-index: 9005;}
#elSluzby span.high {background: url(../images/ui/design/level-1-mini.gif) no-repeat 100% 4px;}
#elSluzby span.mid {background: url(../images/ui/design/level-2-mini.gif) no-repeat 100% 4px; font-size: 0.9em;}
#elSluzby span.low {background: url(../images/ui/design/level-3-mini.gif) no-repeat 100% 4px; font-size: 0.8em;}
#elSluzby p span.legend {padding-right: 42px; font-weight: normal; color: #939393; cursor: pointer;}
#elSluzby p a:hover  {text-decoration: none;}
#elSluzby ul {
	background: url(../images/ui/design/dot-h.gif) repeat-x bottom left; 
	padding-bottom: 10px; 
	margin-bottom: 7px;
	}
	#elSluzby ul ul {background: none; padding-bottom: 0; margin-bottom: 0;}
	
/* ************************************* */
/* ********* KALKUL?TOR Z?SILKY ******** */
/* ************************************* */
		
.helpIco {
	cursor: pointer;
	position: relative;
	top: 2px;}
	span .helpIco {top: 0;}
	


/* ************************************ */
/*       Interaktivn? vyhled?v?n?       */
/* ************************************ */

.interactiveSearchTop .lft {
	width: 471px;
	display: inline;
	/* Opera 9.26 & IE6 fix */
}
.interactiveSearchTop .rgt {display: inline;}
* html .interactiveSearchTop span.lft {
	width: auto;
	/* IE6 fix */
}
.interactiveSearchTop .tipy {
	color: #000;
	border: 1px solid #e7e9eb;
	background-color: #fff;
	width: 170px;
	padding: 15px 20px;
}
.interactiveSearchTop .tipy h4 {
	color: #000;
	font-size: 1.1em;
}
.interactiveSearchTop .tipy p {
	text-align: left;
}
.interactiveSearchTop .intMap {
	padding: 8px 0 15px 50px;
	font-size: 0.9em;
	background: url(../images/ui/design/ico-interact-map.gif) no-repeat 5px 6px transparent;
	display: block;
}
.interactiveSearchTop a.intMap:hover {
	background-position: 5px -153px;
}
.interactiveSearchTop .intForm {
	padding: 8px 0 15px 50px;
	font-size: 10px;
	background: transparent url(../images/ui/design/ico-interact-form.gif) no-repeat 4px 8px;
	display: block;
}
.interactiveSearchTop .intForm:hover {
	background-position: 4px -154px;
}
.interactiveSearchTop .button {
	padding: 0;
	top: 0;
	margin-top: 5px;
	margin-right: 15px;
}
#all.system .interactiveSearchTop {
	margin: 0 0 15px;
	padding: 10px;
}
* html #all .interactiveSearchTop .field { display: inline; float: left; }
* html #all .interactiveSearchTop .buttons { display: inline; clear: both; }
.interactiveSearchTop .lft br {clear: both;}

.system .interactiveSearchBottom td {
	padding: 3px 8px;
}
.interactiveSearchBottom label {
	width: auto;
	text-align: left;
	margin-left: 4px;
}
.interactiveSearchBottom table {
	clear: both;
}
#content .interactiveSearchBottom .pages {
	text-align: right;
}
#content .interactiveSearchBottom .abeceda {
	text-align: left;
}
.interactiveSearchBottom .interactFiltr select {
	width: 130px;
	float: left;
}

/* ************************************ */
/*                 eshop                */
/* ************************************ */

.steps span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
}

.wizard #content ol {margin: 0 0 15px 0; overflow: hidden; _display: inline-block; height: 48px; background: url(../images/ui/design/dot-h.gif) repeat-x bottom left;}
#content ol.steps {margin-left: 0; position: relative; z-index: 326;}
.steps li {display: inline;}
	.steps a, .steps span.step {
		display: block;
		float: left;
		width: 88px;
		height: 36px;
		position: relative;
		overflow: hidden;
		margin: 0 3px;
		}
		.steps span.step span, .up span, .down span {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
			.step1 span {background: url(../images/ui/design/wiz-krok1.png) no-repeat; cursor: pointer;}
			.step1-en span {background: url(../images/ui/design/wiz-krok1-en.png) no-repeat; cursor: pointer;}
			.step2 span {background: url(../images/ui/design/wiz-krok2.png) no-repeat; cursor: pointer;}
			.step2-en span {background: url(../images/ui/design/wiz-krok2-en.png) no-repeat; cursor: pointer;}
			.step3 span {background: url(../images/ui/design/wiz-krok3.png) no-repeat; cursor: pointer;}
			.step3-en span {background: url(../images/ui/design/wiz-krok3-en.png) no-repeat; cursor: pointer;}
			.step4 span {background: url(../images/ui/design/wiz-krok4.png) no-repeat; cursor: pointer;}
			.step5 span {background: url(../images/ui/design/wiz-krok5.png) no-repeat; cursor: pointer;}
			
				span.step span {cursor: auto;}
			
		.steps a:hover span {background-position: 0 -36px;}
		.steps .active a span, .steps .active span.step span {background-position: 0 -72px; cursor: default;}
		
.addToBasket {background: url(../images/ui/design/dot-h.gif) repeat-x bottom left; margin-bottom: 15px; padding-bottom: 5px}
	#content .addToBasket p {text-align: center; margin-bottom: 0;}		
		.addToBasket a {
			font-weight: bold;
			float: right;
			display: block;
			background: url(../images/ui/design/dot-v.gif) repeat-y;
			padding: 3px 0 3px 15px;
			}
		.addToBasket .inputs {
			float: left;
			background: url(../images/ui/design/dot-v.gif) repeat-y top right;
			padding-right: 15px;
			}
		.addToBasket span.sklad, .addToBasket a {padding-top: 3px;}
		span.sklad {display: block;}
		
/* kosik */
.basket {background: url(../images/ui/design/dot-h.gif) repeat-x; padding-top: 25px;}
.basket td {vertical-align: middle;}		
.basket .actions {float: left; left: -10px; position: relative; padding-bottom: 10px; display: inline;}
.basket .actions a {margin: 0;}
.basket .button {float: right; margin-left: 5px;}
/*#content .wizard p.nahoru {float: none; text-align: right; clear: both; padding: 15px 10px 0 0; margin: 0;}

.orderSearch, .orderActions, #content .wizard p.nahoru {background: url(../images/ui/design/dot-h.gif) repeat-x; padding-top: 15px;}*/
#content p.orderActions {text-align: right; margin-bottom: 5px;}
#content p.orderSearch {margin-bottom: 5px;}
	.orderSearch span.stav {float: right;}
	.orderSearch span.inputs {float: left;}
	.orderSearch input.field {margin-top: -1px;}
	
#all .noTopBorder { background-image: none }

/*====================================================================================*/
/*====================================================================================*/
/*====================================================================================*/
table.ordering	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
}
table.ordering td, table.ordering th {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-style: none;
}

table.ordering td.ASC {
	padding: 0px 0px 0px 5px;
}
table.ordering td.DESC {
	padding: 0px 0px 0px 5px;
}
/* styl pro graficke rozliseni odeslaneho formulare */
.odeslany {
	background-color: #F6F8F9;
}
.rozpracovany	{
}
/* styl pro graficke rozliseni formulare , ktery neni urceny k predvyplneni*/
.kPredvyplneniNe {
	font-style: italic;
}
.formList	{
	width: 970px;
	margin: 30px 10px 0px 0px;
}
	
/*====================================================================================*/
.podtrzene {
 font-family : Arial CE, Arial;
 color : #00387D;
 font-size : 12px;
 font-weight : bold;
}
.textarea  {
	font-size : 12px;
	font-family : Arial CE, Arial;
	font-weight : normal;
	font-style : normal;
  vertical-align: top;	
}

/* ============================ */
/* infopanel                    */
/* ============================ */

#infopanel ul {margin: 0 9px;padding: 0 9px;}

/* ============================ */
/* LOGO MMR                     */
/* ============================ */
#logoMmr{
	margin: 0px 0px 0px 0px;
	width:233px;
	clear:left;
	float:left;
	color:#1871AD;
}

/* ============================ */
/* PRINT                        */
/* ============================ */

#print_content {	
	margin-top:30px;
	width: 650px;
	position: relative;
}

#print_ender {
	margin: 0 auto 20px auto;
	width: 650px;
	height: 60px;
	/*background: url(../images/ui/design/footer2.jpg) no-repeat;*/
	padding-top: 20px;
	text-align: center;
	font-size: 1.1em;
	color: black;
	/*color: #ffffff;*/
	_padding-top: 14px;
	}
	#print_ender p {margin-bottom: 0;}
	#print_ender span {margin: 25px; color: #88b6e1;}
	#print_ender a, #ender strong {color: #004a7e;}
	#print_ender a:hover, #ender a:active, #ender a:focus {color: #8C5F00;}