* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #000;
  font-family: Arial;
  font-size: 75%;
  color: #fff;
  text-align: center;
}

#stranka {
  text-align: left;
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

/* -- volba-mutace -- */

#volba-mutace {
  position: absolute;
  top: 6px;
  right: 45px;
  text-align: right;
  width: 200px;
}
#volba-mutace a {
  color: #fff;
  text-decoration: underline;
  margin: 0 0.2em;
}
#volba-mutace a.aktivni {
  color: #FECC00;
  text-decoration: none;
}

/* -- hlavicka -- */

#hlavicka {
  width: 100%;
  height: 537px;
  background: #000 url(../img/bg-hlavicka.jpg) no-repeat 0 0;
  margin: 0 0 10px 0;
}
#hlavicka.stranky {
  background: #000 url(../img/bg-hlavicka-stranky.jpg) no-repeat 0 0;
  height: 272px;
}

#logo {
  position: absolute;
  top: 0;
  left: 3px;
}

/* -- hl-cinnost -- */

#hl-cinnost {
  position: absolute;
  top: 282px;
  left: 582px;
  width: 327px;
  height: 208px;
  background: #000 url(../img/bg-hl-cinnost.jpg) no-repeat 0 0;
  border-bottom: 1px solid #1B191E;
  color: #fff;
}
#hl-cinnost a {
  color: #fff;
}
#hl-cinnost ul {
  list-style-type: none;
  padding: 30px 5px 0 20px;
  margin: 0;
}
#hl-cinnost li {
  padding: 0 0 10px 14px;
  margin: 0;
  line-height: 1.2;
  background: url(../img/li-001.gif) no-repeat 0 4px;
}
#hl-cinnost p.vice {
  text-align: right;
  padding: 0 15px 0 0;
  margin: 0 30px 10px 20px;
  background: url(../img/li-001.gif) no-repeat 100% 6px;
}
#hl-cinnost p.vice a {
  color: #FFCD00;
}

h2.nadpis-uvodni-stranky {
  /*text-transform: uppercase;*/
  /*font-weight: normal;*/
  /*padding: 5px 0px 0px 15px;*/
  /*border-left: 1px solid;*/
  /*margin: 20px 0px 0px 30px;*/
  /*font-weight: normal;*/
  /*float: left;*/
  padding: 0px;
  margin: 0px !important;
}

*html h2.nadpis-uvodni-stranky {
  margin: 20px 0px 0px 15px;
}
h2.nadpis-uvodni-stranky span.c1 {
  color: #FFF;
  display: block;
  font-size: 14px;
}
h2.nadpis-uvodni-stranky span.c2 {
  display: block;
  font-size: 18px;
  font-weight: normal;
}
#submenu h3 {
  text-transform: uppercase;
  /*font-weight: normal;*/
  padding: 5px 0px 0px 15px;
  border-left: 1px solid;
  margin: 20px 0px 0px 22px;
  /*font-weight: normal;*/
  float: left;
  color: #FECC00;
}
*html #submenu h3 {
  margin: 20px 0px 0px 11px;
}
#submenu h3 span.c1 {
  color: #FFF;
  display: block;
  font-size: 14px;
}
#submenu h3 span.c2 {
  display: block;
  font-size: 18px;
  font-weight: normal;

}
/* -- menu -- */

#menu {
  position: absolute;
  top: 28px;
  left: 195px;
  width: 765px;
  height: 50px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

#menu a {
  color: #fff;
  text-decoration: none;
}
#menu ul {
  margin: 0;
  padding: 5px 10px;
  list-style-type: none;
}
#menu li {
  float: left;
  border-left: 1px solid #fff;
  padding: 2px 8px 2px 12px;
  margin: 2px 8px;
  text-transform: uppercase;
}
* html #menu li {
  margin: 2px 10px 2px 5px;
}

#menu li.aktivni {
  border-left-color: #FFCA05;
}
#menu li.aktivni a {
  color: #FFCA05;
}
#menu li a:hover {
  color: #FFCA05;
}


/* -- kosik -- */

