/** CSS RESET **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:inherit;outline-style:none;outline-width:0pt;padding:0pt;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0pt;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
strong {font-weight:bold;}
em {font-style:italic;}
* {margin:0pt;padding:0pt;}
/**  CSS RESET END **/
body { font-size: 62.5% }
p  { font-size: 1.2em; text-align: justify; }
h1 { font-size: 2em; line-height: 2em; }
h2 { font-size: 1.8em; line-height: 2em; }
h3 { font-size: 1.6em; line-height: 1.8em; }
strong {}
em {}
label{width: 10em;float: left;margin-right: 0.5em;display: block;}
a{}
a:link,a:active{color:#733;}
a:visited{color:#733;}
a:hover{color:#c30;}
a:active{color:black;}
a:focus{border:dotted 1px black;text-decoration:overline !important;}
table{width:100%;}
table,tr,td{ vertical-align:top;padding:0;}
img{border:0px;}

body{overflow: auto;font-family: Arial, Helvetica, sans-serif;background:#fff;}
/* Header */
#header{height:100px;background:#fff;margin:0 auto;}
#header,#meni{position:relative;top:0px;width:100%;}

#sadrzaj,#sadrzaj_levo,#sadrzaj_desno{min-height:500px;height:auto !important;height:600px;}

#sadrzaj{margin:0 160px 0 190px;background:#FcFcF3;width:auto;padding:5px;border:solid black 1px;font-size:1.2em;}
#sadrzaj p{font-size:1.1em;}
#sadrzaj li{list-style:square inside url(slike/lista-da.gif);}
#sadrzaj_levo{position:absolute;left:0;top:102px;width:180px;padding:5px;}
#sadrzaj_desno{width:150px;position:absolute;right:0px;top:102px;margin:0;text-align:left; }

#sadrzaj table{background:#FAFAF0;}
#dno{margin:0 160px 0 190px;color:#555;background:white;border-top:solid #ddd 2px;}
#dno p{text-align:center;clear:both;}

/* tabela stranica pregled.php */
.rez_tabela{}
.rez_tabela tr td{border-bottom:solid gray 1px;border-top:solid gray 1px;padding:1px;}

td.parna{background:#eee;}
td.neparna{background:#fff;}
#apsvrh{width:100%;padding:0%;background:#773333;}

.link_vrh{font-weight:bold;}
a.link_vrh:hover{color:#f88;}
a.link_vrh{color:red;}

.prvaTabela, .drugaTabela{width: 100%;}
.prvaTabela td, .drugaTabela td{ border: 1px solid #DDD;text-align: center;}
.drugaTabela{border:2px solid black;}
.drugaTabela td{background:white;}
.drugaTabela img{border:0;margin:2px;}
.drugaTabela a:hover img{border:2px solid red;margin:0px;}
.drugaTabela td{border-bottom:red 1px solid;padding:4px;}
.forma_poruke td{border:solid gray 1px;padding:3px;}
#rightAligned label{text-align: right;}

/* dodavanje i izmena */
.forma tr td{padding:2px;}
.rez_tabela{line-height:0.8pc;}
.brojke strong{width:3em;border:1px solid black;padding:2px;}

.logo{height:69px;}
input#logo{height:auto;}

#meni {margin: 0 auto;padding:0;height:30px;line-height:30px;font-size:1.2em;background:url(slike/pozadina/68.gif) top;}
#meni ul {margin: 0 10px;padding:0;list-style: none;}
#meni li {display: inline;}
#meni a {padding:7px 15px;text-decoration:none;color:#000;font-weight:bold;}
#meni a:hover,#meni a:active{background:url(slike/pozadina/meni12.png);color:#fff; border:0;}

#meni_dno ul {list-style: none;}
#meni_dno li {display: inline;}

/* dodavanje.php  */
#suggestions{width:200px;min-height:0px;height:auto !important;height:1px;overflow:auto;visibility:hidden;position:absolute;background:#eee;padding:0 0 0 10px;}
#div_kategorije{position:absolute;top:0px;visibility:hidden;background:#eee;border:solid black 2px;padding:1%;z-index:22;margin-left:-180px;}
.grupa{display:inline;width:25%;float:left;height:auto;z-index:5;}
.grupa a{display:block;font-weight:normal;}
.grupa .naslov{font-weight:bold;color:black;font-size:1.3em;}
.closeKat{width:20px;height:20px;display:block;z-index:100;margin:5px;}
* html #div_kategorije{width:130%;}
#hclos{height:2em;}

/* dno.php */
#q,#password,#username{	width: 100px;}
#loginDiv{}
/* Blokovi sa strane */
.blok{font-size:12px;border:1px solid black;background: url(slike/pozadina/7.jpg);}
.blok strong{letter-spacing:0.1px;background: url(slike/pozadina/128.gif);color:black; font-weight:bold;width:179px;display:block;margin:auto;height:20px;margin-bottom:5px;}
.blok ul{margin-left:10px;list-style:none;}
/* dugmici */
a.qb{background: transparent url(slike/oval-gray-left.gif) no-repeat top left;
display: block;float: left;font: normal 13px Tahoma; line-height: 16px; height: 24px;padding-left: 10px;
text-decoration: none;}
a:link.qb, a:visited.qb, a:active.qb{color: #494949;}
a.qb span{background: transparent url(slike/oval-gray-right.gif) no-repeat top right;
display: block;padding: 4px 11px 4px 0;}
a.qb:hover{background-position: top left;}
a.qb:hover span{background-position: top right;color: black;}
.buttonwrapper{ overflow: hidden; width: 90%;}
a .ovb{background:transparent;border:none;margin:0;padding:0;letter-spacing:2px;}
a:hover .ovb{font-weight:bold;text-align:center;letter-spacing:1px;}
textarea{background:white url(slike/pozadina/textarea.jpg) right top no-repeat;	border:1px solid #ccc;
padding: 0 0 0 5px;}
.slika-s{background:none;border:none;width:22px !important;}
.i-text{}
.i-submit{}
#submitLogin{}
.errorPoruka{font-size:2em;}
.pretragaForma select, .pretragaForma input{width:200px;}
.pretragaForma #submitPretraga,.pretragaForma #resetPretraga{width:auto;}
.pretragaForma .buttonwrapper{padding-left:150px;}
* html .pretragaForma .buttonwrapper{padding-left:10px; margin-top:1em;}/* IE6 */
input{background:url(slike/input-pozadina.gif) no-repeat top left;padding-left:7px;border: none;height:1.5em;	border-right: solid #999 1px;}
select, .sel{}
/* Statistike */
.stat{border:solid black 1px;}
.stat td{background:#eee;padding:2px;border:dashed #ddd 1px;}
.thead td{font-weight:bold;background:#ccc;}



/** jcarousel */
.widget {width:603px;margin:auto;}
.widget a.previous{float:left;display:block;background:url(slike/prev.png) bottom no-repeat;width:34px;height:34px;margin-top:50px;margin-right:2px;}
.widget a.next{  float:right;display:block;background:url(slike/next.png) bottom no-repeat;width:34px;height:34px; margin-top:-88px;}
.widget_style {text-align:left;padding:0px 0px 0px 0px;}
.widget_style ul {margin:0;padding:0;}
.widget_style li {width:160px;height:118px;background:url(slike/imgbg.jpg) left top no-repeat;list-style:none !important;margin:0;padding:8px 0px 0px 10px;margin:5px;}
* html .widget_style li{width:170px;height:128px;position:relative;left:50px;}
* html .widget_style{width:520px;margin:auto;}
* html .widget a.next{  float:right;display:block;background:url(slike/next.png) bottom no-repeat;width:60px !important;z-index:300;position:relative;left:30px;height:34px; margin-top:-73px;margin-left:20px;}
/*This here actually sets the size of the scrolling images */
.widget_style img {width:140px !important;height:100px !important;border:solid #fff 2px;}