* {
	outline: none;
}

html,body {
	margin: 0;
	padding: 0;
	text-align:left;
}

body {
	margin-top:0px;
	background-color: #203965;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:  #ED500D;
	font-weight: bold;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #ED500D;
	font-weight: bold;
}

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

a:hover {
	text-decoration: underline;
	color: #EF550D;
}

img{
	border:none;	
}

#header{
	height:130px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}

.naslovi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EF500F;
	font-weight: bold;
	padding: 1px;
}

.sadrzaj {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #333;
	font-weight: normal;
	padding: 6px;
}
.sadrzaj_centar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #333;
	font-weight: normal;
	padding: 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D8D8D8;
}

.sadrzaj_linije {
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CECECE;
}
.footer_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #333;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}
.linije_sredina {
	font-weight: normal;
	padding: 8px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D4D4D4;
	border-left-color: #D4D4D4;
}
.linije_gore {
	font-weight: normal;
	padding: 8px;
	border: 1px solid #D4D4D4;


}
.linije_sredina2 {
	font-weight: normal;
	border: 1px solid #D8D8D8;
}

.navigacija {
	font-weight: bold;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F25B0A;
}
.forma_unos {
	font-family: Calibri, Tahoma;
	font-size: 12px;
	color:  #333333;
	padding: 2px;
	border: 1px solid #ACC5A0;
	background-color: #FFFFFF;
	font-weight: bold;

}
.forma_gumbi {
	font-family: Tahoma;
	font-size: 11px;
	color:  #FFFFFF;
	border: 1px solid #D9E9CF;
	background-color: #FF7B02;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}
.sredina {
	background-image: url(images/images/sredina_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.uskoro_program {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #333;
	font-weight: normal;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}
.uskoro_program_w {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #FFF;
	font-weight: normal;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}

.naglaseno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #ED500D;
	font-weight: bold;
}
.ljevo {
	background-image: url(images/ljevo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.linkovi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #333;
	font-weight: normal;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}
.forma {
	font-family: Tahoma;
	font-size: 10px;
	color:  #333333;
	font-weight: normal;
	padding: 6px;
}
.tekst_bg {
	background-image: url(images/tekst_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.tekst_bg_2 {
	background-image: url(images/tekst_bg_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.sadrzaj_akcija {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color:  #333;
	font-weight: normal;
	padding: 6px;
}

.proizvod_lista {
	font-weight: normal;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #D8D8D8;
}
.proizvod_box {
	border: 1px solid #CFCFCF;
	padding: 6px;
}
.proizvod_sifra {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color:  #FFF;
	padding: 3px;
}
.proizvod_box_2 {
	background-color: #E8E8E8;
	padding: 6px;
	border: 1px solid #CFCFCF;
}
.pregled_proizvoda_box {
	font-weight: normal;
	padding: 8px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D4D4D4;
	border-left-color: #D4D4D4;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-color: #D4D4D4;
	border-bottom-color: #D4D4D4;
}
.proizvod_box .thumb{
	width:180px;
	height:120px;
	padding: 7px;
	text-align:center;
}

.product_box{
	display:block;
	float:left;
	width:208px;
	margin:5px;
	border: 1px solid #fff;
	background-color: #e8e8e8;
}
.product_box .hasvideo{
	margin-top:-36px;
	margin-left:4px;
	position:relative;
	z-index:11;
	float:left;
}
.product_box:hover{
	border: 1px solid #F4900c;
	background-color: #e7e4f0;
}
.product_box .title {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color:  #FFF;
	padding: 3px;
}
.product_box .title a{
	color:#fff;
}
.product_box .title a:link{
	color:#fff;
}
.product_box .title a:hover{
	color:#fff;
}


.moretmb{
	border:solid 2px #eee;
	padding:1px;
	margin:2px;
}
.moretmb:hover{
	border:solid 2px #aaa;
}


/* DODANE KLASE */
.white{ background-color:#fff; }
.grey{ background-color:#e8e8e8; }
.darkgrey{ background-color:#d4d4d4; }
.orange{ background-color:#F4600A; }

/* LINKOVI I TABLICE */ 


table#navigator {
	text-align: center;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

table#navigator tr td
{
	margin: 0px;
	line-height: 25px;
	width: 12%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/kategorije_bg.jpg);
}

table#navigator tr td a{
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

table#navigator tr td a:link, table#navigator tr td a:visited{
	color: #FFF;
}

table#navigator tr td a:hover{
	color: #FFF;
	background-color: #FC984E;
}

table#navigator tr td a:active{
	color: #000;
}

.footerbg{
	background-color: #203965;
	background-image: url(images/footer.jpg);
	background-repeat:no-repeat;
}

.limeta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  #ADADAD;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.limeta a {
	color:#ADADAD;
}
.limeta a:hover {
	color:#FC984E;
}

/* TOP MAIN DROPDOWN MENU */
ul.topnav {
	width:100%;
	list-style: none;	
	margin: 0;
	padding: 0;
	background-image: url(images/kategorije_bg.jpg);
	
}
ul.topnav li {
	display:block;
	float: left;
	margin: 0;
	padding: 4px;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	display:block;
	margin: 0;
	padding: 5px 25px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
ul.topnav li a:hover{
	color: #fff;
	background-color: #FC984E;
	text-decoration:none;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
}
ul.topnav li span.subhover {
	background-position: center bottom;
	cursor: pointer;
} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 4px;
	top: 30px;
	margin: 0;
	padding-left:10px;
	padding-bottom:10px;
	display: none;
	float: left;
	width: 180px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #DD480E;
	border-top: none;
	background-color:#eee;
	padding-top: 0;
	padding-right: 0;
}
ul.topnav li ul.subnav li{
	margin: 0;
	padding: 1px;
	clear: both;
	width: 170px;
	z-index:1000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
}
html ul.topnav li ul.subnav li a {
	float: left;
	margin: 0;
	width: 160px;
	padding-left: 5px;
	color:#333;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	color:#fff;
	background-color:#FF7A01;
	background-image:url(images/dropdownover.jpg);
}

ul.subnav li.emptycat a,
ul.subnav li.emptycat a:link,
ul.subnav li.emptycat a:visited,
ul.subnav li.emptycat a:hover,
ul.subnav li.emptycat a:active,
a.emptycat,
a.emptycat:link,
a.emptycat:visited,
a.emptycat:hover,
a.emptycat:active
{
	color:#999;
}

/* BREADCRUMBS */
#breadcrumbs {
	width:560px;
}
#breadcrumbs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	float: left;
}
#breadcrumbs li {
	float: left;
	padding: 0 9px 0 0;
	margin: 0 5px 0 0;
}

/* NAV BOTTOM */
#nav_bottom ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	float: left;
}
#nav_bottom li{
	display:inline;
	padding:5px 8px;
	border-right: solid 1px #d8d8d8;
}
#nav_bottom li a{
	font-weight:bold;
	text-transform:uppercase;
}

