/* CSS Document */
body, html{
  font-family: arial,verdana,georgia,tahoma,sans-serif;
  text-align: center;
  /*background-color: #c7c7c7;*/
  background-image: url(../pic/001pozadi.jpg);
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000;
}
body{
  /*width: 1028px;*/
  /*width: 990px;*/
  width: 1225px;           
  margin: 0 auto;  
}


/* definice hlavniho okna, ktere centruje */
.hlavni{
  width: 990px;  
  text-align:left;
  margin: 0 auto;  
  padding: 0; 
  float: left;
}

/* definice vzhledu obrázku jako odkaz */
h1{
  width: 990px;
  height: 127px;  
  margin: 0;
  z-index: 2;  
  text-align: left;  
  padding: 0 0 0 0;
  /*float: left;*/
  font-size: .8em;  
}
  h1 a{    
    text-decoration: underline;
    color: #000;    
    margin-left: 0px;
    margin-top: 4px;
    overflow:hidden;
    position: relative;    
  }
  h1 a:hover{
    text-decoration: none;
    color: #000000;    
    margin-left: 0px;
    margin-top: 4px;
  }
  h1 span{   
    cursor: pointer;  
    text-align: center;    
    top: 0;   
    z-index: 1;
    width: 990px;
    height: 127px;
    background-image: url(../pic/002horni.jpg);
    display: block;
    margin: 0 0 0 0;
    padding: 0;    
    position: absolute;
    left: 0px;
    /*float: left;*/    
  }      
  

.svatek{
  width: 982px;
  height: 20px;
  float: right;
  color: #116184;
  font-size: .7em;
  text-align: right;
  margin: 0;
  padding: 5px 8px 0 0;
}  
 
.vlevo{
    width: 173px;
    float: left;
    margin: 0px 26px 0 0;
    font-size: .84em;
}

.menu{
    width: 173px;
    min-height: 350px;
    float: left;    
    margin: 0;
    padding: 0;           
    background-color: #b4d9ea;
    border: 3px #fff solid;
  }
  .menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 173px;
  }
  .menu li{
    margin: 0;
    padding: 10px 9px 0px 9px;
    width: 155px;      
  }
  .menu li a{
    text-decoration: none;    
   /* font-weight: normal;*/ 
    color: #116184;   
    display: block;
    width: 155px;
    /*height: 25px;*/
    border: 0;
    border-bottom: 1px #fff solid;
    padding: 0px 0px 10px 0px; 
  }
  .menu li a:hover{        
 /*   font-weight: normal;*/       
    color: #07374c;
    display: block;
    width: 155px;
    /*height: 25px;*/
    border: 0;
    border-bottom: 1px #116184 solid;
    padding: 0px 0px 10px 0px; 
  }  
  a#druha_uroven{    
    text-decoration: none;    
    font-weight: normal; 
    color: #ff7800;
    padding-left: 10px;
  }
  a#druha_uroven:hover{    
    text-decoration: none;    
    font-weight: normal;
    color: #777;
    padding-left: 10px;
  }
  a#druha_uroven2{    
    text-decoration: none;    
    font-weight: normal; 
    color: #ff7800;
    padding-left: 0px;
  }
  a#druha_uroven2:hover{    
    text-decoration: none;    
    font-weight: normal;
    color: #777;
    padding-left: 0px;
  }
   
  
/* definice vzhledu samostatnych vodorovnych car */
hr.cara{
  display: none;
}
hr.kontakt{
  color: #ffffff;
  size: 1px;
}
hr.norm{
  color: #000000;
  size: 1px;
}

