/* 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;}
ol,ul {list-style:none;}
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% "Tahoma";color:#333;padding:0 0 2em;text-align:center;background: #b8cede url(../images/body-bg.jpg) repeat-x 0 0;}
a {color:#134C95;}
a:hover {text-decoration:none;}
p { line-height:1.4em; margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
h1 {font-size:1.5em; color:#134c95; margin:15px 0 10px 0;}
h2{ color:#134c95; font-size:1.2em; margin:20px 0 10px 0;}
h3 { color:#004b7d; font-size:1.0em; margin:8px 0 5px 0;}
address { font-style:normal;}
ul, ol { margin-bottom:1em;}
#content ol li {list-style-type: decimal; background:none; list-style-image:none; list-style-position: outside; margin-left:30px; vertical-align:top;}
#content img {border:1px solid #134C95; padding:2px; margin:0 10px 10px 0;}
a.expandPicture  { display:block;}
#content .expandPicture img { border:1px solid #134C95; padding:2px; margin-bottom:0;}
.pictureWithSubtitle span { display:block; width:150px; font-size:0.9em; text-align:center;}

/* basic layout */

#site {font-size:1.2em;width:955px;text-align:left;;margin:0px auto;}
#printLogo { display:none;}

#header {width:955px; margin:0; background-color:#FFFFFF; height:273px; float:left; position:relative;}
#headerNotranja {width:955px; margin:0; background-color:#FFFFFF; height:178px; float:left; position:relative;}
#header a.logotype, #headerNotranja a.logotype { background: transparent url(../images/logo-kamnik.png) no-repeat top left; z-index:40; display: inline-block; float:left; margin:15px 0px 20px 20px !important; padding:0px 0px 0px 0px; text-indent:-9999px; height:91px; width:238px; position:absolute; top:0px; left:20px;}
#header ul, #headerNotranja ul { margin: 10px 10px 10px 0;}
#header li, #headerNotranja li {display:inline;}
#header li a, #headerNotranja li a { color:#6e6e6e;font-size:0.9em; padding:0 2px 0 2px; border-left: 1px solid #ccc; text-decoration:none;}
#header li a.home, #headerNotranja li a.home { border-left: none;}
#header li a:hover, #headerNotranja li a:hover { text-decoration:underline;}
#headerDetail {width:225px; margin:0; background-color:#FFFFFF; height:83px; float:right;}

#header iframe, #headerNotranja iframe { margin:7px 0 0 375px;}

#flag { background: transparent url(../images/flag.png) no-repeat top left; display: none; float:left; margin:0px !important; padding:0px 0px 0px 0px; text-indent:-9999px; height:276px; width:220px; position:absolute; top:38px; left:500px;}

form#search {width:212px; height:13px; margin:15px 0px 0px 0px; text-align:right; }
#search .searchButton { float:left;background:transparent url(../images/search-submit.gif) no-repeat left top; height:23px; width:27px; margin:0px 0px 0px 0px; border:none; text-indent:-9999px; margin-left: 0px !important;  padding-left: 0px !important;}
#search fieldset input { float:left; width:177px; background:transparent url(../images/search-input.gif) no-repeat left top; border:none; height:19px; padding-left:5px; padding-top:4px; margin-right: 0px !important; text-align:left;}

#content form ol li { list-style-type:none;}

/* content */
#body {padding:0px 0px 15px 0px; width: 955px; background-color:#FFFFFF; }
#left {float:left; padding:0px 0px 10px 0px; width:163px; margin:0;}
#content {float:left; padding:2px 15px 0px 25px; width:530px; margin:0; position:relative; }
.wide #content { width:747px;}
.subpage #content, .wide #content {padding:10px 15px 0px 25px;}

#sidebar {width:192px; float:left; margin:0; padding:0px 10px 20px 15px;} 
#sidebar h2 { margin-top:10px;}
.subpage #sidebar {width:192px; float:left; margin:0; padding:0px 10px 20px 15px;} 

