/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }
body                                   {
	font: normal 9pt Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #000;
	background: #fff;
}
a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; color: #000; text-decoration: none; }
br.clear                               { clear: both; }
/*--------------------------------------
   HIDE
-------------------------------------- */
#logo, #language, #basicMenu, #header,
#nav, #options, #mainNav, #topLink,
.details, #development, .paginator ul,
#detailsNav a, #detailsMapWrapper a, 
.pagination, #sort, #ctl19_btnContact,
object { display: none !important; }


/*--------------------------------------
   LAYOUT & Typ.
-------------------------------------- */
#printLogo                             {  margin: 0 0 20px 0; position: absolute; }
#container { overflow: hidden; padding-top: 100px; }

h1                                     { 
	font-size: 13pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 25px;
	left: 90px;
	width: 570px;
}
h2                                     { font-size: 10pt; font-weight: bold; margin: 20px 0 20px 0; }
h3                                     { font-size: 9pt; font-weight: bold; margin: 20px 0 10px 0; }
h4,
h5,
h6                                     { font-size: 10pt; font-weight: bold; margin: 15px 0 10px 0; }
p, ul, ol                              { margin: 0 0 10px 0; }
ul, ol                                 { padding-left: 10px; }
ul li                                  { list-style: outside circle; margin-left: 0; margin-right: 20px; }
ol li                                  { list-style: outside decimal; margin-left: 35px; margin-right: 20px; }
img                                    { margin: 0 5px; }

table                                  { margin: 10px 5px; border-collapse: collapse; }
th, td                                 { padding: 5px; border: 1px solid #ccc; }

#footer                                {
	clear: both;
	margin: 0;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #ccc;
	font-size: 85%;
	line-height: 1.2em;
	color: #cccccc;
}

/*-----------------------------------------------------
   FeaturedBOX (Nekretnine tjedna)
------------------------------------------------------ */
#featuredBoxWrapper                                    { clear: both; margin: 0 0 10px 0; width: 100%; height: 120px; overflow: hidden; }
#featuredBoxTitle                                      {
	display: inline;
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 100px;
}
#featuredBoxTitle h2                                   { margin-top: 0; }
#featuredBoxWrapper .image                             {
	display: inline;
	float: left;
	width: 156px;
	overflow: hidden;
	margin-bottom: 100px;
}
#featuredBoxWrapper .content                           {
	display: inline;
	float: right;
	width: 290px;
	margin-bottom: 100px;
	
}	
	
#mainContent #featuredBoxWrapper h3                    { margin-top: 0; }
#mainContent #featuredBoxWrapper h3 a                  { color: #333; text-decoration: none; }
#mainContent #featuredBoxWrapper h3 a:hover            { color: #333; text-decoration: underline; }

/*-----------------------------------------------------
   boxWrapper
------------------------------------------------------ */
.boxWrapper                                            { margin: 0 0 5px 0; clear: both; display: table; width: 100%; }
.boxWrapper h2                                         { margin-top: 0; margin-bottom: 15px; }
.boxWrapper .image                                     { float: left; display: inline; margin-right: 20px; margin-bottom: 10px; width: 120px; }
.boxWrapper .image img                                 { width: 120px; margin-bottom: 10px; }
.boxWrapper .content                                   { display: inline; float: left; margin: -15px 0 10px 10px; width: 470px; }
.boxWrapper .content ul li                             { list-style: none; margin: 0; }

