/*--------------------------------------
   CONTENT
-------------------------------------- */
#content-top,
#content-bottom,
.najnovije                             {
	width: 738px;
	background: #fff;
	padding: 0 0 20px 0;
}
#content-top,
.najnovije                             { padding-bottom: 0; text-align: right; }
	
/*--------------------------------------
   Naslovna slika reference
-------------------------------------- */	
#ref-images                            {
	text-align: right;
	padding: 0;
	clear: both;
	display: inline-block;
	width: 738px;
	height: 100%; 
	position: relative;
}
#mainContent #ref-paginator            { text-align: right; }
#mainContent #ref-paginator li         { display: inline; margin-left: 10px; background: none; padding: 0; }
#mainContent #ref-paginator li a       { font: normal 19px Arial, Helvetica, sans-serif; text-decoration: none; }
#mainContent #ref-paginator li a:hover { color: #0093dd; text-decoration: none; }
#mainContent #ref-paginator li a.on    { color: #0093dd; text-decoration: underline; }

.addthis_button { position: absolute; top: -25px; right: 0; }

/*--------------------------------------
   CONTENT // Reference sadrzaj
-------------------------------------- */
#mainContent .mainContent h1           {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #838281;
	margin-bottom: 20px;
}
.ref-images                            {
	float: right;
	width: 420px;
	padding: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
}
#mainContent .ref-images img           {
	padding: 2px;
	margin: 0 0 3px 3px;
	border: 1px solid #fff;
	width: 35px;
	height: 37px;
}
#mainContent .ref-images img.on        { border: 1px solid #0093dd; }
#mainContent .ref-images img:hover     { border: 1px solid #cacaca; }
#mainContent .ref-images a img         { margin: 0; }

/*--------------------------------------
   Reference sadrzaj // TOP
-------------------------------------- */
#content-top .mainContent              {
	padding: 0 20px 0 230px;
	width: 488px;
	margin-bottom: 20px;
}
#content-top .mainContent h1           { margin: 20px 0 0 -200px; color: #838281; }

/*--------------------------------------
   Reference sadrzaj // BOTTOM
-------------------------------------- */
#content-bottom .mainContent           {
	float: left;
	width: 180px;
	padding-left: 65px;
}
#content-bottom .ref-images                  { padding-top: 40px; }
#mainContent #content-bottom .mainContent h2 { font-size: 11px; font-weight: bold; margin: 0; color: #1f1a17; }
#mainContent #content-bottom .mainContent h3 { font-size: 11px; font-weight: bold; margin: 0 0 15px 0; color: #8c8c8c; }

/*--------------------------------------
   CONTENT // Najnovije SPEC.
-------------------------------------- */
#najnovije #mainContent                { padding-left: 490px; }
#najnovije #mainContent h1             { color: #838281; }
#najnovije #mainContent h2             { font-size: 11px; font-weight: bold; margin: 0; color: #1f1a17; }
#mainContent .mainContent h2 a:link,
#mainContent .mainContent h2 a:visited { text-decoration: none; }
#najnovije #mainContent h3             { font-size: 11px; font-weight: bold; margin: 0 0 15px 0; color: #8c8c8c; }
#mainContent.najnovije .ref-images     {
	text-align: right;
	width: 738px;
	margin: 0 0 0 -250px;
	padding: 0 0 20px 0;
	float: none;
}
#mainContent.najnovije .ref-images img { 
	width: 700px; 
	height: 420px; 
	padding: 0; 
	margin: 0; 
	border: none;
}	
#mainContent.najnovije .ref-images img:hover { padding: 0; border: none; }	
#najnovije #scroll-wrapper             { margin-top: 30px; }

#mainContent.najnovije h1              { text-align: left; }
#mainContent.najnovije h2,
#mainContent.najnovije h2 a            { color: #0093dd; text-align: right; }
#mainContent.najnovije h2 a:hover      { color: #838281; }

/*--------------------------------------
   CONTAINER // Tekstualne stranice
-------------------------------------- */
#tekstualna #mainContent               { padding: 20px 100px 20px 230px; width: auto; }
#tekstualna #ref-images                { margin: 0 -100px 30px -230px; }
#tekstualna #scroll-wrapper            { margin-top: 30px; }

#mainContent-header                    { margin-left: -230px; }
#tekstualna #mainContent #mainContent-header h1 { margin: 20px 0 10px 30px; color: #838281; }
#tekstualna #mainContent #mainContent-header h2 { width: 200px; text-align: right; margin-left: 10px; color: #0093dd; }
#tekstualna #mainContent h2            { color: #0093dd; }

