/* Reset */
* {	margin: 0;	padding: 0;}
table {	border-collapse: collapse; border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal;}
ol li,ul li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal;}
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a:focus { outline: 0; }
.clearfix:after { content: "."; display: block; height: 0;font-size:0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */
/* Razno */
.clr { clear: both ;}
br.clr { line-height: 0px ; height: 0px ;}
a { cursor: pointer!important ; text-decoration: none ;}
a:hover { text-decoration: underline ;}
.ControlPanel {	width: 1000px; background: #fff ; margin: 0 auto ;  z-index: 10000 ; font: 11px Arial ; color: #2F5C93 ; border: solid 1px #999 ;}
.SubHead center { text-transform: uppercase ; font-weight: normal ; font-size: 9px ; color: #bbb ;}
.act_btns a { font: bold 11px Arial, sans-serif!important ; color: #a6a6a6!important ; text-decoration: underline;margin-bottom: 10px ;}
.act_btns * { float: right ; margin-left: 4px ;}
.RadMenu_Outlook { z-index: 9999!important ;}
.CommandButton { color: #2F5C93!important ;}
#PropertyAgentButtons { line-height:0;padding-right:15px;}

.en-US .hr {display:none;}
.hr-HR .en {display:none;}

/* PRIJAVA STRANICA */
.wrapperPrijava { width: 100% ; text-align: center ;}
.LoginPage { margin: 100px auto 0 auto; width: 290px; padding: 20px 10px 10px 10px; text-align: center; background: #fff ; border: solid 2px #B90420 ;}
.LoginPage h2 span { font-size: 16px ;}
.LoginPage a , .LoginPage span { font-size: 11px ;}
.LoginPage .StandardButton { margin: 10px 0 ;}
.wrapperPrijava .BackLink a { color: #8E8F8F!important ; font-size: 11px ;}
/* Osnovno */
#Body { font-size: 12px ; font-family: Arial , Verdana , sans-serif ; background: #fff url(images/vert-sprite.png) left -90px repeat-x ;}
h1.logo { display: block ; width: 100%; clear:right;}
h1.logo a { display: block ; text-indent: -9999px ; line-height: 0px ; width: 195px ; height: 36px ; background: url(images/sprite.png) right top no-repeat ;}
.slogan { background: url(images/sprite.png) 0px -605px no-repeat ; height:40px; width: 217px; float:right; }

.container { margin: 0 auto ; width: 960px ; padding: 0 20px ; background: #fff ;}

.topNav { height: 32px ; float: right ; padding-top: 8px ;}
.topNav .RadMenu { float: right ;}
.topNav .SkinObject { float: right ;}
.topNav .langObject { float: right ; border-right: solid 1px #000 ; margin-right: 5px ;}
.topNav .rmLink {  border-right: solid 1px #000 ;}
.topNav a , .topNav .rmItem { font: 10px Arial ; color: #000!important ; display: block ; float: left ; line-height: 9px ; padding-right: 5px ;}

.main_nav { height: 60px ; margin-top: 40px ; background: url(images/vert-sprite.png) left -30px repeat-x ;}
#dnn_radMENU1_RadMenu1 { float: left ;}
#dnn_radMENU1_RadMenu1 a { font: 11px Arial ; color: #fff!important ; display: block ; float: left ; line-height: 11px ; height: 20px ; padding: 10px 0 0 0 ; text-transform: uppercase ;}
#dnn_radMENU1_RadMenu1 a span { display: block ; padding: 0 12px ; border-right: solid 1px #fff ;}
#dnn_radMENU1_RadMenu1 .rmItem { float: left ; position: relative ;}
#dnn_radMENU1_RadMenu1 .rmFirst a span { text-indent: -9999px ; width: 5px ; background: url(images/sprite.png) -203px -41px no-repeat ;}
#dnn_radMENU1_RadMenu1 .rmGroup .rmFirst a span { text-indent: 0px ; width: auto ; background: none ;}
#dnn_radMENU1_RadMenu1 .rmLast span { border: none ;}
#dnn_radMENU1_RadMenu1 .rmLink:hover , #dnn_radMENU1_RadMenu1 .sel1 { background: url(images/vert-sprite.png) left top repeat-x ; text-decoration: none ; }
#dnn_radMENU1_RadMenu1 .rmGroup a {  padding: 5px 0 ; height: auto ;}
#dnn_radMENU1_RadMenu1 .rmGroup a span { border: none ;}


.search { float: right ; width: 140px ; background: url(images/sprite.png) -15px -36px no-repeat ; margin-top: 8px ; padding: 1px 0 0 30px ;}
.search input { border: none ; font-size: 11px ; background: none ;}
.search #dnn_xsOpenSearch_txtSearch { width: 108px!important ;}
.search input.CommandButton { text-indent: -9999px ; font-size: 0px  ; line-height: 0px ; width: 22px ; height: 14px ; cursor: pointer ;}

.main_content { padding-bottom: 50px ;}
.container .contentPane { width: 715px ; float: left ; color: #4c4c4c ;}
.rightPane { width: 225px ; float: right ; padding: 5px 0 0 0 ;}
.left_content { width: 225px ; float: left ; padding-right:18px; padding-bottom: 50px }

.footer { clear: both ; border-top: solid 1px #7f7f7f ; padding: 3px 10px ;}
.footer span.sgg { font: 10px Arial ; color: #4c4c4c ;}
.footer .SkinObject {  font: 10px Arial ; color: #4c4c4c ; float: right ;}
.footer .RadMenu { float: right ; padding: 2px 25px 0 0 ;}
.footer .rmLink {  border-right: solid 1px #e60028 ; line-height: 9px ;}
.footer  .rmLast .rmLink { border: none ;}
.footer a , .footer .rmItem { font: 10px Arial ; color: #e60028!important ; display: block ; float: left ; line-height: 10px ; padding-right: 5px ;}

/* Naslovna */
.slide_show { width: 715px ; height: 195px ; margin-bottom: 20px ;}
.slide_show img { display: none ;}
.tabSpanHolder { position: relative ; z-index: 90;}
.tabSpan { display: block; position: absolute; z-index: 90;	left: 670px; top: 5px;}
.tabSpan a {	font: bold 11px Arial ;	color: #000!important ; width: 10px ; height: 14px ; padding: 1px 0 0 4px; margin: 0 2px; display: block; float: left; border: solid 1px #000 ;}
.tabSpan A.activeSlide {	background: red ; color: #000!important ;}

.frontpage_news { background: url(images/box_bg.png) -256px bottom no-repeat!important ; padding: 0 15px 22px 0!important ; width:210px; float:right; margin-bottom:10px; }
.frontpage_news h2 span { display: block!important; height: 20px!important ; font: bold 20px Arial!important ; color: #6b97d2!important ; border-bottom: solid 1px #dfdfdf!important ;}



/* Unutarnja */
.left_content .rpLink { display: block ; font: bold 11px Arial ; color: #000!important ; text-transform: uppercase ; padding: 7px 10px 5px 0 ; text-decoration: none ;  background: url(images/sprite.png) right -448px no-repeat ;}
.left_content .rpLink:hover { color: #e60028!important ;}
.left_content  .rpLast  {}
.left_content .rpLink .rpText { display: block ; padding-left: 27px ; background: url(images/sprite.png) -203px -65px no-repeat ;}
.left_content .sel1  .rpText , .left_content .sel2  .rpText { color: #e60028 ; background: url(images/sprite.png) -203px -206px no-repeat ;}
.left_content .rpExpanded  .rpText { color: #e60028 ; background: url(images/sprite.png) -202px -143px no-repeat ;}
.left_content .rpGroup .rpLink { text-transform: capitalize ;}
.left_content .rpGroup .rpLink:hover { color: #e60028!important ;} 
.left_content  .rpGroup .rpLast  { background: none ;}
.left_content .rpLevel1 { padding-left: 27px ; width: auto!important ;}
.left_content .rpLevel1 .rpItem {  background: #e4e4e4 ;}
.left_content .rpLevel1 .rpLink { background: url(images/sprite.png) right -539px no-repeat ;}

.slikaPane { width:715px; height:195px; background-color:#CCC; margin-bottom:20px;}
.RadPanelBar { margin-bottom:20px;}


/* CONTAINER */
.contentPane p { margin-bottom: 10px ;}
.naslovna .contentPane h2 span { display: block ; font: 32px Arial ; color: #4c4c4c ; padding-bottom: 8px ;}
.naslovna .links_naslovna { padding: 13px 5px ; background: #e6e6e6 ; width: 440px ; height: 116px ;  margin-top: 30px ;}
.naslovna .links_naslovna li { float: left ; padding: 0 5px ;}
.naslovna .links_naslovna img { display: block ;}
.naslovna .links_naslovna li span { display: block ; width: 88px ; height: 27px ; padding: 2px 6px ; background: #e60028 ; color: #fff ; margin-top: 1px ; font: bold 11px Arial ; line-height: 12px ;}
.naslovna .contentPane .main {
	padding-bottom: 29px;
	background-image: url(images/box_bg.png);
	background-repeat: no-repeat;
	background-position: -5px 0px;
}
.naslovna .contentPane .main .content {
	width:460px;
}

.unutarnja .contentPane .desni_sadrzaj { padding-bottom: 20px ; float: right ;}
.unutarnja .contentPane h2 span { display: block ; font: bold 25px Arial ; color: #4c4d4e ; margin-bottom: 18px ;}
.unutarnja .contentPane ul li { padding: 0 0 7px 20px ; background: url(images/sprite.png) -212px -261px no-repeat ;}
.unutarnja .contentPane .RadEditor ul li { background: none ;}
.unutarnja .contentPane a { color:#EC223D !important;}

.unutarnja .main_content { width:715px; float:left;}


.sg_box { width: 223px ; padding: 0 1px ; background: url(images/posebna_box_bg.png) right top no-repeat ;}
.sg_box h3 { display: block; color: #4c4c4c; text-transform: uppercase;	font-family: Arial;	font-size: 11px; font-weight: bold; padding: 7px 10px 5px 10px ;}
.sg_box img { display: block ;}
.sg_box p { padding: 12px ; font: 11px Arial ; color: #000 ; margin: 0px ;}
.sg_box a { color: #e60028!important ;}

/* PA */
.pa_latest { float: right ; width: 205px ; padding: 10px 10px 10px 10px; background: url(images/posebna_box_bg.png) no-repeat;}
.pa_latest h2 { display: block; padding-bottom: 15px; color: #4c4c4c; text-transform: uppercase;	font-family: Arial;	font-size: 11px; font-weight: bold;}
.pa_latest div { text-align: left ;}
.naslovna .photo_link { float: left ; display: block ; height: 50px ; width: 50px ; overflow: hidden ; background-position: center center ; margin: 0 7px 15px 0 ;}
.naslovna .photo_link img { display: none ;}
.pa_latest h3  { font: bold 12px Arial ; color: #e60028 ;}
.pa_latest p { font: 11px Arial, Helvetica, sans-serif; }
.pa_latest .ponuda_vise { display: block ; background: #a1aeb6 ; text-align: right ; padding: 5px 10px ; font: bold 10px Arial ; color: #fff!important ;}
.pa_latest .ponuda_vise em { color: red!important ;}

.pa_type  a { display: block ; font: bold 14px Arial ; margin-bottom: 15px ;}
.pa_type .pa_type_img { float: left ; padding-right: 15px ;}
.pa_type .pa_type_img img { display: block ; padding: 1px ; border: solid 2px #e60028 ;}
.pa_type .link { display: block ;}
.pa_type p { }
.pa_type table { margin-top: 15px ; width: 100% ;}

.pa_pp_list { margin-top: 20px ;}
.pa_pp_list .photo_link { float: left ; display: block ; margin: 0 15px 15px 0 ;}
.pa_pp_list .photo_link img { display: block ; padding: 1px ; border: solid 2px #e60028 ;}
.pa_pp_list .pa_info { float: left ;}
.pa_pp_list .pa_info h3 { font: bold 14px Arial ; margin-bottom: 10px ;}
.pa_pp_list .pa_info p { margin-bottom: 0px ;}

/* PA Dokumenti */
.pa_search { padding: 15px 15px 0 15px ; background: #f9dee2 ; border: 1px solid #b90420 ;}
.pa_search select { margin-bottom: 15px ;}
.pa_search  input { background: none ; border: none ; font: bold 12px Arial ; color: #b90420!important ; cursor: pointer ;}
.paDokumentiTable .paImgHolder { width:40px; vertical-align: top ; padding-top: 5px ;}
.desni_sadrzaj .pa_doc_la {  width: 193px ; background: #a1aeb6 ; border: solid 1px #aaa ;}
.pa_doc_la {  padding: 10px 15px ;}
.main .pa_doc_la h3 { display: none ;}
.pa_doc_la h3 { font: bold 11px Arial ; color: #fff ; display: block ; margin-bottom: 10px ;}
.pa_doc_la table { width: 100% ;}
.pa_doc_la table a.paFileUpload { display: block ; padding: 3px 10px 5px 29px ; background: url(images/sprite.png) -196px -373px no-repeat ; text-align: left ; font: bold 11px Arial ; color: #000!important ;}



/* NA */
.na_latest a.na_link  { display: block ; padding: 10px 0 5px 0 ; color: #4c4c4c!important ; text-decoration: none ;}
.na_latest a:hover.na_link  { background: #eef3f8 ;}
.na_latest h4 { font: bold 12px Arial ; display: block ; padding: 0 0 2px 15px ; background: url(images/sprite.png) -210px -588px no-repeat ;}

.NewsArticles .article { padding-top: 15px ;}
.NewsArticles .article cite { font-size: 11px ;}
.NewsArticles .article h3 { display: block ; margin-bottom: 5px ; font: bold 14px Arial ;}
.NewsArticles .articleImage { float: left ; padding-right: 10px ;}
.NewsArticles .articleImage img {display: block ; padding: 1px ; border: solid 2px #e60028!important ;}
.NewsArticles .articleEntry p a { display: block ; text-decoration: underline ;}

/* Radpanel Sitemap */
.sitemap .main_content { padding-left: 50px ;}
#dnn_dnnPANELBARSiteMap_RadPanel1 .rpLink { display: block ; width: 200px ; color: #e60028!important ; font-weight: bold ; padding: 4px 23px ;}
#dnn_dnnPANELBARSiteMap_RadPanel1 .rpSlide { display: block ; padding: 4px 20px ;}
#dnn_dnnPANELBARSiteMap_RadPanel1 .rpSlide .rpLink { background: url(images/sprite.png) -203px -202px no-repeat ;}
#dnn_dnnPANELBARSiteMap_RadPanel1 .rpSlide .rpSlide .rpLink { background: url(images/sprite.png) -203px -60px no-repeat ;}
#dnn_dnnPANELBARSiteMap_RadPanel1 .rpSlide .rpExpandable { background: url(images/sprite.png) -203px -139px no-repeat ;}

/* Radmenu osnovno */
.RadMenu { white-space:nowrap; float:left; position:relative;}
.rmSlide { display:none; float: left; position: absolute ; overflow:hidden; padding: 1px 0 2px 0 ;}
.rmGroup { background: #535353 ;}
.RadMenu .rmRootGroup{	margin:0;	padding:0;	position:relative;	left:0;	display: inline-block;}
* html .RadMenu .rmRootGroup { float: left; }
.RadMenu:after,.RadMenu .rmRootGroup:after{    content:"";     display:block;    height:0;    overflow: hidden;    line-height:0;    font-size:0;    clear:both;    visibility:hidden;}
.RadMenu ul.rmVertical,.rmRootGroup ul.rmHorizontal,.RadMenu_Context ul.rmHorizontal{	margin:0;	padding:0;	display:none;	position:relative;	left:0;	float:left;}
.RadMenu .rmLeftImage {margin:4px 2px 0 0;padding-bottom:4px;}
.RadMenu .rmLeftImage {border:0 none;float:left;}

/* Radpanelbar osnovno */
.rpSlide { display: none ;}

/* KALKULATOR */
.contKalkulator { border:solid 1px #bfbfbf; }
.rightPane .contKalkulator { margin-top:10px;}
.contKalkulator h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-transform:uppercase; background: url(images/vert-sprite.png) left -30px repeat-x ; height:22px; padding-top:8px; padding-left:14px;}
.clr { clear:both;}
.leasingCalc { width: 195px; font-size:11px; padding-left:14px; padding-right:14px; padding-top:14px; color:#4c4c4c; background: url(images/kalkulatorBg.png) no-repeat ; }
.leasingCalc .leasingType label { display:block;}
.leasingCalc .leasingData label { display:block; width:135px; float:left;}
.leasingCalc .leasingRes label { display:block; width:135px; float:left; font-weight:bold;}
.leasingCalc fieldset {margin-bottom:10px;}
.leasingCalc .resultBoxNetto,
.leasingCalc .resultBoxBrutto { color:#F00; font-weight:bold; }
.readOnly { border-width:0; }

.leasingCalc .normalTextBox { width:58px; height:13px; border:solid 1px #7f7f7f; font-size:10px; text-align:right; color:#7f7f7f;}
.leasingCalc .normalDropDown { width:60px; height:15px; font-size:10px; color:#7f7f7f;}
.leasingCalc p { margin-bottom:8px; }
.leasingCalc legend { margin-bottom:8px; }

#leasingNettoRes { width:58px; height:15px; border:none; font-size:12px; color:#e60028; font-weight:bold; text-align:right;}
#leasingBruttoRes { width:58px; height:15px; border:none; font-size:12px; color:#5f5f89; text-align:right;}
/*END KALKULATOR */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 9000;	width: 100%;	height: 500px;}
#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 9001;	text-align: center;	line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	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-container-image-data-box {	background-color: #fff;	margin:0pt auto;	overflow: auto;	font-family:Verdana,Helvetica,sans-serif;	font-size:10px;	font-size-adjust:none;	font-style:normal;	font-variant:normal;	font-weight:normal;	line-height:1.4em;}
#lightbox-container-image-data {	padding: 0 10px; }
#lightbox-container-image-details {	float:left;	text-align:left;	width:70%;}
#lightbox-container-image-details-caption{	font-weight: bold;}
#lightbox-container-image-details-description{	clear:left;	display:block;}
#lightbox-container-image-details-currentNumber {	clear:left;	display:block;}
#lightbox-container-image-details-currentNumber a, lightbox-container-image-details-currentNumber a:hover{	border-bottom:medium none;	color:#151410;	text-decoration:underline;
}
#hnd a { display:block ; float:left ; height:4px ; text-indent:-9000px ; width:4px ; cursor:default;}
#lightbox-container-image-details-nav {	clear:left;	display:block;	padding:0pt 0pt 10px;}
#lightbox-container-image-details-nav a, #lightbox-container-image-details-nav a:hover {	border-bottom:medium none;	color:#151410;	text-decoration:underline;}
#lightbox-container-image-details-nav-btnPrev{	margin:0pt 8px 0pt 0pt;}
#lightbox-container-image-details-nav-btnPlay{	margin:0pt 8px 0pt 0pt;}
#lightbox-image-details-close {	float: right;	text-align: right;	padding:0 0 10px;}
#lightbox-image-details-close a, #lightbox-image-details-close a:hover {	border-bottom:medium none;	color:#151410;	text-decoration:underline;	}
#lightbox-image-details-download a, #lightbox-image-details-download a:hover {	border-bottom:medium none;	color:#151410;	text-decoration:underline;	padding:0 0 10px;}