/* mac hide \*/
html,body
{
	height:100%;
	width:100%;
	margin: 0 auto;
	
}
/* end hide */
* {margin: 0 auto; padding: 0; outline: none;
}
img {border: none;}

body 
{
font: 11px normal Arial, Helvetica, sans-serif;
 background:#FFF url(images/bg-main.gif) repeat-x;
 margin:0;
 padding:0;
text-align:center;
}

#wrapper  
{
	display:inline;
 margin: 0 auto;
 width: 960px;
 padding:0;
display:table;
vertical-align:middle;
}
#header {
 color: #333;
 width: 960px;
 float: left;
}
.nav {
padding:0;
margin:0;
}
.navigation {
padding:0;
margin:0;
}
.navigation-top {
padding:0;
margin:0;
}

 .lang_switch
{  
	color:#535353;
 }
.lang_switch a:link,.lang_switch A:visited
{  font-size:10px;
  text-decoration:none;
  font-weight:normal;
  color:#535353;
 }
 .lang_switch a:hover
{  
	color:#f79434;
 }
  .lang_switch a:active, .lang_switch a:current
{  
	color:#f79434;
 }
.header-table {
 padding: 0;
 margin: 0;
 background: transparent;
 
}
.alpha-shadow {
  float: left;
  background: url(img/shadow1.png) �
  no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(img/shadow2.png) �
  no-repeat left top !important;
  background: url(img/shadow2.gif) �
  no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}


/******************************************* PRVA STRAN **************************************/
 .contentpane-hp {
 background:transparent;
 display:block;
 width: 952px;
 padding: 0 0 0 0;
 margin-top:8px;
 } 
 .content-hp  
 {
 	padding:0;
 	margin:0 auto;
}

.modul 
{
	width:80%; 
 float: left;
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 8px 5px 5px 0px;
 padding: 2px;
 width:723px;
}
.header-table-hp {
 padding: 0;
 margin: 0;
 background: transparent;
 padding: 10px 0px 0px 0px;
}
.rightcol-pad
{
	padding:3px 0 0 0; 
	*padding: 8px 0 0 0; 
}
.bkg-rightcolumn
{
	 background: url(images/bkg-right-hp.jpg) no-repeat;
	 display:block;
	 width: 226px;
	 height:265px;
 color: #333;
 margin: 5px 5px 0px 0px;
}
.rightcolumn
{
	 color: #333;
}
.rightcolumn-pane 
{
	 padding: 0 20px 0 20px;
}
.galerija  
{
width:83%;
*width:100%;
height:262px;
*height:240px;
color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 padding: 0px 15px 0px 15px;
 margin: 5px 5px 0px 0px;
 overflow:hidden;
}
/******************************************* PRVA STRAN **************************************/


/******************************************* PODSTRAN **************************************/
.contentsub { 
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 487px;
}
.rightsub { 
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 0;
 padding: 10px;
 width: 180px;
 float: right;
}
.leftsub { 
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 0;
 padding: 10px;
 width: 208px;
}
/******************************************* PODSTRAN **************************************/
#logo-pad {
padding-left:30px;
margin:0;
}
#logo {
background:url(images/logo.gif) no-repeat;
display:block;
width:141px;
height: 58px;
padding:0px 0px 5px 0px;
}
#content-big { 
width: 724px;
 clear: both;
 color: #FFF;
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 0px 0px 5px 0px;
 padding: 10px 10px 10px 18px;
}
#user-big { 
 float: left;
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width:723px;
}
#modul-big 
{float: left;
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width:723px;
}
#footer-big { 
width: 952px;
 clear: both;
 color: #FFF;
 color: #333;
 border: 1px solid #e3e2e2;
 background: #FFF;
 margin: 0px 0px 5px 0px;
 *margin: 0px 0px 5px 0px;
 padding: 2px;
}
#footer { 
 width: 952px;
 clear: both;
 color: #FFF;
 border: 1px solid #e3e2e2;
 background: #b6b6b6;
 margin: 0px 0px 10px 0px;
 padding: 0px 2px 2px 2px;
 text-align:center;
 font-size:10px;
}
.footer a:link, .footer a:hover, .footer a:visited{ 
 font-size:10px;
}
.footer a:hover 
{
	color:#FFF;
}
.footer1,.footer2,.footer3
{ 
 padding:0px;
 margin:0px;}


