html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*remember to define focus styles! */
:focus {
	outline: 0;
}

/*remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/*tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clears all floated elements */
.clearfloats {
  clear:both;
}
/* end clear floats */

/*PNG FIX za IE6 */
img, div, a { behavior: url(iepngfix.htc) }
/*Meni hover fix za IE6 */
body{behavior:url(cssHoverFix.htc);}

/* Pocetak CSS-a */
body {
  font-size:100%;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  background:#c6c6c6 url(images/onsite/background-sivo.gif) no-repeat top center;
}

#page {
	width:992px; 
	margin:0px auto; 
	text-align:center; 
}

#header {
  height:160px;
  width:992px;
  background:url(images/onsite/topbg-sivo.gif);
  text-align:left;
}

#logo {
  margin-left:0px;
  margin-top:0px;
  width:498px;
  height:160px;
  float: left;
}


/* TOP NAVIGATION BAR */
#nav {
  width:494px;
  float:left;
  margin-top:105px;
}

#nav-menu-left {
  background:url(images/onsite/navbar-left-sivo.gif) no-repeat top left;
  width:27px;
  height:55px;
  float: left;
}
#nav-menu-right {
  background:url(images/onsite/navbar-right-sivo.gif) no-repeat top left;
  width:27px;
  height:55px;
  float: left;
}

#nav-menu {
  background:url(images/onsite/navbar-bg-sivo.gif) repeat-x top left;
  height:55px;
  width:440px;
  float: left;
}

#nav-menu ul {
  list-style:none;
}
  
#nav-menu ul a {
  background-image: url(images/onsite/navbar-divider-sivo.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 12px;
  padding-left: 12px;
  padding-top:5px;
  display: block;
  line-height: 50px;
  text-decoration: none;
  text-shadow:1px 1px 1px #FFF;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #990000;
}
	
#nav-menu ul a:hover {
  	text-decoration:underline;
	color:#000099;
}
 
#nav-menu li {
  float:left;
}

#nav-menu li:hover ul {
	width:200px;
	left:auto;
}

#nav-menu li ul {	
	left:-9999px;
	position:absolute;
}

#nav-menu ul ul a{
  	background:url(images/onsite/navbar-secondary-bg-sivo.gif);
  	height:30px;
  	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	padding-left:10px;
	display:block;
	line-height:30px;
	width:200px;
  	text-decoration: none;
  	text-shadow:1px 1px 1px #FFF;
	color: #990000;
}

/* END NAVIGATION BAR */

/* Slika banner */
#header2 {
  background:url(images/onsite/header.gif) no-repeat top left;
  width:992px;
  height:298px;
  overflow:hidden;
}

/* end Slika banner */


/* first content section, lighter green area */
#content {
  background:#c6c6c6 url(images/onsite/body-bg-sivo.gif) no-repeat top left;
  width:100%;
  min-height:300px;
  float:left;
  text-align:left;
  padding-top:35px;
  padding-bottom:20px;
  overflow:hidden;
}

#content h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#990000;
  	padding-left:20px;
  	text-shadow:1px 1px 2px #fff;
	margin-bottom:15px;
}

#content p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
  	color:#990000;
  	text-align:justify;
  	margin-top:10px;
  	padding-bottom:10px;
}

#content ul {
	line-height:14px;
		}
	
#content li {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-left:60px;
	color:#990000;
}
	
.content-padding {
  padding:0px 60px 0px 60px;
}

.content-padding2 {
  padding:0px 20px 0px 20px;
}

.content-padding a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
  	text-shadow:1px 1px 1px #104D00;
}

.content-padding a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
  color:#FFF;
  text-decoration:none;
  text-shadow:0px 0px 3px #FF0000;
}

#tablica {
	width:415px;
	height:150px;
	float:left;
	background:url(images/col-bg-sivo.png);
	margin-left:10px;
	margin-right:10px;
}

#tablica-tekst {
	width:268px;
	height:150px;
	float:left;
}

.tablica-slika {
    display: table;
    width: 130px;
    height: 150px;
	#position: relative; 
}

.wraptocenter{
	#position: absolute;  
	#top: 50%;
	display: table-cell; 
	width:130px;
	vertical-align: middle;
	text-align:right;
}

.wraptocenter_ie{
	#position: relative;  
	#top: -50%;
}

#tablica-tekst h2 {
	margin-left:30px;
	margin-top:20px;
	width:230px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#990000;
}

#tablica-tekst p {
	position:relative;
	margin-left:30px;
	margin-top:10px;
	width:230px; 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
}

#content-padding-left {
	margin-top:30px;
	float:left;
	width:300px;
	height:230px;
}

#content-padding-right {
	width:570px;
	height:230px;
	float:left;
	margin-top:30px;
	background-image:url(images/col-bg-h230.png);
}

#tablica2-tekst {
	width:320px;
	height:150px;
	float:left;
}

.tablica2-slika {
    display: table;
    width: 225px;
    height: 230px;
	#position: relative; 
}

.wraptocenter2{
	#position: absolute;  
	#top: 50%;
	display: table-cell; 
	width:223px;
	vertical-align: middle;
	text-align:right;
}

.wraptocenter2_ie{
	#position: relative;  
	#top: -50%;
}

#tablica2-tekst h2 {
	margin-left:30px;
	margin-top:30px;
	width:275px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#990000;
}

#tablica2-tekst p {
	position:relative;
	margin-left:30px;
	margin-top:20px;
	width:275px; 
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
}
	
/* end content 1 section */

/* image that divides the two different colored content sections */
#body-divider {
  background:#1D5600 url(images/onsite/body-divider-sivo.gif) no-repeat top left;
  width:992px;
  height:23px;
  float:left;
}
/* end content divider */

/* darker green content section, "content 2" */
#content2 {
  width:992px;
  min-height:250px;
  background:#999999;
  text-align:left;
  padding-top:0px;
  padding-bottom:0px;
  float:left;
}

#content2 p {
  font:14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFF;
  text-align:justify;
  padding-bottom:10px;
}

#content2 h2,h3,h4,h5,h6 {
  background:#999999 url(images/onsite/headline-arrow-sivo.gif) no-repeat top left;
  font:normal 25px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  line-height:25px;
  color:#990000;
  text-shadow:1px 1px 2px #000;
  padding-bottom:10px;
  padding-left:30px;
  text-decoration:none;
}

.content2-block {
  width:274px;
  float:left;
}

.content2-block p {
  text-align:left;
  margin-top:10px;
}

.content2-block img {
	margin: 0px auto; 
	margin-top:10px;
	float:left;
}

.content2-block ul {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:14px;
	margin-top:10px;
		}
	
.content2-block li {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	margin-left:30px;
	color:#FFFFFF;}

.content2-block a {
  font:14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFF;
  text-decoration:none;
}

/* end content 2 */

  /* three column area, vertical dotted divider */
  .content-divider {
    background:url(images/onsite/content-divider-sivo.gif) no-repeat top center;
    width:2px;
    height:274px;
    float:left;
    padding:0px 30px 0px 30px; 
  }
  /* end divider */

/* footer of page */
#footer {
  float:left;
  padding-top:15px;
  width:992px;
  height:30px;
  background:url(images/onsite/footer-div-sivo.gif) top left;
  text-align:center;
}

#footer p {
  font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFF;
}

#footer a {
  font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color:#FFF;
}
/* end footer */

img.centar {
    display: block;
    margin-left: auto;
    margin-right: auto; }
	
img.floatleft {
	float: left;
	margin-right:20px; }