@charset "utf-8";

@constants {
	text-color:green;
	}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	position: relative;
	/*background-color:#0C3E76;*/
	background: url(images/body_image5.jpg) repeat;
}

.twoColFixLtHdr #container {
	width: 800px;
	text-align: left;
	margin-top: 0px;
	margin-bottom:0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #0c3e76;
}

#header {
	padding: 0 10px 0 20px;  
	height: 88px;
	background-image: url(images/header_plavi_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#navigacija {
	height: 72px;
	background-color:#000;
    /*overflow:auto;*/
}

#apDiv2 {
	position:absolute;
	left:17px;
	top:31px;
	width:155px;
	height:113px;
	z-index:1;
	background: url(images/logo.png) no-repeat;
}

#apDiv2 strong {
	display:block;
	text-indent:-9999px;
	}

#mainContent p {
	/*background-color: #e5f8d7;*/
	color:#000;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: 0px;
	padding: 10px;
	font-family: Georgia;
	font-size: 0.8em;
	line-height: 1.7em;
}

#metalOkvir #navStransSlika {
	text-decoration: none;
	width: 505px;
	position: absolute;
	bottom: 5px;
	margin-bottom: 5px;
}

#sidebar1 p {
	font-family: Arial;
	color: #0d000f;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	line-height: 1.4em;
	font-size: 0.8em;
}

#mainContent #metalOkvir {
	width:535px;
	height:630px;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}

#metalOkvir p {
	background-image: url(images/metalPozadina.gif);
}

#mainContent h1 {
	color: #FFF;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 0.7px;
	padding-left: 15px;
	font-family: Arial;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(images/metalPozadina.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 41px;
	margin: 0px;
}

#mainContent h2 {
	color: #FF9;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 0.6px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	background-color: #0C6;
	background-image: url(images/metalPozadina.gif);
	background-position: left top;
	background-repeat: repeat;
	padding-left: 15px;
	margin-right:10px;
	margin-top:0;
}

#mainContent p a.currentA {
	color:#B7FFB7;
}

#mainContent p a {
	text-decoration: none;
	color:#6f6;
}

#mainContent #repeater a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#mainContent img {
	border:1px solid black;
}

#mainContent #repeater img {
	border:none;
}

#sidebar1 #picture img {
	height: 200px;
	width: 200px;
}

#sidebar1 #spomocni {
	padding-right: 10px;
	padding-left: 10px;
}

#sidebar1 h3 {
	color: #FFF;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 0.6px;
	font-family: Arial;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	background-color: #0C6;
	background-image: url(images/pozadinaNavigacijeProizvoda.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 200px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}

#sidebar1 #spomocni {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	/*background-image: url(images/sidebar1D.jpg);*/
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sidebar1 #photoshow {
	position: relative;
	height: 160px;
	width: 200px;
	margin-left: auto;
}

#photoshow .currentdiv {
	z-index: 2;
}

#photoshow .previous {
	z-index: 1;
}

#photoshow div {
	position: absolute;
	z-index: 0;
}



#navigacija ul {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 360px;/*185px*/
	height: 70px;
	background-image: url(images/navigacija_desno.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-top: 1px solid #000;
	/*border-bottom: 1px solid #000;*/
}


#navigation li{
	float:left;
	}

 #navigation li a  
 {  
 background-image:url(images/sprite_sr.jpg);  
 display:block;
 font-size:0px;
 text-indent:-99999px;  
 }   
 
 .home  
{  
 background-position:0px 0px;  
 width:110px;  
 height:70px; 
  }  
   
.products 
 {  
 background-position:-110px 0px;  
 width:110px;  
height:70px  
 }  
   
.about  
 {  
 background-position:-220px 0px;  
 width:110px;  
 height:70px  
 }  
   
.contact  
{  
background-position:-330px 0px;  
 width:110px;  
 height:70px  
 } 
 
#navigation a .hover {  
background:url(images/sprite_sr.jpg) no-repeat;  
display: block;  
opacity: 0;  
position: relative;  
top: 0;  
left: 0;  
height: 100%;  
 width: 100%;  
}  

