/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }

body                                   {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #1f1a17;
	background: #fff;
	text-align: center; 
	padding: 10px 0 10px 0;
}
a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; }
#print-logo                            { display: none; }

#wrapper                               { margin: 0 auto; width: 960px; text-align: left; }

/*--------------------------------------
   HEADER
-------------------------------------- */
#header                                {
	position: relative;
	width: 960px;
	height: 135px;
	padding-top: 10px;
        }
#logo span                             {
	width: 327px;
	height: 132px;
	background: #fff url(../images/layout/palete-logo.gif) no-repeat 0 0;
	position: absolute;
        }
a#logo                                 { display: block; cursor: pointer; }
#language                              {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 9px;
        }
#language li                           { display: inline; }
#language li#hr                        {
	background: transparent url(../images/layout/lang-hr-bg.gif) no-repeat right bottom;
	padding-right: 7px !important;
	padding-right: 4px;
        }
#language li#en                        {
	margin-left: -2px !important;
	margin-left: 0;
        }
#language a:link,
#language a:visited                    {
	color: #1f1a17;
	text-decoration: none;
        }
#language a:hover,
#language a:active                     {
	color: #838281;
	text-decoration: none;
        }
#flash                                 {
	width: 960px;
	height: 135px;
	padding-top: 5px;
        }
#flash a:link                          { color: #1f1a17; text-decoration: underline; }
#flash a:visited                       { color: #838281; text-decoration: underline; }
#flash a:hover,
#flash a:active                        { color: #838281; text-decoration: none; }		

/*--------------------------------------
   CONTAINER
-------------------------------------- */
#container                             { padding: 15px 0; }
#mainContent-wrapper,
#secContent                            { display: inline; }
#mainContent-wrapper                   {
	float: right;
	width: 738px;
        }
a#print-link                           {
	float: right;
	clear: both;
	margin-top: -12px;
	background: #fff;
	color: #1f1a17;
	text-decoration: none;
	position: relative;
	top: 4px;
	width: 16px;
	height: 13px;
	background: #fff;
	padding-left: 5px;
}
a#print-link:hover                     { color: #838281; text-decoration: underline; }

/*--------------------------------------
   mainContent
-------------------------------------- */
#mainContent-wrapper                   { border-top: 1px dashed #bdbcbc; }

#mainContent                           { padding: 20px 0; display: table; width: 100%; }
#home #mainContent-bottom              { border-top: 1px dashed #bdbcbc; }
#mainContent-bottom                    {
	background: #fff;
	clear: both;
	height: 20px;
	position: relative;
}
a#top-link                             {
	text-decoration: none;
	color: #1f1a17;
	background: #fff;
	padding-left: 5px;
	position: relative;
	top: -8px;
	float: right;
	display: block;
}
a#top-link:hover                       { color: #838281; text-decoration: underline; }
#mainContent a:link                    { color: #1f1a17; text-decoration: underline; }
#mainContent a:visited                 { color: #838281; text-decoration: underline; }
#mainContent a:hover,
#mainContent a:active                  { color: #838281; text-decoration: none; }

/*--------------------------------------
   secContainer
-------------------------------------- */
#secContent                            { float: left; width: 190px; }

/*--------------------------------------
   FONT SIZE
-------------------------------------- */
#font-size                             {
	clear: both;
	width: 190px;
	display: table;
	text-align: right;
	margin-bottom: 10px;
        }
#font-size span                        {
	border: 1px solid #bebdbc;
	padding: 2px 2px 2px 0;
	display: block;
	float: right;
        }
#font-small                            { font-size: 9px; margin: 4px 5px 0 0; }
#font-large                            { font-size: 12px; }
#font-size a:link,
#font-size a:visited                   { color: #1f1a17; text-decoration: none; }
#font-size a:hover,
#font-size a:active                    { color: #838281; text-decoration: none; }

/*--------------------------------------
   newsletter
-------------------------------------- */
#newsletter                            {
	padding: 15px 0;
	margin-bottom: 25px;
	border-top: 1px dashed #bdbcbc;
	border-bottom: 1px dashed #bdbcbc;
	text-align: right;
}
#newsletter p                          {
	font-size: 10px;
	margin-right: 65px;
	margin-bottom: 2px !important;
	margin-bottom: 1px;
}
#newsletter fieldset                   { border: none; }
#newsletter legend                     {
	font: 14px bold Arial, Helvetica, sans-serif;
	color: #1f1a17;
	padding-left: 95px;
	padding-bottom: 3px;
}
input.email                            {
	width: 154px;
	height: 17px;
	padding: 2px 4px 0 4px;
	border: 1px solid #b7b6b5;
	font: 11px normal Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	background: #fff;
}
#newsletter p#newsletter-submit        {
	float: right;
	display: inline;
	margin-right: 0;
	margin-top: -16px;
}
#newsletter p#newsletter-submit input  { vertical-align: middle; }

#newsletter div.feedback               { padding: 10px 0 0 0; }
#newsletter div.feedback p             { margin: 10px 0; padding: 0; font-size: 11px; text-align: center; }

#newsletter a:link,
#newsletter a:visited                  { color: #1f1a17; text-decoration: underline; }
#newsletter a:hover,
#newsletter a:active                   { color: #838281; text-decoration: none; }

/*--------------------------------------*/
.detail                                { clear: both; display: block; margin-top: -5px; }
.detail a:link                         { color: #1f1a17; text-decoration: underline; }
.detail a:visited                      { color: #838281; text-decoration: underline; }
.detail a:hover,
.detail a:active                       { color: #838281; text-decoration: none; }

/*--------------------------------------
   toolTIP - prikaz title atributa
-------------------------------------- */
div#toolTip                            {
	position:absolute;
	z-index:1000;
	background-color:#fff;
	padding: 4px 8px;
        }
div#toolTip em                         { display: none; }