﻿body 
{
    margin:0;
    padding:0;
    background-color:#4E6998;
    font-family:Lucida Sans Unicode, Arial;
}


#site
{
    width:1014px;
    display:block;
    padding:0;
    margin:15px auto;
    }
    
#top_head
{
    width:1014px;
    height:23px;
    display:block;
    clear:both;
    float:left;
    padding:0;
    margin:0;
    background-image:url("../images/top_head.jpg");
    background-repeat:no-repeat;    
    
    }
#content
{
    width:1014px;
    display:block;
    clear:both;
    float:left;
    padding:0;
    margin:0;
    background-image:url("../images/content.jpg");
    background-repeat:repeat-y;  
    }   
#foot
{
    width:1014px;
    height:26px;
    display:block;
    clear:both;
    float:left;
    padding:0;
    margin:0;
    background-image:url("../images/foot.jpg");
    background-repeat:no-repeat;  
    }    
    
#head
{
    width:970px;
    height:117px;
    display:block;
    margin:0 0 0 23px;
    padding:0;
    clear:both;
    float:left;
    background-color:#4E6998;
    
    }    
#logo
{
    width:479px;
    height:86px;
    display:block;
    margin:18px 0 0 15px;
    padding:0;
    float:left;
    }
#logo a img
{
    border:none;
    }

#reklama_head
{
    width:446px;
    height:87px;
    display:block;
    margin:16px 15px 0 0;
    padding:0;
    float:right;
    }
#reklama_head a img
{
    border:none;
}

    
#navi
{
    width:970px;
    height:35px;
    display:block;
    margin:2px 0 0 23px;
    padding:0;
    clear:both;
    float:left;
    background-image:url("../images/navi_back.gif");
    background-repeat:repeat-x;
    
    }

.navi_main_svi
{
    height:32px;
    display:block;
    float:left;
    font-size:16px;
    color:#3F557A;
    margin:0 20px 0 0;
    padding:3px 0 0 0;
    text-decoration:none;
    

    }    
.navi_main_svi:hover
{
    background-image:url("../images/navi_hover.gif");
    background-repeat:repeat-x;
    color:#CCCCCC;
    } 
    
.active_navi
{
    height:32px;
    display:block;
    float:left;
    font-size:16px;
    color:#3F557A;
    margin:0 20px 0 0;
    padding:3px 0 0 0;
    text-decoration:none;
    background-image:url("../images/navi_hover.gif");
    background-repeat:repeat-x;
    color:#CCCCCC;
    } 
    
    
.last_navi_main
{
    height:32px;
    display:block;
    float:left;
    font-size:16px;
    color:#3F557A;
    margin:0;
    padding:3px 2px 0 2px;
    text-decoration:none;
    

    }    
.last_navi_main:hover
{
    background-image:url("../images/navi_hover.gif");
    background-repeat:repeat-x;
    color:#CCCCCC;
    } 
.active_last_navi_main
{
    height:32px;
    display:block;
    float:left;
    font-size:16px;
    color:#3F557A;
    margin:0;
    padding:3px 2px 0 2px;
    text-decoration:none;
    background-image:url("../images/navi_hover.gif");
    background-repeat:repeat-x;
    color:#CCCCCC;
    } 
#head_bottom
{
    width:970px;
    height:214px;
    display:block;
    margin:9px 0 0 23px;
    padding:0;
    clear:both;
    float:left;
    background-color:#4E6998;
    
    }
#anima
{
    width:635px;
    height:210px;
    display:block;
    margin:1px 0 0 1px;
    padding:0;
    float:left;
    border:solid 1px #CCCCCC;    
    
    }
    
#subnav
{
    width:250px;
    height:180px;
    display:block;
    margin:18px 0 0 50px;
    padding:0;
    float:left;
    
    }
    
#search
{
    width:250px;
    display:block;
    margin:0 0 15px 0;
    padding:0;
    float:left;
    clear:both;
    
    }
