/* CSS Document */
body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background: #1D224C url(../img/pozadi.jpg) left top no-repeat;
	 font-family: arial;
	 font-size: 10pt;
	 color: #575757;
}

a {
  color: #575757;
  text-decoration: underline;
}

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

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

.input {
  border: 1px solid #00538e;
  padding: 2px 4px;
}

.tucne {
  font-weight: bold;
}

.cervene {
  color: #E62A29;
  font-weight: normal;
}

.modre {
  color: #00529E;
}

#okraj-pravy {
  position: relative;
  width: 1498px;
  min-height: 900px;
  background: url(../img/okraj_pravy.jpg) right top no-repeat;
}

#okraj-levy {
  position: relative;
  width: 1020px;
  min-height: 900px;
}

#stranka {
  position: relative;
  width: 1000px;
  float: right;
}

#hlavicka {
  position: relative;
  width: 1000px;
  height: 255px;
  background: white url(../img/hlavicka.jpg) left top no-repeat;
}

#hledani {
  position: absolute;
  width: 260px;
  height: 26px;
  right: 0px;
  top: 20px;
}

#hledani input {
  width: 180px;
  height: 21px;
  float: left;
  padding-top: 4px;
  color: white;
  font-size: 11px;
  background: none;
  border: none;
}

#hledani input.hsubmit {
  width: 60px;
  margin-left: 6px;
  font-weight: bold;
  color: #2A2B6B;
}

#logo {
  position: absolute;
  display: block;
  width: 370px;
  height: 75px;
  left:28px;
  top:100px;
}

#obrazek-hlavicka {
}
#obrazek-hlavicka img {
  height: 120px;
  width: 265px;
  border: 3px #454990 solid;
}
#akce {
  position: absolute;
  left: 420px;
  top: 76px;
  height: 117px;
  border: 1px #CECACB solid;
  background: white;
}
#akce div {
  position: relative;
  width: 170px;
  height: 70px;
  margin: 5px;
  padding: 15px 15px 20px 160px;
  border-top: 1px #4F4F4F solid;
  overflow: hidden;
  background: #F5F5F5 url(../img/uvod_box_dolni3.jpg) no-repeat 7px top;
}
#akce img {
  position: absolute;
  top: 20px;
  left: 70px;
  border: 4px #00529E solid;
}
#akce p {
  margin: 0;
  margin-bottom: 6px;
  color: #575757;
  font-size: 11px;
  line-height: 15px;
}
#akce a {
  color: #E42D27;
  font-weight: bold;
  font-size: 11px;
}

#vlajky {
  position: absolute;
  width: 58px;
  height: 12px;
  right: 8px;
  top: 78px;
}

#vlajky img {
  width: 16px;
  height: 11px;
  border: none;
}

#nakupni-kosik {
  position: absolute;
  width: 224px;
  height: 44px;
  right: 4px;
  top: 120px;
  padding: 1px 18px 18px 18px;
  _padding-bottom: 2px;
  font-size: 90%;
  background-color: #FBFCFE;
  border: 1px #BDD9EE solid;
  line-height: 175%;
}

#lista-menu {
  position: absolute;
  width: 972px;
  height: 50px;
  top: 204px;
  left: 4px;
  color: white;
  padding-left:20px;
  background: url(../img/lista_menu.jpg) repeat-x
}

#lista-menu li {
  position: relative;
  float: left;
  height: 15px;
  padding: 17px 6px;
  list-style: none;
}

#lista-menu li.oddelovac {
  padding: 17px 0;
  color: white;
}

#lista-menu li.aktivni {
  background: red url(../img/aktivni_menu.jpg) repeat-x
}

#lista-menu a {
  color: white;
  text-decoration: none;
}

#lista-menu a:hover {
  color: red;
}

#lista-menu li.aktivni a:hover {
  color: white;
}

.cistic {
  clear: both;
}

#telo {
  position: relative;
  width: 1000px;
  padding-top: 4px;
  padding-bottom:15px;
  background-color: white;
  background: white url(../img/pravy-rozek.jpg) no-repeat right bottom

}

#telo p {
  margin: 0;
  margin-bottom: 6px;
  line-height: 19px;
  color: #575757;
}

