html, body { 
margin: 0; 
padding: 0; 
}

body {
font-size:76%; 
font-family: verdana, geneva;
color:#333; 
/*background: url(../images/bkg.png) repeat;*/
}

hr {color:#B1D6AA;
background-color:#B1D6AA;
 width: 80%;
 height:1px;
 float:left;}


#search {
text-align:right;
width:450px;
}


#search .search_box form {background:none;}

#search .search_string {background:url(../images/top-tail.png) repeat;
border:#CD4D8D 1px solid;}

#wrapper {
margin:0 auto;
width:880px;
position:relative;
}

#heder{width:880px;
height:300px;
/*background:url(../images/meni.jpg) bottom right no-repeat;*/
}

#flash{width:400px;
float:left;
}

#desnimeni {
	float: right;
	width: 480px;
	height: 300px;
	/*background: transparent;
	text-align:right;*/
	overflow:hidden;
}

/*#desnimeni ul {
list-style-type: none;
	margin: 0;
	font-size: 18px;
	
	color: #fff;
	
	}
#desnimeni ul li {
	height: 24px;
	background-image: url(../images/nav_default.gif) top right no-repeat;
	margin: 0 0 9px 0;
	padding-left: 2px;
	text-align: right;
}
#desnimeni ul li a:link, #desnimeni ul li a:visited, #desnimeni ul li a:active {
	height: 24px;
	text-decoration: none;
	color: #CD4D8D;
	display: block;
	height: 100%;
	background: url(../images/nav_default.gif) top right no-repeat;
	padding-right: 8px;
}
#desnimeni ul li a:hover {
	background: url(../images/nav_hover.gif) top right no-repeat;
	color: #EFCFDD;
	font-size: 18px;
}

#desnimeni ul li a.menu-current {
	background: url(../images/nav_hover.gif) top right no-repeat;
	color: #EFCFDD;
	font-size: 18px;
}*/


#caption_slider {

width:430px;
height:300px;
float:left;
margin-bottom:10px;
}


#wrap2 {
width:880px;
height:auto;

}

#zastupnistvo{
width:430px;
}

#zastupnistvo h2 {
color:#B1D6AA;
}

#zastupnistvo p {
	text-align:left;
	font-size: 76%;
	color:#333;
}



#sredina {
float:left;
width:430px;
}

#sredina h3 {
	text-align:left;
	padding: 0 0 2px 2px;
	font-size: 1.2em;
	color:#CD4D8D;
}

#sredina a {
text-decoration: none;
	color:#CD4D8D;}
	
	
#sredina a:hover {color: #fff;}




#wrap3{
margin-left:430px;
height:auto;
}

#desni {
	
	padding:10px 0 40px 10px;
	font-size:100%;
	font-family: verdana, geneva;
	color:#333;
	
	}

#desni img {
border:#B1D6AA 5px solid;
margin:5px 10px;
}

#desni h1 {

color:#CD4D8D;
font-size:1.6em;

}

#desni h3 {
	text-align:right;
	padding: 1px 20px 2px 2px;
	font-size: 1.6em;
	color:#CD4D8D;
	background:url(../images/h3.png) bottom right no-repeat;
}

#desni a {
text-decoration: none;
	color:#CD4D8D;
 }
 
 #desni a:hover {color: #333;}
 

 
#content .tekst {/*background:url(../images/wrap2.gif) bottom center no-repeat;*/ 
padding-bottom:40px;
min-height:300px;
}
 
 
 /*imageflow*/
 
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%}
.imageflow .navigation{z-index:10000;}
.imageflow .caption{position:relative; text-align:center; z-index:10001 font-size:76%; font-family: verdana, geneva; color:#333;}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px}
.imageflow .slider{background-image:url(../images/slider.png); background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}
.imageflow .images{overflow:hidden; white-space:nowrap; border:#B1D6AA 1px dotted;}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{background:url(../images/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}
.imageflow .next{background:url(../images/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}


/*.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}*/

/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
padding: 0;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 300px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 300px;  /*For users with JS disabled: Height of each content*/
}