/* Created by Zoran Lukic - www.gandalft.rs.sr */
@import url(reset-fonts-grids.css);
html{
	background: url(../../slike/stalne/poz_top.png) repeat-x top;
}

.pan_glava{
	background: url(../../slike/stalne/gl_poz.png) repeat-x top;
}

.pan_glava img{
	float: left;
}

.pan_baner{
	background: #E0E0E0; /* #ADB701;  #ADB701;  #B72F01;*/
	padding: 10px 0px 20px;
	text-align: left;
}

.pan_glava:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.pan_glava{
	zoom: 1;
}

div.povuci{
	*margin-right: -1px;
}

div.meni {
	background-color: #B7017A;
	border-bottom: 1px solid #CE44B2;
	border-top: 0px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 10px 5px 3px 10px;
	text-decoration: none;
}

a.sekcija{
	color: #000000;
	display: block;
	font-size: 12px;
	margin: 3px 0px 3px 10px;
	paddsing: 3px 0px 3px 10px;
	text-decoration: none;
}

div.sekcija{
	background: #E0E0E0;
	padding: 3px 0px 3px 5px;
}

.box{
	border: 1px solid #DDDDDD;
	padding: 3px;
}

.box h3{
	background: #000000;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 5px 10px;
}

.box h3.top{
	background: #D82AFF;
}

.box h3.akcija{
	background: #C3E4E5;
	color: #000000;
}

.box img{
	float: right;
}

.box h1 a{
	color: #009933;
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 10px 0px 10px 3px;
	text-decoration: none;
}

.box h1 a:hover{
	text-decoration: underline;
}

.box cite, .vi cite{
	color: #000000;
}

.box code a, .vi code a{
	color: #818181;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;
}

.box code a:hover{
	text-decoration: underline;
}

.it{
	padding: 3px;
}

.it h3{
	color: #9900CC;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0px 5px 0px;
}

.it img{
	float: left;
	margin: 0px 10px 0px 0px;
}

.it h1 a{
	color: #000000;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-decoration: none;
}

.it h1 a:hover{
	text-decoration: underline;
}

.it  p{
	font: 11px Arial, Helvetica, sans-serif;
}

.it code a{
	color: #818181;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;
}

.it code a:hover{
	text-decoration: underline;
}

.it .naslovi{
	border-top: 1px solid #DDDDDD;
	margin-top: 5px;
}

.it .naslovi h2{
	display: block;
	margin-left: 5px;
	margin-top: 5px;
}

.it .naslovi h2 a{
	color: #0062A5;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.it .naslovi h2 a:hover{
	text-decoration: underline;
}

.vj{
	background: url(../../slike/stalne/vj_poz.png) #DBDBDB repeat-x top;
}

.vj h3{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0px 5px 0px;
}

.vj h1 a{
	color: #000000;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-right: 5px;
	text-decoration: none;
}

.vj h1 a:hover{
	text-decoration: underline;
}

.vj  p{
	font: 11px Arial, Helvetica, sans-serif;
	margin-right: 5px;
}

.vj img{
	border: 1px solid #AAAAAA;
	display: block;
	float: left;
	margin: 0px 10px 0px 3px;
	padding: 1px;
}

.vj code a{
	color: #777777;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0px 5px 5px;
	text-decoration: none;
}

.vj code a:hover, .vi code a:hover{
	text-decoration: underline;
}

.vj .naslov{
	margin-top: 5px;
}

.reg{
	border: 1px solid #DDDDDD;
	padding: 3px;
}

.reg table{
	margin-top: 5px;
}

.reg h3{
	background: #D873B6;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0px 5px 10px;
}

.reg input[type=text], .reg input[type=password]{
	border: 1px solid #000000;
	padding: 1px;
}

.reg label{
	display: block;
	margin: 3px 0px;
}

.reg a{
	color: #0062A5;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 3px 0px;
	text-decoration: none;
}

.reg a:hover, .vi h1 a:hover{
	text-decoration: underline;
}

.vi{
	border: 1px solid #DDDDDD;
	padding: 5px;
}

.vi h3{
	color: #FF4141;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 5px 0px 10px 0px;
	text-transform: uppercase;
}

.vi img{
	float: right;
}

.vi h1 a{
	color: #BDA440;
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 10px 0px;
	text-decoration: none;
}

.vi p{
	color: #444444;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 10px 0px;
}

.reg:after, .box:after, .it:after, .naslov:after, .vj:after, .vi:after, .pan_artikl:after, .pan_preporuka .artikli:after, .pan_roba .artikli:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.reg, .box, .it, .naslov, .vj, .vi, .pan_artikl, .pan_preporuka .artikli, .pan_roba .artikli{
	zoom: 1;
}

