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

body                                   {
	font: normal .6em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #404040;
	text-align: center;
	padding: 10px 0;
	}


a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; }
br.clear { line-height: 0; height: 0; clear: both; }
#print-logo,
#basic-contact-print { display: none; }

#header a,
#product-tour a { color: #797979; text-decoration: none; }
#header a:hover,
#product-tour a:hover { color: #ffcb09; text-decoration: none; }
/*--------------------------------------
   INTRO
-------------------------------------- */
body#intro { background: #000; padding-top: 100px; }
#intro #wrapper { width: 550px; padding: 2px; text-align: center; }
#intro #flash {
	width: 550px;
	height: 400px;
	position: relative;
	top: 0;
	left: -7px;
	right: 0;
	bottom: 0;
	padding: 0;
	}
	
#intro #wrapper a:link,
#intro #wrapper a:visited { color: #797979; text-decoration: none; }	
#intro #wrapper a:hover,	
#intro #wrapper a:active { color: #ffcb09; text-decoration: none; }

.noscript { padding: 60px 0; text-align: center; }
#product-tour .noscript { padding: 30px 0 0 0; text-align: left; }
.noscript a:link,
.noscript a:visited { color: #797979; text-decoration: none;  }
.noscript a:hover,
.noscript a:active { color: #ffcb09; text-decoration: none; }
/*--------------------------------------
   LAYOUT
-------------------------------------- */
#wrapper {
	width: 982px;
	margin: 0 auto;
	text-align: left;
	}	
	
#header {
	width: 982px;
	height: 317px;
	background: transparent url(../images/layout/header.gif) no-repeat 0 0;
	position: relative;
	}	
	
#logo {
	display: block;
	position: absolute;
	width: 125px;
	height: 75px;
	text-indent: -9999px;
	top: 30px;
	left: 65px;
	}	
	
#basic-contact {
	text-align: right;
	width: 175px;
	position: absolute;
	top: 250px;
	left: 10px;
	font-size: .9em;
	color: #797979;
	line-height: 1.5em;
	}	
	
#basic-contact span { display: block; }	

#flash {
	width: 720px;
	height: 245px;
	position: absolute;
	bottom: -8px;
	right: 10px;
	}	
	
#headerFlash,
#headerFlash2,
#headerFlashEN,
#headerFlashEN2 { position: absolute; top: 0; left: 0; }
	
/*--------------------------------------
   CONTAINER
-------------------------------------- */	
#container {
	background: transparent url(../images/layout/container-top.gif) no-repeat left top;
	width: 982px;
	height: 100%;
	overflow: hidden;
	}	
	
/*--------------------------------------
   leftCol
-------------------------------------- */	
#leftCol {
	display: inline;
	float: left;
	width: 240px;
	margin: 0 0 0 10px;
	text-align: right;
	}

#leftCol a:link,	
#leftCol a:visited { color: #797979; text-decoration: none; }

#leftCol a:hover,	
#leftCol a:active { color: #ffcb09; text-decoration: none; }

#leftCol ul { padding-right: 70px; }

/*--------------------------------------
   leftCol / Language
-------------------------------------- */
#language { padding-top: 25px; margin-bottom: 53px; height: 15px; }
#language li { display: inline; margin-left: 10px; }
#language a.on:link,
#language a.on:visited { color: #666666; font-weight: bold; }

/*--------------------------------------
   leftCol / menuHome
-------------------------------------- */
#menuHome {
	background: transparent url(../images/layout/hr-siva.gif) no-repeat left bottom;
	padding: 0 70px 12px 0;
	margin: 0 0 10px 0;
	}
	
#leftCol #menuHome a.on:link,
#leftCol #menuHome a.on:visited { color: #ffcb09; text-decoration: none; font-weight: bold; }

/*--------------------------------------
   leftCol / mainMenu
-------------------------------------- */
#mainMenu {
	background: transparent url(../images/layout/hr-siva.gif) no-repeat left bottom;
	padding-bottom: 17px;
	margin: 0 0 10px 0;
	}
	
#mainMenu li { margin-bottom: 4px; }

#leftCol #mainMenu a.on:link,
#leftCol #mainMenu a.on:visited { color: #ffcb09; text-decoration: none; font-weight: bold; }

/*--------------------------------------
   leftCol / trigger-menu
-------------------------------------- */
#trigger-menu { padding-bottom: 165px; }
#trigger-menu li { margin-bottom: 4px; }

#leftCol #trigger-menu a.on:link,
#leftCol #trigger-menu a.on:visited { color: #ffcb09; text-decoration: none; font-weight: bold; }
	
/*--------------------------------------
   mainContainer
-------------------------------------- */	
#mainContainer {
	width: 472px;
	display: inline;
	float: left;
	margin: 41px 0 0 0;
	}
	