/* úvodní stránka */
#uvodni-nahore {
  position: relative;
  width: 100%;
  height: 434px;
  background: white url(../img/prechod_sedy.jpg) repeat-x bottom
}

#uvodni-nahore h1 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
  color: #00529E;
  line-height: 22px;
}

#uvodni-nahore p {
  font-size: 11px;
}

#blok-horni {
  position: relative;
  width: 553px;
  height: 128px;
  _height: 88px;
  float: left;
  margin-left: 4px;
  _margin-left: 2px;
  padding: 20px;
  _padding-bottom: 12px;
  padding-left: 115px;
  border: 1px #CECACB solid;
}

#blok-horni img {
  position: absolute;
  top: 20px;
  left: 20px;
  border: none;
}

#blok-horni a {
  color: #00529E;
}

#baner-hranice {
  position: relative;
  width: 288px;
  height: 168px;
  float: right;
  margin-right: 4px;
  _margin-right: 2px;
  border: 1px #CECACB solid;
}

#baner-hranice a:hover {
  color: white;
  text-decoration: underline;
}

#baner-hranice p {
  font-size: 11px;
}

#box-hranice-odkaz {
  display: block;
  position: relative;
  width: 157px;
  height: 122px;
  margin: 2px;
  text-decoration: none;
  border: 1px #CECACB solid;
  padding: 20px;
  padding-left: 105px;
  background: red url(../img/prechod_cerveny.jpg) repeat-x;
}

#box-hranice-odkaz h2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  color: white;
}

#box-hranice-odkaz p {
  font-weight: bold;
  color: white;
}

#box-hranice-odkaz img {
  position: absolute;
  top: 5px;
  left: 5px;
  border: none;
}

#blok-dolni {
  clear: both;
  position: relative;
  width: 980px;;
  margin-left:15px;
  padding-top:18px;
}

#blok-dolni h2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
  color: #00529E;
  line-height: 22px;
}

#blok-dolni p {
  margin-top: 4px;
  line-height: 16px;
}

#blok-dolni div.oblast {
  position: relative;
  width: 238px;
  height: 102px;
  float: left;
  margin:0;
  margin-right:6px;
  margin-top:2px;
  overflow: hidden;
}

#blok-dolni a {
  color: #E42222;
  font-weight: bold;
}

#blok-dolni a.dalsi-oblast {
  display: block;
  position: absolute;
  width: 214px;
  height: 20px;
  right: 8px;
  top: 15px;
  padding: 7px 0 0 18px;
  font-size: 12px;
  color: #2E3279;
  font-weight: bold;
  text-decoration: none;
  background: yellow url(../img/zalozka_zluta.jpg) no-repeat
}

.oblast-foto {
  position: relative;
  float: left;
  padding:2px;
  background:white;
  border: 1px #CECACB solid;
}

.oblast-foto img {
  height:71px;
  width:71px;
}

.oblast-text {
  position: relative;
  width: 152px;
  float: right;
}

#uvodni-dole {
  position: relative;
  width: 100%;
  height: 130px;
  margin-top: 5px;
}

.infobox {
  position: relative;
  height: 120px;
  float: left;
  margin-left: 5px;
  border: 1px #CECACB solid;
}

#uvodni-dole p {
  font-size: 11px;
  line-height: 15px;
}

#uvodni-dole a {
  color: #E42D27;
  font-weight: bold;
  font-size: 11px;
}

.infobox div {
  position: relative;
  height: 73px;
  margin: 5px;
  background-color: #F5F5F5;
  border-top: 1px #4F4F4F solid;
  overflow: hidden;
}

.info1 {
  width: 290px;
  padding: 15px 15px 20px 180px;
  background: #5F5F5F url(../img/uvod_box_dolni1.jpg) no-repeat 7px top;
}

.info2 {
  width: 320px;
  padding: 15px 15px 20px 140px;
  background: #5F5F5F url(../img/uvod_box_dolni2.jpg) no-repeat 7px top;
}

.info3 {
  width: 143px;
  padding: 15px 15px 20px 180px;
  background: #5F5F5F url(../img/uvod_box_dolni3.jpg) no-repeat 7px top;
}

