@charset "utf-8";



/* CSS Document */







/* Eric Mayer global css reset */







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,



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-weight: inherit;



	font-style: inherit;



	font-size: 100%;



	font-family: inherit;



	vertical-align: baseline;



}



/* remember to define focus styles! */



:focus {



	outline: 0;



}



body {



	line-height: 1;



	color: black;



	background: white;



}



ol, ul {



	list-style: none;



}



/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: separate;



	border-spacing: 0;



}



caption, th, td {



	text-align: left;



	font-weight: normal;



}



blockquote:before, blockquote:after,



q:before, q:after {



	content: "";



}



blockquote, q {



	quotes: "" "";



}







/* END: global css reset */



















/* custom styling */







body {



	font-size:62.5%;



	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;



	color:#444;



	background-color:#fafbfb;



	}



	



div.clear {



	clear:both;



	}



	



h1 {



	text-align:left;



	font-size:1.4em;



	font-family:Georgia, "Times New Roman", Times, serif;



	margin:0 0 15px;



	font-weight:bold;



	color:#444;



	}



	



h2 {



	font-size:1.2em;



	font-family:Georgia, "Times New Roman", Times, serif;



	margin:0 0 10px 0;



	font-weight:normal;



	}



	



p {



	color:gray;



	margin:10px 0;



	font-size:1.35em;



	line-height:1.45em;



	}



	



a {



	color:#214d57;



	}



	



a:hover {



	color:#438190;



	}



	



div.wrapper {



	width:960px;



	padding:0 10px;



	background-color:white;



	border:1px solid #eee;



	}



	



a.vise {



	float:right;



	margin-top:35px;



	_margin-top:25px;



	*margin-top:25px;



	padding:2px 14px;



	color:#4c6274;



	background-color:#aad3f4;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	text-decoration:none;



	}



	



a.vise:hover {



	background-color:#6db3ec;



	color:white;



	}



	



	



	



/* language menu */



	



div.lang_menu {



	background-color:#f7f8f9;



	border:1px solid #eee;



	margin:0 0 15px 0;



	-moz-border-radius:5px;



	-webkit-border-radius:5px;



	padding:10px 0;



	text-align:right;



	}



	



div.lang_menu li {



	display:inline;



	}



	



div.lang_menu li a {



	background-position:10px 11px;



	background-repeat:no-repeat;



	padding:9px 12px 9px 35px;



	color:#aaa;



	margin:0 1px;



	}



	



div.lang_menu li a:hover, div.lang_menu li.active a {



	color:#666;



	background-color:#FFFFFF;



	border-left:1px solid #eee;



	border-right:1px solid #eee;



	margin:0;



	/* IE visual glitch fix */



	_background-position:11px 11px;



	*background-position:11px 11px;



	}



	



div.lang_menu li.croatian a {



	background-image:url(../images/layout/flags/croatian.png);



	}



	



div.lang_menu li.english a {



	background-image:url(../images/layout/flags/english.png);



	}



	



div.lang_menu li.german a {



	background-image:url(../images/layout/flags/german.png);



	}



	



div.lang_menu li.italian a {



	background-image:url(../images/layout/flags/italian.png);



	}



	



div.lang_menu li.russian a {



	background-image:url(../images/layout/flags/russian.png);



	margin-right:-1px;



	}



	



div.lang_menu li.russian.active a, div.lang_menu li.russian a:hover {



	border-right:0 !important;



	}



	



	



	



	



/* header */







div.header {



	text-align:left;



	}



	



a.logo {



	float:left;



	position:relative;



	top:8px;



	left:26px;



	}







div.search {



	float:right;



	_width:281px;



	*width:281px;



	position:relative;



	top:30px;



	}



	



div.search button {



	margin-top:-2px;



	}



	



/*	



div.search input.search_field {



	border:1px solid #ddd;



	-moz-border-radius:5px;



	-webkit-border-radius:5px;



	padding:5px;



	float:left;



	}



	



input.search_button {



	float:right;



	margin-left:8px;



	padding:2px 6px;



	}



*/	



	



	



/* main navigation */







div.main_nav {



	margin:45px 0 1px 0;



	text-align:left;



	float:left;



	width:888px;



	}







div.main_nav ul {



	float:left;



	}



	



div.main_nav li {



	margin-right:1px;



	float:left;



	}



	



div.main_nav a {



	font-size:1.1em;



	font-weight:bold;



	text-transform:uppercase;



	color:#888;



	padding:9px 15px;



	-moz-border-radius-topleft:7px;



	-webkit-border-top-left-radius:7px;



	-moz-border-radius-topright:7px;



	-webkit-border-top-right-radius:7px;



	border:1px solid #eaeaea;



	text-decoration:none;



	background-image:url(../images/layout/nav_button_bg.gif);



	float:left;



	}



	



div.main_nav a:hover {



	color:#286592;



	background-image:url(../images/layout/nav_button_bg_hover.gif);



	}



	



	



	



