/* --- css stylesheet --- */
/* --- global --- */
html , html * , body , body * {
  font-size: 12px;
  line-height: 16px;
  font-family: "Trebuchet MS", "tahoma ce", tahoma, "helvetica ce", helvetica, sans-serif;
}
body {
  margin: auto;
  padding: 0px;
  color: #000000;
  background: repeat left top url('../pics/bg_body.gif') #FFFFFF;
  text-align: center;
}
a {
  color: #BB0000;
  text-decoration: underline;
}
a:hover {
  color: #BB0000;
  text-decoration: none;
}
form {
  padding: 0px;
  margin: 0px;
}
input, textarea, select {margin: 0px;}
ul {
  margin: 0px 0px 0px 18px;
  padding: 0px;
}
ol {
  margin: 0px 0px 0px 32px;
  padding: 0px;
}
li {
  margin: 0px 0px 0px 4px;
  padding: 0px;
}
h1 , h2 , h3 , h4 , h5 , h6 {
  padding: 0px;
  margin: 0px;
  color: #000000;
  font-weight: bold;
}
h1 {
  background: none #B1CFE9;
  border: 1px solid #000000;
  padding: 5px 7px;   
  text-align: center;
  margin-bottom: 30px;
}
h1 , h1 * {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
h2 {
  padding: 7px 0px;
}
h2 , h2 * {
  font-size: 16px;
}
h3 {
  margin-bottom: 5px;
}
h3 , h3 * {
  font-size: 13px;
}
h4 {}
h4 , h4 * {}
h5 {}
h5 , h5 * {}
h6 {}
h6 , h6 * {}
table {
  border: 0px none;
  margin: 0px;
  border-collapse: collapse;
}
table td {padding: 0px;}
img {border: 0px none;}
p {margin: 0px;}
/* --- common --- */
.clear , .f-c {
  float: none !important;
  clear: both !important;
  font-size: 0px !important;
  line-height: 0px !important;
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
}
.float-left, .f-l {float: left !important;}
.float-right, .f-r {float: right !important;}
.align-left, .a-l {text-align: left !important;}
.align-center, .a-c {text-align: center !important;}
.align-right, .a-r {text-align: right !important;}
.align-top, .a-t {vertical-align: top !important;}
.align-middle, .a-m {vertical-align: middle !important;}
.align-bottom, .a-b {vertical-align: bottom !important;}
.error , .error * {color: #FF0000 !important;}
.error input {border: 1px solid #FF0000 !important;}
.warning , .warning * {color: #008000 !important;}
.warning input {border: 1px solid #008000 !important;}
.hidden {display: none;}
.block {display: block;}
.print {display: none;}
.invisible {visibility: hidden;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.red {color: #FF0000;}
.blue {color: #0000FF;}
.green {color: #008000;}
.highline {color: #C7020B;}
/* --- form --- */
.text {
  border: 1px solid #808080;
  background: none #FFFFFF;
  padding: 1px 2px 0px 2px;
}
input.text {
  height: 17px;
  width: 200px;
} 
input.text.small {
  width: 40px;
} 
textarea.text {
  height: 60px;
  width: 200px;
  overflow: auto;
}
div.admin input.text {
  width: 300px;
}
select {
  height: 20px;
}
input.text.e_position {
  width: 20px;
}
.button {
  border: 1px solid #000000;
  background: none #B1CFE9;
  color: #000000;
  height: 18px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
a.button {
  display: block;
  float: left;
  padding: 0px 15px 0px 15px;
  margin: 5px 0px 5px 0px;
}
a.button:hover {
  color: #000000;
  text-decoration: none;
}
/* --- mask --- */
div.web-all {
  width: 980px;
  margin: auto;
  text-align: left;
}
/* --- header --- */
div.header {
  border: 1px solid #000000;
  margin: 0px 0px 10px 0px;
}
div.header-in {
  background: repeat-x left bottom url('../pics/bg_header.jpg');
  height: 100px;
}
img.logo {
  display: block;
  float: left;
  margin: 0px 0px 0px 12px;
}
div.logo-text-left {
  float: left;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 22px;
  padding: 20px 0px 0px 0px;
}
div.logo-text-left.cz {
  padding: 30px 0px 0px 0px;
}
div.logo-text-left * {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 22px;
}
div.logo-text-left.admin {
  padding: 40px 0px 0px 0px;
  font-size: 18px;
}
div.logo-text-left span.head1 {
  font-size: 20px;
}
div.logo-text-left span.head2 {
  font-size: 14px;
  font-style: italic;
}
div.logo-text-left span.head3 {
  font-size: 20px;
  font-style: italic;
}
/* --- top menu --- */
div.top-menu {
  height: 30px;
  background: none #96BFDF;
  border-top: 1px solid #B4D2E9;
}
div.top-menu h3 {
  float: left;
  color: #35349C;
  font-size: 15px;
  padding: 6px 5px 0px 10px;
}
div.top-menu ul {
  float: left;
}
div.top-menu ul, div.top-menu ul li, div.top-menu ul ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
div.top-menu ul:after {
  clear: both;
  display: block;
  content: ".";
  height: 0px;
  visibility: hidden;
}
div.top-menu ul li {
  display: block !important;
  display: inline;
  position: relative;
  float: left;
}
div.top-menu ul ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 30px;
  background: none #FFFFFF;
  border: 1px solid #AAAAAA;
  z-index: 1;
}
div.top-menu ul ul.ceniky {
  width: 90px;
}
div.top-menu ul li:hover ul, div.top-menu ul li.iehover ul {
  display: none;
}
div.top-menu ul li:hover ul, div.top-menu ul li.iehover ul  {
  display: block;
}
div.top-menu ul li li {
  background: none #FFFFFF;
  text-align: center;
  float: none;
}
div.top-menu ul li a {
  display: block;
  float: left;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 12px 6px 12px;
  background: no-repeat right top url('../pics/top-menu-sep.jpg');
}
div.top-menu ul li li a {
  display: block;
  float: none;
  text-align: center;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  padding: 6px 12px;
  border-bottom: 1px solid #AAAAAA;
  background: none;
}
div.top-menu ul li a:hover {
  color: #FFFFFF;
  background: no-repeat right top url('../pics/top-menu-sep.jpg') #96BFDF;
}
div.top-menu ul li li a:hover {
  color: #FFFFFF;
  background: none #96BFDF;
  border-bottom: 1px solid #96BFDF;
}
/* --- body --- */
div.right-body {
  width: 800px;
  float: right;
}
/* --- left-col --- */
div.left-col {
  width: 170px;
  float: left;
}
ul.left-menu {
  width: 170px;
  padding: 5px 0px 0px 0px;
  margin: 0px;
}
ul.left-menu:after {
  clear: both;
  display: block;
  content: ".";
  height: 0px;
  visibility: hidden;
}
ul.left-menu li {
  display: block !important;
  display: inline;
  position: relative;
  list-style-type: none;
  width: 161px;
  margin: 0px;
  padding: 0px 5px 0px 4px;
}
ul.left-menu li ul {
  display: none;
  position: absolute;
  left: 168px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #AAAAAA;
}
ul.left-menu li li {
  list-style-type: none;
  width: 160px;
  margin: 0px;
  padding: 0px;
}
ul.left-menu li:hover ul, ul.left-menu li.iehover ul {
  display: none;
}
ul.left-menu li:hover ul, ul.left-menu li.iehover ul  {
  display: block;
}
ul.left-menu li a {
  display: block;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 2px;
  border-bottom: 1px solid #AAAAAA; 
  width: 162px;
}
ul.left-menu li li a {
  display: block;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 2px;
  border-bottom: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  background: none #FFFFFF;
}
ul.left-menu li a:hover {
  color: #4E40A3;
  background: none #C1DAEC;
}
/* --- content --- */
div.content {
  width: 598px;
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 10px 10px 20px 10px;
  background: none #FFFFFF;
  border: 1px solid #000000;
}
div.content.login {
  width: 958px;
}
/* --- right-col --- */
div.right-col {
  width: 170px;
  float: right;
}
/* ---  --- */
div.block {
  width: 170px;
  margin: 0px 0px 10px 0px;
}
div.block h3 {
  height: 16px;
  overflow: hidden;
  background: no-repeat left top url('../pics/block-header.jpg');
  padding: 4px 5px 0px 8px;
  margin: 0px;
}
div.block div.block-in {
  background: none #FFFFFF;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}
div.block div.block-corners-bottom {
  background: no-repeat left top url('../pics/block-corners-bottom.gif');
  height: 10px;
  overflow: hidden;
}
/* --- jazyky --- */
ul.lang {
  margin: 0px 0px 0px 15px;
}
ul.lang li {
  margin: 0px;
  list-style-type: none;
  float: left;
}   
ul.lang li a.cze {
  display: block;
  float: left;
  padding: 5px 0px 5px 25px;
  margin: 5px 10px 0px 0px;
  background: no-repeat left center url('../pics/cze.jpg');
}
ul.lang li a.eng {
  display: block;
  float: left;
  padding: 5px 0px 5px 25px;
  margin: 5px 0px 0px 0px;
  background: no-repeat left center url('../pics/eng.jpg');
}  
/* --- patička --- */
div.footer {
  text-align: center;
  padding: 20px 0px;
}
/* ---  --- */
ul.home li {
  color: #1D4E75;
}
ul.home li div.foto {
  text-align: center;
  margin: 30px 0px 40px -20px;
}
ul.home li h3 {
  font-size: 18px;
  font-weight: normal;
  color: #FF0000;
  margin: 10px 0px;
}
ul.home li h3 span.date {
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  margin-right: 5px;
}
       
div.oznaceni {
  padding: 5px 0px 0px 0px;
}
div.oznaceni img {
  display: block;
  float: left;
  margin: 0px 7px 0px 0px;
}

table.porovnani {
  margin-top: 20px;
}              
table.porovnani td {
  padding: 3px 5px;
  border: 1px solid #AAAAAA;
}              
table.porovnani th {
  padding: 3px 5px;
  border: 1px solid #000000;
  text-align: left;
  background: none #B1CFE9;
}

table.products-seznam { 
  width: 100%;
  margin-top: 20px;
}           
table.products-seznam td {
  border: 1px solid #AAAAAA;
  background: repeat-y right top url('../pics/bg-vypis.jpg');
  padding: 6px;
}                       
table.products-seznam td.img {
  padding: 3px;
  text-align: center;
  background: none #efefef;
}     
table.products-seznam td.img img {
  border: 1px solid #AAAAAA;
}     
table.products-seznam h3 {
  margin-bottom: 2px;
}       
/* ---  --- */
/* --- admin --- */
table.admin-login  {
  margin: 0px 0px 0px 370px;
}
table.admin-login td {
  padding: 3px 10px 3px 0px;
}
div.admin table.admin-login td input.text {
  width: auto;
}         
table.admin-products-seznam {
  width: 100%;
}   
table.admin-products-seznam td {
  padding: 3px 5px;
  border: 1px solid #AAAAAA;
}   
table.menu-edit {
  width: 100%;
}
table.menu-edit th, table.menu-edit td {
  padding: 3px 3px;
  border-bottom: 1px solid #AAAAAA;
}
table.menu-edit td input, table.menu-edit td select {
  vertical-align: middle;
}
table.product-upravit th, table.product-upravit td {
  padding: 3px 3px;
}
table.product-upravit textarea.text {
  width: 400px;
  height: 100px;
  overflow: auto;
}
table.product-upravit input {
  vertical-align: middle;
}

table.mailform {
  width: 100%; 
}
table.mailform td {
  padding: 2px 5px 2px 0px;
  vertical-align: top; 
}
table.objednavka {
  width: 556px; 
  margin: 0px 0px 10px 20px; 
}
table.objednavka2 {
  width: 536px; 
  margin: 0px 20px 10px 20px; 
}
table.objednavka td, table.objednavka2 td {
  padding: 2px 5px 2px 0px;
  vertical-align: top;
}
table.mailform input  {
  vertical-align: middle;
}
div.fieldset {
  border: 1px solid #B1CFE9;
  padding: 0px 10px 10px 10px;
  margin: 0px 0px 20px 0px;
}
div.fieldset2 {
  border: 1px solid #B1CFE9;
  padding: 10px 10px 0px 10px;
  margin: 0px 0px 20px 0px;
}
div.fieldset h3 {
  display: inline;
  background: none #FFFFFF;
  position: relative;
  top: -10px;
  padding: 0px 10px;
  margin: 0px;
}
span.cena {
  margin-left: 16px;
  font-weight: bold;
}