/* Start of CMSMS style sheet 'eurovoce' */
/* CSS Document */
body {
background-color: #426503;
margin: 0px;
padding: 0px;
}
#wrapper{
width: 988px;
margin: 0px auto;
padding: 0px;
background: transparent;
}
#wrapper #header{
width: 988px;
height: 277px;
margin: 0px;
padding: 0px;
background: transparent;
}

/* ovo je inside header sekcija division elements */

#wrapper #header #logo_box{
width: 276px;
height: 277px;
float: left;
background: transparent url(images/logo_box.jpg) no-repeat 0 0;
position: relative;
}
#wrapper #header #logo_box .lang{
display:block;
height:22px;
left:54px;
margin:0;
padding:0;
position: absolute;
top:28px;
width:96px;
}
#wrapper #header #logo_box .lang li{
width: 32px;
height: 22px;
float: left;
display: block;
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}
#wrapper #header #logo_box .lang li a{
width: 100%;
height: 100%;
display: block;
margin: 0px;
padding: 0px;
text-indent: -9000px;
}


#wrapper #header #logo_box h1{
display:block;
height:108px;
left:61px;
margin:0;
padding:0;
position: absolute;
top:84px;
width:205px;
overflow: hidden;
}
#wrapper #header #logo_box h1 a{
display:block;
height:100%;
width:100%;
text-indent: -9000px;
}

#wrapper #header #flasher{
width: 119px;
height: 277px;
margin: 0px;
padding: 0px;
background: transparent url(images/flasher.jpg) no-repeat 0 0;
float: left;
overflow: hidden;
}
#wrapper #header #flasher #flash{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
float: left;
}
#wrapper #header #flasher #flash #flash_movie{
width: 100%;
height: 100%;
margin: 0px;
padding: 3px 0 0 0;
float: left;
}
#wrapper #header #search_box{
width: 593px;
height: 56px;
margin: 0px;
padding: 0px;
float: left;
background: transparent url(images/search_box.jpg) no-repeat 0 0;
}
#wrapper #header #search_box #cntnt01searchinput{
display:inline;
float:left;
margin:0 7px 0 0;
padding:2px 0 0 7px;
position:relative;
top:29px;
width:223px;
left: 231px;
background: transparent;
border: none;
font-size: 0.8em;
}
#wrapper #header #search_box .submit{
display:block;
float:left;
margin:0px;
padding:0px;
position:relative;
top:28px;
left: 234px;
width: 82px;
height: 22px;
cursor: pointer;
background: transparent;
border: none;
text-indent: -9900px;
}
#wrapper #header #proizvodi_title{
width: 593px;
height: 73px;
margin: 0px;
padding: 0px;
float: left;
background: transparent url(images/proizvodi_title.jpg) no-repeat 0 0;
}
#wrapper #header #slider_box{
width: 593px;
height: 148px;
margin: 0px;
padding: 0px;
float: left;
background: transparent url(images/slider_box.jpg) no-repeat 0 0;
}

/*  end inside header section    */


/*  navigation (sve potrebno za navigaciju)     */

