@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	background: #22041a url(../../img/images2/bg2.gif) repeat-x top left;
	margin: 0px;
	font-family:Trebuchet MS;
	font-size:11px;
	padding: 0;
	margin: 0;
	}
	
a {outline: none;}

#mainContainer2{
position:relative;
width: 970px; 
margin: 30px auto;
margin-bottom: 50px;
overflow:hidden;
}	

#mainContainer{
position:relative;
width: 968px; 
margin: 0 auto;
border-left:1px solid #5d1549;
border-right:1px solid #5d1549;
overflow:hidden;
}

#headerContainer{
position:relative;
width: 970px;
height: 108px;
border-bottom:1px solid #5d1549;
text-align:left;
margin:0px;
}

img {display:block;}

p {margin:0; padding:0;}

#headerContainer img {
display: block;
margin:0px;
position:absolute;
top:0px;
right:0px;
}

#logo{
position:absolute;
display:block;
top:0px;
left:0px;
width:254px;
height:108px;
background: #0c1409 url(../../img/images2/logo.jpg) repeat-x top left;
}


.top_navigation{
display:block;
list-style:none;
float:right;
height:37px;
zoom:1;
padding:0px;
margin:0px;
}

.top_navigation li{
float:left;
font-size:13px;
width: 100px;
height:36px;
border-left:1px solid #5d1549;
text-transform:uppercase;
font-weight:bold;
zoom:1;

}
.top_navigation li a{	
	padding-top: 10px;
	display:block;
	height:26px;
}
.top_navigation li a.passive{
color:#be48a6;
text-decoration:none;
}
.top_navigation li a.active{
background:url(../../img/images2/active_state_btn.gif) no-repeat top left;
color:#d9a5c4;
text-decoration:none;
border-bottom:1px solid #230318;
overflow:hidden;

}
.top_navigation li a:hover{
background:url(../../img/images2/active_state_btn.gif) no-repeat top left;
color:#d9a5c4;
text-decoration:none;
border-bottom:1px solid #230318;
overflow:hidden;
}

#nav {
width: 970px;
position:relative;
height: 36px;
border-bottom: 1px solid #5d1549;
}

#search_box{
height: 23px;
position: absolute;
left: 10px;
bottom: 0px;
font-size: 11px;
}
.txtsearch{
float:left;
border:1px solid #5d1549;
background-color:#340a27;
width:183px;
height:18px;
color:#D9BEEE;
padding-top: 3px;
padding-left: 3px;
}
.search_btn
{
background:transparent url(../../img/images2/search_btnT.gif) no-repeat scroll 0%;
float:left;
width:41px;
height:22px;
border: 1px solid #5d1549 !important;
border-left:none !important;
outline: none;
}


/*------------------- SUBMENU---------------------*/
#submenu{
width:968px;
background-color:#230318;
overflow:hidden;
border-left: 1px solid #5D1549;
border-right: 1px solid #5D1549;
}
.top_navigation2{
display:block;
list-style:none;
float:right;
height:px;
zoom:1;
padding:0px;
margin:10px 17px 12px 0;
}
.top_navigation2 li{
float:left;
font-size:12px;
height:13px;
font-weight:bold;
zoom:1;

}
.top_navigation2 li a{
padding-right: 17px;
padding-left: 17px;
border-left:1px solid #ab3d93;
height: 12px;
}
.top_navigation2 li a.passive{
color:#be48a6;
text-decoration:none;
}
.top_navigation2 li a.active{
color:#d9a5c4;
text-decoration:none;
}
.top_navigation2 li a:hover{
color:#d9a5c4;
text-decoration:none;
}
.top_navigation2 li a.passive1{
color:#be48a6;
text-decoration:none;
border-left: 1px solid #230318;
}
/*-------------------// SUBMENU---------------------*/


#middle_wrapper {
width: 948px;
position:relative;
background-color:#230318;
padding: 0 10px 10px 10px;
}


/*------------------- MIDDLE CONTENT---------------------*/

#middle_content{
width:946px;
border:1px solid #2e0624;
color:#e3cbf6;
margin:0;
padding:0;
background:url(../../img/images2/mali_bg.gif) repeat-x top left;
}
/*----------LEFT COLUMN-----------------*/
#left_S{
width: 22px;
float:left;
background: url(../../img/images2/grupa_LS.gif) repeat-y top left;
height: 940px;
}

#left_column{
float:left;
width:417px;
text-align:left;
margin-left:17px;
margin-top:25px;
display:inline;
}
.clanak{
width: 445px;
height: 116px;
overflow:hidden;
margin-top:15px;
margin-left:20px;
float:left;
background: url(../../img/images2/grupa_hor_bottom_separator.gif) repeat-x left bottom;
}
.clanak img{
border:1px solid #681852;
margin-right: 10px;
margin-bottom:15px;
}
.clanak2{
float:left;
width: 300px;
text-align:left;
margin-left:20px;
}
.naslov_article{margin:0;padding:0;color:#fff1fa;position:relative;}
.naslov_article span{text-align:right; font-size:10px; position:absolute; top:2px; right:0;}
.fpi_separator{
clear:both;
background: url(../../img/images2/grupa_hor_bottom_separator.gif) repeat-x top left;
height:1px;
}
.fpi_separator3{
width:286px;
background: url(../../img/images2/grupa_hor_top_separator.gif) no-repeat top left;
}
.saznajte_vise{ 
float:right;
text-align:right;
margin:0;
margin-top:2px;
font-size:9px;
background:url(../../img/images2/grupa_strelice.gif) no-repeat right; }
p.saznajte_vise a{
padding-right: 16px;
text-decoration:none; color:#fff1fa;}

/*----------// LEFT COLUMN-----------------*/



/*----------RIGHT COLUMN-----------------*/
#right_column{
width:415px;
text-align:left;
overflow:hidden;
padding:0;
margin:0;
float:right;
margin-top:25px;
}
#right_S{
width: 22px;
float:right;
background: url(../../img/images2/grupa_RS.gif) repeat-y top left;
height:940px;
overflow:hidden;
}

