/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body  
{
    
  
    background-color:#000000;
    background-image:url("../images/bgfull.jpg");
    background-repeat:repeat;
    font-family:Century Gothic, Helvetica, sans-serif;
     }

/* COMMON CLASSES */

.break { clear:both; }
#site
{
    width:1050px;
    margin:0 auto;
    padding:0;
    display:block;
    }
#top
{
    width:1050px;
    height:275px;
    clear:both;
    margin:0;
    padding:0;
    display:block;
    background-color:#000000; 
    background-image:url("../images/bg_top.jpg"); 
    background-repeat:no-repeat;
    float:left;

    }



.logo
{
    width:265px;
    height:82px;
    display:block;
    margin:0 auto;
    
    }
.logo a img
{
    border:none;
}

#naviBack
{
    width:100%;
    height:39px;
    display:block;
    background-color:#121212;
    z-index:3;
    clear:both;
    float:left;
    margin:7px 0 0 0;
    }
    

/* MENU */
#horiz-menu {
	height: 39px;
	width:1050px;
	background: url(../images/menu-bg.png) 0 0 repeat-x;
}

#horiz-menu ul.menu {
	padding-left: 15px;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a {
	white-space: nowrap;
	font-family: Century Gothic, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 39px;
	line-height: 42px;
	padding: 0 15px 0 15px;
	font-weight: normal;
	font-size: 14px;
	color: #ccc;
	text-decoration:none;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a,
#horiz-menu li:hover a:hover,
#horiz-menu li.sfHover a:hover {
	color: #fff;
}

#horiz-menu ul ul {
	background: #151515;
	border-left: 1px solid #333333;
	border-right: 1px solid #000;
}

#horiz-menu li li {
	background: none;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000;
}

#horiz-menu li li a:hover {
	background: none;
}

#horiz-menu li.active,
#horiz-menu li.active_menu {
	background: url(../images/menu-active-r.png) 100% 0 no-repeat;
}

#horiz-menu li.active a,
#horiz-menu li.active_menu a {
	background: url(../images/menu-active-l.png) 0 0 no-repeat;
	color: #fff;
}

#horiz-menu li.active .crta
{
    clear:both;
    float:left;
    display: block;
	background: url(../images/menu-accent.png) 0 0 no-repeat;
	height: 3px;
	width: 59px;
	z-index:8;
	
	
	
    
    }

#horiz-menu span.topdaddy,
#horiz-menu span.top {
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

#horiz-menu li li span.top {
	display: inline;
	float: none;
	position: static;
	text-align: left;
}

#horiz-menu span.topdaddy span {
	text-align: left;
}

#horiz-menu li.active span span.selector,
#horiz-menu li:hover span span.selector,
#horiz-menu li.sfHover span span.selector {
	display: block;
	position: absolute;
	background-color:#FFE082;
	background: url(../images/menu-accent.png) 0 0 no-repeat;
	background-color:#F4AB73;
	height: 3px;
	width: 59px;
	margin: 0 auto;
	overflow: hidden;
	bottom: 5px;
	left: 50%;
	margin-left: -30px;
}
#horiz-menu span.selector br {
	display: none;
}

#horiz-menu li li a.daddy,
#horiz-menu li.active li a.daddy,
#horiz-menu li.active li a.daddy:hover,
#horiz-menu li li a.daddy:hover {
	background: url(../images/dropdown-child.png) 95% 50% no-repeat;
}

#horiz-menu li.active li span span.selector,
#horiz-menu li:hover li span span.selector,
#horiz-menu li.sfHover li span span.selector {
	display: none;
}

#horiz-menu li.active a,
#horiz-menu li.active_menu a{
	line-height: 33px;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

#horiz-menu a:hover {
	text-decoration: none;
}

#mid
{
    width:1050px;
    clear:both;
    margin:0 0 0 0;
    padding:0;
    display:block;
    background-color:#121212; 
    float:left;
    border:solid 1px #181818;
    
    }



#top_cont
{
    width:1030px;
    margin:15px auto;
    display:block;
    clear:both;
    padding:0;
    background-color:#F4AB73;
       
    
    }
#bottom_cont
{
    width:1030px;
    margin:15px auto;
    display:block;
    clear:both;
    padding:0;
    background-color:#F4AB73;
       
    
    }

.accent {
	height: 1px;
	overflow: hidden;
}

.accent .accent-right {
	float: right;
	width: 60px;
	height: 1px;
	background: url(../images/accent-top-right.png) 100% 0 no-repeat;
}

