/* RESET
---------------------------------*/
* {margin:0;padding:0; }
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6,abbr {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form,abbr {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
a {outline:none;}
.hidden {display:none;}

/*---hover in IE6---*/
* html body {behavior:url(csshover.htc);}


em {font-weight:bold;}

body {font:normal 62.5%/1.5em Arial,Verdana,Helvetica,serif;}

#wrapper {position:relative;font-size:1.2em;color:#fff;margin:12px auto;width:828px;background:url(images/wrapperBG.jpg) repeat-y left top;}

h1 a {width:50%;height:50px;background:url(images/kdLogo.jpg) no-repeat center top;display:block;overflow:hidden;text-decoration:none;text-indent:-9999px;float:left;}

h1 a.iskreninet {width:50%;height:50px;background:url(images/iskreninet.jpg) no-repeat center top;display:block;overflow:hidden;text-decoration:none;text-indent:-9999px;}

a {font-weight:bold;text-decoration:underline;color:#fff;}

a:hover, a.active {color:#f37321;}


/* NAVIGATION
---------------------------------*/
#kd {height:647px;background:url(images/kdBg.jpg) no-repeat left top;}

#kd ul {position:absolute;left:55px;top:386px;}

#kd ul li a {font-weight:normal;text-decoration:none;font-size:1.5em;line-height:1.6em;background:url(images/navDot.jpg) no-repeat left center;padding-left:25px;}

#kd ul li a.prijavnica {font-weight:bold;font-size:1.66em;}

#kd ul li a:hover, #kd a.active {color:#4555ad;}

#kd ul li {position:relative;}

#kd ul li ul {position:absolute;left:11em;top:-.85em;width:12.42em;height:3.5em;background:url(images/subNavBg.gif) no-repeat left top;padding:.3em 0 0 .2em;display:none;}

#kd ul li.prijava:hover ul {display:block;z-index:1;}

#kd ul li ul li a {font-size:1.1em;font-weight:bold;line-height:1.2em;background:url(images/subNavDot.jpg) no-repeat 0 .2em;padding-left:1.2em;}


/* CONTENT
---------------------------------*/
#content {padding:0 90px 24px;background:url(images/contentBg.jpg) no-repeat left top;}

h2 {font:bold 1.66em Arial,Helvetica,serif;color:#fff;padding-bottom:1em;text-align:center;}

p {padding-bottom:1.5em;}

p.big {font-size:1.4em;font-weight:bold;}

p.small {font-size:.9em;padding-top:1em;}

span.underline {text-decoration:underline;font-weight:bold;}

#content ul {padding-left:2em;list-style-type:disc;}

#content ul li {list-style-type:disc;padding-bottom:.5em;}

#content ul li.heading {list-style-type:none;}

h4 {font-size:1.1em;font-weight:bold;padding-bottom:1em;line-height:1.5em;}

ul.okroglaMiza {padding-top:.5em;}

/*--form--*/
form {padding-left:4.7em;}

form.druzine {padding-left:6.8em;}

form ol li {height:2em;float:left;display:block;width:100%;}

form ol li.prijavaOtrok {padding:1em 0;}

form ol li.last {padding-bottom:1em;}

label {padding-right:1em;width:11em;display:block;float:left;text-align:right;}

input {border:0;float:left}

.submit {background:none;color:#fff;font-weight:bold;}

.ok {margin-top:50px;}

.center {margin-left:90px;}

/* FOOTER
---------------------------------*/
#footer {width:68.5em;height:3.5em;background:url(images/footer.jpg) no-repeat left bottom;}

#footer ul {padding-left:7.5em;}

#footer ul li {display:block;float:left;}

h3.iskreni a {width:130px;height:22px;background:url(images/iskreniLogo.jpg) no-repeat left bottom;display:block;float:left;overflow:hidden;text-decoration:none;text-indent:-1000em;}

h3.parsek a {width:125px;height:22px;background:url(images/parsekLogo.jpg) no-repeat left bottom;display:block;float:left;overflow:hidden;text-decoration:none;text-indent:-1000em;}


/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}