body {

background:#FFF;
margin:0;
height: auto;
display:table;
padding: 0px;
font-family:Tahoma;
}

	  #inner { float: left; overflow: hidden; text-align:center; }
	  #inner div { 
	  float: left; 
	  width: 10px;
	  margin-bottom: -3000px; 
	  padding-bottom: 3000px; 
	  text-align:center;
	  }
	  
	  * html #inner .col2 { width:600px; }
	  
      #inner .col2 { 

	  width: 695px;

	  }
	  
	   * html #inner .col3 { width: 280px; }
	  
      #inner .col3 {
	  padding-top:0px;
	  margin-right: 0;
	  width: 300px; 
	  float: left;
	  background-image:url('../../images/hb08/img_12.gif');
	  background-repeat:repeat-x;
	  background-color:#a9a9a9;
	  	  }

      .clear { 
	  clear: both; padding-top: 10px; 
	  }

* html #page {
border: #c2c2c2 1px solid;
min-width:1000px;
}

#page {
min-width:1000px !ie;
min-width:1005px;
background-color:#FFF;
height:auto;
}


#line {
min-width:1005px;
width:100%;
background-image:url("../../images/hb08/img_01.gif");
background-repeat:repeat;
height: 4px;
display:block;
float:left;
text-align:left;
font-size:2px;
}


/* #################HEADER###############*/

* html  #header { width:1000px; }

#header {
height:126px;
width: 1005px;
float:left;
background-image:url(../../images/hb08/img_02.gif);
background-repeat:repeat;
}

.left {
height:126px;
width: 290px;
display:block;
float:left;
}

.logo {
margin-left:30px;
margin-top:25px;
}

* html .right { width:410px; }

.right {
text-align:left;
height:126px;
width: 415px;
display:block;
float:left;
color: #666;
font-family:Arial;
font-size:18px;
}

.rightText {
margin-left:24px;
margin-top:68px;
display:block;
}

.login {
text-align:left;
height:126px;
width: 299px;
display:block;
float:left;
background-image:url(../../images/hb08/img_06.gif);
}

* html #menuLine { min-width:1000px; }

#menuLine {
min-width:1005px;
width: 100%;
background-image:url(../../images/hb08/img_09.gif);
background-repeat:repeat;
height:38px;
float:left;
}


* html #topSpacer { min-width:1000px; }

#topSpacer {
background-image:url(../../images/hb08/img_11.gif);
min-width:1005px;
width:100%;
height:12px;
background-repeat:repeat;
font-size:5px;
float:left;
}

/* #################END###############*/

/* #################Login###############*/

html * .loginUser { height:14px; width:196px; }

.loginUser {
border:0px;
height: 14px;
width:198px;
margin-top:50px;
margin-left:40px;
background-color:#fff;
color:#999;
font-family:Arial;
font-size:10px;
}

.loginPassword {
border:0px;
height: 14px;
width:196px;
width:196px !ie;
margin-top:10px;
margin-top:8px !ie;
margin-left:40px;
background-color:#fff;
color:#999;
font-family:Arial;
font-size:10px;
}



* html a.forgotPassword { margin-left:25px; }
* html a:hover.forgotPassword { margin-left:25px; }

a.forgotPassword, a:hover.forgotPassword {
color:#000;
font-family: Arial;
font-size:11px;
margin-top:6px;
margin-left:50px;
display:block;
text-decoration:underline;
float:left;
}

a:hover.forgotPassword {
text-decoration:none;
}

.loginButton {
border:0px;
font-family:Arial;
font-size:11px;
color:#cc3300;
font-weight:bold;
margin-top:3px;
margin-left:15px;
background-image:url('../../images/hb08/button.jpg');
width:81px;
height:22px;
}

/* #################END###############*/

/* #################Akcija###############*/

* html .akcija { width:690px; }

.akcija {
background-image:url('../../images/hb08/img_14.gif');
width:700px;
height:148px;
display:block;
text-align:left;
float:left;
}

.akcijaTitle {
font-family:Arial;
font-size:24px;
color:#fff;
text-transform:uppercase;
margin-left:26px;
margin-top:18px;
display:block;
}

.akcijaAbout {
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
margin-left:26px;
margin-top:10px;
display:block;
}

.akcijaText {
font-family:Arial;
font-size:11px;
color:#fff;
margin-left:26px;
margin-top:3px;
margin-right:35px;
display:block;
}

a.akcijaMore, a:hover.akcijaMore {
color: #996666;
font-family:Arial;
margin-left:558px;
margin-top:2px;
font-size:12px;
display:block;
text-decoration:none;
padding-top: 28px;
}

