/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/* --------------------------------------------------------------

  END reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

body {
    font: 12px Arial,Sans;
    color: #4c4c4c;
    background: #fff url(../images/lista.png) top repeat-x;
}
a {
    color: #069;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#lista {
    max-width: 1160px;
    min-width: 978px;
    padding: 0 5px;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    color: #069;
}
#lista .jazyk {
    margin: 0 3px;
    font-size: 1px;
    line-height: 22px;
    vertical-align: middle;
}
#lista .jazyk a {
    display: inline-block; 
    text-align: center;
    width: 32px;
    line-height: 22px;
    height: 22px;
    vertical-align: middle;
}
#lista .jazyk a.aktivni,
#lista .jazyk a:hover {
    background: url(../images/lang_aktivni.png) center center;
}
#lista .jazyk a img {
    vertical-align: middle;
    padding: 3px 0 4px 0;
}
#lista a:hover {
    text-decoration: underline;
}
#lista .minimenu {
    float: right;
    height: 42px;
}
#lista .minimenu a {
    margin-right: 15px;
}
#lista .minimenu .pridat {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-left: 25px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    margin-right: 2px;
}
#lista .minimenu .pridat {
    background: left no-repeat url(../images/lista_pridat.png);
    text-decoration: none;
}
#lista .minimenu .upravit {
    background: url(../images/lista_upravit.png);
}
#lista .minimenu a.pridat .wrap {
    display: block;
    line-height: 24px;
    height: 24px;
    background: right no-repeat url(../images/lista_pridat_right.png);
    padding: 0 5px;
}
#lista .minimenu a.pridat .content {
    display: block;
    vertical-align: middle;
}
#hlavni {
    width: 904px;
    margin: 0 auto;
}
#hlavicka {
    width: 758px;
    margin: 0 auto;
    padding-right: 146px;
    height: 120px;
    position: relative;
    text-align: center;
}
#hlavicka > * {
    text-align: left;
}
#logotyp {
    display: inline-block;    
    height: 78px;
    margin-top: 15px;
    background: url(../images/logo.png) top left no-repeat;
    font: bold italic 12px "Trebuchet MS";
    color: #7faecd;
    padding: 15px 0 0 95px;
}
#logotyp span {
    display: block;
    font-size: 30px;
    font-weight: normal;
    color: #069;
}
a#logotyp:hover {
    text-decoration: none;
}
#mujseznam {
    width: 904px;
    margin: 0 auto;
    height: 1px;
    position: relative;
}
#mujseznam a {
    position: absolute;
    top: -88px;
    right: 0;
    display: block;
    width: 84px;
    height: 56px;
    padding: 5px 0 0 62px;
    background: url(../images/muj_seznam.png);
    color: #00335b;
    font-weight: bold;
    line-height: 23px;
}
#mujseznam a:hover {
    text-decoration: none;
}
#mujseznam a strong {
    font-size: 20px;    
}
#vyhledavani {    
    background: url(../images/vyhledavani_bg.png);
    height: 160px;
    position: relative;
}
#vyhledavani.sp {
    background: url(../images/vyhledavani_sp_bg_h.png);
    height: 120px;    
}
#vyhledavani.as {
    background: url(../images/vyhledavani_as_bg.png);    
}
#vyhledavani .pole {
    position: absolute;
    top: 25px;
    left: 153px;
    width: 573px;
    height: 59px;
    background: url(../images/vyhledavani_pole.png);    
}
#vyhledavani.sp .pole {
    background: none;
    top: 10px;
    left: 190px;
    width: 533px;
}
#vyhledavani.as .pole {
    background: none;
    top: 15px;
    left: 383px;
    width: 500px;
}
#vyhledavani .pole input[type=text] {
    margin: 10px 0 10px 10px;
    padding-left: 50px;
    height: 39px;
    line-height: 39px;
    width: 368px;
    background: none;
    border: none;
    font-size: 18px;
    float: left;
}
#vyhledavani.sp .pole input[type=text] {
    width: 335px;
    padding-left: 40px;
}
#vyhledavani.as .pole input[type=text] {
    width: 330px;
    padding-left: 40px;
}
#vyhledavani .pole a {
    display: inline-block;
    width: 130px;
    height: 39px;
    line-height: 39px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    float: right;
    margin: 11px 8px 0 0;
}
#vyhledavani.sp .pole a {
    width: 132px;
}
#vyhledavani.as .pole a {
    width: 105px;
}
#vyhledavani .radio {
    position: absolute;
    top: 100px;
    left: 175px;
}
#vyhledavani.as .radio {
    left: 183px;
    top: 90px;
}
#vyhledavani.sp .radio {
    left: 185px;
    top: 78px;
}
#vyhledavani .radio a {
    position: relative;
    display: block;
    float: left;
    width: 137px;
    height: 33px;
    text-decoration: none;
    background: url(../images/vyhledavani_radio.png);
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 0 5px 0 30px;
    margin-right: 10px;
}
#vyhledavani.as .radio a {
    margin-right: 20px;
}
#vyhledavani .radio a .wrap {
    display: block;
    line-height: 31px;
    height: 31px;
}
#vyhledavani .radio a .content {
    display: inline;
    display: inline-table;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1em;
}
#vyhledavani .radio a .vybrano {
    position: absolute;
    top: 11px;
    left: 12px;
    height: 10px;
    width: 10px;
    background: url(../images/vyhledavani_radio_vybrano.png);
}
#vyhledavani .radio a .sipka {
    position: absolute;
    top: -7px;
    left: 80px;
    height: 7px;
    width: 15px;
    background: url(../images/vyhledavani_radio_sipka.png);
}
#vyhledavani .select {
    width: 167px;
    height: 35px;
    position: absolute;
    top: 28px;
    left: 36px;
}
#vyhledavani.as .select.obor {
    top: 28px;
    left: 36px;
}
#vyhledavani.as .select.zeme {
    top: 28px;
    left: 218px;
}
#vyhledavani .select > div {
    width: 200px;
    position: absolute;
    top: 35px;
    left: -5px;
    z-index: 1;
}
#vyhledavani.as .select > div {
    height: 300px;
}
#vyhledavani .select a.selected {
    display: block;
    width: 125px;
    line-height: 35px;
    height: 35px;
    background: url(../images/vyhledavani_select.png) left center no-repeat;
    color: #fff;
    font-weight: bold;
    padding: 0 10px 0 30px;
    border-bottom: none;
    text-align: center;
    text-decoration: none;
} 
#vyhledavani .select .selected .wrap {
    line-height: 35px;
    height: 32px;
    overflow: hidden;
}
#vyhledavani .select .selected .content {
    line-height: 14px;
    padding: 4px 0;
    display: inline-block;
    vertical-align: middle;
}
#vyhledavani .rozsirene {
    display: block;
    width: 70px;
    height: 50px;
    padding-left: 40px; 
    position: absolute;
    left: 750px;
    top: 40px;    
    background: url(../images/vyhledavani_rozsirene.png) left top no-repeat;    
    color: #035;
    font-size: 11px;
    font-weight: bold;
}
#vyhledavani.sp .rozsirene {
    top: 25px; 
    left: 745px;
}
#katalog {
    width: 879px;
    margin: 80px auto 0 auto;
    background: url(../images/katalog_filtr.png) top no-repeat;
    position: relative;    
}
#katalog .zalozky {
    position: absolute;
    top: -42px;
    left: 250px;
    margin-top: 0;
}
#katalog .zalozky li {
    list-style: none;
    display: block;
    height: 43px;
    float: left; 
    margin-right: 20px;
    position: relative;
}
#katalog .zalozky .sipka {    
    position: absolute;
    top: -5px;
    left: 0;
    display: block;
    width: 50%;
    height: 16px;
}
#katalog .zalozky .sipka span {    
    position: absolute;
    top: 0;
    right: -14px;
    display: block;
    width: 27px;
    height: 16px;
    background: url(../images/katalog_zalozka_sipka.png);
}
#katalog .zalozky a {
    font: 18px "Trebuchet MS";
    display: block;
    line-height: 43px;
    text-align: center;    
}
#katalog .zalozky li.aktivni {
    background: left no-repeat url(../images/katalog_zalozka.png);
    padding-left: 20px;
}
#katalog .zalozky li.aktivni a {
    color: #fff;  
    background: right no-repeat url(../images/katalog_zalozka_right.png);
    padding-right: 15px;
}
#katalog .zalozky a:hover {
    text-decoration: none;
}
#katalog .filtr {
    font: 14px "Calibri";
    height: 43px;
    line-height: 44px;
    text-transform: uppercase;
}
#katalog .filtr span {
    color: #fff;    
    width: 80px;
    padding-right: 20px;
    display: inline-block;
    text-align: center;
}
#katalog .filtr a {
    color: #7faecd;
    font-weight: bold;
    padding: 0 8px;
    display: inline-block;
}
#katalog .filtr a.aktivni,
#katalog .filtr a:hover {
    color: #069;
    text-decoration: none;
}
#katalog .seznam {
    border: 1px solid #c4def1;
    border-bottom: none;
    background: url(../images/katalog_seznam_bg.png) top repeat-x;
    min-height: 357px;
}
#katalog .seznam ul {
    padding: 15px 0;
    margin: 0;
    width: 390px;
}
#katalog .seznam li {
    list-style: none;
    position: relative;
}
#katalog .seznam ul.levy {
    float: left;
    padding-left: 25px;
}
#katalog .seznam ul.pravy {
    float: right;
    padding-right: 25px;
}
#katalog .seznam a {
    font: bold 14px "Trebuchet MS";
    line-height: 17px;
    color: #069;
    text-decoration: none;
    display: block;
    padding: 5px 70px 5px 0;
}
#katalog .seznam li span {
    position: absolute;
    top: 3px;
    right: 0;
    color: #7faecd;
    font-size: 11px;
    display: block;
    width: 39px;
    line-height: 22px;
    text-align: center;
    font-weight: normal;
}
#katalog .seznam a:hover {
    text-decoration: underline;
}
#katalog .seznam li a:hover span {
    background: url(../images/katalog_seznam_sipka.png);
    color: #fff;
    text-decoration: none !important;
}
#katalog .patka {
    height: 11px;
    background: url(../images/katalog_patka.png);
}
#drobecky {
    width: 904px;    
    height: 44px; 
    margin: 25px auto 0 auto;
    background: url(../images/drobecky.png);
}
#drobecky li {
    float: left;
    list-style: none;
    line-height: 44px;
    padding: 0 18px 0 28px;
    background: url(../images/drobecky_oddelovac.png) left no-repeat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 350px;
}
#drobecky li:first-child {
    background: none;
}
#anotace {
    width: 864px;
    padding: 20px 20px 10px 20px;
    margin: 0 auto;
    background: #ecf4f9 url(../images/anotace_patka.png) bottom no-repeat;
}
#anotace h1 {
    font-size: 25px;
    padding-bottom: 15px; 
}
#anotace .logo, 
#anotace .popis,
#anotace .tlacitka, 
#anotace .qr {
    float: left; 
    margin-right: 10px; 
}
#anotace .logo {
    width: 130px;
}
#anotace .logo div  {
    width: 116px;
    height: 116px;
    line-height: 116px;
    padding: 5px;
    border: 1px solid #7faecd;
    background: #fff;
    vertical-align: middle;
    text-align: center;
}
#anotace .logo img {
    vertical-align: middle;
}
#anotace .popis {
    width: 430px;
}
#anotace .popis p {
    margin-bottom: 1.3em;
}
#anotace .popis p.jazyky {
    line-height: 1.7em;    
}
#anotace .popis p.jazyky img {
    vertical-align: text-top;
}
#anotace .tlacitka {
    width: 170px;
}
#anotace .tlacitka a {
    width: 110px;
    height: 32px;
    line-height: 32px;
    display: block;
    padding: 0 33px 0 10px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px; 
    text-decoration: none;
    text-align: center;
}
#anotace .tlacitka a.pridat {
    background: url(../images/anotace_pridat.png);
}
#anotace .tlacitka a.editovat {
    background: url(../images/anotace_editovat.png);
}
#anotace .tlacitka a.pridat .wrap {
    line-height: 31px;
    height: 31px;
}
#anotace .tlacitka a.pridat .content {
    display: inline;
    display: inline-table;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1em;
}
#anotace .qr {
    width: 96px;
    margin-right: 0;    
    text-align: center;
    font-size: 11px;
}
#anotace .qr img {
    display: block;
    margin-bottom: 3px;
}
#QR_napoveda {
    position: relative;
}
#QR_napoveda > div {
    position: absolute;
    z-index: 1;
    top: -33px;
    left: -185px;
    width: 160px;
    padding: 10px;
    background: #fff;
    border: 1px solid #cbe2f3;
    display: none;
    text-align: left;
}
#QR_napoveda > div span {
    position: absolute;
    top: 33px;
    right: -7px;
    display: block;
    width: 7px;
    height: 13px;
    background: url(../images/sipka_r.png);
}
#QR_napoveda > div strong {
    color: #069;
}
#detail {
    width: 879px;
    margin: 0 auto;
}
#detail .sloupec1,
#detail .sloupec2,
#detail .sloupec3 {
    width: 280px;
    float: left;
    margin-right: 10px;
}  
#detail .sloupec3 {
    padding-left: 17px;
}
#detail .sloupec1 ul,
#detail .sloupec2 ul {
    padding-left: 17px;
    margin: 15px 0;
}
#detail .sloupec1 ul li,
#detail .sloupec2 ul li {
    list-style-image: url(../images/detail_odrazka.png);  
    padding: 7px 0;
}
#detail .sloupec1 .dalsi {
    width: 277px;
    padding: 0;
    background: #00335b url(../images/detail_dalsi_bottom.png) bottom no-repeat;
}
#detail .sloupec1 .dalsi li {
    width: 277px;
    height: 46px;
    list-style-image: none;
    list-style-type: none;
    padding: 0;
}
#detail .sloupec1 .dalsi li a {
    line-height: 46px;
    margin: 0 15px;
    display: block;
    background: url(../images/detail_dalsi_plus.png) right no-repeat;
    color: #fff;
    font-size: 13px;
}
#detail .sloupec1 .dalsi li:first-child {
    background: url(../images/detail_dalsi_top.png) top no-repeat;
    border-top: none;
}
#detail .sloupec1 .dalsi li {
    border-top: 1px solid #335c7c;
}
#detail .sloupec2 .osoba {
    border-top: 1px solid #cbe2f3;
    padding-top: 15px;
}
#detail .sloupec3 {
    width: 277px;
    margin-right: 0;
    float: right;
}
#detail .sloupec1-3 {
   width: 874px;
   margin: 0 auto;
}
#detail .sloupec1-3 .produkty {
    background: #ecf4f9 top no-repeat url(../images/anotace_top.png);
}
#detail .sloupec1-3 .produkt {
    float: left;
    width: 235px;
    margin-left: 20px;
    border-top: none;
}
#detail .sloupec1-3 .produkt:first-child {
    margin-left: 0;
    background: none;
}
#detail .sloupec1-3 .cistic {
    height: 7px;
    background: url(../images/anotace_bottom.png);
}
#detail .produkty {
    background: #ecf4f9 url(../images/detail_modry_sl_bottom.png) bottom no-repeat;
    border-top: none;
}
#detail .produkt {
    padding: 20px;
    border-top: 1px solid #fff;
}
#detail .produkt div {
    width: 220px;
    padding: 5px;
    margin: 20px auto;
    background: #fff;
    text-align: center;
}
#detail .produkt div.obrazek {
   margin: 0; 
}
#detail .produkt:first-child {
    background: transparent url(../images/detail_modry_sl_top.png) top no-repeat;
}
#detail .produkt ul,
#detail .produkt ol {
    padding-left: 20px;
}
#detail .produkt ul li {
    list-style-image: url(../images/detail_sipka.png);
    padding: 5px 0;
}
#detail .produkt a {
    display: block;
}
#detail .produkt img {
    margin: 15px 0;
}
#detail h2 {
    padding: 15px 0;
}
#detail a {
    font-weight: bold;
}
#detail #mapa-obal {
    width: 260px;
    height: 207px;
    background: url(../images/detail_mapa_bg.png);
    padding: 10px 9px 10px 28px;
    position: relative;
    left: -17px;
}
#detail #mapa {
    width: 258px;
    height: 207px;
}
#detail #mapa-obal .zvetsit {
    display: block;
    width: 20px;
    height: 22px;
    background: url(../images/map_full.png);
    position: absolute;
    bottom: 15px;
    left: 95px;
    z-index: 1;
    text-decoration: none;
}
#detail p + .sbaleno {
    margin-top: 25px;
}
#detail .sbaleno {
    display: block;
    background: #00335b;
    color: #fff;
    font: bold 14px  Arial;
    border-top: 1px solid #335c7c;
    width: 240px;
    padding: 0 15px;
    line-height: 46px;
}

#detail .sbaleno:first-of-type {
    border-top: none;
    border-top-left-radius: 6px;
    -moz-top-left-border-radius: 6px;
    -webkit-top-left-border-radius: 6px;
    -o-top-left-border-radius: 6px;
    border-top-right-radius: 6px;
    -moz-top-right-border-radius: 6px;
    -webkit-top-right-border-radius: 6px;
    -o-top-right-border-radius: 6px;
}
#detail .sbaleno:last-of-type {
    border-bottom-left-radius: 6px;
    -moz-bottom-left-border-radius: 6px;
    -webkit-bottom-left-border-radius: 6px;
    -o-bottom-left-border-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-bottom-right-border-radius: 6px;
    -webkit-bottom-right-border-radius: 6px;
    -o-bottom-right-border-radius: 6px;
}
#detail .sbaleno span {
    float: right;
    font-size: 25px;
}
#detail .sbaleno_obsah {
    display: none;
    overflow: hidden;
}
#pocetzaznamu {
    height: 1px;
    position: relative;
    top: -1px;
    width: 100%;
}
#pocetzaznamu > div {
    position: absolute;
    top: 0;
    right: 20px;  
    height: 46px;
    background: right no-repeat url(../images/seznam_pocet_zaznamu.png);
    padding-right: 90px;
}
#pocetzaznamu > div > div {    
    background: left no-repeat url(../images/seznam_pocet_zaznamu-left.png);
    color: #fff;
    font-weight: bold;
    line-height: 46px;
    padding-left: 20px;
}
#pocetzaznamu a.pocet {
    position: absolute;
    top: 11px;
    right: 17px;
    display: block;
    width: 41px;
    height: 24px;
    line-height: 24px;
    padding-right: 24px;
    color: #fff;
    text-align: center;
}
#pocetzaznamu a.pocet:hover {
    text-decoration: none;
}
#pocetzaznamu .select {
    width: 65px;
    height: 24px;
    position: absolute;
    top: 11px;
    right: 17px;
}
#pocetzaznamu .select > div {
    width: 50px;
}
#pocetzaznamu .select a.selected {
    display: block;
    width: 35px;
    line-height: 24px;
    height: 24px;
    background: url(../images/vyhledavani_select.png) right center no-repeat;
    color: #fff;
    font-weight: bold;
    padding: 0 25px 0 5px;
    border-bottom: none;
    text-align: center;
    text-decoration: none;
} 
#pocetzaznamu .select .selected .wrap {
    line-height: 24px;
}
#pocetzaznamu .select .selected .content {
    line-height: 1.2em;
    display: inline-block;
    vertical-align: middle;
}
#pocetzaznamu .select > div a {
    line-height: 1.2em;
    text-align: center;
}
#vypis {
    width: 888px;
    margin: 0 auto;
}
#vypis .polozka {
    width: 886px;
}
#vypis .polozka .vrsek,
#vypis .polozka .spodek {
    height: 10px;
}
#vypis .polozka:hover .vrsek {
    background: url(../images/seznam_hover_top.png);
}
#vypis .polozka:hover .spodek {
    background: url(../images/seznam_hover_bottom.png);
}
#vypis .polozka .obsah {
    padding: 5px 10px 15px 10px;
    min-height: 125px;
}
#vypis .polozka:hover .obsah {
    background: url(../images/seznam_hover.png) repeat-y;
}
#vypis .logo, 
#vypis .popis,
#vypis .jazyky {
    float: left; 
    margin-right: 20px; 
}
#vypis .logo {
    width: 127px;
}
#vypis .logo a  {
    display: block;
    width: 116px;
    height: 116px;
    overflow: hidden;
    line-height: 116px;
    padding: 5px;
    border: 1px solid #7faecd;
    background: #fff;
    vertical-align: middle;
    text-align: center;
}
#vypis .logo img {
    vertical-align: middle;
}
#vypis .popis {
    width: 484px;
    min-height: 125px;
    border-right: 1px solid #cbe2f3;
    position: relative;
    padding-right: 15px;
}
#vypis .polozka:hover .popis {
    padding-right: 16px;
    border-right: none;
}
#vypis .popis h2 {
    width: 450px;
    margin-top: 5px;
}
#vypis .popis p {
    line-height: 1.6em;
}
#vypis .popis a.pridat {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    width: 108px;
    line-height: 30px;
    height: 1px;
    overflow: hidden;
    background: url(../images/seznam_pridat.png) 0 -30px;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    padding: 29px 30px 0 3px;
    text-align: center;
    text-decoration: none;    
}
#vypis .polozka:hover .popis a.pridat {
    right: 16px;
} 
#vypis .popis a.pridat:hover {
    background-position: top;
    color: #fff;
    padding-top: 0;
    height: 30px;
} 
#vypis .popis a.pridat .wrap {
    height: 30px;
    line-height: 30px;     
}
#vypis .popis a.pridat .content {
    display: inline;
    display: inline-table;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1em;
}
#vypis .jazyky {
    width: 180px;
    height: 125px;
    margin-right: 0;    
    padding-left: 5px;
}
#vypis .jazyky ul li {
    list-style: none;
    float: left;
    width: 78px;
    padding: 3px 0;
}
#strankovani {
    border-top: 1px solid #cbe2f3;
    text-align: center;
    margin-top: 10px;
}
#strankovani a,
#strankovani span {
    float: left;
    line-height: 46px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-right: 20px;
}
#strankovani a.active {
    color: #7faecd;
}
#strankovani a:first-child {
   padding-left: 20px;
}
#strankovani .stranky-obal {
    float: left;
    position: relative;
    left: 50%;
}
#strankovani .stranky {
    float: left;
    position: relative;
    left: -50%;
    top: -1px;
    background: #00335b url(../images/seznam_strankovani_l.png) left no-repeat;
    height: 46px;
}
#strankovani .stranky-r {
    background: url(../images/seznam_strankovani_r.png) right no-repeat;
    min-width: 60px;
    height: 46px;
}
#strankovani .dalsi,
#strankovani .predchozi {
    width: 85px;
    height: 46px;
    font-size: 12px;
}
#strankovani .dalsi {
    background: url(../images/seznam_strankovani_dalsi.png);
    padding-left: 0;
    padding-right: 18px;
}
#strankovani a:first-child.predchozi {
    background: url(../images/seznam_strankovani_predchozi.png);
    padding-left: 18px;
    padding-right: 0;
    margin-right: 10px; 
}
#paticka {
    width: 879px;
    height: 80px;
    line-height: 75px;
    margin: 20px auto 5px auto;
    background: url(../images/paticka.png) top no-repeat;
    position: relative; 
    text-align: center;
    padding-top: 1px;
}
#paticka ul {
    position: absolute;
    top: 12px;
    left: 15px;
    text-align: left;
    line-height: 20px;
    margin-top: 0;
}
#paticka li {
    list-style: none;
    padding-left: 25px;
    background: url(../images/paticka_odrazka.png) top left no-repeat;
    line-height: 25px;
}
#paticka .logo {
    position: absolute;
    top: 15px;
    right: 15px;
}
#paticka .pridat {
    display: inline-block;
    position: relative;
    padding-left: 42px; 
    line-height: 43px;
    height: 43px;
    background: left no-repeat url(../images/paticka_pridat.png);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: auto auto;
}
#paticka .pridat .wrap {
    background: right no-repeat url(../images/paticka_pridat_right.png);
    padding: 0 20px 0 10px;
    text-align: center;
}
#paticka a.pridat:hover {
    text-decoration: none;
}
#paticka a.pridat .content {
    display: block;
    vertical-align: middle;
    line-height: 43px;
}
#copy {
    width: 879px;
    margin: 15px auto 20px auto;
    font-size: 11px;
    color: #666;
}
/*----------*/
.cistic {
    font-size: 1px;
    line-height: 1px;
    clear: both;
}
h1 {
    font: bold 24px Arial;
}
h2 {
    font: bold 20px Arial;
} 
h3 {
    font: bold 17px Arial;
}
#vypis p,
#vypis ul,
#vypis ol,
#vypis dl,
#detail p, 
#detail ul, 
#detail ol, 
#detail dl {
    margin-top: 15px;
}
#vypis p + .polozka {
    margin-top: 15px; 
}
#detail dt {
    width: 80px;
    font-weight: bold;
    display: inline-block;
    float: left;
}
#detail dd {
    padding: 0 0 8px 80px;    
}

