@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

body {
  color: #000000;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  font-size: 75%;
  background: url('../obrazky/pozadi11.gif') center top #555555;
  min-width: 765px;
  margin: 0px;
  padding: 0px 5px 5px 5px;
  text-align: center;
}

a:link {
  color: #b32700;
}

a:visited {
  color: #555555;
}

hr {
  color: #8d8d8d;
  background-color: #8d8d8d;
  border-width: 0px;
  height: 1px;
  width: 90%;
  text-align: center;
}

form {
  margin: 0px;
  padding: 0px;
  color: #000000;
}

ul {
  list-style-type: square;
}

#adresa a:hover, #adresa2 a:hover, .anotace a:hover, #sloupec1 h4 a:hover, #sloupec1t h4 a:hover, .starsicl a:hover, .box2 a:hover, .boxlevy a:hover, #esh_katalog a:hover {
  text-decoration: underline;
}

#cookie {
  display: none;
  position: absolute;
  z-index: 100;
  background: #222222;
  border-bottom: 1px solid #666666;
  width:100%;
  padding: 7px 0px 7px 0px;
  left: 0px;
  top: 0px;
  color: #eeeeee;
  text-align: left;
}

#cookie p {
  margin: 0px 7px 0px 7px;
}

#obal {
  text-align: left;
  position: relative;
  _width: expression(document.body.clientWidth<780 ? "765px" : (document.body.clientWidth>1250 ? "1250px" : "auto" ) );
/*  _width: expression(document.body.clientWidth<780 ? "765px" : (document.body.clientWidth>1041 ? "1041px" : "auto" ) );*/
/*  max-width: 1041px;*/
  max-width: 1250px;
  margin: 0px auto;
  margin-top: 4px; 
/*  float: left;
  margin-left: calc((100% - 1250px) / 2);  */
}

#hlavicka {
  position: relative;
  background: url('../obrazky/pozadi11.jpg') center top #277812 repeat-x;
  height: 135px;
  z-index: 0;
}

#hlavicka-leva {
  position: relative;
  float: left;
  background: url('../obrazky/pozadi12.gif') left top no-repeat;
  height: 136px;
  -moz-background-origin: content;
}

#obr {
  display: block;
  position: relative;
  left: 29px;
  top: 34px;
  margin-bottom: -1px;
  width: 327px;
  height: 52px;
  border: none;
  background: url('../obrazky/logo10.gif') left top no-repeat;
}

#obr img {
  display: none;
}

#hlavicka-prava {
  position: relative;
  float: right;
  background: url('../obrazky/pozadi13.gif') right top no-repeat;
  height: 136px;
  z-index: 1;
  width: 40px;
}

#hlavicka-prava div {
  display: none;
}

#obsah {
  background: url('../obrazky/pozadi15.gif') repeat-y #ede5b9;
  padding-left: 9px;
  position: relative;
  margin: 1px 0px 0px 0px;
}

#odsazeni {
  background: url('../obrazky/pozadi16.gif') repeat-y top right;
  padding-right: 10px;
  margin: 0px;
  position: static;
/*  position: relative;*/
/*  border: 1px solid gray;*/
}

#menu {
  position: absolute;
  top: -17px;
  margin-top: -1.1em;
  left: 20px;
/*  _left: -14.9em;*/
  font-family: serif;
  letter-spacing: 0.3px;
  height: 25px;
  z-index: 600;
}

#menu ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#menu ul ul {
  margin-left: 3px;
  margin-top: 0em;
  position: absolute;
  visibility: hidden;
  text-align: left;
  padding: 0px;
  border-left: 1px solid #c16c6a;
  border-top: 1px solid #c16c6a;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

#menu ul li {
  float: left;
  height: 2em;
  width: 8em;
  /* dotaznik */
/*  width: 8em;*/
  /* dotaznik end */
  text-align: left;
  text-transform: uppercase;
}

#menu ul ul li {
  float: none;
/*  padding: 0px 1px 5px 1px;*/
  padding: 0px;
  border-bottom: 1px solid #c16c6a;
  background-color: #a31515;
  width: 13.9em;
  text-transform: none;
  height: auto;
}

#menu a {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  color: #e6daa1;
  text-decoration: none;
/*  height: 1.8em;*/
  padding-top: 0.45em;
}

#menu ul ul a {
  text-align: left;
  font-weight: normal;
  padding-left: 5px;
  padding: 0.6em 0em 0.6em 0.6em;  
}

.inlbl {
  display: inline-block !important;
}

#menu a:hover, #menu a.hover {
  color: white;
}

#menu ul li:hover ul, #menu ul li.hover ul{
  visibility:visible;
}

#menu ul li, ul {
  behavior: url('/pomocnaslozka/hover.htc');
}

#sloupec2 {
  position: relative;
  width: 15.2em;
  float: right;
  margin-top: 0px;
  _margin-top: -1px;
  padding: 0px;
  background: url('../obrazky/pozadi14.gif') repeat-x;
  color: #555555;
}

