html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0px none; outline: 0; }
html{height:100%; }
body { color: #222; background: #ffffff url('../images/background.jpg') repeat-x top center;  height: 100%; line-height: 1; font-style:normal; font-variant:normal;  font-size:62.5%; font-family:Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;text-align:center;}


#content{
width:950px;
background:#fff;
text-align:left;
position:realtive;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
padding-right:8px;
padding-left:8px;
}

#container
{
float:left;
padding-top:10px;
}

#main_content
{
float:left;
padding-top:10px;
padding-left:40px;
width:620px;
}

#main_content UL
{
padding-left:10px;
}

#main_content UL LI
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
color:#000000;
line-height:1.6em
}




#news_date
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 10px;
color:#000000;
}

h1 {font-size: 26px; color: #000; font-weight: normal; margin: 0 0 14px 0; line-height: 1.2em; letter-spacing: -1px;}
h2 {font-size: 22px; letter-spacing:-1.3px; color: #7e7e7e; font-weight: normal; margin: 15px 0 10px 0; line-height: 1.3em;font-family:'Trebuchet MS';}
h3 {font-size: 24px; color: #000; font-weight: bold; margin: 10px 0 2px 0; padding: 0; border-bottom:#cdcdcd 1px dashed; padding-bottom:4px;font-weight:normal;padding-top:10px;}
h4 {font-size: 110%;/*(13px)*/ color: #006bb5; font-weight: bold; margin: 9px 0 1px 0; padding: 0;}
h5 {font-size: 100%;/*(12px)*/ font-weight: bold;}


#header{
background: #ffffff url('../images/header_bg.gif') no-repeat top right;
width:950px;
float:left;
height:60
}

#footer{
		position: relative;  /* Needed for Safari */
		padding-top: 40px;
		background: #fff;
		text-align:center;
		width:auto;
		height: 50px; /* .push must be the same height as .footer */
     		clear:both;

	}


 #push {
height: 50px;
clear:both;
}

#footer_contents
{
border-top: #cdcdcd double medium;
width:950px;
background-color:#fff;
text-align:center;
padding:8px;
margin: 0 auto;
}

#footer_left
{
float:left;
text-align:left;
color:#474747;
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 11px;
width:470px;
}

#footer_right
{
float:left;
text-align:right;
color:#474747;
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 11px;
width:470px;
}

#footer_right A
{
color:#474747;
text-decoration: underline;
}


#left_column
{
width:280px;
float:left;
}


#mini_modules
{
padding-top:20px;
float:left;
padding-left:10px;
}

#contact_column
{
padding-top:20px;
float:left;
padding-left:10px;
padding-bottom:10px;
color:#000000;
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
line-height:20px;
}

#products
{
width:200px;
padding:1em;
float:left;
}

#products UL
{
font-family: Georgia, Tahoma, sans-serif;
font-size: 13px;
color:#ffffff;
line-height: 16px;
list-style: square inside;
}

#products H5
{
font-family: Georgia, Tahoma, sans-serif;
font-size: 18px;
color:#ffffff;
border-bottom: #cdcdcd 1px dashed;
}



#flash{
width:614px;
float:left;
padding-right:21px;
position:relative;
}

#leader{
width:365px;
height:222px;
float:left;
position:relative;
background: url('../images/leader_bg.jpg') no-repeat bottom center;
}

#leader_blurb{
text-align:left;
top:60px;
padding-left:120px;
padding-right:20px;
float:left;
position:relative;
font-family: Georgia, Tahoma, sans-serif;
font-size: 13px;
color:#3a3a3a;
line-height: 16px;
}



#logo{
float:left;
width:253px;
}

#promo{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 11px;
float:right;
height:40px;
width:300px;
padding: 6px 40px 0 0;
position: relative;
text-align:right;
}

#promo A{
text-decoration: underline;
}
#promo A:hover{
text-decoration: none;
}



