body { margin: 0; padding: 0; font-size: 11px; font-family:  Arial, Helvetica, sans-serif; color:white; background: url(../data/picture/page/bg.jpg) repeat;   }
/*
*{ margin:0; padding:0; border-width:0; }
*/
/* nadefinovane tagy */
span.MenaSk{ font-size: 8px; color: #868686;}

a { color: black;  text-decoration: underline;   font-weight: bolder;    }
a:hover { color: black; text-decoration: none; font-weight: bolder;    }
/**/
p#MenuLista{ width:486px; float: left; padding-bottom: 10px; font-size: 14px; color:#0464C2; font-weight: bolder;  }
p#spacer{ width: 100%; height: 10px;  float: left; font-size: 0px; }
p#GaleriaProduktu{ width: 100%; padding-bottom: 10px; padding-top: 10px; float: left; font-size: 0px; }
.ProductImg{  border: 1px solid black;  }

.TopMenuType{ width:101px;  padding-top: 15px; text-align: center;  float: left; color: Black; font-size: 16px; font-weight: bold; }
.TopMenuType a { color: black; text-decoration: none;  font-weight: bolder;    }
.TopMenuType a:hover { color: black; text-decoration: none; font-weight: bolder;    }
/*obtekanie*/
.FullDiv:after{content:"."; display: block; height: 0; clear: both; visibility: hidden; }
/*MENU*/
ul.LeftMenu{	margin: 0; padding: 0;}
ul#MenuBlok{width:159px; overflow: hidden; list-style: none; padding-top: 27px;  }
ul#MenuBlok a { color: black;  text-decoration: none;     }
ul#MenuBlok a:hover { color: black; text-decoration: none; font-weight: bolder;    }
ul#MenuBlok li{ width:159px; height:25px; line-height: 25px; vertical-align: middle; cursor: auto;  color: black; text-align: left; background: url(../data/picture/page/MenuBg.jpg) no-repeat; }
ul#MenuBlok li:hover{ width:159px; height:25px; line-height: 25px; vertical-align: middle;  color: black; text-align: left; background: url(../data/picture/page/MenuBg2.jpg) no-repeat; }

/*Level 1*/
ul#MenuBlok li#MenuLevel1{padding-left: 27px;  font-size: 12px;  }
ul#MenuBlok li#MenuLevel1_on{ padding-left: 27px;  font-size: 12px; font-weight: bolder; background: url(../data/picture/page/MenuBg2.jpg) no-repeat;  }
/*Level 2*/
ul#MenuBlok li#MenuLevel2{ padding-left: 5px; font-size: 12px; background: Silver;  }
ul#MenuBlok li#MenuLevel2_on{ padding-left: 5px; font-size: 12px;  background: #6F6F6F;  }
/*Other*/
ul#MenuBlok li#MenuOther{  padding-left: 27px; font-size: 12px; font-weight: normal;  }
ul#MenuBlok li#MenuOther a { color: #0464C2;  text-decoration: none;     }
ul#MenuBlok li#MenuOther a:hover { color: #0464C2 ; text-decoration: none; font-weight: bolder;    }
/**/
ul#MenuBlok li#MenuOther_on {  padding-left: 27px; font-size: 12px; font-weight: bolder; }
ul#MenuBlok li#MenuOther_on a { color: #0464C2;  text-decoration: none;     }
ul#MenuBlok li#MenuOther_on a:hover { color: #0464C2 ; text-decoration: none; font-weight: bolder;    }
/* lista menu */
h1#MenuLista{ width:486px; float: left; padding-bottom: 10px; font-size: 14px; color:#0464C2; font-weight: bolder;  }

/* hlavicka */
div#Hlavicka{	width:770px; margin: auto; height: 147px; border: 0px; overflow: hidden;   }
div#Hlavicka .top1{ width:290px; height: 147px; float: left; background: #384F74 url(../data/picture/page/Top1L.jpg) no-repeat; }
div#Hlavicka .top2{ width:480px; height: 147px; float: left; background: #384F74 url(../data/picture/page/Top1R.jpg) no-repeat;  }
div#Hlavicka .top2 p{height: 18px; float: right; line-height: 18px; vertical-align: middle; margin-top: 128px; }
/**/
div#Page{margin: 0px auto; width:770px; overflow: hidden; background: /*#3F5980*/ url(../data/picture/page/MainRBg.jpg) repeat-y;  }
div#Page .left{ width:159px; float: left;  background:url(../data/picture/page/PageTopL.jpg) no-repeat;   }
div#Page .left .BottomBlok{ width:159px; float: left; background:#3F5980; padding-top:25px; font-size: 14px; font-weight: bolder; text-align: center;  }
div#Page .left .BottomBlok .Hlavicka{ width:159px; height: 27px; line-height: 27px; vertical-align: middle; background:#384F74; float: left; padding: 5px 0 5px 0; font-size: 16px; }
div#Page .left .LeftBlokBody{	width:159px; background:url(../data/picture/page/LeftCounter.jpg) no-repeat; clear: left;  }
div#Page .left .LeftBlokBody img{	border: 4px solid #384F74; }
div#Page .left2{ width:159px; float: left;   }


/**/
div#Page .right{ width:611px; background: url(../data/picture/page/PageTopR.jpg) no-repeat; float: left;  }
div#Page .right .TopFlashMenu{ width:385px; height: 41px; float: left; color: #374F73; line-height: 41px; vertical-align: middle; padding-left:26px;  }
div#Page .right .TopFlashMenu a{color: #374F73; text-decoration: none;  }
div#Page .right .TopSearch{ width:200px; height: 41px; float: left; vertical-align: middle; line-height: 41px;   }
div#Page .right .TopSearch input{ float: left; margin-right: 5px;     }
div#Page .right .TopSearch p{ vertical-align: middle;  }
div#Page .right .TopNavLink{ width:611px;  height:45px;  background: url(../data/picture/page/NavLinkPageTopR.jpg) repeat-x; float: left; }
div#Page .right .TopNavLink h1{font-size:22px; color: #FFFFFF; padding-left:60px; margin:0; line-height: 28px; vertical-align: middle; padding-top:6px;  }
div#Page .right div.LoginForm{ width:400px; height: 300px; margin:40px auto;  background: url(../data/picture/page/Login.gif) center 0px no-repeat ; border: 0px solid #CFCFCF; padding-top: 140px;  }
div#Page .right div.LoginForm p{ text-align: center; vertical-align: middle;  margin-bottom: 15px; }
div#Page .right div.LoginForm p input{  border: 1px solid black;  vertical-align: middle;     }
div#Page .right div.LoginForm p .LoginBTN{ border: 1px; width: 150px; color: Black; background: #CFCFCF; cursor: hand; }
div#Page .right .MainData { width:581px; background: url(../data/picture/page/MainBg.jpg) repeat-y; float: left; color: White; padding: 0 15px 10px 15px;   }
div#Page .right .MainData a{color: White;  }
div#Page .right .ShopText{	width: 24px; height: 17px; font-size: 12px; border: 1px solid silver; }
div#Page .right .ShopSubmit{	width: 24px; height: 24px; border: 0px ;  background: white url(../data/picture/page/kosik.gif) no-repeat;     }
div#Page .right .ShopSubmitFull{	width: 24px; height: 24px; border: 0px ;  background: white url(../data/picture/page/kosikFull.gif) no-repeat;     }
div#Page .right .ShopRamik{ width:191px; height: 212px; float: left; border: 1px solid #65617B ; background: #3D3758; }
div#Page .right .ShopRamik p{ width: 98%;  padding: 5px; text-align: center; }
div#Page .right .ShopRamik .ProductImg{ /*width:128px; height: 128px; */ border: 2px solid #696386; }
div#Page .right .ShopRamik2{ width:611px; float: left; overflow: hidden; background: #3D3758;  }
div#Page .right .ShopRamik2 p{ width: 95%; float: left; background: #3D3758; text-align: center; }
div#Page .right .ShopRamik2 form{ margin-left: 10px; }
/* Strankovanie */
div.down_pager{ color: #C6C6C6;  width:100%; height: 30px; float: left; text-align: center; font-size: 12px; }
div.down_pager .L{  width:40%; float: left; text-align: left;  }
div.down_pager .R{  width:40%; float: left; text-align: right;  }
div.down_pager .MIDD{  width:20%; float: left; text-align: center; }
div.down_pager a { color: #343434; text-decoration: none;  font-weight: bolder;    }
div.down_pager a:hover { color: #343434 ; text-decoration: none; font-weight: bolder;    }
/* Modul kontakt */
div#Page .right .Kontakt{ width:596px; font-size:14px; color:#391701; float:left; color:#696386;  overflow: hidden;    }
div#Page .right .Kontakt a { color: #696386; text-decoration: none; }
div#Page .right .Kontakt a:hover { color: #696386; text-decoration: none; }
div#Page .right .Kontakt .HLeft{ width:260px; float: left;  }
div#Page .right .Kontakt .HLeft img{ border: 4px solid #696386; }
div#Page .right .Kontakt .HLeft p{ padding-bottom: 2px;  }
div#Page .right .Kontakt .HRight{ width: 326px; float: left; padding-right:10px; text-align: center;   }
div#Page .right .Kontakt .HRight p{ padding-bottom: 2px; }
div#Page .right .Kontakty{ width: 596px; padding-top: 10px; color:#696386; font-size: 14px;  margin-top: 30px; text-align: center; float: left;  }
div#Page .right .Kontakty .KData1{ width:596px; font-size: 16px; padding-top: 10px; padding-bottom: 10px;   }
div#Page .right .Kontakty .KData2{ width: 596px; font-size: 12px;  padding-bottom: 10px;   }
div#Page .right .Kontakty .KontaktLine{ width: 95%; height: 4px; font-size: 0px; background:#696386 ;   }
div#Page .right .BottomMenu{width:601px; height: 31px; line-height: 31px; vertical-align: middle; padding-left: 10px;   background: url(../data/picture/page/BottomMenu.jpg) no-repeat; float: left;   }
div#Page .right .Footer{width:611px; height:64px; background: url(../data/picture/page/BottomBg.jpg) repeat-x; float: left; color: White; }
div#Page .right .Footer .Counter{width:200px; height:64px; line-height: 64px; vertical-align: middle; float:left; }
div#Page .right .Footer .FooterKontakt{width:200px; height:64px; float: right; line-height: 64px; vertical-align: middle; }
div#Page .right .Footer .FooterKontakt p{  text-align: right; }
div#Page .right .Footer .FooterKontakt a{ color: White; }
/* Spodok */
div.Spodok{ margin: 0px auto; width:750px;  padding-top: 15px; background: white;  }
/*
div.Spodok .Btop{ float: left; padding-left: 300px; color: #7FAEDD; font-size: 16px; padding-bottom: 10px;  }
*/
div.Spodok a { color: #0464C2;  text-decoration: none;  font-weight: bolder;    }
div.Spodok a:hover { color: #0464C2; text-decoration: none; font-weight: bolder;    }
div.Spodok .Bdown{ width:740px; height: 30px;  background: url(../data/picture/page/downbg.png) no-repeat; clear: both; padding-top: 10px; padding-left: 10px  }

div.CopyDown{margin: 0px auto;  width:770px; height: 30px; }
div.CopyDown p{ text-align: right; color: #A7A7A7; }

.FotoImg{ width: 150px; height: 150px; vertical-align: middle; float: left; margin: 5px;  line-height: 150px; text-align: center; }
.FotoImg img{width: 140px; height: 140px;  border: 1px solid black;  }



div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: white;
border: 1px solid silver;
color: black;
padding: 3px;
width:200px; /*width of tooltip*/
height: auto;

}

div.htmltooltip img{ width:90%; height:90%;}