html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	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;
	}

* {	margin: 0; padding: 0;}

	#navi h2, #navi h3, #navi h4, #navi h5, #navi h6, #rightcol h2, #rightcol h3, #rightcol h4, #rightcol h5, #rightcol h6, .znamkaBox h3, #header h2, #sitemap .sekce a, #sitemap .sekce span,  .znamkaBox h2, .blueHeading, .kalkulatorZasilky h3 {
		font-family: "Trebuchet MS", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
		}


h1, .h1like {
	font-size: 1.9em;  
	font-family: "Trebuchet MS", Tahoma, "Arial CE", Arial, sans-serif; 
	margin-bottom: 8px; 
	background: url(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;}
			.ico-obcane h1 span	{background: url(ico70-obcane.gif) no-repeat 100% 50%;}
			.ico-firmy h1 span	{background: url(ico70-firmy.gif) no-repeat 100% 50%;}
			.ico-korporace h1 span	{background: url(ico70-posta-pro-firmy.gif) no-repeat 100% 50%;}
			.ico-psani h1 span		{background: url(ico70-psani.gif) no-repeat 100% 50%;}
			.ico-doporucena h1 span		{background: url(ico70-doporucena-zasilka.gif) no-repeat 100% 50%;}
			.ico-cenne h1 span		{background: url(ico70-cenne-psani.gif) no-repeat 100% 50%;}
			.ico-ems h1 span		{background:  url(ico70-ems.gif) no-repeat 100% 50%;}
			.ico-zahranici h1 span	{background: url(ico70-psani-zahranici.gif)   no-repeat 100% 50%;}
			.ico-zahranici-doporucene h1 span	{background: url(ico70-doporucena-zasilka-zahranici.gif)   no-repeat 100% 50%;}
			.ico-zahranici-cenne h1 span	{background: url(ico70-cenne-psani-zahranici.gif)   no-repeat 100% 50%;}
			.ico-zahranici-ems h1 span	{background: url(ico70-ems-zahranici.gif)   no-repeat 100% 50%;}
			.ico-zahranici-poukazky h1 span	{background: url(ico70-poukazky-zahranici.gif)  no-repeat 100% 50%;}
			.ico-balik h1 span			{background: url(ico70-balik.gif) no-repeat 100% 50%;}
			.ico-zahranici-balik h1 span			{background: url(ico70-balik-zahranici.gif) no-repeat 100% 50%;}
			.ico-poukazky h1 span		{background:  url(ico70-poukazky.gif) no-repeat 100% 50%;}
			.ico-dane h1 span	{background:  url(ico70-danova-slozenka.gif) no-repeat 100% 50%;}
			.ico-esipo h1 span		{background: url(ico70-esipo.gif)  no-repeat 100% 50%;}
			.ico-letaky h1 span		{background: url(ico70-objednavani-casopisu.gif) no-repeat 100% 50%;}
			.ico-vypisy h1 span		{background: url(ico70-vypisy.gif) no-repeat 100% 50%;}
			.ico-financni-sluzby h1 span		{background: url(ico70-financni-sluzby.gif) no-repeat 100% 50%;}
			.ico-online h1 span		{background: url(ico70-online-sluzby.gif) no-repeat 100% 50%;}
			.ico-objednavani-zasilek h1 span {background: url(ico70-online-objednavani-znamek.gif)  no-repeat 100% 50%;}
			.ico-podatelna h1 span {background: url(ico70-elektronica-podatelna.gif)  no-repeat 100% 50%;}
			.ico-pohlednice h1 span		{background: url(ico70-pohlednice.gif) no-repeat 100% 50%;}
			.ico-central h1 span {background: url(ico70-centralni-adresa.gif)  no-repeat 100% 50%;}
			.ico-postsignum h1 span {background: url(ico70-postsignum.gif)  no-repeat 100% 50%;}
			.ico-datafiles h1 span {background: url(ico70-prodej-datovych-souboru.gif)  no-repeat 100% 50%;}
			.ico-rep h1 span {background: url(ico70-rep.gif)  no-repeat 100% 50%;}
			.ico-login h1 span {background: url(ico70-login.gif)  no-repeat 100% 50%;}
			.ico-klient-zona h1 span {background: url(ico70-login.gif)  no-repeat 100% 50%;}
			.ico-postshop h1 span {background: url(ico70-postshop.gif)  no-repeat 100% 50%;}
			.ico-postkomplet h1 span {background: url(ico70-tisk-a-kompletace.gif)  no-repeat 100% 50%;}
			.ico-filatelie h1 span {background: url(ico70-filatelie.gif)  no-repeat 100% 50%;}
			.ico-celiny h1 span {background: url(ico70-celiny.gif)  no-repeat 100% 50%;}
			.ico-razitka h1 span {background: url(ico70-razitka.gif)  no-repeat 100% 50%;}
			.ico-apost h1 span {background: url(ico70-apost.gif)  no-repeat 100% 50%;}
			.ico-postfila h1 span {background: url(ico70-postfila.gif)  no-repeat 100% 50%;}
			.ico-pritisky h1 span {background: url(ico70-pritisky.gif)  no-repeat 100% 50%;}
			.ico-postmuzeum h1 span {background: url(ico70-postovni-muzeum.gif)  no-repeat 100% 50%;}
			.ico-nastroje h1 span {background: url(ico70-pruvodce.gif) no-repeat 100% 50%;}
			.ico-vyhledavani h1 span {background: url(ico70-vyhledaniposty.gif)  no-repeat 100% 50%;}
			.ico-spocitejte h1 span {background: url(ico70-spocitejte-si-cenu.gif)  no-repeat 100% 50%;}
			.ico-sledovani h1 span {background: url(ico70-sledovani-zasilek.gif)  no-repeat 100% 50%;}
			.ico-sluzby h1 span {background: url(ico70-sluzby-pro-prijemce.gif)  no-repeat 100% 50%;}
			.ico-dokumenty h1 span {background: url(ico70-dokumenty-ke-stazeni.gif)  no-repeat 100% 50%;}
			.ico-archiv h1 span {background: url(ico70-archiv.gif)  no-repeat 100% 50%;}
			.ico-info h1 span {background: url(ico70-info.gif)  no-repeat 100% 50%;}
			.ico-info2 h1 span {background: url(ico70-informace.gif)  no-repeat 100% 50%;}
			.ico-vestniky h1 span {background: url(ico70-vestniky.gif)  no-repeat 100% 50%;}
			.ico-volna-mista h1 span {background: url(ico70-volnamista.gif)  no-repeat 100% 50%;}
			.ico-infocentrum h1 span {background: url(ico70-infocentrum.gif)  no-repeat 100% 50%;}
			.ico-global h1 span {background: url(ico70-sluzby-v-zahranici.gif)  no-repeat 100% 50%;}
			.ico-anketa h1 span {background: url(ico70-anketa.gif)  no-repeat 100% 50%;}
			.ico-mapa h1 span {background: url(ico70-mapa-webu.gif)  no-repeat 100% 50%;}
			.ico-tisk h1 span {background: url(ico70-tisk.gif)  no-repeat 100% 50%;}
		
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;
	}		
	
	h4.add{}
	
	h2, .muzeum #aktuality h2, .login h3, #all #main .kalkulatorZasilky h2, .nadpisTest h3 {
		background: url(dot-h.gif) repeat-x top left;
		padding: 10px 10px 0 10px; 
		color: #005B9A;
		}
	#rightcol h2, .muzeum #aktuality 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;}
	
	.h1like {padding-bottom: 12px; padding-left: 0; margin-bottom: 15px}
	
	/* h2 dots bg reset */	
	#rightcol .login h2, #content .colorBox h2, #col1 h2, #col2 h2, form h2, #spocitejtesi h2, #aktuality h2, #vyhledejznamku h2, #kalendar h2, #navi h2, #vyhledej h2,   #domaci h2, #zahranicni h2, .noBg, #rightcol h2 {background: none;} 
	/* padding reset when no bg */
	#kalendar h2, .sluzby-pro-obcany-a-domacnosti #aktuality h2, #spocitejtesi h2, #vyhledej h2, #vyhledejznamku h2, .on-line-sluzby #aktuality h2, #vyhledej h2,  #aktuality h2, .aktuality #anketa h2, #download h2.noBg {
		padding-top: 5px; margin-bottom: 10px;
		} 	
		
		
	/* heading in blue */
	h1, #nastroje h2, h2.naviname, #rightcol h2, #rightcol .login h3, #elSluzby h2 {color: #005b9a;}	
	
	#header h2 {
		background: url(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-size: 2.1em;
		letter-spacing: -1px;
		line-height: 1em;
		}	

	h2.naviname {margin: 0 0 12px 7px; padding-top: 0; padding-left: 0;}		
	
	#nastroje h2 {margin-bottom: 8px; padding-left: 0;}
	#rightcol .login h2 {
		padding: 0;
		margin: 0 0 12px 0;
		}
	#rightcol .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;}	
	#content .znamkaBox h2 {padding-top: 15px; font-size: 1.7em; font-weight: normal;}
		#content .postaInfo h2 span {font-style: italic; font-weight: bold;}
	#content .znamkaBox h2 {color: #005B9A; padding-top: 0;}
	.znamkaBox h3, .blueHeading {color: #005B9A; font-weight: normal; background: url(dot-h.gif) repeat-x; color: #565656; padding-top: 11px; margin-bottom: 5px;}
	.znamkaBox h3 {font-size: 1.5em; _font-size: 1.6em;}
	#content .addToBasket h2 {background: url(dot-h.gif) repeat-x bottom left;  padding: 0 10px 10px 10px; margin: 0 0 10px 0;}	
	.blueHeading {clear: both; color: #005B9A;}	
	
	 #content .postaInfo h3 {padding-left: 0; margin-left: 0;}
	

.vice {
	background: url(sipka-doprava.gif) no-repeat 0 2px;
	padding-bottom: 8px;
	padding-left: 17px;
	margin-left: 10px;	
	position: relative;
	display: block;
	}
	
	#perp{
	
	}
	
	#story22 p{margin-bottom:7px;}
	
	.vice:hover {background-position: 0 -87px; }
	.right .vice, .resultItem .vice {display: inline-block;}
	
	#nastroje .vice {font-size: 0.9em; margin-left: -6px;}
	#rightcol .vyhledej .vice {top: 5px; position: relative;}
	.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;}


