* {
margin: 0;
padding: 0; 
}


img {
border: 0;
}

.hide {
display: none;
}

body {
background: #ffffff url(../img/bg.jpg) repeat-x center top;
text-align: center;
font-family: 'Verdana CE', Verdana, 'Arial CE', Arial, 'Lucida Grande CE', lucida, 'Helvetica CE', sans-serif;
font-size: 70%;
}

#obal {
margin: 0 auto -50;
width: 800px;
}

#logo {
  position: relative;
  width: 198px;
  height: 50px;
  overflow: hidden;
}

#logo span {
  cursor: hand;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 198px;
  height: 50px;
  background: url(../img/logo.gif) 0 0 no-repeat;
}

#topmenu {
background: url(../img/top.jpg) no-repeat center top;
top: 0px;
width: 800px;
height: 100px;
margin: 0 auto;
}

#topmenu a, #hlavni a {
color: #00AFF0;
text-decoration: underline;
}

#hlavni a {
font-weight: bold;
}

#topmenu a:hover, #hlavni a:hover {
text-decoration: underline;
color: #000000;
}

#topmenu .right a {
font-weight: bold;
}

#nadpisy {
background: url(../img/top2.jpg) no-repeat center top;
top: 0px;
width: 800px;
height: 70px;
margin: 0 auto;
text-align: left;
}

#nadpisy h1 {
float: left;
}

#nadpisy h2 {
float: right;
font-size: 220%;
padding-top: 15px;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
color: #00AFF0;
width: 570px;
text-align: right;
}

h3 {
margin-bottom: 20px;
margin-top: 20px;
border-bottom: 1px #00AFF0 solid;
font-size: 180%;
font-weight: bold;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}

h4 {
font-size: 220%;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
color: #00AFF0;
border-bottom: 1px gray solid;
margin-bottom: 20px;
}

h5 {
font-size: 150%;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
color: #00AFF0;
}

#hlavni ol, #hlavni ul {
margin-left: 30px;
}

#hlavni ol li, #hlavni ul li {
margin-bottom: 5px;
}

#hlavni ul li {
list-style-type: square;
}

#topmenu .left {
float: left;
padding: 8px;
padding-left: 10px;
}

#topmenu .left a {
float: left;
}

#topmenu .right {
float: right;
padding: 8px;
padding-right: 15px;
}

#topmenu .right span {
margin-left: 7px;
border-right: 1px gray solid;
margin-right: 7px;
}

button .icon {
display: none;
}

.w350 {
  width: 350px;
}

.icon {
width: 16px;
height: 16px;
display: block;
float: left;
margin-right: 5px;
margin-left: 5px;
}

.icon2 {
width: 16px;
height: 16px;
display: block;
margin-right: 10px;
float: right;
}

button .icon {
_display: none;
}

.i_print { background: url(../ico/print.gif) no-repeat center; }
.i_help { background: url(../ico/i_help.gif) no-repeat center; }
.i_box { background: url(../ico/i_box.gif) no-repeat center; }
.i_ref { background: url(../ico/i_ref.gif) no-repeat center; }
.i_send { background: url(../ico/i_send.gif) no-repeat center; }
.i_pdf { background: url(../ico/pdf.gif) no-repeat center; }
.i_basket { background: url(../ico/basket.gif) no-repeat center; }
.i_basket2 { background: url(../ico/basket2.gif) no-repeat center; }
.i_email { background: url(../ico/i_email.gif) no-repeat left center; }
.i_board { background: url(../ico/i_board.gif) no-repeat left center; }
.i_disk { background: url(../ico/i_disk.gif) no-repeat left center; }
.i_bag { background: url(../ico/i_bag.gif) no-repeat left center; }
.i_zeme { background: url(../ico/i_zeme.gif) no-repeat left center; }
.i_login { background: url(../ico/i_login.gif) no-repeat left center; }
.i_help2 { background: url(../ico/i_help2.gif) no-repeat left center; }
.i_razitko { background: url(../ico/i_razitko.gif) no-repeat left center; }
.i_ink { background: url(../ico/i_ink.gif) no-repeat left center; }
.i_stocek { background: url(../ico/i_stocek.gif) no-repeat left center; }

#copyright {
background: url(../img/bottom.jpg) no-repeat center top;
top: 0px;
width: 800px;
margin: 0 auto;
text-align: center;
padding-top: 250px;
margin-bottom: 30px;
color: #696969;
color: black;
}

#obsah {
width: 800px;
margin: 0 auto;
text-align: left;
min-height: 650px;
}

#menu {
width: 200px;
float: left;
}

#obsah div {
width: 580px;
float: right;
}

#obsah p {
margin-bottom: 20px;
text-align: justify;
}

#menu li {
list-style-type: none;
background: url(../img/menu.gif) no-repeat -0px 0px;
width: 200px;
height: 25px;
margin-bottom: 5px;
font-size: 110%;
font-weight: bold;
padding-top: 10px;
}

#menu li span {
color: gray;
font-weight: normal;
}

#menu .note  {
background: 0;
height: auto;
font-size: 80%;
color: gray;
font-weight: normal;
height: 80px;
}

#menu .ic_pk {
font-size: 0;
display: block;
width: 180px;
height: 65px;
background: url(../img/karty.jpg) no-repeat;
margin-top: 10px;
padding: 0;
}

#menu .vybrany {
background: url(../img/menu.gif) no-repeat -200px 0px;
}
#menu .vybrany a {
color: #ffffff;
}

#menu a:hover {
text-decoration: underline;
}

