html, body{ 
 margin:0;
 margin-top:10px; 
 padding:0; 
 text-align:center; 
 background-color:#FFF; 
 color:#464646;
 font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:85%;
 } 

h1 {color:#D6252B; font-weight:bold; font-size:130%; margin:0; padding:10px 0px;}
h2 {color:#D6252B; font-weight:bold; font-size:120%; margin:0; padding:0px 0px 3px 0px; border-bottom:1px dashed #CCC;}
h3 {color:#D6252B; font-weight:normal; font-size:120%; margin:0; padding:4px 0px;}
h4 {color:#D6252B; font-weight:bold; font-size:120%; margin:5px 0px 10px 0px; padding:4px 0px; border-bottom:1px solid #CCC;}

A {color:#D6252B; text-decoration:underline;}
A:HOVER {color:#FF6600; text-decoration:none;}

UL LI {margin-bottom:3px;}
OL LI {margin-bottom:3px;}
#pagewidth{ 
 width:965px;  
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 height: 100%;display:table;
 height:600px;
} 

#header{
 position:relative; 
 height:180px; 
 background-color:#FFF; 
 width:100%;
} 
 
#leftcol{
 width:210px; 
 float:left; 
 position:relative; 
 background-color:#B5B6B6; 
 background-image: url(images/leftcol-bg.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 margin-top:2px; margin-right:1px;
 padding-bottom:175px;
 height: 100%;
}

#leftcol img {margin-bottom:-1px;}
 
#maincol{background-color: #FFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:754px; 
 margin-top:2px;
 height: 100%;
 }
#maincoltop {
 height:12px;
 width:754px;
 padding:0; margin:0;
}
#maincolheadline {
 background-image: url(images/content-bg-headline.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 border-left:1px solid #AFAFB6;
 border-right:1px solid #AFAFB6;
 padding:5px 20px 20px 20px;
 width:712px;
}
#maincolheadcon {
 border-left:1px solid #AFAFB6;
 border-right:1px solid #AFAFB6;
 border-bottom:1px solid #AFAFB6;
 padding:0px;
 width:752px;
 float:left;
 display:inline;
 position: relative; 
}
#maincolcontent {
 border-left:1px solid #AFAFB6;
 border-right:1px solid #AFAFB6;
 border-bottom:1px solid #AFAFB6;
 padding:20px;
 width:712px;
 float:left;
 display:inline;
 position: relative; 
}
#headbox1 {
 width:336px;
 padding: 10px 20px;
 float:left; display:inline;position: relative; 
}
#headbox2 {
 width:335px;
 padding: 10px 20px;
  border-left:1px solid #EDEDED;
  float:left; display:inline;position: relative; 
}
 
/* navigacija */
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 3px 5px 3px 13px;
margin:0;
width: 192px;
background-color: #B5B6B6;
background-image: url(images/menu-bg.gif);
background-position:bottom;
}

#navcontainer a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
font-weight:bold;
}

#navcontainer a:hover
{
background-color: #B5B6B6;
background-image: url(images/menu-bg-over.gif);
background-position:bottom;
color: #EFEFEF;
font-weight:bold;
}

#active a:link, #active a:visited, #active a:hover
{
background-color: #B5B6B6;
background-image: url(images/menu-bg.gif);
background-position:bottom;
color: #A70006;
font-weight:normal; font-style:italic;
}
#podkat a:link, #podkat a:visited, #podkat a:hover
{
background-color: #B5B6B6;
background-image:none;
border-bottom:1px solid #EFEFEF;
color: #333;
font-weight:normal;
font-size:11px;
}

 
#footer{
 height:18px; 
 padding:4px 10px 4px 13px;
 background-color:#FFF; 
 color:#9A9A9A;
 clear:both;
 } 
.tb1 {
border:1px solid #D6252B;
padding:4px;
font-weight:bold;
color:#666;
vertical-align:top;
}
.tb2 {
border:1px solid #CCC;
padding:4px;
}

#forms {
float:right;
width:270px;
padding:10px;
margin-left:10px;
margin-bottom:10px;
background-color:#EDEDED;
border:1px solid #D6252B;
line-height:1.4em;
}
HR {color:#FF0000; height:1px; border:0; padding:0; background-color:#F00; margin:0px;}
HR.grey {color:#ccc; height:1px; border:0; padding:0; background-color:#ccc;}

 /* Float containers fix: */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
.date {padding:3px; background-color: #EFEFEF; border-bottom:1px solid #CCC; font-weight:bold;}
 
.clearfix{display: inline-block;}
.input1 {
	width: 250px;
}
.button1 {
background-color:#D6252B;
padding:1px 6px;
color:#EFEFEF;
font-weight:bold;
}
.table1 {
margin:20px 0px;
background-color:#EFEFEF;
border:1px solid #DDD;
}
.table1 TD {padding:10px 6px;}



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


 
 /*printer styles*/ 
@media print{ 
html, body {color:000;}
	#pagewidth{ 
	 width:100%; margin:0;
	} 
	#leftcol{display:none; visibility:hidden;} 
	#header {display:none; visibility:hidden;}
	#twocols, #maincol{width:600px; float:none; height:100%; display:block;}
	
	#maincoltop {
	 height:12px;
	 width:90%;
	 padding:0; margin:0;
	}
	#maincolheadline {
	 background-image: none;
	 border-left:1px solid #ccc;
	 border-right:1px solid #ccc;
	 padding:3px 10px;
	 width:90%;
	}
	#maincolheadcon {
	 border-left:1px solid #ccc;
	 border-right:1px solid #ccc;
	 border-bottom:1px solid #ccc;
	 padding:0px;
	 width:90%;
	 float:left;
	 display:inline;
	 position: relative; 
	}
	#maincolcontent {
	 border-left:1px solid #ccc;
	 border-right:1px solid #ccc;
	 border-bottom:1px solid #ccc;
	 padding:20px;
	 width:90%;
	 float:left;
	 display:inline;
	 position: relative; 
	}
}