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;}
/* need anything in Trebuchet? */
#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;
}
/* *********************************** */
/* ************ HEADINGS ************* */
/* *********************************** */
h1 {
font-size: 1.9em;
font-family: "Trebuchet MS", Tahoma, "Arial CE", Arial, sans-serif;
margin-bottom: 8px;
background: url(../img/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(../images/ico70-obcane.gif) no-repeat 100% 50%;}
.ico-firmy h1 span {background: url(../images/ico70-firmy.gif) no-repeat 100% 50%;}
.ico-korporace h1 span {background: url(../images/ico70-posta-pro-firmy.gif) no-repeat 100% 50%;}
.ico-psani h1 span {background: url(../images/ico70-psani.gif) no-repeat 100% 50%;}
.ico-doporucena h1 span {background: url(../images/ico70-doporucena-zasilka.gif) no-repeat 100% 50%;}
.ico-cenne h1 span {background: url(../images/ico70-cenne-psani.gif) no-repeat 100% 50%;}
.ico-ems h1 span {background: url(../images/ico70-ems.gif) no-repeat 100% 50%;}
.ico-zahranici h1 span {background: url(../images/ico70-psani-zahranici.gif) no-repeat 100% 50%;}
.ico-zahranici-doporucene h1 span {background: url(../images/ico70-doporucena-zasilka-zahranici.gif) no-repeat 100% 50%;}
.ico-zahranici-cenne h1 span {background: url(../images/ico70-cenne-psani-zahranici.gif) no-repeat 100% 50%;}
.ico-zahranici-ems h1 span {background: url(../images/ico70-ems-zahranici.gif) no-repeat 100% 50%;}
.ico-zahranici-poukazky h1 span {background: url(../images/ico70-poukazky-zahranici.gif) no-repeat 100% 50%;}
.ico-balik h1 span {background: url(../images/ico70-balik.gif) no-repeat 100% 50%;}
.ico-zahranici-balik h1 span {background: url(../images/ico70-balik-zahranici.gif) no-repeat 100% 50%;}
.ico-poukazky h1 span {background: url(../images/ico70-poukazky.gif) no-repeat 100% 50%;}
.ico-dane h1 span {background: url(../images/ico70-danova-slozenka.gif) no-repeat 100% 50%;}
.ico-esipo h1 span {background: url(../images/ico70-esipo.gif) no-repeat 100% 50%;}
.ico-letaky h1 span {background: url(../images/ico70-objednavani-casopisu.gif) no-repeat 100% 50%;}
.ico-vypisy h1 span {background: url(../images/ico70-vypisy.gif) no-repeat 100% 50%;}
.ico-financni-sluzby h1 span {background: url(../images/ico70-financni-sluzby.gif) no-repeat 100% 50%;}
.ico-online h1 span {background: url(../images/ico70-online-sluzby.gif) no-repeat 100% 50%;}
.ico-objednavani-zasilek h1 span {background: url(../images/ico70-online-objednavani-znamek.gif) no-repeat 100% 50%;}
.ico-podatelna h1 span {background: url(../images/ico70-elektronica-podatelna.gif) no-repeat 100% 50%;}
.ico-pohlednice h1 span {background: url(../images/ico70-pohlednice.gif) no-repeat 100% 50%;}
.ico-central h1 span {background: url(../images/ico70-centralni-adresa.gif) no-repeat 100% 50%;}
.ico-postsignum h1 span {background: url(../images/ico70-postsignum.gif) no-repeat 100% 50%;}
.ico-datafiles h1 span {background: url(../images/ico70-prodej-datovych-souboru.gif) no-repeat 100% 50%;}
.ico-rep h1 span {background: url(../images/ico70-rep.gif) no-repeat 100% 50%;}
.ico-login h1 span {background: url(../images/ico70-login.gif) no-repeat 100% 50%;}
.ico-klient-zona h1 span {background: url(../images/ico70-login.gif) no-repeat 100% 50%;}
.ico-postshop h1 span {background: url(../images/ico70-postshop.gif) no-repeat 100% 50%;}
.ico-postkomplet h1 span {background: url(../images/ico70-tisk-a-kompletace.gif) no-repeat 100% 50%;}
.ico-filatelie h1 span {background: url(../images/ico70-filatelie.gif) no-repeat 100% 50%;}
.ico-celiny h1 span {background: url(../images/ico70-celiny.gif) no-repeat 100% 50%;}
.ico-razitka h1 span {background: url(../images/ico70-razitka.gif) no-repeat 100% 50%;}
.ico-apost h1 span {background: url(../images/ico70-apost.gif) no-repeat 100% 50%;}
.ico-postfila h1 span {background: url(../images/ico70-postfila.gif) no-repeat 100% 50%;}
.ico-pritisky h1 span {background: url(../images/ico70-pritisky.gif) no-repeat 100% 50%;}
.ico-postmuzeum h1 span {background: url(../images/ico70-postovni-muzeum.gif) no-repeat 100% 50%;}
.ico-nastroje h1 span {background: url(../images/ico70-pruvodce.gif) no-repeat 100% 50%;}
.ico-vyhledavani h1 span {background: url(../images/ico70-vyhledaniposty.gif) no-repeat 100% 50%;}
.ico-spocitejte h1 span {background: url(../images/ico70-spocitejte-si-cenu.gif) no-repeat 100% 50%;}
.ico-sledovani h1 span {background: url(../images/ico70-sledovani-zasilek.gif) no-repeat 100% 50%;}
.ico-sluzby h1 span {background: url(../images/ico70-sluzby-pro-prijemce.gif) no-repeat 100% 50%;}
.ico-dokumenty h1 span {background: url(../images/ico70-dokumenty-ke-stazeni.gif) no-repeat 100% 50%;}
.ico-archiv h1 span {background: url(../images/ico70-archiv.gif) no-repeat 100% 50%;}
.ico-info h1 span {background: url(../images/ico70-info.gif) no-repeat 100% 50%;}
.ico-info2 h1 span {background: url(../images/ico70-informace.gif) no-repeat 100% 50%;}
.ico-vestniky h1 span {background: url(../images/ico70-vestniky.gif) no-repeat 100% 50%;}
.ico-volna-mista h1 span {background: url(../images/ico70-volnamista.gif) no-repeat 100% 50%;}
.ico-infocentrum h1 span {background: url(../images/ico70-infocentrum.gif) no-repeat 100% 50%;}
.ico-global h1 span {background: url(../images/ico70-sluzby-v-zahranici.gif) no-repeat 100% 50%;}
.ico-anketa h1 span {background: url(../images/ico70-anketa.gif) no-repeat 100% 50%;}
.ico-mapa h1 span {background: url(../images/ico70-mapa-webu.gif) no-repeat 100% 50%;}
.ico-tisk h1 span {background: url(../images/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;
}
h2, .muzeum #aktuality h2, .login h3, #all #main .kalkulatorZasilky h2, .nadpisTest h3 {
background: url(../images/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;}
/* 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(../images/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(../images/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(../images/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;}
/* ********************************************** */
/* ******** LINK WITH RIGHT ARROW ICON ********** */
/* ********************************************** */
.vice {
background: url(../images/sipka-doprava.gif) no-repeat 0 2px;
padding-bottom: 2px;
padding-left: 17px;
margin-left: 1px;
_display: inline-block;
position: relative;
display: block;
}
.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;}
/* ********************************************** */
/* ************** 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;}
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 {color: #8C5F00;}
img {border: none;}
.external {
background: url(../images/ico-external.gif) no-repeat 100% 70%;
padding-right: 12px;
white-space: nowrap;
zoom: 1;
}
.windowOpen {
background: url(../images/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;}
.nahoru {float: right; padding-top: 13px; font-size: 0.9em; margin-bottom: 0;}
.nahoru a {
background: url(../images/sipka-nahoru.gif) no-repeat 0 3px;
padding-left: 13px;
}
.nahoru a:hover {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(../images/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(../images/dot-h.gif) repeat-x bottom left;
padding-bottom: 13px;
margin-bottom: 13px;
}
.linkaTop {
background: url(../images/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(../images/ico-print.gif) no-repeat; padding: 7px 0 9px 35px;}
/* datum */
#kalendar .datum {
background: url(../images/ico-kalendar.gif) no-repeat 7px 1px;
padding-left: 23px;
margin-bottom: 1px;
}
#aktuality .datum, .aktuality #content .datum {
background: url(../images/ico-aktualita.gif) no-repeat 7px 0;
padding-left: 23px;
margin-bottom: 3px;
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(../images/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(../images/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/square-li-light.gif)}
#all #elSluzby li.selected {background-image: url(../images/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/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/ico-doc.gif) no-repeat 0 4px;
list-style: none;
padding-left: 16px;
margin-bottom: 5px;
}
#download li {background: url(../images/ico-download.gif) no-repeat 2px 2px;}
#navi #nastroje ul {margin-bottom: 5px; margin-left: 0;}
#nastroje ul li {
background: url(../images/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(../images/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(../images/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/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(../images/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(../images/bg-all.gif) repeat-y #FFF;
position: relative;
font-size: 1.1em;
}
#allin {padding: 0 10px; background: url(../images/bg-all-top.gif) no-repeat;}
#main {
margin: 0;
padding-bottom: 15px;
background: url(../images/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: left;
width: 235px;
}
#maincol {
float: right;
width: 488px;
}
#content {margin: 0 10px 0 0;}
/* columns in content */
.colOne {float: none; width: 100%;}
.colLeft {float: left; width: 49%;}
.colRight {float: right; width: 49%;}
form .colLeft {width: 150px;}
form .colRight {width: 290px;}
#searchForm .colLeft {width: 52%; background:url(../images/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 {
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/dot-v.gif) repeat-y top right;
padding: 3px 10px 5px 10px;
margin-right: 10px;
}
.infolang strong {
color: #005b9a;
}
.eng {
background: url(../images/flag-en.gif) no-repeat 0 1px;
padding-left: 28px;
padding-bottom: 1px;
}
.cz {
background: url(../images/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(../images/ico-contacts.gif) no-repeat 0 0;
padding: 5px 0 5px 45px;
}
.topBanner {
position: absolute;
top: 16px;
left: 140px;
}
/* ************************** */
/* ********** MENU ********** */
/* ************************** */
#h_menu {
background: url(../images/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/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 {/*background-position: 19px -179px;*/ color: #FFAE33;}
#h_menu ul li.m2 {width: 245px;}
#h_menu ul li.m3 {width: 236px;}
/* search */
#search {
position: relative;
float: right;
width: 230px;
top: 20px;
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;
min-height: 110px;
_height: 110px; /* ie6 */
border-bottom: 15px solid #FFF;
background-color: #FFF;
}
#headerBg {
position: relative;
width: 726px;
min-height: 110px;
_height: 110px; /* ie6 */
background: url(../images/informace_o_postach_a_psc.jpg) no-repeat #1871AD;
background-color: #1871AD;
}
/* subsection themes */
.motiv-default1 #headerBg {background-image: url(../images/motiv-default1.jpg)}
.motiv-default2 #headerBg {background-image: url(../images/motiv-default2.jpg)}
.motiv-default3 #headerBg {background-image: url(../images/motiv-default3.jpg)}
.motiv-default4 #headerBg {background-image: url(../images/motiv-default4.jpg)}
.motiv-obcane #headerBg {background-image: url(../images/obcane.jpg)}
.motiv-podnikatele #headerBg {background-image: url(../images/podnikatele.jpg)}
.motiv-korporace #headerBg {background-image: url(../images/korporace.jpg)}
.motiv-posta #headerBg {background-image: url(../images/o_ceske_poste.jpg)}
.motiv-psanicr #headerBg {background-image: url(../images/psani_cr.jpg)}
.motiv-psanizahranici #headerBg {background-image: url(../images/psani_zahranicni.jpg)}
.motiv-balikcr #headerBg {background-image: url(../images/baliky_cr.jpg)}
.motiv-balikzahranici #headerBg {background-image: url(../images/baliky_zahranicni.jpg)}
.motiv-poukazkacr #headerBg {background-image: url(../images/postovni_poukazky_cr.jpg)}
.motiv-poukazkazahranici #headerBg {background-image: url(../images/postovni_poukazky_zahranicni.jpg)}
.motiv-dokumenty #headerBg {background-image: url(../images/dokumenty_ke_stazeni.jpg)}
.motiv-pruvodce #headerBg {background-image: url(../images/pruvodce_pro_adresata.jpg)}
.motiv-sluzby #headerBg {background-image: url(../images/financni_sluzby.jpg)}
.motiv-firma #headerBg {background-image: url(../images/firma.jpg)}
.motiv-zbozi #headerBg {background-image: url(../images/doplnkove_zbozi_sluzby.jpg)}
.motiv-prijemce #headerBg {background-image: url(../images/sluzby_pro_prijemce.jpg)}
.motiv-filatelie #headerBg {background-image: url(../images/filatelie_a_postfila.jpg)}
.motiv-znamky #headerBg {background-image: url(../images/znamky_a_celiny.jpg)}
.motiv-razitka #headerBg {background-image: url(../images/prilezitostna_razitka.jpg)}
.motiv-nalepky #headerBg {background-image: url(../images/prilezitostne_rnalepky.jpg)}
.motiv-postfila #headerBg {background-image: url(../images/postfila.jpg)}
.motiv-mista #headerBg {background-image: url(../images/prodejni_mista.jpg)}
.motiv-muzeum #headerBg {background-image: url(../images/postovni_muzeum.jpg)}
.motiv-nastroje #headerBg {background-image: url(../images/nastroje.jpg)}
.motiv-info #headerBg {background-image: url(../images/informace_o_postach_a_psc.jpg)}
.motiv-kalkulacky #headerBg {background-image: url(../images/cenik_a_kalkulacky.jpg)}
.motiv-sledovani #headerBg {background-image: url(../images/sledovani_zasilek.jpg)}
.motiv-pruvodce2 #headerBg {background-image: url(../images/pruvodce_pro_odesilatele.jpg)}
.motiv-podatelna #headerBg {background-image: url(../images/elektronicka_podatelna.jpg)}
.motiv-aktuality #headerBg {background-image: url(../images/aktuality.jpg)}
.motiv-zakazky #headerBg {background-image: url(../images/verejne_zakazky.jpg)}
.motiv-informace #headerBg {background-image: url(../images/zakladni_informace.jpg)}
.motiv-zpravy #headerBg {background-image: url(../images/vyrocni_zpravy.jpg)}
.motiv-vestniky #headerBg {background-image: url(../images/vestniky_a_prav_predpisy.jpg)}
.motiv-kariera #headerBg {background-image: url(../images/volna_mista.jpg)}
.motiv-kontakty #headerBg {background-image: url(../images/kontakty.jpg)}
.motiv-infocentrum #headerBg {background-image: url(../images/infocentrum.jpg)}
.motiv-online #headerBg {background-image: url(../images/online_sluzby.jpg)}
.motiv-login #headerBg {background-image: url(../images/prihlaseni_registrace.jpg)}
.motiv-vyhledavani #headerBg {background-image: url(../images/vyhledat.jpg)}
.motiv-rss #headerBg {background-image: url(../images/rss.jpg)}
.motiv-audit #headerBg {background-image: url(../images/audit_pristupnosti.jpg)}
.motiv-sitemap #headerBg {background-image: url(../images/mapawebu.jpg)}
.motiv-seznam #headerBg {background-image: url(../images/abecedni_seznam_sluzeb.jpg)}
.motiv-archiv #headerBg {background-image: url(../images/archiv_aktualit.jpg)}
#header h2, #header p { margin-left: 20px;}
.breadcrumbs, #all .breadcrumbs a, .breadcrumbs a:hover {color: #FFF;}
.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(../images/dot-h.gif) repeat-x top left;
border-bottom: 1px solid #FFF;
}
ul#navimenu li a, ul#navimenu li .opena {
background: url(../images/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(../images/sipka-dolu.gif) no-repeat 0 5px;
color: #005b9a;
}
ul#navimenu li span.jactive {
background: url(../images/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(../images/sipka-doprava2.gif) no-repeat 1px 6px;
color: #565656;
}
ul#navimenu li.open li.open a {background: url(../images/sipka-dolu2.gif) no-repeat 1px 6px;}
ul#navimenu li.open li li a {
background: url(../images/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(../images/sipka-doprava2.gif) no-repeat 1px 6px; color:#005B9A}
#all ul#navimenu li a:hover, ul#navimenu li.open a:hover, ul#navimenu li .opena:hover {background: url(../images/sipka-doprava.gif) no-repeat 0 5px; color:#005B9A}
#all #main ul#navimenu li.openUl .opena {background: url(../images/sipka-dolu2.gif) no-repeat 1px 6px; color:#005B9A; cursor: default;}
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(../images/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;
}
/* ***************************** */
/* ******* RIGHT COLUMN ******** */
/* ***************************** */
#rightcol p, #rightcol ul, #rightcol h3 {padding: 0 7px;}
#rightcol ul {margin-bottom: 15px;}
.box {
background: url(../images/bg-box-top.gif) no-repeat #F5F5F5;
margin-bottom: 10px;
position: relative;
padding: 0;
}
.boxbot {
background: url(../images/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(../images/dot-h.gif) repeat-x bottom left; padding-bottom: 1px;}
#zajmy.noBorder {background: none; margin-bottom: 0;}
.login {
width: 100%;
background: url(../images/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;}
/* form.login p {margin-bottom: 0;}
.login .newregistration {float: left; margin-bottom: 15px; =margin-bottom: 14px;}
.newregistration a {background: url(../images/ico_sipka_doprava.gif) no-repeat 0 1px; padding-left: 17px;}
.newregistration a:hover {background-position: 0 -88px;}
#rightcol form.login input.field {width: 101px; margin-bottom: 5px;}
form.login .button {float: right;}
.login .loginlinks {clear: both;}*/
/* spocitej */
.spocitej .button {margin: 10px 20px 5px 0;}
.spocitej p {margin-bottom: 0;}
/* aktuality a kalendar */
#aktuality h3, #kalendar h3 {
background: none;
padding-top: 0;
margin-bottom: 3px;
font-size: 1.1em;
font-weight: normal;
}
#aktuality p, #aktuality h3, #kalendar p, #kalendar h3 {padding-left: 23px;}
/* anketa */
#anketa {padding-bottom: 10px;}
#anketa p {
margin-bottom: 5px;
}
.anketastripbg {
height: 9px;
background: url(../images/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/ank-blue.gif) repeat-x;}
.orange {background: url(../images/ank-orange.gif) repeat-x;}
.yellow {background: url(../images/ank-yellow.gif) repeat-x;}
#rightcol .anketastrip img {
height: 6px;
margin: 0;
padding: 0;
}
/* ikony filatelie a potovní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/ico-filatelie.gif) no-repeat top center;}
#zajmy .muzeum {background: url(../images/ico-muzeum.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/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/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 ****** */
.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/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/dot-v-levelBox.gif) repeat-y top left;
margin-left: 60px;
margin-bottom: 10px;
zoom: 1;
}
.single {background: url(../images/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/level-1.gif) no-repeat 0 0;}
.levelLine .mid, .legBox.mid p, .legBox.mid .thumb {background: url(../images/level-2.gif) no-repeat;}
.levelLine .low, .legBox.low p, .legBox.low .thumb {background: url(../images/level-3.gif) no-repeat;}
.levelLine p {background: none;}
.legBox {
width: 150px;
float: left;
background: url(../images/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(../images/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 {color: #8C5F00;}
/* ***** mapa ***** */
#sitemap ul {
margin-left: 0;
position: relative;
}
#sitemap .sekce {
background: url(../images/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/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/sipka-dolu.gif) no-repeat 9px 3px; border-bottom: 0;}
#sitemap .sekce .oblast li ul li ul li a {
background: url(../images/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/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/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/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/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/square-li-light.gif) no-repeat 14px 50%;
padding-left: 34px;
}
.letterBox td a:hover {
background: url(../images/square-li-dark.gif) no-repeat 14px 50%;
}
.letterBox td img { margin: 0 20px;}
/* info o postach */
.postaInfo {background: url(../images/dot-h.gif) repeat-x;}
.postaInfo td, .postaInfo th {border: 1px dotted #cfd8dd; background: #FFF; font-weight: normal;}
.postaInfo .colRight strong {display: block; margin-bottom: 4px; background: url(../images/square-li-light.gif) no-repeat 0 2px; padding-left: 17px;}
#content .postaInfo ul {margin-left: 0;}
/* ********************* */
/* ****** GALLERY ****** */
/* ********************* */
.galleryListItem {
background: url(../images/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: 161px; 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/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/ico-file-pdf.png) no-repeat 0 1px;}
.doc {background: url(../images/ico-file-doc.png) no-repeat 0 1px;}
.xls {background: url(../images/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/sipka-nahoru2.gif) no-repeat 0 0;}
.down span {background: url(../images/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 h2 {margin-bottom: 8px; padding-left: 7px;}
#elSluzby p {color: #929292; margin-bottom: 0; position: relative;}
#elSluzby span.high {background: url(../images/level-1-mini.gif) no-repeat 100% 4px;}
#elSluzby span.mid {background: url(../images/level-2-mini.gif) no-repeat 100% 4px; font-size: 0.9em;}
#elSluzby span.low {background: url(../images/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/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(../images/ico50-psani.gif) no-repeat bottom left;}
span.parcel, h3.parcel {background: url(../images/ico50-balik.gif) no-repeat bottom left;}
span.expres, h3.expres {background: url(../images/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(../images/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/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 */
/* ************************************ */
.wizard #content ol {margin: 0 0 15px 0; overflow: hidden; _display: inline-block; height: 48px; background: url(../images/dot-h.gif) repeat-x bottom left;}
#content .znamkaBox p {margin-bottom: 15px;}
#content ol.steps {margin-left: 0;}
.steps li {display: inline;}
.steps a {
display: block;
float: left;
width: 88px;
height: 36px;
position: relative;
overflow: hidden;
margin: 0 3px;
}
.steps span, .up span, .down span {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.step1 span {background: url(../images/wiz-krok1.png) no-repeat; cursor: pointer;}
.step2 span {background: url(../images/wiz-krok2.png) no-repeat; cursor: pointer;}
.step3 span {background: url(../images/wiz-krok3.png) no-repeat; cursor: pointer;}
.step4 span {background: url(../images/wiz-krok4.png) no-repeat; cursor: pointer;}
.step5 span {background: url(../images/wiz-krok5.png) no-repeat; cursor: pointer;}
.steps a:hover span {background-position: 0 -36px;}
.steps .active a span {background-position: 0 -72px; cursor: default;}
.addToBasket {background: url(../images/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/dot-v.gif) repeat-y;
padding: 3px 0 3px 15px;
}
.addToBasket .inputs {
float: left;
background: url(../images/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/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/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 }
/* *
* pridany css (nejsou v puvodnich stylech Macronu) *
* */
/* display tag table */
.display th,td {
text-align: left;
background-color: transparent;
}
.display th a {
font-weight: bold;
background-color: transparent;
}
.display td a {
background-color: transparent;
}
.display th {
background-color: #f5f7f8;
color: #565656;
}
.display th.sorted {
background-color: #f5f7f8;
color: #565656;
}
.display th.sorted a,th.sortable a {
background-color: #f5f7f8;
text-decoration: none;
color: #565656;
display: block;
width: 100%;
}
.display th.sortable a {background: url(../images/sipky-sede3.gif) no-repeat right;}
.display th.order1 a {background: url(../images/sipky-seda-nahoru3.gif) no-repeat right;}
.display th.order2 a {background: url(../images/sipky-seda-dolu3.gif) no-repeat right;}
.b {font-weight: bold;}
.postaInfo div.colLeft span strong {display: block; margin-bottom: 4px; background: url(../images/square-li-light.gif) no-repeat 0 2px; padding-left: 17px;}
.postaInfo div.colOne strong {display: block; margin-bottom: 4px; background: url(../images/square-li-light.gif) no-repeat 0 2px; padding-left: 17px;}
.tableCellAlignRight {text-align: right;}
#content ul.errorMessage li {style-type: none; background: none;}
#content ul.errorMessage li span {font-weight: bold;}