body, p, td  {
   FONT-FAMILY : Verdana, Arial, Helvetica;
   FONT-SIZE : 11px;
  margin-left: 0px;
  margin-top: 0px;
}

body {
   background-color: #c0c0c0;
   background-position: top center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-image: url('/images/layout/pozadi.jpg');
}
  
A, A:link, A:visited, A:active  {
  COLOR: #0F218B;
  text-decoration: none;
}

A:hover  {
   COLOR : red;
   text-decoration : underline;
}

h1  {
  font-size: 16px;
  font-weight: bold;
  color: Black;
  margin-bottom: 3px;
  margin-top: 3px;
}

h2  {
   font-size: 14px;
  COLOR: #214B7D;
    text-align: center;
}

h3  {
   font-size: 12px;
  COLOR: #214B7D;
}

h4  {
   font-size: 11px;
  font-weight: bold;
  COLOR: #214B7D;
}
h5  {
   font-size: 10px;
  font-weight: bold;
COLOR: #214B7D;
}

.searchfield {
  font-size: 10px;
  padding: 1px;
  width: 130px;
  margin-right: 10px;
  margin-left: 5px;
}

.searchsubmit {
  vertical-align: middle;
}

/* LAYOUT */
#head {
  background-color: White;
  width: 980px;
  margin-left: auto;
  margin-right: auto;  
}

#head1 {
  position: relative;
  height: 123px;     
}

.head1cz {
  background-image: url(/images/layout/head20let-cz.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.head1sk {
  background-image: url(/images/layout/head20let-sk.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.head1en {
  background-image: url(/images/layout/head20let-en.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.head1ru {
  background-image: url(/images/layout/head20let-ru.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#head2 {
  position: relative;
  height: 28px;
  background-image: url(/images/layout/head2_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#logo {
  position: absolute;
  width: 425px;
  height: 65px;
  top: 30px;
  left: 15px;
}

#lang {
  position: absolute;
  top: 0px;
  left: 403px;
  height: 23px;
}

#flashcontent {
  position: absolute;
  top: 3px;
  left: 662px;
  width: 318px;
  height: 88px;
}

#horizMenu {
  position: absolute;
  margin-top: 8px;
  left: 10px;
  width: 665px;
  height: 17px;
}

#eshop {
  position: absolute;
  top: 8px;
  left: 915px;
  width: 60px;
  height: 17px;
}

#searchForm {
  position: absolute;
  left: 690px;
  top: 0px;
  width: 180px;
  height: 28px;
}

#main {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  background-color: White;
  padding-top: 0px;
}

.menucontent {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 25px;
}

.menusection {
  background-image: url(/images/layout/left_nadpis_bg.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top:20px;
  height: 20px;
  padding-top: 4px;
  color: #0f218b;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

table.mainTable {
  width: 980px;
  padding: 0px;
  margin: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

.mainTableLeft {
  width: 179px;
  vertical-align: top;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  background-color: #f4f4f4;
}

.mainTableRight {
  width: 181px;
  vertical-align: top;
  background-image: url(/images/layout/rmenu_podklad.gif);
  background-repeat: repeat-y;
  background-position: left;
  background-color: #f4f4f4;
}

.mainTableCenter {
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
}

.rmenuodsad {
  margin-left: 10px;
  margin-right: 10px;
}

#content {
  padding: 5px;
  vertical-align: top;
  margin-top: 8px;
}

#titlecontent {
  padding: 5px;
  vertical-align: top;
  margin-top: 15px;
}

#foot {
  clear: both;
  width: 980px;
  margin-left: auto;
  margin-right: auto;  
}

#foot1 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 9px;
  color: #0F218B;
  padding-left: 10px;
}

#foot2 {
  background-color: #0F218B;
  border-top: 2px solid #A9C7F4;
  color: White;
  font-size: 9px;
  width: 980px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 0px;
  padding-right: 0px;
}

#foot2 a {
  color: White;
  text-decoration: none;
}

#foot2 a:hover {
  color: White;
  text-decoration: underline;
}

#foot2a {
  float: left;
}

#foot2b {
  float: right;
}

#sform{
  margin: 0px;
  padding: 0px;
}

#strip {
  padding-top: 10px;
  padding-bottom: 10px;
}

.strip1 {
  border-left: 1px solid #999999;
}

.okraj1 {
  background-color: #F4F4F4;
  border-right: 1px dashed #999999;  
}

.lista {
  margin-top: 5px;
  padding: 1px;
  margin-bottom: 20px;
}

hr.rozdel1 {
  height: 1px;
  color: #999999;
}

.zpet {
  clear: both;
  text-align: center;
        font-weight: bold;
  background-color: #e0dfe3;
  border: 1px solid #c0c0c0;  
  width: 70px;
  position: relative;
  margin-top: 30px;
  padding: 2px;
cursor: pointer;
cursor: hand;
text-decoration: none;
        }
.zpet a:hover {
        color: red;
        text-decoration: none;
        cursor: pointer;
       }

.qaQuestion {
  font-weight: bold;
  font-size: 12px;
}