.podnozje{
	background: url(../../slike/stalne/pod_poz.png) #000000 repeat-x;
	color: #FFFFFF;
	padding: 10px;
}

#breadcrumb {
	color: #444444;
	font-size: 12px;
	height: 18px;
	padding: 4px 0 0 0px;
}

#breadcrumb li {
	display: inline;
	float: left;
	margin-right: 4px;
}

#breadcrumb a {
	background: url(../../slike/stalne/breadcrumb.gif) no-repeat top right;
	color: #0062A5;
	font-weight: bold;
	padding-right: 11px;
	text-decoration: none;
}

#breadcrumb a:hover {
	background: url(../../slike/stalne/breadcrumb.gif) bottom right no-repeat;
	color: #A58300;
}

.pan_artikl{
	margin-bottom: 20px;
	margin-top: 20px;
}

.pan_artikl h1{
	font: 22px Arial, Helvetica, sans-serif;
}

.pan_artikl h3{
	border-top: 1px solid #DDDDDD;
	color: #BDA440;
	display: block;
	font: 18px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding-top: 5px;
}

.pan_artikl p{
	color: #444444;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.pan_artikl p strong{
	font-weight: bold;
}

.pan_artikl cite{
	color: #989898;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.pan_artikl img{
	border: 0px solid #DDDDDD;
	float: left;
	margin-right: 20px;
	padding: 1px;
}

.pan_artikl code{
	color: #444444;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.pan_artikl cite.cijena{
	color: #000000;
	display: block;
	font: 18px Arial, Helvetica, sans-serif;
	margin: 20px 0px 10px 0px;
	padding-left: 40px;
}

.pan_artikl a{
	color: #0062A5;
	text-decoration: none;
}

.pan_artikl a:hover{
	text-decoration: underline;
}

.pan_preporuka{
	margin: 10px 0px;
	padding: 0px;
}

.pan_preporuka h3{
	border-top: 2px solid #DDDDDD;
	color: #FF4141;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding-top: 5px;
}

.pan_preporuka .artikli{
	padding: 5px;
}

.pan_preporuka .artikli img{
	float: left;
	margin-right: 20px;
}

.pan_preporuka .artikli a{
	color: #0062A5;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-decoration: none;
}

.pan_preporuka .artikli a:hover{
	text-decoration: underline;
}

.pan_preporuka .artikli p{
	color: #444444;
	font: 12px Arial, Helvetica, sans-serif;
}

.pan_stanje{
	color: #444444;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 5px 0px;
}

.pan_stanje table{
	background: #EEEEEE;
}

.pan_stanje td{
	background: #FFFFFF;
	padding: 5px 5px 5px 0px;
}

.pan_stanje img{
	float: left;
}

.pan_naziv{
	margin: 10px 0px;
}

.pan_naziv h3{
	color: #B7017A; /* #009933;*/
	font: 18px Arial, Helvetica, sans-serif;
	text-align: right;
}

.pan_roba{
	margin-top: 0px;
}

.pan_roba h3{
	background: #D873B6; /* #BDA440;*/
	border-bottom: 2px solid #CCCCCC;
	color: #FFFFFF;
	font: 18px Arial, Helvetica, sans-serif;
	margin: 5px 0px; /* color: #BDA440; */
	padding: 5px;
}

.pan_roba .artikli{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 3px;
	padding: 3px;
}

.pan_roba .artikli p{
	font-size: 11px;
}

.pan_roba .artikli h2 a{
	color: #0062A5;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-decoration: none;
}

.pan_roba .artikli img{
	float: left;
	margin-right: 20px;
}

.pan_roba .artikli cite.cijena{
	display: block;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 5px 0px;
}

.reg_novo{
	margin: 20px;
}

.reg_novo p{
	margin-bottom: 10px;
}

.reg_novo td{
	font-size: 13px;
}

.reg_novo th{
	color: #FF0000;
	padding: 3px;
}

.reg_novo span{
	color: #FF0000;
}

.reg_novo  input{
	font-size: 13px;
	margin: 3px;
	padding: 3px;
}

.reg_novo input[type=text], .reg_novo input[type=password]{
	border: 1px solid #CCCCCC;
	width: 200px;
}

