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; font-weight: inherit;}
html{height:100%; }
.body_main { color: #222; background: #ffffff url('../images/top_bg.jpg') repeat-x top center;  height: 100%; line-height: 1; font-style:normal; font-variant:normal; font-weight:normal; font-size:62.5%; font-family:Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;text-align:center;}
.body_sub { color: #222; background: #ffffff url('../images/top_bg2.jpg') repeat-x top center;  height: 100%; line-height: 1; font-style:normal; font-variant:normal; font-weight:normal; font-size:62.5%; font-family:Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;text-align:center;}


#content{
width:1000px;
text-align:left;
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -242px;
}

#main_content{
width:665px;
text-align:left;
position:realtive;
float:left;
padding: 20px 30px 20px 30px;
}

#main_content UL{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
color:#000000;
line-height: 19px;
padding-top:18px;
margin-left:40px;
}

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

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



#right_column{
width:275px;
text-align:left;
position:realtive;
float:left;
padding: 25px 0 20px 0px;
}

#header{
height:168px;
width:1000px;
}

#footer{
		position: relative;  /* Needed for Safari */
		padding: 10px;
		background: #d54779;
		text-align:center;
		width:auto !important;
		height: 242px; /* .push must be the same height as .footer */
		clear:both;
	}

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

#footer_contents
{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align:left;
}

#footer_background
{
background: #D54779 url('../images/bottom_background.jpg') no-repeat top center;
text-align:left;
width:213px;
height:230px;
float:left;
padding-left:5px;
padding-right:5px;
}

#did_you
{
background: #D54779;
text-align:left;
width:263px;
height:222px;
float:left;
padding-left:45px;
padding-top:10px;
}

#did_you h4
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 18px;
color:#ffffff;
}

#did_you P
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
color:#ffffff;
}

#did_you A
{
color:#ffffff;
font-style:italic;
font-size:11px;
}

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

#mini_boxes UL
{
margin-top:10px;
font-family: Georgia, Tahoma, sans-serif;
font-size: 12px;
color:#5faf26;
line-height: 22px;
list-style: square inside;
}

#mini_boxes UL.blog_preview
{
margin-top:10px;
font-family: Georgia, Tahoma, sans-serif;
font-size: 12px;
color:#5faf26;
line-height: 16px;
list-style: square inside;
}

.software_cells
{
line-height:15px;
font-family: 'Trebuchet MS', Georgia, Tahoma, sans-serif;
font-size: 12px;
color:#000000;
padding:3px;
}

.software_input_y{
font-family: 'Trebuchet MS', Georgia, Tahoma, sans-serif;
font-size: 12px;
color:#000000;
background:yellow;
width:35px;
border: #656565 1px solid;
}

.software_input_w{
font-family: 'Trebuchet MS', Georgia, Tahoma, sans-serif;
font-size: 12px;
color:#000000;
background:white;
width:35px;
border: #656565 1px solid;
}

.software_heading
{
line-height:22px;
font-family: 'Trebuchet MS', Georgia, Tahoma, sans-serif;
font-size: 22px;
color:#000000;
padding:3px;
}

#mini_links
{
color:#3f3f3f;
text-decoration:none;
}

#mini_links:hover
{
color:#3f3f3f;
text-decoration:underline;
}

#footer_content
{
padding:22px;
}

#mini_boxes H4
{
font-family: Georgia, Tahoma, sans-serif;
font-size: 16px;
font-weight:bold;
color:#D54779;
border-bottom: #D54779 1px dashed;
letter-spacing:-1px;
}

#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:70px;
padding-left:120px;
padding-right:20px;
float:left;
position:relative;
font-family: Georgia, Tahoma, sans-serif;
font-size: 13px;
color:#3a3a3a;
line-height: 16px;
}

#more A {
font-family: Georgia, Tahoma, sans-serif;
font-size: 13px;
color:#A51550;
line-height: 22px;
font-weight:bold;
text-align:right;
width:200px;
}

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

#promo{
float:left;
height:80px;
width:614px;
top:5px;
position: relative;
text-align:right;
}


/* Menu navigacija */
#divNavMenu { float: left; background: url('../images/ulNavMenuPozL.gif') no-repeat; top:43px; position: relative; height: 44px; z-index: 5; text-align:left; }
#ulNavMenu { font-size: 1.1em; text-transform: uppercase; float: left; background: url('../images/ulNavMenuPozD.gif') no-repeat 100% 0; height: 44px; z-index: 5; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:0 }
	#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: #000; 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: #000; 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: #6CBB35; 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: #91d95f; }
    #ulNavMenuUsluge { position: absolute; top: 44px; left: 159px; }
    #ulNavMenuProizvodi { position: absolute; top: 44px; left: 281px; }
    #ulNavMenuReference { position: absolute; top: 44px; left: 435px; }
    #ulNavMenu li:hover ul, #ulNavMenu li.liPadajuci ul { display: block; background: red; }

#h_news	{position: relative; float: left; display: inline; width: 260px; padding: 0px 0 0 14px; font-family: 'Trebuchet MS'; font-size: 100%; line-height: 1.8em;}
#h_news h2 {margin: 10px 0 15px 26px; color: #006bb5; font-weight: bold;}
#h_news ul {list-style-type: none;}
#h_news ul li {padding: 0; margin: 0; height: 1%;}
#h_news ul li a {font-size: 13px; color: #D54779; background:#fff; text-decoration: none; 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: #ececec;}
#h_news .item {margin-left: 5px;}
 
.commentbox{
background-color: #d3f3bd;
width: 100%;
padding: 10px;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 14px;
line-height:16px
}


.commentfooter{
background: url('../images/arrow.gif') no-repeat 20px 0; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
color: #000000;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 12px;
line-height:17px;
}

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

ol{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
color:#000000;
line-height: 19px;
padding-top:18px;
margin-left:40px;
}

#testimonial
{
background:url('../images/testimonial_background.jpg') no-repeat;
height:200px;
width:613px;
float:right;
margin-right:22px;
}

#great_training
{
height:200px;
width:365px;
float:right;
}

#testimonial_content
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px; 
color: #D54779; 
line-spacing:16px;
padding:15px;
}

#testimonial_content A
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 15px; 
color: #D54779; 
line-spacing:16px;
}

#testimonial_writeup
{
font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #000000; 
line-height:17px;
padding-top:12px;
letter-spacing:0px;
}

#testimonial_who
{
font-family: Georgia, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px; 
color: #0d366c; 
line-spacing:18px;
padding-top:12px;
letter-spacing:0px;
}

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:0px 0 0 10px;
}

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

#product_descrip{
padding:20px;
width:350px;
float:left;
}

#product_descrip P{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 12px;
color:#000000;
line-height: 14px;
}

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

.article_blurb
{
margin-top:-10px;
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
color:#000000;
}

#errorMessage
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 18px;
}

#successMessage
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 18px;
}

#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;
}

#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;
}

#contact_column {
text-align:left;
position:relative;
float:left;
padding: 10px;
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 13px;
font-style:normal;
color:#000000;
line-height:18px;
}

H2{
font-size:34px;
letter-spacing:-1px;
}

H5{
font-size:16px;
padding-top:5px;
line-height:21px;
color:#424242;
}