#productSearchForm th {
  text-align: left;
  background-color: #F4F4F4;
  text-align: justify;
}

#perex {
  margin-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999999;
        
}

#vyhlpod {
    background-image: url(/images/layout/menu_vyhl_pod.gif);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

#vyhlpod td {
  vertical-align: top;
}

#rightStripTD {
    display: none;
    background-image: url(/images/layout/pravy_pod.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    vertical-align:bottom;
    width:21px;
}
a.imglink {text-decoration:none;}
a.imglink:hover span.mwaw {text-decoration:underline;} 

.hidden { display: none; }
.unhidden { display: block; }

.newsLatestTitle {
  margin-bottom: 10px;
}

.verticalNavigation div {
  float: left;
}

.verticalNavigation a, 
#eshop a,
.verticalNavigation a:visited, 
#eshop a:visited {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.verticalNavigation a:hover,
#eshop a:hover {
  color: #0f218b;
  background-color: #c2d8f8;
  text-decoration: none;
}

.vertNavigation,
.vertNavigationFirst,
#eshop a {
  padding-left: 3px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.printonly {
  display: none;
}

.searchResultsH1 {
  display: none;
}
  
.productTable {
  width:100%;
}

.odrazka li {
  margin-left: -15px;
  list-style-image: url(/images/layout/odrazka.gif);
} 

.odrazka ul {
  margin-top: -5px;
}
    
.odrazka hr {
  margin-top: -10px;
}   
  
/* 2013-02-27 */

.head1czh {
  background-image: url(/images/layout/head1_bg_cz_hladina.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}  
  

.listSelectors {
  background-color: #e0e0e0;
  padding: 5px 10px 5px 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  clear: both;
}

.listTypes a img {
  background-color: #6D6D6D;  
}

.listTypes a.listTypeSelected img {
  background-color: #0f218b;  
}

.listTypes {
  float: left;
  width: 220px;
  padding-top: 3px;
}

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

.listTypes span.blockTitle {
  vertical-align: middle;
}

.listPageSizes {
  float: left;
  width: 250px;
  padding-top: 3px;
}

.listPages {
  width: 250px;
  float: right;
}

.listPagesIn {
  float: right;
}

.listPagesIn span.blockTitle {
  float: left;
  padding-top: 3px;
  padding-right: 10px;
}

.clearer {
  clear: both;
}

.listPagesPage {
  display: block;
  color: white;
  float: left;
  margin-right: 2px;
  text-align: center;
  width: 21px;
  height: 19px;
  background-color: #0f218b;
  padding-top: 3px;
  line-height: 13px;
}

.listPagesPage a {
  display: block;
  padding: 0px 3px 3px 3px;
  width: 15px;
  background-color: #6d6d6d;
  color: white;
  line-height: 13px;
}

.listPagesPage a:hover {
  color: black;
  background-color: white;
  text-decoration: none;
}

.listList,
.listDetails,
.listTile2,
.listTile4 {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.listList .listItem {
  border-top: 1px solid #dddddd;
  background-color: #f4f4f4;
  background-image: url(/images/layout/odrazka-on.gif);
  background-repeat: no-repeat;
  background-position: 6px 10px;
  padding-left: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  cursor: pointer;
}

.listList .listItem a {
  font-weight: bold;
  display: block;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.listDetails .listItem {
  border-top: 1px solid #dddddd;
  background-color: #f4f4f4;
  /*background-image: url(/images/layout/odrazka-on.gif);
  background-repeat: no-repeat;
  background-position: 6px 10px;*/
  padding-left: 6px;
  margin-bottom: 6px;
  margin-top: 6px;
  cursor: pointer;
}

.listDetails .listItem {
  padding-top: 6px;
  padding-bottom: 6px;
}

.listDetails .listItem .itemImage  {
  float: left;
  width: 100px;
  margin-right: 20px;  
  text-align: center;
}

.listDetails .listItem .itemImage img {
  border: 1px #cccccc solid;
}

.listDetails .listItem .itemDescription  {
  float: left;
  width: 600px;
}

.listDetails .listItem .itemTitle,
.listTile2 .listItem .itemTitle {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 12px;
}

.listTile2 .listItem {
  border-top: 1px solid #dddddd;
  background-color: #f4f4f4;
  padding: 10px;
  margin-bottom: 6px;
  margin-top: 0px;
  cursor: pointer;
  width: 349px;
  height: 200px;
  float: left;
}

.listTile2 .c1 {
  margin-right: 6px;  
}

.listTile2 .c2 {
  margin-right: 0px;  
}

.listTile2 .listItem .itemImage {
  float: left;
  width: 148px;
  height: 148px;
  margin-right: 15px;
  background-color: white;
  text-align: center;
  border: 1px solid #dddddd;
}

.listTile2 .listItem .itemImage img {
  border: none;
  margin-top: 1px;
  margin-bottom: 1px;
}

.listTile2 .listItem .itemTitle {
  min-height: 30px;
  margin-bottom: 7px;
}

.listTile2 .listItem .itemDescription {
  display: inline-block;
  float: left;
  width: 184px;
  height: 150px;
  font-size: 11px;
  line-height: 1.3em;
  overflow: hidden;
}

.listTile4 .listItem {
  border-top: 1px solid #dddddd;
  background-color: #f4f4f4;
  padding: 10px;
  margin-bottom: 6px;
  margin-top: 0px;
  cursor: pointer;
  width: 163px;
  height: 290px;
  float: left;
}

.listTile4 .c1 {
  margin-right: 4px;  
}

.listTile4 .c2 {
  margin-right: 4px;  
}

.listTile4 .c3 {
  margin-right: 4px;  
}

.listTile4 .c4 {
  margin-right: 0px;  
}

.listTile4 .listItem .itemImage {
  float: left;
  width: 161px;
  height: 161px;
  border: 1px solid #dddddd;
  margin-right: 15px;
  background-color: white;
  text-align: center;
  margin-bottom: 3px;
}

.listTile4 .listItem .itemImage img {
  border: none;
  margin-top: 1px;
  margin-bottom: 1px;
}

.listTile4 .listItem .itemTitle {
  min-height: 30px;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 11px;  
}

.listTile4 .listItem .itemDescription {
  display: inline-block;
  float: left;
  width: 163px;
  height: 120px;
  font-size: 11px;
  line-height: 1.3em;
  overflow: hidden;
}

.subMenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: block;
  overflow: hidden;
}

.subMenu ul li a {
  float: left;
  width: 162px;
  background-color: #0f218b;
  border: 1px #0f218b solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-weight: bold;
}

.subMenu ul li a:hover {
  background-color: #cdcdcd;
  color: #0f218b;
  text-decoration: none;
}
  

/* 2013-08-14 */
  

#langex {
    position: absolute;
    top: 3px;
    left: 850px;     /* před 2018: 350px */
    height: 23px;
}

.head1exen {
  background-image: url(/images/layout/head1ex_bg_en.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
  
#head2ex {
  position: relative;
  height: 28px;
  background-image: url(/images/layout/head2ex_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#searchFormex {
  position: relative;
  margin-left: 690px;
  top: 2px;
  width: 180px;
  height: 28px;
}
  
.searchfieldex {
  font-size: 10px;
  padding: 1px;
  width: 130px;
  margin-right: 5px;
  margin-left: 2px;
}

.menusectionex {
  background-image: url(/images/layout/sekce.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top:20px;
  height: 20px;
  padding-top: 6px;
  color: #0f218b;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}  

/* 2013-11-11 
  
.head1exru {
  background-image: url(/images/layout/head1ex_bg_ru.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
  
.head1exsk {
  background-image: url(/images/layout/head1ex_bg_sk.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
  
.head1excz {
  background-image: url(/images/layout/head1ex_bg_cz.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

*/

/* 2013-11-21 */
  
#fixedMenu {
 display: block; 
 width: 178px; 
 height: 720px;}

#fixedMenuHladina {
 display: block;
 width: 178px;
 height: 710px;}   

@media (min-height:720px) and (min-width:1000px){ 
  /* pouzije se, pokud vyska okna presahne 650 px a sirka 980 px*/
  #fixedMenu {
     position:fixed;
     top:120px;
     } 
  #fixedMenuHladina {
     position:fixed;
     top:120px;
     } 
  #blokMenu {
     padding-bottom:730px;
     }
  #blokMenuHladina {
     padding-bottom:730px;
     }
}
 