#kosik {
  position: absolute;
  top: 87px;
  left: 630px;
  width: 330px;
  height: 50px;
  background: url(../img/ico-kosik.gif) no-repeat 6px 18px;
  padding: 17px 5px 0 32px;
}
#kosik .popisek {
  font-size: 0.9em;
  font-weight: 600;
  color: #FECB00;
  margin-right: 2px;
}

/* -- blok-1 -- */

#blok-1 {
  clear: both;
  margin: 0 0 10px 0;
  padding: 0;
}
#blok-1 div.box-1 {
  background: url(../img/bg-box-x.jpg) repeat-x 0 0;
  width: 316px;
  min-height: 200px;
  float: left;
  margin: 0 10px 0 0;
}
* html #blok-1 div.box-1 {
  height: 200px;
}
#blok-1 div.box-2 {
  background: url(../img/bg-box-x.jpg) repeat-x 0 0;
  width: 330px;
  min-height: 200px;
  float: left;
  margin: 0 10px 0 0;
}
* html #blok-1 div.box-2 {
  height: 200px;
}
#blok-1 div.box-3 {
  background: url(../img/bg-box-x.jpg) repeat-x 0 0;
  width: 316px;
  min-height: 200px;
  float: left;
  margin: 0;
}
* html #blok-1 div.box-3 {
  height: 200px;
}

/* -- blok-2 -- */

#blok-2 {
  clear: both;
  margin: 0 0 10px 0;
}
#blok-2 div.box-1 {
  background: url(../img/bg-box-x.jpg) repeat-x 0 0;
  width: 370px;
  min-height: 300px;
  float: left;
  margin: 0 10px 0 0;
}
* html #blok-2 div.box-1 {
  height: 300px;
}
#blok-2 div.box-2 {
  background: url(../img/bg-box-servis.jpg) no-repeat 0 0;
  width: 602px;
  min-height: 300px;
  float: left;
  margin: 0;
}
* html #blok-2 div.box-2 {
  height: 300px;
}

/* -- blok-obsah  -- */

#blok-obsah {
  clear: both;
  margin: 0 10px 10px 10px;
  padding: 0;
}

/* -- submenu -- */

#submenu {
  width: 232px;
  /*height: 500px;*/
  background: url(../img/bg-box-x.jpg) repeat-x 0 0;
  float: left;
}
#submenu a {
  text-decoration: none;
}
#submenu a:hover {
  color: #FECC00;
}
#submenu a.aktivni {
  color: #FECC00;
}
#submenu ul {
  list-style-type: none;
  clear: both;
  padding-top: 20px;
}
#submenu li {
  margin: 0 5px 10px 15px;
  padding: 0 0 0 15px;
  background: url(../img/li-001.gif) no-repeat 0 5px;
}

/* -- obsah -- */
#obsah {
  position: relative;
  margin: 0 0 0 242px;
  padding: 15px;
  background: url(../img/bg-box-x.jpg) repeat-x 0 0;
}
#obsah-telo {
  padding-bottom: 20px;
}
#obsah-telo img {
  border: 6px solid #353232;
}
p.dr-navigace {
  margin: 0 0 1em 0;
}
p.dr-navigace img.sipka {
  margin: 0 0.4em 0.1em 0.4em;
}
p.katalog-zobrazeni {
  position: absolute;
  width: 250px;
  top: 55px;
  right: 0px;
  text-align: right;
  padding: 0 15px 0 0;
} 
*html p.katalog-zobrazeni {
  /*right: 250px;*/
}
p.katalog-zobrazeni a {
  margin: 0 0.2em;
}
p.katalog-zobrazeni a.aktivni {
  color: #FECC00;
  font-weight: bold;
}


/* -- paticka -- */

#paticka {
  clear: both;
  margin: 20px 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #3E3635;
}
#paticka a.menu {
  margin: 0 0.3em;
}