#mainContent {
	background: transparent url(../images/layout/maincontainer-bottom.gif) no-repeat left bottom;
	padding: 15px 80px 40px 35px;
	line-height: 2em;
	}	
	
#print {
	clear: both;
	margin-bottom: 20px;
	width: 390px;
	height: 17px;
	position: relative;
	}	
	
#print a {
	display: block;
	width: 22px;
	height: 17px;
	background: transparent url(../images/layout/print.gif) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	}
	
		
/*--------------------------------------
   TYP.
-------------------------------------- */	
	
#mainContent p,
#mainContent ol,
#mainContent ul { margin: 10px 0; }	

#mainContent ol,
#mainContent ul { padding-left: 10px; }

#mainContent ol li { list-style: outside decimal; margin-left: 25px; }
#mainContent ul li {
	padding-left: 15px;
	background: transparent url(../images/layout/bullet.gif) no-repeat 0 9px;
	}
	
#mainContent h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 30px 0 10px 0;
	}	
	
#mainContent h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
	margin: 20px 0 10px 0;
	}
	
#mainContent h4,
#mainContent h5,
#mainContent h6 {
	font-size: .9em;
	font-weight: bold;
	margin: 10px 0;
	}			
#mainContent img { margin: 5px 0; }	
blockquote {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
}

.description {
	font-size: .9em;
	font-weight: bold;
	}
	
#pdf {
	color: #ffcb09;
	padding-left: 10px;
	}	
	
#mainContent a:link,	
#mainContent a:visited { color: #ffcb09; text-decoration: underline; }
#mainContent a:hover,	
#mainContent a:active { color: #cbcbcb; text-decoration: underline; }

#mainContent a.detaljnije:link,
#mainContent a.detaljnije:visited { color: #797979; text-decoration: underline; }
#mainContent a.detaljnije:hover,	
#mainContent a.detaljnije:active { color: #cbcbcb; text-decoration: underline; }

#mainContent .description a,
#mainContent .description a:link,
#mainContent .description a:visited {
	color: #fff;
	font-style: italic;
	display: block;
	float: left;
	clear: both;
	background: transparent url(../images/layout/bullet-primjeri.gif) no-repeat 0 3px;
	padding: 0 0 0 20px;
	}	
	
#mainContent .description a:hover,	
#mainContent .description a:active { color: #cbcbcb; text-decoration: underline; }


/*--------------------------------------
   rightCol
-------------------------------------- */
#rightCol {
	display: inline;
	float: left;
	width: 215px;
	margin: 8px 0 0 0;
	padding: 0 0 0 20px;
	}	
	
#product-tour {
	width: 215px;
	height: 185px;
	position: relative;
	left: -20px;
	}
	
#izdvojeno {
	width: 176px;
	}
	
#izdvojeno h2 {
	width: 146px;
	height: 21px;
	padding: 13px 0 0 30px;
	background: transparent url(../images/layout/maincontainer-h1.gif) no-repeat 0 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fdca09;
	}	
	
#izdvojeno ul {
	background: transparent url(../images/layout/izdvojeno-bottom.gif) no-repeat left bottom;
	padding: 12px 15px 20px 15px;
	}	
	
#izdvojeno ul li {
	border-bottom: 1px solid #999999;
	padding: 5px 2px 7px 2px;
	}
	
#izdvojeno a:link,
#izdvojeno a:visited { color: #999999; text-decoration: none; }		
#izdvojeno a:hover,
#izdvojeno a:active { color: #999999; text-decoration: underline; }

/*--------------------------------------
   REFERENCE
-------------------------------------- */	
#referenceLink {
	display: block;
	width: 83px;
	height: 25px;
	background: transparent url(../images/layout/reference-link-bg.gif) no-repeat 0 0;
	font-weight: bold;
	text-decoration: none;
	color: #fdca09;
	padding: 9px 0 0 45px;
	margin: 15px 0 15px 0;
	}
	
#referenceLink:hover { text-decoration: underline;  }			

/*--------------------------------------
   FOOTER
-------------------------------------- */	
#footer {
	width: 982px;
	background: transparent url(../images/layout/footer.gif) no-repeat 0 0;
	text-align: center;
	padding: 60px 0 5px 0;
	color: #7b7b7b;
	}
	
#footer a:link,
#footer a:visited { color: #7b7b7b; text-decoration: underline; }
#footer a:hover,
#footer a:active { color: #fff; text-decoration: underline; }	

#footer a.wem:link,
#footer a.wem:visited,
#footer a.wem:hover,
#footer a.wem:active { color: #7b7b7b; text-decoration: none; }