body {
background-color: #ffffff;
font-size: 12px;
font-family: verdana, arial, helvetica, sunsans-regular, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
text-align: center;
}

table, td {margin:0px;padding:0px;}


a {
color:#564b47;
}
a.footer{
color:#858585;
}



#content  {
text-align: left;
vertical-align: top;
margin: 0px auto;
padding: 0px;
width: 700px;
background-color: #ffffff;
border: 1px solid #848484;
}

.top_left{
float:left;
text-align: left;
vertical-align: top;
margin: 0px auto;
padding: 0px;
width: 200px;
height:310px;
background-color: #ffffff;
border: 0px solid #848484;
}
.top_right {
float:right;
font-size: 10px;
font-family: verdana, arial, helvetica, sunsans-regular, sans-serif;
text-align: left;
vertical-align: top;
margin: 0px auto;
padding: 0px;
width: 495px;
height:50px;
background-color: #ffffff;
border: 0px solid #848484;
}
#top_right2 {
float:right;
overflow: hidden;
text-align: left;
vertical-align: top;
margin: 0px auto;
padding: 0px;
width: 497px;
height:264px;
background-color: #ffffff;
border: 0px solid #848484;
}
.left{
float:left;
text-align: left;
vertical-align: top;
margin: 0px auto;
padding: 5px;
width: 191px;
background:#ffffff url(images/divbg.gif) top repeat-x;
border: 0px solid #848484;
}
* html .left{ /*IE only rule. Original menu width minus all left/right paddings */
width: 200px;
}


.right {
float:right;

text-align: left;
vertical-align: top;
margin: 0px auto;
padding: 5px;
width: 489px;
background:#ffffff url(images/divbg.gif) top repeat-x;
border: 0px solid #848484;
}
* html .right{ /*IE only rule. Original menu width minus all left/right paddings */
width: 498px;
}

#footer  {
text-align: right;
margin: 0px auto;
padding:20px 10px;
font-size: 10px;
font-family: verdana, arial, helvetica, sunsans-regular, sans-serif;
color:#858585;
width: 680px;
height:80px;
background-color: #ffffff;
border-top: 0px solid #848484;
border-left: 1px solid #848484;
border-right: 1px solid #848484;
border-bottom: 1px solid #848484;
}

* html #footer{ /*IE only rule. Original menu width minus all left/right paddings */
width: 700px;
}

p, h1, pre {
margin: 0px;
padding: 5px 10px;
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
}
h2 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
color: #564b47;
}

pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: courier, monaco, monospace;
}
td{font-size: 10px;
font-family: verdana, arial, helvetica, sunsans-regular, sans-serif;}
/******************\\\\\\\\\\\\\ VERTICAL MENI  \\\\\\\\\\\\\\\\\\\\\****************/
.wireframemenu{
border: 0px solid #C0C0C0;
border-bottom-width: 0;
width: 190px;
text-align:right;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 190px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #dfe1e5;
color: red;
}

/******************\\\\\\\\\\\\\ VERTICAL MENI END \\\\\\\\\\\\\\\\\\\\\****************/
/******************\\\\\\\\\\\\\ HORIZONTAL MENI \\\\\\\\\\\\\\\\\\\\\****************/

.indentmenu{
font: bold 13px Arial;
width: 497px; /*leave this value as is in most cases*/
height:49px;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 495px;/*width: 80%;width of menu*/
height:49px;
border: 1px solid #564c66; /*dark purple border*/
border-width: 0px 0;
background: black url(images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #595959; /*text color*/
padding: 6px 10px;
text-decoration: none;
border-right: 0px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: #595959;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
height:45px;
color: #595959 !important; /*text color of selected and active item*/
padding-top: 3px; /*shift text down 1px for selected and active item*/
padding-bottom: 2px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg2.gif) center center repeat-x;
}

* html .indentmenu ul li a:hover, .indentmenu ul li .current{ /*IE only rule. Original menu width minus all left/right paddings */
height:49px;
}





/******************\\\\\\\\\\\\\ HORIZONTAL MENI END  \\\\\\\\\\\\\\\\\\\\\****************/

#facebox .b {
  background:url(images/b.png);
}

#facebox .tl {
  background:url(images/tl.png);
}

#facebox .tr {
  background:url(images/tr.png);
}

#facebox .bl {
  background:url(images/bl.png);
}

#facebox .br {
  background:url(images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*************************************************************/
.showbg{// for fadeout effect *This is optional
background-color: black;margin:0px;
}

.link_nor{// for clickable normal link
background-color: #333333;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}


.link_act
{// for clickable active link
background-color:#808000;
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border: 2px solid #808000;
padding:0px 4px 0px 4px;
text-align:center;
color:white
}

span{// for watermark
font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;
color:black
}

.gray
{// for cover
background-color: gray;
position: absolute;
border: 0px solid #9F6D11;
z-index: 100;
}



.opa{// for watermark opacity 
color:white;
padding:10px 20px 0px 20px;
position: absolute;
z-index: 101;
background-color: #FFA928;
opacity:0.5;
filter: alpha(opacity=50);
filter:progid:DXImageTransform.Microsoft.Alpha
(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16); 
-moz-opacity: 0.5;
}
/********PAGINACIJA************************************************************/

.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 75%;
}

.pagination li{
list-style-type: none;
margin:0 2px;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li{ /*IE7 only CSS hack*/
margin-right: 3px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li{ /*IE6 and below CSS hack*/
margin-right: 3px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #969696;
text-decoration: none; 
color: #454545;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #fff;
background-color: #454545;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #454545;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}
/**********************************************************************************************/