html {
  overflow-y: scroll; /* scrollbar fix for firefox */
  height: 100%;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

* html .clear {display:none}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

body {
  height: 100%;
  text-align: left;
  vertical-align: top;
  font-family: "Arial CE", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  color: #999999;
}

img {
  border: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

a {
  color: #bb242b;
  text-decoration: none;
}

a:hover {
  color: #bb242b;
  text-decoration: underline;
}

p {
  margin: 0 0 0 0;
}

h1, h2, h3 {
  
}

li {
  padding-left: 0px;
}

ul {
  list-style: none;
  padding-left: 0em;
  text-indent: 0em;  
}

/* ------- */
/* Layout  */
/* ------- */

body {background-color: white;}

#content {
  width: 100%;
  height: 100%;
  margin: auto auto;
  padding: 0 0 0 0;
}

#content td {
  vertical-align: middle;
}

#content #mainframe {width: 982px;}
#content #popup {width: 550px;}

#content #mainframe td, #content #popup td {
  text-align: left;
  vertical-align: top;
  padding: 0 0 0 0;
  position: relative;
}

#content #mainframe td#page_menu {
  width: 140px;
  position: relative;
}

#content #mainframe td#page_content, #content #popup td#page_content {
  width: 842px;
  position: relative;
}

#content #popup td#page_content {width: 510px;}

/* *** header.. logo.. menu *** */

#mainframe #header {
  height: 120px;
  width: 140px;
  position: relative;
}

#header div.katoo_logo, #header div.katoo_logo h1 a {
  width: 140px;
  height: 120px;
}

#header div.katoo_logo h1 a {display: block; background: url('images/katoo-tasky-polstarky-logo.gif') top left no-repeat transparent;}
#header div.katoo_logo h1 a.error {display: block; background: url('images/katoo-tasky-polstarky-logo-error.gif') top left no-repeat transparent;}
#header div.katoo_logo h1 a.ok {display: block; background: url('images/katoo-tasky-polstarky-logo-ok.gif') top left no-repeat transparent;}
#header div.katoo_logo h1 a strong {position: absolute; left: -9999px;}

div.main_menu, div.webdesign {
  width: 126px;
  margin: 0 0 0 0;
  padding: 25px 0 9px 14px;
}

#page_menu div.main_menu h2, #page_menu div.main_menu h3, #page_menu div.webdesign h2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 12px;
  line-height: 18px;
  color: #999999;
}

#page_menu div.main_menu h3 {
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 0 10px;
}

#page_menu div.main_menu h2 a, #page_menu div.main_menu h3 a, #page_menu div.webdesign h2 a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #999999;
}

#page_menu div.webdesign h2.copy {font-weight: normal; margin-bottom: 20px;}
#page_menu div.webdesign h2.copy a:hover {color: #bb242b;}

#page_menu div.webdesign h2.facebook {width: 105px; height: 28px; font-weight: normal; margin-bottom: 25px;}
#page_menu div.webdesign h2.facebook a {width: 105px; height: 28px; display: block; background: url('images/facebook.gif') top left no-repeat transparent;}
#page_menu div.webdesign h2.facebook a strong {position: absolute; left: -9999px;}

#page_menu div.main_menu h2 a.selected, #page_menu div.main_menu h3 a.selected {color: #bb242b; font-weight: bold;}
#page_menu div.main_menu h2 a.selected strong, #page_menu div.main_menu h3 a.selected strong {color: #bb242b; font-weight: bold;}
#page_menu div.main_menu h2 a strong, #page_menu div.webdesign h2 a strong, #page_menu div.main_menu h3 a strong {font-weight: normal;}

/* *** content lista ... jazyky *** */

#mainframe #lista {
  width: 820px;
  height: 54px;
  position: relative;
  padding: 14px 0 0 0;
}

#lista div.jazyky {
  width: 60px;
  height: 33px;
  position: absolute;
  top: 14px;
  left: 760px;
}

#lista div.jazyky h3 {
  height: 33px;
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#lista div.jazyky h3 a {
  width: 30px;
  height: 33px;
  display: block;
  background-position: 0px 0px;
}

#lista div.jazyky h3 a.cs {background: url('images/jazyk_cs.gif') top left no-repeat transparent;}
#lista div.jazyky h3 a.en {background: url('images/jazyk_en.gif') top left no-repeat transparent;}