/* intro.carousel */



	



div.carousel {



	background-color:#f7f8f9;



	text-align:left;



	padding:4px;



	-moz-border-radius:5px;



	-webkit-border-radius:5px;



	border:1px solid #eee;



	float:left;



	width:750px;



	}



	



ul.sidelinks {



	float:right;



	width:190px;



	margin-top:27px;



	}



	



ul.sidelinks li {



	margin-bottom:15px;



	border-bottom:1px dotted #ddd;



	text-align:left;



	padding:0 8px 10px 8px;



	}



	



ul.sidelinks li.last {



	border:0;



	}







ul.sidelinks li a {



	font-size:1.1em;



	text-decoration:none;



	}



	



img.logo {



	position:relative;



	left:15px;



	top:27px;



	}



	



q {



	display:block;



	margin:30px 0 35px 0;



	padding-left:10px;



	text-align:left;



	font-family:Georgia, "Times New Roman", Times, serif;



	color:#3a78ab;



	font-size:2em;



	font-weight:bold;



	letter-spacing:-0.013em;



	font-style:italic;



	}



	



	



	



/* content */







div.content {



	border-top:1px dotted #ddd;



	padding-top:15px;



	}



	



	



	



/* selector block */







div.selector_block h1 {	



	margin-left:10px;



	}







div.selector_block {



	float:left;



	width:230px;



	}

	

ul.izdvojeno li {

	font-size:1.1em;

	line-height:1.5em;

	}



	



div.selector_block div.pretraga_inline {



	background-color:#f7f8f9;



	float:left;



	width:100%;



	border-left:1px solid #ddd;



	border-right:1px solid #ddd;



	border-bottom:1px dotted #eee;



	}



	



div.selector_block div.pretraga_inline.first {



	border-top:1px solid #ddd;



	-moz-border-radius-topleft:5px;



	-webkit-border-top-left-radius:5px;



  -moz-border-radius-topright:5px;



	-webkit-border-top-right-radius:5px;



	}



	



div.selector_block div.pretraga_inline.last {



	border-bottom:1px solid #ddd;



	-moz-border-radius-bottomleft:5px;



	-webkit-border-bottom-left-radius:5px;



  -moz-border-radius-bottomright:5px;



	-webkit-border-bottom-right-radius:5px;



	}



	



div.pretraga_inline label {



	float:left;



	margin:10px;



	font-size:1.1em;



	}



	



div.pretraga_inline label strong {



	font-weight:bold;



	}



	



div.pretraga_inline input, div.pretraga_inline select {



	float:right;



	margin:10px 5px;



	/* ie fix rules */



	_margin:6px 5px;



	*margin:6px 5px;



	}



	



div.selector_block input.search_button {



	margin-top:10px;



	}



	



div.offices {



	text-align:left;



	margin-top:40px;



	float:left;



	}







div.offices h1 {



	background-position:left center;



	background-repeat:no-repeat;



	padding-left:23px;



	}



	



div.offices h1.croatian {



	background-image:url(../images/layout/flags/croatian.png);



	}



	



div.offices h1.ireland {



	background-image:url(../images/layout/flags/ireland.png);



	}



	



div.offices h1.norway {



	background-image:url(../images/layout/flags/norway.png);



	}



	



div.offices ul {



	margin:-10px 0 40px 0;



	}



	



div.offices li {



	color:#444;



	padding-left:10px;



	line-height:1.5em;



	font-size:1.1em;



	}



	



	



	



/* selection/item block */







div.selection_block {



	float:left;



	width:704px;



	margin-left:10px;



	padding-left:15px;



	display:inline;



	text-align:left;



	border-left:1px dotted #ccc;



	}







div.selection_items_wrapper {



	float:left;



	margin-bottom:25px;



	border-bottom:1px dotted #ddd;



	padding-bottom:25px;



	width:703px;



    position: relative;



	}



	



div.selection_item {



	border-right:1px dotted #ccc;



	float:left;



	margin-right:10px;



	padding-right:10px;



	width:210px;



    height:305px;



	display:inline;



    position: relative;



	}



	



div.selection_item.last {



	border-right:0px dotted #ccc;



	margin:0;



	}



	



div.selection_items_wrapper.narrow p {



	padding-right:30px;



	}



	



div.index_cta {



	float:left;



	}



	



div.index_cta p {



	padding-right:57px;



	}



	



	



/* test - markok */ 



div.index_vise



{



    position: absolute;



    bottom: 5px;



    right: 5px;



}



div.trazenje_imgholder



{



    display: block;



    position: relative;



    width: 200px;



    height: 150px;



    



}



div.test



{



    background-color:#f7f8f9;



    display: block;



    padding: 20px;



    border: dotted 1px #ddd;



    margin: 2px;



    position: relative;



}



div.nekretnina_info_test



{



    font-size:1.35em;



		color:gray;



    display:inline;



    position: absolute;



    width: 450px;



    margin: 0 0 0 10px;



    top: 20px;



    left: 230px;



}