ul#trisHome  {float:left; margin:0; padding:0px; width:530px; background:transparent url(../images/tris_ul.gif) no-repeat left bottom; margin-bottom: 0px !important;  padding-bottom: 30px;} 
ul#trisHome li {float:left; margin:0px; width:136px; padding: 5px 20px !important; background:none; color:#FFFFFF;} 
ul#trisHome li strong { font-weight:bold; display:block; padding: 0px 0px 5px 0px !important; text-transform:uppercase; }
ul#trisHome li ul li{ background:transparent url(../images/li-bg.gif) no-repeat left 5px; width:116px;  margin:5px 0; padding-left:8px !important; padding-right:10px ! important; zoom:1; margin:0px !important;padding-top:0px !important;}  
ul#trisHome li ul li a{color:#FFFFFF; }  

#homeBanner  {float:left; margin:10px 0 0 20px ; padding:0px; width:196px;}
#homeBanner img { display:block; margin: 5px 0px; border:none;} 

#calendar h2 { display:block; height:17px; margin:0 0 5px 0;}
#calendar span { font-size:0.9em; font-weight:bold;}

#imageNotranja  {float:left; margin:0px; padding:0px; width:955px; height:95px;}
 
#breadcrumbs {font-size:0.8em; color:#666666; margin-top:10px}
#breadcrumbs a {color:#666666;}
#content li, #contentWide li, #content .noBullet ul li, #home li, #home .noBullet ul li, #sidebar li { background:transparent url(../images/li-bg.gif) no-repeat left 5px; line-height:1.5em; margin:0px 10px 5px 10px; padding-left:10px;}
#content .noBullet li, #home .noBullet li { background:none; margin:5px 0; padding-left:0px; }
#content ul li {zoom:1;}
ol li {margin:0px 10px 5px 10px; padding-left:10px;}

/* sidebar */

#zadnjiProjekti { background: transparent url(../images/sidebar_tekoci_projekti.gif) no-repeat left bottom; float:left; margin:0px !important; padding:10px 10px 10px 10px; width:167px;}
#zadnjiProjekti li{ background:transparent url(../images/tekoci-li-bg.gif) no-repeat left 2px; margin:5px 0; padding-left:20px;zoom:1;}
#borderTop {background: transparent url(../images/sidebar_koncani_projekti.gif) no-repeat left bottom; float:left; height:16px; width:187px; margin-top:10px;}
.border { background: transparent url(../images/sidebar_tekoci_projekti.gif) no-repeat left bottom; float:left; padding:0px 10px 10px 10px; margin-bottom:10px; width:167px;}
#sidebar .border h2 { margin-top:0;}

#koncaniProjekti { background: transparent url(../images/sidebar_tekoci_projekti.gif) no-repeat left bottom; float:left; padding:0px 10px 10px 10px; width:167px; }
#koncaniProjekti h2 { margin-top:0;}
#koncaniProjekti li{ background:transparent url(../images/koncani-li-bg.gif) no-repeat left 2px; margin:5px 0; padding-left:20px;zoom:1;}
#zadnjiProjekti a, #koncaniProjekti a{ color:#2f549b; text-decoration:underline; display:block;}
#zadnjiProjekti a:hover, #koncaniProjekti a:hover {text-decoration:none;}

/**************Galerija*****************/

#content.thumbs{display:block; display:inline;}
#content div.thumbs ul li{float:left;width:84px;height:60px;text-align:center;background:none; list-style-image:none; list-style-type:none}
#content.thumb{	padding:2px;background:#f9f9f9;	border:1px solid #aaa;}

#contact li { background:none; padding:0; margin:0 0 10px 0;}
#contact label { width:100px; display:inline-block; vertical-align:top;}
#contact input, #contact textarea { width:250px;}
#contact input#submitButton { width:100px; margin-left:102px;}

/*NEWS
--------------------------------*/