#sloupec2 a {
  color: #555555;
}


.box h2 {
  font-weight: bold;
  font-size: 1.1em;
  font-family: serif;
  margin: 0px;
  padding: 10px 0px 8px 10px;
  text-transform: uppercase;
}

.box h2 a {
  text-decoration: none;
  color: #555555;
}

#obrazek {
  margin-left: 2px;
  height: 105px;
  background: #e1e1e1 url('../obrazky/obrazek1.jpg') no-repeat top center;
}

#sloupec1 {
  margin: 1px 15.2em 0px 0px;
  _margin-top: -1px;
  padding: 7px 12px 0px 12px;
  background: url('../obrazky/pozadi14.gif') repeat-x top;
}

.mapovy {
  margin-right: 1px !important;
  padding-right: 6px !important;
/*  border: 1px solid green;*/
}

.mapova_tabulka {
  border: none;
  margin: 0px 0px 0px 0px;
  font-size: 1em;
}

.mapova_tabulka td {
  vertical-align: top;
/*  border: 1px solid black;   */
  padding: 5px;
}

.mapa_velka {
  width: 100%;
  height: 460px;
  border: none;
  overflow: hidden;
}

.mapa_mala {
  border: 3px solid #444444;
  width: 95%;
  height: 400px;
}

#mapy_box {
  margin: 0px 6px 15px 0px;
}

.mapy_tab {
  color: #ffffff;
  background: #444444;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}

.mapy_tab th {
  padding: 4px 4px 0px 4px;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

.mapy_tab td {
  padding: 4px;
  vertical-align: top;
}

.mapy_tab input {
  vertical-align: middle;
  margin: 0px 3px 3px 0px;
}

.mapy_tab select {
  width: 120px;
  margin: 2px 0px 0px 5px;
  color: #ffffff;
  background: #333333;
  border-width: 1px;
}

.mapy_tab img {
  border: none;
}

.mapy_tab_b {
  font-weight: bold;
}

.mapy_tab_d {
  font-weight: bold;
  color: white;
}

.mapy_tab_bg {
  background: #272727;
}

.fzsubmit {
  margin: 0px 0px 0px 0px;
  height: 1.8em;
}

.map_fs_odkaz {
  width: 26px;
  text-align: center;
  background: #444444;
  padding: 3px 3px 0px 3px;
}

.map_fs_odkaz img {
  margin-top: 3px;
  border: none;
}

#map_text {
  width: 300px;
  margin-left: 5px;
/*  border: 1px solid red;*/
}

#sloupec1t {
  margin: 1px 15.2em 0px 0px;
  _margin-top: -1px;
  padding: 7px 0px 0px 12px;
  background: url('../obrazky/pozadi14.gif') repeat-x top;
  z-index: 1;
}

#sloupec_aktuality {
  position: relative;
  float: right;
  margin: 0px;
  _margin-top: -1px;
/*  width: 258px;*/
  width: 37%;
  background: url('../obrazky/pozadi29.gif') repeat-y left top;
/*  _width: 288px;*/
  _width: 388px;
  _width: 42%;
  padding: 0px 15px 20px 28px;
}

#sloupec1 h3 {
  margin: 30px 5px 2px 1px;
  font-size: 1.35em;
  color: #b32700;
  font-weight: bold;
}

#sloupec1 h4 {
  margin: 0px 5px 0px 5px;
  font-size: 1.1em;
  color: #b32700;
  font-weight: bold;
  clear: left;
}

#sloupec1 h4 span {
  font-size: 0.85em;
  color: #555555;
  font-weight: normal;
}

#sloupec1 h4 a:visited {
  color: #b32700;
}

#sloupec1 h4 em {
  font-size: 1em;
  color: #000000;
  font-weight: normal;
  font-style: normal;
}

#sloupec1 h5 {
  margin: 5px;
  font-size: 1.2em;
  font-weight: bold;
}

#sloupec1 h6 {
  margin: 5px;
  font-size: 1em;
  font-weight: bold;
}

#sloupec1 p{
  margin: 5px 8px 15px 8px;
  text-align: justify;
  line-height: 140%;
}

#sloupec1 p img {
  border: 1px solid #555555;
  float: left;
  position: relative;
  margin: 3px 5px 1px 0px;
}
#sloupec1 p em {
  display: block;
  margin: 0px 0px -14px 0px;
  text-align: right;
  font-style: normal;
  font-size: 0.9em;
}

#opistable {
  margin-left: 24px;
  border-spacing: 0px;
}

#opistable td {
  padding: 0px 3px 0px 3px;
}

#opistable td img {
  border: none;
  margin: 0px;
}

#zalomeni {
  clear: right;
  height: 1px;
  font-size: 0.01em;
}

