@charset "utf-8";

/* CSS Document */



*{margin:0px; padding:0px}

h1{color:#FFFFFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:7px 0 0 0px; text-align:center;}

h2{color:#333333; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:15px 0 5px 0px;}

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:left;}

a {color:#333333;text-decoration: underline;}

a:hover {color: #ff7f00;text-decoration:none;}

img{border:0px;}

body{background-color:#333333;}

#main{margin:0 auto; width:940px;}



/*HEADER*/

#header{ width:940px; float:left;}

.head-right{ width:474px; float:right; height:72px; background:url(img/head-right.png) no-repeat;}

.head-pay{ width:450px; float:left; height:72px;}

.head-left{width:234px; float:left; height:38px; background:url(img/head-left.png) no-repeat;}

.head-main{background:url(img/head-main.png) no-repeat; float:left; width:940px; height:130px;}

.logo{ float:left; padding: 2px 0 0 20px; background: none no-repeat top left; width:282px}

.jav-content{ float:right; width:627px; height:26px; padding:7px 0px;}

.jav{ background:#666666; float:right; width:627px; height:26px;}

.top-left{float:left; background: url(img/con-left.gif) top left; width:8px; height:25px;}

.top-right{float:right; background: url(img/con-right.gif) top right; width:8px; height:25px;}

.top-Botleft{float:left; background: url(img/bot-left.gif) top left; width:10px; height:10px; font-size:0px; line-height:0px;}

.top-Botright{float:right; background: url(img/bot-right.gif) top right; width:10px; height:10px; font-size:0px; line-height:0px;}





/*MAIN MENI*/

.meni-content{ float:right; width:627px; padding-top:100px;}

.meni{ float:left; width:627px; font-size:12px; line-height:normal; font-family:Arial, Helvetica, sans-serif;}

.meni ul { margin:0; padding:5px 0px 0 0px; list-style:none;}

.meni li {display:inline; }

.meni a {float:left;background: url(img/meni-left.gif) no-repeat left top; padding:0 1px 0px 0px; text-decoration:none;}

.meni .rightcorner { float:left; display:block; background: url(img/meni-right.gif) no-repeat right top; padding:5px;}

.meni a span {float:left; background: #ff7f00;padding:5px 6px; text-decoration:none; color:#FFFFFF;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

.meni a span {float:none;}

/* End IE5-Mac hack */

.meni a:hover span {color:#333333;}

.meni a:hover {color:#333333;float:left;background: url(img/meni-left.gif) no-repeat left top; padding:0 1px 0px 0px; text-decoration:none;}



/*LEFT CONTENT*/

.left-content{ float:left; width:220px; padding:7px 0 0 0;}

.topleft{ float:left; width:220px; height:25px;}

.topBot{ float:left; width:220px; height:10px;}

.left-box{ width:220px; background:#FFFFFF; float:left;}

.left-box1{ width:220px; background:#ff7f00; float:left;}

.top-leftmain{float:left; background: #ff7f00; width:204px; height:25px;}

.top-leftBot{float:left; background: #ffffff; width:200px; height:10px;font-size:0px; line-height:0px;font-size:0px; line-height:0px;}

.kon{width:200px; float:left; padding:10px; height:130; }
.kon p{line-height:18px;}

.style1{font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left;}



/*LEFT MENI*/

.side-meni { width:220px;}

.side-meni ul {list-style: none; clear:both; padding:2px 10px;}

.side-meni li a { width:180px; text-decoration: none; border-bottom:1px solid #666666;}

.side-meni li a:link, .side-meni li a:visited { padding:2px 10px; color: #333333; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.side-meni li a:hover{  padding:2px 10px; color: #ff7f00; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



/*MAIN CONTENT*/

.top-maincontent{ float:left; width:480px; height:25px;}

.top-mainBot{ float:left; width:480px; height:10px;}

.top-main{float:left; background: #ff7f00; width:464px; height:25px;}

.top-main1{float:left; background: #ff7f00; width:480px; height:25px;}

.top-Botmain{float:left; background: #ffffff; width:460px; height:10px; font-size:0px; line-height:0px;}

.main-content{ float:left; width:480px; padding:7px 0 0 7px;}

.main-contentBox{float:left; width:480px; background:#FFFFFF; border-bottom:1px solid #666666;}

.main-contentBox1{float:left; width:480px; background:#FFFFFF;}

.box{width:158px; float:left; border-right:1px solid #666666;}

.naziv{width:480px; float:left; padding:5px 0 0 0px;}

.rezultati{width:464px; float:left; padding:10px 0 0 10px; min-height:750px;}

.rezultati1{width:480px; float:left; min-height:760px; background:#FFFFFF;}

.box1{width:158px; float:left;}

.box2{width:158px; float:left; border-right:1px solid #666666; border-bottom:1px solid #666666;}

.box3{width:158px; float:left; border-bottom:1px solid #666666;}

.box-pro{width:150px; height: 90px; float:left; padding:5px; text-align:center;}
.box-pro69{width:150px; height: 45px; float:left; padding:5px; text-align:center;}
.box-proItem{width:464px; float:left; padding:5px; text-align:center; padding-bottom:10px;}

.box-proItem p{width:200px; float:left; text-align:left; clear:left;}

.box-proItem2{width:290px; float:left; padding:5px; text-align:left;  padding-bottom:10px;}



.link1 a{ float:left; width:50px; font-size:10px; font-family: Geneva, Arial, Helvetica, sans-serif; background:url(img/strelica_1.png) top left no-repeat; padding:0 0 10px 20px; color: #333333; margin-left:5px; text-decoration: underline;}

.link1 a:hover{ float:left; width:50px; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif; background:url(img/strelica_1.png) top left no-repeat; padding:0 0 10px 20px; color:#000000; margin-left:5px; text-decoration:none;} 



.link a{ float:right; width:60px; font-size:10px; font-family: Geneva, Arial, Helvetica, sans-serif; background:url(img/link.png) top left no-repeat; padding:0 0 10px 20px; color: #333333; text-decoration:underline;}

.link a:hover{ float:right; width:60px; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif; background:url(img/link.png) top left no-repeat; padding:0 0 10px 20px; color:#000000; text-decoration:none;}



.linkDodajUKorpu a{ float:right; width:80px; font-size:10px; font-family: Geneva, Arial, Helvetica, sans-serif; background:url(img/link.png) top left no-repeat; padding:0 0 10px 20px; color: #333333; text-decoration:underline;}

.linkDodajUKorpu a:hover{ float:right; width:80px; font-size:10px; font-family:Geneva, Arial, Helvetica, sans-serif; background:url(img/link.png) top left no-repeat; padding:0 0 10px 20px; color:#000000; text-decoration:none;}





.style5{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #F60; text-align:left; font-weight:bold;}/*dodaje bold na ceni*/
.style6{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666; text-align:left; font-weight:bold;}/*dodaje bold na ceni*/





.kor{width:464px; border-bottom:1px solid #333333; float:left; color:#333333;}

.kor1{width:464px; border-bottom:1px solid #cccccc; float:left;}







/*RIGHT CONTENT*/

.right-content{ float:left; width:220px; padding:0px 0 0 7px;}

.right-content-Box{ float:left; width:220px; padding:7px 0 0 0;}

.box-proKorpa{width:190px; float:left; margin:0px 0 0 5px; padding:10px 0 5px 10px; text-align:center; border-bottom:1px solid #666666;}

.box-proKorpa1{width:190px; float:left; margin:10px 0 0 10px; text-align:center;}

.box-proRight{width:90px; float:left; text-align:left; margin-left:5px; margin-top:5px;}

.box-proRightText{width:90px; float:left; text-align:left; padding:12px 5px 10px 10px ;}

.box-cenovnik{width:180px; float:left; text-align:left; padding:10px;}

.box-right{width:204px; float:left; padding:8px;}

.rounded {width:180px; float:left; padding:5px 0 0 12px;}

.inp{ border: 1px solid #CCCCCC; background: #F4f4f4; width: 190px; height:20px; padding-top:2px; font-size:12px; color:#FF7f00;}

.style2{font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; float:left; padding:1px 0px; width:150px;}

.posalji{ background:#f3f3f3; border:1px solid #666666; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:60px; height:20px; padding:2px 0; margin:5px 0; float:right;}

.clear{ background:#f3f3f3; border:1px solid #666666; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:60px; height:20px; padding:2px 0; margin:5px 5px; float:right;}

.poruci{ background:#f3f3f3; border:1px solid #666666; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:50px; height:20px; padding:2px 0; margin:20px 0; }

.poruci1{ background:#f3f3f3; border:1px solid #666666; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:60px; height:20px; padding:2px 0;}

.logout{ background:#f3f3f3; border:1px solid #666666; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:60px; height:20px; padding:2px 0; margin:5px 0; float:right;}

.izbrisi{ background:# #FF6600; border:1px solid #666666; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:10px; width:40px; height:15px; margin:5px 0; float:right;}

.style3 {font-size:10px; color:#333333; font-family:Arial, Helvetica, sans-serif; float:left; padding:3px 0px; width:100px;}

.style3 a,.style3 active, .style3 visited{font-size:10px; color:#333333; font-family:Arial, Helvetica, sans-serif; float:left; padding:3px 0px; width:100px;}



/*FOOTER*/



.footer{width:940px; float:left; padding:7px 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center}

.footer a, .footer a:active, .footer a:visited{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.footer a:hover{color:#FF7f00; font-family:Arial, Helvetica, sans-serif; font-size:10px;}



.style25 a{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-decoration:none;}

.style25 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; text-decoration:none;}



.selectN{background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 11px; width: 255px; margin:2px 0 2px 0; border:1px solid #333333;}



.selectC{background-color: #FFFFFF; color: #000000; font-family: Arial; font-size: 12px; width: 42px; margin:2px 0 2px 0; border:1px solid #333333; text-align:right; padding-right:2px;}



.styleTable{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF6600; font-weight:bold;}



.izlistajGrafika{ font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#333; font-weight:bold; width:200px; float:right; padding-bottom:10px; text-align:right;}



/*ovo je dodavano*/



.tbmain{ 

 /* Changes on the form */

 background: white !important; 

}

.left{

  /* Changes on the form */

  color: black !important; 

  font-family: Verdana !important;

  font-size: 12px !important;

}

.head{

  color:#333333;

  font-size:20px;;

  text-decoration:underline;

  font-family:"Verdana";

}

td.left {

  font-family:"Verdana";

  font-size:12px;

  color:black;

}

.pagebreak{

  font-family:"Verdana";

  font-size:12px;

  color:black;

}

.tbmain{

  height:100%;

  background:white;

}

span.required{

  font-size: 13px !important;

  color: red !important;

}









.tbmain{ 

 /* Changes on the form */

 background: white !important; 

}

.left{

  /* Changes on the form */

  color: black !important; 

  font-family: Verdana !important;

  font-size: 12px !important;

}

.head{

  color:#333333;

  font-size:20px;;

  text-decoration:underline;

  font-family:"Verdana";

}

td.left {

  font-family:"Verdana";

  font-size:12px;

  color:black;

}

.pagebreak{

  font-family:"Verdana";

  font-size:12px;

  color:black;

}

.tbmain{

  height:100%;

  background:white;

}

span.required{

  font-size: 13px !important;

  color: red !important;

}





/*--------------------------*/



.navbar

{

}  



.mainDiv

{

  width:185px;

}



.topItem

{

  font: bold 12px tahoma,verdana,sans-serif;

  letter-spacing: 0;

  background: url("img/arrow-up-title.jpg") no-repeat 0 0;

  background-position:center center;

  background-repeat:no-repeat;

  border: none;

  width: 185px;

  height: 20px;

  color: #666666;

  cursor:pointer;

  text-indent:10px;

}



.topItemOver

{

  text-indent:10px;

  font: bold 12px tahoma,verdana,sans-serif;

  letter-spacing: 0;

  background: url("img/arrow-up-title-on.jpg") no-repeat 0 0;

  background-position:center center;

  background-repeat:no-repeat;

  height: 20px;

  width: 185px;

  color: #ff6600;

  cursor:pointer;

}



.topItemClose

{

  text-indent:10px;

  font: bold 12px tahoma,verdana,sans-serif;

  letter-spacing: 0;

  background: url("img/arrow-down-title.jpg") no-repeat 0 0;

  background-position:center center;

  background-repeat:no-repeat;

  height: 20px;

  width: 185px;

  color: #666666;

  cursor:pointer;

}





.topItemCloseOver

{

  text-indent:10px;

  font: bold 12px tahoma,verdana,sans-serif;

  letter-spacing: 0;

  background: url("img/arrow-down-title-on.jpg") no-repeat 0 0;

  background-position:center center;

  background-repeat:no-repeat;

  height: 20px;

  width: 185px;

  color: #ff6600;

  cursor:pointer;

}







.dropMenu

{

  font: bold 11px tahoma,verdana,sans-serif;	

  background-color: #ffffff;

  color: #666666;

  border: 1px solid #FFFFFF;

  border-width: 0 1px 1px 1px;

  filter:alpha(opacity=100);

  padding-top:1px;

  padding-bottom:1px;

}



.subMenu

{

   display:block;

}



.subItem

{

   margin-left:10px;

   margin-top:2px;

   height:15px;

   font: 11px tahoma,verdana,sans-serif;	

   text-decoration:none;

   color: #666666;

   

}



.subItem a

{

   margin-left:23px;

   font: 11px tahoma,verdana,sans-serif;	 	

   text-decoration:none;

   color: #666666;

}



.subItemOver

{

   margin-left:10px;

   margin-top:2px;

   font: 11px tahoma,verdana,sans-serif;	  

   height:15px;

   color: #FF6600;

}



.subItemOver  a

{

   margin-left:23px;

   font: 11px tahoma,verdana,sans-serif;

   cursor:pointer;	

   color: #ff6600;

   text-decoration:underline;

   cursor:pointer;

}





.drop

{

   border-left:1px solid black;

   border-right:1px solid black;	

}



#tx{ font-family: Arial,Helvetica,sans-serif; color:#f90; font-size: 12px;}

#tx a{ font-family: Arial,Helvetica,sans-serif; color:#fff; font-size: 12px; text-decoration:none}

#tx a:hover{ font-family: Arial,Helvetica,sans-serif; color:#fff; font-size: 12px; text-decoration:underline}



.style88{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:right;}



.izlistaj{ font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#333; font-weight:bold; width:450px; float:left; padding:2px; border-bottom:1px solid #666; margin-left:10px;}

.izlistaj p{ font-family: Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; width:450px; float:left; color: #F60;}

.izlistajGrafika{ font-family: Arial,Helvetica,sans-serif; font-size:12px; color:#333; font-weight:bold; width:200px; float:right; padding-bottom:10px; text-align:right;}



.link2 a{ float:left; width:370px; font-size:11px; font-family: Geneva, Arial, Helvetica, sans-serif; padding-top:3px; color: #333333; margin-left:5px; text-decoration: underline;}

.link2 a:hover{ float:left; width:370px; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:3px; color:#F60; margin-left:5px; text-decoration:none;} 





.cenaTextualniPrikaz1{ float:left; width:70px; font-size:12px; font-family: Geneva, Arial, Helvetica, sans-serif; padding-top:3px; color: #F60; margin-left:5px; text-decoration: none; text-align:right; font-weight:bold;}

.style69{font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; float:left; width:150px; font-weight:bold; text-align:left; padding-left:10px;}
.style68{font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; float:left; width:150px; font-weight:bold; text-align:left; padding-left:15px;}
.style89{font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; float:left; padding:10px 0 0 5px;}