/* -- global -- */
a {
  color: #fff;
}
a:hover {
  /*text-decoration: none;*/
}
a img {
  border: 0 none;
}
strong {
  color: #FFCC00;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  color: #FECC00;
  margin-bottom: 0.6em;
}
h2 {
  font-size: 1.4em;
  font-weight: 600;
  color: #FECC00;
  margin-bottom: 0.6em;
}
h3 {
  font-size: 1.4em;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.6em;
}
h3 {
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.6em;
}

p {
  line-height: 1.4;
  margin-bottom: 1em;
}

ul {
  margin-bottom: 1em;
} 
ul li {
    line-height: 1.4;
    margin: 0 0 0 30px;
}
ol {
  margin-bottom: 1em;
} 
ol li {
  line-height: 1.4;
  margin: 0 0 0 40px;
}
.bez-podclanku {
  margin-left: 0px !important;
}
.generic-box {
  padding: 0px 10px 45px 45px;
  line-height: 19px; 
  clear: both;
}
.generic-box p{
  margin-bottom: 7px;
}
.generic-box a{
  color: #FECC00;
}
 .generic-box li {
  font-weight: bold;
  color: #FECC00;
  margin-left: 20px;
  padding: 2px 0px;
}
 .generic-box ul li {

}
 .generic-box li span {
  color: #FFF;
  font-weight: normal;
}
.generic-box strong {
   color: #FFF;
}
#mikro-logo {
  float: left;
  margin: 20px 0px 20px 20px;
}
.generic-box ul {
  list-style-type: none;
  padding: 0px;
  margin: 0;
}
.generic-box ul li {
  padding: 2px 0px 2px 15px;
  margin-bottom: 5px;
  line-height: 1.2;
  background: url(../img/li-001.gif) no-repeat 0 6px;
  font-weight: normal;
  color: #FFF;
}
.fotogalerie-foto {
  margin: 0px 10px 10px 0px;
  border: 3px solid /*#353232*/ #555;
}
/* eshop */
.eshop-polozka {
  /*border: 1px solid #FFF;*/
  float: left;
  width: 170px;
  height: 180px;
  overflow: hidden;
  text-align: center;
  z-index: 800;
  padding-top: 10px;
}
*html .eshop-polozka {
  padding-top : 5px;
}
.eshop-polozka a{
  color: #FECC00;
}
.eshop-polozka p.popis{
  line-height: 25px;
}
.eshop-polozka p.popis strong{
  color: #FFF;
}
.eshop-vypis {
  padding-top : 20px;
  /*background: #F00;*/ 
}
.eshop-detail img {
  float: left;
  display: block;
  margin-right: 25px;
}
.eshop-detail .specifikace {
  float: left;
  display: block;
  /*width: 300px;*/
}
.eshop-detail table.specifikace td,.eshop-detail table.specifikace th{
  border-bottom: 1px solid #666;
  padding: 5px;
}
.eshop-detail table.specifikace td{
  padding-left: 50px;
}
.eshop-detail table.specifikace th{ 
  color: #FECC00;
}
.eshop-detail p{ 
  padding-top: 15px;
  clear: both;
  line-height: 22px;
}
.eshop-detail form{ 
  /*padding-top: 75px;*/
}
*html .eshop-detail p{
  padding-top: 0px;
}
.kosik {
  padding-top : 20px;
}
.kosik img {
  border: 0px !important;
}
.kosik .kosik-table th, .kosik .kosik-table td {
  padding: 4px;  
}
.kosik .kosik-table .pata th {
  border: 0px; 
  color: #FFF;
}
.kosik .kosik-table .pata th {
  border-top: 1px dashed #FECC00; 
  border-bottom: 0px;
}
.kosik .kosik-table td.cena, .kosik .kosik-table th.cena {
  text-align: right;
}
.kosik .kosik-table th {
  color: #FECC00;
  text-align: left;
  border-bottom: 1px dashed #FECC00;
  
}
.objednavka-table {
 width: 100%;
 margin-top: 20px;
}
.objednavka-table td, .objednavka-table th {
 padding: 3px;
}
.objednavka-table td.polozka {
 font-size: 15px;
 color: #FECC00;
 font-weight: bold;
 border-bottom: 1px dashed #444;
}
.objednavka-table th {
 font-weight: normal;
 padding-left: 6px;
 vertical-align: top;
 width: 190px;
}
input, select, textarea {
  border: 0px;
  color: #FFF;
  background: #444;
  padding: 2px;
}
input.submit {
  color: #FECC00;
  
}
/* STRANKOVANI */
.strankovani,
.strankovani_mrizky {
  padding: 10px;
  clear: both;
  background: #444;
}
.strankovani img,
.strankovani_mrizky img{
  border: 0px !important;
}
.strankovani .left {
  float: left;
  width: 350px;
}
.strankovani .right {
  float: right;
  color: #FFF;
}
.strankovani a.cislo,
.strankovani_mrizky span.strankovani,
.strankovani_mrizky a.strankovani {
  text-decoration: none;
  padding: 3px;
}
.strankovani a.tucne,
.strankovani_mrizky span.strankovani {
  /*font-size: 18px;*/
  font-weight: bold;
  background: #FECC00;
  color: #000;
}
.strankovani_mrizky p.poc_polozek {
  float: right;
}