.select > div {
   border: 1px solid #335c7c;
   background: #fff;
   display: none;
}
.select > div a {
    display: block;
    padding:  5px 10px;    
    color: #444;  
    font-weight: bold;
}
.select > div a:hover {
    color: #fff;
    text-decoration: none;
    background: #335c7c;
}
#vyhledavani.as .select span {
    display: none;
}

#obsah {
    padding: 0 15px;
    line-height: 1.7em;
}
#vypis > h1,
#obsah h1 {
    margin: 25px 270px 10px 0;
}
#obsah h2, 
#obsah h3 {
    margin: 25px 0 10px 0;
}
#obsah ul li,
#obsah ol li,
#obsah p {
    list-style-position: inside;
    margin-top: 10px;
}
#obsah a {
    font-weight: bold;
}
#obsah img {
    border: 8px solid #c4def1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;    
    margin: 15px 0;
}
#obsah img.left {
    margin-right: 15px;
    float: left;
}
#obsah img.right {
    margin-left: 15px;
    float: right;
}
#obsah ul li {
    list-style-image: url(../images/detail_odrazka.png);
}
#obsah > .half {
    float: left;
    width: 45%;
    margin-bottom: 25px;
}
#obsah td, #obsah th {
    padding: 5px 15px;
}
#obsah .anotace {
    width: 874px;
    background: #ebf3f9 top no-repeat url(../images/anotace_top.png);
    color: #069;
    font-size: 13px;
    font-weight: bold;
    margin: 25px 0 10px 0;
}
#obsah .anotace > div {
    background: bottom no-repeat url(../images/anotace_bottom.png);
    padding: 15px 10px;
}
#obsah .anotace p {
    margin-top: 0;
}
#obsah table {
    width: 874px;
    overflow: hidden;
    background: #00335b url(../images/thead.png) top left no-repeat;
}
#obsah th {
    font-weight: bold;
    color: #fff;
    padding: 10px 15px;
    background: transparent;
}
#obsah thead,tfoot {
    width: 626px;
    color: #fff;
}
#obsah tbody {
    width: 626px;
}
#obsah tbody td {
    background: #fff;
}
#obsah td {   
    border-bottom: 1px solid #cedeeb;
    border-top: 1px solid #cedeeb; 
}
#obsah .odd td {
    border-bottom: none;
    border-top: none; 
    background: #ecf4f9;
}
#obsah .pridat {
    display: inline-block;
    position: relative;
    padding-left: 42px; 
    line-height: 43px;
    height: 43px;
    background: left no-repeat url(../images/paticka_pridat.png);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: auto auto;
}
#obsah .pridat .wrap {
    background: right no-repeat url(../images/paticka_pridat_right.png);
    padding: 0 20px 0 10px;
    text-align: center;
}
#obsah a.pridat:hover {
    text-decoration: none;
}
#obsah a.pridat .content {
    display: block;
    vertical-align: middle;
    line-height: 43px;
}
.spacer {
    clear: both;
}