body 
{
    background-color: #7C7C7C;
    margin  : 0;
    padding : 0;
    font-family: 'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif;
    
}

.hb
{
   background-color: gray; /*#364143; */
}

#header_body
{
    min-width:900px;
    width:auto;
    padding-left: 10px;
    padding-right: 10px;
    height:100px;   
    overflow:hidden;
}

#header_left
{
    position:relative;
    float:left;  
    max-width:45%;
    min-width:45%;
    height:100px;       
    width:auto;
}


#header_logo1
{
    float:left;
    max-width:200px;
    min-width:100px;
    height:100px;       
    width:auto;
}
#img_logo1
{
    max-width:200px;
    min-width:100px;
    max-height:100px;
    min-width:85px;    
    height:auto;       
    width:auto;     
}

#header_title
{
    float:left;
    padding-top:1.5em;
    text-align:center;
    font-weight : bold ;
    font-size: 1.5em; 
    color : White;
    height:100px;  
    min-width:250px;
    width:40%;
}

#header_right
{
    position:relative;
    float:right;  
    max-width:45%;
    min-width:45%;
    max-height:150px;       
}
#header_logo2
{    
    float:right;
    max-width:100px;
    max-height:150px;       
    width:auto;
}

#header_user
{
    float   : right;
    color   : White;    
    width   : 60%;
    max-height:150px;      
    margin-right:20px;
}

#user_detail
{
    width   : auto;
}

#content_body
{
    position:relative;
    min-width:900px;
    padding-left: 10px;
    padding-right: 10px;    
    width:auto;
    background-color: #C0C0C0; 
                
}

#footer_body
{
    min-width:900px;
    width:auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    background-color: #C0C0C0; 
    border-top-style: dotted;
    border-top-width: 1px; 
    font-family: Arial; 
    font-size: x-small;
                
}

.menuitem_n
{ 
    display:inline-block;
    text-align: center;
    background-image: url("/images/menubg.png");
    height:24px;
    font-weight:normal;
    width:150px; 
    color:black;
    text-decoration:none;
}

.menuitem_s
{
    text-align: center;
    background-image: url("/images/menubg_s.png");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;        
    height:25px;
    font-weight:bold;
    width:150px;
    display:inline-block;     
    text-decoration:none;
}

.menuitem_s2
{
    text-align: center;
    background-image: url("/images/menubg_s2.png");
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;        
    height:25px;
    font-weight:bold;
    width:150px;
    display:inline-block;     
    text-decoration:none;
}

.menuitem_sie6
{
    text-align: center;
    background-image: url("/images/menubg_sie6.png");
    height:25px;
    font-weight:bold;
    width:150px;
    display:inline-block;     
    text-decoration:none;
}

.lmenuitem_s
{
    text-align: center;
    background-image: url("/images/lmenubg_s.png");
    background-repeat:no-repeat;
    height:25px;
    display:inline-block;     
    position:relative;
    width:auto;
    overflow:hidden;
    min-width:150px;
}

.rmenuitem_s
{
    text-align: center;
    background-image: url("/images/rmenubg_s.png") ;
    background-repeat:no-repeat;
    height:25px;
    width:6px;
    display:inline-block;     
    overflow:hidden;
    position:relative;    
    margin: 0 0 0 -5px;

}


.h_separator
{
    min-width:900px;
    width:auto;
    padding-left: 10px;
    padding-right: 10px;    
    min-height:10px;  
    height:100%;   
    clear:both;
    background-color: gray;
}

.c_separator
{
    min-width:900px;
    width:auto;
    min-height:10px;  
    height:100%;   
    clear:both;
}

.upgGrid
{
    position:fixed;
    top:50%;
    left:50%;
    width:32px;	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
	filter: alpha(opacity=50);	
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;    
}

.grid2 tr.alttr:hover
{
    background-color: Highlight;
    color:HighlightText;
    cursor:pointer;
}

.grid2 tr.nortr:hover
{
    background-color:Highlight;
    color:HighlightText;
    cursor:pointer;    
}

.c_opis
{
    display:inline-block;
    position:relative;
    width:150px;    
}

.c_podatak
{
    display:inline-block;
    position:relative;
    width:350px;    
}

 .style2
        {
            height: 5px;
        }
        .style3
        {
            width: 65%;
        }
        .style4
        {
            height: 5px;
            width: 67%;
        }
        .style5
        {
            height: 75px;
        }
        
        .alttr 
        {
           background-color: White;
           color:#333333;
        }
        
        .nortr 
        {
           background-color: #FFFBD6;
           color:#333333;
        }