/* 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; } 


/* 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: 192px; background: url(../Images/HeaderBackground.jpg) no-repeat; position: relative; margin: 0px 20px 10px 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;}
#maincontent { position: relative; width: 751px; float: left; left: 35px; text-align: justify; margin-bottom: 60px; }
#footer { clear: both; height: 73px; 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.vyhladavanie { position: absolute; top: -6px; left: -8px; width: 125px; height: 28px; border: 0;}

#header #katalog { position: absolute; left: 8px; top: 20px; 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: 105px; left: 18px; 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 { color: White; text-decoration: none; font-weight: bold; }
#footer .text a:hover { color: White; text-decoration: underline; }

#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 .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 s { color: Grey; font-size: 11px;} 


#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: 31px; margin-right: 2px; line-height: 14px; }
#menu ul li:first-child { margin-left: 3px;}
#menu ul li a { padding: 7px 14px 7px 14px; display: block; text-decoration: none; color: #004098; font-weight: bold;}

#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: #ffe69d; border: solid 1px #efd17b; 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;}
#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.hr a, #menu ul li.hractive 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;}
#menu ul li.hractive ul li a {text-transform: none; margin: 0px; padding: 0px; background: none;}

#menu ul li.it a, #menu ul li.itactive 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.ml a, #menu ul li.mlactive 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;}
#menu ul li.mlactive ul li a {text-transform: none; margin: 0px; padding: 0px; background: none; }

#menu ul li.jaactive { 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: #ffcc99; border-color: #f7ab60;}
#menu ul li.jaactive ul li a {text-transform: none; margin: 0px; padding: 0px; background: none;}