/* RESET
------------------------------ */
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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ul {list-style:none;}
ol {list-style-position:inside;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}


/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;color:#6c3200;padding:0 0 2em; line-height:16px; background:#c8c0a9 url(../images/bg.jpg) repeat-y 50% 0;}
body.main {background:#f2e7d1 url(../images/bg1.jpg) no-repeat 50% 0;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1 {margin-bottom:1em; font-size:1.9em;}
h3 {margin-bottom:5px; font-size:1.1em;}
#content ul {}
#content ul li {}
#contentWide h1 {color:#000; font-size:2em; margin-bottom:1em;}
#contentWide h2 {color:#000; font-size:1.4em; margin-bottom:1em;}

.knjiga {float:right; width:200px; margin:0 0 20px 20px;}
.knjiga span {font-size:0.8em; text-align:center; display:block; line-height:1.4em; padding-top:4px;}

/* basic layout */
#site {width:950px; margin:10px auto 0; font-size:1.2em; background:url(../images/kava.png) no-repeat 100% 72%; padding-bottom:155px;}
body.main #site {background:url(../images/kava1.png) no-repeat 100% 100%;}
#header {float:left; width:950px;}
#home {width:950px; float:left;}

/*header*/
.rightHead {float:right;}
#logo {width:149px; height:134px; display:block; float:left; background:url(../images/logo.png) no-repeat 0 0; text-indent:-9999px;}

ul#navigation {width:800px; float:left; margin-top:28px;}
ul#navigation li {float:left;}
ul#navigation li.nav4 {background:url(../images/tekmovanje.png) no-repeat 0 -43px; width:156px;}
ul#navigation li.nav4 a {width:156px; height:60px; margin-top:0;}
ul#navigation li a {float:left; text-indent:-9999px; display:block; height:50px; margin-right:0px; margin-top:10px;}
#site ul#navigation li.last a {margin-right:0;}
ul#navigation li.nav1 {display:none;}
ul#navigation li.nav2 a {background:url(../images/ozdruzenju.png) no-repeat 0 0; width:149px;}
ul#navigation li.nav3 a {background:url(../images/namen.png) no-repeat 0 0; width:100px;}
ul#navigation li.nav5 a {background:url(../images/cilji.png) no-repeat 0 0; width:65px;}
ul#navigation li.nav6 a {background:url(../images/vizija.png) no-repeat 0 0; width:84px;}
ul#navigation li.nav7 a {background:url(../images/clanstvo.png) no-repeat 0 0; width:117px;}
ul#navigation li.nav70 a {background:url(../images/literatura.png) no-repeat 0 0; width:122px;}

ul#navigation li.nav2 a:hover {background:url(../images/ozdruzenju.png) no-repeat 0 -50px; width:149px;}
ul#navigation li.nav3 a:hover {background:url(../images/namen.png) no-repeat 0 -50px; width:100px;}
ul#navigation li.nav5 a:hover {background:url(../images/cilji.png) no-repeat 0 -50px; width:65px;}
ul#navigation li.nav6 a:hover {background:url(../images/vizija.png) no-repeat 0 -50px; width:84px;}
ul#navigation li.nav7 a:hover {background:url(../images/clanstvo.png) no-repeat 0 -50px; width:117px;}
ul#navigation li.nav70 a:hover {background:url(../images/literatura.png) no-repeat 0 -50px; width:122px;}

/*home*/
#home {width:950px; float:left; margin-top:30px; font-size:1.2em; color:#444; line-height:1.5em;}
#home .cont {width:542px; float:left;}
#home h1 {width:542px; height:42px; background:url(../images/h1.png) no-repeat 0 0; text-indent:-9999px; float:left; cursor:text;}
#main {width:950px; float:left; margin-top:30px; font-size:1.4em; line-height:1.6em;}
#home h2 {margin-bottom:0.5em; color:#6C3200; font-size:1.4em;}

#main h1 {margin-bottom:0.5em; color:#6C3200; line-height:1.2em;}
#main h2 {margin-bottom:0.5em; color:#6C3200; font-size:1.4em;}
#main {font-size:1.2em; color:#444; line-height:1.5em;}
#main ul li {background:url(../images/bullet.png) no-repeat 0 8px; padding-left:13px;}
#main ul li ul {margin:5px 10px;}

#main .cont {width:700px; float:left;}
#sidebar {width:220px; float:left; padding-left:30px;}

#sidebar .box {background:url(../images/seperator.png) no-repeat 0 100%; padding-bottom:10px; margin-bottom:10px;}
#sidebar .box a {font-weight:bold;color:#6C3200;}
#sidebar .box strong {color:#6C3200;}

#main form ul li {padding:3px 0; background:none;}
#main form ul li label {width:150px; display:inline-block; text-align:right;}
#main form ul li input {width:300px; border:1px solid #6C3200; background:#F0EED5;}
#main form ul li select {width:300px; border:1px solid #6C3200; background:#F0EED5;}
#main form ul li input.chackbox {width:auto; background:none; border:none; margin-left:140px;}
#main form ul li label.chackLabel {width:250px; text-align:left;}
#main form ul li #submitbutton {width:auto; margin-left:155px; padding:3px 10px;}
#main form ul li textarea {width:300px; border:1px solid #6C3200; background:#F0EED5; margin-left:155px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#444;}
#main form ul li span.right {width:150px; text-align:right; display:inline-block;}
#main form ul li.podjetje {display:none;}

#main a {text-decoration:underline;}
#main a:hover {text-decoration:none;}

#main ol {margin-left:20px;}
#main ol li {padding-left:0px; list-style-position:outside;}
#main ol.smalltext li {font-size:0.8em;}

#main a.button {background:url(../images/button.png) no-repeat 0 0; margin-right:20px; width:222px; height:35px; padding:13px 0 0 0; text-align:center; font-size:1.5em; color:#fff; text-decoration:none; display:inline-block;}
#main a.button:hover {text-decoration:underline;}
#main a.buttonPDF {background:url(../images/buttonpdf.png) no-repeat 0 0; width:222px; height:35px; padding:13px 0 0 0; text-align:center; font-size:1.5em; color:#fff; text-decoration:none; display:inline-block;}
#main a.buttonPDF:hover {text-decoration:underline;}

#clanizdruzenja {margin-top:40px;}
#clanizdruzenja li {float:left;}
#clanizdruzenja li.left, #clanizdruzenja li.right {width:30px; height:148px;}
#clanizdruzenja li.left a {display:block; widows:30px; height:148px; background:url(../images/leftclani.png) no-repeat 0 0; text-indent:-9999px;}
#clanizdruzenja li.right a {display:block; widows:30px; height:148px; background:url(../images/rightclani.png) no-repeat 0 0; text-indent:-9999px;}
#clanizdruzenja li img {border:2px solid #6C3200; margin:30px 10px 0;}

.homeSide {width:334px; float:left; margin:0 0 0 74px; text-align:right;}
#vclaniSe {width:334px; height:223px; background:url(../images/vclanise.png) no-repeat 0 0; display:block; text-decoration:none;}
#vclaniSe:hover {text-decoration:none;}

#footer {margin:0 auto; width:950px; background:url(../images/footer.png) no-repeat 0 0; padding-top:40px; color:#444;}
#footer a {color:#444;}
#footer .right {float:right;}

#site ul.thumbs li {float:left; background:none; padding:0; margin:0;}
#site ul.thumbs li img {width:100px; height:75px; padding:1px; border:2px solid #6C3200;}

/* DEVELOPMENT
------------------------------ */
.hidden {display:none;}


/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, #site:after, #header:after, #footer:after, ul#navigation:after, #clanizdruzenja:after, ul.thumbs:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}