﻿
body {
	padding:0;
	font-family:Arial Narrow;
	background-image:url("../images/body.jpg");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#site
{
    width:812px;
    margin:8px auto;
    padding:0;
    
    
    }
#head
{
    width:812px;
    height:126px;
    clear:both;
    float:left;
    margin:0;
    padding:0;   
    }
#grb
{
    width:84px;
    height:97px;
    display:block;
    float:left;
    background-image:url("../images/grb_hss.png");
    
    }



#head_natpis
{
    width:280px;
    height:50px;
    display:block;
    float:left;
    margin:35px 0 0 10px;
    padding:0;
    color:#FFFFFF;
    font-size:20px;
    
    }

#postani_clan
{
    width:76px;
    height:76px;
    display:block;
    float:left;
    background-image:url("../images/postani_clan.png");
    margin:11px 0 0 190px;
    padding:0;
    
    }


#navi
{
    width:650px;
    height:26px;
    display:block;
    margin:3px 0 0 0;
    padding:0;
    clear:both;
    float:left;
    
    }


.tab .tab_left
{
    width:7px;
    height:26px;
    margin:0;
    padding:0;
    display:block;
    background-image:none;
    float:left;   
    }
.tab:hover .tab_left
{
    width:7px;
    height:26px;
    margin:0;
    padding:0;
    display:block;
    background-image:url("../images/tab_left.png");
    background-repeat:no-repeat;
    float:left;
     
    }

.tab .tab_mid
{
    height:21px;
    margin:0;
    padding:5px 0 0 0;
    display:block;
    background-image:none;
    float:left;  
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px; 
    }
.tab:hover .tab_mid
{
        
    height:21px;
    margin:0;
    padding:5px 0 0 0;
    display:block;
    background-image:url("../images/tab_mid.png");
    background-repeat:repeat-x;
    float:left;
       
    
    }
.tab .tab_right
{
    width:7px;
    height:26px;
    margin:0;
    padding:0;
    display:block;
    background-image:none;
    float:left; 
    }
.tab:hover .tab_right
{
    width:7px;
    height:26px;
    margin:0;
    padding:0;
    display:block;
    background-image:url("../images/tab_right.png");
    background-repeat:no-repeat;
    float:left;
    
    }


.aktiviranTab .tab_left
{
    width:7px;
    height:26px;
    margin:0;
    padding:0;
    display:block;
    background-image:url("../images/tab_left.png");
    background-repeat:no-repeat;
    float:left;
    }
.aktiviranTab .tab_mid
{
    height:21px;
    margin:0;
    padding:5px 0 0 0;
    display:block;
    background-image:url("../images/tab_mid.png");
    background-repeat:repeat-x;
    float:left;
    }
.aktiviranTab .tab_right
{
    width:7px;
    height:26px;
    margin:0;
    padding:0;
    display:block;
    background-image:url("../images/tab_right.png");
    background-repeat:no-repeat;
    float:left;
    }
#search
{
    
    width:160px;
    float:left;
    margin:6px 0 0 0;
    padding:0;
    display:block;
    background:none;

    
    }

#container
{
    width:812px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    display:block;
   
    
    }

#left
{
    width:646px;
    float:left;
    margin:0;
    padding:0;
    display:block;
        
    }

#anima
{
    width:646px;
    height:277px;
    margin:0;
    padding:0;
    display:block;
    clear:both;
    float:left;
    
    }

#right
{
    width:163px;
    float:right;
    margin:0;
    padding:0;
    display:block;
           
    }
    
#doIzbora
{
    width:143px;
    height:60px;
    float:right;
    clear:both;
    margin:5px 0 0 0;
    padding:45px 5px 0 10px;
    display:block;
    background-image:url("../images/do_izbora.jpg");
    background-repeat:no-repeat;
    color:#666666;
    
    }    

.bann_right
{
    width:156px;
    float:right;
    clear:both;
    margin:9px 0 5px 0;
    display:block;
        
    }
.bann_right a img
{
    border:none;
    }

    
#foot
{
    width:812px;
    height:5px;
    clear:both;
    float:left;
    margin:15px 0 0 0;
    padding:0;
    display:block;
    background-color:#FF0000;
    }






#anketa
{
    
    width:156px;
    clear:both;
    float:right;
    margin:7px 0 0 0;
    padding:0;
    display:block;
    background-color:#F1F1F1;
    border:solid 1px #CCCCCC;
    
    }
    
.anketa_pitanje
{
 
 width:145px; 
 margin:0 0 0 0; 
 color:#666666; 
 float:left; 
 clear:both; 
 padding:3px 4px 3px 6px; 
 font-size:12px; 
 text-align:left; 
   
    }
    
.odgovori
{
    color:#666666;
    }
    
.anketa_odgovori
{
    width:145px; 
    margin:5px 0 0 0; 
    float:left; 
    clear:both; 
    padding:0; 
    font-size:11px;
    text-align:left;
    
    
    }
	
.anketa_gumbi
{
    width:127px; 
    margin:5px 0 0 0; 
    float:left; 
    clear:both; 
    padding:5px; 

    
    }	



    
 /*------------------Shoutbox----------------*/
   
#shoutbox
{
    
   width:165px;
    
    clear:both;
    float:left;
    margin:10px 0 0 10px;
    padding:0;
    display:block;
    border:solid 1px #36B4BA;
    
    
    }
    
#shoutbox_display
{
    
    width:155px; 
    margin:5px 0 0 0; 
   
    float:left; 
    clear:both; 
    padding:5px; 
    font-size:small;
    }
	
	
#shoutbox_display table
{
    margin:0;
    padding:0;
}

#messageData
{
	border: solid 1px #ccc;
	padding:0;
	width: 152px;
	padding:0;
	height: 250px;
	overflow: auto;
	background-color: #FFFFFF;
	font-size: 11px;
	float:left;
	clear:both;
	color:#737373;
	margin:0;
	
	
}

#messageData b
{
	color: #6AB9BE;
}


#shoutbox table
{
    width:138px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    }

/*-------------------------------------*/