.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;}

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: #005b9a;}
a:hover {color: #8C5F00;}
a:active, a:focus {color: #8C5F00;}
img {border: none;}

.external {
	background: url(ico-external.gif) no-repeat 100% 70%;
	padding-right: 12px;
	white-space: nowrap;
	zoom: 1;
	}
.windowOpen {
	background: url(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;
	}


	#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;}

.nahoru {float: right; padding-top: 13px; font-size: 0.9em; margin-bottom: 0;}
	.nahoru a {	
		background: url(sipka-nahoru.gif) no-repeat 0 3px;
		padding-left: 13px;	
		}
		.nahoru a:hover, .nahoru a:active, .nahoru a:focus {background-position: 0 -88px;}		
		.system #content .nahoru, #content .nahoru2 {float: none; text-align: right; padding: 0;}
		#content .nahoru2 {margin: 0; padding-top: 15px;}
	
.calendar {top: 3px; position: relative;}
.dots {background: url(dot-h.gif) repeat-x; padding-top: 15px;}
.actions {color: #005b9a;}
.actions a {font-weight: bold;}	
.lft {float: left; margin-right: 5px;}
.rgt {float: right; margin-left: 5px;}

img.rgt, img.lft, .fotoThumb img, #all .razitko img, .articleThumb img {
	border: 1px solid #e7e9eb;
	background: #FFF;
	padding: 4px;
	}
	.colorBox img {background: none;}

img.lft {
	float: left;
	margin: 0 15px 10px 10px;
	}

img.rgt {
	float: right;
	margin: 0 10px 10px 15px;	
	}
	.linka img.lft, .linka img.rgt {margin-top: 0;}
	img.olRgt {margin-right: 35px;}
	
#content .noborder {border: none; padding: 0;}


	
.linka {
	background: url(dot-h.gif) repeat-x bottom left;
	padding-bottom: 13px;
	margin-bottom: 13px;
	}
.linkaTop {
	background: url(dot-h.gif) repeat-x top left;
	padding-top: 15px;
	}
	
#mapa {margin-bottom: 10px;}

/* print */
#content .print {text-align: right; clear: both;}
	.print a {background: url(ico-print.gif) no-repeat; padding: 7px 0 9px 35px;}


/* datum */
#kalendar .datum {
	background: url(ico-kalendar.gif) no-repeat 7px 1px;
	padding-left: 23px;
	margin-bottom: 1px;
	}
	
#aktuality .datum, .aktuality #content .datum {
/*	background: url(ico-aktualita.gif) no-repeat 7px 0;*/
	padding-left: 10px;
	margin-bottom: 6px;
	margin-left: 0;
	position: relative;
	}
	
/* float reset */	
.addToBasket, .orderSearch, .fotogalerie, .linka, #extendedSearch, ol.steps, #content p.buttons, #zajmy, .vcard, .interactiveSearchTop {
	overflow: hidden;
	_display: inline-block;
	}
	
	