/* SEARCH */
.searchtop{
	width:250px;
	position:relative;
	top:65px;
	left:637px;
	z-index:5;
}
.searchtop input{
	width:175px;
	border:none;
	color:#ED500D;
	font-size:12px;
	font-weight:bold;
	padding:2px;
}
.searchbg{
	display:block;
	float:right;
	width:210px;
	height:20px;
}
.searchbg input{
	color:#ED500D;
	font-size:11px;
	padding:2px;
}

#searchlist{
	text-align:left;
}

/* PRODUCTS */
.pold{
	color:#777;
	text-decoration:line-through
}
.paction{
	color:#F4600A;
	font-weight:bold;
}

#mediamenu{
	width:320px;
	list-style:none;
	margin:0;
	padding:0;	
}

#mediamenu li{
	width:160px;
	float:left;
	height:20px;
	padding-top:5px;
	background-color:#F7823C;
	text-align:center;
}
#mediamenu .selected{
	background-color:#F4600A;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden; 
	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:665px;
		height:350px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:999;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */		


/* Pagination */
.pagination {
	height: 24px;
	font-size: 13px;
}
.pagination a {
	display:block;
	float:left;
	font-size: 13px;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left: 9px;
	padding-right: 9px;
	border: solid 1px #dadada;
	color: #F4600A;
}
.pagination a:link{	
	font-size: 13px;
	text-decoration: none;
	color: #F4600A;
}
.pagination a:visited{
	text-decoration: none;
	color: #F4600A;
} 
.pagination a:hover{
	text-decoration: none;
	color: #fff;
	background-color:#F4600A;
	border: solid 1px #ddd;
}
.pagination a:active{
	text-decoration: none;
	background-color:#F4600A;
	color: #fff;
}
.curpage a:link, .curpage a:active, .curpage a:visited{
	font-weight:bold;
	color:#fff;
	background-color: #F4600A;
}
.curpage a:hover{
	font-weight:bold;
	background-color: #F4600A;
}

/* FORM STYLES */
form label{
	padding:0px;
	margin-right:10px;
	margin-left:5px;
}
form .full{
	text-align: right;
	font-weight: bold;
	padding:0px;
	margin-right:10px;
}
form .half{
	display:inline-block;
	float: left;
	width: 150px;
 	text-align: right;
	font-weight: bold;
	padding:0px;
	margin-right:10px;
}
form .ctrl{
	padding-left:20px;
	padding-bottom:10px;
}
form input{
	width:auto;
	padding:2px;
}
form input[type="radio"]{
	margin-right:5px;
}
form input[type="checkbox"]{
	margin-right:5px;
}
form textarea{
	width:300px;
	padding:2px;
}
form select{
	padding:2px;
}
form ul,form li{
	padding:0;
	margin:0;
}
form li{
	list-style:none;
}
/* VALIDATION CLASSES */
.valid-msg{
	display:block;
	color: #B63D04;
	border:solid 1px #B63D04;
	padding:8px;
	margin-top:2px;
	margin-bottom:2px;
	font-size:14px;
}
.success-msg{
	display:block;
	color: #0c0;
	border:solid 1px #0c0;
	padding:8px;
	margin-top:2px;
	margin-bottom:2px;
	font-size:14px;
}
.error-msg{
	display:block;
	color: #f00;
	border:solid 1px #f00;
	padding:8px;
	margin-top:2px;
	margin-bottom:2px;
	font-size:14px;
}