/*stil tijela */
body
{ behavior:url(csshover.htc);
    padding:0px;
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    background: url('images/header-back.jpg') top repeat-x #333333; 
    color:#cccccc;
}
div, p, ul, h2, h3, h4, form { padding:0px; margin:0px;}
img { padding:0px; margin:0px; border:0px;}
ul{ list-style-type:none; }

#wraper
{
    width: 1200px;margin: 0 auto; height:800px;
    
}
/*stil header*/
#header
{
    
     height:150px; width:100%;
    margin-top: 0px;
}
#header .logo{ float:left; width:600px; height:100px;}
#header .hdesno
{
    float: right;
    width: 600px;
    height: 100px;
}
/* stiliziranje menu-a*/
#menu { text-transform:uppercase;}
#menu ul {
list-style: none;
padding: 0;
margin: 0;  
}
#menu ul li a {
	display: block;text-decoration:none;
	font-weight: bold;
	padding: 0 10 0 10;color:#ffffff;
	line-height:50px;
	
}

#menu ul li a:hover{
	background-image: url(images/hover.jpg); 
    background-repeat: repeat-x; color:#ffcc99;
	}
	
#menu ul li {
	float: left;
	position: relative;
	text-align: center;
	margin-right:5px;
	

}

li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 0 20 0 20;
	margin-left:-1px;
}

#menu ul li ul.sub li{
	border-width:0 !important;
	background-color:#333333;
	width:150px;
	text-align:left; z-index:620;
	text-transform:lowercase;
}

#menu ul li ul.sub li a{
	font-weight: normal!important;	
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}




/* sadrzaj gornji stil*/
#sadrzaj
{
    background-position: left top;
    margin: 0px;
    padding: 10px;
    background-image: url('images/wrap.jpg');
    height:800px;
    background-repeat: repeat-x; color:#ffffff;
    
}
#sadrzaj img { border:1px solid #ffffff;}

#sadrzaj-gore .lijevo
{  
    padding:0 10 0 0;
    width: 695px;
    height: auto;
    float: left;
}
    #sadrzaj-gore .lijevo h1
{
    font-size: 17pt;
    font-weight: bold;
    font-style: normal;
    color: #ffffff;
}
#sadrzaj-gore .lijevo h2{
    font-size: 16pt;
    font-weight: bold;
    font-style: normal;
    color: #cccccc;
}
#sadrzaj-gore .lijevo h3{
    font-size: 15pt;
    font-weight: bold;
    font-style: normal;
    color:#cccccc;
}
#sadrzaj-gore .lijevo h4{
    font-size: 14pt;
    font-weight: bold;
    font-style: normal;
    color:#cccccc;
}
#sadrzaj-gore .lijevo a
{
    text-decoration:none;
    color: #ffffff;font-weight: bold;
}
 #sadrzaj-gore .lijevo a:hover { text-decoration:none; color:#000000;}
#sadrzaj-gore .srdesno 
{
    width:215px; height: 800px;float:left; background-color:#333333; padding: 10 5 10 5; margin:0 5 0 10; color: #dd4b10;   
    }
  #sadrzaj-gore .srdesno img{ border:0px;}
   #sadrzaj-gore .srdesno a { text-decoration:none; color:#0099cc; font-weight:bold;}
   #sadrzaj-gore .srdesno a:hover { color:#ffffff;}
#sadrzaj-gore .desno{ width:220px;height: 800px; 
                       padding: 10 5 10 5; float:right; 
                       background-color:#ffffff;
                       }
.vijesti 
{ font-size: 11px; border:0;color: #333333;} 
.vijesti a { text-decoration:none; color:#0099cc; font-weight:bold;}
.vijesti a:hover {color:#be032f;}

 #footer
 { bottom:0; clear:both; color:#333333;font-size:12px;
   position:relative;
   width:100%;
   height:250px;
  background:url('images/fot.jpg') repeat-x;
     }
     #footer a{ text-decoration:none; color:#0099cc; font-weight:bold;}
     #footer a:hover {color:#be032f;}
    #footer .fotlijevo{ float:left; width:400px; text-align: left; }
    #footer .fotsredina { float:left; width:500px; text-align:center;}
    #foter .fotdesno { float:right; width:300px; text-align:right; }
#fotwrap{ width:1200px; padding: 70 10 20 10;margin:0 auto;}
    
/*stilovi naslova*/
h1
{
    font-weight:bold;
    color:Gray;
    font-family:Arial,Helvetica,sans-serif;  
    font-size:16pt;
    margin:0px;
    padding-right:0px;
    padding-left:0px;
    padding-bottom:15px;
    padding-top:0px;
    letter-spacing:2px;
}
/*Stil accordion*/
.accordion { color: #ffffff; 
}  
          
        .accordionHeader {  
              
            color: white;  
            
            border: 1px solid #dd4b10;
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionHeaderSelected {  
            
            color:#dd4b10;  
            background-color: #333333;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
            border: 1px solid #dd4b10;
        }  
          
        .accordionContent {  
            
            border: 1px solid #dd4b10;  
            border-top: none;  
            padding: 5px;  
            padding-top: 10px;  
        } 
      #sadrzaj  .accordionContent img {border:0px;}

#gallery {
	position:relative;
	height:400px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border: none; 
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#0099cc;
	}