/* --------------
Css 4 Opereta
copyright HelioBit d.o.o.
------------------ */

* { margin: 0; padding: 0;  }

p{ margin: 0; padding: 0; }

html{ font-size: 0.7em; }

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; color: #000; text-decoration: none; font-size: 100%; border: 0px; background: #ebf5ff url(../images/bek1.jpg) repeat-x fixed; }

a:link, a:visited, a:active { color: #336699; }

a:hover{ text-decoration: none; }

#wrap{ width: 950px; margin: 0 auto 0 auto; }

#header{ height: 100px; background: #477aad url(../images/opereta.jpg) repeat-x; margin: 5px 0 0 0; border-top: 1px solid #507693; }

#logo{ display: block; float: left; width: 200px; background: url(../images/logo.jpg) no-repeat; width: 245px; height: 100px; text-indent: -9999px; }

#adresa{ float: left; width: 440px; padding: 52px 0 0 72px; color: #fff; line-height: 15px; }

#adresa span{ color: #b1cbe4; text-transform: uppercase; }

#adresa a{ color: #b1cbe4; text-decoration: underline; }

#adresa a:hover{ text-decoration: none; }

#language{ float: right; padding: 0; margin: 60px 0 0 0; text-align: right; }
#language div#currency{ float: left; text-align: left; color:#EEEEEE; margin: 2px 0 0 0;}
#language div#currency select{ width:80px;}



#hr, #eng { padding: 0; }

#hr{ background: url(../images/hr.gif) no-repeat right; margin: 0 15px 0 0; }

#eng{ background: url(../images/eng.gif) no-repeat right; margin: 0 15px 0 0; }

#hr a:link, 
#hr a:visited, 
#hr a:active, 
#eng a:link, 
#eng a:visited, 
#eng a:active { color: #fff; text-decoration: none; padding: 0 25px 0 0; }

#eng a:hover, 
#hr a:hover{ color: #fff; text-decoration: underline; padding: 0 25px 0 0; }

#prva{ margin: 0 0 0 0; border-top: 1px solid #fff;  padding: 0}

#prva ul{padding:0;margin:0; }

#prva ul li{ list-style: none; float: left; text-indent: -9999px; }

#prva ul li a.ponuda{ display: block; background: url(../images/ponuda1.jpg) no-repeat; width: 190px; height: 120px; }
#prva ul li a.ponudaen{ display: block; background: url(../images/ponuda1en.jpg) no-repeat; width: 190px; height: 120px; }

#prva ul li a.karta{ display: block; background: url(../images/karta1.jpg) no-repeat; width: 190px; height: 120px; }
#prva ul li a.investicije{ display: block; background: url(../images/karta1_investicije_plavo.jpg) no-repeat; width: 190px; height: 120px; }
#prva ul li a.investicijeen{ display: block; background: url(../images/karta1_investicije_plavoen.jpg) no-repeat; width: 190px; height: 120px; }
#prva ul li a.krnajam{ display: block; background: url(../images/krnajam.jpg) no-repeat; width: 190px; height: 120px; }
#prva ul li a.krnajamen{ display: block; background: url(../images/krnajamen.jpg) no-repeat; width: 190px; height: 120px; }

#prva ul li a.formular{ display: block; background: url(../images/formular1.jpg) no-repeat; width: 190px; height: 120px; }
#prva ul li a.formularen{ display: block; background: url(../images/formular1en.jpg) no-repeat; width: 190px; height: 120px; }

#prva ul li.searchoffer{ display: block; background: url(../images/gohom.jpg) no-repeat; width: 190px; height: 120px; }
#prva ul li.searchofferen{ display: block; background: url(../images/gohomen.jpg) no-repeat; width: 190px; height: 120px; }

#prva ul li a.ponuda:hover, 
#prva ul li a.ponudaen:hover,
#prva ul li a.investicije:hover, 
#prva ul li a.investicijeen:hover,
#prva ul li a.krnajam:hover,
#prva ul li a.krnajamen:hover, 
#prva ul li a.formular:hover{ filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; }
#prva ul li a.formularen:hover{ filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; }

#content{ }

#left{ width: 316px; float: left; margin: 2px 4px 0 0; font-size: 90%; }

#right{ float: left; width: 630px; margin: 2px 0 0 0; }

#right div.sve, #right div.sve2, 
#left p.left, #right p.right,  #right div#lista, div#poseb { margin: 0px 0 0 0; padding: 5px 0 5px 5px; border: 1px solid #cfd8e1; border-width: 0 1px 1px 1px; background-color: #fff; }

td{ border-bottom: 1px dashed #dae2eb; width: 295px; padding: 0 0 0 10px !important; padding: 0 0 15px 5px; }
.tdcontact{border-bottom:none; width: 150px; padding: 0 0 0 10px !important; padding: 0 0 15px 5px; }

/*Prva strana tekst*/
#right div.sve p.prva{ text-align: center; padding: 5px 0 0 0;  }

#right div.sve p.prva span{ color: #336699; display: block; }

#right div.sve p.zg{ text-align: center; padding: 20px 0 0 0; }

#right div.sve p.druga{ text-align: center; padding: 15px 0 0 0; color: #E52A37; }

#right div.sve p.treca{ text-align: center; padding: 15px 0 15px 0; }

#right div.sve p.cetvrta{ clear: both; text-align: left; padding: 15px 0 0 20px; }

#right div.sve p.cetvrta span{ color: #E52A37; font-weight: bold; }

#right div.sve p.peta{ text-align: left; padding: 15px 0 0 20px; }

#right div.sve p.peta span{ color: #336699; font-weight: bold; }

/*Prva strana boksevi*/
.doleprvi{ float: left; padding: 0px; line-height: 15px; }

.doleprvi p{ border: 1px solid #dae2eb; background-color: #ebf5ff; width: 160px; padding: 5px 5px 5px 10px; margin: 0 10px 0 10px; }

.doleprvi p span{ font-weight: bold; display: block; color: #336699; }

.doledrugi{ float: left; }

.doledrugi p.livo{ line-height: 15px; float: left; border: 1px solid #dae2eb; background-color: #ebf5ff; width: 180px; padding: 5px 5px 5px 10px; margin: 0 10px 0 0; }

.doledrugi p.desno{ line-height: 15px; float: left; border: 1px solid #dae2eb; background-color: #ebf5ff; width: 180px; padding: 5px 5px 5px 10px; margin: 0; }

.doledrugi p.livo span, .doledrugi p.desno span{ font-weight: bold; display: block; color: #336699; }

.doledrugi p.dole{ height: 65px; clear: both; line-height: 15px; border: 1px solid #dae2eb; background-color: #ebf5ff; width: 387px; padding: 14px 5px 14px 10px!important; padding: 13px 5px 13px 10px; margin: 10px 0 0 0 !important; margin: 11px 0 0 0; }
.doledrugi p.dole2 { height: 60px; clear: both; line-height: 15px; border: 1px solid #dae2eb; background-color: #ebf5ff; width: 387px; padding: 4px 5px 14px 10px!important; padding: 13px 5px 13px 10px; margin: 10px 0 0 0 !important; margin: 11px 0 0 0; }
.hgk{ float: left; padding: 0 0 0 0px; width: 55px; }

.nasha{ float: left; padding: 0 0 0 10px; width: 230px; }
.obavijesti{ float: left; padding: 0 0 0 10px; width: 380px; }

.nasha span{ font-weight: bold; display: block; color: #336699; }
.obavijesti span{ font-weight: bold; display: block; color: #336699; }

.pdf{ float: left; padding: 0 0 0 0px; width: 90px; text-align: center; }

.pdf span{ font-weight: bold; display: block; color: #336699; margin: 0 0 15px 0; }

p.slika{ float: left; margin: 15px 15px 15px 10px;}

p.slika img { padding: 0; border: 5px solid #fff; }

p.slika a:hover img { border: 5px solid #fff; }

#pp{ font-size: 90%; border-bottom: 1px solid #cfd8ef; }

#left ul, #pp ul{ float: left; margin: 20px 0 0px 10px;}

#left ul li, #pp ul li{ list-style: none; padding: 0 0px 10px 10px; background: url(../images/tocka.gif) no-repeat 0px 5px; }

#left ul li.detalj, #pp ul li.detalj{ text-align: right; list-style: none; padding: 0 8px 0px 0px; background: url(../images/detalj.gif) no-repeat; background-position: right; }

#left ul li.detalj a, #pp ul li.detalj a{ text-decoration: none; }

#footer{ background-image: url(../images/footer.gif); width: 950px; height: 20px; margin: 5px auto 0 auto; line-height: 20px; color: #fff; font-size: 90%; text-align: center; }
#footer a{ text-decoration: none; color: #fff; }

#footer div#sitemap {text-align: right; margin: -20px 5px 0 0}
#footer div#sitemap a{color: #b1cbe4;}

.meni{ margin: 1px 0 0 0; background: #477aad url(../images/meni.gif) no-repeat; width: 950px; height: 30px; }
.meni_en{ margin: 1px 0 0 0; background: #477aad url(../images/meni_en.gif) no-repeat; width: 950px; height: 30px; }

#right ul#ponuda, #right ul#ponudap{ float: left; margin: 0px 40px 0 0; padding: 10px 0 5px 5px; }

#right ul#ponuda li, #right ul#ponudap li{ list-style: none; padding: 0 0px 10px 10px; }

#right ul#ponuda li.detalj{ text-align: right; list-style: none; padding: 0 5px 0px 0px; background: url(../images/detalj.gif) no-repeat 0px 0px; background-position: right; }

#left ul#ponuda, #left ul#ponudap{ float: none; width: 100%; margin: 10px 0 0 0; padding: 0px; font-size: 110%; }

#left ul#ponuda li, #left ul#ponudap li{ list-style: none; padding: 0 0px 10px 10px; background: none; }

#left p{margin: 10px 0 15px 10px; font-size: 110%;}

fieldset{ border: 0; padding: 0px 0px 0 40px; }

fieldset label{ display: block; padding: 15px 0 3px 0; }

#lblTipStana{ display: block; padding: 15px 0 3px 0; }

fieldset input, fieldset select, fieldset option{ z-index: 1; }

ul#navmenu{ z-index: 20; }

#right fieldset{ border: 0; padding: 0; margin: 0 10px 0 10px; }

#right input.osobni{ margin: 0 0 10px 0; border: 1px solid #b1cbe4; padding: 2px 3px 2px 3px; font-size: 100%; }

#right input.osobni:focus, #right textarea.url:focus{ background-color: #ebf5ff; }

#right fieldset label{ display: block; padding: 5px 0 5px 0; margin: 0; color: #336699; font-weight: bold; }

#right .osobni, #right .url{ width: 250px; }

#right textarea.url{ height: 150px; margin: 0 0 10px 0; border: 1px solid #b1cbe4; padding: 2px 3px 2px 3px; font-size: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif; }

#ddlRegije, select.ddlTipStana{ width: 209px; border: 1px solid #b1cbe4; font-size: 100%; height: 18px; }

#ddlTipStana{ margin: 0 0 5px 0; }

input.TextBox1, input.TextBox2, 
input.txtPovrsinaOd, input.txtPovrsinaDo { width: 200px; border: 1px solid #b1cbe4; padding: 2px 3px 2px 3px; font-size: 100%; }

input.TextBox1:focus, input.TextBox2:focus, input.txtPovrsinaDo:focus, input.txtPovrsinaOd:focus{ background-color: #ebf5ff; }

input.Button1{ border: 0; display: block; margin: 15px 0 0 0; text-transform: uppercase; width: 96px; height: 25px; background: #ff6600 url(../images/Button1.gif) no-repeat; font: bold 100%/20px  Tahoma, Arial, Helvetica, sans-serif; color: #ffffff; }

div span{ padding-right: 5px; }

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

#right a:hover{ text-decoration: none; }

 #right ul#ponuda{ color: #336699; }

#right ul#ponuda a{ color: #336699; text-decoration: underline; font-weight: normal; }

#right ul#ponuda a:hover{ text-decoration: none; }

#right h3{ clear: both; font-size: 100%; border-bottom: 1px dashed #dae2eb; margin: 0px 15px 0 15px; padding: 5px 0 5px 0; color: #ff6600; }

#lista p.left{ float: left; width: 170px; padding: 5px 0 0 10px; }

#lista p.right{ float: left; width: 380px; bordeR: 0; }

#right ul#detalj{ margin: 0px 0 0 10px; padding: 10px 0 0 0; border: 0px solid #cfd8e1; background-color: #fff; }

#right ul#detalj li{ list-style: none; padding: 0 0px 10px 15px; background: url(../images/tocka.gif) no-repeat 0px 5px; }

#right ul#kontakt{ margin: 0px 10px 0 10px; padding: 10px 0 0 0; border-top: 1px solid #cfd8e1; background-color: #fff; }

#right ul#kontakt li{ list-style: none; padding: 0 0px 10px 15px; background: url(../images/tocka1.gif) no-repeat 0px 5px; }

#right ul#kontakt li.kontakt{ list-style: none; padding: 0 0px 5px 0px; background: none; font-weight: bold; color: #336699; }

h2.posebna{ background: url(../images/posebna.gif) no-repeat; height: 25px; font-size: 100%; color: #fff; line-height: 25px !important; line-height: 23px; text-transform: uppercase; letter-spacing: 0.1em; padding: 0 0 0 25px; }
h2.posebnazaprvu{ background: url(../images/posebnazaprvu.gif) no-repeat; height: 25px; font-size: 100%; color: #fff; line-height: 25px !important; line-height: 23px; text-transform: uppercase; letter-spacing: 0.1em; padding: 0 0 0 25px;}
h2.posebnalist{
	background:  url(../images/posebnamala.gif) no-repeat;
	height: 25px;
	font-size: 100%;
	color: #fff;
	line-height: 25px !important;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 0 0 0 25px;
}
h2.desnibar{ background: url(../images/desnibar.gif) no-repeat; height: 25px; font-size: 90%; color: #fff; line-height: 25px !important; line-height: 23px; text-transform: uppercase; letter-spacing: 0.1em; padding: 0 0 0 25px; }

#detalj_livo{ float: left; width: 170px; }

#detalj_desno{ float: left; width: 440px; }

#detalj_desno p{ padding: 10px 10px 0 0; line-height: 15px; }

#detalj_linkovi{ clear: both; }

#detalj_galerija{ clear: both; }

#detalj_galerija h4{ background: url(../images/desnibar.gif) no-repeat; height: 25px; font-size: 90%; color: #fff; line-height: 25px !important; line-height: 23px; text-transform: uppercase; letter-spacing: 0.1em; padding: 0 0 0 25px; margin: 5px 0 0 0; }

p.velika{ margin: 5px 0 10px 10px; }

p.male{ margin: 5px 0 0 10px; }

p.velika img, p.male img{ border: 1px solid #b1cbe4; margin: 0 1px 0 0; }

p.velika a:hover img, p.male a:hover img{ border: 1px solid #336699; }

#right .posalji{ display: block; float: right; padding: 5px; background-color: #d3dde7; margin: 0 0 10px 0; }

#right .posalji a:link, 
#right .posalji a:visited, 
#right .posalji a:hover, 
#right .posalji a:active{ padding: 5px; color: #477aad; font-weight: normal; padding: 0 0 0 20px; text-decoration: none; background: #d3dde7  url(../images/mail.gif) no-repeat 0 3px; }

#right .print{ display: block; float: right; padding: 5px; background-color: #accbe9; margin: 0 0 10px 0; }

#right .print a:link, 
#right .print a:visited, 
#right .print a:hover, 
#right .print a:active{ padding: 5px; color: #477aad; font-weight: normal; padding: 0 0 0 20px; text-decoration: none; background: #accbe9  url(../images/print.gif) no-repeat 0 3px; }

#right .nazad{ display: block; float: left; padding: 5px; background-color: #d3dde7; margin: 0 0 10px 0; }

#right .nazad a:link, 
#right .nazad a:visited, 
#right .nazad a:hover, 
#right .nazad a:active{ padding: 5px; color: #336699; font-weight: normal; padding: 0 0 0 15px; text-decoration: none; background: #d3dde7  url(../images/nazad.gif) no-repeat 0 3px; }

table#listanekretnina{ width: 99%; background-color: #DAE2EB; margin: 0; padding: 0; }

table#listanekretnina strong{ color: #336699; }

table#listanekretnina td{ padding: 0; border: 0; margin: 0; height: 27px }

table#listanekretnina tr.naslovtablica td{ background-color: #F6FBFF; padding: 0 5px 0 5px; margin: 0; }

table#listanekretnina tr.podaci td{ padding: 0 5px 0 5px;  margin: 0; }

table#listanekretnina a.idcol{ color: #ff6600; }

table#listanekretnina a.idcol:visited, 
table#listanekretnina a.idcol:active{ color: #7BA8D3; }

.sve dl{ margin: 10px 0 20px 15px; }

dl.adresa{ background: url(../images/adresa.gif) no-repeat 0px 3px; padding: 0 0 0 20px; }

dl.mail{ background: url(../images/mail.gif) no-repeat 0px 3px; padding: 0 0 0 20px; }

dl.telefoni{ background: url(../images/mob.gif) no-repeat 0px 1px; padding: 0 0 0 20px; }

.onama{ padding: 5px 0 0 10px; line-height: 15px; }

dl span, .onama span{ color: #336699; font-weight: bold; }

ul.onama{ padding: 5px 0 0 10px; line-height: 15px; }

ul.onama li{ list-style: none; padding: 0 10px 5px 13px; background: url(../images/tocka1.gif) no-repeat 0px 5px; }

dl span.crveni, .onama span.crveni{ color: #e52a37; font-weight: bold; }

table#data{ background-color: #DAE2EB; margin: 10px 0 10px 0px; }

.tede1{ border-bottom: 0px solid #dae2eb; width: 130px; margin: 0; padding: 0 0 0 10px; font-size: 100%; background-color: #EBF5FF; color: #336699; height: 20px; }

.tede2{ border-bottom: 0px solid #dae2eb; margin: 0; padding: 0 0 0 10px; font-size: 100%; background-color: #fff; color: #000; }

#brojac{ margin: 0 0 12px 0; color: #336699; }

#brojac div{ padding: 5px 0 0 3px; }

#brojac div span{ padding: 0 3px 0 0; color: #000;}

#brojac div span a:link, 
#brojac div span a:visited, 
#brojac div span a:active{
	BORDER:1px solid #dae2eb;padding:1px 2px 1px 2px;
	background-color: #fff;
	text-decoration: none;
	color:#ff6600;
}
#brojac div span a:hover{
BORDER:1px solid #dae2eb;padding:1px 2px 1px 2px;
	background-color:#ebf5ff;
	text-decoration: none;
	color:#ff6600;
}

.ajfrejm{
	padding: 0; margin:0; float: left;
}

.searchlabel{
	color:#7f7f7f;
	width:150px;
	display:block;
	margin: 45px 0 0 17px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 100%;
}
.searchbox{
	width:150px;
	display:block;
	margin: 45px 0 0 17px;
	padding: 2px;
	border:1px solid #999;
	font-family: Tahoma;
	font-size: 100%;
}

.trazi{
	border: 1px solid #999;
	background-color: #ccc;
	font-size: 80%;
	color:#7f7f7f;
	letter-spacing: 0.1em;
	font-family: tahoma;
	margin: 5px 0 0 17px;
}
.soldv{
	background-color: #336699;
	color: #fff;
	position: absolute;
	display: block;
	z-index: 8;
	margin-top: 120px;
	margin-left: 140px;
	font-size: 160%;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	padding: 10px;
}

#right div.sve p.druga a.dlimk:link {
	cursor: text;
	color: #e52a37;
	text-decoration: none;
	font-weight:normal;
	text-transform:uppercase;
}

 #right div.sve p.druga a.dlimk:visited{
	cursor: text;
	color: #e52a37;
	text-decoration: none;
	font-weight:normal;
	text-transform:uppercase;
}

#right div.sve p.druga a.dlimk:hover {
	cursor: text;
	color: #e52a37;
	text-decoration: none;
	font-weight:normal;
	text-transform:uppercase;
}

#right div.sve p.druga a.dlimk:active {
	cursor: text;
	color: #e52a37;
	text-decoration: none;
	font-weight:normal;
	text-transform:uppercase;
}

a.popup,
table#listanekretnina a.popup,
ul#detalj a.popup,
div#detalj_desno a.popup {
		position:relative;
		z-index:24;
		color:#000000;
		text-decoration:underline;
		font-weight:normal;
}
a.popup:hover,
table#listanekretnina a.popup:hover,
ul#detalj a.popup:hover {z-index:25; background-color:#D0E0EF }

a.popup span {display:none; }
table#listanekretnina a.popup:span {display:none; }
ul#detalj a.popup:span {display:none; }
td#tede2 a.popup:span {display:none; }

a.popup:hover span,
table#listanekretnina a.popup:hover span,
ul#detalj a.popup:hover span {
	display:block;
	position:absolute;
	top:35px; left:15px;
	width:100px;
	padding:3px;
	border:1px solid #000000;
	background-color:#D0E0EF; color:#000;
	text-align: left;
}