#wrapper #navbar{
width: 963px;
height: 44px;
margin: 0px;
padding: 0 0 0 25px;
background: transparent url(images/navbar.jpg) no-repeat 0 0;
float: left;
}
#wrapper #navbar ul{
list-style-type: none;
margin: 0px;
padding: 0px;
float: left;
}
#wrapper #navbar ul .naslovna{
width: 93px;
height: 44px;
background: transparent url(images/eurovoce_matrix.jpg) no-repeat 0 0;
margin: 0px;
padding: 0px;
display: inline;
float: left;
}
#wrapper #navbar ul .naslovna a:hover{
background: transparent url(images/eurovoce_matrix.jpg) no-repeat 0 -44px;
}
#wrapper #navbar ul .eurovoce{
width: 67px;
height: 44px;
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -93px 0;
margin: 0px;
padding: 0px;
display: inline;
float: left;
}
#wrapper #navbar ul .eurovoce a:hover{
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -93px -44px;
}
#wrapper #navbar ul .proizvodni_program{
width: 130px;
height: 44px;
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -160px 0;
margin: 0px;
padding: 0px;
display: inline;
float: left;
}
#wrapper #navbar ul .proizvodni_program a:hover{
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -160px -44px;
}
#wrapper #navbar ul .vlastita_proizvodnja{
width: 133px;
height: 44px;
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -290px 0;
margin: 0px;
padding: 0px;
display: inline;
float: left;
}
#wrapper #navbar ul .vlastita_proizvodnja a:hover{
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -290px -44px;
}
#wrapper #navbar ul .kooperacija{
width: 81px;
height: 44px;
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -423px 0;
margin: 0px;
padding: 0px;
display: inline;
float: left;
}
#wrapper #navbar ul .kooperacija a:hover{
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -423px -44px;
}
#wrapper #navbar ul .foto_galerija{
width: 89px;
height: 44px;
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -504px 0;
margin: 0px;
padding: 0px;
display: inline;
float: left;
}
#wrapper #navbar ul .foto_galerija a:hover{
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -504px -44px;
}
#wrapper #navbar ul .kontakt{
width: 62px;
height: 44px;
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -593px 0;
margin: 0px;
padding: 0px;
display: inline;
float: left;
}
#wrapper #navbar ul .kontakt a:hover{
background: transparent url(images/eurovoce_matrix.jpg) no-repeat -593px -44px;
}
#wrapper #navbar ul li a{
display: block;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
text-indent: -9999px;
}

/*  navigation (THE END)  */

#wrapper #content_wrapper{
	width: 988px;
	background: transparent url(images/os_y.jpg) repeat-y 0 0;
	margin: 0px;
	padding: 0px;
	float: left;	
}
#wrapper #content_wrapper #content_box{
	width: 937px;
	background: transparent url(images/gradient_deco.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0 0 0 51px;
	float: left;	
}
#wrapper #content_wrapper #content_box img{
	float: left;
}
#wrapper #content_wrapper #content_box .left_img{
	width: 24px;
        height: 377px;
	background: transparent url(images/left_oval.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	float: left;	
}
#wrapper #content_wrapper #content_box .right_img{
	width: 24px;
        height: 377px;
	background: transparent url(images/right_oval.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	float: left;	
}
#wrapper #content_wrapper #content_box #menu_box{
        background: transparent ;
        float:left;
        margin:0 20px 0 0;
        padding: 0px;
        width: 187px;
        font-size: 0.8em;
}
#wrapper #content_wrapper #content_box #menu_box #left_menu{
        background: transparent url(images/deco_menu_y.jpg) repeat-y 0 0;
        float:left;
        margin: 0px;
        padding: 0px;
        width: 187px;
        border-bottom: 1px solid #BDC1A3;
}

MENU
*********************/

	.accessibility{
		left:-999em;
		position:absolute;
		top:-999em;
	}

	dfn{
		display:inline;
		height:0;
		left:-1000px;



		overflow:hidden;
		position:absolute;
		top:-1000px;
		width:0;
	}

       
/*
/* third level has some padding to have it stand out */

div#left_menu ul ul ul {
   padding-bottom: 0em;
}

/* menu li block */
#left_menu li {
   list-style: none;
   margin: 0;
/*   border-bottom: 1px solid #c0c0c0; */
   display: block;
}

.firstitem{
border-top: 1px solid #dfea9c;
}

#left_menu ul ul li {
   border-left: 1px solid #dfea9c;
   border-right: 1px solid #dfea9c;
   border-bottom: 1px solid #dfea9c;
}

/** fix stupid ie bug with display:block; **/
* html #left_menu li a { height: 1%; } 
* html #left_menu li hr { height: 1%; }
/** end fix **/

/* first level links */
div#left_menu a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */

   color: #fff; /* this will be link color for all levels */
   
}

div#left_menu a:hover {
text-decoration:underline;
}


/* current page */
.currentpage {
color: #f0f0f0;
padding: 0px;
}

.currentpage li {
padding-left: 5px;
}

/* hover state for all links */
div#menu_vert a:hover {

   color: #000;
   text-decoration: underline;
   
}
div#left_menu a.activeparent:hover {
    color: #006941;
}

