* { margin: 0; padding: 0 }
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #fff }
text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

ol, ul { list-style: none }
h1 { display: none }
img { border: 0 }
.clear { clear: both; height: 1px; overflow: hidden }


/* START: Positions */
#container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 515px;
	height: 520px;
	margin: -260px 0 0 -245px;
}

#container_wide {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1015px;
	height: 520px;
	margin: -260px 0 0 -507px;
}
/* END: Positions */

/* START: Navigation */
#navig { 
	width: 490px;
	background: #f7cd29;
	margin: 0 auto;
}

#navig .left {
	float: left;
	width: 21px;
	height: 34px;
	background: url("images/navig-left-bg.gif");
}

#navig .right {
	float: left;
	width: 21px;
	height: 34px;
	background: url("images/navig-right-bg.gif");
}

#navig ul {
	float: left;
	color: #fff;
	width: 448px;
	margin: 0 0 6px 0;
}

#navig ul li {
	float: left;
	width: 112px;
	font-size: 1.4em;
	text-align: center;
	line-height: 2.2em;
	letter-spacing: 0.07em;
	padding: 3px 0 0 0;
	background: #f7cd29;
}

a {
	color: #fff;
	text-decoration: none
}

a:hover {
	color: #d2882f;
	text-decoration: none
}
/* END: Navigation */

/* START: Content */
#content {
	height: 550px;
	background: url(images/box-bg.gif) no-repeat left;
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

#content .right {
	float: right;
	width: 30px;
	height: 550px;
	background: url(images/box-bg.gif) no-repeat right;
}

#content .content {
	float: left;
	width: 485px;
}

#content .content .logo {
	float: right;
	margin: 0
}

#content .content img,
#content .content p {
	margin: 20px 0 0 30px
}

#content .content .title {
	margin: 20px 0 0 190px
}


.link1{
	color: #d2882f;
	text-decoration: none;
} 


.link1:hover { 

	color: #ffffff;
	text-decoration: underline;
}




#content .content .galery{
  margin:0px;
  padding:0px;
  text-align: center;
}
#content .content .galery th{
  text-align: center;
  font-weight: normal;
  vertical-align: top;
/*  border:1px solid #FFF;*/
}
#content .content .galery td{
  text-align: center;
  vertical-align: top;
  /*border:1px solid #FFF;*/
}
#content .content .galery tbody td{
  padding-top:15px;
}
#content .content .galery thead img,
#content .content .galery tbody img{
  margin:4px;
  margin-bottom:7px;
  padding: 2px;
  border: 1px solid #FFF;
  cursor: pointer;
}
#content .content .galery thead img{
  border: 2px solid #FFF;
  max-height:130px;
  max-width:130px;
  /**height: 100px;*/
/*  height: 80px;*/
}
#content .content .galery tbody img{
  max-height:90px;
  max-width:90px;
  /**height: 70px;
  /*height: 50px;*/
}
#content .content .galery thead img:hover,
#content .content .galery tbody img:hover{
  border-color:#d2882f;
}


#content .content  .galery input{
  vertical-align: middle;
}

.galery label{
  /*cursor: pointer;*/
}

.naslov{
  font-size: large;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin-bottom:10px;
}

.imgHolder, .bgShader{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  text-align: center;
  /* display:block;*/
  z-index: 1000;
  vertical-align: middle;
}
.bgShader{
  opacity:0.80;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  background-color:#000000;
  z-index: 1000;
}

/*
.imgHolder img{
  z-index: 1010;
  margin:auto;
  vertical-align: middle;
  margin-top: -350px;
  position: relative;
  top: 50%;
  padding: 2px;
  border: 1px solid #FFF;
}

*/
.imgInfo {
  color:#FFF;
  font-size: 17px;
}

.imgInfo td{
  vertical-align:middle;
}

.imgInfo img{
  z-index: 1010;
  margin:auto;
  vertical-align: middle;
  padding: 2px;
  border: 1px solid #FFF;
}

.banner{
  Position:absolute;
  right:-90px;
  top:-20px;
}