.navi_submain
{
    width:222px;
    display:block;
    margin:1px 0 9px 0;
    padding:0 0 6px 27px;
    float:left;
    clear:both;
    border-bottom:solid 1px #FFFFFF;
    background-image:url("../images/subnav_strelica.gif");
    background-repeat:no-repeat;
    background-position:left, top;
    color:#FFFFFF;
    text-decoration:none;
    }
.navi_submain:hover
{    
    color:#8B8B8B;
}

#content_holder
{
    width:970px;
    display:block;
    margin:9px 0 0 23px;
    padding:0;
    clear:both;
    float:left;
    
    }
#left
{
    width:635px;
    display:block;
    margin:0;
    padding:0;
    float:left;
        
    
    }
    
#right
{
    width:287px;
    display:block;
    margin:0;
    padding:0;
    float:right;
    
    
    
    }
.banner
{
    width:285px;
    height:170px;
    display:block;
    margin:0;
    padding:0;
    float:left;
    clear:both; 
    
    }
.banner a img
{
    border:none;
    }

#okvir_desni
{
    width:265px;
    display:block;
    margin:15px 0 0 0;
    padding:10px;
    float:left;
    clear:both;
    border:solid 1px #999999; 
    }

.desni_naziv
{
    width:264px;
    clear:both;
    float:left;
    margin:0 0 5px 0;
    padding:0 0 2px 0;
    display:block;
    border-bottom:solid 1px #4E6998;
    font-size:14px;
    color:#4E6998;
    font-weight:bold;
    }
#anketa
{
    width:264px;
    clear:both;
    float:left;
    margin:0 0 5px 0;
    padding:0;
    display:block;
    font-size:12px;
    color:#4E6998;
    }
.anketa_pitanje
{
    width:264px;
    clear:both;
    float:left;
    margin:0 0 5px 0;
    padding:0;
    display:block;
    font-size:12px;
    color:#4E6998;
    font-weight:bold;
    }

.anketa_odgovori, .gumbi_ankete
{
    width:224px;
    clear:both;
    float:left;
    margin:0 0 5px 20px;
    padding:0;
    display:block;
    font-size:12px;
    color:#4E6998;
    }
.partneri
{
    width:182px;
    clear:both;
    float:left;
    margin:10px 0 10px 20px;
    padding:0;
    display:block;
    
    }
.partneri a img
{
    border:solid 1px #CCCCCC;
}
.brzi_kontakt
{
    width:224px;
    clear:both;
    float:left;
    margin:0 0 5px 10px;
    padding:0;
    display:block;
    font-size:12px;
    color:#4E6998;
    text-align:center;
    
    }
.brzi_kontakt a
{
    text-decoration:underline;
    color:#4E6998;
}
.brzi_kontakt a:hover
{
    color:#CCCCCC;
}
.brzi_kontakt a img
{
    border:none;
}
.tekst
{
    width:635px;
    display:block;
    margin:0;
    padding:0;
    float:left;
    font-size:small;
    text-align:justify;
    font-family:Helvetica;
    
    }
.tekst a
{
    color:#4E6998;
    text-decoration:none;
    font-weight:bold;
    
    }
.tekst a:hover
{
    color:#CCCCCC;
    text-decoration:none;
    
    } 

/*----------Novosti / Default.aspx---------------*/

.naslov
{
    width:619px;
    display:block;
    clear:both;
    float:left;
    margin:8px 0 5px 0;
    padding:0 0 1px 15px;
    background-image:url("../images/strelica.gif");
    background-repeat:no-repeat;
    background-position:left;
    border-bottom:solid 1px #BDCADD;
    font-size:13px;
    font-weight:bold;
    color:#4E6998;
    }


.novost_blok
{
    clear:both;
    float:left;
    margin:7px 0 9px 0;
    padding:0 0 15px 0;
    width:634px;
    border-bottom:dotted 1px #184A89;
       
    }
    