#head2var {
  position: relative;
  height: 28px;
  background-image: url(/images/layout/head2var_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.menusectionhladina {
  background-image: url(/images/layout/sekce_hladina.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top:20px;
  height: 20px;
  padding-top: 6px;
  color: #0f218b;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}  
  
/* 2015-02-20 */
  
.head1czamar {
  background-image: url(/images/layout/head1_bg_cz_amar.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}  
  
#head2amar {
  position: relative;
  height: 28px;
  background-image: url(/images/layout/head2amar_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}  
 
#head2export {
  position: relative;
  height: 28px;
  background-image: url(/images/layout/navbar_nosearch.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
} 

.newsTableImage img {
  border:none;
}

/* 2015-06-24 */  
  
#head2fixed {
  display: block; 
  width: 980px; 
  height: 28px;
  background-image: url(/images/layout/navbar2018.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  z-index: 10;
  position:fixed;

}  

.head2odsazeni {
  padding-bottom:26px;
  }  
    
@media (max-width:980px){
 #head2fixed{
 position:static;
 }
 .head2odsazeni {
  padding-bottom:0px;   
 }
}  

/* 2018-06-20
#head height 91->123*/ 

.head1excz {
  background-image: url(/images/layout/head2018_cz.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.head1exsk {
  background-image: url(/images/layout/head2018_cz.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.head1exen {
  background-image: url(/images/layout/head2018_en.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  }
  
.head1exru {
  background-image: url(/images/layout/head2018_ru.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  }

#head2ex {
  position: relative;
  height: 28px;
  background-image: url(/images/layout/navbar2018.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.searchfieldex {
  margin-top: 3px;
}

#horizMenu {
  margin-top: 6px;}