body{
   font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
   font-size:11px;
   color:#4f4f4f;
   background:url(../images/ivan.jpg) top center repeat;
}
.clearfloat{
   clear:both;
   line-height:0px;
   height:0px;
   font-size:0px;
}
hr{
   font-size:0px;
   line-height:0px;
   height:1px;
   padding:0px;
   margin:0px;
   color:red;
   border:0px;
   border-bottom:solid 1px #c7c8c8;
}
strong{
   font-weight:bold;
}
a{
   color:#3f85b9;
   text-decoration:none;
}
a:hover{
   color:#252525;
}
button{
 /* text-indent:-9999px;*/
  border:none;
}
button:hover{
   background-position: left bottom;
   cursor:pointer;
   cursor:hand;
}
#wrapper{
   margin:0 auto;
   width:1012px;
}
#header{
  width:1012px;
  height:223px;
  background:url(../images/header-bg.jpg) bottom no-repeat;
  position:relative;
}
#logo{
  position:absolute;
  left:27px;
  top:90px;
}

.kod{
	width:198px;
    height:436px;
	background:url(../images/kod.jpg) left top no-repeat;	
	float:left;
	padding-top:10px;
}
	
.kod-inside{
	width:180px;
    height:376px;
	background:url(../images/kod_inside.jpg) left top no-repeat;
	float:left;
	padding-top:10px;
}	
.parola{
  position:absolute;
  left:90px;
  top:175px;
}
.topMenu{
  position:absolute;
  top:0px;
  right:21px;
  width:455px;
  height:20px;
  padding-top:2px;
  background:url(../images/top-menu-bg.gif) right no-repeat;
}
.topMenu ul{
  float:left;
}
.topMenu li{
  float:left;
  width:auto;
  margin-right:11px;
}
.topMenu a{
  font-size:12px;
  color:#fff;
  font-weight:bold;
}
.topMenu a:hover{
  color:#dbdbdb;
}
.topMenu form.search{
  float:left;
}
.topMenu input{
  float:left;
  width:121px;
  height:15px !important;
  border:0px;
  border:none;
  background:url(../images/search-input-bg.gif) left 2px no-repeat;
  line-height:12px;
  padding-left:3px;
  padding-top:2px;
}
#flash{
  position:absolute;
  right:21px;
  top:24px;
}

/* menu */
#menuWrapper{
  width:991px;
  height:58px;
  background:url(../images/content-shadow-bg.png) top center repeat-y;
  padding-left:21px;
  padding-top:2px;
}
#menu{
  float:left;
  width:950px;
  height:48px;
  background:url(../images/menu-bg.jpg) no-repeat;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:20px;
}

/*
#menu ul li{
   float:left;
   height:38px;
   width:auto;
   padding-left:12px;
   padding-right:14px;
   background:url(../images/menu-li-right-bg.jpg) right no-repeat;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight:bold;
   padding-top:10px;
}
#menu ul li.last{
   background:none;
}
#menu ul li a{
   color:#fff;
}
#menu ul li a:hover{
   color:#3696e8;
}
/* end menu */