#news {width:309px; float:left; margin:0px; padding:0px;}
#news h2 { margin-top:10px;}
#news ul {display:block; margin:10px 0px 0 0; padding:0px 0px;}
#news ul span.date {color:#000; display:block; font-size:0.9em; font-weight:normal; width:80px;}
#news ul a { color:#000; font-weight:bold; text-decoration: none;}
#news ul a:hover { text-decoration:underline;}
#news ul li {float:left; font-size:1.0em; margin:0; background:none; padding:5px 10px 5px 10px; width:283px; border-top: 1px #e8e8e8 solid;}
#news ul li.bottom, #news ul li.middle { font-size:0.9em;}
#news ul li:hover {background:transparent url(../images/news-li-working.jpg) repeat-x left bottom; }
#news ul li p { margin:0px 8px 0px 0; padding:0px 8px 5px 0;  float:left; }
#news a.archive {color:#004b7d;font-weight:bold; font-size:0.9em; padding-right:10px; margin-top:5px; float:right}

#news ul li.top {background:#add15d; border-bottom:1px solid #9bc245; border-top:1px solid #cbdf9e;}
#news ul li.top a {color:#fff;}
#news ul li.middle {background:#EBEBEB; border-bottom:1px solid #dbdada; border-top:1px solid #fff;}
#news ul li.topLast {margin-bottom:15px;}
#news ul li.bottomFirst {margin-top:15px;}
#news ul li.bottom {/*border-left:1px solid #ccc; border-right:1px solid #ccc;*/ background:#f1f0f0; border-bottom:1px solid #e8e8e8; border-top:1px solid #fff;}

#news a.more { display:block; font-weight:normal;}
#content .newsList li { margin:0 0 10px 0;}
#content .newsList span { font-size:0.9em;}
.newsList li p { margin:5px 0 0 0; font-size:0.9em;}

.events li { background:none; margin-bottom:10px;}
.events img { float:left;}
.events span { display:block; padding-top:5px;}
.events a { display:block; margin-top:10px 0 5px 0;}

/*leftNavigation

--------------------------------*/
#leftNavigation {margin:0px 0px 10px 0px;}
#leftNavigation ul li {display:inline-block; width:163px; float:left; margin:0; background:url(../images/meni-bg.jpg) repeat-x left bottom; padding:10px 0;}
#leftNavigation ul li.selected a {color:#1c549c; text-decoration:none; font-weight:bold; padding:3px 20px 3px 15px;}
#leftNavigation ul li a {color:#1c549c; display:block; padding:3px 20px 3px 15px; margin:0px; text-decoration:none; font-size:1.1em; text-transform:uppercase;}
#leftNavigation ul li:hover{text-decoration:none; background:url(../images/meni-bg-hover.jpg) repeat-x left bottom; width:163px;}
#leftNavigation ul li.selected{text-decoration:none; background:url(../images/meni-bg-hover.jpg) repeat-x left bottom; width:163px;}

#leftNavigation ul li.selected ul {margin:0px 0px 0 15px;}
#leftNavigation ul li.selected ul li {background:url(../images/bullet.png) no-repeat 0 12px; border-bottom:none; font-size:0.9em; margin:0px; padding:5px 0 0 10px; border-top: none; width:131px;}
#leftNavigation ul li.selected ul li a { display:inline-block; float:left; color:#1c549c; font-weight:normal; padding:3px 0px; margin:0px;text-decoration:none; font-size:1.1em; text-transform: none; }
#leftNavigation ul li.selected ul li.selected a {color:#1C549C;text-decoration:underline; padding:3px 0px; font-weight:normal;  }
#leftNavigation ul li.selected ul li a:hover {text-decoration: underline;padding:3px 0px; }
#leftNavigation ul li.last {border-bottom:none;}