.info1 img {
  position: absolute;
  top: 20px;
  left: 90px;
  border: 4px #00529E solid;
}
.info2 img {
  position: absolute;
  top: 20px;
  left: 50px;
  border: 4px #00529E solid;
}
/* clanek */
#clanek-panel {
  position: relative;
  float: left;
  width: 694px;
  padding:0 0 20px 6px;
  min-height: 450px;
  _height: 450px;
  background: #E4E2E3 url(../img/prechod_sedy.jpg) repeat-x;
  margin-bottom: 10px;
}

#clanek-panel h1 {
  margin: 0 0 18px 10px;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
  color: #E62A29;
}

#clanek-panel h2 {
  margin: 0 0 18px 10px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #4F4F4F;
}

#clanek-panel h3 {
  margin: 8px 0 0 10px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #00529E;
}

#clanek-panel h4 {
  margin: 8px 0 0 10px;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #575757;
}

#clanek-panel p {
  width: 675px;
  _width: 665px;
  font-size: 12px;
  padding: 0 20px 0 10px;
}

#clanek-panel a {
  color: #00529E;
  font-weight: bold;
  font-size: 11px;
}

#clanek-panel a:hover {
  color: #E42D27;
}

#clanek-panel ul {
  margin-left:20px;
  list-style-position: inside;
}

#clanek-panel li {
  padding-right:15px;
  font-size: 12px;
  line-height: 18px;
}

#clanek-panel img {
  border: 4px #00529E solid;
  margin-left: 10px;
  margin-bottom: 10px;
}

#clanek-panel table{
  margin-left:10px;
  border: none;
  border-collapse: collapse;
}

#clanek-panel th {
  padding: 2px 8px 6px 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px #D0CECF solid;
}

#clanek-panel td {
  padding: 2px 8px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

#dr-navigace {
  position: relative;
  padding: 10px 0 15px 10px;
  font-size: 12px;
  border-bottom: 1px #D0CECF solid;
  margin-bottom:15px;
}

#dr-navigace a {
  color: #575757;
  font-size: 12px;
  font-weight: normal;
}

#googlemap {
  border: 1px solid #999999;
  height: 350px;
  margin: 5px 0pt 20px 10px;
  width: 635px;
  color: white;
}
#route {
  color: white;
}
/* produkt */
#produkt-panel {
  position: relative;
  float: left;
  width: 694px;
  min-height: 960px;
  _height:960px;
  padding-left:6px;
  background: #E4E2E3 url(../img/prechod_sedy_produkt.jpg) repeat-x;
}

#produkt-panel h1 {
  margin: 0 0 18px 10px;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
  color: #E62A29;
}

#produkt-panel h2 {
  margin: 0 0 18px 10px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #4F4F4F;
}

#produkt-panel h3 {
  margin: 8px 0;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #00529E;
}

#produkt-panel h4 {
  margin:0;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #00529E;
}

#produkt-panel h4 {
  margin: 0;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #00529E;
}

#vyber-lista {
  position: relative;
  width: 100%;
  height: 30px;
  _height: 24px;
  margin-bottom: 30px;
  padding-top: 6px;
  background-color: #4F4F4F;
}

.vyber-parametr {
  position: relative;
  float: left;
  height: 24px;
  margin-left:14px;
}

.vyber-parametr label {
  color:white;
  font-weight: bold;
  font-size: 12px;
  vertical-align: middle;
}

.vyber-parametr select {
  width: 60px;
  margin-top: 2px;
  font-size: 12px;
  height: 20px;
  color: black;
}

input.vybrat {
  float: left;
  width: 31px;
  height: 20px;
  margin-top:2px;
  padding: 0px;
  margin-left:12px;
  font-size: 11px;
  *font-size: 12px;
  color: #2A2C69;
  font-weight: bold;
  background: url(../img/tlacitko_vyber.jpg) no-repeat;
  border: none;
}

.detail-blok {
  position: relative;
  width: 660px;
  min-height: 380px;
  margin-left: 15px;
}

.detail-nazev {
  position: relative;
  width: 100%;
  height: 36px;
  border-bottom: 1px #D0CECF solid;
  margin-bottom: 15px;
}