#menu li a {
color: #000000;
text-decoration: none;
width: 200px;
padding-left: 10px;
}

#copyright a {
color: black;
text-decoration: none;
}

.cleaner {
font-size: 1px;
clear: both;
}

.tlacitko {
background: url(../img/box.jpg) no-repeat 0px 0px;
}

.tlacitko a {
width: 480px;
height: 55px;
display: block;
font-size: 220%;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
color: #000000 !important;
font-weight: bold;
text-decoration: none;
padding-top: 25px;
padding-left: 100px;
text-decoration: none !important;
}

.tlacitko a:hover {
text-decoration: underline !important;
}

.tlacitko span {
display: block;
color: #696969;
padding-top: 5px;
font-size: 90%;
z-index: 100;
}

#hlavni {
padding-left: 10px;
border-left: 1px #ebebeb solid;
}

#hlavni table {
margin-bottom: 15px;
}

#hlavni table, #hlavni table th, #hlavni table td {
border: 0;
}

#hlavni table td, #hlavni table th {
vertical-align: top;
padding: 2px 10px;
padding: 5px;
}

#hlavni table th a {
color: white;
}

#hlavni table th {
text-align: left;
/*background: #00AFF0;*/
background: url(../img/bgbox.jpg)  top;
color: black;
border: 1px #85D7EB solid;
}

#hlavni table td {
/*background: #ebebeb;*/
background: url(../img/bgbox3.jpg) top;
border: 1px #C6D1D3 solid;
}

.small {
border-top: 1px #ebebeb solid;
color: gray;
font-size: 80%;
}

.small sup {
font-size: 120%;
}

.cena {
font-size: 180%;
}

.cena2 {
font-size: 140%;
}

.ilustracni {
float: right;
}

.cleaner {
font-size: 1px;
clear: both;
}

.ramecek {
padding: 10px;
border: 1px #00AFF0 solid;
background: url(../img/bgbox.jpg) repeat-x top;
font-weight: bold;
}

.ramecek a {
color: black !important;
}

sup {
color: #00AFF0;
}

button {
/*padding: 5px;*/
}

.nopadding {
padding: 0 !important;
}

.white {
background: 0 !important;
background-color: #ffffff !important;
border: 0 !important;
}

optgroup {
background: #00AFF0;
}

optgroup optgroup {
background: gray !important;
}

option {
background: #ebebeb;
}

textarea {
background: #ebebeb;
border: 1px gray solid;
overflow: auto;
}

#navrhar {
border: 10px #00AFF0 solid;
}

.textn {
font-size: 180%;
}

.tabulka td, .tabulka th {
border-right: 1px gray solid !important;
border-bottom: 1px gray solid !important;
border-left: 1px silver solid !important;
border-top: 1px silver solid !important;
}

.tabulka {
border-left: 1px gray solid !important;
border-top: 1px gray solid !important;
border-right: 1px silver solid !important;
border-bottom: 1px silver solid !important;
}

.red {
background-color: red;
color: white;
}

.gray {
color: gray;
font-weight: normal;
font-style: italic;
}

.pravy_ramecek {
margin-left: 30px;
margin-bottom: 30px;
float: right;
}

.levy_ramecek {
margin-right: 30px;
margin-bottom: 30px;
float: left;
}

.bigtext {
}

strike {
color: #00AFF0;
}

.produkt_list {
padding: 15px;
background: url(../img/box7.jpg) no-repeat 0px 0px;
width: 550px !important;
}

.produkt_list p {
margin-bottom: 5px !important;
width: 450px !imporant;
}

.produkt_list span img {
border: 0;
}

.produkt_list span {
float: right;
}

.disp_none {
display: none;
}

.pf {
  font-size: 142%;
  font-weight: bold;
  font-family: 'Georgia CE', Georgia, 'Times New CE', times, 'New York CE', serif;
}
.tlacitkonove {
  margin-bottom: 5px !important;
  margin-right: 5px;
  float: left;
}
.tlacitkonove strong {
  display: block;
  width: 190px;
  height: 190px;  
}
.tlacitkonove a {
  display: block;
  width: 190px;
  height: 190px;
}
.tlacitkonove span {
  display: block;
  width: 190px;
  height: 190px;
  position: relative;
  top: -190px;
  z-index: 100;
}
.nt-bezreg { background: url(../data/images/bezreg.jpg) no-repeat center; }
.nt-modico { background: url(../data/images/modico2.jpg) no-repeat center; }
.nt-zahranici { background: url(../data/images/zahranici.jpg) no-repeat center; }
.nt-zaregistrovat { background: url(../data/images/zaregistrovat.jpg) no-repeat center; }
.nt-prihlasit { background: url(../data/images/prihlasit.jpg) no-repeat center; }
.nt-navrh { background: url(../data/images/navrh.jpg) no-repeat center; }
.nt-katalog { background: url(../data/images/katalog.jpg) no-repeat center; }
.nt-jak-na-to { background: url(../data/images/jak-na-to.jpg) no-repeat center; }

.nomgr {
  margin-right: 0px;
}

.ro {
  color: gray;
  background-color: #dedede;
}

.nostyle, .nostyle * {
  background: 0 !important; 
  border: 0 !important;
}

#imodico, #itrodat, #iwagraf {
  display: block;
  width: 200px;
  height: 50px;
  position: relative;
}

#imodico {
  top: 35px;
  left: 230px;  
}

#itrodat {
  width: 185px;
  top: -17px;
  left: 430px;  
}

#iwagraf {
  width: 180px;
  top: -69px;
  left: 617px;  
}

.ml20 {
  margin-left: 20px;
}