.interactiveMap {
	position: absolute;
	top: 15px;
	right: 5px;
	width: 60px;
	background: url(bg-interaktivni-mapa.gif) no-repeat;
	padding-top: 25px;
	font-size: 0.9em;
	}
	
#domaci {
width: 49%;
float: left;
}
#zahranicni {
	float: right;
	width: 49%;
	}

/* ******************************************** */
/* ************** 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: 1px 8px;
	margin-right: 12px;
	font-size: 1em;
	cursor: pointer;
	font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;
	position: relative;
	top: -1px;
	}
	
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;}
	#vyhledej .detail label {width: 8em;}
	.term label {width: 40px;}
	
.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 .vyhledej .field {width: 70px; margin-right: 20px;}
		#rightcol .detail .field {width: 60px;}
		#sort .field {width: auto;}
		
		
/* vyhledejte si - lokalita a psc - znamku */	
#vyhledej, #vyhledejPsc {padding-bottom: 15px;}		
	#vyhledej label, #vyhledejPsc label {width: 75px; text-align: right; margin-right: 4px; _margin-right: 0;}
	#rightcol #vyhledej .field, #rightcol #vyhledejPsc .field {width: 100px;}
	#rightcol #vyhledej select, #rightcol #vyhledejPsc select {width: 107px;}
	#vyhledej .detail label {width: 85px;}
	#rightcol #vyhledej .detail .field {width: 100px;}
	#rightcol #vyhledej .detail select {width: 107px;}
		
	#rightcol .rightlabel {
		float: none;
		display: inline;
		}
	#vyhledej .checkbox {margin-left: 78px;}
	#vyhledej p, #vyhledejPsc p {margin-bottom: 5px;}
	#vyhledej .center, #vyhledejPsc .center  {margin-bottom: 0;}
	
 