#navigation a.home .hover {  
background-position: -0px -72px;  
 }
   
#navigation a.products .hover{  
   background-position: -110px -72px;  
  
} 
 
#navigation a.about .hover {  
   background-position: -220px -72px;  
}  
#navigation a.contact .hover {  
    background-position: -330px -72px;  
} 

#navigation .currentprvi {
	background-position: -0px -72px; 
	}
	
#navigation .currentdrugi {
	background-position: -110px -72px;
	}
	
#navigation .currenttreci {
	background-position: -220px -72px;
	}
	
#navigation .currentcetvrti {
	width:109px;
	background-position: -330px -72px; 
}

#navigacija ul a.current {
	cursor:default;
	}

/*--------------------------------- END OF COOL MENU ------------------------------------------------*/

/*#navigacija ul a.current {
	cursor:default;
}

#container #navigacija ul .currentprvi {
	background-image: url(images/naslovnaNS.png);
}

#container #navigacija ul .currentdrugi {
	background-image: url(images/proizvodiNS.png);
}

#container #navigacija ul .currenttreci {
	background-image: url(images/onamaNS.png);
}

#container #navigacija ul .currentcetvrti {
	background-image: url(images/kontaktNS.png);
}*/

/*#navigacija ul li.currentli {
	background: url(images/debelidule_current.png) no-repeat left top;
}*/

#header p {
	color: #0d000f;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: 1px;
	position: relative;
	top: 75px;
	font: 0.6em/1.4em Arial;
	left: 595px;
}

/*#navigacija ul li {
	float: left;
	height: 38px;
	width: 150px;
	display: block;
}

#navigacija ul a {
	text-decoration: none;
	display: block;
	height: 38px;
	width: 150px;
	margin-top: 15px;
	margin-left: 3px;
}

#navigacija #prvi:hover {
	background-image: url(images/naslovnaNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigacija #drugi:hover {
	background-image: url(images/proizvodiNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigacija #treci:hover {
	background-image: url(images/onamaNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigacija #cetvrti:hover {
	background-image: url(images/kontaktNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}*/

/*#navigacija a.current:hover{
	padding-top:8px;
	padding-left:17px;
}*/


/*-----------------------------  ENGLESKA VERZIJA ------------------------------*/
/*container #navigacija ul .currentprviN {
	background-image: url(images/homeNS.png);
}

#container #navigacija ul .currentdrugiN {
	background-image: url(images/productNS.png);
}

#container #navigacija ul .currenttreciN {
	background-image: url(images/aboutNS.png);
}

#container #navigacija ul .currentcetvrtiN {
	background-image: url(images/contactNS.png);
}

#navigacija #prviN:hover {
	background-image: url(images/homeNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigacija #drugiN:hover {
	background-image: url(images/productNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigacija #treciN:hover {
	background-image: url(images/aboutNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigacija #cetvrtiN:hover {
	background-image: url(images/contactNS.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigacija #prviN {
	background-image: url(images/homeN.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}

#navigacija #drugiN {
	text-indent: -99999px;
	background-image: url(images/productN.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	margin-left: 5px;
}

#navigacija #treciN {
	text-indent: -99999px;
	background-image: url(images/aboutN.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	margin-left: 7px;
}

#navigacija #cetvrtiN {
	text-indent: -99999px;
	background-image: url(images/contactN.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 9px;
}*/

/*-------------------------------  KRAJ ENGLESKE VERZIJE  ----------------------*/


/*#navigacija #prvi {
	background-image: url(images/naslovnaN.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
}

#navigacija #drugi {
	text-indent: -99999px;
	background-image: url(images/proizvodiN.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	margin-left: 5px;
}

#navigacija #treci {
	text-indent: -99999px;
	background-image: url(images/onamaN.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	margin-left: 7px;
}

#navigacija #cetvrti {
	text-indent: -99999px;
	background-image: url(images/kontaktN.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 9px;
}*/