.paginator                                             { clear: both; margin: 20px 10px; color: #ccc; }

/*-----------------------------------------------------
   Detail
------------------------------------------------------ */
#detailWrapper                                         { clear: both; width: 100%; margin-top: -10px; }

#detailContent                                         { display: inline; float: left; width: 280px; margin-bottom: 10px; }
#detailContent ul li                                   { list-style: none; margin: 0; }

#detailImages                                          { display: inline; float: right; width: 330px; margin: 0 0 10px 10px; }
#detailImages img                                      { margin: 0 2px 0 0; }

#detailsMapWrapper                                     { clear: both; }

#detailsNav                                            { width: 100%; height: 1px; clear: both; color: #fff; overflow: hidden; }

/*-----------------------------------------------------
   FORMS Typ.
------------------------------------------------------ */
.basicForm                                             { margin: 0 0 20px 0; }
.basicForm fieldset                                    { border: none; }

.basicForm legend                                      { font-size: 1em; font-weight: bold; padding: 0 0 10px 0; color: #333; }
	
.basicForm .input, .basicForm .textarea, 
.basicForm .select, .basicForm .radio, 
.basicForm .checkbox, .basicForm .file                 { clear: both; padding: 10px 0 1px 0; }

.basicForm .input input, .basicForm textarea,
.basicForm select, .captchaInput input                 {
	font: normal .9em Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #501211;
	padding: 3px;
	vertical-align: middle;
}

.basicForm .input input                                { width: 150px; }
.basicForm .input input.small                          { width: 50px; }
.captchaInput input                                    { width: 100px; }

.basicForm .select select                              { width: 250px; }
.basicForm .select select.small                        { width: 50px; }

.basicForm .input select                               { padding: 2px 3px; }
	
.basicForm .input label, 
.basicForm .textarea label,
.basicForm .select label, 
.basicForm .captchaInput label,
.basicForm .captchaInput label, 
.basicForm .file label                                 {
	display: block;
	float: left;
	width: 175px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
}	
	
.basicForm .textarea label, 
.basicForm textarea                                    { vertical-align: top; }
.basicForm textarea                                    { overflow: hidden; width: 300px; height: 150px; }

.basicForm .checkbox input                             { width: auto; border: none; background: inherit; font-size: inherit; }
.calendar                                              { vertical-align: middle; position: relative; top: 2px; }
.basicForm .input input.checkbox,
.basicForm .checkbox input                             {
	display: inline;
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	vertical-align: middle;
}

.basicForm .select select option                       { padding-right: 10px; margin-bottom: 2px; }

.basicForm .captchaWrapper                             { clear: both; }

.basicForm .captchaImageWrapper                        { margin: 15px 0 15px 185px !important; margin: 15px 0 15px 190px; }

#mainContent .basicForm .captchaImageWrapper img       { display: block; margin: 0 0 5px 0; padding: 0 0 0 0; border: none; }

.basicForm .captchaError                               { margin: 15px 0 15px 200px; padding: 10px; border: 1px solid red; }
.basicForm .submit                                     { padding: 20px 0 10px 185px !important; padding: 20px 0 10px 188px; }
.basicForm .submit .button                             { 
	border: none; 
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 100px;
	height: 25px;
}

.basicForm .errorMessage                               { color: #cc0000; font-size: 1em; }

.basicForm .notice                                     {
	margin: 10px 0 10px 185px !important;
	margin: 10px 0 10px 188px;
}

.basicForm .radioTitle                                 {
	display: inline;
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	text-align: right;

}
.basicForm .radioButtons label                         { margin: 0 10px 0 0; }

.basicForm .checkboxTitle {
	display: inline;
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	text-align: right;
}
.basicForm .checkbox .checkboxTitle label              { margin: 0; padding: 0; }
.basicForm .checkbox input                             { padding: 0; margin: 3px 0 0 0; }

.basicForm .checkboxWrapper                            { width: 500px; height: 100%; overflow: hidden; padding: 15px 0 5px 0 !important; padding: 15px 0 5px 0; }
.basicForm .checkboxWrapper div.checkbox               { float: left; padding: 0; clear: none; width: 210px; margin-bottom: 5px; }

.basicForm .checkboxButtons label                      { margin: 0 10px 0 0; }
.basicForm .multipleSelect                             { padding: 15px 0 0 0; }
.basicForm .multipleSelectTitle                        {
	display: inline;
	float: left;
	width: 175px;
	margin: 0 10px 0 0;
	text-align: right;
}
.basicForm .multipleSelect select                      { margin: 0 10px 0 0; }

/*-----------------------------------------------------
   searchParameters
------------------------------------------------------ */
#mainContent #searchParameters table                   { margin: 0 0 10px 0; border: none; font-size: 11px; line-height: 18px; }
#mainContent #searchParameters td                      { border: none; padding: 0 5px; width: 220px; vertical-align: top; }
.highlight                                             { color: #c34f27; }