#leftNavigation ul li.selected ul li.selected ul {float:left;}
#leftNavigation ul li.selected ul li.selected ul li {width:100px;}
#leftNavigation ul li.selected ul li.selected ul li a {text-decoration:none;}
#leftNavigation ul li.selected ul li.selected ul li a:hover {text-decoration:underline;}
#leftNavigation ul li.selected ul li.selected ul li.selected a {text-decoration:underline;}
/*TABLE

--------------------------------*/
#content table.pics { width:auto;}
#content table.pics td, #content table.podzupana td { background:none; border:none; padding:0 0 10px 0; vertical-align:top;}
#content table.podzupana td { font-size:1em; line-height:1.4em;}
#content table {width:530px; border:0; }
#content table td {background:#E5EFF8; border-bottom:1px solid #013F76; font-size:0.9em; padding:5px 3px 3px 3px;}
#content table th {background:#013F76; height:19px; padding:2px 3px 2px 3px; color:#fff; text-align:left;}

/*ZEMLJEVID KRAJEVNE SKUPNOSTI

--------------------------------*/

#kamnik { width: 740px; height: 504px; background: url(../images/kamnik-zemljevid.gif) no-repeat; float:left; margin: 10px auto; padding: 0; position: relative;}
#kamnik li {margin: 0;padding: 0;list-style: none;display: block;position: absolute;filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8; background:none;}
#kamnik a {display: block; text-indent: -9999px; text-decoration: none;}

#bistrica {left: 240px;top: 343px;width: 103px;height: 88px;}
#smarca {left: 79px;top: 455px;width: 46px;height: 38px; z-index: 50}
#tunjice {left: 32px;top: 286px;width: 86px;height: 102px;}
#podgorje {left: 51px;top: 371px;width: 73px;height: 111px;}
#bistrica {left: 2px;top: 1px;width: 253px;height: 340px;}
#sela {left: 244px;top: 289px;width: 133px;height: 93px;z-index: 60;}
#srednjavas {left: 243px;top: 346px;width: 99px;height: 82px;z-index: 39;}
#vranjapec {left: 190px;top: 391px;width: 135px;height: 77px;}
#nevlje {left: 153px;top: 305px;width: 104px;height: 95px;z-index: 40;}
#crna {left: 136px;top: 147px;width: 186px;height: 193px;z-index: 40;}
#tuhinj {left: 393px;top: 308px;width: 157px;height: 147px;}
#godic {left: 125px;top: 272px;width: 88px;height: 62px;z-index: 40;}
#novitrg {left: 125px;top: 373px;width: 84px;height: 68px;}
#volcjipotok {left: 115px;top: 423px;width: 86px;height: 80px;}
#mekinje {left: 125px;top: 316px;width: 61px;height: 72px; z-index: 41;}
#zaprice {left: 110px;top: 396px;width: 19px;height: 35px;z-index: 70;}
#center {left: 95px;top: 331px;width: 56px;	height: 71px;z-index: 62;}
#perovo {left: 115px;top: 395px;width: 24px;height: 37px;z-index: 63;}
#dupljica {left: 104px;top: 417px;width: 29px;height: 42px;	z-index: 64;}
#psajnovica {left: 363px;top: 427px;width: 149px;height: 61px;}
#motnik {left: 595px;top: 343px;width: 141px;height: 113px;}
#spitalic {left: 509px;top: 305px;width: 136px;height: 161px;}
#smartno {left: 311px;top: 300px;width: 114px;height: 157px;z-index: 50;}

#bistrica a {height: 340px;}
#smarca a {height: 38px;}
#tunjice a {height: 108px;}
#podgorje a {height: 111px;}
#sela a {height: 93px;}
#srednjavas a {height: 82px;}
#vranjapec a {height: 77px;}
#nevlje a {height: 95px;}
#crna a {height: 193px;}
#tuhinj a {height: 147px;}
#godic a {height: 61px;}
#novitrg a {height: 68px;}
#volcjipotok a {height: 80px;}
#mekinje a {height: 72px;}
#zaprice a {height: 35px;}
#center a {height: 71px;}
#perovo a {height: 37px;}
#dupljica a {height: 42px;}
#psajnovica a {height: 61px;}
#motnik a {height: 110px;}
#spitalic a {height: 161px;}
#smartno a {height: 157px;}