/* definice vzhledu obsahu - pouze úvodní stránka*/
.obsah{    
  float: left;  
/*  padding: 15px;*/
  margin: 0px 0 0 3px;
  color: #515151;  
  font-weight: normal;
  /*background-color: yellow;*/
}
  h2{    
    margin: 10px 0 10px 0;
    padding: 0;        
    font-size: 1.4em; 
    font-weight: normal;
    color: #116184;
  }
  h3{
    padding: 0;
    margin: 10px 0 8px 0px;    
    font-size: 1.2em;
    font-weight: normal; 
    color: #5ea9c9;    
  }
  h4{
    padding: 0;
    margin: 8px 0 5px 0;    
    font-size: 1.1em; 
    font-weight: normal;
    color: #897b0d;
  }
  h5{
    margin: 5px 0 5px 0;
    padding: 0;
    font-size: 1em;
    color: #7c6d5e;   
    font-weight: normal; 
  }   
  .obsah p{
    padding: 5px 0 5px 0px;   
    font-size: .8em;  
    margin: 0;        
  }
  .obsah hr{
    color: #eeeeee;
    size: 1px;    
  }
  .obsah li{
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
  }
  .obsah ul{    
    margin: 12px 0 13px 18px;
    padding: 0 0 0 0;
    font-size: .8em;        
  }
  .obsah ol{    
    margin: 12px 0 13px 18px;
    padding: 0 0 0 0;
    font-size: .8em;    
  } 
  .obsah a{
    text-decoration: underline;       
    color: #5592f2;
  }
  .obsah a:hover{
    text-decoration: underline;       
    color: #777;
  }
  .obsah li p{
    padding: 0 0 0 0;
    margin: 0 0 0 2px;
  }
  /*.obsah li table{
    font-size: .8em;
  }*/
  .obsah table{
    font-size: 1em;
  }

.obsah1{
  width: 326px;    
  float: left;  
  padding: 15px;
  margin: 0 0 0 0;
  color: #000;
  font-size: 1.4em;  
  font-weight: bold;
  background-image: url(../pic/003obsah1_pozadi.jpg);
  border: 3px #fff solid;
  text-align: left;
}
  .obsah1 p{
    text-align: left;
  }
  .obsah1 p a{
    color: #897b0d;
  }
  .obsah1 p a:hover{
    color: #000;
  }
  
.obsah2{
  width: 357px;
  min-height: 338px;    
  float: left;  
  padding: 15px;
  margin: 0 0 0 25px;
  color: #000; 
  background-color: #fff;
  border: 3px #fff solid;
  text-align: left;
}
  .obsah2 p{
    text-align: left;
  }
  .obsah2 p a{
    color: #897b0d;
  }
  .obsah2 p a:hover{
    color: #000;
  }
  
.reklama{
  width: 746px;    
  float: left;  
  padding: 15px;
  margin: 25px 0 0 0;
  color: #000;
  font-size: 1em;  
  /*font-weight: bold;*/
  background-color: #fff;
  border: 3px #fff solid;
  text-align: left;
}

/* definice ankety */
.krizovky_narozeniny{
  margin: 25px 0 20px 0;
  padding: 0 0 0 0;  
  width: 235px;
  background-image: url(../pic/005anketa_pozadi.jpg);
  float: left;
  border: 3px #fff solid;
  height: 205px;
}
  .krizovky_narozeniny h3{
    font-size: 1.4em; 
    color: #0065a4;   
    margin: 0;
    padding: 10px 10px 0 15px;     
    font-weight: bold;
  }
  .krizovky_narozeniny p{
    font-size: .75em; 
    margin: 0;
    padding: 5px 10px 5px 15px; 
    color: #000;    
  }
  .krizovky_narozeniny p a{
     text-decoration: none;
     color: #045f8d;
  }
  .krizovky_narozeniny p a:hover{
     text-decoration: underline;
     color: #045f8d;
  }
  
/* definice ankety */
.krizovky_firemni{
  margin: 25px 0 20px 29px;
  padding: 0 0 0 0;  
  width: 235px;
  height: 205px;
  background-image: url(../pic/005anketa_pozadi.jpg);
  float: left;
  border: 3px #fff solid;
}
  .krizovky_firemni h3{
    font-size: 1.4em; 
    color: #0065a4;   
    margin: 0;
    padding: 10px 10px 0 15px;     
    font-weight: bold;
  }
  .krizovky_firemni p{
    font-size: .75em; 
    margin: 0;
    padding: 5px 10px 5px 15px; 
    color: #000;    
  }
  .krizovky_firemni p a{
     text-decoration: none;
     color: #045f8d;
  }
  .krizovky_firemni p a:hover{
     text-decoration: underline;
     color: #045f8d;
  }
  
/* definice doporučte vpravo r pravá část nadstavba */
.vpravo_r{
  margin: 0px 0 15px 0px;
  padding: 0 0 10px 0;  
  width: 235px;
  float: left;
  background: #fff;
  text-align: left;
}
   .vpravo_r h3{
    font-size: 1.7em; 
    color: #0065a4;   
    margin: 0;
    padding: 10px 10px 0 15px;    
    font-weight: bold;
  }
   .vpravo_r p{
    font-size: .8em; 
    margin: 0;
    padding: 0 10px 0 15px; 
    color: #000;    
  }
  .vpravo_r p a{
     text-decoration: none;
     color: #045f8d;
  }
  .vpravo_r p a:hover{
     text-decoration: underline;
     color: #045f8d;
  }
  