#lista div.jazyky h3 a:hover, #header div.jazyky h3 a.selected:hover {background-position: 0 -33px;}
#lista div.jazyky h3 a.selected {background-position: 0 -33px;}

#lista div.jazyky h3 a strong {position: absolute; left: -9999px;}

/* homepage veci */

#mainframe #homepage {
  width: 842px;
  position: relative;
  padding: 0 0 0 0;
}

/* page veci */

a.sv_modry {color: #7CC4CB;}
a.sv_modry:hover {color: #7CC4CB; text-decoration: underline;}

#mainframe #page {
  width: 842px;
  position: relative;
  padding: 0 0 0 0;
}

#page #preview {
  width: 450px;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0 0 0 0;
  float: left;
}

#page #preview div.images {
  width: 410px;
  height: 410px;
  position: relative;
  float: left;
}

#page #preview div.images img {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}

#img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12, #img13, #img14, #img15, #img16, #img17, #img18, #img19, #img20 {display: none;}
#link1, #link2, #link3, #link4, #link5, #link6, #link7, #link8, #link9, #link10, #link11, #link12, #link13, #link14, #link15, #link16, #link17, #link18, #link19, #link20 {display: none;}

#page #description {
  width: 392px;
  position: relative;
  padding: 0 0 0 0;
  float: left;
}

#page #description.overview {width: 842px;}

#page #description div#products {
  width: 352px;
  /* height: 104px; */
  position: relative;
  float: left;
}

#page #description div#products.line {width: 352px; overflow: hidden;}
#page #description div#products.multiline {width: 802px; }

#page #description div#products table {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
/*  position: absolute;
  left: 0;
  top: 0; */
  z-index: 0;
}

#page #description div#products.multiline table {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  z-index: 0;
}

#page #description div#products table td div.ukazka {
  width: 87px;
  height: 104px;
  padding: 0 0 0 0;
  position: relative;
}

#page #description div#products.multiline table td div.ukazka {
  width: 161px;
  height: 150px;
}

#page #description div#products.multiline table td div.info {
  width: 150px;
  text-align: left;
  margin: 0 0 16px 0;
}

#page #description div#products.multiline table td div.info h2 {
  margin: 5px 0 0 0;
  padding: 0 0 0 1px;
}

#page #description div#products.multiline table td div.info h2 a {color: #999999;}

#page #description div#products.multiline table td div.info p {
  margin: 0 0 0 0;
  padding: 0 0 0 1px;
}

#page #description div#products table td div.label {
  height: 16px;
  line-height: 16px;
  text-align: left;
  font-size: 10px;
}

#page #description div#products.multiline table tr {
  /* height: 161px; */
}


#page #description div#products table td div.ukazka img {border: 1px solid white;}
#page #description div#products table td div.ukazka img.selected {border: 1px solid #bb242b;}

#page #description div#products table td div.ukazka img.bookmark {
  position: absolute;
  top: 65px;
  left: 5px;
  z-index: 100;
  border: 0px solid white;
}

#page #description.overview div#products table td div.ukazka img.bookmark {
  position: absolute;
  top: 130px;
  left: 5px;
  z-index: 100;
  border: 0px solid white;
}


#page #description div#products table td div.ukazka img#bookme {display: none;}

#page #description div#products table td div.ukazka img.soldout {
  position: absolute;
  top: 69px;
  left: 1px;
  z-index: 50;
  border: 0px solid white;
  opacity: 0.9;
}

#page #description div.prodprev, #page #description div.prodnext {
  width: 20px;
  height: 85px;
  position: relative;
  float: left;
}

#page #description.overview div.prodprev, #page #description.overview div.prodnext {
  width: 20px;
  height: 314px;
}


#page #description div.prodprev a, #page #description div.prodnext a {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url('images/prev.gif') top left no-repeat;
}

#page #description div.prodnext a {background: url('images/next.gif') top left no-repeat;}
#page #description div.prodprev a:hover, #page #description div.prodnext a:hover {background-position: 0 -20px; text-decoration: none;}
#page #description div.prodprev a strong, #page #description div.prodnext a strong {opacity: .0;}

#page #description div.popis {
  width: 350px;
  position: relative;
  margin: 16px 0 0 20px;
}