.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 240px;
	margin-left: 5px;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top: 0px;
	margin-top: 5px;
	background-color:#0c3e76;
	/*	background-image: url(images/sidebar1G.jpg);*/
	background-repeat: no-repeat;
	background-position: left -4px;
	padding-bottom: 0px;
}

.twoColFixLtHdr #container #mainContent {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 250px;
	/*background-image: url(images/Untitled-5_03.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;
}

#sidebar1 #largePic #test {
	background-image: none;
}

.twoColFixLtHdr #footer {
	height: 50px;
	/*	background-image: url(images/footer_crni.gif);*/
    background-color:#0E0E0D;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top:5px;
	font-size:8px;
	color:#fff;
	text-align:center;
}

#in-footer {
	height:20px;
	background-color:#0E0E0D;
}

#footer #in-footer p {
	margin:0;
	padding:0;
	/*background-color:#ff0;*/
	font-size:10px;
	line-height:20px;
	color:#fff;
}

#in-footer p#levi {
	float:left;
	margin-right:5px;
	margin-left:10px;
}

#in-footer p#desni {
	float:right;
	margin-right:10px;
}

#in-footer a {
	color:#fff;
}

#in-footer a:hover {
	color:#ff0;
}

.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	position: relative;
	color:#CCC;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#upload form #browse {
}

#upload form {
	position:relative;
	right:17px;
	margin-top:50px;
}

#container #form1 {
	margin-left: 3px;
	margin-bottom: 3px;
}

#repeater p img {
}

#mainContent #repeater {
	margin-right: 2px;
	margin-bottom: 20px;
}

#sidebar1 ul#menu-proiz {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#repeater p {
	color: #FFF;
}

#sidebar1 ul#menu-proiz li {
	height: 23px;
	padding-left: 15px;
	background-image: url(images/pozadinaNavigacijeProizvoda.gif);
	padding-right: 0px;
	width: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#sidebar1 a {
	color: #FFF;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	line-height: 23px;
	display: block;
	background-image: url(images/matica_svetlo.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	font-size: 12px;
}

#sidebar1 a:hover {
	color: #FF6;
	background-image: url(images/zadnji_svetleci.png);
	background-repeat: no-repeat;
	background-position: 96% center;
}

#sidebar1 li.currentP a {
	color: #FF6;
	background-image: url(images/zadnji_svetleci.png);
	background-repeat: no-repeat;
	background-position: 96% center;
}

#sidebar1 #wrapper {
	margin-bottom:20px;
}

#sidebar1 #largePic {
	margin-bottom:10px;
	background-color: #000;
	padding: 10px;
	background-image: url(images/largePic.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#usluge {
	padding:10px 10px;
	-moz-border-radius:7px;
	background: url(images/refer_1.jpg) no-repeat center top;
	margin-bottom:25px;
}

#usluge p {
	color:#FF9;
}

#usluge h3 {
	text-align:center;
	//color:!text-color;
}

#usluge ul {
	font-size:12px;
	padding-left:15px;
	color:#FF9;
}

#usluge ul li {
	padding-right:10px;
}

#usluge ul li a, #usluge ul li a:hover {
	background:none;
}

#usluge ul li a:hover {
	color:#6FF;
	font-size:16px;
}

#usluge ul li p {
	color:#FF3;
	font-size:13px;
}

#refer {
	padding:10px 10px;
	-moz-border-radius:7px;
	background: url(images/refer_1.jpg) no-repeat center top;
}

#refer p {
	color:#FFC;
	margin-bottom:5px;
}

#refer h3 {
	text-align:center;
}

#refer h4 {
	text-align:center;
	color:#FFC;
}

#refer ul {
	font-size:12px;
	font-weight:bold;
	padding-left:15px;
	color:#FF9;
}

#refer ul li {
	margin:10px 0;
}

#largePic #opis {
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: justify;
	word-spacing: normal;
	letter-spacing: -1px;
}

