/* CSS Document */

body {
  text-align: center;
  margin: 0;
  padding-bottom: 30px;
  background-color: #FAFAFA;
  font-size: 9pt;
  font-family: Arial;
  }
 
.vyrovtext {/* pre IE 6 koli pate na pravom stlpci */
  visibility: hidden;
  }

  
/* layout */

.bgpasik { 
  background-image: url('images/layout/bgpasik.jpg');
  background-repeat: x-repeat;
  width: 100%;
  height: 77px;
  margin: 0px;
  }

.hlavny {
  margin: 0 auto;
  text-align: left;
  width: 795px;
  margin-top: -45px;
  border: 4px solid black;
  background-color: #F2EEFF;
  =width: 803px;
  }
  
.lavyhlavny {
  width: 404px;
  padding-bottom: 0px;
  float: left;
  text-align: center;
  =height: 730px;
  }

.pravyhlavny {
  width: 366px;
  float: left;
  }
  
.hlavickalava {
  height: 236px;
  background-image: url('images/layout/hlavickalava.jpg');
  background-repeat: no-repeat;
  border-bottom: 3px solid black;
  =height: 239px;
  }
  
.hlavickaprava {
  height: 148px;
  background-image: url('images/layout/hlavickaprava.jpg');
  }

.pravaciara {
  width: 25px;
  height: 236px;
  background-image: url('images/layout/pravypasik.jpg');
  float: left;
  background-repeat: no-repeat;
  border-bottom: 3px solid black;
  =height: 239px;
  }
  
.pataobal {
  margin: 0 auto;
  height: 55px;
  text-align: center;
  clear: both;
  =width: 788px;
  }

.pata {
  width: 600px;
  margin: 0 auto;
  height: 35px;
  text-align: center;
  clear: both;
  border-top: 1px solid black;
  padding-top: 0px;
  =width: 600px;
  }

.tabpata {

  font-size: 8pt;
  margin-bottom: 5px;
  }
  
.tablavy {
  width: 135px;
  }
  
.tabpravy{
  width: 288px;
  text-align: center;
  }
  
.synka {
  font-size: 8pt;
  text-decoration: none;
  }
  
.synka:hover {
  font-size: 8pt;
  text-decoration: none;
  }
  /* menu */  

.menu {
  text-align: center; 
  }

.prvyriadok {
  margin: 0 auto;
  width: 360px;
  height: 64px; /*dočastne*/
  margin-top: 20px;
  font-family: Maiandra GD, Arial;
  color: black;
  font-size: 16pt;
  background-color: #F2EEFF;  
  }
  
.druhyriadok {
  margin: 0 auto;
  width: 360px;
  height: 64px; /*dočastne*/
  margin-top: 10px;
  font-family: Maiandra GD, Arial;
  color: black;
  font-size: 16pt;
  background-color: #F2EEFF;
  }
  
