/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #ddebff url(img/bgnd.gif) repeat-x top; }
td, input, select, textarea { font: 11px Arial, sans-serif; color: #515151; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

ul.inline { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; }

ul.topLinks { margin: 5px 20px 0 0; }
ul.topLinks li { margin-left: 35px; }

ul.leftSubmenu { margin: 0 0 0 12px; padding: 0; list-style-type: none; }
ul.leftSubmenu li { font-size: 11px; font-weight: normal; margin: 2px 0; }

.cijena { color: #df0000; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textbox_bgnd.gif) no-repeat 0 0; border: 1px solid #c8c8c8; padding: 3px 5px; }
.searchbox { width: 170px; }
select { padding: 1px; background: #fff url(img/textbox_bgnd.gif) no-repeat 0 0; border: 1px solid #c8c8c8; }


/* LINKS */
a:link { color: #0a61a6; text-decoration: none; }
a:active { color: #0a61a6; text-decoration: none; }
a:visited { color: #0a61a6; text-decoration: none; }
a:hover { color: #df0000; text-decoration: none; }

a.linkGrey:link { color: #515151; text-decoration: none; }
a.linkGrey:active { color: #515151; text-decoration: none; }
a.linkGrey:visited { color: #515151; text-decoration: none; }
a.linkGrey:hover { color: #df0000; text-decoration: none; }


/* WRAPPERS */
.headerWrapper { width: 100%; height: 96px; }
.headerLeft { background: url(img/logo_left.gif) no-repeat right top; }
.headerContainer { width: 970px; vertical-align: top; }

.header { width: 100%; height: 89px; }
.logoContainer { width: 235px; background: url(img/logoBgnd.gif) repeat-x bottom; text-align: center; vertical-align: bottom; }
.headerMain { background: url(img/logo_right.gif) no-repeat left bottom; text-align: right; }

.middle { width: 970px; background: #fff; }
.menuHorizContainer { background: url(img/menuHorizBgnd.gif) repeat-x; border-left: 1px solid #fff; border-right: 1px solid #fff; } 
.menuHoriz { margin: 0 15px; }
.menuHoriz td { text-align: center; }
.menuHorizDivider { width: 50px; background: url(img/menuHorizDivider.gif) no-repeat center center; height: 50px; }
.searchContainer { width: 215px; }
.menuHoriz a { font-size: 12px; font-weight: bold; }

.leftCol { width: 210px; vertical-align: top; text-align: left; }
.middleCol { width: 500px; vertical-align: top; text-align: left; }
.rightCol { width: 210px; vertical-align: top; text-align: left; }

.box { width: 210px; }
.boxMargin { margin-top: 17px; }
.boxHeading1 { background: url(img/boxHeadBgnd1.gif) no-repeat 0 0; padding: 10px 0 10px 12px; }
.boxHeading2 { background: url(img/boxHeadBgnd2.gif) no-repeat 0 0; padding: 10px 0 10px 12px; }
.boxBody1 { border: 1px solid #b1daff; border-top: none; }
.boxBody2 { border: 1px solid #e2e2e2; border-top: none; }
.boxBody3 { border: 1px solid #b1daff; background: #e4f2ff; border-top: none; }
.boxBodyPadding1 { padding: 10px 12px; }
.boxBodyPadding2 { padding: 4px 12px 5px 12px; }

.leftMenuItem { background: url(img/leftMenuItemBgnd.gif) repeat-x 0 0; padding: 7px 12px; font-size: 12px; font-weight: bold; border-top: 1px solid #fff; }
.leftMenuLinkMain { background: url(img/bullet_arrow1.gif) no-repeat 0 5px; padding-left: 12px; }

.posebnaPonuda { width: 100%; background: url(img/indexPonudaBgnd.gif) no-repeat 0 0; }
.posebnaPonudaNutra { width: 100%; background: url(img/izlist_Bgnd.gif) repeat-x 0 0; }
.posebnaThn div { padding: 5px; background: #fff; border: 1px solid #cde1f3; }
.posebnaBody { width: 100%; font-size: 12px; }
.posebnaNaslov { font: 18px Arial, Helvetica, sans-serif; color: #0a61a6; }
.posebnaPodnaslov { color: #0a61a6; }
.posebnaOpis { font-size: 11px; margin: 5px 0; }

.pageContent { width: 100%; margin: 0 5px; }
.pageTitle { border-bottom: 1px solid #ddd; padding: 3px 0 8px 0;  }
.pageTitle h1 { font: 20px Arial, Helvetica, sans-serif; color: #0a61a6; margin: 0; font-weight: bold; }
.pageBody { font-size: 12px; line-height: 16px; }

.footer { width: 970px; margin: 10px 0; }
.footerLeft { width: 235px; text-align: left; vertical-align: top; }
.footerLeft img { margin-left: 20px; }
.footerMain { text-align: center; }
.footerRight { width: 235px; text-align: center;  }


.err { font-weight: bold; color: #aa0000;}

.ok { font-weight: bold; color: #64b100;}