#bistrica a:hover {background: url(../images/kamnik-zemljevid2.gif) -3px -506px no-repeat;}
#smarca a:hover {background: url(../images/kamnik-zemljevid2.gif) -78px -1966px no-repeat;}
#tunjice a:hover {background: url(../images/kamnik-zemljevid2.gif) -33px -1291px no-repeat;}
#podgorje a:hover {background: url(../images/kamnik-zemljevid2.gif) -51px -876px no-repeat;}
#sela a:hover {background: url(../images/kamnik-zemljevid2.gif) -243px -793px no-repeat;}
#srednjavas a:hover {background: url(../images/kamnik-zemljevid2.gif) -592px -2363px no-repeat;}
#vranjapec a:hover {background: url(../images/kamnik-zemljevid2.gif) -378px -2408px no-repeat;}
#nevlje a:hover {background: url(../images/kamnik-zemljevid2.gif) -212px -2320px no-repeat;}
#crna a:hover {background: url(../images/kamnik-zemljevid2.gif) -134px -1659px no-repeat;}
#tuhinj a:hover {background: url(../images/kamnik-zemljevid2.gif) -393px -812px no-repeat;}
#godic a:hover {background: url(../images/kamnik-zemljevid2.gif) -125px -1281px no-repeat;}
#novitrg a:hover {background: url(../images/kamnik-zemljevid2.gif) -125px -878px no-repeat;}
#volcjipotok a:hover {background: url(../images/kamnik-zemljevid2.gif) -114px -1430px no-repeat;}
#mekinje a:hover {background: url(../images/kamnik-zemljevid2.gif) -16px -1827px no-repeat;}
#zaprice a:hover {background: url(../images/kamnik-zemljevid2.gif) -111px -1906px no-repeat;}
#center a:hover {background: url(../images/kamnik-zemljevid2.gif) -95px -2346px no-repeat;}
#perovo a:hover {background: url(../images/kamnik-zemljevid2.gif) -96px -2230px no-repeat;}
#dupljica a:hover {background: url(../images/kamnik-zemljevid2.gif) -104px -2104px no-repeat;}
#psajnovica a:hover {background: url(../images/kamnik-zemljevid2.gif) -363px -1433px no-repeat;}
#motnik a:hover {background: url(../images/kamnik-zemljevid2.gif) -595px -848px no-repeat;}
#spitalic a:hover {background: url(../images/kamnik-zemljevid2.gif) -508px -1312px no-repeat;}
#smartno a:hover {background: url(../images/kamnik-zemljevid2.gif) -310px -1810px no-repeat;}

