/*
Theme URI: http://kfbehar.se/
Version: 0.8.2 lightbox
Author: Haris Tucakovic'
---------------------------------------*/

body {margin: 0 auto; padding: 0; text-align: center; background: white; background-image: url("images/behar_bg.gif"); background-repeat: repeat-x; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444;}

img {border: 0;}
p {line-height: 150%; margin: 0 0 8px 0;}

blockquote {font-style: oblique; margin: 12px 12px 12px 30px; padding: 0 0 0 12px; border-left: 4px solid #67aed1;}
abbr {border-bottom: 1px dotted; cursor: help;}
acronym {border-bottom: 1px dotted; cursor: help;}
.help {border-bottom: 1px dotted; cursor: help;}
.kap {font: normal 12px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; text-transform: uppercase; letter-spacing: 2px;}
.kapt {text-transform: capitalize;}
.data {font-size: 83%; color: #444; font-family: "Courier New", Courier, "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", Times, serif; text-decoration: none; margin-top: 0px; margin-bottom: 8px;}

ul {margin: 0; padding: 0; list-style: none;}

.prvo {float: left; font-size: 500%; line-height: 83%; padding-top: 4px; color: #999;}
.prvi {float: left; font-size: 290%; line-height: 83%; padding-top: 6px; color: #999;}

a.veza {color: #67aed1; text-decoration: none; border-bottom: none;}
a.veza:active {color: #67aed1; text-decoration: none; border-bottom: none;}
a.veza:hover {color: #4591b6; background: #eaf3f7; border-bottom: 1px solid #e1dfd6;}
a.veza:visited {color: #67aed1; text-decoration: none;}

#logo {display: block; float: left; margin-top: 15px;}

#ram {margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; width: 980px; height: 70px; text-align: center; border-bottom: 3px double #e0e0e0;}
#ram1 {margin: 0; padding: 0; display: block; float: left; width: 980px; height: 70px; text-align: left; border-bottom: 3px double #e0e0e0;}
#ram1l {margin: 0; padding: 0; display: block; float: left; width: 280px; height: 46px; padding: 15px 0 0 0; text-align: left;}
#ram1l a:hover {text-decoration: none; border-bottom: none; background: white;}
#ram1d {margin: 0; padding: 0; display: block; float: left; width: 700px; padding: 18px 0 0 0; text-align: right;}
#ram2 {margin: 0; padding: 0; display: block; float: left; width: 980px; text-align: left;}
#ram2l {margin: 0; padding: 0; display: block; float: left; width: 204px; text-align: left;}
#ram2s {margin: 0; padding: 0; display: block; float: left; width: 600px; min-height: 500px; text-align: left; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
#ram2d {margin: 0; padding: 0; display: block; float: left; width: 174px; text-align: right;}
#blok {display: block; float: left; width: 600px; text-align: left;}

#naslov {display: block; width: 560px; margin-left: 20px; border-bottom: 1px dashed #e1dfd6;}
.naslov-t {padding: 15px 0 5px 0; font: normal 21px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666; text-align: left; letter-spacing: 1px;}
.tekst {margin: 0 20px 0 20px; padding: 15px 0 5px 0; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666; text-align: justify;}
.tekst-info {margin: 0 20px 0 20px; padding: 8px 0 5px 0; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666; text-align: justify;}

ul.navlist {width: 980px; list-style: none; line-height: 40px; display: inline; clear: both;}
.navlist li {float: right;}
.navlist li a {color: #999;	text-decoration: none; border-bottom: none; margin-left: 20px;}
.navlist li a:hover {color: #67aed1; background: white; text-decoration: none; border-top: 1px solid #999;}
.navlist #current {color: #444; border-top: 1px solid #67aed1;}

#navlista_b {width: 580px; margin: 6px 0 3px 0;}
#navlista {border-bottom: 1px dashed #c9c3a2; margin: 0 0 0 20px; padding-bottom: 19px; padding-left: 10px;}
#navlista ul, #navlista li {display: inline; list-style-type: none; margin: 0; padding: 0;}
#navlista a:link, #navlista a:visited {background: #fff; border-bottom: none; border-top: 1px dashed #fff; color: #999; float: left; line-height: 14px; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none;}
#navlista a:link#currrent, #navlista a:visited#currrent {background: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #67aed1; color: #444;}
#navlista a:hover {color: #67aed1; background: #fff; border-top: 1px solid #999;}

#popular {display: block; float: left; width: 184px; text-align: left;}
.popular-nas {margin: 0 0 10px 0; padding-bottom: 2px; font: bold 12px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #888; text-transform: uppercase; border-bottom: 5px solid #e1dfd6;}
.popular_list {list-style: none; margin: 5px 0 25px 0; padding: 0;}
.popular_list li {list-style: none; margin: 0; text-align: left;}
.popular_list li a {display: block; padding: 4px; color: #888; text-decoration: none; border-bottom: 1px solid #e1dfd6;}
.popular_list li a:hover {color: #67aed1; background: #eaf3f7;}
.popular_list #kurent {color: #67aed1; background: #eaf3f7;}
.popular-nast {margin: 25px 0 10px 0; padding-bottom: 2px; font: bold 12px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #888; text-transform: uppercase; border-bottom: 5px solid #e1dfd6;}

#jezik {display: block; float: right; width: 154px; margin: 8px 0 6px 0; padding: 0 0 2px 0; text-align: center; font: bold 11px Tahoma, Verdana, Arial, sans-serif; color: #999; text-decoration: none; border-bottom: none;}

#calendar {display: block; float: right; width: 154px; font: normal 11px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666; text-align: center;}
#cal-top {display: block; float: left; width: 154px; margin: 0 0 1px 0; text-align: center;}
.cal-topld a {display: block; float: left; width: 22px; text-align: center; vertical-align: middle; background: white; border-bottom: none;}
.cal-topld a:hover {background: white; border-bottom: none;}
.cal-tops {display: block; float: left; width: 110px; text-transform: capitalize; text-align: center;}
.cal-dani {display: block; float: left; width: 154px; margin: 0 0 1px 0; font: bold 10px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #999; text-transform: lowercase; text-align: center; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.cal-dan {display: block; float: left; width: 22px; padding: 2px 0 2px 0; text-align: center;}
.cal-dat-r {display: block; float: left; width: 154px; text-align: center;}
.cal-dat-0 {display: table-cell; float: left; width: 22px; height: 22px; text-align: center;}
.cal-dat-a {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; font-weight: bold; color: #fff; background: #67aed1; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.cal-dat-a a {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; font-weight: bold; color: #fff; background: #67aed1; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.cal-dat-a a:hover {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; background: #c9c3a2; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.cal-dat-s {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; background: #c9e2ee; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.cal-dat-s a {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; font-weight: bold; color: white; background: #c9c3a2; border-bottom: none; text-decoration: none; border-right: 1px solid #fff;}
.cal-dat-s a:hover {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; background: #67aed1; border-bottom: none; text-decoration: none; border-right: 1px solid #fff;}
.cal-dat-p {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; color: #888; background: #e1eef4; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
.cal-dat-p a {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; font-weight: bold; color: #fff; background: #c9c3a2; border-bottom: none; text-decoration: none; border-right: 1px solid #fff;}
.cal-dat-p a:hover {display: table-cell; float: left; width: 21px; height: 21px; line-height: 21px; text-align: center; background: #67aed1; border-bottom: none; text-decoration: none; border-right: 1px solid #fff;}

#calendar-sel {display: block; float: left; width: 154px; text-align: center; vertical-align: middle;}
.calendar-sel-l {display: block; float: left; width: 48px; margin: 0 1px 0 0; text-align: center; vertical-align: middle;}
.calendar-sel-s {display: block; float: left; width: 60px; text-align: center; vertical-align: middle;}
.calendar-sel-d {display: block; float: right; width: 36px; background: #fff; text-align: right; vertical-align: middle;}
.calendar-sel-d1 {width: 48px; height: 18px; font: 11px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666; text-transform: capitalize; background: #fff; border: 1px solid #e0e0e0;}
.calendar-sel-d2 {width: 60px; height: 18px; font: 11px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666; text-transform: capitalize; background: #fff; border: 1px solid #e0e0e0;}
.calendar-sel-ok {width: 36px; height: 18px; background: url("images/bg-puca.gif") #fdfff7 left bottom repeat-x; border: 1px outset #fff; color: #67aed1; font: bold 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; cursor: pointer;}

#kontakt-lijevo {display: block; float: left; width: 290px; margin: 10px 0 16px 0; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444; text-align: left;}
#kontakt-desno {display: block; float: right; width: 310px; margin: 12px 0 16px 0; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444; text-align: left;}
.kontakt-ljv {padding: 0 0 10px 20px; line-height: 150%;}
.kontakt-dsn {padding: 0 0 8px 0;}
.grjeska {width: 256px; padding: 5px 8px 5px 8px; margin: 4px 0 8px 0; font: bold 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: White; background: Red;}
.golub {width: 256px; padding: 8px; margin: 4px 0 8px 0; font: bold 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: White; background: #67aed1; text-align: center;}

#nov-naslov {width: 560px; margin-left: 20px; letter-spacing: 1px; text-align: center;}
.nov-nadnaslov {padding: 16px 0 11px 0; font: normal 13px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666; border-bottom: 1px dashed #c9c3a2;}
.nov-glava {padding: 15px 0 11px 0; font: normal 19px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666;}
#nov-podnaslov {width: 560px; margin-left: 20px; padding: 8px 0 8px 0; font: normal 12px Tahoma, Verdana, Arial, sans-serif; color: #888; background: #eaf3f7; text-align: center; border-top: 1px dashed #c9c3a2; border-bottom: 1px dashed #c9c3a2;}
.nov-blok {width: 560px; margin-left: 20px; border-bottom: 1px dashed #e1dfd6;}
.nov-blok-nas {padding: 8px 0 0 0; font: normal 19px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #666;}
.nov-blok-izv {padding: 0; color: #666;}
.nov-lista {float: right; display: block; width: 550px; text-align: left; line-height: 150%; padding: 0; margin-top: 12px; margin-bottom: 12px; text-decoration: none; border-bottom: none;}
.nov-list li {margin: 0; padding: 0 0 4px 10px; background: url("images/tackica.gif") no-repeat; background-position: 0 5px;}
.nov-nasl {display: block; width: 560px; margin-left: 20px; border-bottom: 1px dashed #e1dfd6;}

#trazi {display: block; float: left; margin-left: 20px; width: 560px; text-align: left;}
#trazi-form {margin: 20px 0 0 0; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444; text-align: center;}
.trazi-red1 {margin: 16px 0 0 0; padding: 8px 0 8px 10px; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444; text-align: left; background: #eaf3f7; border-top: 1px solid #e1dfd6; border-bottom: 1px dotted #e1dfd6;}
.trazi-red2 {margin: 8px 0 0 8px; padding: 8px 0 8px 10px; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444; text-align: left;}
.trazi-rez1 {padding: 8px 0 8px 0; text-align: justify; border-bottom: 1px dotted #e1dfd6;}
.trazi-rez2 {padding: 8px 0 8px 10px; background: #eaf3f7; border-bottom: 1px solid #e1dfd6; font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444; text-align: left;}
.trazi-naslov {font: bold 13px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; letter-spacing: 2px; text-transform: uppercase;}
.trazi-opis {font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #444;}
.trazi-lang {font: normal 14px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #888;}
.trazi-polje {font: normal 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #555; background: #eaf3f7; border: 1px solid #e1dfd6; width: 184px; height: 17px; margin: 3px 0 0 0; vertical-align: top;}
.trazi-polje-1 {float: left; font: normal 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #555; background: url("images/trazi-1.gif"); background-repeat: no-repeat; border: 0; width: 157px; height: 21px; margin: 0; vertical-align: middle;}
.trazi-polje-2 {float: left;}
.trazi-pol {width: 115px; height: 16px; margin: 3px 0 0 0; font: normal 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #555; border: 1px solid #e1dfd6; vertical-align: top;}
.trazi-del {font: normal 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #555; background: #eaf3f7; border: 1px solid #e1dfd6; height: 18px; width: 270px; margin: 3px 0 0 0; vertical-align: top;}
.trazi-led {font: normal 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #555; background: #eaf3f7; border: 1px solid #e1dfd6; height: 150px; width: 270px; margin: 3px 0 0 0; vertical-align: top;}
.trazi-led a:hover {background: red;}
.puca {background: url("images/bg-puca.gif") #fdfff7 left bottom repeat-x; border: 1px outset #fff; color: #67aed1; font: bold 11px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; padding: 3px; cursor: pointer;}
#trazi-1 {margin: 0; padding: 0; display: block; float: left; width: 184px; height: 45px; text-align: left;}
.trazi-1a {margin-top: 0;}
.trazi-nas {margin: 9px 0 2px 0; font: bold 12px Verdana, Tahoma, Arial, Helvetica, Helve, sans-serif; color: #888; text-transform: uppercase;}

.dno {font: normal 11px Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Times, "Times New Roman", serif; color: #999; margin: 0; padding-top: 3px; display: block; float: left; width: 980px; text-align: center; border-top: 3px double #e0e0e0;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#okvir-blok {margin: 0 0 16px 20px; display: block; float: left; text-align: left; width: 570px;}
.okvir-slika {background-color: #e1dfd6; margin: 5px 5px 0 0; padding: 4px; display: block; float: left;}