/*----------// RIGHT COLUMN-----------------*/



#bottom_middle
{
    position:relative;
    top:15px;
	width:948px;
	height:34px;
	background-color:#82366f;
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
}

#lijevi_bottom{
float:right;
width:265px;
background:url(../../img/images2/grupa_brush.gif) no-repeat top left;
height:34px;
text-align:right;
overflow:hidden;
}

#desniLS_bottom{
float:left;
width:22px;
background:url(../../img/images2/grupa_LS_bottom.gif) no-repeat top left;
height:34px;
overflow:hidden;
}
#desni_bottom{
float:right;
width:397px;
height:34px;
background-color:#83366f;
text-align:left;
margin:0;
padding:0;
}

#desni_bottom a.prethodnih{
float:left;
text-decoration:none;
text-indent:1000em;
border:0;
display:block;
width:112px;
height:34px;
background:url(../../img/images2/prethodnih2.gif) no-repeat top left;
border-right: 1px solid #83366f;
overflow:hidden;
}

#desni_bottom a.prethodnih:hover{
background:url(../../img/images2/prethodnih2_hover.gif) no-repeat top left;
}

#desni_bottom a.prethodnih_srednji{
float:left;
text-decoration:none;
color:#000000;
border:0;
display:block;
width:171px;
height:34px;
background:url(../../img/images2/prethodnih_srednji2.gif) no-repeat top left;
overflow:hidden;
}

#desni_bottom a.slijedecih{
float:left;
text-decoration:none;
text-indent:1000em;
border:0;
display:block;
width:112px;
height:34px;
background:url(../../img/images2/slijedecih2.gif) no-repeat top left;
border-left: 1px solid #83366f;
overflow:hidden;
}

#desni_bottom a.slijedecih:hover{
background:url(../../img/images2/slijedecih2_hover.gif) no-repeat top left;
}
/*-------------------------*/
#desniBottomGroup{
float:right;
width:397px;
height:34px;
background-color:#83366f;
text-align:left;
margin:0;
padding:0;
}

#desniBottomGroup a.prethodnih{
float:left;
text-decoration:none;
text-indent:1000em;
border:0;
display:block;
width:112px;
height:34px;
background:url(../../img/images2/prethodnih2.gif) no-repeat top left;
border-right: 1px solid #83366f;
overflow:hidden;
}

#desniBottomGroup a.prethodnih:hover{
background:url(../../img/images2/prethodnih2_hover.gif) no-repeat top left;
}

#desniBottomGroup a.prethodnih_srednji{
float:left;
text-decoration:none;
color:#000000;
border:0;
display:block;
width:171px;
height:34px;
background:url(../../img/images2/prethodnih_srednji2.gif) no-repeat top left;
overflow:hidden;
}

#desniBottomGroup a.slijedecih{
float:left;
text-decoration:none;
text-indent:1000em;
border:0;
display:block;
width:112px;
height:34px;
background:url(../../img/images2/slijedecih2.gif) no-repeat top left;
border-left: 1px solid #83366f;
overflow:hidden;
}

#desniBottomGroup a.slijedecih:hover{
background:url(../../img/images2/slijedecih2_hover.gif) no-repeat top left;
}




/*-------------------// MIDDLE CONTENT---------------------*/
.clear {
clear: both;
height:0;
}

/*---------- BOTTOM CONTAINER-----------------*/

#bottom_container{
clear:both;
background-color:#22041a;
width:968px;
color:#b3dca2;
border-top:1px solid #440f34;
border-bottom:1px solid #440f34;
overflow:hidden;
text-align:left;
}

#lijevi_bottom_cont{
width:432px;
float:left;
color:#b3dca2;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
}

#bottom_separator{
float:left;
width:1px;
height:230px;
margin:0;
overflow:hidden;
background:url(../../img/images2/bottom_separator.gif) top left;
padding-bottom: 3px;
}
#nov{
width:100px;
height:27px;
margin-bottom:18px;
}
#desni_bottom_cont{
width:432px;
float:right;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
}

.marketing_btn{
display: block;
width:98px;
height:26px;
background:url(../../img/images2/marketing_btn.gif) no-repeat top left;
border-bottom:1px solid #5d1549;
border-left:1px solid #5d1549;
border-right:1px solid #5d1549;
text-indent:1000em;
}



/*----------// BOTTOM CONTAINER-----------------*/



/*----------FOOTER-----------------*/
#footer{
width:100%;
background-color:#682b4c;
color:#d9a5c4;
font-weight:bold;
text-align:right;
height:30px;
overflow: hidden;
margin-top:10px;


}

.tekst_footer {
float:right;
width:700px;
padding-top:8px;
padding-right: 30px;
margin:0;
}
.tekst_footer a {
color:#d9a5c4;
text-decoration: none;
}
.tekst_footer a:hover {
color:#fff;
text-decoration: none;
}
#footer_slika{
float:left;
width:224px;
height: 30px;
background:#396128 url(../../img/images2/bottom_brush.gif) no-repeat top left;
}

/*----------// FOOTER-----------------*/