#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;}				

#rightcol .vyhledej .boxbot {padding-bottom: 15px;}
#rightcol .vyhledej .boxbot p {margin: 0}
#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;}

.hledejZnamku {margin-bottom: 0;}
.hledejZnamku .button {position: relative; top: 10px;}

/* ************************************* */
/* ************** 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(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(square-li-light.gif)}
		#all #elSluzby li.selected {background-image: url(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(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(ico-doc.gif) no-repeat 0 4px;
		list-style: none;
		padding-left: 16px;
		margin-bottom: 5px;
		}	
		#download li {background: url(ico-download.gif) no-repeat 2px 2px;}	
	#navi #nastroje ul {margin-bottom: 5px; margin-left: 0;}		
	#nastroje ul li {
		background: url(ico-znamka.gif) no-repeat 0 1px;
		padding: 3px 0 8px 24px;
		}	

	.muzeum #content li {background: 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(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 **************** */
/* ************************************** */

#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(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(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;
	margin-bottom: 15px;
	width: 100%;
	}	
	th, td {
		padding: 5px 10px;
		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%;}
		
	table.thinTable td, table.thinTable th {padding: 1px 4px;}

/* 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;
		}
		
form.tool table th {font-weight: normal; width: 150px; padding: 5px 0 0 0;}
form.tool table label, form.tool table input {margin-bottom: 0;}
form.tool table td.right {width: 130px;}
table.noformat tr.dotted td {background: url(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%;}
		

/* *********************************** */			
/* ********* LAYOUT STRUCTURE ******** */
/* *********************************** */
#all {
	margin: 10px auto 0 auto;
	text-align: left;
	width: 994px;
	background: url(bg-all.gif) repeat-y #FFF;
	
	position: relative;
	font-size: 1.1em;
	}
	#allin {padding: 0 10px; background: url(bg-all-top.gif) no-repeat; overflow: hidden; _display: inline-block;}
		#main {
			margin: 0;	
			padding-bottom: 15px;
			background: url(bg-main.gif) repeat-y;
			}
			#rightcol {
				float: right;
				width: 233px;
				margin-bottom: 15px;
				}
			#leftcol {
				float: left;
				width: 725px;
				}
				#content_container {		
					width: 736px;
					position: relative;
					}
					#navi {
						float: right;
						width: 235px;
						}
					#maincol {
						float: left;
						width: 488px;			
						}
						#content {margin: 0 10px 0 0;}
							/* columns in content */
							.colLeft {float: left; width: 49%;}
							.colRight {float: right; width: 49%;}
								form .colLeft {width: 150px;}
								form .colRight {width: 290px;}
									#searchForm .colLeft {width: 52%; background:url(dot-v.gif) repeat-y top right;}
									#searchForm .colRight {width: 44%; }	
									
							p.colLeft {float: left; width: 45%;}
							p.colRight {float: right; width: 45%;}

