/* CSS Document */
body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background: url();
	 font-family: arial;
	 font-size: 10pt;
	 color: #071C4D;
}

a {
  color: #071C4D;
  text-decoration: underline;
}

ol, ul, li {
  margin:0;
  padding:0;
}

th, td {
	 font-size: 10pt;
	 color: #071C4D;
  text-align: left;;
  vertical-align: top;
}

table {
  border: none;
  border-collapse: collapse;
  margin-bottom:20px;
}

form, input {
  margin:0px;
  padding:0px;
}

#okno {
  position: relative;
  width: 100%;
  padding: 0;
  *text-align: center;
  background: url();
}

#panel {
  position: relative;
  width: 660px;
  margin: 0 auto;
  *text-align: left;
}

#hlavicka {
  display: none;
}

#hlavni {
  position: relative;
  width: 100%;
  margin-top: 10px;
  min-height: 500px;
  background: white url(../img/prechod_uvodni.gif) repeat-x;
}

#hlavni h1 {
  padding: 0;
  margin: 15px 0 35px 0;
  font-size: 14pt;
  font-weight: normal;
}

h1.skryty_nadpis {
  padding: 0;
  margin: 15px 0 10px 0;
  font-size: 13pt;
  font-weight: normal;
}

#hlavni h2 {
  padding-top:8px;
  margin-bottom: 20px;
  font-size: 13pt;
  font-weight: bold;
}

#paticka {
  display: none;
  position: relative;
}

#logo {
  display: none;
  position: absolute;
}

#hlavni_menu {
  display: none;
  position: absolute;
}

.cistic {
  clear: both;
  height: 0;
  font-size: 0;
}

.odrazka {
  position: relative;
  float: left;
  height: 16px;
  background: url(../img/odrazka.gif) no-repeat left bottom;
  padding-left:25px;
  margin-bottom: 10px;
}

.s100 {
  width: 100px;
  margin-left: 20px;
}

.s170 {
  width:170px;
  margin-left: 20px;
}

#uvodni_nahore {
  position: relative;
  height: 245px;
  width: 100%;
  padding-top: 42px;
  background: url(../img/foto_uvodni.jpg) no-repeat left top;
}

#uvodni_nahore_uvod {
  position: relative;
  height: 68px;
  width: 690px;
  margin-left: 258px;
  font-size: 13pt;
  line-height: 20pt;
  padding-right: 30px;
  border-bottom: 1px #071C4D solid;
  margin-bottom: 18px;
}

#uvodni_nahore_indikace {
  position: relative;
  height: 115px;
  width: 695px;
  margin-left: 258px;
  background: url(../img/lista_indik.gif) no-repeat left bottom;

}

#uvodni_nahore_nemoci {
  position: relative;
  height: 28px;
  width: 187px;
  margin-left: 12px;
  background: url(../img/lista_nemoci.gif) no-repeat left top;
  clear: both;
  margin-bottom: 20px;
}

.uvodni_box {
  position: relative;
  float: left;
  width: 290px;
  font-size: 9pt;
  margin: 0 20px 20px 20px;
}

.box1 {
  background: url(../data/foto/odborny-lecebny-ustav1.jpg) no-repeat left 44px;
  margin-left:25px;
  _margin-left:12px;
}

.box2 {
  background: url(../data/foto/prirodni-lecivy-zdroj.jpg) no-repeat left 44px;
}

.box3 {
  background: url(../data/foto/lazenske-pobyty.jpg) no-repeat left 44px;
  margin-right:0px;
}

.uvodni_box a.odkaz {
  display: block;
  position: relative;
  width: 100%;
  height:140px;
  margin-top:20px;
  text-decoration: none;
}

.titulek_levy {
  position: relative;
  height: 25px;
  min-width: 55px;
  margin-left: 47px;
  padding-left: 11px;
  background: url(../img/lista_zluta_leva.gif) no-repeat left top;
}

a.titulek_pravy {
  display: block;
  position: relative;
  float: left;
  height: 25px;
  min-width: 130px;
  padding-right: 12px;
  padding-top: 4px;
  font-size: 12pt;
  color: #071C4D;
  font-weight: bold;
  text-decoration: none;
  background: url(../img/lista_zluta_prava.gif) no-repeat right top;
}

.titulek_cely {
  display: block;
  position: relative;
  height: 21px;
  width: 290px;
  padding-top: 4px;
  text-align: center;
  font-size: 12pt;
  color: #071C4D;
  font-weight: bold;
  text-decoration: none;
  background: url(../img/lista_zluta_cela.gif) no-repeat left top;
  margin-bottom:3px;
}

.uvodni_box .text_box {
  position: relative;
  min-height: 180px;
  padding: 20px 12px;
  background: url(../img/prechod-box.gif) no-repeat right bottom;
}

.text_box li {
  margin-left: 20px;
  *margin-left: 15px;
  margin-top: 10px;
  list-style: url(../img/sipka.gif);
}

.clanek_blok_levy {
  position: relative;
  float: left;
  width:646px;
  min-height:300px;
  margin: 20px 0 0 12px;
  padding-left: 15px;
  _margin-left: 8px;
  padding-bottom: 30px;
}

.clanek_blok_levy li {
  margin-left: 20px;
  *margin-left: 15px;
  margin-top: 4px;
  list-style: url(../img/sipka.gif);
}

.clanek_blok_pravy {
  display: none;
  position: relative;
}

.clanek_blok_spodni {
  position: relative;
  width:646px;
  margin-left: 20px;
  margin-top: 0px;
  padding: 0 20px;
}

.clanek_blok_spodni th {
 padding-right:8px;
 text-align: right;
}

.nadpis1 {
  background: url();
}

.nadpis2 {
  background: url();
}

.odstavec_velke {
  position: relative;
  font-size: 13pt;
  line-height: 20pt;
  font-weight: bold;
  margin: 15px 0;
}

.seznam1 {
  width: 500px;
  margin-left:15px;
}

.seznam1 div {
  width:200px;
  *width:225px;
  margin-left: 0px;
}

.seznam2 {
  width: 620px;
  margin-left:15px;
}

.seznam2 div {
  width:170px;
  margin-left: 0px;
}

.foto_prave {
  width: 290px;
  height: 142px;
  border: none;
  margin:0;
  margin-bottom:15px;
}

.foto_dole {
  width: 290px;
  height: 142px;
  border: none;
  margin-left:33px;
  float: left;
}

.foto_clanek {
  width: 290px;
  height: 142px;
  border: none;
  margin-top: 20px;
  margin-right:33px;
  float: left;
}

.sloupec {
  width: 250px;
  float: left;
}

a.podclanky {
  display: block;
  position: relative;
  text-decoration: none;
  text-align: center;
}

/**
 * styly pro tridu hlaseni
 */
div.hlaseni_err {
  border: 1px solid #ff0000;
  /*color: #ffcc00;*/
  color: #ff0000;
  padding: 3px 6px;
}
div.hlaseni_ok {
  border: 1px solid #008800;
  color: #008800;
  padding: 3px 6px;
}
.povinna_polozka {
  color: #ff4444;
  font-size: 20px !important;
}
.cervene {
  color: red;
}

table.cenik {
width: 100%;
border: 2px #071C4D solid;
border-collapse: collapse;
}
table.cenik th {
padding: 8px 1px;
font-weight: bold;
border: 1px silver solid;
border-bottom: 2px #071C4D solid;
}
table.cenik td {
border: 1px silver solid;
}