a.nekretnina_info_opsirnije



{



    position: absolute;



    bottom: 10px;



    right: 10px;



}



/* kraj testa */	



/* nekretnina */







div.nekretnina_info {



	font-size:1.35em;



	color:gray;



	}



	



div.nekretnina_info strong, div.nekretnina_info_test strong {

	font-weight:bold;

	color:#444;

	}

	

a.nekretninaImage {

	padding:3px;

	border:1px solid #EEEEEE;

	background-color:#F7F8F9;

	margin-right:3px;

	display:inline-block;

	}



table.nekretnina_table_info {

	font-size:1.1em;

	border-spacing:1px;

	margin:30px -11px;

	}







td.description {



	background-color:#f7f8f9;



	padding:5px 20px 5px 10px;



	border-right:3px solid white;



	line-height:1.5em;



	width:270px;



	font-weight:bold;



	}



	



td.value {



	background-color:#fbfbfb;



	padding:5px 10px 5px 20px;



	line-height:1.5em;



	}







/*	



div.nekretnina_galerija {



	width:80px;



	}



*/	



	



div.agent_info img, div.agent_info ul {



	float:left;



	}



	



div.agent_info {



	margin-bottom:30px;



	}



	



div.agent_info img {



	margin-right:15px;



	}



	



div.agent_info ul {



	font-size:1.35em;



	line-height:1.5em;



	color:gray;



	}



	



div.agent_info li span {



	font-size:0.75em;



	text-transform:uppercase;



	width:60px;



	text-align:right;



	padding-right:9px;



	display:inline-block;



	}



	



div.onama_galerija {



	margin:15px 0;



	}

	

div.faces {

	border-top:1px dotted #ddd;

	padding-top:18px;

	margin-bottom:-20px;

	}



div.faces ul {

	width:230px;

	display:inline-block;

	margin-bottom:45px;

	}

	

div.faces ul li {

	font-size:1.1em;

	line-height:1.5em;

	}

	

div.faces ul li {

	font-size:1.1em;

	line-height:1.5em;

	}

	

a.border {
	background-color:#F7F8F9;
	border:1px solid #eee;
	display:inline-block;
	padding:3px;
	margin-bottom:5px;
	}
	
a.border.kontakt {
	margin-right:12px;
	float:left;
	}
	
ul.info.kontakt {
	float:left;
	}

a.border img {
	display:block;
	}

ul.info {
	display:inline-block;
	margin-left:12px;
	font-size:1.1em;
	line-height:1.5em;
	}

table.radno_vrijeme {
	font-size:1.1em;
	}





	



	



/* forme za kontakt / ponudu / potražnju */







form.contentForma label, form.contentForma input {



	display:block;



	}



	



form.contentForma label {



	font-size:1.1em;



	margin:0px 0 10px 0;



	}



	



form.contentForma input.infoInput {



	font-size:1.6em;



	height:19px;



	padding:14px 10px;



	width:394px;



	background-image:url(../images/layout/kontakt_inputField.gif);



	background-position:top left;



	background-repeat:no-repeat;



	border:0;



	margin-bottom:15px;



	}



	



form.contentForma div.selector_wrapper {



	float:left;



	width:168px;



	margin:10px 0 35px 0;



	}



	



form.contentForma select {



	width:164px;



	}



	



form.contentForma textarea {



	font-size:1.6em;



	height:19px;



	padding:14px 10px;



	width:394px;



	height:139px;



	overflow:auto;



	background-image:url(../images/layout/kontakt_inputField.gif);



	background-position:0 -60px;



	background-repeat:no-repeat;



	border:0 none;



	display:block;



	}



	



form.contentForma input.submit {



	position:relative;



	left:320px;



	margin-top:12px;



	}



	



	



	



/* footer */

div.footer {
	border-top:1px dotted #ddd;
	margin-top:15px;
	}

div.footer div.main_nav {
	margin:19px 0;
	}

div.footer div.main_nav li {
	margin:0;
	}

div.footer a.last {
	border:0 !important;
	}
	
div.footer div.main_nav a {
	font-size:1.1em;
	text-transform:inherit;
	font-weight:normal;
	border:0;
	border-right:1px solid #ddd;
	padding:2px 15px;
	}

div.legal_nav {
	float:left;
	border-top:1px dotted #ddd;
	padding:7px 0;
	width:100%;
	}

div.legal_nav a {
	float:left;
	font-size:1.1em;
	text-transform:lowercase;
	font-weight:normal;
	border-right:1px solid #ddd;
	padding:2px 15px;
	color:#bbb;
	}

div.legal_nav li {
	float:left;
	}

a.signature {
	position:relative;
	right:20px;
	top:21px;
	float:right;
	}

div.footer a {
	text-decoration:none;
	background-image:none !important;
	}

div.footer a:hover {
	color:#438190;
	}