/* CSS Document */
/*//////////////////// RESET //##########################/////// */
* {
  margin:0; 
  padding:0;
  border:0;
  outline:0;
  } 
html, body {
   /* background-image:url(homeslice/bodyback02.jpg); */
    heights:100%;
}
body{
    background-color: #FFFFFF; /*#C8C8C8;*/
	margin: 0;
	padding:0;
	background-image: url(homeslice/bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}
#divbodymain {
   margin-left:auto;
   margin-right:auto;
   margin:auto;
   margin-top:-1px;
   padding:0;
   width:1000px;
   height:100%;
   background-color:#FFFFFF;
/*   background-image:url(homeslice/divmain_back.jpg);*/  
   border:1px solid #666666;
}
/*////////////////// TOP BAR ////#############////////////////////////////// */
#divtopmain {
  width:1000px;
  position:relative;
  top:0px;
  margin-top:-1px;
/*  margin-left:auto;
  margin-right:auto;
/*  margin:auto;*/
  height:205px;
  background-color:#FFFFFF;
  border-top:1px solid #FFFFFF;
 /* border:1px solid #CC0000; /*border - iskljuciti kad zavrsis dizajn*/
 /* background-image:url(homeslice/divmain_back.jpg);*/
  z-index:0;
}
#divtopcont {
  width:1000px;
  height:205px;
  padding:5px;
/*  margin-top:-1px;
  margin-left:18px;
  padding:0;
  border-top:1px dashed #FFFFFF;
 /* background-image:url(topimage/top_background7a.jpg);
  background-repeat:no-repeat;*/
  z-index:1;
}
/*
#divlogo {
  position:relative;
  width:104px;
  height:130px;
  margin-top: -10px;
  margin-left: 40px;
  background-image:url(homeslice/grbonwhite03.png);
  background-repeat:no-repeat;
  text-align:right;
  z-index:2;
}
*/
#divlogo {
  position:relative;
  width:116px;
  height:160px;
  margin-top: -10px;/*-202px;*/
  margin-left: 33px;/*81px; */
  background-image:url(homeslice/grb2.jpg);
  background-repeat:no-repeat;
  text-align:right;
  z-index:2;
}
#divtoptitle {
 margin-top:-205px;/*87px;*/
 margin-left:545px;
 width:420px;
 /*background-image:url(homeslice/titleback_opq50.png);
 background-color:transparent;
 background-repeat:repeat;*/
 background-color:#FFFFFF;   
/*    float:left;   
    opacity:0.5;   
    filter:alpha(opacity=50);   
    -moz-opacity:0.5; */
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:15px;
 text-align:left;
 padding:5px;
 padding-left:20px;
 color:#000000;
 /* z-index:3;*/
}
#divtoplang {
  margin-top:-23px;
  padding-left:0;
  margin-left:30px;
}
#toplang {
 margin-left:40px; 
 margin-right:70px; 
 margin-top:2px; 
 padding:0; 
 background-color:transparent;
}
#divtopwelcome {
  margin-top:25px;/*12px;*/
  padding-left:0;
  font-size:14px;
  font-weight:bold;
  color:#333333;
  text-align:center;
 /* z-index:3;*/
 }
 #divtopwelcome2 {
  margin-top:15px;/*12px;*/
  width:420px;
  margin-left:200px;
  /*background-image:url(homeslice/titleback_opq50.png);
 background-color:transparent;
 background-repeat:repeat;*/
 background-color:#FFFFFF;   
/*    float:left;   
    opacity:0.5;   
    filter:alpha(opacity=50);   
    -moz-opacity:0.5; */
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:15px;
 text-align:center;
 padding:5px;
 color:#000000;
 /* z-index:3;*/
 }
/*///////////////////////////// NAVIGACIJA TOP ///////////////////////////////*/
#divtopnavbarmain {
  margin-top:-20px;/*0;/*10px;/*140px;/*100px;*/
  background-repeat:no-repeat;
  margin-left:30px; /*################################################## 02*/
  padding:0;
  /*width:800px; */
  height:27px;
 /* background-color:#AD0101;*/
  z-index:4;
}
/*//////////////////// CONTENT MAIN //////////////////////////////////////////*/
#divcontmain {
  width:990px;
  margin:auto;
  padding:0;
  height:100%;
  display:table;
  background-color:#FFFFFF;
/*  border:1px solid #000066;*/
 /* border-left:1px solid #CC0000;
  border-right:1px solid #CC0000; 
  background-color:#FFFFFF; */
/*  background-image:url(homeslice/divmain_back.jpg);*/
}

#contentleft {
  float:left;
  width:810px;
  margin:0;
  padding:0;
/*  border:1px solid #FF0000;*/
}
#navbarleft {
  float:left;
  margin:0;
  width:180px;
/*  margin-left:20px;*/
  padding:0;
/*  border:1px solid #CCCCCC; */
}
#imageholder {
background-color:#FFFFFF;/*#F3F3F3;*/
text-align:center;
border-bottom:2px solid #FFFFFF;
}
#anketatitle {
 margin-top:20px;
 padding-left:30px;
 border-top:1px dashed #999999;
 border-bottom:1px dashed #CCCCCC;
 /*text-align:center;*/
 font-size:13px;
 font-weight:bold;
 color:#666666;
}
#content {
  float:left;
  width:610px; /*610px;*/
  margin:0;
  padding:0;
/*  border:1px solid #CCCCCC;  */
}
#contentstyle {
 padding-left:5px;
}
#lista {
margin-left:45px;
}
/* ///////////////////////////// RIGHT BAR ////////////////////////////////////*/
#contentright {
  float:left;
  width:180px;
  margin:0;
  padding:0;
 /* border:1px solid #CC0000;*/
}
#divlang {
  padding-top:10px;
  padding-right:30px;
  padding-bottom:30px;
   text-align:right;
}
/*///////////////////////// FOOTER /////////////////////////////////////////////*/
#divfootermain {
  width:990px;
  height:20px;
  margin:auto;
  padding:0;
 /* display:table;
   /* border-bottom:1px solid #CC0000; */
 /* background-image:url(homeslice/divmain_back.jpg);*/
}
#footercontent {
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:13px;
  font-weight:normal;
  color:#999999;
  padding:2px;
  border-top:1px solid #999999; 
/*  border-bottom:1px solid #CCCCCC;*/
}
.opacity {
    filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#footerline {
/*  width:964px;
  margin:auto;
  height:1px;
  border:1px solid #999999;
  color:#999999;
  background-color:#999999;*/
}
hr {
 width:964px;
  margin:auto;
  height:1px;
  border:o;
  color:#999999;
  background-color:#999999;
}
.limeni a {
color:#990000;
}
-->
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 180px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #000066 url(down.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 5px 0 5px 35px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #F3F3F3;
display: block;
padding: 3px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #000000;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #CC0000;
background: #E7E7E7;
/*border-right:4px solid #CC0000;*/
}
/* IMAGE POPUP ///////////////////////////////////////////////////*/
/* //////////////////////////// IMAGE GALERY POPUP ////////////////////// */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 2px 2px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC; /*lightyellow;*/
padding: 2px;
margin-top:-110px; /*vertical position of enlarge image*/
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -200px; /*left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.oglas {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#373F66; text-align:center;}
.oglas a {font-size:12px; color:#373F66; text-decoration:none;}
.oglas a:hover {sans-serif; font-size:12px; color:#373F66; text-decoration:none;}