@charset"utf-8";
/* reset css */
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;font-size:100%;background:transparent;text-decoration:none;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
.inf, .done, .att, .err { border: 1px solid; margin: 10px;padding:25px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center;}
.inf { color: #00529B; background-color: #BDE5F8; background-image: url('../img/icon/inf.png');}
.done { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/icon/done.png');}
.att { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/icon/att.png');}
.err { color: #D8000C; background-color: #FFBABA; background-image: url('../img/icon/error.png');}
body {font-family: "Trebuchet MS";font-size: 12px;background-color: #000;color: #fff;}
p {line-height: 17px;}
.lijevo {float: left;}
.desno {float: right;}
.cisto {clear: both;}
#stranica {width: 100%;position: relative;}
.head {height: 555px;line-height: 32px;position: relative;overflow: hidden;}
.podhead { background-image: url(../img/zonfa.jpg);background-repeat: repeat;background-position: center top; height: 255px;line-height: 32px;position: relative;overflow: hidden; text-align: center; }
.navigacija {width: 300px;height: 555px;}
.logo {	width: 250px;height: 340px;margin-top: 20px;margin-right: 20px;	position: relative;	z-index: 3;}
.misc {	width: 280px;height: 28px;border-bottom: 1px dotted #fff;display: block;margin-left: 20px;margin-top: 20px;position: relative;z-index: 3;}
.misc li {float: left;}
.misc a {color: #fff;font-size: 12px;padding-left: 17px;margin-right: 20px;}
a.akt { color: #FC0; }
.misc a:hover {color: #FC0;}
.home a {background-image: url(../img/icon/home.png);background-repeat: no-repeat;background-position: left 3px;}
.map a {background-image: url(../img/icon/map.png);background-repeat: no-repeat;background-position: left 3px;}
.mejl a {background-image: url(../img/icon/mail.png);background-repeat: no-repeat;background-position: left 3px;}
.meni {	width: 280px;display: block;margin-left: 20px;margin-top: 5px;padding-bottom: 10px;	position: relative;	z-index: 3;}
.meni li {display: block;}
.meni a {color: #fff;text-transform: lowercase;font-size: 16px;font-weight: normal;padding: 0px;display: inline;background-image: url(../img/plus.png);	background-repeat: no-repeat;background-position: -7px 7px;padding-left: 10px;margin-left: 3px;}
.meni li span { display: none; margin-top: -1px; color: #FC0; font-size: 11px; }
.meni a:hover, .nav a:hover {color: #FC0;}
.meni :hover span {display: inline; }
.akt a { color: #fc0; }
.akt a span { display: inline; }

.nav { float: left; display: block; position: absolute; bottom: 0px; margin-left: 5px; }
.nav li { background: #000; border: 1px solid #1A1A1A; border-bottom: none; float: left; margin-right: 2px;

	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
	
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
}
.nav li:hover { background-colod: #1A1A1A; border: 1px solid #000; border-bottom: none; }
.nav a { color: #fff; padding: 0px 15px; text-transform: uppercase; font-size: 16px; }

.traka {width: 100%;height: 50px;background-color: #1A1A1A;	background-image: url(../img/chiza.png);background-repeat: repeat-x;background-position: left bottom;border-top: 1px solid #000;}
.od, .do {width: 30%;}
.od p, .do p {line-height: 48px;text-align: center;}
#sadrzaj {width: 100%;display: block;border-top: 1px solid #000;text-align: justify;}
.traka h1, .middle h1 {padding-left: 20px;text-transform: uppercase;font-size: 16px;color: #B89A89;	font-weight: normal;padding-top: 20px;}
.middle h1 {padding-left: 15px;padding-top: 0px;padding-bottom: 10px; padding-right: 15px;}
.middle a { font-weight: bold; color: #B89A89; }
#sadrzaj p {margin-top: 0px;padding: 0px 15px;}
ul.nevs {margin-left: 20px;margin-top: 0px;padding-right: 10px;text-align: justify;}
ul.nevs li {line-height: 17px;margin-bottom: 10px;}
ul.nevs span {display: block;clear: both;font-size: 10px;color: #999;line-height: 11px;}
ul.nevs a {color: #B89A89;}
ul.nevs a:hover {color: #FC0;}
.projects img {margin-left: 20px;margin-bottom: 10px; border: 3px solid #434343; padding: 1px;}
.news { width: 30%;padding-bottom: 20px;padding-top: 20px; }
.middle { width: 40%;padding-bottom: 20px; background-color: #0F0F0F;padding-top: 20px;}
.middle2 { width: 70%;padding-bottom: 20px; background-color: #0F0F0F;padding-top: 20px;}
.projects { width: 30%;padding-bottom: 20px;padding-top: 20px; }
.middle p {margin-bottom: 10px;line-height: 17px;}
.middle h1 span {float: right; color: #999; font-size: 12px;}
#sadrzaj .meni {margin-top: 0px;}
#sadrzaj .meni li { line-height: 22px; }
#sadrzaj .meni a {font-size: 13px;background-position: -7px 4px; color: #B89A89}
#sadrzaj .meni a:hover { color: #FC0; }
.news p { margin-left: 5px; }
.news h2 { margin-left: 20px; font-size: 16px; font-weight: normal; padding-bottom: 5px; }
p.contact { line-height: 20px; margin-bottom: 20px; }
.news p a { color: #B89A89 }
.news p a:hover { text-decoration: underline; }
.footer {width: 100%;display: block;clear: both;border-top: 1px solid #434343;padding-top: 10px;padding-bottom: 30px;background-image: url(../img/chiza.png);background-repeat: repeat-x;background-position: left top;}
.footer p {padding-left: 20px;padding-right: 20px;color: #999;}
.footer a	{ color: #fff; }
#full-sized-area {position: absolute;width: 100%;height: 555px;z-index: 1;left: 0;}
#full-sized-content, #full-sized-background { position: absolute; top: 0; left: 0;background-image: url(../img/dots.png);background-repeat: repeat;background-position: left top;height: 555px;}
#drag-controls-area {position: relative;width: 40%;height: 48px;overflow: hidden;border-top: 2px solid #1A1A1A;}
#drag {position: relative;width: 40%;height: 48px;overflow: hidden;border-top: 2px solid #1A1A1A;}
#drag-controls {position: absolute; top: 1px; left: 0; height: 44px;border: 1px solid #fff;	background-image: url(../img/chiza.png);background-repeat: repeat-x;background-position: left top;}
#drag-controls.ui-draggable { cursor: -moz-grab !important; cursor: -webkit-grab !important; cursor: e-resize;}
#drag-controls.ui-draggable-dragging { cursor: -moz-grabbing !important; cursor: -webkit-grabbing !important; border-color: #000;}
#drag-controls.ui-draggable .strl {	position: absolute;	left: -21px;width: 20px;height: 46px;background-image: url(../img/str.png);	background-repeat: no-repeat;background-position: right top;}
#drag-controls.ui-draggable-dragging .strl {position: absolute;left: -21px;width: 20px;	height: 46px;background-image: url(../img/str.png);	background-repeat: no-repeat;background-position: right -50px;}
#drag-controls.ui-draggable .strr {position: absolute;right: -21px;width: 20px;height: 46px;background-image: url(../img/str.png);background-repeat: no-repeat;background-position: left -99px;}
#drag-controls.ui-draggable-dragging .strr {position: absolute;right: -21px;width: 20px;height: 46px;background-image: url(../img/str.png);background-repeat: no-repeat;background-position: left -147px;}
#full-sized-content { width: 2350px;height: 355px; padding-top: 200px;padding-left: 20px;position: relative;}
#drag-controls-area {background-color: #343434;	background-image: url(../img/silueta.png);background-repeat: no-repeat;	background-position: center bottom;	-moz-background-size: 100% 100%;-o-background-size: 100% 100%;	-webkit-background-size: 100% 100%; background-size: 100% 100%;}
.slideOutTip{position:absolute;	padding:3px;top:0;left:0;background-image: url(../img/meni.png);background-repeat: repeat;background-position: left top;font-size:13px;color:white;overflow:hidden;height:22px;border: 1px solid #000; -moz-border-radius: 3px; border-radius: 3px;}
.slideOutTip:hover{-moz-box-shadow:0 0 1px #999;-webkit-box-shadow:0 0 1px #999;box-shadow:0 0 1px #999;}
.tipVisible{ cursor:pointer; height:22px; }
.tipTitle{float:left;font-size:12px;font-weight:bold;white-space:nowrap;line-height:22px;padding-right:5px;color: #ccc;  }
.tipIcon{width:20px;height:20px;float:left;background-color:#000;border:1px solid #494949;margin-right:8px;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}
.plusIcon{width:13px;height:13px;background:url('../img/plus.png') no-repeat center center;	margin:4px;	-webkit-transition: -webkit-transform 0.2s linear;-moz-transition: -moz-transform 0.2s linear;	transition: transform 0.2s linear;}
.slideOutTip.isOpened{ z-index:10000; }
.slideOutTip.isOpened .plusIcon{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.openLeft .tipIcon{margin:0 0 0 8px;float:right;}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }
.slideOutContent{display:none;padding:10px;	font-size: 12px;text-align: justify;  width: 350px;}
.slideOutContent a { color: #FC0; border-bottom: 1px dashed #fff; }
.slideOutContent a:hover { color: #fff; border-bottom: 1px dashed #FC0; }
.spaceBottom{margin:0 0 10px;}
.spaceTop{margin:10px 0 0;}
.main > p { display:none; }
.clear{clear:both;}

#admin { width: 960px; margin: 20px auto; border: 1px solid #434343; background: #343434; }
.menu { height: 32px; display: block; background: #666; border-bottom: 3px solid #434343;margin-bottom: 10px;}
.menu li { float: left; position: relative; }
.menu li ul { display: none; position: absolute; width: 250px; background:#434343; margin-top: -3px; border-left: 1px solid #666; border-right: 1px solid #666; }
.menu a { color: #B89A89; text-transform: uppercase; line-height: 28px; padding: 4px 15px; display: block; }
.menu a:hover { color: #FC0; }
.menu :hover ul { display: block; }
.menu ul a { color: #B89A89; text-transform: lowercase; line-height: 17px; }
.menu ul a:hover { color: #FC0; }
.menu ul li { display: block; float: none; border-bottom: 1px solid #666; }
.glavni { display: block; padding-bottom: 15px; width: 945px; }
.glavni h1 { margin-top: 15px; margin-left: 15px; margin-bottom: 15px; text-transform: uppercase;border-bottom: 1px solid #434343; display: block; padding: 5px 0px; }
.glavni h1 a { color: #B89A89; }
.glavni h1 a:hover { color: #FC0; }
.glavni p { display: block; margin: 15px;}
.stat { margin-left: 30px; list-style: none; line-height: 17px; padding-bottom: 10px; }
.tbl { margin: 0px 15px; }
.glavni .polje { border: 1px solid #343434; background: #999; color: #343434; padding: 5px; font-family: "Trebuchet MS"; font-size: 12px; width: 90%; }
.glavni .polje2 { border: 1px solid #343434; background: #999; color: #343434; padding: 5px; font-family: "Trebuchet MS"; font-size: 12px; width: 20%; }
.glavni .gumb { border: 1px solid #999; background: #434343; color: #999; padding: 5px 15px; }
table.lista  { background:#999; border:1px solid gray; border-collapse:collapse; color:#fff;}
.lista td, .lista th { color:#fff;padding:.4em 10px;}
.lista tr { border:1px dotted gray;}
.lista thead th, .lista tfoot th { background:#666; color:#FFFFFF; padding:3px 10px 3px 10px; text-transform:uppercase;}
.lista tbody th, .lista tbody td { vertical-align: middle;}
.lista tfoot td { background:#666; color:#FFFFFF; padding-top:3px;}
.lista tbody tr:hover { background:#343434; border:1px solid #343434; color:#000000;}
.polje option { border-bottom: 1px dotted #666; line-height: 22px; }
a.pregled { color: #F30; }
.statistika { display: block; position: relative; height: 100px; width: 930px; }
.statistika ul { float: left; width: 200px; }
.glavni h1 span { display: block; float: right; }
.glavni span a { text-transform: lowercase; color: #B89A89;}
.glavni span a:hover { color: #FC0;}
.glavni h1 small { text-transform: lowercase; }
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #000;border: 4px solid #666666;	width: 250px;height: 250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {background-color: #666666;margin: 0 auto;	line-height: 1.4em;	overflow: auto;width: 100%;padding: 10px 10px 0;border-bottom: 4px solid #666666;	border-left: 4px solid #666666;	border-right: 4px solid #666666;}
#lightbox-container-image-data {padding: 0 10px; color: #fff;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}
.galerija { }
.fotka {display:block;float:left; position: relative;  width: 142px; padding: 3px; border: 1px solid #000; margin-left: 20px; margin-right: 0px; margin-bottom: 20px; height: 77px; overflow: hidden; z-index: 2; background-color: #666;}
.fotka a { display: block; position: relative; width: 140px; overflow: hidden; height: 75px; border: 1px solid #000; }
.fotka img {  }
.polje optgroup option { padding: 5px 10px; }
p.intro { color: #999; font-style: oblique; }
.klijenti { padding: 0 15px; line-height: 17px; text-align: center; }
.klijenti span { color: #FFF; padding: 3px 10px; margin-right: 2px; line-height: 30px; white-space: nowrap; border: 1px solid #3C3B38; display: inline; margin-bottom: 10px; background-color: #4D4A44; -moz-border-radius: 2px; border-radius: 2px;}
.box { width: 100%; padding-bottom: 10px; }
.box p { text-align: left; }
.box h1 span a { color: #B89A89; text-transform: lowercase; display: block; margin-top: 2px; padding-bottom: 3px; }
.box h1 span a:hover { color: #FC0; }
.miscinfo { margin-right: 15px; width: 680px; line-height: 17px; }
.miscinfo h1 { text-transform: uppercase; color: #CCC;padding-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 7px; }
.miscinfo h2 { margin-top: 7px; }
.miscinfo h2 span { color: #ccc; }
.miscinfo strong { text-transform: uppercase; color: #C00; }
.miscinfo a { color: #B89A89; }
.miscinfo a:hover { color: #FC0; }
.mapa { padding: 0px 15px; line-height: 17px; }
.mapa a { color: #B89A89; font-weight: bold; }
.mapa a:hover { color: #FC0 }
.mapa ul { margin-left: 10px; }
.forma .polje { border: 1px solid #343434; background: #999; color: #343434; padding: 5px; font-family: "Trebuchet MS"; font-size: 12px; }
.forma .gumb { border: 1px solid #999; background: #434343; color: #999; padding: 5px 15px; }
#tooltip{background-image:url(../img/meni.png);background-position:left top;background-repeat:repeat;background-color:transparent;position:absolute;border:1px dotted #fff;padding:7px;color:#fff;display:none;font-size:11px; z-index:9999;}