#page #description.overview div.popis {
  width: 798px;
  position: relative;
  margin: 10px 0 20px 20px;
  padding: 0 2px 0 2px;
}

#page #description div.popis h1, #page #description div.popis h2, #page #description div.popis h3 {
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  color: #84d3db;
}

#page #description div.popis h2 {color: #84d3db; margin: 18px 0 0 0;}
#page #description div.popis div.form_row h2 {color: #84d3db; margin: 0 0 0 0;}
#page #description div.popis h3 {color: #999999; margin: 18px 0 0 0;}

#page #description div.popis p {
  line-height: 18px;
  font-size: 12px;
  position: relative;
  margin: 18px 0 0 0;
}

#page #description div.popis p.first {margin: 12px 0 0 0;}

#page #description div.popis p span.tabulator {
  position: absolute;
  left: 100px;
  font-weight: normal;
}

em {
  color: #bb242b;
  font-weight: bold;
}

/* sold out veci a podobny */
#high1 {display: block;}
#high2, #high3, #high4, #high5, #high6, #high7, #high8, #high9, #high10, #high11, #high12, #high13, #high14, #high15, #high16, #high17, #high18, #high19, #high20 {display: none;}

#page #preview div.images img.soldout, #page #preview div.images img.top, #page #preview div.images img.sleva  {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 100;
}

#page #preview div.imgprev, #page #preview div.imgnext {
  width: 20px;
  height: 410px;
  position: relative;
  float: left;
}

#page #preview div.imgprev a, #page #preview div.imgnext a {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url('images/prev.gif') top left no-repeat;
}

#page #preview div.imgnext a {background: url('images/next.gif') top left no-repeat;}
#page #preview div.imgprev a:hover, #page #preview div.imgnext a:hover {background-position: 0 -20px; text-decoration: none;}
#page #preview div.imgprev a strong, #page #preview div.imgnext a strong {opacity: .0;}

#blinder {
  width: 410px;
  height: 410px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 400;
  background: white;
  opacity: .0;
}

#blinder a {
  width: 410px;
  height: 410px;
  display: block;
  color: white;
}

#page #preview div.hlasovani {
  width: 410px;
  height: 35px;
  position: relative;
  padding: 0 20px 0 20px;
  text-align: right;
}

#page #preview div.hlasovani img {
  width: 40px;
  height: 35px;
  top: 0px;
  left: 390px;
  position: absolute;
}

#page #preview div.hlasovani p {
  line-height: 35px;
  font-size: 12px;
  padding-right: 50px;
}

#page #preview div.hlasovani p.center {padding-right: 0px; text-align: center; font-style: italic;}

#page #preview div.hlasovani p a {color: #999999; text-decoration: none;}
#page #preview div.hlasovani p a:hover {color: #999999; text-decoration: underline;}



/* chyby a dalsi zpravy aplikaci */

div.errors, div.ok {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-weight: normal;
  height: 33px;
  font-size: 10px;
  line-height: 33px;
  padding: 0 12px 0 12px;
  width: 716px;
}