/*ANKETA

--------------------------------*/
#sidebar .poll ul {margin:0 0 0 15px;}
#sidebar .poll ul li {margin:5px 0 0 0; background:none; padding:0;}
.poll div.pollBar {background:url(../images/poll_result.gif) repeat-x 0 0;}
.poll div.pollBar span {color:#fff; margin:2px; white-space:nowrap;}
.poll div.pw {width:100%; background:url(../images/poll_result.gif) repeat-x 0 0;}

.poll ul li.but {margin-top:10px;}
.poll ul li input#objavi {background:url(../images/poll_submit.gif) no-repeat 0 0; float:right; border:0; width:101px; height:25px; font-weight:bold; color:#fff; text-align:center; font-size:1.3em; padding-bottom:5px; margin-right:10px;}
.poll ul li input#objavi:hover {color:#333; cursor:pointer;}

.poll ul li input#prikazi {background:url(../images/poll_submit.gif) no-repeat 0 0; float:right; border:0; width:101px; height:25px; font-weight:bold; color:#fff; text-align:center; font-size:1em; padding-bottom:5px;}
.poll ul li input#prikazi:hover {color:#333; cursor:pointer;}

#links { padding: 0 0 0 20px; font-size:0.9em;}
a.vprasajte { display:block; margin:15px 0 10px 0;}
a.obcan { display:block; margin:5px 0 0 33px;}

#razpisi span { font-size:0.9em;}
p.arhivSej { margin:20px 0 0 0;}

/* kamniski obcan */ 

#kobcan img, .kobcanImg { float:right;}
#kobcan li { background:none; margin:0 0 12px 0; padding:0;}
.obcanDatum { font-size:0.9em;}
#kobcan h2 { margin:2px 0 2px 0;}
.obcanOpis { display:block; margin-bottom:5px;}

/* classes */

.doc, .pdf, .xls, .zip {display:inline-block; line-height:19px; padding-left:20px;}
ol li a.doc, ol li a.pdf, ol li a.xls, ol li a.zip {display:block;}
ul li a.doc, ul li a.pdf, ul li a.xls, ul li a.zip {display:block;}
ol li br {display:none;}
.doc { background: transparent url(../images/ico-doc.gif) no-repeat left 3px;} 
.pdf { background: transparent url(../images/ico-pdf.gif) no-repeat left 3px;} 
.xls { background: transparent url(../images/ico-xls.gif) no-repeat left 3px;} 
.zip { background: transparent url(../images/ico-zip.gif) no-repeat left 3px;} 

/* FOOTER

------------------------------ */

#footer {background:url(../images/footer.png) no-repeat 0 0; padding:30px 20px 10px 25px; font-size:0.9em; color:#FFF; float:left; width:915px; height:31px}
#footer a {color:#FFF; position:relative;}
#footer a.izdelava {text-decoration:none;}
#web {float:right;}
#copy {float:left; }

#footerMore a {display:inline-block; padding-left:20px; height:22px; background:url(../images/dropdawn.png) no-repeat top left; width:auto; color:#fed340; line-height:18px; margin-right:3px; margin-left:10px; font-weight:bold;}

#body .imgLeft { float:left; margin:0 10px 10px 0;}
#body .imgRight { float:right; margin:0 0px 10px 10px ;}
.flr {float: right;}
.fll {float: left;}
#content img.rss { float:right; border:none; margin:10px 7px 0 0;}
img.crlitija { margin-left:12px;}

/*edited by matic*/
#calendar {background:url(../images/koledar.png) no-repeat 0 100%; padding-bottom:5px; margin-bottom:10px;}
#calendar h2 {background:url(../images/koledartitle.png) no-repeat 0 0; padding:10px 15px; color:#000;}

#imageMap {float:left; overflow:auto; width:733px; height:190px;}

#header #imageMapNav {background:transparent url(../images/img/map.png) no-repeat scroll 0 0; float:left; width:217px; height:190px; margin:0 0 0 4px; position:relative;}
#header #imageMapNav li {position:absolute; width:15px; height:15px;}
#header #imageMapNav li a {border-left:none; text-indent:-9999px; width:15px; height:15px; display:block;}
#goto1li {top:123px; left:37px;}
#goto2li {top:72px; left:57px;}
#goto3li {top:126px; left:93px;}
#goto4li {top:160px; left:33px;}
#goto5li {top:122px; left:19px;}
#goto6li {top:140px; left:40px;}
#goto7li {top:30px; left:23px;}
#goto8li {top:135px; left:142px;}
#goto9li {top:55px; left:27px;}
#goto10li {top:142px; left:193px;}

/* HACKS
------------------------------ */
.clear {display:block; clear:both;}
.clear:after, #bodyContent:after, #newsListIns:after, #newsListHome:after, #sidebar:after, #header:after, ul.breadcrumbs:after, #tourMenu ul:after, #data:after, #dock2:after, #navigationDock:after, ul.infoLinks:after, ul.pics:after, ul.course li:after,ul.courseDay:after,ul.courseDay li:after, #body:after, #site:after,#w:after, #leftNavigation ul li.selected ul:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}