/** body **/
  body
  {
  	margin:0;
	padding:0;
  }

  .ad-sense-map {
	  text-align:center;  
  }
  .start-teaser-ad {
	  text-align:right;
	  margin-top:10px;  
  }
 #header-inner,#header-inner-logged, #footer-inner, #top-bar-inner, #main-inner, #content-top-inner, #navbar-inner, #copyright-inner{
	 width:980px;
	 margin:0 auto;
 }
 
 #headertop-left{
	 float:left;
 }
 
#headertop-right{
	 float:right;
 }
  
  #page,
  #closure-blocks
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
 
  }

  #page-inner
  {

  }



	
/** header **/

	
#header-content{
	
}
	
  #header-blocks
  {
    clear: both; /* Clear the logo */
  }
  
  #header-top{
	  height:30px;
  }

  


  
#searchbox {
  float: right;
  height: 50px;
  margin: 18px 10px 0 0;
  width:250px;
}

#search-form{
	float:left;
}

#searchbox .newsletter_subscribe_input{
  float:left;
	margin-top:0;
	padding:4px;
}

#searchbox input{
	float:left;
}

#login{
	float:right;
	clear:right;
	
}

#login input{
	float:left;
	margin-right:10px;
	width:175px;
}

#login .imgsbmt{
  float:left;
	width:50px;
	margin-right:5px;
}




  #site-slogan
  {
	  width:702px;
	  height:105px;
	  float:left;
	  margin-top:35px;
  }
  
  #header-image{
	  width:408px;
	  clear:right;
  }
  

#content-top{
	height:360px;
	position:relative;
}

/** main (container for everything else) **/
  #main
  {
    position: relative;
	
  }

  
  #main-inner
  {
  	min-height:350px;
	height:auto !important;
	height:350px;
  }
  


/** content **/


#content-area{
	position:relative;
	
}





	
  #content,
  .no-sidebars #content
  {
    float: left;
    width: 980px;
    margin-left: 0;
    margin-right: -980px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }
  
  
    .sidebar-left #content
  {
    width: 565px;
    margin-left: 0; /* The width of #sidebar-left. */
    margin-right: -565px; /* Negative value of #content's width + left margin. */
  }



  .sidebar-right #content
  {
    width: 755px;
    margin-left: 0;
    margin-right: -755px; /* Negative value of #content's width + left margin. */
  }

  .two-sidebars #content
  {
    width: 340px;
    margin-left: 0;
    margin-right: -640px; /* Negative value of #content's width + left margin. */
  }


	



 .sidebar-right #content-inner
  {
    margin: 0;
    padding:0 20px;
  }
  
  #content-inner
  {
    margin: 0;
    padding:0 10px 20px 10px;
  }
  
 
		


/** navbar **/


  #navbar
  {
	

  }



  #navbar-inner
  {
	  
  }
  
  /* CENTRIRANI MENU */
  #primary{
  	height:50px;
	width:980px;
	
	
	}
	
	#primary-inner{
		
		
		
	}
	


	
	
 #primary ul.links{
	 float:right;
	
		
	

	}
	
 #primary ul li{
	
 	padding:0;
	height:48px;
	width:101px;	
	
	margin-left:2px;
	float: left;
    padding: 0 2px 0 0;

	}
	
	 #primary ul li a{
		 display:block;
		 text-align:center;
		 height:17px;
		 width:101px;
		 padding:20px 0 10px 0;
	 }


  
 /** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 225px;
	margin-left:340px;
    margin-right: -565px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }
  
    #sidebar-left-inner
  {
    margin:0;
	padding:10px 0;
    min-height:200px;
	height:auto !important;
	height:200px;
  }
  

 


/** sidebar-right **/
  #sidebar-right-old  /* changed 07.10.2011. */
  {
    float: left;
    width: 415px;
    margin-left: 565px; /* Width of content + sidebar-left. */
    margin-right: -980px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
	
  }
  #sidebar-right
  {
    float: right;
    width: 415px;
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
	
  }

  #sidebar-right-inner
  {
    margin:0;
    padding: 10px 0 10px 0;
  }
  
 
	
 
    
/** footer **/
  #footer
  {
	  margin-top:20px;
	 
	  
  }

  #footer-inner
  {
	 
	  padding:30px 0 30px 0;
  	
  }
  
  #footer .inner{
	  padding:10px;
  }
  
  .footer-menu{
	  float:left;
	  width:220px;
	  margin-right:10px;
	  height:auto !important;
	  min-height:230px;
	  height:230px;
  }
  

  
    .footer-box{
	  float:left;
	  width:246px;
	  margin-right:10px;
	  height:250px;
  }
  
  #footer-fb{
	  margin:0;
  }
#footer-disclaimer{
	clear:both;
	text-align:center;
}

/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }


  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  /*
  #page
  {
    overflow-y: hidden;
  }
  */
  
  

  
.clear-block  {
	display:block;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size:0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.inner{
	padding:15px;
	}
	
	.right{
		float:right;
		margin-left:10px;
	}
	.left{
		float:left;
		margin-right:10px;
	}
		
/** OJ 2011_10_18 **/
/* INSERT / EDIT OBJECT */
.object_field  {
	overflow:hidden;
	display:block;
}
.object_left {
	display:block;
	float:left;
	margin-right:5px;
}
.object_select_small {
	border:1px solid #40983D;
	width:50px;
}
.object_text_small {
	width:50px;
	display:inline;
}
.object_field_block {
	width:45%;
}
.object_field_block h4 , .object_field_block_big h4 {
	margin-top:5px;
	margin-bottom:5px;
	color:#2298FF;
}
.object_field_cols_container {
	overflow:hidden;
}
.object_input_feature {
	display:block;
	width:50%;
	float:left;
}
.object_input_features_block {
	overflow:hidden;
}
.object_bottom_buttons {
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}
.object_submit_btn {
	float:right;
	margin-right:50px;
}
.checkbox_agb {
	margin-top:10px;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* OBJECT INPUT IMAGES */
.image_input_container {
	display:block;
	width:200px;
	height:175px;
	float:left;
	margin-right:10px;
	border:1px solid #40983D;
	padding:3px;
	margin-bottom:10px;
	text-align:center;
}
.delete_image_box {
	margin-top:3px;
	display:block;
	font-size:8pt;
	height:18px;
}
.upload_image {
	margin-top:5px;
	display:block;
	width:200px;
	font-size:8pt;
}
.object_field_block_big {
	overflow:hidden;
}
.object_field_block_big p {
	font-size:9pt;
}
.object_explaination {
	font-size:8pt;
	color:#666;
}



.detail_calender {
	overflow:hidden;
}
.calender_table {
	text-align:center;
	width:155px;
	background-image:url(images/detail_calender_back.jpg);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	
}
.calender_show {
	padding-left:10px;
}
.calender_input {
	padding-left:5px;
	padding-right:5px;
	height:250px;
	background:url(images/detail_calender_back_big.jpg) no-repeat;
}
.calender_table strong {
	color:#2298FF;
}
.reserved {
	background-color:#f00;
	color:#FFF;
	font-weight:bold;
}
.calender_table table td {
	text-align:center;
}


.main_detail_left {
	display:block;
	float:left;
	width:710px;
}
.main_detail_right {
	float:right;
	width:220px;
}