/* ****************************** */
/* ********** HLAVICKA ********** */
/* ****************************** */
#top {	
	position: relative;
	min-height: 85px;
	_height: 85px; /*ie6*/
	line-height: 2em;
	}
	.logo {
		left:3px;
		position:absolute;
		top:40px;
		}
	#top p {margin-bottom: 0;}
	.infolang {
		padding: 10px 10px 20px 0;
		font-size: 1em;
		}
		.infolang span {
			background: url(dot-v.gif) repeat-y top right;
			padding: 3px 10px 5px 10px;
			margin-right: 10px;
			}
		.infolang strong {
			color: #005b9a;
			}			
		.eng {
			background: url(flag-en.gif) no-repeat 0 1px;
			padding-left: 28px;
			padding-bottom: 1px;
			}
		.cz {
			background: url(flag-cz.gif) no-repeat 0 1px;
			padding-left: 28px;
			padding-bottom: 1px;
			}
	.shortcuts {font-size: 1em;}
	.shortcuts a {margin: 0 8px;}
		a.contacts {
			background: url(ico-contacts.gif) no-repeat 0 0;
			padding: 5px 0 5px 45px;			
			}
			
	.topBanner {
			position: absolute;
			top: 16px;
			left: 140px;
	}
	
		
/* ************************** */	
/* ********** MENU ********** */
/* ************************** */

#h_menu {
	background: url(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(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;}


/* search */
	#search {
		position: relative;
		float: right;
		width: 230px;
		top: 7px;
		min-height: 39px;
		_height: 39px; /*IE6*/
		}
		#search .searchfield {margin-bottom: 1px; width: 140px; padding: 2px; font-size: 1.1em;}
		#search .button {
			background: none;
			border: none;
			font-size: 1.2em;
			text-decoration: underline;
			color: #FFF;
			font-weight: bold;
			margin-left: 5px;
			cursor: pointer;
			padding: 0;
			margin-right: 0;
			top: 0;
			}
		#search br {display: none;}
		#search a, #search p {
			color: #FFF;
			font-size: 0.9em;
			}
			#search p {margin-bottom: 0;}
				
/* *********************************** */			
/* *************** HEADER ************ */
/* *********************************** */			
	#header {
		position: relative;
		 width: 736px;
		 border-bottom: 15px solid #FFF;
		 background-color: #FFF; 
		 
		 }
	#headerBg {
		position: relative;
		 width: 726px;
		 height: 110px;
		 _height: 110px; /* ie6 */
		 background: url(motiv-default1.jpg) no-repeat #1871AD;
		 background-color: #1871AD;
		 }
		 
		 /* subsection themes */	
		 .motiv-default1 #headerBg  {background-image: url(motiv-default1.jpg)}
		 .motiv-default2 #headerBg  {background-image: url(motiv-default2.jpg)}
		 .motiv-default3 #headerBg  {background-image: url(motiv-default3.jpg)}
		 .motiv-default4 #headerBg  {background-image: url(motiv-default4.jpg)}
		 .motiv-obcane #headerBg  {background-image: url(obcane.jpg)}
		 .motiv-podnikatele #headerBg  {background-image: url(podnikatele.jpg)}
		 .motiv-korporace #headerBg  {background-image: url(korporace.jpg)}
		 .motiv-posta #headerBg  {background-image: url(o_ceske_poste.jpg)}
		 .motiv-psanicr #headerBg  {background-image: url(psani_cr.jpg)}
		 .motiv-psanizahranici #headerBg  {background-image: url(psani_zahranicni.jpg)}
		 .motiv-balikcr #headerBg  {background-image: url(baliky_cr.jpg)}
		 .motiv-balikzahranici #headerBg  {background-image: url(baliky_zahranicni.jpg)}
		 .motiv-poukazkacr #headerBg  {background-image: url(postovni_poukazky_cr.jpg)}		 
		 .motiv-poukazkazahranici #headerBg  {background-image: url(postovni_poukazky_zahranicni.jpg)}
		 .motiv-dokumenty #headerBg  {background-image: url(dokumenty_ke_stazeni.jpg)}
		 .motiv-pruvodce #headerBg  {background-image: url(pruvodce_pro_adresata.jpg)}
		 .motiv-sluzby #headerBg  {background-image: url(financni_sluzby.jpg)}
		 .motiv-firma #headerBg  {background-image: url(firma.jpg)}
		 .motiv-zbozi #headerBg  {background-image: url(doplnkove_zbozi_sluzby.jpg)}
		 .motiv-prijemce #headerBg  {background-image: url(sluzby_pro_prijemce.jpg)}
		 .motiv-filatelie #headerBg  {background-image: url(filatelie_a_postfila.jpg)}
		 .motiv-znamky #headerBg  {background-image: url(znamky_a_celiny.jpg)}
		 .motiv-razitka #headerBg  {background-image: url(prilezitostna_razitka.jpg)}
		 .motiv-nalepky #headerBg  {background-image: url(prilezitostne_rnalepky.jpg)}
		 .motiv-postfila #headerBg  {background-image: url(postfila.jpg)}
		 .motiv-mista #headerBg  {background-image: url(prodejni_mista.jpg)}
		 .motiv-muzeum #headerBg  {background-image: url(postovni_muzeum.jpg)}
		 .motiv-nastroje #headerBg  {background-image: url(nastroje.jpg)}
		 .motiv-info #headerBg  {background-image: url(informace_o_postach_a_psc.jpg)}
		 .motiv-kalkulacky #headerBg  {background-image: url(cenik_a_kalkulacky.jpg)}
		 .motiv-sledovani #headerBg {background-image: url(sledovani_zasilek.jpg)}
		 .motiv-pruvodce2 #headerBg  {background-image: url(pruvodce_pro_odesilatele.jpg)}
		 .motiv-podatelna #headerBg  {background-image: url(elektronicka_podatelna.jpg)}
		 .motiv-aktuality #headerBg  {background-image: url(aktuality.jpg)}
		 .motiv-zakazky #headerBg  {background-image: url(verejne_zakazky.jpg)}
		 .motiv-informace #headerBg  {background-image: url(zakladni_informace.jpg)}
		 .motiv-zpravy #headerBg  {background-image: url(vyrocni_zpravy.jpg)}
		 .motiv-vestniky #headerBg  {background-image: url(vestniky_a_prav_predpisy.jpg)}
		 .motiv-kariera #headerBg  {background-image: url(volna_mista.jpg)}
		 .motiv-kontakty #headerBg  {background-image: url(kontakty.jpg)}
		 .motiv-infocentrum #headerBg  {background-image: url(infocentrum.jpg)}
		 .motiv-online #headerBg  {background-image: url(online_sluzby.jpg)}
		 .motiv-login #headerBg  {background-image: url(prihlaseni_registrace.jpg)}
		 .motiv-vyhledavani #headerBg  {background-image: url(vyhledat.jpg)}
		 .motiv-rss #headerBg  {background-image: url(rss.jpg)}
		 .motiv-audit #headerBg {background-image: url(audit_pristupnosti.jpg)}
		 .motiv-sitemap #headerBg  {background-image: url(mapawebu.jpg)}
		 .motiv-seznam #headerBg  {background-image: url(abecedni_seznam_sluzeb.jpg)}
		 .motiv-archiv #headerBg  {background-image: url(archiv_aktualit.jpg)}

		 
		 #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: 350px; left: 40px; position: relative; line-height: 1.3em;}
		 .breadcrumbs a, .breadcrumbs strong { white-space: nowrap;}
		

