body 
{
  font-family: sans-serif;
  font-size:100%;
  /*
  font-size:100%;
  font-size: 16px;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 3em;
  padding-bottom: 3em;
  border-style: solid;
  border-width: 2px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  */
}

html, body, table, tr, td, img, a,  p.hr, hr, div, center.main
{
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  /*border-spacing: 0px;*/
  /*border: 0.25em solid red;*/
}


h1
{
  margin-left: 7px;
  margin-top: 0.5em;
  margin-bottom: 0.0em;
}

h2,h3,h4,h5,h6
{
  margin-top: 0.8em;
  margin-bottom: 0.3em;
}

b, strong
{
  font-weight: bolder;
}

em
{
  font-style: italic;
}

/* layout */
html, center.main
{
  height: 101%;
}

body
{
  height: 100%;
  width: 100%;
}

div.main
{
  width: 960px;
  text-align: left;
}

img.banner
{
  width: 100%;
}

div.fblikesite
{
  float: right;
  margin-top: 7px;
  width: 90px;
  height: 20px;
}

div.fblike
{
  float: right;
  width: 52px;
  height: 65px;
  margin-left: 3px;
}

div.menu, 
div.menur
{
  float: left;
  margin-top: 0.8em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  margin-bottom: 3px;
    margin-left: 0.5em;
  }

div.menur
{
  margin-left: 144px;
}

div.menu+div.menu,
div.menur+div.menur
{
  margin-left: 0em;
  border-left: 1px;
  border-style: solid;
}

div.menu#selected,
div.menur#selectedr
{
  margin-bottom: 0px;
  border-bottom: 3px;
  border-right: 1px;
  border-style: solid;
}

div.menu#selected+div.menu,
div.menur#selectedr+div.menur
{
  border-left: 0px;
}

div.menu#selected+div.menur
{
  margin-left: 143px;
}

div.clear
{
  clear:both;
}

div.howto
{
  font-size: x-large;
  float: right;
  margin-bottom: 3px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /*background-color: green;*/
}

div.nav
{
  margin-top: 0.8em;
  float: right;
  margin-bottom: 3px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  /*background-color: green;*/
}

div.nav+div.nav
{
  margin-left: 0em;
  border-right: 1px;
  border-style: solid;
}

div.navbottom
{
  margin-top: 3px;
  float: right;
  margin-bottom: 3px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  /*background-color: green;*/
}

div.navbottom+div.navbottom
{
  margin-left: 0em;
  border-right: 1px;
  border-style: solid;
}

div.copyright
{
  margin-top: 3px;
  float: left;
  margin-bottom: 3px;
  padding-left: 0.25em;
  padding-right: 0.25em;
  margin-left: 0.5em;
}

div.pres
{
  clear:both;
  width: 100%;
  /*background-color: palegreen;*/
}

div.item, div.detail, div.empty
{
  border: 15px;
  border-style: solid;
}

div.empty
{
  padding: 4px
}

table.center
{
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  /*background-color: green;*/
}

div.item
{
  float: left;
  width: 290px;
  height: 405px;
  overflow: hidden;
}

div.image
{
  padding: 15px;
  margin-bottom: 0.3em;
}

.item div.image
{
  width: 260px;
  height: 260px;
}

.detail div.image
{
  width: 900px;
}

.detail div.extraimg
{
  margin-top: -0.3em;
  margin-bottom: 0.3em;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-style: solid;
  width: 930px;
}

.extraimg div.imagebox
{
  float: left;
  width: 124px;
  height: 124px;
  padding: 15px;
}

.item img
{
  vertical-align: middle;
  max-height: 260px;
    max-width: 260px;
    }

.detail img
{
  vertical-align: middle;
  max-height: 900px;
    max-width: 100%;
    }

.extraimg img
{
  vertical-align: middle;
  max-height: 124px;
    max-width: 124px;
    }

.item div.title, .detail div.title
{
  float:left;
  margin-left: 4px;
  margin-right: 7px;
  font-weight: bold;
}

.item div.spec, .detail div.spec
{
    float: left;
  margin-left: 4px;
  margin-right: 4px;
}

.detail div.spec
{
    clear: both;
  }


.item div.price, .detail div.price
{
  float:right;
  margin-left: 7px;
  margin-right: 4px;
  font-weight: bold;
}

.item div.text, .detail div.text
{
  clear:both;
  padding-top: 0.5em;
  margin-left: 4px;
  /*height: 100px;*/
}

.item div.text
{
  width: 282px;
}

.detail div.text
{
  width: 922px;
  min-height: 60px; /* aby bylo místo na fblike button */
  margin-bottom: 0.5em;
}


/* colors */
body
{
  background-color: black;
}

div.main, a
{
  color: #c0c0c0;
  background-color: #101010;
  text-decoration: none;
}

a:hover
{
  color: white;
}

/* tabulka s produkty */
div.pres,
div.item, div.detail,
div.menu#selected,
div.menur#selectedr,
div.menu#selected a,
div.menur#selectedr a
{
  color: white;
  background-color: #383838;
  border-color: #383838;
}

div.extraimg
{
  border-color: #383838;
}

div.empty
{
  color: white;
  background-color: #808080;
  border-color: #383838;
}

/* pozadi fotek */
div.image
{
  /*background-color: #CAC5BD;*/
  background-color: #808080;
}

/* popisky */
div.item, div.detail,
div.item a, div.detail a
{
  color: white;
  background-color: #808080;
}