#wrapperContent{
  float:left;
  width:970px;
  min-height:400px; /* samo u test fazi*/
  background:url(../images/content-shadow-bg.png) left top repeat-y;
  padding:8px 21px 20px 21px;
}
#contentBottom{
   float:left;
   width:1012px;
   height:16px;
   line-height:0px;
   font-size:0px;
   clear:both;
   background:url(../images/content-botom-bg.jpg) top no-repeat;
}
#footer{
   float:left;
   width:970px;
   padding-left:21px;
   padding-right:21px;
   color:#c7c7c7;
}
#footer a{
  color:#f4c128;
}
.footer-left{
   float:left;
   width:400px;
}
.footer-right{
   float:right;
}
#leftContent{
   float:left;
   width:704px;
   padding-right:22px;
   padding-left:23px;
}
#page_content p{
	text-align:justify;
}
#rightContent{
   float:left;
   width:219px;
}
.categoryBox-top{
   width:207px;
   height:52px;
   background:url(../images/categoryBox-top-bg.gif) no-repeat;
   float:left;
   font-size:20px;
   font-weight:bold;
   color:#FFFFFF;
   padding-left:12px;
   padding-top:10px;
   position:relative;

}
.categoryBox-top span{
   float:left;`
   font-size:20px;
   font-weight:bold;
   color:#FFFFFF;
   padding-left:10px;
   padding-top:5px;
   width:130px;
   line-height:18px;
   z-index: 10;
/*   position: absolute;
   vertical-align:bottom;*/
}
.categoryBox-top img{
   z-index: 0;
   position:absolute;
   right:3px;
 /*  max-height:70px;
   max-width:72px;*/
}



/*  RIGHT MENU */


.categoryBox-middle{
   background:#cff860 url(../images/categoryBox-middle-bg.gif) left top repeat-x;
   width:199px;
   min-height:173px;
   float:left;
   padding:25px 0px 20px 20px;
   font-size:23px;
   color:#FFFFFF;
}
.categoryBox-middle a{
   font-size:14px;
   color:#474747;
   margin-left:0px;
   display:block;
   font-weight:bold;
   padding:4px 0px 4px 5px;
   font-family:Arial, Helvetica, sans-serif;
   font-style:normal;
   font-variant:normal;
   line-height:17px;
}
.categoryBox-middle a:hover, .categoryBox-middle a.current{
  color:#ffffff;
  background-color:#a4c82c;
  display:block;
}
.categoryBox-middle ul ul a{
  font-size:12px;
}
.categoryBox-middle ul ul ul a{
  padding-top:0px;
  padding-bottom:0px;
  padding-left:8px;
  font-size:13px;
  background:url(../images/str.gif) left no-repeat;
  font-weight:normal;
}
.categoryBox-middle ul ul ul ul a{
  background:none;
}

.categoryBox-middle ul ul ul ul ul a{
  font-size:12px;
  font-style:italic;
}
.categoryBox-middle ul{
   float:left;
   clear:both;
   width:175px;
}
.categoryBox-middle ul ul{
   padding-left:10px;
   width:170px;
   margin-top:-3px;
   margin-bottom:5px;
   border-top:dotted 1px #afafaf;
}
.categoryBox-middle ul ul ul{
   width:160px;
   margin-top:0px;
   margin-bottom:0px;
   border-top:dotted 1px #afafaf;
   padding-left:0px;
   margin-left:10px;
   display:inline;


}
.categoryBox-middle ul ul ul ul{
   width:150px;
}
.categoryBox-middle ul ul ul ul ul{
   width:140px;
}
.categoryBox-middle ul li{
  float:left;
  width:100%;
  border-bottom:dotted 1px #afafaf;
}
.categoryBox-middle ul li li{
  border-bottom:0px;
  border-top:dotted 1px #afafaf;
}
.categoryBox-middle ul li li a{
   padding-top:2px;
   padding-bottom:2px;
}
.categoryBox-middle ul li li li{
  border-bottom:0px;
  border-top:0px;
}


/* END RIGHT MENU */
.categoryBox-bottom{
  width:219px;
  height:16px;
  line-height:0px;
  font-size:0px;
  background:url(../images/categoryBox-bottom-bg.gif) top no-repeat;
  float:left;
}
.homeBox1, .homeBox2, .homeBox3{
  float:left;
  width:317px;
  height:208px;
}
.homeBox2, .homeBox3{
   margin-left:8px;
}
#carusel{
  float:left;
  width:970px;
  height:212px;
  margin-top:8px;
  background:url(../images/carusel-bg.jpg) no-repeat;
}
.special{
  clear:both;
  float:left;
  width:141px;
  height:23px;
  background:url(../images/izdvajamo-bg.jpg) no-repeat;
  margin-top:10px;
  padding-left:15px;
  font-size:16px;
  font-weight:bold;
  color:#FFFFFF;
  margin-left:15px;
}
.breadcrumb{
  float:left;
  clear:both;
  margin-left:0px;
  margin-bottom:15px;
  margin-top:5px;
}
.breadcrumb ul li{
  float:left;
  width:auto;
  padding-right:10px;
  padding-left:3px;
  background:url(../images/str.gif) right 4px no-repeat;
  font-weight:bold;
}
.breadcrumb ul li.bred_last{
   background:none;
}
.breadcrumb ul li.bred_last a{
  background:none;
  color:#43bed9;
}
#page_content h2{
  font-size:18px;
  border-bottom:solid 1px #333333;
}



/* CARUSEL */
.previous_button, .next_button{
  float:left;
  width:35px;
  height:31px;
  margin-top:80px;
}
.previous_button a{
   float:left;
   width:32px;
   height:32px;
   background:url(../images/carusel_arrow_left.gif) left top no-repeat;
   cursor:pointer;
   cursor:hand;
   text-indent:-9999px;
   margin-left:3px;
 }
 .previous_button a:hover{
  background:url(../images/carusel_arrow_left.gif) left bottom no-repeat;
 }
 .next_button a{
   float:left;
   width:32px;
   height:32px;
   background:url(../images/carusel_arrow_right.gif) left top no-repeat;
   cursor:pointer;
   cursor:hand;
   margin-left:3px;
   text-indent:-9999px;
 }
 .next_button a:hover{
   background:url(../images/carusel_arrow_right.gif) left bottom no-repeat;
 }
.caruselContent{
  float:left;
  width:900px;
  height:194px;
  margin-top:8px;
  position:relative;
}
.caruselContent li{
  float:left;
  width:193px;
  height:174px;
  background:url(../images/carusel_content_bg.gif) no-repeat;
  margin-left:6px;
  display:inline;
  padding-top:20px;
  padding-right:25px;
  position:relative;
}
.caruselContent li span.caruselTitle{
  clear:both;
  float:right;
  font-size:14px;
  color:#02406d;
  font-weight:bold;
}
.caruselContent li span.caruselDate{
  clear:both;
  float:right;
  font-size:11px;
  color:#02406d;
  font-weight:bold;
}
.caruselContent img{
  float:right;
  max-width:170px;
  max-height:96px;
  position:absolute;
  bottom:15px;
  right:25px;
}




/* END CARUSEL */


a:active
{
  outline: none;
}

:-moz-any-link:focus {
  outline: none;
}

/* KONTAKT */
.contact-left{
  float:left;
  width:320px;
  margin-top:20px;
  padding-left:40px;
}
.contact-right, .contactForm{
   float:left;
   width:440px;
   margin-top:20px;
}
.contact-right span{
   margin-left:60px;
   padding-bottom:10px;
   font-style:italic;
   margin-top:10px;
   float:left;
}
form.contactForm{
  float:left;
  margin:0px;
  padding:0px;
}
.contactForm label{
  float:left;
  width:160px;
  text-align:right;
  padding-right:4px;
  padding-top:4px !important;
}
.contactForm input{
  float:left;
  width:170px;
  margin-bottom:4px;
  background:#f9f9f9;
  border:solid 1px #6eb5f7;
  font-size:12px;
}
.contactForm textarea{
  float:left;
  width:250px;
  height:120px;
  overflow:auto;
  background:#f9f9f9;
   border:solid 1px #6eb5f7;
   font-size:12px;
}
.contactBt{
  float:right;
  width:63px;
  height:17px;
  cursor:pointer;
  cursor:hand;
  border:0px;
  border:none;
  text-indent:-9999px;
  margin-right:23px;
  margin-top:4px;
  background:url(../images/posaljiBt.jpg) left top no-repeat;
  z-index:1010px;
}
.contactBt:hover{
  background:url(../images/posaljiBt.jpg) left bottom no-repeat;
}

.contact-left h2 {
	font-size:18px;
	padding: 5px 0 5px 0;
	font-weight: bold;
	color:#ffb400;
}

.contact-left h3{
	font-size:14px;
	padding: 5px 0 5px 0;
	font-weight: bold;
}
.contact-left h3 span{
    color:#0972d7;
}
.contact-left p {
	padding: 5px 0 5px 0;
	font-weight: bold;
}
.contact-left p a{
	color:#0972d7;
	font-weight: bold;
	text-decoration:none;
}
.contact-left p a:hover{
	color:#ffb400;
	font-weight: bold;
	text-decoration:none;
}


/*END KONTAKT*/

h2.search {
	font-size:18px;
}

ul.ulList {
  list-style: outside;
  list-style-type: disc;
  padding:5px 0 5px 5px;
  margin:3px 0 3px 10px;
}
ul.ulList li{
  list-style:outside;
  list-style-type: disc;
  text-align:justify;
}
.placeTilte{
 font-size:20px;
 float:left;
 width:100%;
 margin-top:50px;
 border-bottom: solid 1px #3f85b9;
 padding-bottom:5px;
 margin-bottom:5px;
 color:#3f85b9;
}

 .place_submain{
 float:left;
 clear:none;

 /*border: 1px solid red;*/

}

.place_desc{
 float:left;
 width:150px;
 clear:none;

}
.place_desc a{
/*  position:absolute;
  bottom:0px;
  left:145px;*/
  line-height:25px;
}
.place_desc img{
 max-width:120px;
 padding:2px;
 border:solid 1px #3f85b9;
 float:left;
 margin-right:20px;
 margin-bottom:5px;
}
h3.nameImg{
padding-top:10px;
width:120px;
text-align:center;
font-style:italic;
padding-top:30px;
}

ul.maybeInvisible {
border:0px !important;
}

li.invisible {
border:0px !important;
}