/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #ffffff; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 11px Arial, sans-serif; color: #666666; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 11px; color: #807e72; }

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

ul.links { margin: 0 0 0 3px; padding: 0; list-style: none; }
ul.links li { background: url(../img/bullet_arrow.gif) no-repeat 0 5px; padding: 2px 0 3px 15px; }
ul.links li a.active { font-weight: bold; color: #666666; }

ul.submenu { margin: 5px 0 2px 0; padding: 0; list-style: none; }
ul.submenu li { background: url(../img/bullet_arrow2.gif) no-repeat 0 5px; padding: 2px 0 2px 12px; font-size: 11px; }
ul.submenu li a.active { font-weight: bold; }

ul.linksBig { margin: 15px 0; padding: 0; list-style: none; }
ul.linksBig li { background: url(../img/bullet_arrow.gif) no-repeat 0 9px; padding: 6px 0 6px 15px; font-size: 15px; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(../img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #d3d3d3; padding: 3px 5px; font-size: 11px; }
.searchbox { width: 120px; }
select { background: url(../img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }

.textboxNoShade { background: #fff; border: 1px solid #d3d3d3; padding: 1px 3px; font-size: 11px; }

.button { background: url(../img/btnBgnd.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 10px; display: inline-block; cursor: pointer; }
.button input { background: url(../img/btnBgnd.gif) no-repeat right top; border: none; padding: 0 10px 3px 0; font-size: 11px; font-weight: bold; color: #fff; text-align: center; display: inline-block; cursor: pointer; height: 23px; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #477e00; }
a:hover { color: #000000; }

a.linkGrey:link, a.linkGrey:active, a.linkGrey:visited { color: #666666; }
a.linkGrey:hover { color: #000000; }

a.linkBlue:link, a.linkBlue:active, a.linkBlue:visited { color: #135192; }
a.linkBlue:hover { color: #000000; }

.menuTop a:link, .menuTop a:active, .menuTop a:visited { color: #ffffff; }
.menuTop a:hover { color: #bed6f0; }

.footer a:link, .footer a:active, .footer a:visited { color: #7a8085; }
.footer a:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }

.headerWrapper { width: 850px; height: 180px; margin: 15px auto 0 auto; background: url(../img/header01.jpg) no-repeat 0 0; }
.headerWrapper div { text-align: right; padding-right: 30px; }
.logoContainer { padding: 30px 30px 45px 0; }

.menuTopWrapper { width: 850px; margin: 0 auto; background: #135192; }
.menuTop { padding: 11px 27px 12px 27px; color: #ffffff; }

.middleWrapper { width: 848px; margin: 0 auto; border: 1px solid #cbced1; border-top: none; }
.middle { width: 100%; }
.main { padding: 0; vertical-align: top; font-size: 11px; }
.main td, .main th { font-size: 11px; }
.right { width: 240px; padding: 30px 0; vertical-align: top; }
.rightWrapper { width: 200px; position: relative; left: 20px;  }

.rightBoxHeading { background: #a2bd20; border: 3px solid #dae0e3; color: #ffffff; font-weight: bold; font-size: 12px; padding: 6px 0 7px 10px; }
.rightBoxBody { padding: 10px;  }

.pageTitle h1 { font: 18px Arial, Helvetica, sans-serif; color: #135192; font-weight: bold; margin: 0 0 16px 0; }
.pageBody { line-height: 18px; }
.pageBody p { margin: 0 0 18px 0; }
.pageBody td p { margin: 0; }
.pageBody ul { margin: 0; padding: 0; list-style: none; }
.pageBody ul li { background: url(../img/bullet_arrow.gif) no-repeat 0 5px; padding: 0 0 0 15px; }
.pageBody br { line-height: 14px; }

.tecajnaWrapper { width: 180px; margin: 0 auto; }
.tecajna { width: 100%; margin: 15px 0; }
.tecajna td { font-size: 11px; line-height: 12px; text-align: center; padding: 5px 8px; }
.tecajna thead td { background: #dae0e3; }
.tecajna .rowGrey { background: #dae0e3; }

.footer { width: 850px; margin: 0 auto; vertical-align: top; }
.footer td { padding: 10px 25px; font-size: 11px; color: #7a8085; }
.footer td img { vertical-align: middle; } 

.tablica1 { width: 100%; }
.tablica1 th, .tablica1 td { text-align: left; padding: 5px 5px; line-height: 16px; }
.tablica1 th { background: #135192; color: #ffffff; }
.rowGrey { background: #e9edef; }

.tablica2 th { text-align: left; padding: 5px 5px; line-height: 16px; }
.tablica2 td { text-align: left; padding: 2px 5px; line-height: 16px; }

.tablica3 th, .tablica3 td { text-align: left; padding: 4px 10px; line-height: 16px; }
.tablica3 th { background: #e9edef; }

.tablica1 img, .tablica2 img, .tablica3 img { vertical-align: middle; }

.tablica4 { width: 100%; margin: 5px 0 0 0; }
.tablica4 th, .tablica4 td { padding: 4px 7px; line-height: 16px; }
.tablica4 th { color: #000000; }

.podnaslov { color: #71a4da; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; line-height: 18px; }
.errorMsg { color: #d40000; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; background: url(../img/error.png) no-repeat 0 0; padding: 0 0 0 21px; }
.infoMsg { color: #135192; font: 13px Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; background: url(../img/information.png) no-repeat 0 0; padding: 0 0 0 21px; }