/* *********************************** */			
/* ************* SIDEBAR ************* */
/* *********************************** */
	
/* navigation */			
#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(dot-h.gif) repeat-x top left;	
		border-bottom: 1px solid #FFF;		
		}
		ul#navimenu li a, ul#navimenu li .opena {
			background: url(square-li-dark.gif) no-repeat 1px 6px;
			padding: 3px 0 2px 15px;
			display: block;
			text-decoration: none;
			color: #404040;
			cursor: pointer;
			}
		ul#navimenu li.open a {
			background: url(sipka-dolu.gif) no-repeat 0 5px;
			color: #005b9a;
			}
		ul#navimenu li span.jactive {
			background: url(sipka-dolu2.gif) no-repeat 1px 6px;
			color: #005b9a;
			}
			ul#navimenu li .selected span.jactive {background: none;}
			ul#navimenu li.open li a {
				background: url(sipka-doprava2.gif) no-repeat 1px 6px;
				color: #565656;
				}
				ul#navimenu li.open li.open a {background: url(sipka-dolu2.gif) no-repeat 1px 6px;}
				ul#navimenu li.open li li a {
				background: url(square-li-light.gif) no-repeat 1px 6px;
				color: #565656;
				}	
				
		ul#navimenu li .opena {color: #565656;}
		
		ul#navimenu li.openUl ul {display: block;}
			
	ul#navimenu ul li {margin-left: 12px;}			
	ul#navimenu li .opena {background: url(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(sipka-doprava.gif) no-repeat 0 5px; color:#005B9A}
	#all #main ul#navimenu li.openUl .opena {background: url(sipka-dolu2.gif) no-repeat 1px 6px; color:#005B9A; cursor: default;}
	ul#navimenu li.openUl .openk {background: url(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;}
				
/* tools */
#nastroje {
	color: #005b9a;
	background: url(dot-h.gif) repeat-x bottom left;
	padding-bottom: 1px;
	margin: 0 8px 10px 8px;
	}	
	#nastroje p, #elSluzby p {margin-bottom: 10px;}	
	#nastroje .linka {margin-bottom: 10px;}
	