div.errors {background: #bb242b; color: white;}
div.ok {background: #d8f3f6; color: #999999; font-size: 11px;}

/* *** formularove prvky - obecne *** */

div.form {
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: #ececec;
  position: relative;
}

form#form_order {width: 410px;}
input#email, input#jmeno, input#telefon {width: 401px;}
textarea#adresa {width: 406px;}

form#form_newsletter_registration {width: 350px;}
form#form_newsletter_registration input#email {width: 341px;}

div.form_row {
  padding: 0 0 0 0;
  margin: 18px 0 0 0;
  position: relative;
/*  width: 100%;  */
}

div.form_row input {
  width: 100%;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  padding-left: 5px;
}

input.required {width: 99px; height: 18px; padding-left: 5px;}
input#send {width: 108px; height: 24px; text-align: left; padding-left: 4px;}

input.required:hover {
  color: #bb242b;
}

input.important {color: #bb242b;}

span.required {
  color: #bb242b;
  font-size: 10px;
  margin: 0 0 0 3px;
}

span.important {color: #bb242b;}

a.big_button, a.big_facebook {
  width: 100px;
  height: 32px;
  text-align: left; 
  font-size: 11px;
  line-height: 32px;
  background-color: #bb242b; 
  color: white;
  font-weight: bold;
  text-align: center;
  border: 0px solid white;
  padding: 0 0 0 0;
  margin: 18px 0 0 0;
  display: block;
}

a.big_button:hover {color: white;}

a.big_facebook {background-color: #3B5998;}
a.facebook {color: #3B5998; font-weight: bold;}
a.twitter {color: #bb242b; font-weight: bold;}

input#send, .big_button {
  font-size: 11px;
  line-height: 16px;
  width: 100px;
  height: 32px;
  background-color: #bb242b; 
  color: white;
  font-weight: bold;
  text-align: center;
  border: 0px solid white;
  padding: 0 0 0 0;
}

sup {
  font-size: 11px;
}

/* texty ve formulari */

div.form_row h1, div.form_row h2, div.form_row h3, div.form_row h4 {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  height: 24px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.form_row h2 {font-size: 12px; font-weight: bold; color: #666666;}
div.form_row h3 {font-size: 10px; font-weight: bold;}
div.form_row h4 {font-size: 10px;}

div.form_row div.cena, div.form_row div.cena_big, div.form_row div.titul, div.form_row div.tlacitko, div.form_row div.input, label {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
}

span.important {
  color: #bb242b;
}

div.form_row p {
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
  margin: 0 0 12px 0;
}

div.form_row ul {
  line-height: 18px;
  margin: 0 0 12px 0;
}

div.form_row ul.divider {
  padding: 0 0 14px 0;
  position: relative;  
}

div.form_row ul li {
  text-align: left;
}

/* objednavkovy formular */

.artikl {
  width: 410px;
  margin: 0 0 0 0;
  padding: 0 0 8px 0;
  position: relative;
}

.artikl .titul {
  width: 230px;
  margin: 0 0 0 0;
  text-align: left;
}

.artikl .titul h1, .artikl .titul h2 {
  font-weight: normal;
  color: #bb242b;
}

#page #description div.popis div.form_row h1 {color: #bb242b;}
#page #description div.popis div.form_row div.cena h2 {color: #bb242b; font-weight: bold; font-style: italic;}

.artikl .cena {
  width: 120px;
  margin: 0 0 0 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 230px;
}

.artikl .cena_big {
  width: 240px;
  margin: 0 0 0 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 170px;
}

.artikl .tlacitko {
  width: 60px;
  margin: 3px 0 0 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 350px;
}

.artikl .input {
  width: 51px;
  margin: 0px 0 0 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 350px;
}

.artikl .tlacitko a {
  color:  #bb242b;
}

/* obchodni podminky */

#popup div.popis h1 {
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  /* font-style: italic; */
  color: #84d3db;
  margin: 9px 0 0 0;
}

#popup div.popis h2 {
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  /* font-style: italic; */
  color: #bb242b;
  margin: 9px 0 0 0;
}

#popup div.popis p {
  line-height: 18px;
  font-size: 12px;
  position: relative;
  margin: 9px 0 0 0;
}

#popup div.popis a {color: #bb242b; text-decoration: none;}
#popup div.popis a:hover {color: #bb242b; text-decoration: underline;}

a.lart {
  background: url('images/lart_logo_v2.gif') top left no-repeat;
  padding: 0 0 35px 0;
  height: 54px;
  width: 105px;
  display: block;
}

a.lart:hover {
  background-position: 0 -54px;
}

div.share {
  width: 410px;
  height: 35px;
  padding: 0 20px 0 20px;
  clear: both;
}

div.like {
  width: 200px;
  margin: 0 0 0 0;
  padding: 7px 0 0 0;
  float: left;
  text-align: left;
}

div.buttons {
  width: 210px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
  text-align: right;
}

div.buttons a {
  width: 31px;
  height: 27px;
  display: block;
  margin: 4px 0 0 10px;
  float: left;
}

div.buttons span {
  width: 87px;
  text-align: right;
  line-height: 35px;
  float: left;
}

div.buttons a.facebook {background: url('images/share_facebook_sm.gif') top left no-repeat;}
div.buttons a.twitter {background: url('images/share_twitter_sm.gif') top left no-repeat;}
div.buttons a.email {background: url('images/share_email_sm.gif') top left no-repeat;}

div.buttons a strong {position: absolute; left: -9999px;}