.detail-levy {
  position: relative;
  float: left;
  width: 200px;
}

.detail-levy img {
  border: 4px #00529E solid;
  margin-bottom: 15px;
  height: 125px;
  width: 190px;
}

.detail-levy table {
  width: 100%;
  margin: 0;
  border: none;
  border-collapse: collapse;
}

.detail-levy tr.lichy {
  background-color: #CFCFCF;
}

.detail-levy th {
  margin: 0;
  width:70px;
  padding: 5px;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
}

.detail-levy td {
  margin: 0;
  width: 110px;
  padding: 5px;
  font-size: 12px;
  text-align: left;
}

.detail-pravy {
  position: relative;
  float: right;
  width: 420px;
}

.detail-pravy p {
  font-size: 12px;
  margin-bottom:15px;
}

.detail-pravy td {
  margin: 0;
  width: 140px;
  padding: 5px;
  font-size: 12px;
  text-align: left;
  color: #00529E;
}

.detail-pravy a {
  font-size: 12px;
  color: #00529E;
}

.blok-cena {
  position: relative;
  margin-top: 5px;
}

.cena {
  position: relative;
  float:left;
  padding-top: 5px;
  font-size: 18px;
  color: #00529E;
  font-weight: bold;
}

.do_kosiku {
  position: relative;
  float:left;
  width: 83px;
  height:28px;
  margin-left:20px;
  padding-left:28px;
  color: #2A2C69;
  font-weight: bold;
  background: url(../img/kosik.jpg) no-repeat;
  border:none;
}

/* STRANKOVANI */
.strankovani {
  padding: 10px;
  border-top: 1px #D0CECF solid;
  margin-left: 15px;
  margin-right: 15px;
}
.strankovani .left {
  float: left;
  width: 350px;
}
.strankovani .right {
  float: right;
}
.strankovani a.cislo {
  text-decoration: none;
  padding: 3px;
}
.strankovani a.tucne {
  /*font-size: 18px;*/
  font-weight: bold;
  background: #24288F;
  color: #FFF;
}

#menu-prave {
  position: relative;
  width: 288px;
  float: right;
  margin-right: 4px;
  _margin-right: 2px;
  margin-bottom: 10px;
  border: 1px #CECACB solid;
}

#menu-produkty {
  position: relative;
  width: 222px;
  min-height: 400px;
  _height: 400px;
  margin: 2px;
  border: 1px #CECACB solid;
  padding: 30px;
  background: #2E327C;
}
#menu-produkty h3 {
  color: white;
  font-size: 14px;
  margin: 0;
  margin-bottom: 10px;
  font-weight: bold;
}
#menu-produkty p {
  color: white;
  font-size: 11px;
}
#menu-produkty a {
  color: #78ADD9;
  font-size: 12px;
}
#menu-produkty li {
  color: #FEEA11;
  font-weight: bold;
  margin-top: 10px;
  padding:2px 0 2px 0;
  list-style: none;
  list-style-position: outside;
}

#menu-produkty li a {
  text-decoration: none;
  color: white;
  font-weight: normal;
}

#menu-produkty li a:hover {
  color: red;
}
#menu-produkty li ul {
  margin-left: 15px;
}

#menu-produkty li li {
  color: white;
  font-weight: normal;
  margin-bottom: 10px;
  padding:2px 0 2px 6px;
  list-style: circle;
  list-style-position: inside;
}

#menu-produkty li.aktivni-li {
  padding:2px 0 2px 6px;
  list-style-position: inside;
  background: #5D60A5 url("../img/aktivni_polozka.jpg") top left repeat-x;
}
/*#menu-produkty li.aktivni-li ul {
  background: #5D60A5;
}*/
/* poptávka */
#box-poptavka {
  position: relative;
  width: 288px;
  height: 118px;
  float: right;
  margin-right: 4px;
  _margin-right: 2px;
  margin-bottom:10px;
  border: 1px #CECACB solid;
}

#poptavka {
  position: relative;
  width: 240px;
  height: 70px;
  margin: 3px;
  text-decoration: none;
  border: 1px #CECACB solid;
  padding: 20px;
  _padding-bottom: 18px;
  background: yellow url("../img/poptav.jpg") top left repeat-x;
}