/* banner */
#navi .banner {
	margin-left: -2px;
	margin-top: 10px;
	}

#rightcol ul {margin-bottom: 15px;}
.box {
	background: url(bg-box-top.gif) no-repeat #F5F5F5;
	margin-bottom: 10px;
	position: relative;
	padding: 0;
	}
	.boxbot {
		background: url(bg-box-bot.gif) no-repeat bottom left;
		padding: 10px;
		position: relative;
		margin: 0;
		}			
		#rightcol .box .login p {padding: 0;}
		.vyhledej {margin-bottom: 5px;}
		
#souvisejici, #aktuality, #zajmy, #download, #vyhledej, #vyhledejPsc {background: url(dot-h.gif) repeat-x bottom left; padding-bottom: 1px;}
#zajmy.noBorder {background: none; margin-bottom: 0;}
		
.login {
	width: 100%;
	 background: url(ico-login.gif) no-repeat 156px 11px;
	min-height:90px;
	_height: 90px /* IE6 */;
	zoom: 1;
	position: relative;
	}
	.login p {margin-bottom: 2px;}
	.login p br {display: none;}
				
	.spocitej .button {margin: 10px 20px 5px 0;}
	
	.spocitej p {margin-bottom: 0;}

	#aktuality h3, #kalendar h3 {
		background: none;
		padding-top: 0;
		margin-bottom: 3px;
		font-size: 1.1em;
		font-weight: normal;
		margin-top:10px;
		}
	
	#aktuality p, #aktuality h3, #kalendar p, #kalendar h3 {padding-left: 10px;}
	