#zalomeni3 {
  clear: both;
  background: url('../obrazky/pozadi17.gif') repeat-x #555555 center bottom;
  height: 14px;
  font-size: 0.01em;
}

#zalomeni3 div{
  width: 20px;
  background: url('../obrazky/pozadi19.gif') no-repeat right bottom;
  height: 14px;
  font-size: 0.01em;
  margin: 0px;
  float: right;
}

#zalomeni3 p{
  width: 20px;
  background: url('../obrazky/pozadi18.gif') no-repeat left bottom;
  height: 14px;
  font-size: 0.01em;
  float: left;
  margin: 0px;
}

#zalomeni4 {
  clear: left;
  height: 1px;
  font-size: 0.01em;
}

h3#adresa, h3#adresa2 {
  color: #555555;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0px 5px 10px 5px;
}

h3#adresa a, h3#adresa2 a {
  color: #555555;
  text-decoration: none;
}

#sloupec1 h4 a, .anotace h1 a, .anotace h2 a, .box2 h2 a   {
  text-decoration: none;
}

#odkazy{
  position: relative;
  background: none;
}

#odkazy h4 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #000000;
  font-size: 1.2em;
  border-bottom: 1px solid #000000;
  margin: 10px 10px 20px 10px;
}

#odkazy h5 {
  margin: 0px;
  font-weight: bold;
  display: inline;
  font-size: 1.1em;
}

#odkazy em{
  font-size: 0.9em;
  color: #555555;
  font-weight: normal;
  font-style: italic;
}

#odkazy em a{
  color: #555555;
  font-style: normal;
  text-decoration: none;
}

#odkazy span{
  font-weight: normal;
  font-size: 1em;
}

#odkazy img{
  margin: 0.5em 5px 0.5em -5px;
  float: left;
}

#prispevky{
  margin: 0px 5px 0px 25px;
  font-size: 1.0em;
  border: none;
  padding: 0px;
  background: none;
}

#prispevky a{
  text-decoration: none;
}

#prispevky span{
  font-size: 1em;
  color: #555555;
  line-height: 180%;
}

#prispevky hr{
  width: 97%;
  margin-top: 10px;
}

#opis {
  border: 1px solid #000000;
  padding: 3px 1px 2px 3px;
  margin: 5px 10px 0px 9px;
  background: #ffffff;
}

.anotacet {
  margin: 0px 5px 28px 7px;
  line-height: 134%;
}

.anotacet span {
  font-size: 0.9em;
  color: #555555;
  font-weight: normal;
  display: block;
  margin-bottom: 3px;
  line-height: 100%;
}

.anotacet img {
  border: 1px solid #555555;
  float: left;
  position: relative;
  margin: 3px 5px 1px 0px;
}

.anotacet h4 {
  font-size: 1.1em;
  display: inline;
}

.anotacet div {
  text-align: justify;
  margin-top: 4px;
  margin-bottom: 8px;
}

.anotacet h4 a {
  color: #b32700;
  text-decoration: none;
}

.anotacet h4 a:visited {
  color: #b32700;
}

.anotacet em {
  display: block;
  margin: 0px 0px -14px 0px;
  text-align: right;
  font-style: normal;
  font-size: 0.9em;
}

.anotacet em a {
  color: #b32700;
}

#zalomeni2 {
  display: none;
}

.odkazy2{
  position: relative;
  font-size: 0.75em;
}

.odkazy2 h5 {
  margin: 0px;
  font-weight: bold;
  display: inline;
  font-size: 1em;
}

.odkazy2 em{
  font-size: 1em;
  color: #555555;
  font-weight: normal;
  font-style: italic;
}

.odkazy2 span{
  font-weight: normal;
  font-size: 1em;
}

#muzea {
  margin-left: 20px;
}

#muzea h3{
  font-family: serif;
}

#muzea span{
  font-weight: bold;
}

#muzea p{
  line-height: 130%;
}

.box {
  position: relative;
  margin: 10px 10px 5px 0px;
  text-align: left;
  background-color: #e2d9a9;
  overflow: hidden;
  background: url('../obrazky/pozadi25.gif') no-repeat right top;
/*  background: url('../obrazky/pozadi25gr.gif') no-repeat right top;*/
  padding: 0px;
  _width: 100%;
}

.mapbox {
  margin: 0px 0px 15px 0px !important;
}

.boxlevy {
  margin: 10px 0px 5px 10px;
}

.boxlevy a {
  text-decoration: underline;
}

.prvni {
  margin-top: 20px;
}

.starsicl {
  font-weight: bold;
  margin: 10px 0px 0px 7px;
}

.starsicl a {
  text-decoration: none;
}

.starsicl a:visited {
  color: #b32700;
}

.nadpisy a {
  text-decoration: none;
}

.pole1 {
  width: 9.5em;
  _width: 9.8em;
  margin-bottom: 10px;
  margin-left: -15px;
}

.pole2 {
  width: 20em;
}