/* #################END###############*/


/* #################Meniu###############*/

* html .menuTitle { margin-bottom:10px; }

.menuTitle, .menuTitleFirst {
background-image:url('../../images/hb08/menubg.gif');
background-repeat:no-repeat;
width:240px;
height:34px;
float:left;
display:block;
text-align:left;
color: #cc0000;
font-family:Arial;
font-size:14px;
font-weight:bold;
padding-left:53px;
padding-top:9px;
margin-left:7px;
margin-top:20px;
}

.menuTitleFirst {
margin-top:10px;
}

a.menuText, a:hover.menuText  {
background: url('../../images/hb08/dot.gif') no-repeat 0px 5px;
height: 14px;
display: block;
width: 220px;
float:left;
text-decoration: none;
font: normal 12px Arial;
color: #666666;
margin-left:31px;
text-align:left;
padding-left:15px;
margin-top:8px;
}

a:hover.menuText {
text-decoration:underline;
}

* html a.topMenu, a:hover.topMenu {
height: 20px;
}

a.topMenu, a:hover.topMenu,  a.topMenuHover  {
background: url('../../images/hb08/topbutton.gif') no-repeat 0px 10px;
height: 21px;
display: block;
width: auto;
float:left;
text-decoration: none;
font: normal 11px Arial;
color: #FFF;
text-align:left;
padding-left:10px;
padding-right:20px;
padding-top:5px;
margin-top:12px;
margin-left:20px;
border-right:#505050 1px solid;
}

* html a.topMenuHover { height:20px; }

* html .whiteLeft { padding-top:13px; }
* html .whiteRight { padding-top:13px; }

a.topMenuHover {
background: url('../../images/hb08/hover.gif') no-repeat 10px 15px;
background-color:#FFF;
float:left;
color: #990000;
margin-top:6px;
padding-left:25px;
padding-right:20px;
padding-top:12px;
margin-left:0px;
height: 20px;
}

.whiteLeft {
background: url('../../images/hb08/lefthover.gif') no-repeat;
background-color:#FFF;
height: 20px;
margin-top:6px;
padding-top:12px;
float:left;
}

.whiteRight {
background: url('../../images/hb08/righthover.gif') no-repeat;
background-color:#FFF;
height: 20px;
margin-top:6px;
padding-top:12px;
margin-left:-1px;
float:left;
width:7px;
}


.begin {
margin-left:20px;
display:block;
float:left;
width:5px;
}

a:hover.topMenu {
background: url('../../images/hb08/hover.gif') no-repeat 0px 10px;
}


/* #################END###############*/

/* #################CONTENT###############*/

* html .titleBackground { width:670px; }


.titleBackground { 
background-image:url('../../images/hb08/img_15.gif');
width:670px;
height:34px;
display:block;
float:left;
color: #cc0000;
font-size:18px;
margin-top:10px;
text-align:left;
}

.titleText {
display:block;
margin-left:50px;
margin-top:5px;
}

a.contentMenuText, a:hover.contentMenuText  {
background: url('../../images/hb08/redot.gif') no-repeat 0px 5px;
font: normal 12px Arial;
height: 14px;
display: block;
width: 500px;
float:left;
text-decoration: none;
color: #000;
margin-left:41px;
text-align:left;
padding-left:15px;
margin-top:8px;
}

a:hover.contentMenuText {
text-decoration:underline;
}

.spacer {
height:1px;
width:670px;
background-color:#e5e5e5;
float:left;
font-size:0px;
display:block;
margin-top:10px;
}

.text {
min-height:100px;
height:auto !important;
height:100px;
width:643px;
float:left;
display:block;
text-align:left;
margin:10px;
font-size:12px;
font-family:Verdana;
}

.text2 {
text-align:left;
font-size:12px;
font-family:Verdana;
color: #403f3f;
font-weight: bolder;
}

.tableTitle
{
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
}
.tableRow
{

}
.tableRowEven
{
	background-color: #ececec;
}

a.content {
	font: normal 12px Verdana;
	color: #000000;
	text-decoration: underline;
}
a.content:hover {
	font: normal 12px Verdana;
	color: #000000;
        text-decoration: none;
        }
a.content:visited {
	font: normal 12px Verdana;
	color: #000000;
	
}

.inputcon
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font: normal 13px Verdana;
	width: 150px;
	height: 20px;
	
}
.textareacon
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font: normal 13px Verdana;
       
}

select
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font: normal 13px Verdana;
}

.buttoncon
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font: normal 13px Verdana;
	width: 50px;
	height: 25px;
	
}

/* #################END###############*/


/* #################RIGHT BLOCK###############*/

