/* GENERAL */
html, body, table, td { font-family: Tahoma; font-size: 12px; line-height: 1.5em;}
ul, li, p, img { margin: 0; padding: 0; border: 0;}
a { color: #004098; font-weight: bold; text-decoration: none;}
a:hover { text-decoration: underline;}

.clear { clear: both; }

.red { color: Red; font-weight: bold; }
.right { text-align: right;}

table.general { border-bottom: 1px solid #7b828a; border-right: 1px solid #7b828a;} 
table.general td { padding: 1px 5px; border-top: 1px solid #7b828a; border-left: 1px solid #7b828a; white-space: nowrap; text-align: center; } 
table.general strong { color: black !important; }


/* LAYOUT */
body { margin: 0px; padding: 0px; background: #e6f5fc url(../Images/PageBackground.gif) repeat-y center; text-align: center; position: relative;}
#wrapper { width: 999px; margin: 0px auto; position: relative; top: 0px;}
#header { height: 228px; background: url(../Images/HeaderBackground.jpg) no-repeat; position: relative; margin: 0px 13px 0px 19px; z-index: 1000;}
#menu { margin: 0px 20px 10px 19px; position: relative; height: 73px; overflow: hidden; }
#sidebar { width: 168px; float: right; position: relative; margin-bottom: 20px; clear: right; right: 20px; display: none;}
#maincontent { position: relative; width: 929px; float: left; left: 35px; text-align: justify; margin-bottom: 60px; }
#footer { clear: both; height: 95px; background: url(../Images/FooterBackground.jpg) no-repeat; position: relative; margin: 0px 20px 0px 19px; }

/* HEADER */
#header .searchbtn { position: absolute; top: 158px; left: 85px; font-size: 13px; font-weight: bold; }
#header .searchbtn a { color: White; text-decoration: none; }
#header .searchbtn a:hover { color: White; text-decoration: underline; }

#header img.logo { position: absolute; top: 12px; left: 10px; width: 200px; height: 90px; border: 0; }
#header img.katalog { position: absolute; top: 0px; left: 795px; width: 173px; height: 225px; border: 0;}
#header img.vyhladavanie { position: absolute; top: 20px; left: -8px; width: 125px; height: 28px; border: 0;}

#header #katalog { position: absolute; left: -15px; top: 80px; z-index: 1000; background-color: #ffcc99; border: 1px solid #fdbc7c; width: 150px; padding: 5px; text-align: center;}
#header #katalog a { color: #004098; font-weight: bold; text-decoration: none;}
#header #katalog a:hover { text-decoration: underline;}

#header .links { position: absolute; top: 101px; left: 28px; color: White; font-size: 11px; font-weight: bold; }
#header .links a { color: White; text-decoration: none; }
#header .links a:hover { color: White; text-decoration: underline; }

/* FOOTER */
#footer .up { position: absolute; right: 97px; top: 10px;}

#footer .text { text-align: center; width: 450px; position: absolute; left: 50px; top: 15px; color: White;}
#footer .text a, #footer .text2 a { color: White; text-decoration: none; font-weight: bold; }
#footer .text a:hover, #footer .text2 a:hover { color: White; text-decoration: underline; }

#footer .text2 { text-align: center; width: 880px; position: absolute; left: 0px; top: 70px; color: White;}

#footer .noa a { font-weight: normal; text-decoration: none; color: Orange; font-weight: bold;}
#footer .noa a:hover { font-weight: normal; text-decoration: none; color: Orange; font-weight: bold; }

/* SIDEBAR */
#sidebar .boxwrapper {}
#sidebar .boxwrapper span { margin: 5px 0px;}
#sidebar .boxwrapper .head { background: url(../Images/SideBarHeadBackground.gif); height: 48px; border: solid 1px #f7b47b; line-height: 48px; text-align: center; text-transform: uppercase; color: #004098; font-weight: bold;}
#sidebar .boxwrapper h3 { font-size: 12px; background: url(../Images/SideBarHeadBackground.gif); height: 48px; border: solid 1px #f7b47b; line-height: 48px; text-align: center; text-transform: uppercase; color: #004098; font-weight: bold; margin: 0; padding: 0;}
#sidebar .boxwrapper .subhead { background: url(../Images/SideBarSubHeadBackground.gif); border: solid 1px #fbe8b6; padding: 4px 3px; text-align: center; border-top: none;}
#sidebar .boxwrapper .content { background: #fefbd4; border: solid 1px #e9de4c; padding: 5px 0; text-align: center; border-top: none;}
/* #sidebar .boxwrapper .content { background: #e6f0fc; border: solid 1px #b0d2fd; padding: 5px 0; text-align: center; border-top: none;} */
#sidebar .boxwrapper .content .name { color: Maroon; }
#sidebar .boxwrapper .content .term { color: Blue; }
#sidebar .boxwrapper .content .price { color: Red; }
#sidebar .boxwrapper .content .price .priceout { color: Grey; font-size: 11px; text-decoration: line-through; } 


#sidebar .boxwrapper .headMailing { background: url(../Images/SidebarHeadMailingBg.gif); height: 31px; border: solid 1px #b84c13; line-height: 31px; text-align: center; text-transform: uppercase; font-weight: bold;  color: White;}
#sidebar .boxwrapper .contentMailing { background: #f6e3cd; border: solid 1px #edd1b2; padding: 5px 0; text-align: center; border-top: none; position: relative; font-size: 12px;}
#sidebar .boxwrapper .contentMailing input[type="text"] { font-size: 11px;}
#sidebar .boxwrapper .contentMailing input[type="submit"] { background-color: #ca5418; color: #fff; border: none; padding: 2px 3px; font-size: 11px;}

/* MENU */ 
#menu ul { height: 31px; list-style-type: none; padding: 0px; position: relative; z-index: 10; }
#menu ul li {float: left; font-size: 14px; height: 29px; margin-right: 2px; line-height: 14px; overflow: hidden; }
#menu ul li:first-child { margin-left: 3px;}
#menu ul li a { padding: 7px 10px 7px 10px; display: block; text-decoration: none; color: #004098; font-weight: bold;}

#menu ul li.hover { background: url(../Images/MenuTabYellowCenter.gif) top; height: 28px;}
#menu ul li.hover a:hover { text-decoration: underline; }
#menu ul li.hover div.left { background: url(../Images/MenuTabYellowLeft.gif) no-repeat left top; }
#menu ul li.hover div.right { background: url(../Images/MenuTabYellowRight.gif) no-repeat right top; }

#menu ul li.active { background: url(../Images/MenuTabYellowCenter.gif) top; }
#menu ul li.active a:hover { text-decoration: underline; }
#menu ul li.active ul { display: block;}
#menu ul li.active div.left { background: url(../Images/MenuTabYellowLeft.gif) no-repeat left top; }
#menu ul li.active div.right { background: url(../Images/MenuTabYellowRight.gif) no-repeat right top; }

#menu ul ul { display: none; z-index: -5; list-style-type: none; position: absolute; height: 40px; background-color: #fee8ac; border: solid 1px #efd17c; left: 0; width: 945px; clear: left; padding-left: 5px; padding-right: 8px;}
#menu ul ul li { float: left; position: relative; z-index: 5; font-size: 12px; height: 12px; margin: 5px 0px 0px 10px; padding: 0 10px 0 0; white-space: nowrap; line-height: 13px; background: url(../Images/MenuSeparator.gif) no-repeat right 2px; overflow: visible;}
#menu ul ul li:first-child { margin-left: 10px;} /* Zrusenie dedenia z predchadzajuceho levelu menu */
#menu ul ul li:last-child { background: none;}
#menu ul ul li a { text-transform: none; position:relative; margin: 0px; padding: 0px; background: none; z-index: 5;}
#menu ul ul li a:hover { text-decoration: underline; color: White;}

#menu ul li ul td.tocenter { vertical-align: middle; height: 36px; text-align: left; width: 945px; position: relative; z-index: 999;}

/* additional MENU styles */ 
#menu ul li.normal1rowactive ul { display: block; height: 24px; padding-top: 8px; padding-bottom: 8px; }
#menu ul li.normal1rowhover { background: url(../Images/MenuTabYellowCenter.gif) top; height: 28px;}
#menu ul li.normal1rowhover a:hover { text-decoration: underline; }
#menu ul li.normal1rowhover div.left { background: url(../Images/MenuTabYellowLeft.gif) no-repeat left top; }
#menu ul li.normal1rowhover div.right { background: url(../Images/MenuTabYellowRight.gif) no-repeat right top; }
#menu ul li.normal1rowactive { background: url(../Images/MenuTabYellowCenter.gif) top; }
#menu ul li.normal1rowactive a:hover { text-decoration: underline; }
#menu ul li.normal1rowactive ul { display: block;}
#menu ul li.normal1rowactive div.left { background: url(../Images/MenuTabYellowLeft.gif) no-repeat left top; }
#menu ul li.normal1rowactive div.right { background: url(../Images/MenuTabYellowRight.gif) no-repeat right top; }

#menu ul li.hr a, #menu ul li.hractive a, #menu ul li.hrhover a   { background: url(../Images/Flags/hr_16.png) no-repeat 14px 7px; padding: 7px 14px 7px 36px; text-transform: uppercase;}
#menu ul li.hractive { background: url(../Images/MenuTabOrangeCenter.gif) top; }
#menu ul li.hractive a:hover { text-decoration: underline; }
#menu ul li.hractive div.left { background: url(../Images/MenuTabOrangeLeft.gif) no-repeat left top; }
#menu ul li.hractive div.right { background: url(../Images/MenuTabOrangeRight.gif) no-repeat right top; }
#menu ul li.hractive ul { display: block; background-color: #efa84c; border-color: #f57121; height: 24px; padding-top: 8px; padding-bottom: 8px; }
#menu ul li.hractive ul li a {text-transform: none; margin: 0px; padding: 0px; background: none;}
#menu ul li.hrhover { background: url(../Images/MenuTabOrangeCenter.gif) top; height: 28px; }
#menu ul li.hrhover a:hover { text-decoration: underline; }
#menu ul li.hrhover div.left { background: url(../Images/MenuTabOrangeLeft.gif) no-repeat left top; }
#menu ul li.hrhover div.right { background: url(../Images/MenuTabOrangeRight.gif) no-repeat right top; }

#menu ul li.it a, #menu ul li.itactive a, #menu ul li.ithover a { background: url(../Images/Flags/it_16.png) no-repeat 14px 7px; padding: 7px 14px 7px 36px; text-transform: uppercase;}
#menu ul li.itactive { background: url(../Images/MenuTabGreenCenter.gif) top; }
#menu ul li.itactive a:hover { text-decoration: underline; }
#menu ul li.itactive div.left { background: url(../Images/MenuTabGreenLeft.gif) no-repeat left top; }
#menu ul li.itactive div.right { background: url(../Images/MenuTabGreenRight.gif) no-repeat right top; }
#menu ul li.itactive ul { display: block; background-color: #98d87a; border-color: #36a800;}
#menu ul li.itactive ul li a {text-transform: none; margin: 0px; padding: 0px; background: none;}
#menu ul li.ithover { background: url(../Images/MenuTabGreenCenter.gif) top; height: 28px; }
#menu ul li.ithover a:hover { text-decoration: underline; }
#menu ul li.ithover div.left { background: url(../Images/MenuTabGreenLeft.gif) no-repeat left top; }
#menu ul li.ithover div.right { background: url(../Images/MenuTabGreenRight.gif) no-repeat right top; }

#menu ul li.ml a, #menu ul li.mlactive a, #menu ul li.mlhover a { background: url(../Images/Flags/ml_16.png) no-repeat 14px 7px; padding: 7px 14px 7px 36px; text-transform: uppercase;}
#menu ul li.mlactive { background: url(../Images/MenuTabBlueCenter.gif) top; }
#menu ul li.mlactive a:hover { text-decoration: underline; }
#menu ul li.mlactive div.left { background: url(../Images/MenuTabBlueLeft.gif) no-repeat left top; }
#menu ul li.mlactive div.right { background: url(../Images/MenuTabBlueRight.gif) no-repeat right top; }
#menu ul li.mlactive ul { display: block; background-color: #7ca6e1; border-color: #3872c2; height: 24px; padding-top: 8px; padding-bottom: 8px;  }
#menu ul li.mlactive ul li a {text-transform: none; margin: 0px; padding: 0px; background: none; }
#menu ul li.mlhover { background: url(../Images/MenuTabBlueCenter.gif) top; height: 28px; }
#menu ul li.mlhover a:hover { text-decoration: underline; }
#menu ul li.mlhover div.left { background: url(../Images/MenuTabBlueLeft.gif) no-repeat left top; }
#menu ul li.mlhover div.right { background: url(../Images/MenuTabBlueRight.gif) no-repeat right top; }

#menu ul li.jaactive, #menu ul li.jahover { background: url(../Images/MenuTabRedCenter.gif) top; }
#menu ul li.jaactive a:hover { text-decoration: underline; }
#menu ul li.jaactive div.left { background: url(../Images/MenuTabRedLeft.gif) no-repeat left top; }
#menu ul li.jaactive div.right { background: url(../Images/MenuTabRedRight.gif) no-repeat right top; }
#menu ul li.jaactive ul { display: block; background-color: #ffce9e; border-color: #f7ab60; }
#menu ul li.jaactive ul li a {text-transform: none; margin: 0px; padding: 0px; background: none;}
#menu ul li.jahover { background: url(../Images/MenuTabRedCenter.gif) top; height: 28px; }
#menu ul li.jahover a:hover { text-decoration: underline; }
#menu ul li.jahover div.left { background: url(../Images/MenuTabRedLeft.gif) no-repeat left top; }
#menu ul li.jahover div.right { background: url(../Images/MenuTabRedRight.gif) no-repeat right top; }

#menu ul li.hu  a, #menu ul li.hu.active  a, #menu ul li.hu.hover a { background: url(../Images/Flags/hu_16.png) no-repeat 14px 9px; padding: 7px 14px 7px 36px; text-transform: uppercase;}
#menu ul li.hu.active ul li a {text-transform: none; margin: 0px; padding: 0px; background: none;}
#menu ul li.hu.active ul { display: block; height: 24px; padding-top: 8px; padding-bottom: 8px; }

/* SITEMAP */
ul.sitemap {padding-left: 30px;}



.pngPricelist img { max-width: 100%; height: auto; margin: 10px 0; }