/* definice doporučte */
.doporucte{
  margin: 0 0 15px 0px;
  padding: 0 0 0 0;  
  width: 235px;
  background-image: url(../pic/005anketa_pozadi.jpg);
  float: left;
  /*border: 3px #fff solid;*/
}
  .doporucte h3{
    font-size: 1.7em; 
    color: #0065a4;   
    margin: 0;
    padding: 10px 10px 0 15px;    
    font-weight: bold;
  }
   .doporucte p{
    font-size: .8em; 
    margin: 0;
    padding: 0 10px 0 15px; 
    color: #000;    
  }
  .doporucte p a{
     text-decoration: none;
     color: #045f8d;
  }
  .doporucte p a:hover{
     text-decoration: underline;
     color: #045f8d;
  }
  .polozka_doporucte{
    border: 2px solid #9ecbde;
    font-size: 1.3em;
    color: #0065a4;
    text-align: center;
    margin: 0 0 2px 0;
    padding: 1px;
    width: 198px;
  }
  .tlacitko_doporucte{
    border: 2px solid #9ecbde;
    font-size: 1.3em;
    background-color: #0065a4;
    color: #fff;
    text-align: center;
    padding: 2px;
    margin: 0 0 4px 0;
    width: 205px;
  }
  
/* definice podpořte */
.podporte{
  margin: 25px 0 20px 29px;
  padding: 0 0 0 0;  
  width: 235px;
  height: 205px;
  background-image: url(../pic/005anketa_pozadi.jpg);
  float: left;
  border: 3px #fff solid;
}
  .podporte h3{
    font-size: 1.7em; 
    color: #0065a4;   
    margin: 0;
    padding: 10px 10px 0 15px;     
    font-weight: bold;
  }  
   .podporte p{
    font-size: .8em; 
    margin: 0;
    padding: 0px 10px 0px 15px; 
    color: #000;    
  }
  .podporte p a{
     text-decoration: none;
     color: #045f8d;
  }
  .podporte p a:hover{
     text-decoration: underline;
     color: #045f8d;
  }


  .clanekoff {
    width: 653px;    
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    float: left;
    border-bottom: 1px dotted #cdcdcd;
  }
  .clanekon{
    background-color: #f2f2f2;  
    width: 653px;    
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    float: left;
    border-bottom: 1px dotted #cdcdcd;
  }
  .clanekon p{
    text-align: justify;
  }
  .clanekoff p{
    text-align: justify;
  }
  .clanekon h3 a{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #ff7800;    
  }
  .clanekon h3 a:hover{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #777;    
  }
  .clanekoff h3 a{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #ff7800;    
  }
  .clanekoff h3 a:hover{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #777;    
  }
  
  .aktualitaoff {
    width: 383px;    
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    float: left;
    border-bottom: 1px dotted #cdcdcd;
  }
  .aktualitaon{
    background-color: #f2f2f2;  
    width: 383px;    
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    float: left;
    border-bottom: 1px dotted #cdcdcd;
  }
  .aktualita p{
    text-align: justify;
  }
  .aktualitaoff p{
    text-align: justify;
  }
  .aktualitaon h3 a{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #ff7800;    
  }
  .aktualitaon h3 a:hover{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #777;    
  }
  .aktualitaoff h3 a{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #ff7800;    
  }
  .aktualitaoff h3 a:hover{
    padding: 0;
    margin: 5px 0 8px 0px;    
    font-size: 1em;
    font-weight: normal; 
    color: #777;    
  }

.prava_strana{
  width: 154px;
  float: right;    
  margin: 0 18px 12px 0;
  padding: 0;
  font-size: .8em;
  background-color: #FFFFDF;
}

.blok{
  border-left: 1px solid #ebebeb;
  margin: 15px 0 10px 0;
  padding: 0 0 0 5px;    
}
  .blok h2{
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.1em;
    color: #777;
    font-weight: bold;
  }
  .blok p{
    margin: 5px 0 5px 0;
    padding: 0;
    font-size: .9em;
    color: #777;
  }
  .blok p a{
    color: #777;
    text-decoration: none;
  }
  .blok ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*width: 150px;*/
  }
  .blok li{
    margin: 0;
    padding: 2px 0 0px 0px;
    width: 150px;      
  }
  .blok li a{
    text-decoration: none;    
    font-weight: normal; 
    color: #5592f2;    
  }
  .blok li a:hover{        
    font-weight: normal;       
    color: #777;
  }

