.clr { clear: both ;}
.SubHead { color: #000 ;}

/* Unutrašnja razno */
ul li { list-style: none ; font-size: 11px ; }
.unutarnja #mainContent .main h2 { font-size: 14px ; font-weight: bold ; padding-bottom: 20px ;}
.unutarnja .main h3 { font-size: 13px ; color: #333 ;}
.unutarnja #content p { font-size: 11px ; color: #252525 ; padding-bottom: 20px ;}
.unutarnja #mainContent ul , .unutarnja #mainContent ol { margin:0 0 20px 20px ; font-size: 11px ; color: #000 ;}
.unutarnja #mainContent h3 { font-size: 12px ; color: #333 ;}
.unutarnja #mainContent h4 { font-size: 11px ; color: #333 ;}
.unutarnja #mainContent a { font-size: 12px ; color: #668 ;}
#googleMap { border: none ; border: solid 2px #666 ;}
.googleLink { display: block ; padding-bottom: 20px ;}

#mainContent .vodeciTim { width: 100% ;}
#mainContent .vodeciTim table { width: 100% ;}
#mainContent .vodeciTim th { background: #f3f3f3 ; text-transform: uppercase ; font-size: 11px ;}
#mainContent .vodeciTim table tr { border: none ;}
#mainContent .vodeciTim tr { border-bottom: dotted 1px #ccc ;}
#mainContent .vodeciTim td , #mainContent .vodeciTim th  { padding: 5px ; vertical-align: middle ; text-align: center ; color: #000 ;}
#mainContent .vodeciTim th { background: #f3f3f3 ; padding: 2px ; text-transform: uppercase ; font-size: 11px ;}
#mainContent .vodeciTim a { font-size: 12px ; font-weight: bold ; color: #000 ;}

.naslovna #rightColumn .main { background: none ;}
.naslovna #mainContent .main h2 { height: 24px ;  padding: 6px 0 0 29px ; background: url(images/referenceH2Bg.gif) left top no-repeat ;}
.naslovna #mainContent .main .content { width: 607px ; background: #fef9b9 url(images/djelatnostiNaslovnaBg.png) bottom left no-repeat ;}
.naslovna #mainContent .main h2 span { font-weight: bold ; font-size: 14px ; color: #575757 ; display: block ; width: 150px ; padding-right: 20px ;}
.naslovna #mainContent .djelatnosti td { vertical-align: top ;}
.naslovna #mainContent .djelatnosti { margin: 20px 0 20px 5px ; width: 295px ; float: left ;}
.naslovna #mainContent .djelatnosti a { display: block ; cursor: pointer ; clear: both ; text-decoration: none ;  font-size: 10px ; color: #000 ;}
.naslovna #mainContent .djelatnosti a span { display: block ; padding-right: 5px ;}
.naslovna #mainContent .djelatnosti tr:hover { background: url(images/referenceBgHover.gif) top left repeat-x ;}
.naslovna #mainContent .djelatnosti h3 { font-size: 14px ; color: #4a4a4a ;}
.naslovna #mainContent .djelatnosti div { width: 73px ; height: 70px ;  margin-top: -9px ; position: relative ;}
.naslovna #mainContent .djelatnosti .ceste { background: url(images/ceste-trans.png) no-repeat ;}
.naslovna #mainContent .djelatnosti .tuneli { background: url(images/tuneli-trans.png) no-repeat ;}
.naslovna #mainContent .djelatnosti .mostovi { background: url(images/mostovi-trans.png) no-repeat ;}
.naslovna #mainContent .djelatnosti .energetika { background: url(images/energetika-trans.png) no-repeat ;}
.naslovna #mainContent .djelatnosti .komunalni { background: url(images/komunalni-trans.png) no-repeat ;}
.naslovna #mainContent .djelatnosti .stambeni { background: url(images/stambeni-trans.png) no-repeat ;}
.naslovna #mainContent .djelatnosti .industrijski { background: url(images/industrijski-trans.png) no-repeat ;}
.naslovna #mainContent .djelatnosti .zdravstvo { background: url(images/zdravstvo-trans.png) no-repeat ;}

.naslovna #rightColumn .main h2  {  padding: 6px 0 10px 29px ;}
.naslovna #rightColumn .main h2 span { font-weight: bold ; font-size: 14px ; color: #575757 ; display: block ; width: 150px ; padding-right: 20px ;}
 
.naLatest { font-size: 11px ; border-bottom: dotted 1px #606060 ; padding: 8px 10px 8px 27px ; background: url(images/bulletSquare.gif) top left no-repeat ;}
.naLatest a:link , .naLatest a:visited , .naLatest a:hover  { font-weight: bold ; color: #606060 ;}
#content .naLatest p { color: #606060 ;}
.naLatest p a { color: #ac9f01 ;}

/* PREDLOSCI */
.zaglavlje { height: 154px ; width: 100% ; margin-bottom: 20px ; background: url(images/zaglavljeBg.gif)  top left repeat-x ;}
.zaglavlje td { padding: 2px 1px 2px 10px ; vertical-align: bottom ;}
.zaglavlje .imgHolder { width: 150px ; text-align: right ;}
.zaglavlje .imgHolder img { max-width: 150px ; min-height: 150px ;}
.zaglavlje h2 { font-size: 24px ; color: #ffcc01 ;}
#content .zaglavlje p { color: #626262 ; font-weight: bold ; padding: 5px 0 8px 0 ;}

.imageDivR { float: right; margin: 0 0 10px 10px;}
.imageDivL { float: left; margin: 0 10px 10px 0;}
.imageDiv { text-align: center ; width: 100% ; margin: 30px 0 10px 0;}
.imageDiv TD { width: 100% ; padding: 3px 0; font-size: 11px; color: #a0a0a0;}
.imageDivR TD,
.imageDivL TD {	text-align: left; padding: 3px 0; font-size: 11px; color: #a0a0a0;}
.imageDiv img , .imageDivR img , .imageDivL img { border: solid 2px #666 ;}

#rightColumn .kontakt { padding: 0 0 20px 0 ;}
#rightColumn .kontakt li { list-style: none ; color: #686868 ; padding: 0 0 0 15px ; margin-bottom: 5px ;}
#rightColumn .kontakt li a { color: #686868 ;}
#rightColumn .kontakt .title { padding: 0 0 3px 0 ;}
#rightColumn .kontakt .adress { background: url(images/adress.gif) left 70% no-repeat ;}
#rightColumn .kontakt .phone { background: url(images/phone.gif) left 70% no-repeat ;}
#rightColumn .kontakt .fax { background: url(images/fax.gif) left 70% no-repeat ;}
#rightColumn .kontakt .mail { background: url(images/mail.gif) left 70% no-repeat ;}

.unutarnja #rightColumn .main h2 span { display: block ; font-size: 11px ; font-weight: bold ; color: #686868 ; padding: 7px 0 0 28px ;}
#rightColumn .main { background: url(images/greyBoxBg.png) top left no-repeat ; padding-bottom: 30px ;}
#rightColumn .main .godisnjak { margin: 17px 10px 0 7px ;}
#rightColumn .main .godisnjak td { padding: 0 0 0 5px ; vertical-align: top ;}
#rightColumn .main .godisnjak a { color: #000 ;}

#rightColumn .main .predstavnistvo { padding: 10px 0 0 0 ;}
#rightColumn .main .predstavnistvo li { list-style: none ; color: #686868 ; padding: 0 0 0 12px ; margin-bottom: 5px ;}
#rightColumn .main .predstavnistvo li a {color: #686868 ;}

#rightColumn .DownloadModule .SubHead { color: #686868 ;}


#Slike { text-align: right ;  padding-bottom: 10px ;}


/* Property Agent */

.paTypeHolder a { color: #333 ;}
.paListing { width: 100% ; font-size: 13px ; font-weight: bold ; border-bottom: dotted 1px #ccc ;}
.unutarnja #mainContent .paLokacija a { font-weight: bold ; color: #000 ; font-size: 13px ;}
.paListing td { padding: 10px ; vertical-align: top ;}
.paListing a { font-size: 12px ; font-weight: normal ; color: #333 ;}
.PagingTable { border: none ; color: #333 ;}
.PagingTable a.CommandButton { color: #333 ;}
.main table td a.NormalBold { color: #ccc ;} 

#tblPropertySearch tr td { padding: 8px 0 8px 0 ;}
#tblPropertySearch .NormalTextBox { border: solid 1px #ccc ;}
.paSearch .CommandButton { text-decoration: none ; font-weight: bold ;} 

.paPrikaz { width: 65px ;}
.paPrikaz a { display: block ; width: 70px ; height: 70px ; background-repeat: no-repeat ; background-position: center center ; border: solid 3px #333 ;}
.paPrikaz img { display: none ;} 
.paGodinaDovrsetka { width: 150px ; text-align: right ; font-weight: normal ;}
.paListingHeader { width: 100% ; margin-top: 20px ; border-bottom: solid 1px #ccc ; color: #838383 ;}
.paListingHeader td { width: 33% ; font-size: 12px ; font-weight: bold ; text-align: left ; padding-left: 10px ;}

.paView { width: 100% ;}
.paView h2 { padding: 10px 0 15px 0 ; color: #666 ;}
.paViewImg { text-align: center ;}
.paViewBody { width: 100% ;}
.paView table { margin: 0 auto ;}
.paViewImg img { border: solid 3px #333 ;}
.paView .photo { margin-bottom: 20px ;}

#dnn_ctr7288_Default_ViewType_dlProperty { margin-top: 20px ;} /* Katalog udaljen od Breadcrumba */

.paKatalogType { margin-top: 30px ;}
.paKatalogType p { padding-left: 15px ;}
.paKatalogType a { font-size: 14px ; color: #666 ;}
.paListingKatalog { width: 100% ; font-size: 14px ; font-weight: bold ; border-bottom: dotted 1px #ccc ;}
.paListingKatalog td { padding: 10px ; vertical-align: middle ;}
.paListingKatalog a { font-size: 12px ; font-weight: normal ; color: #333 ;}
.paPrikazKatalog { width: 85px ;}
.paPrikazKatalog a { display: block ; width: 100px ; height: 100px ; background-repeat: no-repeat ; background-position: center center ;}
.paPrikazKatalog img { display: none ;}

#Tablice { font-size: 13px ; padding: 50px 0 0 0 ;}
#Tablice table { width: 350px ; margin: 0 auto ;}
#Tablice td { text-align: right ; padding: 5px ; border-bottom: dotted 1px #666 ; width: 200px ;}
#Tablice th { font-weight: bold ; color: #000 ; text-align: left ; padding: 5px ; border-bottom: dotted 1px #666 ;}  
.katalog { width: 100% ;}


/* NEWS ARTICLE */

.newsItem { padding: 10px 0 0 0 ;}
.newsItem cite { font-size: 10px ; color: #000 ;}
.newsItem a , .newsItem h2 { color: #666 ; padding: 0 0 10px 10px ;}
.nIContent img { border: solid 3px #666!important ; float: right ; margin: 5px 0 5px 5px ;}

/* Sadrzaj page */

#dnn_ctr7282_ContentPane { margin-top: 30px ;}

/* Kontakt formular */

.FeedbackTable  { width: 100% ;}
.FeedbackTable .NormalTextBox , .FeedbackTable input { border: none ; border-bottom: solid 1px #bababa ; margin: 5px ;}
.FeedbackTable .SendCopy { font-size: 11px ;}
.FeedbackTable .SendCopy input { border: none ;}

/* Financijsko izvjesce tablica */

.finIzvjesce { width: 100% ;}
.finIzvjesce td { padding: 3px 5px ;}
.finIzvjesce .finIzvjesceGrey { background: #ccc ;}
.finIzvjesce .finIzvjesceYellow { background: #FDF7AF ;}

/* Trazilica */

.trazilica #mainContent p { padding: 25px 0 3px 0 ;}
.trazilica #mainContent p a { background: none ;}