.hide {
  position: absolute;
  top: -5000px;
  left: -5000px;
}
.clear {
  display: block;
  clear: both;
  height: 0px;
  font-size: 0px; /*ie hack */
  line-height: 0px; /*ie hack */
}
.vpravo {
  float: right;
  margin: 0 0 0 1em;
}
.chyba {
  color: red;
  font-weight: bold;
}
body {
  margin: 0;
  padding: 0;
  background: rgb(220,220,220); 
  color: rgb(0,0,0);
  text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 160%;
}
a {
  color: rgb(198,0,05);
  text-decoration: underline;
}
a:link {
  color: rgb(198,0,05);
}
a:visited {
  color: rgb(198,0,05);
}
a:hover {
  color: rgb(0,67,110);
  text-decoration: none;
}
a:active {
  color: rgb(0,0,0);
}
img {
  border: none;
}
#mainbg {
  background: rgb(220,220,220) center repeat-y url('../images/bground.png'); 
}
#topbar {
  width: 100%;
  height: 189px;
  background: rgb(0,67,110) repeat-x url('../images/topbar-bg01.jpg'); 
}
#topbar div {
  width: 870px;
  height: 100%;
  margin: 0 auto;
  background: transparent 8px 0px no-repeat url('../images/topbar-bg02.jpg'); 
  text-align: left;
}
#topbar div div {
  width: 870px;
  background: transparent 0px 150px no-repeat url('../images/topbar-bg03.png'); 
}
h1 {
  position: absolute;
  margin: 70px 0 0 50px;
  padding: 0;
}
#topbar ul {
  margin: 0 1em 0 0;
  padding: 0;
  list-style: none;
  float: right;
}
#topbar ul li {
  float: left;
}
#topbar ul li a {
  float: left;
  background: transparent;
  border: none;
  padding: 149px 0 0 0;
  font-size: 110%;
  font-weight: bold;
  color: rgb(90,90,90);
  text-decoration: none;
  margin: 0 1px;
}
#topbar ul li a:hover {
  background: rgb(171,0,4) top right no-repeat;
  border: 1px solid rgb(255,255,255);
  border-top: none;
  color: rgb(255,255,255);
  margin: 0;
}
#topbar ul li#menu-novinky a:hover {
  background-image: url('../images/menubg-novinky.png');
}
#topbar ul li#menu-produkty a:hover {
  background-image: url('../images/menubg-produkty.png');
}
#topbar ul li#menu-cennik a:hover {
  background-image: url('../images/menubg-cennik.png');
}
#topbar ul li#menu-onas a:hover {
  background-image: url('../images/menubg-onas.png');
}
#topbar ul li#menu-reklamacie a:hover {
  /*background-image: url('../images/menubg-reklamacie.png');*/
}
#topbar ul li#menu-kontakt a:hover {
  background-image: url('../images/menubg-kontakt.png');
}
#topbar ul li#menu-eshop a:hover {
  background-image: url('../images/menubg-eshop.png');
}
#topbar ul li#menu-podmienky a:hover {
  background-image: url('../images/menubg-podmienky.png');
}

#topbar ul li a span {
  display: block;
  padding: .6em .5em;
  border-top: 1px solid rgb(255,255,255);
}

p {
  margin: 0 0 1em 0;
  padding: 0;
}
h2 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 180%;
  font-weight: normal;
  color: rgb(0,67,110);
}
#main {
  width: 830px;
  margin: 0 auto;
  padding: 1em 20px;
  text-align: left;
}
#basic-info {
  padding: 1em;
  margin: 0 0 2em 0;
  border-bottom: 4px solid rgb(170,170,170);
  background: repeat-x top url('../images/basic-info-bg.png');
  font-weight: bold;
  min-height: 130px;
}
#basic-info img {
  border: 2px solid rgb(170,170,170);
}
#left-column {
  width: 250px;
  float: left;
}
#right-column {
  margin-left: 250px;
}
#akcia, .leftbox {
  width: 230px;
  border: 4px solid rgb(170,170,170);
  /*background: repeat-x top url('../images/akcia-bg.png');*/
  text-align: center;
  padding: 0 0 .5em 0;
  margin: 0 0 1em 0;
  font-size: .8em;
}
#akcia strong {
  font-size: 1em;
}
#akcia p, #akcia h3, .leftbox p, .leftbox h3 {
  font-size: 120%;
  line-height: 160%;
  text-align: left;
  padding: 0 10px;
}
#akcia h3 {
  color: rgb(198,0,5);
  font-weight: normal;
  font-size: 200%;
  line-height: 50%;
  margin: 0 0 .5em 0;
}
.leftbox h3 {
  color: rgb(198,0,5);
  font-size: 150%;
  margin: 0 0 .5em 0;
}
#akcia strong {
  color: rgb(198,0,5);
}
.novinky {
  float: left;
  width: 570px;
  margin: 0 0 2em 0;
}
.novinky div {
  float: left;
  width: 275px;
  margin: 0 10px 0 0;
}
.novinky img {
  float: left;
}
.novinky p {
  padding: 0 0 0 85px;
  margin: 0;
}
#footer {
  width: 100%;
  height: 112px;
  background: rgb(0,67,110) repeat-x url('../images/footer-bg01.png');
  text-align: center;
  color: rgb(255,255,255);
  clear: both;
}
#footer a {
  color: rgb(255,255,255);
}
#footer p {
  padding-top: 80px;
  background: transparent center top no-repeat url('../images/footer-bg02.png');
}
.photo {
  position: absolute;
  margin-left: 19em;
  border: 1px solid rgb(170,170,170);
}
#elektro-partneri {
  text-align: center;
}
#elektro-partneri img {
  margin: 0 2em;
}
.produkty img {
  margin: 0 10px 15px 0;
}
.produkty h3 {
  background: rgb(240,240,240);
}
label {
  float: left;
  width: 11em;
}
.PrehladTovarovTable {
  clear: both;
}

fieldset {
  padding: 5px;
  margin: 0 0 5px 0;
}
legend {
  font-weight: bold;
}
.servis_podpisy {
  border: 1px solid rgb(0,0,0);
  float: left;
  width: 30%;
  margin: 0 10px 0 0;
  padding: 60px 0 5px 0;
  font-size: 8pt;
  text-align: center;
}
.predajne img {
  border: 2px solid rgb(170,170,170);
}
.predajne div {
  background: rgb(245,245,245);
  padding: 1px 5px 0 5px;
}
.sammotiv_predavac_info {
  background: rgb(245,245,245);
  padding: 5px;
}
#sammotiv_telefony {
  border-collapse: collapse;
}
#sammotiv_telefony th {
  background: rgb(100,100,100);
  color: rgb(255,255,255);
}
#sammotiv_telefony td, #sammotiv_telefony th {
  border: 1px solid rgb(200,200,200);
  padding: 2px 5px;
}