/*CSS made by Zoran Perin - ALEZZO.COM*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#767676;
	background:#fff url(../images/main_bg.png) repeat-x;
	height:100%;}
	
a:link {color:#146EAA;}
a:visited {color:#157AB7;}
a:hover {color:#E29018;}
a:active {color:#157AB7;}

a:link, a:visited, a:hover, a:active {text-decoration:none;outline:none;}

/*RESET*/

a img, :link img, :visited img {border: 0;}

ul {list-style: none;}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, table, th, td, embed, object {
	padding:0; margin: 0;}
	
.clear {clear:both;}

.bold { font-weight:bold;}

.blue {color:#146EAA;}

/*ALL*/
#all {width:946px;overflow:hidden;background:url(../images/all.png) repeat-y;	margin:auto;}
	
hr {border:1px solid #BAD3E3}

h1 {font-weight:bold; font-size:16px; color:#146EAA;}
h2 {font-weight:normal; font-size:14px; color:#146EAA;}

/*HEADER*/

#header {width:926px;height:80px;margin:auto;}
	
.logo {width:332px;	height:54px;float:left; padding:25px 0 0 15px;}
	
.adresa {width:400px;height:55px;float:left;font-size:11px}
	
.jezici {width:200px;height:55px;text-align:right;margin-right:10px;line-height:55px;float:right;}
	
/*MENU*/
#menu {	width:926px;height:32px;margin:auto;background:url(../images/menubg.png) repeat-y; margin-bottom:3px;}
	
.menu_div {width:90px;height:30px;	margin:2px 0 0 0;line-height:30px;text-align:center;font-weight:bold;float:right;}
	
/*BANER*/
#baner {width:926px;height:234px;margin:auto;overflow:hidden;}
.slajdovi {width:926px;}
.slajdovi img {width:926px;height:234px;display:block;}

#baner_namestaj {width:926px;height:234px;margin:auto; background:url(../images/baner/baner_namestaj.jpg) no-repeat;}

/*MAIN*/
#main {	width:926px;overflow:hidden;margin:auto;background-color:#fbfafa;}

/*FOOTER*/
#footer {width:100%;height:105px;text-align:center;	background-color:#686868}
	
.footer_back {width:946px;height:90px;background:url(../images/footer.gif) no-repeat; margin:auto;}
	
.foot_space {width:100%; height:22px;}

.foot_link {width:946px;height:55px;margin:auto;text-align:center;}


/*VEST PANEL*/
#desno {width:226px;overflow:hidden;padding:5px;float:right;}

.vest_top {
	width:216px;
	height:29px;
	line-height:29px;
	color:#5B5B5B;
	font-weight:bold;
	padding:0 0 0 5px;
	background:url(../images/vest_top.png) repeat-x;}
	
.vest_main {
	width:216px;
	overflow:hidden;
	background-color:#fafafa;
	border-bottom:1px dotted #ccc;
	padding:5px;
	text-align:justify;
	margin-bottom:5px;}
	
/*NASLOVNA*/
#levo {
	width:656px;
	overflow:hidden;
	float:left;
	padding:15px;
	border-right:4px solid #fff}

.ponuda {
	width:205px;
	height:260px;
	float:left;
	margin-right:20px;}
	
.ponuda2 {
	width:205px;
	overflow:hidden;
	float:left;}

.ponuda_top {
	width:200px;
	height:29px;
	line-height:29px;
	color:#5B5B5B;
	font-weight:bold;
	padding:0 0 0 5px;
	background:url(../images/vest_top.png) repeat-x;}
	
.ponuda_stavka {
	width:175px;
	height:33px;
	line-height:33px;
	border-top:1px solid #E5E4E4;
	margin:auto;
	padding-left:10px;
	cursor:hand;
	background:url(../images/strelica.gif) center right no-repeat;}

.ponuda_detaljnije {
	width:175px;
	border-top:1px solid #E5E4E4;
	margin:auto;
	text-align:right;
	padding-left:10px;}
	
.akcija, .akcija2, .akcija1 {
	width:96px;
	height:96px;
	padding:2px;
	border:1px solid #E5E4E4;
	margin-right:30px;
	float:left;
	display:inline}
	
.akcija1 {margin-left:11px;}
.akcija2 {margin-right:0}

.saradnici {width:90px;	height:60px; float:left;}

/*PROIZVODI*/
#proizvodi_levo {
	width:200px;
	overflow:hidden;
	padding:15px;
	float:left;}

#proizvodi_main {
	width:612px;
	overflow:hidden;
	float:right;
	padding:40px;
	border-left:4px solid #fff}
	
#proizvodi_main a:link {color:#818181;}
#proizvodi_main a:visited {color:#818181;}
#proizvodi_main a:hover {color:#818181;}
#proizvodi_main a:active {color:#818181;}

#navigacija {
	width:auto;
	clear:both;
	height:26px;
	line-height:26px;}
	
#navigacija a:link {color:#146EAA;}
#navigacija a:visited {color:#157AB7;}
#navigacija a:hover {color:#E29018;}
#navigacija a:active {color:#157AB7;}	

.sekcija {
	width:612px;
	padding:3px 0;
	font-size:15px;
	color:#146EAA;
	font-weight:bold;
	text-align:right;
	background-color:#eee;}
	
.xproizvod1, .xproizvod2 {
	width:275px;
	padding:10px;
	float:left;
	margin-bottom:10px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	cursor:pointer;}
	
.xproizvod1 {margin-right:20px;}

.xproizvod1:hover, .xproizvod2:hover {background-color:#eee}
	
.okvir {
	width:127px;
	height:127px;
	float:left;
	margin-right:10px;
	border:1px solid #ccc;}
	
.cena {color:#F00;}

.opis_proizvoda_slika {
	width:242px;
	overflow:hidden;
	float:left;
	text-align:center;
	margin-top:50px;}

.opis_proizvoda_text {
	width:348px;
	overflow:hidden;
	padding-left:20px;
	float:left;
	text-align:justify;}

.opis_slika_big {
	border:1px solid #CCC;}
	
.highlight {
	background-color:#999;
	padding:10px;
	color:#fff;
	text-align:center;
	font-weight:bold}
	
.naslov {
	text-align:right;
	margin-bottom:10px;}
	
td {
	height:20px;}	

/*KONTAKT*/
#kontakt_levo {
	width:480px;
	overflow:hidden;
	padding:15px;
	float:left;}

#kontakt_desno {
	width:370px;
	overflow:hidden;
	padding:15px;
	float:right;}
	
.kontakt_hold {
	width:100%;
	overflow:hidden;
	margin-left:20px;}

/*VESTI*/
#main_vesti {
	width:886px;
	padding:20px;
	overflow:hidden;
	color:#767676;
	margin:auto;
	background-color:#fbfafa;}
	
.news {
	width:100%;
	float:left;}
	
.news_naslov { font-weight:bold; color:#146EAA; font-size:12px;}

.news_text {text-align:justify;}

.bullet li {
	list-style: square;
	margin-bottom: 5px;
	margin-left:0;
	line-height : 15px;}

/*KATALOG*/
.katalog {
	width:100%;
	height:55px;
	border-bottom:1px dotted #ccc;}
	
.katalog_nav {font-size:12px;color:#cccccc;}
.katalog_nav a {margin:0 4px;font-size:12px;color:#888888;}
.katalog_nav a:hover {color:#333333;}
	
/*SAJMOVI*/
#sajam_levo {
	width:200px;
	overflow:hidden;
	padding:15px;
	float:left;}

#sajam_main {
	width:662px;
	overflow:hidden;
	float:right;
	padding:15px;
	text-align:justify;
	border-left:4px solid #fff}
	
.sajam_opis {
	width:100%;
	overflow:hidden;
	float:left;
	margin-bottom:20px;
	text-align: justify;}
	
.foto_okvir {
	width:110px;
	height:83px;
	padding:5px;
	float:left;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0 10px 10px 0}
	
/*USLUGE*/
#main_usluga {
	width:886px;
	overflow:hidden;
	margin:auto;
	padding:20px;
	background-color:#fbfafa;}
	
.usluga {
	width:100%;
	text-align:justify;
	margin-bottom:20px;}

/*PROMOCIJA*/
.promo_sivo {
	background-color:#CCC;
	padding:10px;
	text-align:justify;}
	
/*Menu*/
#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:199px;}
	
#navigation a.head {
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:22px;
	line-height:22px;
	background-color:#f5f5f5;
	padding:0px;
	text-indent:10px;
	text-decoration: none;}
	
#navigation a.head:hover {
	color:#766e65;
	background-color:#ededed;}
	
#navigation a.selected {}

#navigation a.current {color:#E29018;}
	
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:20px;}
	
#navigation li {
	list-style:none; 
	display:inline;}
	
#navigation li li a {
	color:#766e65;
	display:block;
	text-indent:20px;
	text-decoration: none;}
	
#navigation li li a:hover {
	color:#f58721;
	text-indent:24px;}
	
.blue {color:#146EAA}

/*Menu*/
#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:199px;}
	
#navigation a.head {
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:22px;
	line-height:22px;
	background-color:#f5f5f5;
	padding:0px;
	text-indent:10px;
	text-decoration: none;}
	
#navigation a.head:hover {
	color:#766e65;
	background-color:#ededed;}
	
#navigation a.selected {}

#navigation a.current {color:#E29018;}
	
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:20px;}
	
#navigation li {
	list-style:none; 
	display:inline;}
	
#navigation li li a {
	color:#766e65;
	display:block;
	text-indent:20px;
	text-decoration: none;}
	
#navigation li li a:hover {
	color:#f58721;
	text-indent:24px;}
	
.blue {color:#146EAA}

/*Predavanje*/
.predavanje1 {
	float:left;
	overflow:hidden;
	text-align:left;
	width:586px;}
	
.predavanje2 {
	float:left;
	overflow:hidden;
	text-align:left;
	width:300px;}



.naruci {width:260px;padding:6px;font-size:15px;background-color:#eee;-moz-border-radius:6px;border-radius:6px;margin:16px 0;box-shadow:0px 0px 8px #aaaaaa;-webkit-border-radius:0px 0px 8px #aaaaaa;}
.naruci p {font-size:16px;color:#146eaa;margin:0 0 4px 0;padding:0 0 4px 0;border-bottom:1px solid #cccccc;}
.naruci input {margin:0 8px;width:24px;padding:4px;background:#ffffff;border:1px solid #cccccc;}
.naruci input:focus {border-color:#fc3;}
.naruci input.proizvod_submit {background:#146eaa;color:#ffffff;width:100px;font-size:12px;margin-right:0;border:1px solid #81AECC;border-bottom-color:#888888;border-right-color:#888888;-moz-border-radius:6px;border-radius:6px;}