/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	}

html, body {
	text-align: center;
	background-image:url(img/back.jpg);
	background-repeat:repeat-x;
	background-color: #387e57;
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
h1 {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 5px;
	}
	
h2 {
	font-size: 18px;
	border: solid 1px #ccc;
	}

#container {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	}
	
	
	#top {
		width: 955px;
		height: 200px;
		clear: both;
		background-image:url(img/top_background.jpg);
		}
		
			
		 #top_left {
			width: 198px;
			/* height: 25px; */
			display: block;
			margin-top: 167px;
			padding-left: 25px;
			line-height: 1px;
			font-size: 1px;
			float: left; 
			}			
		
	/*	html>body #top_left {
			width: 200px;
			height: 25px;
			margin-top: 150px; 
			padding-left: 25px;
			float: left; border: solid 1px red;
			}
	*/
			
		#ajaxSearch_input {
			width: 120px;
			border: solid 1px #000;
			}
			
		#ajaxSearch_submit	{
			height: 20px;
			}

		.ajaxSearch_highlight	{
			text-decoration: none;
			font-weight: bold;
			color: #f00;
			}

			
		#top_right {
			width: 729px;
			height: 200px;
			float: left;
			}
			
			#menu {
				width: 729px;
				padding-top: 167px;
				}
	
	#parola {
		width: 955px;
		height: 31px;
		clear: both;
		}
	
	#main {
		width: 955px;
		clear: both;
		background-image:url(img/cotent_background.jpg);
		}
		
		#left {
			width: 226px;
			float: left;
			}
		
		#right {
			width: 699px;
			float: left;
			padding: 15px;
			text-align: left;
			font-size: 12px;
			line-height: 16px;
			font-size: 12px;
			}
			
		#right_line {
			width: 699px;
			float: left;
			padding: 15px;
			text-align: left;
			background-image:url(img/back_line.gif);
			background-repeat: no-repeat; 
			background-position: center 50px;
			font-size: 12px;
			}	
			
		#right ul, #right ol, #right_line ul, #right_line ol  {
			margin-left: 30px;
			}
			
		#right p, #right_line p {
			padding-bottom: 10px;
			}
			
		#right a, #right_line a {
			font-weight: bold;
			color: #00f;
			text-decoration: none;
			}
			
		#right a:hover, #right_line a:hover {
			color: #f00;
			text-decoration: underline;
			}
			
		#right a.link_text {
			text-decoration: none;
			color: #000;
			font-weight: normal;
			}
			
		#right a.link_text:hover {
			color: #f00;
			text-decoration: none;
			}

		#left a.news_levo {
			text-decoration: none;
			color: #000;
			font-weight: bold;
			font-size: 12px;
			}
			
		#left a.news_levo:hover {
			color: #00F;
			text-decoration: none;
			}			
			

		#breadcrumb {
			width: 695px;
			height: 16px;
			float: left;
			display: block;
			clear: both;
			padding-top: 4px;
			text-align: left;
			padding-left: 0px;
			background-color: #fff;
			border-bottom: solid 1px #e1e1e1;
			font-size: 11px;
			margin-left: 0px;
			margin-bottom: 22px;
			color: #808080;
			}
			
		html>body #breadcrumb {
			margin-left: 0px;
			}
			
		#breadcrumb a {
			color: #808080;
			font-weight: normal;
			text-decoration: none;
			}
		
		#breadcrumb a:hover {	
			color: #f00;
			}
			
		.B_currentCrumb {
			font-weight: bold;
			}

			
	#footer {
		width: 955px;
		clear: both;
		height: 30px;
		background-image:url(img/footer_back.jpg);
		text-align: center;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding-top: 10px;
		color: #808080;
		}
		
	#footer a {
		color: #808080;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #f00;
		}
	
	
			
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

	

/*
		
#menu ul {
	height: 30px;
	display: block;
	text-align: right;
	list-style: none;
	border: solid 0px red;
	padding-top: 12px;
	}
	
#menu ul li {
	display: inline;
	}
	
#menu ul li a {
	width: 120px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	}	
	
#menu ul li a:hover {
	color: #FFFF00;
	}
*/





.menu {
  display:table;           /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;      /* keep text on one line */
  /*border:1px solid #06a;    add a border to show size of menu */
  float: right;
  padding-top: 3px;
  padding-right: 10px;
  }

.menu li {
  display:table-cell;      /* ignored by IE */
  float: left;
  }
  
.menu a, .menu a:visited {
  display:inline;           /* for all browsers except IE */
  padding:4px 16px;
  color:#fff;
  font-size: 14px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  /* background:#d4d4d4; 
  border:1px solid #fff;   add a 1px white border around each list item */ 
  text-decoration:none;
  text-transform: uppercase;
  }
.menu a:hover {
  color:#ffff00; 
  /* background:#08c; */
  }

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}
	
	
	
	
	
	
	
	
	
#left ul {
	display: block;
	text-align: right;
	list-style: none;
	border: solid 0px red;
	margin-top: 10px;
	padding-bottom: 30px;
	}
	
#left ul li {
	/*float: left;*/
	width: 215px;
	float: right;
	clear: both;
	background-image:url(img/menu_back.gif);
	background-position: 0px 18px;
	background-repeat:no-repeat;
	text-align: right;
	}
	
#left ul li a {
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 9px;
	display: block;
	float: right;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	}	
	
#left ul li a:hover {
	color: #f00;
	}
	
#address {
	display: block;
	padding-top: 50px;
	padding-left: 15px;
	font-size: 12px;
	}
	
.thumbscontainer ul li {
	width: 150px;
	height: 110px;
	overflow: hidden;
	display: block;
	border:solid 1px #ccc;
	padding: 0px;
	text-align: center;
	}

 .thumbscontainer ul li a img {
	border: none 0px;
	} 
	
.childscontainer {
		width: 500px;
		display: block;
		text-align: center;
		}

.childscontainer ul {
	margin: 0 auto;
	}
	
.childscontainer ul li {
	width: 150px;
	height: 250px;
	overflow: hidden;
	display: block;

	border:solid 0px #ccc;
	padding: 0px;
	text-align: center;
	}
	
.childscontainer ul li a {
	height: 130px;
	display: block;
	overflow: hidden;

	}
	

 .childscontainer ul li a img {
	border: none 0px;
	} 

	
#narucivanje_tabela td {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: solid 1px red;
	}