/* záložka */
a#preskoc{
  position: absolute;
  top: 40px;
  left: 100px;
  color: #da8f00;
  z-index: 0;
}
  a#preskoc:hover{
    color: #da8f00;
  }

/* tabulky */
table {  
  font-size: .7em;
}
table th{
  font-weight: bold;
}
table td, th{
  /*font-size: .8em;*/  
}
table#archiv{
  font-size: .95em;
}
table#archiv td{
  padding: 0 3px 0 3px;
}
table#archiv2{
  font-size: .95em;
}
table#archiv2 td{
  padding: 0 7px 0 7px;
}
table#archiv3{
  font-size: .95em;
}

table#koncentricky{
  border-collapse: collapse;
  text-align: center;
  vertical-align: center;  
}
table#koncentricky td, th{
  padding: 5px;  
}
table#koncentricky th{
  background: #cf5127;
  color: #fff;  
}
table#koncentricky td{
  background: #ffe3c5;    
}
table#koncentricky td cervene{
  color: red;  
}


.zajimavosti{
    padding: 0 20px 0 20px;    
    font-size: 2em; 
    color: #b44b31;  
    text-align: center;
  }

/* formular */
div#formular_obsah{
  width: 670px;
  margin-left: 40px;
  margin-top: 20px;  
}
  div#formular_obsah form{
    border-top: 2px solid #CCC;
    border-bottom: 3px solid #CCC;
    background: #ffe3c5;
  }
  div#formular_obsah div.konecobtekani{
    border-top: 1px solid #CCC;
    padding: 10px 0px; 
    vertical-align: top;  
  }
  div#formular_obsah div.odeslat{  
    text-align: center;
    border-top: 1px solid #CCC;
    padding: 10px 0px; 
    vertical-align: top;
  }
  div#formular_obsah form label{
    width: 120px;
    float: left;
    font-size: .9em;
    color: #cf5127;
    margin: 0 10px;
  } 

/*.aktuality{	
	min-height: 60px;  
  display: block;
}*/
  
.fotogalerie {
    min-height: 120px;
    width: 660px;
    margin: 0;
    padding: 0;    
    display: block;
    float: left;
  }
  .fotogalerie p{    
    margin: 0;
    padding: 3px 0px 3px 0px;
  }
  
  .sedepismo{    
    font-size: .8em;
    margin: 0;    
    padding: 0;
    color: gray;
  }
  
table#filtr_produkty{
  border: 1px solid #fff; 
  margin: 0 20px 5px 0px; 
  padding: 5px; 
  width: 581px;
}

table#tabulkaproduktu{  
  text-align: left;
  vertical-align: center;
  margin: 0 0 0 -10px;
  width: 571px;
  padding: 0;
  border: 0;  
  line-height: 1em;  
}
table#tabulkaproduktu td, th{  
  border: 0;
  padding: 10px 3px 0 0;  
  margin: 0;  
  background: #fff;  
}
table#tabulkaproduktu p{
  font-size: 1.12em;
  text-align: justify;
}

.produkt_nadpis{
    padding: 0 0 0 0;
    margin: 2px 0 5px 0;    
    font-size: 1.3em;
    line-height: 1.2em; 
    font-weight: normal; 
    color: #b87bff;
}  

.tabulkaproduktu2{  
  margin: 0 0 10px 0;  
  padding: 0;
  border: 0;  
  width: 284px;
  height: 220px;
}
  .tabulkaproduktu2 p{
    text-align: justify;
    margin: 0;
    padding: 0;
  }

table#tab_objednavka_text{
  border-collapse: collapse;
  text-align: left;
  vertical-align: center;  
  font-size: .8em;
  margin: 20px 0 0 0;
  padding: 0;  
  width: 560px;  
}
table#tab_objednavka_text td, th{
  padding: 2px;
  margin: 2px;  
}
table#tab_objednavka_text th{
  background: #F1F1F1;    
  text-align: right;
  padding-right: 2px;
  width: 200px;
}
table#tab_objednavka_text td{
  /*background: #ffe3c5;  */  
}

