/* 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: #006399;
  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;
}

form, input {
  margin:0px;
  padding:0px;
  font-size: 9pt;
}

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

#hlavicka {
  position: relative;
  width: 100%;
  height: 100px;
}

#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: 11pt;
  font-weight: bold;
  color: #000;
}

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

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

#hlavni p.huste {
  margin:3px 0;
  line-height: 120%;
}

#paticka {
  position: relative;
  height: 70px;
  padding-top: 20px;
  font-size: 9pt;
  border-top: 1px #C4C4C4 solid;
}

#logo {
  display: block;
  position: absolute;
  left: 15px;
  top: 25px;
  width: 380px;
  height: 60px;
  font-weight: bolder;
  background: url(../img/logo.gif) no-repeat;
}

#hlavni_menu {
  position: absolute;
  height: 30px;
  width:510px;
  right: 0px;
  top: 47px;
}

a.menu_pol, a.menu_pol_aktiv {
  display: block;
  position: relative;
  float: left;
  height: 17px;
  padding: 6px 13px;
  font-size: 9pt;
  color: #000;
  text-decoration: none;
}

a.menu_pol:hover {
  color:#006399;
}

a.menu_pol_aktiv {
  background: url(../img/menu_aktiv.gif) repeat-x;
  color: #fff;
}

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

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

.skryty {
  display: none;
}
#flash{
   position: relative;
   height: 300px;
   width: 970px;
   /*padding-left: 265px;
   background: red url(../img/nabidka.jpg) no-repeat left top;*/
}

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

.box1 {
  width: 250px;
}

.box2 {
}

.box3 {
  margin-right:0px;
}

#sloupec_levy {
  position: relative;
  float: left;
  width:216px;
  min-height:500px;
  padding-top:1px;
  background: url(../img/sekce.jpg) no-repeat;
}
a.leve_menu, a.leve_menu_aktiv {
  display: block;
  position: relative;
  width: 209px;
  height: 52px;
  margin-bottom: 2px;
  border-right: 7px #fff solid;
}
a.leve_menu_aktiv {
  border-right-color: #38A2DE;
}
.kont_box {
  position: relative;
  width: 190px;
  font-size: 9pt;
  padding: 20px 0 20px 15px;
}
.kont_box .nadpis {
  padding: 0;
  margin: 10px 0 10px 0;
  font-size: 13pt;
  font-weight: bold;
  color: #000;
}
#sloupec_stred {
  position: relative;
  float: left;
  width: 523px;
  min-height: 500px;
  padding: 22px;
  border: 1px #38A2DE solid;
  margin-bottom: 20px;
}

#sloupec_stred li {
  margin-left: 17px;
  padding: 3px 0;
}
#sloupec_stred img.dvojice {
  width: 220px;
  margin: 8px 25px 8px 0;
  border: none;
}
/* NAVIGACE */
#dr-navigace {
  position: relative;
  padding-bottom: 10px;
  font-size: 12px;
  border-bottom: 1px #D0CECF solid;
  margin-bottom:15px;
}
#dr-navigace a {
  color: #606060;
  font-size: 12px;
  font-weight: normal;
}
#dr-navigace .top_navig {
  color: #006399;
}
img.modry_ram {
  float: left;
  margin-right: 15px;
  border: #38a2de 1px solid
}
.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 div.naz_pol {
  margin: 0;
  padding: 0;
  width: 100%;
  line-height:120%;
  text-align: center;
}
.katalog-box div.nahled {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.katalog-box img {
  margin: 0 auto;
  border: none;
}
.katalog-box div.extra {
  position: absolute;
  height: 11px;
  top:5px;
  right:10px;
}
.katalog-box .akcnicena {
  background: white url(../img/akcnicena.gif) right no-repeat;
  width: 80px;
}
.katalog-box .doporucujeme {
  background: white url(../img/doporucujeme.gif) right no-repeat;
  width: 80px;
}
.katalog-box .nejprodavanejsi {
  background: white url(../img/nejprodavanejsi.gif) right no-repeat;
  width: 90px;
}
.katalog-box .novinka {
  background: white url(../img/novinka.gif) right no-repeat;
  width: 45px;
}
.katalog-box .vyhodnacena {
  background: white url(../img/vyhodnacena.gif) right no-repeat;
  width: 80px;
}
.katalog-box .topprodukt {
  background: white url(../img/top-produkt.gif) right no-repeat;
  width: 80px;
}
.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: 150px;
  margin: 0 20px 0px 0;
}
.vyssi {
  height: 210px;
}
.detail-foto a {
  display: block;
  float: right;
}
.detail-foto img {
  border: none;
}
.vetsi {
  font-size: 11pt;
}
.tucne {
  font-weight: bold;
}
.kurziva {
  font-style: italic;;
}
.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;
}
.tlac_zpet {
  position: relative;
  float: left;
  width: 60px;
  height: 20px;
  text-align: center;
  text-decoration: none;
  background: url(../img/menu_aktiv.gif) bottom repeat-x;
}
.tlac_zpet a {
  color: white;
  line-height:1.7em;
  *line-height:1.5em;
  text-decoration: none;
}
/* 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;
  cursor:pointer;
}
input.objednat {
  color: white;
  background: url(../img/objednat.jpg) bottom repeat-x;
  border: none;
  padding: 1px;
}
/* pravý slupec */
#sloupec_pravy {
  position: relative;
  float: right;
  width: 170px;
  line-height:150%;
}
#sloupec_pravy hr {
  height:1px;
  border: none;
  border-bottom:1px #C4C4C4 solid;
}
#sloupec_pravy ul {
  margin-top: 4px;
}
#sloupec_pravy li {
  margin-left: 17px;
  list-style: circle;
  padding: 2px 0;
  line-height: 120%;
  color: #006399;
}
#sloupec_pravy img {
  border: #38a2de 1px solid;
  width:168px;
  margin-top:10px;
}
#hledani {
  margin-bottom:3px;
}
#hledani label{
  vertical-align: top;
  *vertical-align: middle;
}
#hledani input{
  border: none;
  height: 13px;
  margin-top: 4px;
  *margin-top: 2px;
}
#hledani input#hledani-pole {
  float: left;
  width: 140px;
  height: 16px;
  padding: 1px 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  border: 1px #38A2DE solid;
}
#hledani input.hsubmit {
  float: left;
  width: 13px;
  height: 18px;
  margin-top: 4px;
  margin-left: 4px;
  background: white url(../img/hledat.gif) no-repeat;
}
.sedy-text {
  color: #5F5F5F;
}
/*
 * styly pro tridu hlaseni
 */
div.hlaseni_err {
  border: 1px solid #ff0000;
  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;
}

#pata-text-conf {
  position: relative;
  float: left;
  width: 600px;
}

#pata-winternet {
  position: relative;
  float: right;
  width: 250px;
  text-align: right;
}
/**
 * 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;
}
.zvyrazneni {
   background: #ffff99;
   color: #303030;
}
/* 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;
}