.hledani p {
  padding: 8px 0px 7px 14px;
  text-align: center;
  background: none;
  margin: 0px;
}

.hledani span {
  display: block;
  text-align: left;
  margin: 0px 20px 3px 8px;
}

#hledani_diskuse {
  margin: 0px 12px 8px 0px;
}

.tlacitko {
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  color: #000000;
  font-size: 1em;
  width: 6em;
  padding: 1px;
  margin: 12px 9px -2px -15px;
}

.policko {
  background: url('../obrazky/pozadi22.gif') no-repeat #ffffff left top;
  border: 1px solid black;
  margin-bottom: 0px;
}

.box h5 {
  font-weight: bold;
  margin: 4px 0px 0px 14px;
  padding-bottom: 10px;
  font-size: 1em;
}

.box h5 span {
  color: #555555;
  font-size: 0.9em;
  font-weight: normal;
}

.box div {
  font-size: 0.9em;
/*  background: url('../obrazky/pozadi26gr.gif') no-repeat left top;*/
  background: url('../obrazky/pozadi26.gif') no-repeat left top;
  color: #555555;
  margin: 0px;
}

.box .pata {
  height: 6px;
/*  background: url('../obrazky/pozadi27gr.gif') no-repeat left bottom;*/
  background: url('../obrazky/pozadi27.gif') no-repeat left bottom;
  margin: 0px;
  padding: 0px;
}

.pata div {
  float: right;
  height: 6px;
  width: 6px;
  background: url('../obrazky/pozadi28.gif') no-repeat right bottom;
  margin: 0px;
  padding: 0px;
  font-size: 1%;
}

.obrazkovy p {
  padding: 0px 5px 0px 5px;
  text-align: center;
  margin: 0px;
}

.nejctenejsi {
  padding-right: 10px;
}

.seznam_clanku div {
  margin: 0px;
  padding: 9px 0px 5px 11px;
  font-size: 1em;
}

.seznam_clanku a:visited {
  color:#b32700;
}

.seznam_clanku h6 {
  font-size: 0.9em;
  padding: 0px 5px 2px 20px;
}

.seznam_clanku h6 span {
  color: #555555;
  font-weight: normal;
}

.inzerce p {
  padding: 1px 5px 5px 5px;
  text-align: center;
  margin: 0px;
}

.nahledy img {
  border: 1px solid #727272;
  clear: both;
  margin: 5px 0px 5px 0px;
}

.nahled1 {
  margin: 0px;
  float: none;
  border: 1px solid #396920;
  vertical-align: text-top;
}

.nahled2 {
  border: none;
  width: 9px;
  height: 10px;
  margin: 0px;
  vertical-align: text-top;
}

#speditrans {
  display: block;
  width: 100%;
  height: 32px;
  background: url('../obrazky/spedi-trans.gif') no-repeat top center;
  text-align: center;
  margin: 5px 0px 10px 0px;
}

#brks {
  display: block;
  width: 100%;
  height: 40px;
  background: url('../obrazky/brks.gif') no-repeat top center;
  text-align: center;
  margin: 15px 0px 5px 0px;
}

#brks a {
  display: block;
  width: 100%;
  height: 40px;
}

#carbosped {
  display: block;
  width: 100%;
  height: 48px;
  background: url('../obrazky/carbosped.gif') no-repeat top center;
  text-align: center;
  margin: 10px 0px 10px 0px;
}

#spedica {
  display: block;
  width: 100%;
  height: 32px;
  background: url('../obrazky/spedica.jpg') no-repeat top center;
  text-align: center;
  margin: 20px 0px 0px 0px;
}

#cmacgm {
  display: block;
  width: 100%;
  height: 78px;
  background: url('../obrazky/cmacgm.jpg') no-repeat top center;
  text-align: center;
  margin: 0px 0px 5px 0px;
}

.editorial p {
  text-align: center;
  padding: 0px 5px 8px 5px;
  line-height: 1.45em;
  margin: 0px;
}

.prakticke p {
  padding: 0px 5px 8px 12px;
  line-height: 1.45em;
  margin: 0px;
}

.prakticke img {
  border: none;
  width: 15px;
  height: 15px;
  margin: 5px 5px -5px 0px;
}

.anotace {
  margin: 15px 0px 5px 5px;
}

.anotace em {
  font-style: normal;
  font-size: 0.9em;
  color: #555555;
}

.anotace h1 {
  font-size: 1.9em;
  font-weight: bold;
  color: #b32700;
  margin: 0px;
  margin-top: 20px;
  font-family: serif;
  letter-spacing: 1px;
}

.anotace h2 {
  font-size: 1.9em;
  font-weight: bold;
  color: #b32700;
  margin: 0px;
  margin-top: 20px;
  font-family: serif;
  letter-spacing: 1px;
}

.anotace em a {
  text-decoration: none;
  color: #555555;
}

.anotace p {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  text-align: justify;
}