.lijevi_blok
{
    width:311px;
    display:block;
    float:left;
    
    
    }
.naslov_opis_novosti
{
    float:left;
    width:311px;
    text-align:justify;
    display:block;
    margin:0;
    padding:0;
    font-size:13px;
    color:#000;  
      
    }
.naslov_opis_novosti_sve
{
    float:left;
    width:634px;
    text-align:left;
    display:block;
    margin:0;
    padding:0;
    
      
    }

.datum_novosti
{
    float:right;
    width:140px;
    text-align:center;
    display:block;
    margin:3px 0 0 3px;
    padding:0;
    font-size:10px;
    color:#000000;  
    
    }
.slika_novosti
{
    width:140px;
    height:80px;
    float:right;
    margin:3px 0 3px 3px;
    padding:0;
    display:block;
    clear:both;
        
    }

.slika_novosti a img
{
    border:solid 1px #4F4F4F;
    margin:0;
    padding:0;
    
    } 
.desni_blok
{
    width:290px;
    display:block;
    float:right;
    
    
    }

.desna_navi
{
    width:275px;
    clear:both;
    float:left;
    margin:2px 0 3px 0;
    padding:0 0 2px 15px;
    background-image:url("../images/strelica.gif");
    background-repeat:no-repeat;
    background-position:top, left;
    font-size:12px;
    
    }
.arhiva
{
    clear:both;
    float:right;
    margin:6px 0 3px 0;
    text-align:right;
    background:none;
    font-size:x-small;
    }
    
    
    
    
    .fotka_detalji
    {
        width:140px;
        height:80px;
        float:right;
        margin:0 0 5px 5px;
        padding:0;
               
        }
        
    .fotka_detalji a img
    {
        margin:0;
        padding:0;
        border:solid 1px #4E6998;
               
        }
 
 
.okvir_fotogal
{
    width:634px;    
    margin:5px 0 5px 0;
    padding:0 0 9px 0;
    display:block;
    border:solid 1px #C3C3C3;
    float:left;
    
    }  
 .okvir_fotogal a img
 {
    width:140px;
    height:80px;
    display:block;
    margin:9px 0 0 13px;
    padding:0;
    border:solid 1px #7D7D7D;
    float:left;
    }   
   
 .okvir_fotogal_skupne
{
    width:460px;
    margin:5px 0 5px 0;
    padding:0 0 9px 0;
    display:block;
    border:solid 1px #C3C3C3;
    float:left;
    
    }  
 .okvir_fotogal_skupne a img
 {
    width:140px;
    height:80px;
    display:block;
    margin:9px 0 0 8px;
    padding:0;
    border:solid 1px #7D7D7D;
    float:left;
    } 

/*Fotogalerije*/
.okvir_fotogalerije
{
    width:634px;    
    margin:5px 0 5px 0;
    padding:0 0 3px 0;
    display:block;
    border:solid 1px #C3C3C3;
    float:left;
    
    }  
.foto
{
    width:140px;
    height:120px;
    float:left;
    margin:11px 0 0 14px;
    padding:0;
    
    }
.foto a img
{
  border:solid 1px #C3C3C3;  
}
.foto a:hover img
{
  border:solid 1px #C3C3C3;  
}
.naziv_galerije
{
    width:140px;
    clear:both;
    float:left;
    text-align:left;
    font-weight:normal;
    
    
    }
#anima_gdje_smo 
{
    width:635px;
    height:385px;
    display:block;
    margin:15px 0 0 0;
    padding:0;
    float:left;
    clear:both;
    
    
    }
    
#zupe
{
    width:635px;
    float:left;
    clear:both;
    margin:10px 0 0 0;
    padding:0;
    }
    
#zupe ul
{
    list-style:none;
    display:inline;
    
    }
    
#zupe ul li
{
    
    width:140px;
    height:250px;
    float:left;
    margin:8px;
    }
#zupe ul li img
{
    border:solid 1px #7D7D7D;
    }