table#tab_objednavka_text2{
  border-collapse: collapse;
  text-align: left;
  vertical-align: center;  
  font-size: .8em;
  margin: 20px 0 0 0;
  padding: 0;
  width: 560px;   
}
table#tab_objednavka_text2 td, th{
  padding: 2px;
  margin: 2px;  
}
table#tab_objednavka_text2 th{
  background: #F1F1F1;    
  text-align: right;
  padding-right: 2px;
}
table#tab_objednavka_text2 td{
  /*background: #ffe3c5;  */  
}


table#produkty{
  border-collapse: collapse;
  text-align: left;
  vertical-align: center;  
  font-size: .8em;
  margin: 10px 0 0 0;
  padding: 0;
  /*float: right;*/
  width: 100%;
}
table#produkty td, th{
  padding: 0 2px 0 2px;
  margin: 0;
    
}
table#produkty th{
  background: #fff;
  color: #000;  
  text-align: center;  
}
table#produkty td{
  /*background: #ffe3c5;  */
  border: 1px dotted #cdcdcd;
  padding: 0 5px 0 5px;
  vertical-align: middle;
}
table#produkty td cervene{
  color: red;  
}
table#produkty tr.off {
  background: #fff;
  /*height: 28px;*/
  color: #515151;
  border-bottom: 1px solid #eee;
}
table#produkty tr.on{
  background: #cd3333;
  /*height: 28px;*/
  color: #fff;
  border-bottom: 1px solid #eee;
}

.produkty2{
  border-collapse: collapse;
  text-align: left;
  vertical-align: center;  
  font-size: .8em;
  margin: 0 0 0 0;
  padding: 0;
  /*float: right;*/
  width: 100%;
}
  .produkty2 td, th{
    padding: 0 2px 0 2px;
    margin: 0;    
  }
  .produkty2 th{
    background: #fff;
    color: #000;  
    text-align: center;  
  }
  .produkty2 td{
    border: 1px dotted #cdcdcd;
  }

table#ProduktDetail{
  border-collapse: collapse;      
  font-size: .8em;
  margin: 0;
  padding: 0;  
  width: 440px;  
}
table#ProduktDetail td, th{
  padding: 0 5px 0 5px;
  margin: 0;
  text-align: right;
  height: 30px;
}
table#ProduktDetail th{  
  text-align: center;
}

  
.paticka{
    width: 1028px;
    height: 9px;
    padding: 0 0 0 0;
    margin: 0;    
    font-size: 1.2em; 
    color: #b87bff;
    background-image: url(../pic/010dolni.jpg);
    display: block;
    float: left;
    text-align: center;    
}  
  .paticka a{
    text-decoration: none;       
    color: #b87bff;
    font-size: .8em;
    margin-right: 5px;
  }
  .paticka a:hover{
    text-decoration: underline;       
    color: #b87bff;
    font-size: .8em;
    margin-right: 5px;
  }
.podpaticka{
    width: 1020px;    
    padding: 0;
    margin: 0;    
    font-size: .7em; 
    color: #777;
    float: left;    
    text-align: center;
}  
.podpaticka p{    
    padding: 0;
    margin: 5px 0 5px 0;
}  
.podpaticka p a{    
    color: #777;
    text-decoration: none;
}  

form#doporucform{
  text-align: center;
}


form{
  margin: 0 0 10px 0;
  padding: 0;
}
/* definice formulare vyhledat */
.FormularVyhledat{  
  margin: 0;
  padding: 0;
  text-align: center;
}
  .FormularVyhledat form{
    margin: 0;
    padding: 0;
    
  }
  .Tlacitko{
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;   
    border-right: 1px solid #c7c7c7;   
    border-left: 1px solid #959595;       
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: .7em;
    font-weight: bold;
    background-color: #959595;
    width: 46px;
    height: 18px;
    cursor: pointer;
    color: #fff; 
  }
  .PolozkaVyhledat{
    border: 1px solid #c7c7c7;        
    padding: 0;
    margin: 0 0 0 0;
    width: 105px;    
  }
  .PolozkaOdberAktualit{
    border: 0;            
    padding: 0;
    margin: 0;
    width: 132px;    
  }
  .TlacitkoOk{
    border: 0;               
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: .7em;
    font-weight: bold;
    background-color: #959595;
    width: 20px;
    height: 18px;
    cursor: pointer;
    color: #fff; 
  }
  .odber_aktualit{
    border-left: 1px solid #bfbfbf;
    background-color: #bfbfbf;
    width: 153px;    
    margin: 15px 0 15px 0;
    padding: 0;
  }
    .odber_aktualit p{      
      margin: 15px 0 5px 0;
      padding: 5px 5px 0 5px;
      color: #fff;
    }