.anotace img {
  border: 1px solid #555555;
  float: left;
  margin: 2px 3px 2px 0px;
}

.box2{
  position: relative;
  float: none;
  margin: 15px 140px 5px 0px;
  font-size: 1em;
}

#sloupec1 .box2 h3 {
  position: relative;
  margin: 0px;
  height: 36px;
  padding: 0px;
  background: url('../obrazky/pozadi23.gif') no-repeat left top;
  font-size: 0.9em;
  font-weight: normal;
  color: #000000;
}

#sloupec1 .box2 h3 p{
  padding: 10px 0px 0px 10px;
  margin: 0px;
}

.box2 div {
  position: relative;
  margin: 0px 5px 0px 5px;
  padding: 9px 5px 10px 8px;
  background-color: #e2d9a9;
}

#sloupec1 .box2 h3 div{
  height: 36px;
  width: 40px;
  padding: 0px;
  margin: 0px;
  float: right;
  background: url('../obrazky/pozadi24.gif') no-repeat right top;
  font-size: 0.05em;
}

.box2 h2 {
  font-size: 1em;
  color: #b32700;
  font-weight: bold;
  margin: 5px 5px 0px 5px;
}

.box2 h2 span {
  font-size: 0.9em;
  color: #555555;
  font-weight: normal;
}

.box2 h2 span a {
  color: #555555;
}

.box2 h3 a {
  color: #000000;
  text-decoration: none;
}

.box2 p {
  padding: 3px 5px 5px 5px;
  margin: 0px;
  text-align: justify;
}

.siroky {
  margin-right: 5px;
}

.odsazene {
  padding-left: 20px;
  line-height: 150%;
}

.normalni {
  margin: 0px 10px 10px 10px;
}

.vboxu {
  margin: 0px 2px 0px 2px;
}

.popis {
  margin: 5px 13.4em 15px 7px;
/*  border: 1px solid blue;*/

}

.popis a {
  color: #000000;
  text-decoration: none;
}

.popis a:hover, #sloupec2 a:hover, #sloupec1 a:hover, #sloupec_aktuality div a:hover, #esh_sloupec1 a:hover, #esh_sloupec2 a:hover, #esh_sloupec3 a:hover {
  color: #b32700;
  text-decoration: underline;
}

.foto {
  width: 99%;
  text-align: center;
  margin: 10px 0px 10px 0px;
}

.foto table {
  width: 440px;
  font-weight: bold;
  color: #555555;
  font-size: 0.9em;
  margin: 10px auto;
  border: none;
}

.foto td {
  text-align: left;
  vertical-align: top;
  padding: 0px 8px 15px 8px;
}

.foto img {
  border: 1px solid #555555;
  text-align: center;
  margin-bottom: 2px;
  clear: both;
}

.foto span {
  display: block;
  font-weight: normal;
  font-style: italic;
  text-align: right;
}

.polovicni table {
 width: 220px;
}

.trictvrte table {
 width: 420px;
}

.beztextu td {
  padding-bottom: 0px;
}

.tabulka {
  width: 100%;
  text-align: center;
  margin: 10px 0px 10px 0px;
}

.tabulka table {
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 10px auto;
  border: 1px solid #878661;
  font-size: 0.9em;
}

.tabulka caption {
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  margin: 2px auto;
}

.tabulka td {
  border: 1px solid #878661;
  padding: 4px;
  text-align: left;
  vertical-align: top;
}

.tabulka th {
  border: 1px solid #878661;
  padding: 4px;
  text-align: center;
  vertical-align: middle;
  background-color: #dcd4aa;
}

.tabulka thead th {
  background-color: #ccc498;
  padding: 6px;
}

  #menu_akt {
  margin-right: 20px;
}

#obrazky{
  border: none;
  margin: 10px;
  font-size: 0.9em;
/*  background: #888888;*/
  width: 95%;
  _width: auto;
}

#obrazky td {
  padding: 20px 15px 20px 15px;
  text-align: center;
  width: 50%;
  color: #777777;
  vertical-align: top;
}

#obrazky img {
  margin-bottom: 2px;
}

#obrazky span {
  font-weight: bold;
  color: #000000;
}

.reklama {
  overflow: hidden;
}

#obrazky a {
  color: #777777;
  text-decoration: none;
}

#obrazky a:hover {
  color: #b32700;
  text-decoration: underline;
}

.obr_prejit img {
  border: none;
  margin: 2px 0px 0px 0px;
  background: url('/obrazky/sipka_prispevek.gif') left top no-repeat;
  vertical-align: middle;
}

.obr_prejit img:hover {
  background: url('/obrazky/sipka_prispevek_aktivni.gif') left top no-repeat;
}

#seznam_df {
  margin: 5px 8px 15px 15px;
  text-align: left;
/*  line-height: 150%;*/
}

#seznam_df img {
  border: none;
  vertical-align: middle;
}

