body 
{ background: #ffffff url(../images/bg.jpg) repeat; font-family: Georgia, Verdana, sans-serif; font-size: 0.9em; font-weight: normal; color: #000000;	 line-height: 1.5em; word-spacing: normal; text-decoration: none; text-align: center; }

* 
{ padding: 0; margin: 0 }

img 
{ border: 0 }

a
{ text-decoration: none; outline: 0; }

span
{ margin-left: -9999px; }

.clearfix:after 
{ content: "."; display: block; height: 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 */

h1 a
{ display: block; background: url(../images/logo.jpg) no-repeat; width: 197px; height: 37px; position: relative; top: 95px; left: 90px; }

#container
{ width: 879px; margin: 0 auto; text-align: left; background: url(../images/head_start.png) no-repeat; }



#main_nav
{ margin-top: 50px;  background: url(../images/head_repeat.png) repeat-y; padding: 15px 0 5px 400px; }

	#main_nav li
	{ list-style: none; float: left; margin-right: 20px; }
	
		#main_nav li a
		{ border-bottom: #e3e3e3 1px solid; }
		
		#main_nav li a:hover
		{ border-bottom: #000000 1px solid; }
	
	.ponuda a
	{ background: url(../images/ponuda.gif) no-repeat; width: 89px; height: 23px; display: block; }
	
	.onama a
	{ background: url(../images/onama.gif) no-repeat; width: 88px; height: 23px; display: block; }
	
	.usluge a
	{ background: url(../images/usluge.gif) no-repeat; width: 76px; height: 23px; display: block; }
	
	.kontakt a
	{ background: url(../images/kontakt.gif) no-repeat; width: 97px; height: 23px; display: block; }

/*===========================================================================MAIN BLOCKS=============*/

.main_content
{ padding-left: 60px; background: url(../images/head_repeat.png) repeat-y; }

	.main_content div
	{ float: left; width: 390px; margin: 20px 0 0 0; }

		.main_content div p
		{ width: 350px; margin-bottom: 20px; }

		.main_content div h2
		{ margin-bottom: 20px; clear: both;}

/*==========ZADNJI ELEMENT========================*/

.last div
{ margin-top: -40px; }

/*==================FRONT===========================================================================*/

.front a img
{ border: #f3f0e9 2px solid; margin: 0 0 30px ; }

.front a:hover img
{ border: #7c2210 2px solid; }


#elsewhere
{ margin: 0 0 20px 5px; }

#elsewhere li
{ list-style-type: circle; list-style-position: inside;}


/*==========================FORMA======================================================================*/
div.kontakt_forma
{ clear: both; width: 100%; margin: 30px 0;}

.error
{ background: #7c2210; padding: 10px 0 10px 10px; color: #ffffff; margin-top: 20px; width: 50%;}

#kontakt_forma, #teren_forma
{ padding: 20px 0 0 0; margin-top: 20px;}

#kontakt_forma label, #teren_forma label
{ display: block; position: relative; z-index: 2; padding: 0 0 0 10px; color: #8a8a8a; }

#kontakt_forma input, #teren_forma input
{ width: 350px; margin: -30px 0 10px 0; padding: 52px 0 20px 20px; border: none; background: url(../images/input.gif) no-repeat left top; position: relative;}

#kontakt_forma fieldset, #teren_forma fieldset
{ float: left; width: 350px; border: none; margin-right: 10px; }

#kontakt_forma textarea, #teren_forma textarea
{ border: none; background: url(../images/textarea.gif) no-repeat; padding: 52px 40px 20px 20px; margin: -30px 0 10px 0; width: 300px; height: 230px; }



button
{ border: none; background: url(../images/button.gif) no-repeat; padding: 13px 280px 20px 20px; margin-top: -7px; color: #7c2210; }


#kontakt_lista
{ margin: 5px 0 10px 0; list-style: none; width: 80%;}

#kontakt_lista li
{ float: left; margin: 0 20px 10px 0; padding: 5px 0 5px 35px; }

.osobno 
{ background: url(../images/osobno.gif) no-repeat left center; }

.telefonom
{ background: url(../images/tel.gif) no-repeat left center; }

.mobitelom
{ background: url(../images/mobile.gif) no-repeat left center; }

.emejlom
{ background: url(../images/mail.gif) no-repeat left center; }

/*==============================================================================DEKORACIJE IZMEÐU CONTENTA======*/

#after_header
{ background: url(../images/head_end.png) no-repeat; height: 133px; }

#after_second
{ background: url(../images/after_second.png) no-repeat; height: 245px; }

/*===============================================================================NASLOVI====*/

.tjedni_izbor_title
{ background: url(../images/naslovi/tjedni_izbor.gif) no-repeat; width: 284px; height: 24px; }

.ponuda_title
{ background: url(../images/naslovi/ponuda.gif) no-repeat; width: 255px; height: 24px; }

.novosti_title
{ background: url(../images/naslovi/novosti.gif) no-repeat; width: 121px; height: 22px; }

.arhiv_title
{ background: url(../images/naslovi/arhiv_novosti.gif) no-repeat; width: 193px; height: 23px; }

.onama_title
{ background: url(../images/naslovi/onama.gif) no-repeat; width: 120px; height: 23px; }

.kontakt_title
{ background: url(../images/naslovi/kontakt.gif) no-repeat; width: 240px; height: 25px; }

.kljucne_rijeci_title
{ background: url(../images/naslovi/kljucne_rijeci.gif) no-repeat; width: 186px; height: 25px; }

.usluge_title
{ background: url(../images/naslovi/usluge.gif) no-repeat; width: 107px; height: 24px; }

.nekretnina_detaljno_title
{ background: url(../images/naslovi/nekretnina_detaljno.gif) no-repeat; width: 268px; height: 24px; }

.title_1s
{ background: url(../images/naslovi/1s_title.gif) no-repeat; width: 270px; height: 25px; }

.title_2s
{ background: url(../images/naslovi/2s_title.gif) no-repeat; width: 270px; height: 25px; }

.title_3s
{ background: url(../images/naslovi/3s_title.gif) no-repeat; width: 270px; height: 25px; }

.title_4s
{ background: url(../images/naslovi/4s_title.gif) no-repeat; width: 281px; height: 25px; }

.title_kuce
{ background: url(../images/naslovi/kuce_title.gif) no-repeat; width: 89px; height: 25px; }

.title_pp
{ background: url(../images/naslovi/pp_title.gif) no-repeat; width: 236px; height: 25px; }

.title_gz
{ background: url(../images/naslovi/gz_title.gif) no-repeat; width: 135px; height: 25px; }

.title_garaze
{ background: url(../images/naslovi/garaze_title.gif) no-repeat; width: 115px; height: 25px; }

.title_ap
{ background: url(../images/naslovi/ap_title.gif) no-repeat; width: 149px; height: 25px; }

.elsewhere_title
{ background: url(../images/naslovi/elsewhere_title.gif) no-repeat; width: 277px; height: 25px; }

.kljucne_title
{ background: url(../images/naslovi/kljucne_title.gif) no-repeat; width: 404px; height: 25px; }

.upit_title
{ background: url(../images/naslovi/upit_title.gif) no-repeat; width: 165px; height: 25px; }
/*====================================================================================PONUDA NA NASLOVNOJ======*/

#ponuda_ul
{ list-style: none; margin: 0 0 30px 30px; width: 300px; }

	#ponuda_ul li
	{ padding: 0 0 0 36px; margin: 0 0 15px 0; }

		#ponuda_ul li h3
		{ font-weight: normal; }

		#ponuda_ul li a
		{ display: block;  color: #7c2210; background: #fafafa url(../images/ponuda_bg_right.gif) right center no-repeat; padding: 10px 0 10px 20px; }

		#ponuda_ul li a:hover
		{ color: #6d6d6d; }

.ponuda_lista_1s
{ background: url(../images/thumb_1s.gif) no-repeat; }
	
.ponuda_lista_2s
{ background: url(../images/thumb_2s.gif) no-repeat; }

.ponuda_lista_3s
{ background: url(../images/thumb_3s.gif) no-repeat; }

.ponuda_lista_4s
{ background: url(../images/thumb_4s.gif) no-repeat; }

.ponuda_lista_kuce
{ background: url(../images/thumb_kuce.gif) no-repeat; }

.ponuda_lista_pp
{ background: url(../images/thumb_pp.gif) no-repeat; }

.ponuda_lista_gz
{ background: url(../images/thumb_gz.gif) no-repeat; }

.ponuda_lista_ap, .ponuda_lista_najam
{ background: url(../images/thumb_ap.gif) no-repeat; }

.ponuda_lista_garaze
{ background: url(../images/thumb_garaze.gif) no-repeat; }

/*===================================================================================INSIDE=====================*/
#rezultati_kljucne
{ margin-top: 20px; margin-left: 30px; text-transform: uppercase; color: #777777; }


#ponuda_lista
{ background: url(../images/head_inside.png) no-repeat; padding: 120px 0 60px 45px; }

	#ponuda_lista h2
	{ font-weight: normal; font-size: 1em; }

	#ponuda_lista li
	{ list-style: none; float: left; /*IE sucks*/ }

		#ponuda_lista li a
		{ float: left; margin-right: 5px; display: block; padding: 2px 7px 2px 7px; color: #6d6d6d; background: #f3f0e9; }

		#ponuda_lista li a:hover
		{ color: #fff; background: #7c2210; }

		#ponuda_lista li a.active
		{ color: #fff; background: #7c2210; }
		
		
div.nekretnina
{ width: 42%; padding: 10px; margin-right: 5%; position: relative; float: left; }

div.nekretnina .no_img
{ margin-left: -7px; margin-top: -9px; margin-bottom: -9px; padding-bottom: 0;}

div.nekretnina img
{ float: left; margin-right: 30px; }

div.nekretnina em
{ float: left; background: url(../images/slika_bg.png) no-repeat; display: block; width: 175px; height: 138px; position: absolute; left: 2px; margin-top: -9px;}

div.nekretnina a, div.slike a
{ cursor: pointer; }

div.nekretnina ul
{ list-style: none; margin-top: 0; }
	
/*================================================================================DETALJI 1 NEKRETNINE=====================*/

.detalji_lista
{ list-style: none; margin-left: 30px; }

div.detalji_slike
{ clear: both; width: 99%; }

div.slike 
{ width: 120px; padding: 10px; margin-right: 50px; position: relative; float: left; }

div.slike img { float: left; }

div[className="slike"] img { float: none; }

div.slike em 
{ background: url(../images/slika_bg.png) no-repeat; display: block; width: 175px; height: 138px; position: absolute; left: 2px; margin-top: -9px;}


/*===============================================================TAGOVI====================================*/

div.tagovi
{ clear: both; width: 95%; }

.tagovi h3
{ font-weight: normal; font-size: smaller;}

div.tagovi p
{ width: 100%; }

.tagovi a
{ display: block; float: left; margin: 0 10px 10px 0; padding: 8px; color: #7c2210; background: #fafafa;}

.tagovi a:hover
{ color: #ffffff; background: #7c2210;}

/*===================================================FOOTER=========================================================*/

#footer
{ background: url(../images/olovka.png) no-repeat; height: 151px; }

#real_footer
{ padding: 0 0 30px 60px; margin-top: -10px; background: url(../images/head_repeat.png) repeat-y;}

#real_footer a, .last a, div.nekretnina ul a, .ah_404 a
{ color: #7c2210; border-bottom: 1px dashed; }

#real_footer a:hover, .last a:hover, div.nekretnina ul a:hover, .ah_404 a:hover
{ color: #7c2210; border-bottom: 1px solid; }


/*================MISC===================*/

#vrh a
{ background: url(../images/vrh.png) no-repeat; width: 56px; height: 30px; display: block; position: fixed; right: 0; top: 245px; }


#pagination
{ padding-top: 50px; clear: both; }

#pagination li
{ float: left;  padding: 5px 10px 5px 10px; margin-right: 10px; list-style: none; border: #e3e3e3 1px solid; background: #7c2210; color: #fff; }

#pagination .this
{ float: left; padding: 0; margin-right: 10px; list-style: none; border: #e3e3e3 1px solid; }

#pagination a
{ display: block; padding: 5px 10px 5px 10px; background: #F8F7E6; float: left; border-bottom: none; color: #7c2210; }

#pagination a:hover
{ display: block; padding: 5px 10px 5px 10px; background: #7c2210; float: left; border-bottom: none; color: #fff;}
/*============404==========================0*/

#novine
{ background: url(../images/novine.png) no-repeat; width:435px; height: 561px; 
position: absolute; right: 0; margin-top: -200px;
}



#kava
{ background: url(../images/kava_404.png) no-repeat; height: 250px; margin-left: 14px; }

.ah_404
{ width: 500px; padding-top: 40px; }


.xmas { font-weight: normal; padding: 20px 20px 20px 0; line-height: 1.3; color: #7C2210; }