.accent .accent-left  {
	float: left;
	width: 60px;
	height: 1px;
	background: url(../images/accent-top-left.png) 0 0 no-repeat;
}
  #content
{
    width:1030px;
    display:block;
    clear:both;
    float:left;
    padding:0;
    margin:0 0 0 10px;
    
    }    
 .tekst
{
    width:1030px;
    display:block;
    margin:5px 0 20px 0px;
    padding:0;
    float:left;
    font-size:small;
    text-align:justify;
    
    }
.tekst ul, .tekst ol
{
    margin:3px 0 3px 15px;
    padding:0;
    }
.tekst a
{
    color:#BFC0C4;
    text-decoration:none;
        
    }
.tekst td a:hover
{
    color:#BFC0C4;
    text-decoration:underline;
        
    }
.tekst h2
{
    
    color:#F4AB73;
    padding:0 0 0px 35px;
    margin:0 0 15px 0;
    background-image:url("../images/bullet.png");
    background-repeat:no-repeat;
    background-position:left center;
    font-weight:normal;
    font-family: Century Gothic, Helvetica, sans-serif;
    }

.tekst a, .tekst td a
{
    color:#EDD19F;
    }    
.tekst a:hover
{
    color:#EDD19F;
    text-decoration:none;
    
    }    
    
.rightNaslov
{
    width:260px;
    clear:both;
    float:left;
    font-size:18px;
    font-weight:bold;
    border-bottom:dotted 1px #979390;
    color:#2E2720;
    padding:0 0 5px 0;
    margin:10px 0 5px 5px;
    }    
.rightBlok
{
    width:260px;
    clear:both;
    float:left;
    color:#2E2720;
    padding:0 0 5px 0;
    margin:0px 0 0px 5px;
    
    }
.rightClanak
{
    width:260px;
    clear:both;
    float:left;
    display:block;
    padding:0;
    margin:0px 0 10px 0;
    }
.rightDatumNovosti
{
    font-size:12px;
    color:#999999;
    clear:both;
    float:left;
    width:260px;
    margin:0 0 0px 0;
    padding:0;
    display:block;
    } 
 .rightNaslovNovosti
 {
    width:260px;
    display:block;
    float:left;
    margin:0px 0 0px 0;
    clear:both;
    font-size:14px;
     
     }
 .rightNaslovNovosti a
 {
     font-weight:bold;
     color:#2E2720;
     text-decoration:none;
    
       
 }
 .rightNaslovNovosti a:hover
 {
     color:#999999;
 }

.rightOpisNovosti
{
    width:260px;
    display:block;
    float:left;
    margin:0px 0 0px 0;
    clear:both;
    
    }
.sponsor
{
    width:256px;
    display:block;
    float:left;
    margin:0px 0 0px 2px;
    clear:both;
    padding:0;
    
    }
.sponsor a img
{
    border:none;
}
.sponsor:hover img
{
     opacity:0.8;
    filter:alpha(opacity=80); 
}


.rodovnik
{
    width:100%;
    font-size:x-small;
    border:solid 1px #CCC;
    border-collapse:collapse;
    }
.rodovnik th
{
    border:solid 1px #CCC;
}    
.rodovnik tr
{
    border:solid 1px #CCC;
}
.rodovnik tr td
{
    border:solid 1px #CCC;
    padding:5px;
}

.rezultati
{
    width:100%;
    font-size:small;
    border:solid 1px #CCC;
    border-collapse:collapse;
    }
.rezultati th, .zaglavljeRezultata
{    
    background-color:#E9E9E9;
    color:#A15C20;
    border:solid 1px #CCC;
}
.rezultati tr
{
    border:solid 1px #CCC;
}
.rezultati tr td
{
    border:solid 1px #CCC;
    padding:5px;
}

/*----------Novosti / Default.aspx---------------*/

.novost
{
    width:720px;
    display:block;
    float:left;
    margin:10px 0 10px 0;
    padding:0 0 10px 0;
    border-bottom:dotted 1px #979390;
    clear:both;
        
    }
.datumNovosti
{
    font-size:12px;
    color:#999999;
    clear:both;
    float:left;
    width:300px;
    margin:0 0 5px 0;
    padding:0;
    display:block;
    } 
 .naslovNovosti
 {
    width:720px;
    display:block;
    float:left;
    margin:0px 0 5px 0;
    clear:both;
    font-size:16px;
     
     }
 .naslovNovosti a
 {
     font-weight:bold;
     color:#2E2720;
     text-decoration:none;
    
       
 }
 .naslovNovosti a:hover
 {
     color:#999999;
 }
 .opisNovosti
 {
    width:1020px;
    display:block;
    float:left;
    margin:15px 0 25px 0;
    clear:both;
    font-size:14px;
    color:Silver;
     }
 
 .opisNovosti a:hover img
{
   opacity:0.8;
    filter:alpha(opacity=80); 
}