.tab{
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

.tab  ul{
	background: #EEEEEE; /* #BDA440;  #004574; #741600;*/
	margin: 10px 0px 0px 0px;
}

.tab .ui-tabs-nav li{
	display: inline;
	float: left;
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 1px 3px 3px 3px;
}

.tab .ui-tabs-nav a {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 4px 3px 5px 3px;
}

.tab .ui-tabs-nav a {
	color: #000000;
	outline: 0; /* prevent dotted border in Firefox */
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
}

.tab .ui-tabs-nav .ui-tabs-selected a {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #000000;
	margin: 3px 0 0 0;
}

.tab .ui-tabs-nav a sspan {
	background: #FFFFFF;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	min-width: 64px;
	padding-right: 0;
	padding-top: 6px;
	width: 64px; /* IE 6 treats width as min-width */
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
	display: none;
}

}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
	display: none;
}

}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	cursor: text; /* @ Opera, use pseudo classes otherwise it confuses cursor... */
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {
	cursor: pointer; /* @ Opera, we need to be explicit again here now... */
}

.ui-tabs-disabled {
	filter: alpha(opacity=40);
	opacity: .4;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
	display: inline-block; /* auto clear, @ IE 6 & IE 7 Quirks Mode */
}

*:first-child+html .ui-tabs-nav {
	display: inline-block; /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
}

ul:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

u{
	zoom: 1;
}

.tab_poruka{
	margin-top: 20px;
}

.pro{
	margin: 10px 0px;
}

.pro a{
	color: #004574;
	text-decoration: none;
}

.pro a:hover{
	text-decoration: underline;
}

.pan_gm{
	padding: 25px 10px 0 0;
}

.pan_gm ul{
	float: right;
	margin-top: 20px;
}

.pan_gm li{
	display: inline;
	float: left;
	list-style: none;
	margin: 0px 10px 0 0;
}

.pagination {
	backgrsound: #F2F2F2;
	borsder: 1px solid #DDDDDD;
	color: #000000;
	margin: 4em 0 4em;
	padding: 2px 5px 2px 5px;
}

.pagination {
	posistion: relative;
	text-align: center;
}

.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active {
	background: #FFFFFF;
	border: 1px solid #BFDCFF;
	margin-right: 1px;
	padding: 3px 5px;
	text-decoration: none;
}

.pagination a:hover {
	background: #BFDCFF;
	color: #000000;
}

.aktiv {
	background: #0055BA;
	border: 1px solid #0055BA;
	color: #FFFFFF;
	margin-right: 1px;
	padding: 3px 5px;
	text-decoration: none;
}

.pagination * {
	margin: 0;
}

.pagination h4 {
	border: none; /* In html1.php, pages links:EITHER span OR a */
	margin-top: -1.45em;
	padding: 0;
}
.pan_kontakt table{
	background: #EEEEEE;
	margin: 10px;
}
.pan_kontakt td{
	padding: 1px;
}
.pan_kontakt label{
	font: 12px Arial, Helvetica, sans-serif;
	margin: 10px;
}
.pan_kontakt input[type=text], .pan_kontakt textarea{
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	border: 1px solid #7D7D7D;
	margin: 10px;
}
.pan_kontakt .greska{
	color: Red;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0 10px;
}
.pan_kontakt .greska h2{
	color: Red;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 10px 10px;
}
#loading {
	clear: both;
	display: none;	
}
#zacrni {
	position: absolute;
	background: #000000;	
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0.20;
	filter: alpha(opacity = 20);	
}
.najava {
	position: absolute;
	padding: 10px;
	top: 49%;
	border: 1px solid #cccccc;
	background: red url(wasit.gif) center top no-repeat;		
	left: 41%;
	z-index: 1;	
}
.najava img{
	margin: 5px;
}
.korpa{
	padding: 5px 10px;
}
.korpa table{
	width: 100%;

}
.korpa td, .korpa th{
	padding: 10px;
}
.korpa td.centar, .korpa th.centar{
	text-align: center;
}
.korpa td.right, .korpa th.right{
	text-align: right;
}
.korpa tr.boja{
	background: #F0FFFF;
	border-bottom: 1px solid #DCDCDC;
}
.korpa tr.boja1{
	background: White;
	border-bottom: 1px solid #DCDCDC;
}
.korpa thead{
	background:#FFF6BF;
	border: 1px solid #FFD324; 
}
.uspjeh table{
	margin: 10px;
}
.uspjeh td{
	padding: 5px;
}
.uspjeh tr.success{background:#E6EFC2;border:1px solid #C6D880;color:#529214;}
.baner{
	text-align: center;
	padding: 0px 20px;	
}
#TranslatorContainer
{
	width: 90px;
	cursor: pointer;
}

#TranslatorToggler
{
	cursor: pointer;
}

#Translator
{
	position: absolute;
	width: 160px;
	height: 60px;
	tsop: 25px;
	z-index: 100;
}

.gtcontain table tbody tr td div a {
	display:none;
}

.gtcontain table tbody tr td div span {
	display:none;
}