/* Menu navigacija */
#divNavMenuBG {width:950px;height:44px; background: url('../images/ulNavMenuPozL.gif') repeat-x; text-align:left; float:left; position:realtive;}
#divNavMenu {  background: url('../images/ulNavMenuPozL.gif') no-repeat; position: relative; height: 44px; z-index: 5; float:left;}
#ulNavMenu { padding-left:5px;font-size: 1.1em; text-transform: uppercase; float: right; background: url('../images/ulNavMenuPozD.gif') no-repeat 100% 0; height: 44px; z-index: 5; padding-right:5px; padding-top:0; padding-bottom:0; width:690px;}
	#ulNavMenu li { display: inline; float: left; height: 44px; background: url('../images/ulNavMenuLiPoz.gif') no-repeat 100% 7px; }
		#ulNavMenu li.liNavMenuPadajuci { background: url('../images/ulNavMenuLiStrPoz.gif') no-repeat 100% 7px; }
		#ulNavMenu li#liNavMenu7 { background: none; }
		#ulNavMenu li a:link, #ulNavMenu li a:visited, #ulNavMenu li a:hover, #ulNavMenu li a:active { display: block; color: #fff; text-decoration: none; padding: 0 0 0 18px; }
			#ulNavMenu li a:link span, #ulNavMenu li a:visited span, #ulNavMenu li a:hover span, #ulNavMenu li a:active span { display: block; padding: 0 18px 0 0; line-height: 44px; }
			#ulNavMenu li a:hover, #ulNavMenu li a:active { color: #fff; background: url('../images/ulNavMenuPozL.gif') no-repeat 0 -44px; }
				#ulNavMenu li a:hover span, #ulNavMenu li a:active span { background: url('../images/ulNavMenuPozD.gif') no-repeat 100% -44px; }
					#ulNavMenu li.liNavMenuPadajuci a:hover span, #ulNavMenu li.liNavMenuPadajuci a:active span { background: url('../images/ulNavMenuPozDStr.gif') no-repeat 100% 0; }
				
				#ulNavMenu li a.aSelektiran:link, #ulNavMenu li a.aSelektiran:visited, #ulNavMenu li a.aSelektiran:hover, #ulNavMenu li a.aSelektiran:active,
				.zaglavlje1 #ulNavMenu li a#aNavMenu1:link, .zaglavlje1 #ulNavMenu li a#aNavMenu1:visited, .zaglavlje1 #ulNavMenu li a#aNavMenu1:hover, .zaglavlje1 #ulNavMenu li a#aNavMenu1:active,
				.zaglavlje2 #ulNavMenu li a#aNavMenu2:link, .zaglavlje2 #ulNavMenu li a#aNavMenu2:visited, .zaglavlje2 #ulNavMenu li a#aNavMenu2:hover, .zaglavlje2 #ulNavMenu li a#aNavMenu2:active,
				.zaglavlje3 #ulNavMenu li a#aNavMenu3:link, .zaglavlje3 #ulNavMenu li a#aNavMenu3:visited, .zaglavlje3 #ulNavMenu li a#aNavMenu3:hover, .zaglavlje3 #ulNavMenu li a#aNavMenu3:active,
				.zaglavlje4 #ulNavMenu li a#aNavMenu4:link, .zaglavlje4 #ulNavMenu li a#aNavMenu4:visited, .zaglavlje4 #ulNavMenu li a#aNavMenu4:hover, .zaglavlje4 #ulNavMenu li a#aNavMenu4:active,
				.zaglavlje5 #ulNavMenu li a#aNavMenu5:link, .zaglavlje5 #ulNavMenu li a#aNavMenu5:visited, .zaglavlje5 #ulNavMenu li a#aNavMenu5:hover, .zaglavlje5 #ulNavMenu li a#aNavMenu5:active,
				.zaglavlje6 #ulNavMenu li a#aNavMenu6:link, .zaglavlje6 #ulNavMenu li a#aNavMenu6:visited, .zaglavlje6 #ulNavMenu li a#aNavMenu6:hover, .zaglavlje6 #ulNavMenu li a#aNavMenu6:active
				{ color: #fff; background: url('../images/ulNavMenuPozL.gif') no-repeat 0 -44px; }
				
					#ulNavMenu li a.aSelektiran:link span, #ulNavMenu li a.aSelektiran:visited span, #ulNavMenu li a.aSelektiran:hover span, #ulNavMenu li a.aSelektiran:active span,
					.zaglavlje1 #ulNavMenu li a#aNavMenu1:link span, .zaglavlje1 #ulNavMenu li a#aNavMenu1:visited span, .zaglavlje1 #ulNavMenu li a#aNavMenu1:hover span, .zaglavlje1 #ulNavMenu li a#aNavMenu1:active span,
					.zaglavlje2 #ulNavMenu li a#aNavMenu2:link span, .zaglavlje2 #ulNavMenu li a#aNavMenu2:visited span, .zaglavlje2 #ulNavMenu li a#aNavMenu2:hover span, .zaglavlje2 #ulNavMenu li a#aNavMenu2:active span,
					.zaglavlje3 #ulNavMenu li a#aNavMenu3:link span, .zaglavlje3 #ulNavMenu li a#aNavMenu3:visited span, .zaglavlje3 #ulNavMenu li a#aNavMenu3:hover span, .zaglavlje3 #ulNavMenu li a#aNavMenu3:active span,
					.zaglavlje4 #ulNavMenu li a#aNavMenu4:link span, .zaglavlje4 #ulNavMenu li a#aNavMenu4:visited span, .zaglavlje4 #ulNavMenu li a#aNavMenu4:hover span, .zaglavlje4 #ulNavMenu li a#aNavMenu4:active span,
					.zaglavlje5 #ulNavMenu li a#aNavMenu5:link span, .zaglavlje5 #ulNavMenu li a#aNavMenu5:visited span, .zaglavlje5 #ulNavMenu li a#aNavMenu5:hover span, .zaglavlje5 #ulNavMenu li a#aNavMenu5:active span,
					.zaglavlje6 #ulNavMenu li a#aNavMenu6:link span, .zaglavlje6 #ulNavMenu li a#aNavMenu6:visited span, .zaglavlje6 #ulNavMenu li a#aNavMenu6:hover span, .zaglavlje6 #ulNavMenu li a#aNavMenu6:active span
					{ background: url('../images/ulNavMenuPozD.gif') no-repeat 100% -44px; }
					
					#ulNavMenu li.liNavMenuPadajuci a.aSelektiran:link span, #ulNavMenu li.liNavMenuPadajuci a.aSelektiran:visited span, #ulNavMenu li.liNavMenuPadajuci a.aSelektiran:hover span, #ulNavMenu li.liNavMenuPadajuci a.aSelektiran:active span,
					.zaglavlje3 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu3:link span, .zaglavlje3 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu3:visited span, .zaglavlje3 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu3:hover span, .zaglavlje3 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu3:active span,
					.zaglavlje4 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu4:link span, .zaglavlje4 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu4:visited span, .zaglavlje4 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu4:hover span, .zaglavlje4 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu4:active span,
					.zaglavlje5 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu5:link span, .zaglavlje5 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu5:visited span, .zaglavlje5 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu5:hover span, .zaglavlje5 #ulNavMenu li.liNavMenuPadajuci a#aNavMenu5:active span
					{ background: url('../images/ulNavMenuPozDStr.gif') no-repeat 100% 0; }
	
	/* 2. razina */
	#ulNavMenu li ul { display: none; text-transform: none; width: 190px; height: auto; border: 1px solid #e7edf4; border-top: none; }
	#ulNavMenu li ul li { display: block; float: none; height: auto; background: #093F8F; width: 190px; }
	#ulNavMenu li ul li a:link, #ulNavMenu li ul li a:visited, #ulNavMenu li ul li a:hover, #ulNavMenu li ul li a:active { padding: 7px 10px; width: 170px; vertical-align: bottom; }
	#ulNavMenu li ul li a:hover, #ulNavMenu li ul li a:active { background: #3a65a4; }
    #ulNavMenuUsluge { position: absolute; top: 44px; left: 409px; }
    #ulNavMenuProizvodi { position: absolute; top: 44px; left: 541px; }
    #ulNavMenuReference { position: absolute; top: 44px; left: 663px; }
    #ulNavMenuReference2 { position: absolute; top: 44px; left: 765px; }
    #ulNavMenu li:hover ul, #ulNavMenu li.liPadajuci ul { display: block; }
 
#h_news	{position: relative; float: left; display: inline; width: 280px; padding: 20px 0 0 14px; font-family: arial; font-size: 100%; line-height: 1.8em;}
#h_news h2 {margin: 0px 0 15px 26px; color: #006bb5; font-weight: bold;padding-top:10px;}
#h_news ul {list-style-type: none;}
#h_news ul li {padding: 0; margin: 0; height: 1%;}
#h_news ul li a {font-size: 90%; color: #2e2e2e; text-decoration: none; background: #fff; display: block; border-bottom: 1px solid #e2e2e2; padding: 7px 5px 7px 7px; line-height: 1.54em;}
#h_news ul li.clean a {border-bottom: none;}
#h_news ul li a:hover {background: #f2f2f2;}
#h_news .date {float: left; color: #999;}
#h_news .item {margin-left: 70px;}

#h_nav	{position: relative; float: left; display: inline; width: 270px; padding: 0px 0 0 14px; font-family: 'Trebuchet MS'; font-size: 100%; line-height: 1.8em;}
#h_nav h2 {margin: 10px 0 15px 26px; color: #006bb5; font-weight: bold;}
#h_nav ul {list-style-type: none;}
#h_nav ul li {padding: 0; margin: 0; height: 1%;}
#h_nav ul li a {font-size: 13px; color: #134A9A; background:#fff; text-decoration: none; display: block; border-bottom: 1px solid #e2e2e2; padding: 7px 5px 7px 7px; line-height: 1.54em;}
#h_nav ul li.clean a {border-bottom: none;}
#h_nav ul li a:hover {background: #ececec;}
#h_nav .item {margin-left: 5px;}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:130% 'Trebuchet MS',arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 20px 0 0 0;
  border-color: #cdcdcd;
  border-width: 1px;
  border-style: solid;
}