.vise
{
    clear:both;
    float:left;
    display:block;
    color:#999999;
    text-decoration:none;
    font-weight:bold;
    font-size:15px;
    }

.arhiva
{
    clear:both;
    float:right;
    display:block;
    color:#999999;
    text-decoration:none;
    font-weight:bold;
    font-size:15px;
    }
.vise:hover, .arhiva:hover
{
    color:#2E2720;
}

 
 /*---Dokumenti-----*/
 .blokDokumenta
{
    width:650px;
    display:block;
    float:left;
    margin:15px 0 10px 0;
    padding:0;
    clear:both;
    }
.tekstDokumenta
{
    width:600px;
    display:block;
    float:right;
    margin:0;
    padding:0;
    text-align:left;
    
    }
.datumDokumenta
{
    width:600px;
    clear:both;
    float:left;
    margin:0 0 1px 0;
    padding:0;
    display:block;
    font-size:11px;
    color:#999999;
    
    }
.nazivDokumenta
{
    width:600px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    display:block;
    font-size:12px;
    color:#1F84C3;
    text-decoration:none; 
    font-weight:bold;  
    }    
.nazivDokumenta:hover
{
    color:#666;   
} 
 
.okvir_fotogal
{
    width:670px;    
    margin:5px 0 5px 0;
    padding:0 0 9px 0;
    display:block;
    border:solid 1px #C3C3C3;
    float:left;
    clear:both;
    
    }  
 .okvir_fotogal a img
 {
    width:140px;
    height:80px;
    display:block;
    margin:9px 8px 0 15px;
    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*/

.galerija_slika
{
    width:700px;
    clear:both;
    float:left;
    display:block;
    margin:0 0 0 20px;
    padding:0;
    }

.okvir_fotogalerije
{
    width:670px;    
    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:15px 30px 0 4px;
    padding:0;
    
    }
.foto a img
{
  border:solid 2px #E9E9E9;  
}
.foto a:hover img
{
  border:solid 2px #C0C0C0;  
}
.naziv_galerije
{
    width:140px;
    clear:both;
    float:left;
    text-align:left;
    font-weight:normal;
    margin:5px 0 0 0;
    
    
    }
#anima_gdje_smo 
{
    width:635px;
    height:400px;
    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;
    }
    
    .popup
    {
        visibility:hidden;
        }
        

#bottom_left_blok
{
    width:320px;
    float:left;
    margin:0 0 0 15px;
    padding:0 20px 0 0;
    display:block;
    height:290px;
    border-right:dotted 1px #FFF;
    color:#FFF;
    
    }
#bottom_mid_blok
{
    width:315px;
    float:left;
    margin:0 0 0 20px;
    padding:0 20px 0 0;
    display:block;
    height:290px;
    border-right:dotted 1px #FFF;
    color:#FFF;
        
    }
#bottom_right_blok
{
    width:300px;
    float:right;
    margin:0 25px 0 0px;
    padding:0 0px 0 0;
    display:block;
    height:290px;
    color:#FFF;
        
    }
.bottom_naziv
{
    width:315px;
    clear:both;
    float:left;
    margin:0;
    padding:0;
    font-size:17px;
    color:#FFFFFF;
    border-bottom:dotted 1px #FFF;
    
    }

.brzi_kontakt
{
    width:315px;
    clear:both;
    float:left;
    margin:10px 0 0 0;
    padding:0;
    display:block;
    font-size:13px;
    color:#FFFFFF;
    text-align:left;
    
    }
.brzi_kontakt a
{
    text-decoration:underline;
    color:#CCCCCC;
}
.brzi_kontakt a:hover
{
    color:#4E6998;
}
.brzi_kontakt a img
{
    border:none;
}

.tekst table.sample {
	width:100%;
}

.tekst table.sample td {
	border-width: 1px;
	padding: 1px;
	border-style:solid;
	border-color: #C3C3C3;
	margin:0;
	text-align:center;
}
.tekst td p
{
    margin:10px 0;
    }

.crnaPasica
{
    clear:both;
    float:left;
    margin:10px 0;
    padding:0;
    display:block;
    width:100%;
    height:16px;
    background-color:#0C0C0C;
    }


#bottomBack
{
    width:100%;
    clear:both;
    float:left;
    margin:5px 0 0 0;
    padding:0;
    background-image:url("../images/bottomBack.jpg");
    background-repeat:repeat-x;
    background-color:#1F2B3D;
    height:360px;
    display:block;
    }
#bottomSite
{
    width:1052px;
    display:block;
    padding:0;
    margin:40px auto 0 auto;
    }
#site
{
    width:1056px;
    display:block;
    padding:0;
    margin:0px auto;
    }
    
#top_head
{
    width:1056px;
    height:18px;
    display:block;
    clear:both;
    float:left;
    padding:0;
    margin:0;
    background-image:url("../images/top_head.png");
    background-repeat:no-repeat;    
    
    }

    
    
  

    
#bottom
{
    width:1050px;
    clear:both;
    position:relative;
    z-index:3;
    margin:30px 0 0 0;
    display:block;
    height:270px;
    background-image:url("../images/foot_back.png");
    background-repeat:repeat-x;
    float:left;
    z-index:1;
    
    }
.natpisBlok
{
    width:100px;
    display:block;
    clear:both;
    margin:0 auto;
    padding:0;
    
    }
.natpisLeft
{
    white-space: nowrap;
	font-family: Century Gothic, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 38px;
	line-height: 42px;
	padding: 0 0 0 3px;
	font-weight: normal;
	font-size: 14px;
	color: #ccc;
	text-decoration:none;
	background: url(../images/menu-active-l.png) 0 0 no-repeat;
	
    }

.natpis_dno
{
    white-space: nowrap;
	font-family: Century Gothic, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 38px;
	line-height: 42px;
	padding: 0 15px 0 15px;
	font-weight: normal;
	font-size: 14px;
	color: #ccc;
	text-decoration:none;
	background: url(../images/menu-active-r.png) 100% 0 no-repeat;
	
}

.natpis_dno a
{
	color: #fff;
	text-decoration:none;
	
}
.natpis_dno a:hover
{
	color: #F4AB73;
	text-decoration:none;
	
}    

#foot
{
    width:1024px;
    margin:10px auto;
    height:204px;
    display:block;
    clear:both;
    padding:0;
    position:relative;
    top:0px;
}

.footLeft
{
    width:240px;
    display:block;
    float:left;
    margin:10px 0 0 0;
    padding:0;
    
    }
.footLeft ul
{
    clear:both;
    float:left;
}
.footLeft li
{
    clear:both;
    float:left;
    color:#FFF;
    margin:0 0 0 25px;
}

.footLeftNaslov
{
    width:230px;
    float:left;
    clear:both;
    margin:0 0 15px 0;
    padding:5px 0 5px 10px;
    font-size:14px;
    color:#F4AB73;
    background-color:#191919;
    display:block;
    
    }    
.footNav
{
    width:200px;
    clear:both;
    display:block;
    float:left;
    margin:0 0 2px 0;
    padding:2px 0 0 0;
    color:#F4AB73;
    font-size:14px;
    text-decoration:none;
    
    }
.footNav:hover
{
    color:#FFFFFF;
}

.footMid
{
    float:left;
    width:420px;
    display:block;
    margin:8px 0 0 50px;
    padding:0;
    
    }
.footMidNaslov
{
   width:420px;
    float:left;
    clear:both;
    margin:0 0 15px 0;
    padding:5px 0 5px 10px;
    font-size:14px;
    color:#F4AB73;
    background-color:#191919;
    display:block;
    
    }
.footMidTekst
{
    width:400px;
    float:left;
    clear:both;
    margin:0 0 0 10px;
    padding:0;
    font-size:14px;
    color:#FFFFFF;
    
    }
.footMidTekst a
{
    color:#F4AB73;
    
}
.footMidTekst a:hover
{
    color:#FFFFFF;
    
    
}
.footRight
{
    float:right;
    width:240px;
    display:block;
    margin:8px 20px 0 0px;
    padding:0;
    
    }    

.footRightNaslov
{
    width:240px;
    float:left;
    clear:both;
    margin:0 0 15px 0;
    padding:5px 0 5px 10px;
    font-size:14px;
    color:#F4AB73;
    background-color:#191919;
    display:block;
    
    }
.footRightTekst
{
    width:200px;
    clear:both;
    float:left;
    margin:0 0 0 10px;
    padding:0;
    display:block;
}
.footRightTekst a img
{
    border:none;
    float:left;
    margin:0px 10px 0 0;
    padding:0;
}
.potpisNaDnu
{
    width:1050px;
    margin:0;
    float:left;
    clear:both;
    display:block;
    color:#F4AB73;
    font-size:13px;
    text-align:center;
    }    
     
 .gumb
   {
       background-color:#000;
       border:solid 1px #F4AB73;
       color:#F4AB73;
       
       }

.gumb:hover
   {
       background-color:#F4AB73;
        color:#000;
       cursor:pointer;
   }
.footRightTekst a
{
    text-decoration:none;
    color:#FFFFFF;
}
.footRightTekst a:hover
{
    
    color:#BE793E;
}