/*--------------------------------------
   CONTAINER // Typ.
-------------------------------------- */
#mainContent h1                        {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #1f1a17;
	margin-bottom: 10px;
}
#mainContent h2                        {
	font: normal 17px Arial, Helvetica, sans-serif;
	color: #1f1a17;
	margin: 15px 0;
}
#mainContent h3                        {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #8c8c8c;
	margin: 20px 0 10px 0; 
}
#mainContent h4,
#mainContent h5,
#mainContent h6                        {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #1f1a17;
	margin: 20px 0 10px 0;
}
#mainContent img                       { margin: 0 0 15px 0; }
#mainContent p img { margin-bottom: 0; clear: both; }
#mainContent p                         { margin: 10px 0; }
#mainContent h2 a, #mainContent h3 a,
#mainContent h4 a, #mainContent h5 a,
#mainContent h6 a                      { color: #1f1a17; text-decoration: none; }
#mainContent ul,
#mainContent ol                        { clear: both; margin: 10px 0; padding-left: 10px; }
#mainContent ul li                     { margin-bottom: 2px; background: transparent url(../images/layout/list.gif) no-repeat 0 7px; padding-left: 15px; }
#mainContent ol li                     { margin-bottom: 2px; list-style: outside decimal; margin-left: 27px;}
a.external                             { background: transparent url(../images/layout/external.gif) no-repeat right center; padding-right: 15px; }

/*--------------------------------------
   SUB-MENU // Level 3
-------------------------------------- */
#sub-menu                              {
	display: inline;
	float: left;
	width: 160px;
	margin: 35px 0 0 -200px !important;
	margin: 10px 0 0 -200px;
	font-size: 11px;
	text-align: right;
}
#sub-menu h2                           { margin: 0 0 5px 0; }
#sub-menu ul                           { margin: 0 0 15px 0; padding: 0 0 0 12px; }
#sub-menu ul li                        { background: none; padding: 0; margin: 4px 0; width: 160px; }
#sub-menu ul li a                      {
	border-right: 1px solid #ccc;
	display: block;
	height: 1%;
	width: 150px;
	padding: 2px 10px 2px 0;
	text-align: right;
}
#sub-menu ul li a:link,
#sub-menu ul li a:visited              { text-decoration: underline; }
#sub-menu ul li a:hover,
#sub-menu ul li a:active               { text-decoration: none; color: #0093dd; border-right: 1px solid #0093dd; }
#sub-menu ul li a.on                   { text-decoration: none; color: #0093dd; border-right: 1px solid #0093dd; }

/*--------------------------------------
   MAP WEBA
-------------------------------------- */
#tekstualna #mainContent h2.map        { margin: 10px 0 5px 0; }
#mainContent h2.map a:link             { text-decoration: none; color: #0093dd; }
#mainContent h2.map a:visited          { text-decoration: none; }
#mainContent h2.map a:hover            { text-decoration: none; color: #0093dd; }
#mainContent ul.map                    { margin: 0 0 10px 15px; padding: 10px; }
#mainContent ul.map ul                 { margin: 10px 0 10px 10px; padding: 5px; }
#mainContent ul.map li                 { padding: 0 0 0 10px; margin: 2px 0; background: none; }

/*--------------------------------------
   CONTACT FORM
-------------------------------------- */
#contact-form                          { width: 359px; }
	
#contact-form legend                   { display: none; }
#contact-form fieldset                 { border: none; padding-bottom: 15px; }
#contact-form fieldset p               { clear: both; padding: 5px 0; margin: 0; }

#contact-form fieldset.podaci,
#contact-form fieldset.poruka          { font-size: 14px; }

#contact-form label                    {
	display: inline;
	float: left;
	width: 100px;
	margin-right: 5px;
	padding: 3px;
}
#contact-form fieldset.podaci input    {
	display: inline;
	float: right;
	clear: right;
	width: 240px;
	padding: 3px;
	background: #fff;
	border: 1px solid #dbdada;
	font: normal 11px Arial, Helvetica, sans-serif;
}
	
#contact-form fieldset.podaci input:focus { background: #fff500; }
	
#contact-form fieldset.kontakt         { padding-left: 110px; }

#contact-form fieldset.kontakt div     { margin: -13px 0 0 110px !important; margin: -17px 0 0 110px; }
#contact-form fieldset.kontakt p       { float: left; }
#contact-form fieldset.kontakt div p   { padding: 0; margin: 0; float: none; clear: both; height: 15px; }
#contact-form fieldset.kontakt input   { display: inline; float: left; }

#contact-form fieldset.kontakt label   { display: inline; margin-left: 10px !important; margin-left: 5px; }

#contact-form textarea                 {
	display: inline;
	float: right;
	width: 240px;
	height: 100px;
	padding: 3px;
	background: #fff500;
	border: 1px solid #dbdada;
	font: normal 11px Arial, Helvetica, sans-serif;
	overflow: hidden;
}
#contact-form .select                  { width: 150px; font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #dbdada; overflow: hidden; padding: 3px; }

#form-submit                           { padding-left: 110px; }
#form-submit input.button              {
	padding: 1px;
	background: #fff;
	border: 1px solid #dbdada;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-right: 10px;
}
#kontakt-podaci                        { position: absolute; margin: -160px 0 0 400px; }

/*** Share ***/
#shareBox { margin: 0 45px -15px 0; text-align: right; }
#shareBox .addthis_button { position: relative; top: 0; right: 0; }  

/*** FB Like Box ***/
#facebook-like-box { margin: 0 0 15px 0; width: 200px; }
#facebook-like-box iframe { border: 0 solid #fff; outline: none; }