/*-----------------------------------------------------
   BASIC
------------------------------------------------------ */
*                                                      { margin: 0; padding: 0; list-style: none; }
body                                                   {
	font: normal 12px/1.5em Arial, Helvetica, sans-serif;
	color: #064892;
	background: #fff url(../images/layout/body-bg.gif) repeat-x;
	text-align: center;
	padding-bottom: 30px;
}

a img                                                  { border: none; }
a, a img,
a:link, a:visited,
a:hover, a:active                                      { outline: none; }
input:focus, textarea:focus,
select:focus { outline: none; } /* Safari Fix. */

/*-----------------------------------------------------
   LAYOUT
------------------------------------------------------ */
#wrapper                                               {
	margin: 0 auto;
	padding-top: 50px;
	width: 960px;
	text-align: left;
	position: relative;
}
	
#header                                                { width: 960px; height: 65px; position: relative; }
#logo                                                  { display: inline; float: left; width: 320px; }
	
/*-----------------------------------------------------
   NAV
------------------------------------------------------ */
#nav                                                   {
	height: 100%;
	overflow: hidden;
	margin: 15px 0;
	clear: both;
}

/*-----------------------------------------------------
   Path
------------------------------------------------------ */
#path                                                  { display: inline; float: left; font-size: 10px; }
#path li                                               {
	float: left;
	padding-right: 10px;
	margin-right: 8px;
	color: #007dc6; 
	background: transparent url(../images/layout/path-arrow.gif) no-repeat right 6px;
}
#path a                                                { color: #007dc6; text-decoration: underline; }
#path a:hover                                          { text-decoration: none; }

/*-----------------------------------------------------
   Options
------------------------------------------------------ */
#options                                               { display: inline; float: right; }
#options a                                             { cursor: pointer; color: #033c7c; text-decoration: none; }
#options a:hover                                       { text-decoration: underline; }

#path li.on                                            { margin: 0; padding: 0; background: none; }
#path li.on a                                          { color: #007dc6; text-decoration: none; }

#options li                                            { float: left; vertical-align: bottom; }
#small, #print, #sitemap                               { margin-left: 15px; }

#sitemap a, #print a                                   { display: block; width: 11px; height: 10px; text-indent: -9999px; }
#sitemap a                                             { background: transparent url(../images/layout/sitemap.gif) no-repeat 0 0; }
#print a                                               { background: transparent url(../images/layout/print.gif) no-repeat 0 0; }

#small                                                 { font-size: .8em; }
#normal                                                { font-size: 1em; margin: -1px 0 0 5px; }
#large                                                 { font-size: 1.3em; margin: -2px 0 0 5px; }

/*-----------------------------------------------------
   CONTAINER - Default
------------------------------------------------------ */
#container                                             { height: 100%; overflow: hidden; }

#mainContentWrapper {
	display: inline;
	float: left;
	width: 480px;
	background: transparent url(../images/layout/maincontent-default-top.gif) no-repeat 0 0;
	padding: 10px 0 0 0;
	margin-right: 20px;
}

#mainContentInner                                      {
	background: transparent url(../images/layout/maincontent-default-bottom.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}
	
#mainContent                                           {
	background: transparent url(../images/layout/maincontent-default-bg.gif) repeat-y 0 0;
	padding: 10px 20px 10px 20px;
	height: 100%;
	overflow: hidden;
}

/*-----------------------------------------------------
   CONTAINER - Wide
------------------------------------------------------ */
.wide #mainContentWrapper                              {
	width: 680px;
	background: transparent url(../images/layout/maincontent-wide-top.gif) no-repeat 0 0;
}
.wide #mainContentInner                                { background: transparent url(../images/layout/maincontent-wide-bottom.gif) no-repeat left bottom; }
.wide #mainContent                                     { 
	background: transparent url(../images/layout/maincontent-wide-bg.gif) repeat-y 0 0;
}

/*-----------------------------------------------------
   BANNERS - rightCol
------------------------------------------------------ */
#banners                                               { display: inline; float: right; width: 260px; }
	
#banners div                                           { margin-bottom: 20px; }
#tel p                                                 { display: none; }
#oneway a                                              { display: block; width: 260px; }
#oneway a span                                         { display: none; }

#oneway a                                              { height: 70px; background: transparent url(../images/layout/najam-vozila-u-jednom-smjeru.gif) no-repeat 0 0; }
#oneway.en a                                           { height: 70px; background: transparent url(../images/layout/najam-vozila-u-jednom-smjeru-en.gif) no-repeat 0 0; }
#oneway.de a                                           { height: 70px; background: transparent url(../images/layout/najam-vozila-u-jednom-smjeru-de.gif) no-repeat 0 0; }
#oneway.fr a                                           { height: 70px; background: transparent url(../images/layout/najam-vozila-u-jednom-smjeru-fr.gif) no-repeat 0 0; }
#oneway.es a                                           { height: 70px; background: transparent url(../images/layout/najam-vozila-u-jednom-smjeru-es.gif) no-repeat 0 0; }
#oneway.ru a                                           { height: 70px; background: transparent url(../images/layout/najam-vozila-u-jednom-smjeru-ru.gif) no-repeat 0 0; }

#banners h3                                            { 
	font: bold 11px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	margin-bottom: -5px;
	background: transparent url(../images/layout/h2-dotted.gif) repeat-x left bottom;
}

#banners img                                           { display: block; margin-top: 22px; }
#banners div img                                       { display: block; margin-top: 0; }

/*-----------------------------------------------------
   FOOTER
------------------------------------------------------ */	
#footer                                                {
	width: 960px;
	height: 50px;
	overflow: hidden;
	margin: 20px 0 25px 0;
	font-size: 11px;
	color: #fff;
	background: transparent url(../images/layout/footer-left-kk.gif) no-repeat 0 0;
}
	
#copyright                                             {
	display: inline;
	float: right;
	width: 260px;
	height: 50px;
	background: transparent url(../images/layout/footer-right.gif) no-repeat 0 0;
	padding: 18px 0 0 0;
	text-align: center;
}
#kartice                                               {
	display: inline;
	float: left;
	width: 680px;
	height: 50px;
	padding: 18px 0 0 20px;
	text-align: left;
}

#development                                           { text-align: center; font-size: 11px;}
#development a                                         { color: #666; text-decoration: underline; }
#development a:hover                                   { text-decoration: none; }

/*Raspadi footera u stranim jezicima*/
#copyright.french, #copyright.spanish                  { padding: 9px 0 0 0; }
#kartice.credito                                       { padding: 9px 0 0 20px; line-height: 1.5em; }