/* CSS Document */
body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background: #fff;
	 font-family: arial;
	 font-size: 9pt;
	 color: #606060;
}

a {
  color: #38A2DC;
  text-decoration: underline;
}

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

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

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

input {
  display: none;
}

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

#hlavicka {
  display: none;
}

#hlavni {
  position: relative;
  width: 100%;
  margin-top: 10px;
  min-height: 500px;
}

#hlavni h1 {
  padding: 0;
  margin: 10px 0 10px 0;
  font-size: 13pt;
  font-weight: bold;
  color: #000;
}

#hlavni h2 {
  padding: 0;
  margin: 10px 0 10px 0;
  font-size: 12pt;
  font-weight: bold;
  color: #000;
}

#hlavni h3 {
  padding: 0;
  margin: 10px 0 10px 0;
  font-size: 12pt;
  font-weight: bold;
  color: #000;
}

#hlavni p {
  margin:3px 0;
  line-height: 150%;
}

#paticka {
  display: none;
}

#logo {
  display: none;
}

#hlavni_menu {
  display: none;
}

.oddelovac {
  position: relative;
  float: left;
  height: 22px;
  margin: 0 5px;
  padding-top: 6px;
}

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

#uvodni {
   position: relative;
   height: 300px;
   padding-left: 265px;
   background: red url(../img/nabidka.jpg) no-repeat left top;
}

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

.box1 {
  width: 250px;
}

.box2 {
}

.box3 {
  margin-right:0px;
}

#sloupec_levy {
  display: none;
}

#sloupec_stred {
  width: 640px;
  border: none;
}
#sloupec_stred li {
  margin-left: 17px;
  padding: 3px 0;
}
/* NAVIGACE */
#dr-navigace {
  display: none;
}
#dr-navigace a {
  color: #606060;
  font-size: 12px;
  font-weight: normal;
}
#dr-navigace .top_navig {
  color: #38A2DC;
}
.katalog-blok {
  position: relative;
  width:100%;
  padding-bottom:18px;
  border-bottom:1px #C4C4C4 solid;
  margin-bottom: 20px;
}
.katalog-box {
  position: relative;
  float: left;
  width: 157px;
  height: 225px;
  /*height: 165px;*/
  padding: 0;
  font-size: 9pt;
  text-align: center;
  border-right:1px #C4C4C4 solid;
  overflow: hidden;
}
.katalog-box .naz_pol {
  margin: 0;
  padding: 0;
  width: 100%;
  line-height:120%;
  text-align: center;
}
.katalog-box img {
  clear: both;
  margin: 10px auto;
  border: none;
}
.katalog-box .blok-ceny {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding-top: 6px;
  line-height:120%;
  text-align: center;
  background: #fff;
  /*background: #fff url(../img/meritko.gif) no-repeat;*/
}
.katalog-box31 {
  padding-right: 12px;
}
.katalog-box32 {
  padding-left: 12px;
  padding-right: 12px;
}
.katalog-box33 {
  float: right;
  border: none;
}
.katalog-box21 {
  width: 248px;
  padding-right: 12px;
}
.katalog-box22 {
  float: right;
  width: 248px;
  border: none;
}
.katalog-box11 {
  width: 100%;
  border: none;
}
/* STRANKOVANI */
.strankovani {
  position: relative;
  width:100%;
  margin: 0;
  padding: 0;
  font-size: 9pt;
}
.strankovani .left {
  float: left;
  width: 300px;
}
.strankovani .right {
  float: right;
}
.strankovani a.cislo {
  text-decoration: none;
  padding: 2px;
  font-size: 9pt;
}
.strankovani a.tucne {
  font-weight: bold;
  color: #606060;
}
.katalog-detail {
  position: relative;
  width:100%;
  border-bottom:1px #C4C4C4 solid;
  margin-bottom: 20px;
  line-height:150%;
}
.detail-foto {
  position: relative;
  float: left;
  width: 160px;
  height: 180px;
  margin: 0 20px 20px 0;
}
.detail-foto a {
  display: block;
  float: right;
}
.detail-foto img {
  border: none;
}
.vetsi {
  font-size: 11pt;
}
.tucne {
  font-weight: bold;
}
.cervene {
  color: red;
}
.katalog-detail input.kusy {
  width: 20px;
  text-align: right;
}
.katalog-detail input.vlozit {
  color: white;
  background: url(../img/menu_aktiv.gif) bottom repeat-x;
  border: none;
  padding: 1px;
}
a.tlac_zpet {
  display: block;
  width: 60px;
  height: 20px;
  margin-top: 10px;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1.5em;
  background: url(../img/menu_aktiv.gif) bottom repeat-x;
}

/* nákupni kosik */
table.table_prehled {
  border-collapse: collapse;
  width: 100%;
}
table.table_prehled td, table.table_prehled th {
  padding: 2px 2px;
  text-align: left;
  line-height: 150%;
}
table.table_prehled th {
  color: white;
}
tr.zahlavi {
  background-color: #329FDA;
}
table.table_objednav {
  border-collapse: collapse;
  width: 100%;
}
table.table_objednav td, table.table_objednav th {
  padding: 2px 2px;
  text-align: left;
  line-height: 110%;
}
.do_prava {
  text-align: right !important;
}
.na_stred {
  text-align: center !important;
}
.maly {
  width: 20px;
}
.maxdelka {
  width: 400px;
}
.celadelka {
  width: 320px;
}
.tricdelka {
  width: 240px;
}
.puldelka {
  width: 160px;
}
.cvrtdelka {
  width: 80px;
}
input.submit {
  color: white;
  background: url(../img/menu_aktiv.gif) bottom repeat-x;
  border: none;
  padding: 1px;
}
input.objednat {
  color: white;
  background: url(../img/objednat.jpg) bottom repeat-x;
  border: none;
  padding: 1px;
}
/* pravý slupec */
#sloupec_pravy {
  display: none;
}
.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;
}

/**
 * styly pro elearningovy modul
 */
ul.tree_ucebni_text {
  list-style: none;
  margin-left: 5px;
  padding: 0;
  position: relative;
}
ul.tree_ucebni_text li {
  line-height: 150%;
  padding: 1px 0 !important;
}
div.hlaseni_err {
  padding: 5px 10px;
  border: 2px solid #ff0000;
  color: #ff0000;
  background-color: inherit;
  font-size: 0.8em;
}
div.hlaseni_ok {
  padding: 5px 10px;
  border: 2px solid #009900;
  color: #009900;
  background-color: inherit;
  font-size: 0.8em;
}
p.p_spustit_test {
  text-align: center;
}
p.p_spustit_test a {
  font-size: 2.3em;
  text-decoration: none;
  letter-spacing: 1px;
}
p.p_spustit_test a:hover {
  color: #f90;
}
/* styly pro generovany test */
.test_otazka {
  padding: 5px;
  border-top: 1px dotted #bbb;
  margin-bottom: 10px;
}
p.test_odpoved {
  margin-left: 25px !important;
}
table.formular_tabulka {
}
table.formular_tabulka td, table.formular_tabulka th {
  padding: 2px 4px;
}