#clanky_prave_odkazy {
  position: relative;
  float: right;
  width: 12em;
  text-align: right;
  margin: 5px 10px 0px 0px;
  _margin-right: 6px;
}

.sip {
  float: left;
  width: 11px;
  height: 11px;
  margin: 1px 5px 0px 0px;

}

.hor {
  background: url('/obrazky/sip_horni.gif') center center no-repeat;
}

.pra {
  background: url('/obrazky/sip_prava.gif') center center no-repeat;
}

.dol {
  background: url('/obrazky/sip_dolni.gif') center center no-repeat;
}

.lev {
  background: url('/obrazky/sip_leva.gif') center center no-repeat;
}

#esh_sloupec1 {
  position: relative;
  float: left;
  width: 15.199em;
  margin-top: 0px;
  _margin-top: -1px;
  padding: 0px;
  background: url('../obrazky/pozadi14.gif') repeat-x;
/*  color: #555555;*/
}

#esh_sloupec2 {
  background: url('../obrazky/pozadi14.gif') repeat-x right top;
  margin: 1px 15.2em 0px 15.2em;
/*  margin: 1px 200px 0px 200px;*/
/*  padding: 11px 12px 0px 12px;*/
  padding: 11px 12px 0px 12px;
  _margin-top: -1px;
/*  position: relative;*/
/*  _background: white;*/
/*  border: 1px solid gray;*/

}

#esh_sloupec3 {
  position: relative;
  width: 15.2em;
  float: right;
  margin-top: 0px;
  _margin-top: -1px;
  padding: 0px;
  background: url('../obrazky/pozadi14.gif') repeat-x;
  color: #555555;
}

#esh_sloupec2 p{
  position: relative;
  margin: 5px 8px 15px 8px;
  text-align: justify;
  line-height: 140%;
}

#esh_sloupec2 h5 {
  margin: 5px;
  font-size: 1.2em;
  font-weight: bold;
}

#esh_sloupec2 h6 {
  margin: 5px;
  font-size: 1em;
  font-weight: bold;
}

#esh_sloupec2 p img {
  border: 1px solid #555555;
  float: left;
  position: relative;
  margin: 3px 5px 1px 0px;
}

.esh_kosik p {
  padding: 0px 5px 8px 12px;
  line-height: 1.3em;
  margin: 0px;
}

.esh_zobrazene ol {
  margin: 0px 8px 10px 12px;
  padding: 0px;
/*  border: 1px solid green;*/
}

.esh_zobrazene li {
/*  margin: 1px 0px 5px -13px;*/
  margin: 1px 0px 5px 20px;
  padding: 0px;
}

.esh_active {
  font-weight: bold !important;
}

.tbl {
  text-align: left !important;
}

.tbc {
  text-align: center !important;
}

.tbr {
  text-align: right !important;
}

.tbb {
  background: #dad2a6 !important;
}

.tbrb {
  border-bottom-width: 2px !important;
}

.esh_navigace {
/*  position: relative;  */
  margin: 0px 5px 0px 5px;
  background: url('/obrazky/pozadi102.gif') repeat-x bottom;
  font-size: 0.9em;
  border: none;
  border-bottom: 1px solid #ede5b9;
  width: 98%;
  _width: 95%;
  overflow: hidden;
}

.esh_navigace div {
  background: url('/obrazky/pozadi101.jpg') right bottom no-repeat;
}

.esh_navigace div div {
  background: url('/obrazky/pozadi100.jpg') left bottom no-repeat;
  padding: 0px 15px 5px 10px;
}

.esh_navigace table {
  width: 100%;
  _width: 97%;
  border-spacing: 0px;
}

.esh_navigace img {
  border: none;
  vertical-align: middle;
}

.esh_zalomeni1 {
  width: 5%;
  clear: both;
/*  border: 3px solid blue;*/
}

.esh_obr_polozka {
  position: relative;
  margin: 30px 3px 0px 28px;
  width: 210px;
  height: 130px;
  float: left;
  border-collapse: collapse;
}

.esh_pop_polozka {
  position: relative;
  margin: 30px 3px 0px 10px;
  width: 98%;
  _width: 97%;
  border-collapse: collapse;
}

.epp_produkt {
  margin: 5px 3px 0px 10px;
}

.esh_obr_polozka td, .esh_pop_polozka td {
/*  border: 1px dotted red;*/
  vertical-align: top;
  padding: 0px;
}

.esh_new_obr {
  border: none;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.esh_obrazek {
  position: relative;
/*  font-size: 0.000001em;*/
  border-collapse: collapse;
  border-spacing: 0px;
/*  margin-right: 3px;*/
  margin: 0px 3px 0px 0px;
}

.esh_obrazek td {
  padding: 0px;
  font-size: 0.01em;
  line-height: 0.01em;
}

.esh_obrazek div {
  position: relative;
  padding: 0px;
}

.esh_obrazek img {
  border: none;
  margin: 0px;
  position: relative;
}

.esh_autor {
  font-size: 0.8em;
  line-height: 1.05em;
  margin: -1px 0px 0px 0px;
}

.odsazeni15 {
  margin-top: 2px;
}

.esh_obr_polozka h3, .esh_pop_polozka h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px 0px 8px 0px;
  display: inline-block;
}