#pridat-do-kosiku {
  border: 0px;
  padding: 0px;
  margin-bottom: -9px;
}
input.maly {
  width: 25px;
}
.eshop-detail form {
  margin-top: 10px;
}
.hlaseni-fade div, .hlaska-ok {
  padding: 10px;
  background: #444;
  color: #0F0;
  margin-left: 5px;
  margin-bottom: 5px;
}
.hlaseni-fade img {
  padding-right: 5px;
  margin-bottom: -2px
}

#box-foto-us {
  padding: 20px 0px 45px 0px;
}

#box-foto-us img {
  border: solid 4px #322F2F;
  margin-bottom: 9px;
}
#box-foto-us a.vice,
.generic-box a.vice,
#tlacitko-dotaz {
  padding: 0 15px 0 0;
  background: url(../img/li-001.gif) no-repeat 100% 6px;
}


.chyba {
  background: #444;
  color: #FAA;
  padding: 10px;
  margin: 10px 5px 5px 5px;
}
.ok {
  background: #444;
  color: #0F0;
  padding: 10px;
  margin: 10px 5px 5px 5px;
}
.povinne {
  color: #F00;
  font-weight: bold;
  font-size: 16px;
}
strong.zluta {
  color: #FECC00;
}

/* archiv aktualit **/
div.aktualita-polozka {
  border-top: solid 1px #646263;
  padding-top: 15px;
}
div.aktualita-polozka-prvni {
  border: none;
}
div.polozka_katalogu .hlavicka strong {
  color: #fff;
}
div.polozka_katalogu .hlavicka strong.zluta {
  color: #FECC00;
}

#submenu form {
  margin-left: 13px;
  margin-top: 5px;
}
#submenu form input{
  margin-top: 5px;
}

#tlacitko-dotaz {
  color: #FECC00;
}
form img {
  border: 0px !important;
}

/** google mapa */
#googlemap {
  border: 1px solid #999999;
  height: 350px;
  margin: 5px 0pt 20px;
  width: 635px;
}

div.gmnoprint {
  /*color: #000 !important;*/
}
.zajimavy-odkaz {
  padding-bottom: 10px;
  padding-top: 10px
}
.zajimavy-odkaz .left {
 float: left;
 width: 175px;
}
.zajimavy-odkaz .left img {
  margin : 0px !important;
  border: 3px solid #666 !important;
}
.zajimavy-odkaz .right {
  float: left;
  width: 550px;
}
.zajimavy-odkaz .right p{
  padding:0px;
  margin: 0px;
}
.zajimavy-odkaz h3 {
  font-size: 13px;
}

div.oceneni-box p.nadpis {
  margin: 0 0 10px 0; 
  text-align: teft; 
  font-size: 14px;
}
div.oceneni-box p.polozka {
  width: 120px; 
  text-align: center; 
  line-height: 1.4; 
  font-size: 11px; 
  float: left;
}
div.oceneni-box p.polozka img{
  margin: 0 0 5px 0;
}