#anketa {padding-bottom: 10px;}
	#anketa p {
		margin-bottom: 5px;
		}
	.anketastripbg {		
		height: 9px;
		background: url(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(ank-blue.gif) repeat-x;}
			.orange {background: url(ank-orange.gif) repeat-x;}
			.yellow {background: url(ank-yellow.gif) repeat-x;}
		#rightcol .anketastrip img {
			height: 6px;
			margin: 0;
			padding: 0;
			}

	#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(ico-filatelie.gif) no-repeat top center;}
			#zajmy .muzeum {background: url(ico-muzeum.gif) no-repeat top center;}
			#rightcol .centered a {width: 100%;}


	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(ico-chapters.gif) no-repeat 0 3px;
			padding-left: 15px;
			}
			#content #chapters li a:hover {
				background-position: 0 -88px;			
				}			

	.doplnek {
		background: url(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;
			}
			

.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(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(dot-v-levelBox.gif) repeat-y top left;
		margin-left: 60px;
		margin-bottom: 10px;
		zoom: 1;
		}
		.single {background: url(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(level-1.gif) no-repeat 0 0;}
		.levelLine .mid, .legBox.mid p, .legBox.mid .thumb {background: url(level-2.gif) no-repeat;}
		.levelLine .low, .legBox.low p, .legBox.low .thumb {background: url(level-3.gif) no-repeat;}
		.levelLine p {background: none;}
		
		.legBox {
			width: 150px;
			float: left;
			background: url(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;}
				

	
		
/* ***** znamka ***** */

#znamka {
	width: 160px;
	float: right;
	clear: both;
	}
	#znamka img.thumb {
		float: right;
		background: #589ACA;
		padding: 25px 4px 26px 4px;
		margin-bottom: 5px;
		margin-top: -1px;
		}
	#znamka p {text-align: right;}
	#znamka a {outline: 0; text-decoration: none;}
	#znamka a span {text-decoration: underline;}
	
.parametry {
	width: 297px;
	float: left;
	background: #FFF;
	}
	.parametry th, .parametry td {padding: 3px 10px;}
	
/* **** prehled znamek **** */

.znamka {
	width: 140px;
	min-height: 200px;
	_height: 200px /*IE6*/;
	background: #f5f7f8;
	border: 1px solid #e8edf0;	
	float: left;
	margin-right: 15px;
	_margin-right: 10px;
	margin-bottom: 12px;
	font-size: 0.9em;
	line-height: 1.3em;
	position: relative;
	}
	#content .znamka p {text-align: left; margin: 0 38px 0 13px;}
	.znamka img {margin: 0; padding: 0;}
	.znamka strong {font-size: 1.1em;}
	
	.znamka table {
		background: #5E9BC8;
		position: relative;
		top: 6px;
		 left: 6px;
		padding: 0;
		height: 127px;
		width: 127px;
		margin-bottom: 10px;
		border: 0;
		}
		.znamka table td {
			padding: 0;
			text-align: center;
			vertical-align: middle;
			border: 0;
			}
			
		.butVlozit {
			position: absolute;
			bottom: 10px;
			right: 6px;
			}			
	
.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(bg-all-bottom.gif) no-repeat;
	padding-top: 20px;
	text-align: center;
	font-size: 1.1em;
	}
	#ender p {margin-bottom: 10px;}
	#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(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(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(sipka-dolu.gif) no-repeat 9px 3px; border-bottom: 0;}
		
		#sitemap .sekce .oblast li ul li ul li a {
		background: url(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(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(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(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(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(square-li-light.gif) no-repeat 14px 50%;
					 padding-left: 34px;
					}
					.letterBox td a:hover {
						background: url(square-li-dark.gif) no-repeat 14px 50%;
						}
					.letterBox td img {	margin: 0 20px;}
					
					
/* info o postach */
.postaInfo {background: url(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(square-li-light.gif) no-repeat 0 2px; padding-left: 17px;}
#content .postaInfo ul {margin-left: 0;}

/* ********************* */
/* ****** GALLERY ****** */
/* ********************* */

.galleryListItem {
	background: url(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(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(ico-file-pdf.png) no-repeat 0 1px;}
	.doc {background: url(ico-file-doc.png) no-repeat 0 1px;}
	.xls {background: url(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(sipka-nahoru2.gif) no-repeat 0 0;}
	.down span {background: url(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(level-1-mini.gif) no-repeat 100% 4px;}
#elSluzby span.mid {background: url(level-2-mini.gif) no-repeat 100% 4px; font-size: 0.9em;}
#elSluzby span.low {background: url(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(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 ******** */
/* ************************************* */
#all .kalkulatorZasilky {margin-bottom: 15px; 	padding: 7px 7px 0 7px;
}
.kalkulatorZasilky fieldset {
		float: left;
		width: 500px;
		}
#all #main .kalkulatorZasilky h2 {padding-left: 0;}
.kalkulatorZasilky fieldset table {clear: both;}
.kalkulatorZasilky fieldset th {
		font-weight: normal;
		width: 150px;
		padding: 9px 0;
		}
		.kalkulatorZasilky .sendAs span {
				display: block;
				width: 100px;
				float: left;
				padding-bottom: 50px;
				}
				span.letter, h3.letter {background: url(ico50-psani.gif) no-repeat bottom left;}
				span.parcel, h3.parcel {background: url(ico50-balik.gif) no-repeat bottom left;}
				span.expres, h3.expres {background: url(ico50-ems.gif) no-repeat bottom left;}
				
.kalkulatorZasilky h3 {font-size: 1.5em; font-weight: normal;background-position: 0 50%; padding: 12px 0 10px 60px;}

				
table.foundProducts {
		background: #FFF;
		}
		table.foundProducts td, table.foundProducts th {padding: 3px 8px}
		table.foundProducts td {vertical-align: middle; border-top: none; border-bottom: 0;}
		table.foundProducts .line td {border-top: 1px solid #DAE1E5;}
		table.foundProducts img {display: block; float: left; margin-right: 3px;}
			table.foundProducts img.helpIco {float: none; display: inline;}
			
		.foundProducts .produkt {width: 28%;}
		.foundProducts .sluzby {width: 35%;}
		
	.foundProducts th, .foundProducts td strong {white-space: nowrap;}		
		.foundProducts td a strong {white-space: normal;}
				
.kalkulatorZasilky .colRight {
		width: 150px; 
		background: #fff;
		border: 1px solid #e6eaed;
		padding: 10px 0;
		}
		#main .kalkulatorZasilky .colRight p {margin: 0 10px 5px 10px; text-align: left;}
		
		
.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(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(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(dot-h.gif) repeat-x bottom left;}
#content .znamkaBox p {margin-bottom: 15px;}
#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(wiz-krok1.png) no-repeat; cursor: pointer;}
			.step1-en span {background: url(wiz-krok1-en.png) no-repeat; cursor: pointer;}
			.step2 span {background: url(wiz-krok2.png) no-repeat; cursor: pointer;}
			.step2-en span {background: url(wiz-krok2-en.png) no-repeat; cursor: pointer;}
			.step3 span {background: url(wiz-krok3.png) no-repeat; cursor: pointer;}
			.step3-en span {background: url(wiz-krok3-en.png) no-repeat; cursor: pointer;}
			.step4 span {background: url(wiz-krok4.png) no-repeat; cursor: pointer;}
			.step5 span {background: url(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(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(dot-v.gif) repeat-y;
			padding: 3px 0 3px 15px;
			}
		.addToBasket .inputs {
			float: left;
			background: url(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(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(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 }


#perpBottom{
background:transparent url(dot-h.gif) repeat-x scroll left top;
clear:both;
margin-top:10px;
padding:10px;
}