.esh_obr_polozka a, .esh_pop_polozka a {
  text-decoration: none;
  color: #ede5b9;
}

.esh_obr_polozka h3 a, .esh_pop_polozka h3 a {
  color: #b32700;
  display: block;
}

.esh_nadpis_mensi {
  display: block;
  _display: inline;
  font-size: 0.8em;
  line-height: 1.1em;
  margin-top: 0px;
  font-weight: normal;
}

.esh_nadpis_mensi span {
  display: inline;
}

.esh_nadpis_mensi a:hover {
  text-decoration: none;
}

.cena1 {
  font-size: 1.2em;
  margin: 0px;
  padding: 0px;
}

.cena1 span {
  font-size: 0.72em;
  color: #948e70;
}

.esh_tlacitko1 {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  margin: 5px 1px 0px 5px;
  width: 101px;
  height: 32px;
  background: url('/obrazky/esh_tlacitko.jpg') left top no-repeat;
  font-size: 11px;
  font-weight: bold;
  color: #ede5b9;
  padding: 6px 0px 0px 11px;
}

.esh_tlacitko1:hover {
  text-decoration: none !important;
  color: #ede5b9 !important;
  background-position: -137px 0px;
/*  background: url('/obrazky/esh_tlacitko2.jpg') left top no-repeat;*/
}

.esh_popis_polozky1 {
  font-size: 0.8em;
}

#esh_katalog {
  width: 98%;
  _width: 97%;
}

#esh_katalog hr {
  color: #cfc8a3;
  background-color: #cfc8a3;
  width: 80%;
  margin-top: 20px;
}

.esh_dostupnost {
  margin: 2px 0px 0px 0px;
  font-size: 0.8em;
}

.d_dny {
  color: #b0a100;
}

.d_tydny {
  color: #e40909;
}

.d_skladem {
  color: #1b8000;
}

.esh_obr_bunka {
  width: 110px;
}

.esh_obr_srany {
  width: 25%;
}

.esh_kat_popis {
  width: 35%;
}

.esh_descr {
  font-size: 0.8em;
  text-align: left;
  margin: -2px 0px 8px 5px;
}

.esh_produkt_tlacitko {
  border: none;
  margin-top: 30px;
  border-spacing: 0px;
}

.esh_produkt_tlacitko td {
/*  padding-right: 15px;*/
  vertical-align: middle;
}

.esh_produkt_mnozstvi {
  width: 18px;
  font-size: 0.9em;
}

.esh_produkt_podrobne {
  position: relative;
  margin: 3px 8px 15px 6px;
  border-spacing: 0px;
  border-collapse: collapse;
}

.esh_produkt_podrobne td {
  border-bottom: 1px solid #b3ad8b;
  padding: 3px 14px 3px 3px;
}

#esh_souvisejici {
  width: 98%;
/*  border: 1px solid black;*/
}

.esh_souvisejici_polozka {
  position: relative;
  margin: 15px 4px 0px 15px;
  width: 150px;
  height: 90px;
  float: left;
  border-collapse: collapse;
/*  border: 1px solid red;*/
  font-size: 0.9em;
}

.esh_souvisejici_polozka td {
  vertical-align: top;
  padding: 0px;
}

.esh_souvisejici_polozka img {
  border: 1px solid #b3ad8b;
/*  vertical-align: text-top;*/
  float: left;
  margin: 0px 5px 5px 0px;
}

.esh_kat0 {
  background: #cfc8a3 !important;
/*  _background: url('/obrazky/pozadi201.gif') !important;*/
  margin: 6px 2px 6px 2px !important;
  padding: 5px 3px 5px 9px !important;
  overflow: hidden;
  position: relative;
}

.esh_kat0 h4 {
  margin: 0px;
  padding: 0px;
  font-size: 1.1em;
  color: #b32700;
  text-transform: uppercase;
}

.esh_kat0 a {
  text-decoration: none;
}

.esh_kat {
  margin: 7px 2px 7px 17px !important;
  background: transparent !important;
  _background: url('/obrazky/pozadi_transp.gif') !important;
  position: relative;
  overflow: hidden;
}

.esh_kat div {
  width: 5px;
  height: 5px;
  font-size: 0.01em;
  background: #555555;
  float: left;
  margin: 5px 0px 5px 0px;
}

.esh_kat h5 {
  margin: 0px 0px 0px 14px;
  _margin-left: 11px;
  padding: 0px;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: underline;
  color: #b32700;
}

.esh_kat2 {
  margin-left: 38px !important;;
}