.bkg-naslov-modul 
{ 
background: url(images/naslov.gif) no-repeat;
padding:0 0 0 20px; 
width:188px;
height:29px;
margin-top:0px;
*margin-top:0;
          }
          
.bkg-readmore a:link,.bkg-readmore a:hover,.bkg-readmore a:active,.bkg-readmore a:visited
{ 
	color:#fff;
	font-weight:bold;
background: url(images/read-green.jpg) no-repeat;
display:block;
width:82px;
height:32px;
margin:0;
font-size:11px;
          }
.naslov-pad
{ 
padding-left:20px;
padding-top:5px;
margin:0;
width:184px;
          }

 .modul-hp
{ 
width:180px;
padding: 10px 10px 0 10px;
          }
 .modul-hp a:link, .modul-hp a:hover, .modul-hp a:visited, .modul-hp a:active
{
	font-size:11px;
          }
 
 
.bkg-naslov-siv
{ 
background: url(images/naslov-siv.gif) no-repeat;
padding:0;
width:188px;
height:29px;
margin-top:0px;
*margin-top:0;
          }
.bkg-naslov-siv a:link,.bkg-naslov-siv a:hover,.bkg-naslov-siv a:active,.bkg-naslov-siv a:visited
{ 
	color:#fff;
	font-weight:bold;

          }
.naslov-zelen-modul
 {color:#FFFFFF; 
  letter-spacing:-0.2px; 
  font-size:18px; 
  width:170px; 
  padding: 3px 0 0 0px;
      }
 .naslov-siv
 {color:#FFFFFF; 
  letter-spacing:-0.2px; 
  font-size:18px; 
  width:167px; 
  padding: 0 0 0 20px;
    }
 
.hp-tekst
{ 
width:195px;
text-align:left;
padding: 5px 0 5px 0;

          }
.bkg-readmore-siv a:link,.bkg-readmore-siv a:hover,.bkg-readmore-siv a:visited
{ 
	color:#fff;
	font-weight:bold;
background: url(images/read-siv.jpg) no-repeat;
display:block;
width:82px;
height:32px;
margin:0;
          } 
          
.image-border
{
	width:165px;
	padding:5px;
	background: #e0e0e0;
   border:1px solid #e0e0e0;

       }              
.more-padding
{
	padding-left:80px;

       }
/******************************************* scroller **************************************/
/******************************************* scroller **************************************/
/******************************************* scroller **************************************/
/******************************************* scroller **************************************/
      
.container {
	overflow: hidden;
	width: 952px;
	margin: 0 auto;
}
#main {
	padding: 0;
	background:transparent;
	height: 265px;
}
.container a:link, .container a:visited, .container a:active
 {color: #fff;
  font-size:11px;
  text-decoration:none;
  font-weight:normal;
  letter-spacing:0.1em;
 }
 .container a:hover
 {  text-decoration:underline;
 }

/*--Main Image Preview--*/
.main_image {
	width: 700px; height: 265px;
	float: right;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 11px;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom; } 


.image_thumb {
	float: left;
	width: 170px;
	height:265px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #e3e2e2;
}
.image_thumb img {
		padding: 0; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb li {
	margin: 0; padding: 0;
	list-style: none;
	height:34px;
	width:200px;
}
.image_thumb ul li{
	margin: 0; padding: 1px 1px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 250px;
	float: left;
	border-bottom: 1px solid #e3e2e2;
	border-top: 1px solid #fff;
	border-left: 1px solid #e3e2e2;
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 200px;
}	
.image_thumb ul li p{display: none;} 


.modul1,.modul2,.modul3
{ 
 padding:0px;
 margin:0px;}
.user1,.user2,.user3
{ 
 padding:0px;
 margin:0px;}