form fieldset legend {
	font-size:1.3em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px;  
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding: 0 10px;
}

form label#product { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px;  
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding: 15px 10px 0px 0; 
}

form label#total { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 75px;  
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding: 0px 10px 0px 350px; 
}



form input, form textarea, form select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */

}
form input#calculatedTotal{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:75px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#product{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:20px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */

}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#verify_image
{
border:#cdc 1px solid;
margin-top: 6px;
margin:5px 0 0 10px;
}

#form_send
{margin: 0 0 5px 155px; }

#main_content P
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
color:#000000;
line-height:1.6em
padding-top: 40px;
}

#main_content P
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
color:#000000;
line-height:1.4em;
padding-top:15px;
}

#main_content UL
{
padding-top:15px;
padding-left:40px;
padding-bottom:15px;
}

#main_content A
{
color:#154899;
}

#main_content H5
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 17px;
letter-spacing:-1px;
color:#000000;
font-weight:normal;
padding-top:15px;
}

#port_wrapper
{
width:auto;
padding-top:8px;
clear:both;
float:left;
}

#port_main_image
{
position:relative;
float:left;
padding: 4px;
border: 1px #777 solid;
margin: 3px;

}

#port_div
{
border-bottom: 1px #000000 dashed;
clear:both;
padding-top:5px;
margin-bottom:5px;
padding-bottom:5px;
}

#port_description
{
float:left;
padding-left:8px;
width:400px;
}

#port_thumbs
{
clear:both;
padding: 8px 8px 8px 158px;
text-align:left;
width:auto;
background:#000;
}

#port_thumb
{
float:left;
padding: 4px;
border: 1px #777 solid;
margin: 3px;
}

#carrier
{
width:280px;
text-align:center;
padding-top:20px;
padding-left:10px;
}

.pdf_header
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
font-weight:bold;
letter-spacing:0px;
color: #ffffff; 
}
.pdf_link
{
font-family: Trebuchet MS, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
font-weight:bold;
letter-spacing:0px;
color: #000; 
}
#pdf_icon
{
padding:4px;
float:left;
}

#pdf_text
{
padding:5px;
float:left;
}