.esh_kosiktable {
  border-collapse: collapse;
  margin: 0px 12px 10px 5px;
}

.esh_kosiktable th {
  border-bottom: 1px solid #b3ad8b;
  font-size: 1em;
  text-align: left;
  vertical-align: bottom;
  font-weight: normal;
  padding: 5px;
  border: 1px solid green;
}

.esh_kosiktable td {
  padding: 5px 5px 10px 5px;
  font-size: 1em;
  vertical-align: top;
  border: 1px solid green;
}

.esh_obrmaly {
  border: 1px solid #b3ad8b;
}

.lupa {
  vertical-align: middle;
  margin: 0px 0px 2px 5px;
  border: none;
}

#lupa_obrazky_on, #lupa_trate_on {
  display: none;
}

.videoplayer {
  display: block;
  width: 420px;
  height: 316px;
  margin-bottom: 5px
}

.map_infowin {
  marign: 20px;
}

#mob {
  display: none;
  position: fixed;
  z-index: 100;
  background: #222222;
  background-color: rgba(22,22,22,0.8);
  border-top: 1px solid #666666;
  width:100%;
  padding: 0.5em 0px 0.5em 0px;
  left: 0px;
  bottom: 0px;
  color: #eeeeee;
  text-align: center;
  /*margin-top: -4px;*/
  font-size: 200%;
}

#mob p {
  margin: 0px 0.5em 0px 0.5em;
}

#mob button {
  width: 40%;
  height: 2.5em;
  font-size: 100%;
  margin: 0.5em;
  text-transform: capitalize;
}

#lokomotivy {
  margin-left: 20px !important;
}

.lokolabel {
  vertical-align: middle;
  margin-left: 5px;
}

.IW {
  color: black;
}

.IW big {
  font-size: 100%;
  font-weight: bold;
  display: block;
}

.IW img {
  width: 150px;
  margin: 5px 0 10px 0;
  display: block;
}

.IW button {
  width: 150px;
  white-space: normal;
}

.slp2 {
  position: fixed;
  right: 10px;
  top: 15px;
  width: 150px;
  width: calc((100% - 1280px) / 2);
/*  float: right;*/
  display: none;
/*  border: 1px solid red;*/
}

#cookie-bg {
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.75);
  display: none;
}
      
.cookie-box {
  width: 40%;
  min-width: 400px;
  max-width: 700px;
  top: 15%;
  bottom: auto;
  max-height: 80%;
  position: relative;
  margin: auto;
  background: #ede5b9;
  overflow: hidden;
  overflow-y: auto;
}

.cookie-box2 {
  position: relative;
/*  margin: auto;*/
}
      
.cookie-box h6, .cookie-box2 h6 {
  text-align: left;
  font-size: 1.1em;
  margin: 0px 20px 0px 20px;
  font-weight: bold;
  line-height: 23px;
  position: relative;
  float: left;
}

.cookie-box2 h6 {
  margin: 0px 5px 0px 5px !important;
}
      
.cookie-box h6 > *, .cookie-box2 h6 > * {
  vertical-align: middle;
}
      
.cookie-box p {
  text-align: justify;
  padding: 15px 20px 0px 20px;
  float: none;
}

.cookie-box2 p {
  padding-top: 20px;
  float: none;
}

.cookie-box button, .cookie-box2 button {
  width: 100%;
  color: #fffff6;
  background: #1e7b06;
  border: 1px solid #1e7b06;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
  margin: 5px 0px 5px 0px;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.button-negative {
  color: #000000 !important;
  background: none !important;
  border: 1px solid #000000 !important;
}
         
.cookie-box-top {
  background: url('/obrazky/bg_popwin.jpg') repeat-x #1e7b06;
  color: #fffff6;
  font-weight: bold;
  height: 54px !important;
  position: relative;
  font-size: 1.3em;
}
      
.cookie-box-top div {
  padding: 17px 15px 0px 20px;
  text-align: left;
}
      
.cookie-set-box {
  position: relative;
  padding-top: 20px;
}
      
.switchbox {
  position: absolute;
  display: inline-block;
  right: 20px;
  line-height: 23px;
}
     
.switchbox-text {
  line-height: 23px;
  display: inline-block;
  padding: 0px;
  margin: 0px;
  color: #777777;
  width: 6em;
}

.switch-green {
  color: #1e7b06;
}
     
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 23px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999999;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 3px;
  bottom: 3px;
  background-color: #fffff9;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #1e7b06;
}

input:focus + .slider {
  box-shadow: 0 0 3px #1e7b06;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

.slider.round {
  border-radius: 23px;
}

.slider.round:before {
  border-radius: 50%;
}
     
@media (max-width: 800px) {
  .cookie-box {width: 70%;}
}

@media (max-width: 450px) {
  .cookie-box {width: 100%; min-width: initial; max-width: initial; max-height: 85%;}
}

@media (min-width: 1500px) {
  .slp2 {display: block}
}