#velikaslika {
	display: none;
	visibility: hidden;
	position: absolute;
	border: 3px solid #000;
	background-color: #963;
	width: 200px;
	margin: 0px;
	padding: 0px;
}

#velikaslika #opisH {
	font-family: Arial;
	color: #0d000f;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: -1px;
	font-size: 0.8em;
	line-height: 1.4em;
}

#mainContent #pomocni {
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	/*background-color: #CCC;*/
        background: #E3E3E3;
	text-decoration: none;
	/*background-image: url(images/Untitled-5_06.jpg);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	float:left;
}

#pomocni div.kont {
	background-color:#fff;
	-moz-border-radius:5px;
	padding-top:5px;
	margin-top:12px;
}

#pomocni div.kont p {
	background:#000 url(images/srb.gif) no-repeat 5px center;
	color:#FFF;
	margin-top:0;
	height:24px;
	padding-left:50px;
}

#pomocni div.kont p.eng {
	background:#000 url(images/uk.gif) no-repeat 5px center;
}

#pomocni div.kont p.mejl {
	background:#000;
	padding-left:20px;
}

#pomocni .kont ul {
	padding:0 0 5px 0;
}

.kont ul li {
	list-style-type:none;
	margin-bottom:5px;
	margin-left:5px;
	padding-left:42px;
	height:32px;
	line-height:32px;
	color:#900;
	font-weight:bold;
	font-size:11px;
}

.fix {
	background: url(images/Phone.png) no-repeat left top;
}

.mob {
	background:url(images/mobile1.png) no-repeat left top;
}

.fax {
	background:url(images/fax.png) no-repeat left top;
}

.mail {
	background:url(images/mail.png) no-repeat left top;
}

#lang {
	position:absolute;
	top:9px;
	left:720px;
	width:74px;
	height:50px;
	margin:0;
	padding:0;
}

#lang div {
	float:left;
	width:32px;
	margin-right:3px;
}

#lang div p a:hover {
	color:#FF0;
}

#lang a {
	display:block;
	text-decoration:none;
	height:32px;
	width:32px;
}

#lang p a {
	color:#FFF;
}

#lang a.serb {
	background: url(images/srb-flag.gif) no-repeat center center;
}

#lang a.curr-se {
	background: url(images/srb-flag-curr.png) no-repeat center center;
}

#lang a.eng {
	background: url(images/uk-flag.gif) no-repeat center center;
}

#lang a.curr-en {
	background: url(images/uk-flag-curr.png) no-repeat center center;
}

#lang img {
	margin:0;
	padding:0;
	border:none;
	position:relative;
}

#lang div p {
	margin:0;
	padding:0;
	font-size:8px;
	color:#FF0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

#lang div p.currentLang {
	color:#FF0;
}

div.form span,div.form p#tvp {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

.table-span {
	font-size:12px;
	}
	
fieldset {
	padding-left:15px;
	}
	
#recaptcha_widget_div{
	margin:20px 0;
	}
	
#captcha_p {
	text-align:center;
	margin:050px;
	background-color:#FF9;
	color:red;
	}
	
div.sliderbox {
    /*margin-bottom:20px;*/
	}
	
div.sliderbox div.box_skitter_large {
	/*width:545px;*/
	height:416px;
	}
	
.sliderbox .box_skitter .info_slide {
	top:5px;
	}
	
div.linija{
	height:5px;
	width:100%;
	}
	
div.linija.zuta {
	background-color:#DCB400;
	}	
div.linija.plava {
	background-color:#629BB8;
	}
div.linija.zelena {
	background-color:#84AE6E;
	}
div.linija.crvena {
	background-color:#AC6563;
	}
.ppt {
	display:none !important;
}
/*body #lang {
	position:absolute;
	top:10px;
	left:200px;
	margin:0;
	padding:0;
	height:32px;
	}
	
#lang ul{
	margin:0;
	padding:0;
	}
	
#lang ul li{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	}
	
#lang ul li a{
	display:block;
	width:32px;
	height:32px;
	}*/