div#left_menu li.activeparent {
     color: #18507C;
     width: 100%
     margin:0 1px 0 1px;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#left_menu li a.activeparent {
    /* color: #Fe0000;*/
}

div#left_menu ul ul li a.activeparent {
   background-color: #CCDDCC;
   background-repeat: no-repeat;
   background-position: center right;
   color: #000;
   border-bottom: 1px solid #D8D8D8;
   font-size:90%;
   padding: 0 0 0 12px;
   margin: 0 1px;
   font-weight: bold;

}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#left_menu ul h3 {
   background: #e1e1e1;
   display: block; 
/*   padding: 0.5em 0.3em 0.5em 1em; */
padding:4px 0 4px 10px;
   color: #F01A26;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
   font-style: normal;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#left_menu ul ul h3 {
   font-size: 1.0em;
  /* padding: 0.3em 0.5em 0.3em 1em;*/
padding:4px 0 4px 10px;
   background-color: transparent; 
   border-bottom: none;
   color: #586581;    
   font-style: bold;
}

/* current page on third level, more padding */
   div#left_menu ul ul ul h3 {
        padding:0 0 4px 20px;
        color:#ff0000;
}



/*       left menu end    */

#wrapper #content_wrapper #content_box #index_content{
	width: 577px;
	background: transparent url(images/os_x.jpg) repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	float: left;
}
#wrapper #content_wrapper #content_box #index_content h2{
	margin: 45px 0 15px 0;
	padding: 0px;
	font-size: 1.0em;
	color: #689608;
}
#wrapper #content_wrapper #content_box #index_content h3{
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #689608;
}
#wrapper #content_wrapper #content_box #index_content h4{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #689608;
}
#wrapper #content_wrapper #content_box #index_content p{
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
        line-height: 1.3em;
}
#wrapper #content_wrapper #content_box #index_content img{
	margin: 0 10px 0 0;
	padding: 6px;
	background-color: #f7f7f7;
	border: 1px solid #dddddd;
}
#wrapper #content_wrapper #content_box #index_content #contact_text_area{
        width: 289px;
        margin: 0px;
        padding: 0px;
        float: left;
}
#wrapper #content_wrapper #content_box #index_content #contact_map_area{
        width: 286px;
        margin: 48px 0 0 0;
        padding: 0px;
        float: left;
        border: 1px solid #cecece;
}
#wrapper #content_wrapper #content_box #index_content #contact_text_area .contact_podatci{
        margin: 0px 0 0 20px;
        padding: 0px;
        font-size: 0.6em;
        color: #689608; 
        line-height: 1.0em;
}
#wrapper #content_wrapper #content_box #index_content #contact_text_area .contact_podatci li {
       margin: 5px 5px 10px 5px;
}
#wrapper #content_wrapper #content_box #index_content #contact_text_area .contact_podatci li span{
        color: #000;
}
#wrapper #content_wrapper #content_box #content{
	width: 637px;
	background: transparent url(images/os_x.jpg) repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	float: left;
}
#wrapper #content_wrapper #content_box #content h2{
	margin: 45px 0 15px 0;
	padding: 0px;
	font-size: 1.0em;
	color: #689608;
}
#wrapper #content_wrapper #content_box #content p{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#wrapper #content_wrapper #content_box #content img{
	margin: 0 10px 0 0;
	padding: 6px;
	background-color: #f7f7f7;
	border: 1px solid #dddddd;
}
#wrapper #content_wrapper #content_box #content ul{
        margin: 0px;
        padding: 0px;
        font-size: 0.8em;
}
#wrapper #content_wrapper #content_box #content ul li{
        margin: 0 0 0 30px;
        padding: 0 0 10px 0;
}
#wrapper #content_wrapper #content_box #media_box {
	width: 247px;
	margin: 22px 0 0 23px;
	padding: 0px;
	background: transparent;
	float: left;
}
#wrapper #content_wrapper #content_box #media_box h3{
	margin: 0px;
	padding: 10px 0 0 0;
	font-size: 0.8em;
	color: #689608;
	font-style: normal;
	text-decoration: underline;
	float: left;
}
#wrapper #content_wrapper #content_box #media_box .cert{
	margin: 5px 5px 0 0;
	padding: 0px;
	border: 1px solid #ccc;
	float: left;
}


