/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, 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; }

td { vertical-align: top;}

/* GLOBALS */
html, body { height: 100%; }
body { background: url(img/bgnd.jpg) repeat left top; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 12px Arial, sans-serif; color: #333333; }

.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; }

h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2em;
}


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) repeat-x 0 0; border: 1px solid #d3d3d3; padding: 4px 5px; }
.searchbox { width: 200px; margin: 4px 8px 0 8px; background: none; border: none; color: #cccbc2; }
select { background: url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c7c7c7; padding: 2px; }
.btn { background: #fff url(img/btnBgnd.gif) repeat-x left bottom; border: 1px solid #a6a6a6; padding: 1px 10px; font-size: 10px; text-transform: uppercase; cursor: pointer; }
.longIn{width:160px;border-style:solid;border-width:2px;border-color:#f0f0f0;}
.inputLonger{width:440px;border-style:solid;border-width:2px;border-color:#f0f0f0;}
.inputShort{border-style:solid;border-width:2px;border-color:#f0f0f0;}
.sazetakTA{width:430px;height:200px;}
#formaTbl td{width:100px;text-align:left;}


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #004483; }
a:hover { color: #000000; }

.introLang a:link, .introLang a:active, .introLang a:visited { color: #ffffff; font-weight: bold; }
.introLang a:hover { color: #cfdbbe; }

.menuTop { font-size: 10px; }
.menuTop a:link, .menuTop a:active, .menuTop a:visited { color: #ffffff; font-weight: bold; padding: 0 10px; text-transform: uppercase; }
.menuTop a:hover { color: #c0d0e9; }

.menuLeft .active a:link, .menuLeft .active a:active, .menuLeft .active a:visited { color: #000000; }
.menuLeft .active a:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 15px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }

.headerWrapper { background: #8aa170 url(img/headerBgnd.gif) repeat-x top; }
.header { width: 980px; margin: 0 auto; }
.header td { padding: 15px 0; vertical-align: bottom; }
.logoContainer { width: 90px; text-align: right; }
.headerMain img { margin: 0 0 5px 0; }
.oivLogoContainer { width: 155px; text-align: right; }

.menuTopWrapper { background: #466596 url(img/menuTopBgnd.gif) repeat-x top; margin: 1px 0 0 0; }
.menuTop { width: 970px; margin: 0 auto; padding: 10px 0; text-align: left; }

.mainWrapper { background: #ffffff url(img/mainBgnd.gif) repeat-x top; width: 970px; margin: 0 auto 15px auto; border: 1px solid #ffffff; min-height: 350px; }
.mainCatTitle { font: 30px "Calibri", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 10px 20px; background: url(img/line_horiz.gif) repeat-x left bottom; color: #c8d5b9; font-weight: bold; }

.left { width: 300px; background: url(img/line_vert.gif) repeat-y right top; vertical-align: top; }
.menuLeft { margin: 0; padding: 0; list-style: none; }
.menuLeft li { padding: 15px 10px 15px 20px; background: url(img/line_horiz.gif) repeat-x left bottom; font-size: 14px; line-height: 19px; }

.main { vertical-align: top; padding: 25px 25px; line-height: 18px; }
.pageTitle h1 { font: 18px Arial, Helvetica, sans-serif; color: #44582a; text-transform: uppercase; margin: 0 0 20px 0; }
.pageContent p { margin: 0 0 15px 0; }
.pageContent b { font-weight: bold; }

.introWrapper { width: 100%; height: 100%; }
.introMain { width: 860px; margin: 30px auto 0 auto; background: #ffffff url(img/introMainbgnd.gif) repeat-x top; border: 1px solid #ffffff; }
.introTop { padding: 20px 0 0 0; }
.introMiddle { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.introBottom { background: #718954 url(img/introBottomBgnd.gif) repeat-x top; height: 120px; font-size: 11px; }

.introHeader { width: 800px; margin: 0 auto; }

.introLang { text-align: center; }
.introLang li { padding: 0 25px; }
.introLang li img { vertical-align: middle; margin: 0 9px 0 0; }

.introLangText { padding: 27px 0 0 0; text-align: left; position: relative; }

.footer { width: 950px; margin: 0 auto; }
.introFooter { width: 820px; margin: 0 auto; }
.footer td, .introFooter td { padding: 0 0 15px 0; font-size: 11px; vertical-align: top; }
.footerLeft { width: 150px; padding: 10px 0 0 0; }
.footerMain { text-align: center; padding: 10px 0 0 0; }
.footerRight { width: 150px; text-align: right; }

.ok {
    font-weight: bold;
    color: #248a30;
    padding-bottom: 3px;
    border-bottom: solid 1px #248a30;
}

.err {
    font-weight: bold;
    color: #8a2424;
    padding-bottom: 3px;
    border-bottom: solid 1px #8a2424;
}

hr {
    
    border: solid 0px #aaa;
    border-top: solid 1px #aaa;
}


#tdLogin {
    width: 250px;
    border-right: solid 1px #ccc;
}

.loginBox {
    padding: 15px;
    margin: 10px 0;
    border: solid 1px #ccc;
    margin-right: 15px;
    background-color: #dce7c9;
}

.opis{border:1px green dashed;background-color:white;padding:5px;color:red; width: 550px;}

.logg {
    float: right;
}

.box {
	margin: 20px 20px 0 20px;
    padding: 10px;
	background: #dce7c9;
	border: 1px solid #b4c89d;
}


.tablica tr td { border-bottom: 1px solid #DDD; padding:5px; }
.tablica thead tr td { background:#cbd8ba; text-align:center;font-weight:bold; padding:5px; }
.tablica tbody tr td { width:200px; }

a.ikona{ width: 15px; background-image: url(img/pdf_icon.png); background-repeat: no-repeat;background-position: 0 0;}

