html, body { border: 0; margin: 0; padding: 0;}

body {
	padding: 0 370px 0 370px;
	margin: 0;
	text-align: center;
	background: #fff;
}
		
#sizer {
	margin: 0 auto 0 auto; 
	padding: 0;
	width: 100%;
	max-width: 460px;  /* version for IE is at the bottom of this style block */
	
}

#expander {
	background: white;
	margin: 0 -370px 0 -370px;
	min-width: 740px; /* Critical Safari fix! */
	position: relative;


}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%;
           } 
                 

/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
           
           

#headercontainer  { position : relative;	border : 0px solid white; height : 131px;}	

		
.head_0	 {	position : absolute; display : inline;	float : left;   top:	0px; z-index : 53; left: 0px; width: 135px; height: 131px; padding : 0;	margin : 0; 
                background-image: url(mt/images/logo_r0_c0.gif);}

.head_1	{   position : absolute;  display : inline;  float : left;  top: 0px;  z-index : 50; left : 135px; width: 510px; height: 131px;	padding : 0;	margin : 0;
				background-image: url(mt/images/logo_r0_c1.gif); }

.head_2	{  position : relative; height: 131px;	padding : 0; margin : 0;
	           background-image: url(mt/images/logo_r0_c2.gif); background-repeat: repeat-x;z-index : 49; }

/*.head_0,.head_1,.head_2 {} */


.zzvnapis { 	position : absolute;	left : 25%; /* bolje - se prilagaja */	z-index: 51;	top :  35px;	padding : 0;	}
		

.foto { position : absolute; right : -4px; z-index: 50; top: 25px;height : 94px; margin : 0; padding : 0; }

#topnav2 {	position: absolute;	top: 104px;	left: 215px;	width: 455px;	height: 18px;	z-index : 60; }

#contentcontainer {	z-index : 0;	position : relative; 	top: 0px;	left : 0;	background-color: #eee; }
		
table#contentlayout {  border-style:none; width:100%; background-color:#fff;}

table#contentlayout td#col1 { width:260px; background-color: #fff; }

table#contentlayout td#col2 {background-color: #fff;}
	
table#contentlayout td#col3 {width:250px;background-color: #fff;  }

table#contentlayout td#col1,td#col2,td#col3 { vertical-align:top; border-style:none;}
	
#footercontainer { position:relative; left : 0px;   top : 10px;   height : 71px;   background: url(mt/images/bg_footer.gif) repeat-x top left;   padding: 1px; }

#footer_1 {  float : left;	  padding : 15px;  width : 260px; text-align :center; }

#footer_2 {  float: left; margin-top : 3px; text-align : left; }

#footer_2:after { content: ""; display: block; height: 0; clear: both;}	 
 
#footer_3 {  float:right; margin-top : 10px;  margin-right : 15px;  text-align : left;  }

#footer_1,#footer_2,#footer_3  {  position : relative;   font-size:11px;}	


#nogaCopy {	font-family : Verdana, Arial, Helvetica, sans-serif;	font-size : 10px;	font-weight : normal;	text-align: center;	vertical-align: middle;	height: 14px;
 	background-image:  url(mt/images/background_spodnji.gif); background-repeat: repeat-x;	border: none; }


img.floatLeft { 	float: left;margin: 1px 0px 2px 12px;}
	

<!-- Here we use a conditional comment to give IE/5/6/Win the javascript hack that helps them do max-width -->

<!--[if IE]>
<style type="text/css">
#sizer {
	width:expression(document.body.clientWidth > 1280 ? "460px" : "85%" );
}
</style>
<![endif]-->