.devide {
background:url('../../images/hb08/devider.gif');
height:19px;
width:1px;
font-size:3px;
float:left;
margin-right:12px;
}

a.newslink {
	font-size:11px;
	color: #000000;
	text-decoration: underline;
}
a.newslink:hover {
	font-size:11px;
	color: #000000;
        text-decoration: none;
        }
a.newslink:visited {
	font-size:11px;
	color: #000000;
	
}

.rightBlockNewsTitle {
width: 160px;
display:block;
float:left;
text-align:left;
height: 15px;
color:#000;
font-size:12px;
margin-left:20px;
text-decoration:underline;
}

.rightBlockNewsDate {
font-family:Tahoma;
width: 64px;
display:block;
float:left;
text-align:center;
height: 15px;
color:#FFF;
font-size:10px;
background-color:#cc0000;
}

* html .rightBlockNewsText {
width: 235px;
}

.rightBlockNewsText {
width: 250px;
display:block;
float:left;
text-align:left;
min-height:40px;
height:auto !important;
height:40px;
color:#000;
font-size:11px;
margin-top:5px;
margin-left:20px;

}

a.rightBlockNewsLink, a:hover.rightBlockNewsLink {
color:#cc0000;
text-decoration:none;
width: 250px;
display:block;
float:left;
text-align:right;
font-size:11px;
margin-left:20px;
margin-bottom:10px;
}

a:hover.rightBlockNewsLink {
text-decoration:underline;
}

.rightBlockNewsBanner {
margin-left:20px;
margin-bottom:10px;
text-align:left;
float:left;
}

* html #footer { width:100%; min-width:1000px; }

#footer {
background-color:#f2f2f2;
height:80px;
min-width:1005px;
width:100%;
display:block;
float:left;

}

.footerLeft {
width:700px;
float:left;
}

.footerRight {
width:285px;
float:left;
}

.footerLeftText a, .footerLeftText a:hover, .footerLeftText a:visited {
font-size:11px;
font-family:Arial;
color: #666666;
text-align:left;
text-decoration:none;
display:block;
float:left;
padding-top:10px;
}

.footerLeftText a:hover {
text-decoration:underline;
}


.footerLeftText2 {
font-size:11px;
font-family:Arial;
color: #666666;
text-align:left;
display:block;
float:left;
padding-top:10px;
}

.footerRightText {
font-size:11px;
font-family:Arial;
color: #666666;
text-align:left;
text-decoration:none;
display:block;
float:left;
margin-left:20px;
padding-top:10px;
}


.devideFooter {
margin-top:10px;
background:url('../../images/hb08/devider.gif');
height:12px;
width:1px;
font-size:3px;
float:left;
margin-right:15px;
margin-left:15px;
}

.regLeft {
width:150px;
height:30px;
float:left;
}

.regRight {
width:450px;
height:30px;
float:left;
}

.regRight a, .regRight a:hover {
color:#cc0000;
text-decoration:none;
}

.regInput
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font: normal 13px Verdana;
	width: 150px;
	height: 20px;
	
}

.regMerged {
height:30px;
}

.regMerged a, .regMerged a:hover {
color:#cc0000;
text-decoration:none;
}

.regButton
{
	background-color: #cc0000;
	border: 0px;
	font: normal 13px Verdana;
	color: #FFFFFF;
	width: 200px;
	height: 25px;
	display:block;
  float:left;
  text-align:center;
	margin:10px;
  margin-left:0px;
}

.getButton
{
	background-color: #cc0000;
	border: 0px;
	font: normal 15px Verdana;
	color: #FFFFFF;
	width: 25px;
	height: 24px;
	display:block;
	float:left;
	text-align:center;
	margin:0px;
	margin-left:0px;
        margin-top:2px;
}

.infoForm {
    
    float:left;
    margin-bottom: -30px;
    
}

.idInput
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font: normal 13px Verdana;
	width: 65px;
        float:left;
	height: 20px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top:2px;
	
	
}

.idText {

background: url('../../images/hb08/dot.gif') no-repeat 0px 5px;
height: 14px;
display: block;
float:left;
text-decoration: none;
font: normal 12px Arial;
color: #666666;
margin-left:31px;
text-align:left;
padding-left:15px;
margin-top:6px;
min-height:40px;
height:auto !important;
height:40px;

}

/* min-width */
#MinWidthContainer {
padding-left:1000px;
height: 1px;
}
#MinWidthContainer #PageContainer {
height: 1px;
}
#MinWidthContainer #PageContainer #PageContentContainer {
margin-left:-1000px;
position: relative;
height: 1px;
}