/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *                        Reset
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd, form, select, input, fieldset, label, blockquote, address, table, tr, td, th, div { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, dl, form, blockquote, address, table { margin:.5em 0 .7em; }
ul, ol { padding:0 0 0 .5em; margin:.7em 0 .5em 1em; }
li, dd, input, select { margin:.3em 0; }
dt, label { margin:.5em 0 .3em; }
fieldset {border: none;}
hr {border: none; border-bottom: 1px dotted #cbc4b2; height: 1px; padding: 0; display: block; margin: 15px 0 20px 0; _margin: 5px 0 10px 0; clear: both;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *                        Obecne tagy
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html {
  height:100%;
  background:#ccc;
}

body {
	font:normal 109%/1.5 Arial,sans-serif;
  color:#000;
  background:#ccc;
  font-size: 100%;
}


a, a:link { color:#c3473f; }
a:visited { color:#c3473f; }
a:active  { color:#f00; }
a:hover   { color:#c00; text-decoration:none; }

img { border:0 none; }

address { font-style:normal; display:inline; }

table  { border:none; }
tr     { }
th, td { border:none; }



h1 { margin:.3em 0 .7em; font:normal 190%/1.3 Arial,serif; color:#c3473f;   } 
h2 { margin:1.5em 0 .5em; font:bold 110%/1.3 Arial,sans-serif; color:#003;  }
h3 { margin:1.5em 0 .5em; font:bold 110%/1.3 Arial,sans-serif; color:#017;  }
h4 { margin:1em 0 .5em; font:bold 100%/1.3 Arial,sans-serif; color:#017;  }
ol { }
ul { margin}
li { font:normal 100%/1.3 Arial,sans-serif; color:#017; color:#003;   }
p  { font:normal 100%/1.5 Arial,sans-serif; color:#017; color:#003; }

dt { font-weight:bold; }

ol.abc { list-style:lower-alpha; }

ul.bezodr { margin-left:0; padding-left:0; list-style:none; }
ul.bezodr li { margin-left:0; padding-left:0; list-style:none; }

input.text,
select,
textarea      { padding:2px 2px 2px 5px; font:normal 12px/1.3 Arial,sans-serif; vertical-align:middle; border:1px solid #999; }
input.button,
input.tlacitko  { cursor:hand; cursor:pointer; }


sup, sub { line-height:1em; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *                        Obecne tridy
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.db { display:block; }
.dn, hr.skryj, hr.skyj {display:none; }
.vh { visibility:hidden; }

.cistic,
.clr,
.article_separator { clear:both; font-size:0px!important; width:0px!important; height:0px!important; =height:1px!important; line-height:0px!important; padding:0px!important; margin:0px!important; overflow:hidden; }


span.cistic { display:block; }

.b { font-weight:bold; }

.fl { float:left; }
.fr { float:right; }
.fn { float:none!important; }

.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; }

.tal { text-align:left!important; }
.tar { text-align:right!important; }
.tac { text-align:center!important; }
.taj { text-align:justify!important; }

.prvni { margin-top:0!important; }

.mart0 { margin-top:0!important; }
.mart1 { margin-top:1em!important; }
.mart15 { margin-top:1.5em!important; }
.mart2 { margin-top:2em!important; }
.marb1 { margin-bottom:1em!important; }
.marb2 { margin-bottom:2em!important; }

.mpt0  { margin-top:0!important; padding-top:0!important; }
.mpb0 { margin-bottom:0!important; padding-bottom:0!important; }

.nw { white-space:nowrap; }
.radek { display:block; }

.oddel { display:none; }

.vlevo { float:left; margin:6px 15px 5px 0!important; }
.vpravo { float:right; margin:6px 0 5px 15px!important; }

.velky { font-size:130%; line-height:1.1em!important; }

.poznamka  { margin:4em 0 1em!important; font-style:italic; }

.roh { position:absolute; width:15px; height:15px; background:url('../images/layout/kulroh.gif') no-repeat; }
.roh.krlh { top:0; left:0; background-position:100% 100%; }
.roh.krph { top:0; right:0; background-position:0 100%; }
.roh.krpd { bottom:0; right:0; background-position:0 0; }
.roh.krld { bottom:0; left:0; background-position:100% 0; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *                        Rozvrzeni (layout)
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#stranka {
  width:100%;
  padding:0;
  margin:0;
  color:#000;
  background:#fff url('../images/layout/body.jpg') repeat-x bottom;
  text-align:left;
}
  #stranka-inner { background:url('../images/layout/stranka.jpg') repeat-x 0 0; } 

  #hlavicka {
    position:relative;
    width:991px;
    height:107px;
    margin:0 auto;
    background:url('../images/layout/hlavicka-pozadi.jpg') no-repeat 100% 0;
    }

    #hlavicka-inner {
    width:991px;
    height:107px;
    background:url('../images/layout/hlavicka.png') no-repeat 0 0;
  }


  
    #hlavicka #logo { display:block; position:absolute; z-index:5; top:35px; left:30px; width:219px; height:45px; border:none; text-decoration:none; background:url('../images/layout/logo-dobreoci.gif') no-repeat 0 0; }
    #hlavicka #logo img { display:none; }
    #hlavicka #logo #hlavicka-text { display:none; }

  #telo { } 
    #telo-inner { position:relative; width:961px; padding:0px 15px 20px; margin:0 auto; background:url('../images/layout/telo.png') repeat-y 0 0; }

    #drobky { position:absolute; top:-45px; left:300px; font-size:70%; margin:0 0 10px; color:#333; }
      #drobky a { color:#333; }

    #obsah-levy-sloupec { margin-top:0px; }
      #obsah-levy-sloupec.sloupce.sl2 .sloupec.sl1 { float:right!important; width:690px!important; padding:0!important; overflow:visible; }
      #obsah-levy-sloupec.sloupce.sl2 .sloupec.sl2 { float:left!important; width:270px!important; padding:0!important; overflow:hidden; }

        #obsah-levy-sloupec.sloupce.sl2 .sloupec.sl1 .sloupce.sl2 .sloupec { float:left!important; width:48%!important; padding:0 2% 0 0!important; overflow:visible; }
        #obsah-levy-sloupec.sloupce.sl2 .sloupec.sl1 .sloupce.sl2 .sloupec.sl2 { padding:0 0 0 2%!important; }

    #obsah { }
      #obsah-inner { }
      #obsah label { display:inline-block; width:5em;  margin:0 0 .3em!important;  vertical-align:top; }
      #obsah input { margin:0 0 .3em!important; }
      #obsah input.text { width:200px; }
      #obsah input.text.pocet { width:2em; }
      #obsah textarea { margin:0 0 .3em!important;  }
      #obsah p.err {font:bold 110%/1.3 Arial,sans-serif; color:#c3473f; background: #bde2fd; padding: 5px 10px;}

      #hlavni-obsah { margin:0 0 1em; }
        #hlavni-obsah-inner a.koupit { display:block; border:none; padding:6px 10px 6px 35px; width:203px; font:bold 18px/20px Arial,sans-serif; background:url('../images/layout/tlacitko-pridej.gif') no-repeat 0 0; color:#fff; text-decoration:none; text-align:left; }
        #hlavni-obsah table { margin:1em 0; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; border-right:0; /*table-layout:fixed; */ width: 100%;}
        #hlavni-obsah caption { display:none; }
        #hlavni-obsah th { border-bottom:2px solid #ddd; background:#ddd; color:#000; text-align: left;}
        #hlavni-obsah th,
        #hlavni-obsah td { padding:3px 5px; border-right:1px solid #ccc; }
        #hlavni-obsah td { border-bottom:1px dotted #ddd; }
        #hlavni-obsah .box-parametry table { border:0; }

    #hlavni-menu { padding:10px 0 0; }
      #hlavni-menu ul { list-style:none; padding:10px 0 0 0; margin:0; }
      #hlavni-menu li { padding:0; margin:0 0 4px 0; font-size:20px; line-height:25px; }
      #hlavni-menu li a { color:#666; text-decoration:none; display:block; padding:8px 15px; width:180px; background:url('../images/layout/menu.gif') no-repeat 0 -41px; }
      #hlavni-menu li#current a,
      #hlavni-menu li a:hover { color:#9d4543; background-position:0 0; }
      #hlavni-menu li ul { padding:5px 0 0 10px; margin:0 0 10px; }
      #hlavni-menu li li { margin:0 0 6px 0; font-size:17px; line-height:19px; }
      #hlavni-menu li li a { display:inline-block; padding:0 0 0 15px; width:auto; background:url('../images/layout/menu-sipka.gif') no-repeat 0 4px; }
      #hlavni-menu li#current li a,
      #hlavni-menu li li a { color:#666; background-position:0 4px; }
      #hlavni-menu li li#current a,
      #hlavni-menu li li#current a:hover,
      #hlavni-menu li#current li a:hover,
      #hlavni-menu li li a:hover { color:#9d4543; background-position:0 4px; }
      #hlavni-menu li li ul { padding:5px 0 0 22px; margin:0 0 0px; }
      #hlavni-menu li li li { margin:0 0 4px 0; font-size:14px; line-height:16px; }
      #hlavni-menu li li li a { padding:0; color:#666; background:none; }
      #hlavni-menu li#current li li a,
      #hlavni-menu li li#current li a { color:#666; background:none; }
      #hlavni-menu li li li#current a,
      #hlavni-menu li#current li li a:hover,
      #hlavni-menu li li#current li a:hover,
      #hlavni-menu li li li#current a:hover { color:#9d4543; background:none; }
      
      #subnavigation ul.hidem {display: block !important;}

    #ovladaci-panel { position:absolute; z-index:50; top:-100px; right:15px; width:500px; font:normal 70%/1.2 Arial,sans-serif; }
      #ovladaci-panel ul { float:right; }
      #ovladaci-panel ul,
      #ovladaci-panel li { list-style:none; padding:0; margin:0; }
      #ovladaci-panel li { float:left; padding-left:30px; line-height:30px;}
      #ovladaci-panel li a { display:block; color:#666; text-decoration:none; }
      #ovladaci-panel li a:hover { color:#666; text-decoration:underline; }
      #ovladaci-panel li.zmensit { padding-left:0; }
      #ovladaci-panel li.zmensit a { padding-left:20px; background:url('../images/layout/ikona-aa.gif') no-repeat 0 11px; }
      #ovladaci-panel li.prihlasit a { padding-left:30px; background:url('../images/layout/ikona-klic.gif') no-repeat 0 9px; }
      #ovladaci-panel li.kosik a.bascet { padding-left:25px; background:url('../images/layout/ikona-kosik.gif') no-repeat 0 6px; font-size:200%; color:#00a144; text-decoration:underline;  }
      #ovladaci-panel li.kosik a:hover { color:#00a144; text-decoration:none;}
      #ovladaci-panel li.kosik .popis { text-align:right; line-height:1.5em;}
      
     
      
      
      #shopuser {width: 300px; padding-left: 150px; height: 60px; font-size: 70%; position: absolute; top: -100px; left: 400px; z-index: 1000;}      
      #shopuser form {margin: 0; padding: 0; }
      #shopuser h2 {margin: 0; padding: 0; display: inline;}
      #shopuser input {margin: 0; padding: 0; =height: 15px;}
      #shopuser input.btn {position: absolute; top: 22px; left: 310px; width: 70px; height: 25px; /*background: #ee8811; border: 0; color: #fff;*/}
      #shopuser label {margin: 0; padding: 0;}
      #shopuser p.errmsg {width: 150px; position: absolute; top: 0; left: -10px; color: #c3473f; font-weight: bold; z-index: 15; padding: 10px; background: #FFF; border: 1px solid #F00;}
      
      #user_info {/*width: 300px; padding-left: 150px; height: 60px; overflow: hidden;*/ font-size: 90%; padding-left: 10px;}      
      #user_info form {margin: 0; padding: 0; }
      #user_info h2 {margin: 0; padding: 0; display: inline;}
      #user_info input {margin: 0;}
      #user_info input.btn {width: 70px; height: 25px; /*background: #ee8811; border: 0; color: #fff;*/}
      #user_info label {margin: 0; padding: 0;}
      #user_info p.errmsg {width: 150px; height: 50px; position: absolute; top: 0; left: 0; color: #c3473f; font-weight: bold;}
      
      /* register banner */
			#register-banner { width: 220px; position: absolute; top: 10px; font-size: 18px; font-weight: bold; color: #F00; left: -100px; line-height: 20px; z-index: 10; }
			#register-banner a.link { text-decoration: none; display: block; width: 220px; height: 46px; background:url('../images/layout/register-banner-arrow.png') no-repeat right top; }
			
      /*order*/
      ul.order-nav {margin:0; padding: 0;}
      ul.order-nav li {display: inline;}
      ul.order-nav li.act a {font-weight: bold;}
      
      /**form**/
      #obsah label.error {display: none;}
      #obsah input.txt {padding: 2px 2px 0 2px; height: 17px;}
      
      #obsah form.questionare input {position: relative; top: 5px; _top: 2px;}
      #obsah a.btn {width: 160px; height: 32px; line-height: 32px; padding-left: 33px; display: block; color: #fff; font-size: 100%; font-weight: bold; text-decoration: none; background: url(../images/layout/tlacitko-pridej.gif) 0 0 no-repeat;}
      

  #paticka {
    clear:both;
    font:normal 80%/1.3 Arial,sans-serif;
  }
    #paticka-inner {
      position:relative;
      width:951px;
      height:43px;
      padding:35px 20px 35px;
      margin:0 auto;
      font-size:85%;
      background:url('../images/layout/paticka.png') no-repeat 0 0; 
    }

    #paticka a { color:#000; }
    #paticka p { margin:0; }
    #paticka .copy { float:left; }
    #paticka .sradosti { float:right; }
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *                        Tridy layoutu
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.sloupce { width:100%; }
  .sloupce.sl1 .sloupec { float:none; width:100%; }
  .sloupce.sl2 .sloupec { float:left; width:50%; }
  .sloupce.sl3 .sloupec { float:left; width:33.3%; }
  .sloupce.sl1 .sloupec.sl1 { width:100%; }
  .sloupce.sl2 .sloupec.sl1 { width:48%; padding-right:4%; }
  .sloupce.sl2 .sloupec.sl2 { width:48%; }
  .sloupce.sl3 .sloupec.sl1 { width:32%; padding-right:2%; }
  .sloupce.sl3 .sloupec.sl2 { width:32%; padding-right:2%; }
  .sloupce.sl3 .sloupec.sl3 { width:32%; }
  .sloupce .sloupec .sloupce.sl1 .sloupec { float:none; width:100%; }
  .sloupce .sloupec .sloupce.sl2 .sloupec { float:left; width:50%; }
  .sloupce .sloupec .sloupce.sl3 .sloupec { float:left; width:33.3%; }

.akce.prazdninova-sleva { position:relative; min-height:170px; padding:10px 30px; margin:20px 0 30px; background:#9d4543 url('../images/layout/akce-prazdninova-sleva.jpg') no-repeat 528px 15px; }
.akce.orange {position:relative; padding:10px 30px; margin:20px 0 30px; background:#ee8811;}
.akce.orange h2 { padding:.5em 0 0; margin:0 0 .5em; font:bold 160%/1.2 Arial,sans-serif; color:#000;  }
.akce.orange p { color:#fff; }
.akce.dobryzrak { background-image: url('../images/layout/akce-dobryzrak.jpg'); }
.akce.eyemax { background-image: url('../images/layout/akce-eyemax.jpg');}
.akce.tajemstvi { background-image: url('../images/layout/akce-tajemstvi.jpg'); }
.akce.logo { background-image: url('../images/layout/akce-logo.jpg'); }
.akce.orange .roh {background-image:url('../images/layout/kulroh2.gif');}

  .akce.prazdninova-sleva h2 { padding:.5em 0 0; margin:0 0 .5em; font:bold 160%/1.2 Arial,sans-serif; color:#fc0;  }
  .akce.prazdninova-sleva p { color:#fff; }
  .akce.prazdninova-sleva .cena-zrusena { padding:0 0 0; margin:0 0 0; font:normal 110%/1.2 Arial,sans-serif; }
  .akce.prazdninova-sleva .cena-akcni { padding:0 0 0; margin:.2em 0 .3em; font:bold 160%/1.2 "Arial Black",Arial,sans-serif; }
  .akce.prazdninova-sleva .cena-slov { padding:0 0 0; margin:0 0 0; font:normal 110%/1.2 Arial,sans-serif;  }
  .akce.prazdninova-sleva .tlacitko.koupit-program { display:block; position:absolute; top:150px; right:27px; padding:0 0 0 25px; font:bold 150%/25px "Arial Black",Arial,sans-serif; background:url('../images/layout/akce-sipka.gif') no-repeat 0 6px; color:#fff; text-decoration:none; }

.kontejner.registrovat { }
  .kontejner.registrovat .roh { background-image:url('../images/layout/kulroh-sedy.gif'); }
  .kontejner.registrovat h2.nadpis-kontejneru { margin-top:0!important; }
  .kontejner.registrovat p.tlacitko.registrovat { padding-bottom:0; margin-bottom:0; }
  .kontejner.registrovat .tlacitko.registrovat a { display:block; margin:10px auto 0; padding:10px 10px 10px 35px; width:188px; font:bold 18px/21px Arial,sans-serif; background:url('../images/layout/tlacitko-registruj.gif') no-repeat 0 0; color:#fff; text-decoration:none; }

.kontejner.aktuality { }
  .kontejner.aktuality h2.nadpis-kontejneru { margin-top:0!important; }
  .kontejner.aktuality .polozka { margin:0 0 1.5em!important; font:normal 100%/1.3 Arial,sans-serif; }
  .kontejner.aktuality .polozka h3.nadpis { margin:0!important; font:normal 100%/1.3 Arial,sans-serif; }
  .kontejner.aktuality .polozka h3.nadpis a,
  .kontejner.aktuality .polozka h3.nadpis .datum {  }
  .kontejner.aktuality .polozka .datum { margin-left:.6em; font-size:70%; font-weight:normal; color:#666; }

.kontejner.produkty { }
  .kontejner.produkty .vypis-polozek { }
  .kontejner.produkty .polozka { position: relative; clear:both; }
  .kontejner.produkty .polozka h2.nadpis {color: #c3473f;}
  .kontejner.produkty .polozka .obr {  }
  .kontejner.produkty .polozka /*.obr*/ img {float:left; margin:4px 15px 0 0; height:210px; }
  .kontejner.produkty .polozka .cena { float:left; margin:5px 15px 0 0; font-size:110%; font-weight:bold;  }
  .kontejner.produkty .polozka .koupit-polozku { float:right; }
  .kontejner.produkty .polozka .cena-pocet-koupit {position: absolute; bottom: 0; right: 0; width: 340px;}
  .kontejner.produkty .polozka .koupit-polozku form { margin:0; }
  #obsah .kontejner.produkty .polozka .koupit-polozku input { float:left; margin:0!important; }
  #obsah .kontejner.produkty .polozka .koupit-polozku input.text.pocet { margin:7px 10px 0 0!important; }
  .kontejner.produkty .polozka .koupit-polozku input.tlacitko.koupit { display:block; border:none; padding:6px 10px 6px 35px; width:203px; font:bold 18px/20px Arial,sans-serif; background:url('../images/layout/tlacitko-pridej.gif') no-repeat 0 0; color:#fff; text-decoration:none; text-align:left; }


p.vice.o-programu a { padding-left:15px; background:url('../images/layout/menu-sipka.gif') no-repeat 0 3px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * *
 * *                       Konkretní stranky
 * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                        Uvodni strana
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.indexpage { }
.indexpage h1 { margin:.5em 0 .5em; } 
.indexpage h2 { margin:.5em 0 .5em;}
.indexpage p { margin:.5em 0;}
.indexpage #hlavni-obsah .sloupce { clear:both; }
.indexpage #hlavni-obsah .sloupce .sloupec h2 { margin-top:1em; }
.indexpage .banner.uvod {  position:relative; top:-9px; margin:0 0 -9px; }
.indexpage #hlavni-obsah p.vice { font-size:80%; }
.indexpage .kontejner.registrovat { position:relative; padding:10px 10px; margin-top:50px; background:#eaeaea; }
.indexpage .kontejner.registrovat .obr.vlevo { margin:7px 15px 0px 0!important; }
.indexpage .kontejner.aktuality { padding:10px 0 0; margin-top:50px; }




/**/
.di {display: inline !important;}
.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w100p {width: 100% !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}