#wrapper #content_wrapper #content_box #media_box #news_box {
	width: 243px;
	margin: 10px 0 0 0;
	padding: 0px;
	background: transparent;
	float: left;
}
#wrapper #content_wrapper #content_box #media_box #news_box p{
	margin: 0px;
	padding: 0px;
	float: left;
        font-size: 0.7em;
        clear: both;
}
#wrapper #content_wrapper #content_box #media_box #news_box .date{
        font-size: 0.6em;
        clear: both;
        display: block;
}
#wrapper #content_wrapper #content_box #media_box #news_box h3{
	margin: 0px;
	padding: 10px 0 0 0;
	font-size: 1.0em;
	color: #689608;
	font-style: normal;
        text-decoration: none;
}
#wrapper #content_wrapper #content_box #media_box #news_box .NewsSummaryPostdate{
       clear: both;
       float: left;
       margin: 10px 0 10px 0;
       padding: 0px;
}
br{
	clear: both;
}


#wrapper #content_wrapper #content_box #contact_box {
	width: 245px;
	margin: 22px 0 0 21px;
	padding: 0px;
	background: transparent;
	float: left;
}
#wrapper #content_wrapper #content_box #contact_box ul{
        margin: 0px 0 0 20px;
        padding: 0px;
        font-size: 0.8em;
        color: #689608; 
}
#wrapper #content_wrapper #content_box #contact_box ul li {
       margin: 5px 0 10px 5px;
}
#wrapper #content_wrapper #content_box #contact_box ul li span{
        color: #000;
}
#wrapper #content_wrapper #content_box #contact_box #form_box {
	width: 245px;
	margin: 10px 0 0 0;
	padding: 0px;
	background: transparent;
	float: left;
}
#wrapper #content_wrapper #content_box #contact_box #form_box fieldset {
	width: 0px;
        height: 0px;
	margin: 0px;
	padding: 0px;
	background: transparent;
        border: 0px;
	float: left;
}
#wrapper #content_wrapper #content_box #contact_box #form_box input{
        width: 235px;
        margin: 0 0 2px 0;
        padding: 6px 0 6px 6px;
        float: left;
        border: 1px solid #ccc;
        font-size: 0.8em;
        font-style: normal;
}
#wrapper #content_wrapper #content_box #contact_box #form_box textarea{
        width: 235px;
        height: 100px;
        margin: 0px;
        padding: 6px 0 6px 6px;
        float: left;
        border: 1px solid #ccc;
        font-size: 0.9em;
}
#wrapper #content_wrapper #content_box #contact_box #form_box #m3fbrp_submit{
        width: 60px;
        margin: 10px 0 0 0;
        padding: 6px 0;
        float: left;
        border: 1px solid #ccc;
        background-color: #6DA041;
        color: #fff;
        font-size: 0.8em;
        cursor: pointer;
}
#wrapper #content_wrapper #content_box #contact_box #form_box label{
        font-size: 0.8em;
}
#wrapper #footer{
	clear: both;
	width: 988px;
	height: 102px;
	margin: 0px;
	padding: 25px 0 0 0;
	background: transparent url(images/footer_bckg.jpg) no-repeat 0 0;
	text-align: center;
}
#wrapper #footer p{
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #000;
}
#wrapper #footer ul{
	margin: 0px;
	padding: 0px;
}
#wrapper #footer ul li{
	list-style-type: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
#wrapper #footer ul li a{
	padding: 0px;
	margin: 0px;
	color: #FD7500;
	font-size: 0.7em;
	text-decoration: none;
}
a img { border: none; }

table th{
background:#426503;
color:#fff;
font-size:14px;
}

table td{
font-size:12px;
}

table tr.tbleven{
background:#f1b119;
}

table tr.tblodd{
background:#ebcc1a;
}

.top-level{
background:#aac447;
color:#fff;
}

.top-level h2{
color:#426503;
}

.ulnav{
margin-top:25px;
}

.top-level h2{
padding:5px;
margin:0px;
font-size:1.1em;
}

.top-level ul li{
padding:5px 5px 5px 15px;
background:#77ae48;
}
/* End of 'eurovoce' */