a.prvystlpec1 {
  width: 105px;
  height: 47px;
  display: block;
  margin-left: 14px;
  -margin-left: 7px;
  background-image: url('images/layout/tlacitka/1off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding: 0;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }

a:hover.prvystlpec1 {
  width: 105px;
  height: 47px; 
  display: block;
  margin-left: 14px;
  -margin-left: 7px;
  background-image: url('images/layout/tlacitka/1on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.prvystlpec1on {
  width: 105px;
  height: 47px; 
  display: block;
  margin-left: 14px;
  -margin-left: 7px;
  background-image: url('images/layout/tlacitka/1on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.prvystlpec1on {
  width: 105px;
  height: 47px; 
  display: block;
  margin-left: 14px;
  -margin-left: 7px;
  background-image: url('images/layout/tlacitka/1on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }

a.druhystlpec1 {
  width: 105px;
  height: 47px;
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.druhystlpec1 {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  background-color: #F2EEFF;
  =height: 64px;
  }
  
a.druhystlpec1on {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }

a:hover.druhystlpec1on {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.druhystlpec1onaj {
  width: 105px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  =height: 64px;
  background-color: #F2EEFF;
  }

a:hover.druhystlpec1onaj {
  width: 105px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.druhystlpec1aj {
  width: 105px;
  height: 58px;
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.druhystlpec1aj {
  width: 105px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/2on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  background-color: #F2EEFF;
  =height: 64px;
  }
  
a.tretistlpec1 {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/3off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.tretistlpec1 {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/3on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.tretistlpec1on {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/3on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }  

a:hover.tretistlpec1on {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/3on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  }  
  
a.prvystlpec2 {
  width: 105px;
  height: 47px;
  margin-left: 14px;
  background-image: url('images/layout/tlacitka/4off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }

a:hover.prvystlpec2 {
  width: 105px;
  height: 47px;
  margin-left: 14px;
  background-image: url('images/layout/tlacitka/4on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.prvystlpec2on {
  width: 105px;
  height: 47px;
  margin-left: 14px;
  background-image: url('images/layout/tlacitka/4on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }

a:hover.prvystlpec2on {
  width: 105px;
  height: 47px;
  margin-left: 14px;
  background-image: url('images/layout/tlacitka/4on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.druhystlpec2 {
  width: 105px;
  height: 58px;
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.druhystlpec2 {
  width: 105px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.druhystlpec2on {
  width: 105px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.druhystlpec2on {
  width: 105px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.druhystlpec2aj {
  width: 105px;
  height: 47px;
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.druhystlpec2aj {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a.druhystlpec2onaj {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }
  
a:hover.druhystlpec2onaj {
  width: 105px;
  height: 47px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/5on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 17px;
  =height: 64px;
  background-color: #F2EEFF;
  }


a.tretistlpec2 {
  width: 100px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/6off.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  padding-left: 3px;
  padding-right: 3px;
  =height: 64px;
  =width: 105px;
  background-color: #F2EEFF;
  }
  
a:hover.tretistlpec2 {
  width: 100px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/6on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  padding-left: 3px;
  padding-right: 3px;
  =height: 64px;
  =width: 105px;
  background-color: #F2EEFF;
  }
  
a.tretistlpec2on {
  width: 100px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/6on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  padding-left: 3px;
  padding-right: 3px;
  =height: 64px;
  =width: 105px;
  background-color: #F2EEFF;
  }
  
a:hover.tretistlpec2on {
  width: 100px;
  height: 58px; 
  margin-left: 11px;
  background-image: url('images/layout/tlacitka/6on.jpg');
  float: left;
  color: black;
  text-decoration: none;
  padding-top: 6px;
  padding-left: 3px;
  padding-right: 3px;
  =height: 64px;
  =width: 105px;
  background-color: #F2EEFF;
  }
  
  /* koniec menu */
 
  /* formular */
  
.formular {
  width: 350px;
  margin: 0 auto;
  margin-left: 15px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: -50px;
  =margin-left: -12px;
  }
  
.hlavaform {
  width: 362px;
  height: 78px;
  background-image: url('images/layout/hlavform.jpg');
  }
  
.obsahform {
  width: 338px;
  height: 210px;
  margin-left: 18px;
  background-color: #ECFFB3;
  border-left: 3px solid black;
  border-right: 3px solid black;
  =width: 344px;
  margin-bottom: 0;
  =height: 226px;
  }
  
.pataform {
  height: 22px;
  width: 344px;
  background-image: url('images/layout/formpata.jpg');
  margin-left: 18px;
  margin-top: 0px;
  margin-bottom: 0;
  =margin-top: 0px;
  }
  
.pataformaj {
  height: 22px;
  width: 344px;
  background-image: url('images/layout/formpata.jpg');
  margin-left: 18px;
  margin-top: 0px;
  margin-bottom: 0;
  =margin-top: -7px;
  }

  /* koniec formular */
   
  /* pravy */ 
  
.hlavickaobsah {
  height: 38px;
  background-image: url('images/layout/podpravouhlav.jpg');
  }
  
.obsahpravy {
  border-left: 3px solid black;
  border-right: 3px solid black;
  min-height: 480px;
  margin: 0;
  background-color: #FFFF8F;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 30px;
  =height: expression(this.scrollHeight < 526? "526px" : "auto" ); /*hack IE*/
	=overflow: visible 526px; /*hack IE*/
  }
  
.patapravy {
  background-image: url('images/layout/patapravy.jpg');
  height: 37px;
  margin-top: -20px;
  margin-bottom: 20px;
  }
  
.nahodneobr {
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-top: 30px;
  padding-bottom: 20px;
  margin-bottom: -20px;
  =margin-bottom: 0px;
  }   
  
.nahodneobruvod {
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-top: 15px;
  padding-bottom: 20px;
  margin-bottom: -20px;
  =margin-bottom: 0px;
  }   
  /* koniec pravy */
   
  
    
/* koniec layout */

a {
  color: black;
  text-decoration: underline;
  }
  
a:hover {
  color: #4D6600;
  text-decoration: underline;
  }

a.jarlu {
  text-decoration: none;
  font-size: 8pt;
  }
  
a:hover.jarlu {
  text-decoration: none;
  font-size: 8pt;
  }

h1  {
  padding-top: 10px;
  margin-bottom: 0px;
  margin-top: 0px;  
  text-align: center;
  font-family: Maiandra GD, Arial;
  font-size: 17pt;
  }

h2 {
  margin:0px;
  padding-top: 10px;
  padding-bottom: 0px;
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  }


h3 {
  margin: 0;
  text-align: center;
  font-family: Maiandra GD, Arial;
  font-size: 15pt;
  padding-top: 35px;
  padding-left: 25px;
  }
  
p {
  margin-top: 0px;
  padding-top: 15px;
  margin-bottom: 0px;
  }

.nahodobr2 {
  border: #C2C2C2 1px double;
  padding: 3px;
  background-color: #F7F7F7;
  margin-top: 20px;
  } 
    
.nahodobr {
  =border: #C2C2C2 1px double;
  =padding: 3px;
  =background-color: #F7F7F7;
  }
  
.foto {
  border-bottom: 1px solid black;
  padding-bottom: 20px;
  text-align: center;
  margin-top: -20px;
  =margin-top: 0px;
  }
  
.foto2 {
  border-bottom: 1px solid black;
  padding-bottom: 20px;
  text-align: center;
  =margin-top: 25px;
  }
  
.fotogaleriaok {
  margin-top: -25px;
  text-align: center;
  =margin-top: 0px
  =padding-top: 0px;
  =margin-left: 8px;
  }

.fotogaleriaok {
  margin-top: -25px;
  text-align: center;
  =margin-top: 0px
  =padding-top: 0px;
  }  
  
.fotogaleria2 {
  margin-top: -35px;
  text-align: center;
  =margin-top: 0px;
  =padding-top: 0px;
  }
  
.fotogaleria3 {
  margin-top: -31px;
  text-align: center;
  =margin-top: 0px;
  =padding-top: 0px;
  }
  
.nahodobr21 {
  border: #C2C2C2 1px double;
  padding: 3px;
  background-color: #F7F7F7;
  margin-top: 20px;
  margin-left: 0px;
  =margin-top: 8px;
  } 
  
.nahodobr22 {
  border: #C2C2C2 1px double;
  padding: 3px;
  background-color: #F7F7F7;
  margin-top: 24px;
  margin-left: 4px;
  =margin-top: 8px;
  } 
  
.nahodobr23 {
  border: #C2C2C2 1px double;
  padding: 3px;
  background-color: #F7F7F7;
  margin-top: 20px;
  margin-left: 4px;
  =margin-top: 8px;
  } 
  
  /* formular */

form {
  padding: 0 10px 0 20px;
  }

input, textarea {
  margin: 3px 0 3px 0;
  }
  
form textarea {
  padding: 5px;
  width: 175px;
  height: 50px;
  }
  
form input, textarea {
  border: 1px solid #A5ACB2;
  width: 175px;
  font-size: 8pt;
  }
  
input {
  width: 175px;
  padding-left: 5px;
  font-family: Arial;
  font-size: 10pt;
  margin-bottom: 0px;
  }
  
label {
  font-family: Arial;
  font-size: 10pt;
  }
  
form input.tl {
  width: 130px;
  background-color: white;
  }
  
select {
  width: 175px;
  margin-top: 0px;
  font-size: 8pt;
  }
  
.formtext {
  width: 110px;
  vertical-align: top;
  padding-top: 3px;
  }
  
.tabulkaform {
  margin-top: -20px;
  =margin-bottom: -10px;
  }
  
.text {
  text-align:left;
  font-family: Arial;
  font-size: 10pt;
  }
  
.cas {
  font-family: Arial;
  font-size: 8pt;
  color: brown;
  }
  
.meno {
  text-align:left;
  font-family: Arial;
  font-size: 12pt;
  color: black;
  font-weight: bold;
  font-size: 10pt;
  }
  
a.meno {
  text-decoration: underline;
  font-family: Arial;
  font-weight: none;
  color: black;
  }
  
a:hover.meno {
  text-decoration: underline;
  font-family: Arial;
  font-weight: none;
  color: purple;
  }
  
.strana {
  text-align: center;
  font-family: Arial;
  font-size: 10pt;
  margin-top: 00px;
  margin-bottom: 5px;
  }
  
.strany {
  text-align: center;
  font-family: Arial;
  font-size: 10pt;
  margin-right: 5px;
  }
  
.knihafull {
  width: 300px;
  }

.udajetab {
  padding-right: 52px;
  }
  
hr {
  border: 1px solid black;
  }
  
.knihadiv {
  margin-bottom: -10px;
  =margin-bottom: -20px;
  -margin-bottom: 0px;
  }
  
 
ul {

  margin-left: -20px;
  margin-top: 5px;
  margin-bottom: 0px;
  =margin-left: 20px;
  }
  


table.cennik {
  width: 340px;
  font-size: 9pt;
  margin-top: 10px;
  border: 1px solid black;
  Border-collapse: collapse;
  }
  
.pravatab {
  width: 270px;
  }
  
table.cennik td {
  border-bottom: 1px solid black;
  }

.udaje {
  margin-left: 0px;
  font-weight: normal;
  font-size: 8pt;
  text-align: center;
  margin-top: 0px;
  =margin-bottom: 0px;
  }
  
  
.odkazy {
  margin-top: 20px;
  font-size: 7pt;
  }
  
.jazyk {
  text-align: left;
  padding-top: 210px;
  padding-left: 10px;
  }
  
.jazykob {
  border: 2px solid black;
  margin-left: 2px;
  }
  
.jazykob:hover {
  border: 2px solid #4D6600;
  margin-left: 2px;
  }
  
.tlackon {
  width: 90px;
  margin-right: 4px;
  background-color: white;
  }
  
  
a.tla {
  text-decoration: none;

  }
  
a:hover.tla {
  text-decoration: none;
  color: black;
  }
 
.datadiv {
  padding-top: 5px;
  } 
  
.datas {

  }
  
.datastyle {
  font-size: 12px;
  margin-left: 10px;
  margin-bottom: 15px;
  }

.konlab {
  width: 150px;
  padding-bottom: 5px;
  }
  
.kontrola {
  width: 35px;
  margin-bottom: 5px;
  } 
  