#poptavka h2 {
  margin: 0 0 6px 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  color: #2A2C69;
}

#poptavka li {
  margin: 0 0 6px 45px;
  font-weight: bold;
  list-style: circle;
  color: #2A2C69;
}

#poptavka a {
  font-weight: bold;
  color: #2A2C69;
  text-decoration: none;
}

#poptavka a:hover {
  color: red;
}

#form_poptavka {
  width:802px;
  margin-left:20px;
  font-size:12px;
}
#form_poptavka img {
  float:left;
  height:71px;
  width:71px;
  border:none;
}
#form_poptavka div.nadpis {
  float:left;
  height:71px;
  font-weight:bold;
}
#form_poptavka input {
  margin-bottom: 4px;
}
#form_poptavka label {
  vertical-align: middle;
}

/* eshop */
#eshop-panel {
  position: relative;
  float: left;
  width: 694px;
  padding:0 0 20px 6px;
  min-height: 450px;
  _height: 465px;
  background: #E4E2E3 url(../img/prechod_sedy.jpg) repeat-x;
  margin-bottom: 10px;
}

#eshop-panel h1 {
  margin: 0 0 18px 10px;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
  color: #E62A29;
}

#eshop-panel h2 {
  margin: 0 0 18px 10px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #4F4F4F;
}

#eshop-panel h3 {
  margin: 8px 0 0 10px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #00529E;
}

#eshop-panel p {
  width: 675px;
  font-size: 11px;
  padding: 0 20px 0 10px;
}

#eshop-panel a {
  color: #00529E;
  font-weight: bold;
  font-size: 11px;
}

#eshop-panel a:hover {
  color: #E42D27;
}


/**
 * styly pro mrizku
 */
table.table_mrizka {
  border-collapse: collapse;
}
table.table_mrizka td, table.table_mrizka th {
  padding: 1px 3px;
  text-align: left;
  font-size: 11px;
}
.do_prava {
  text-align: right !important;
}
.na_stred {
  text-align: center !important;
}
.maly {
  width: 30px;
}
table.table_mrizka tr.podbarvene1 {
  background-color: #e0eef9;
  border-top: 1px dotted #00538e;
}
table.table_mrizka tr.podbarvene2 {
  background-color: none;
  border-top: 1px dotted #00538e;
}
input.button_do_kosiku {
  width: 24px;
  height: 27px;
  background: url('../img/button-do-kosiku.gif') no-repeat;
  cursor: pointer;
  border: none;
}
.puldelka {
  width: 250px;
}
.celadelka {
  width: 500px;
}
/**
 * prehled, napr. kosik
 */
table.table_prehled {
  border-collapse: collapse;
  width: 100%;
}
table.table_prehled td, table.table_prehled th {
  padding: 3px 3px;
  text-align: left;
  font-size: 12px;
}
tr.zahlavi {
  color: #ffffff;
  /*background: url('../img/lista_menu.jpg') repeat-x;*/
  background-color: #505386;
}
/**
 * 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;
}
/**
 * formular registrace/ dokonceni objednavky
 */
table.form_registrace {
  border-collapse: collapse;
  margin-left:5px;
}
table.form_registrace td, table.form_registrace th {
  padding: 2px 5px;
  vertical-align: top;
}
tr.zahlavi2 td {
  border-bottom: 1px dotted #c0c0c0;
  font-size: 1.2em;
  font-weight: bold;
  color: #505386;
}

/* patička */
#paticka {
  position: relative;
  width: 990px;
  clear:both;
  color: white;
  padding: 16px 0 20px 10px;
  font-size: 12px;
}

.pata-svetla {
  color: #78ADD9;
  font-weight: bold;
}

#paticka a {
  font-size: 12px;
  color: white;
}

#paticka a.email {
  color: #78ADD9;
}

#paticka a.odkaz-rss {
  display: block;
  position: absolute;
  right: 10px;
  top:20px;
  width: 35px;
  height: 30px;
  background: url(../img/odkaz_rss.jpg) repeat;
}