/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	}
	
html, body {
	text-align: center;
	background-color: #37374f;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
h1 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 13px;
	}
	
h2 {
	width: 580px;
	border-bottom: solid 2px #f00;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 3px;
	color: #f00;
	}

#container {
	margin: 0 auto;
	width: 974px;
	}
	
	#top {
		width: 974px;
		height: 183px;
		clear: both;
		}
		
		#logo {
			width: 344px;
			height: 183px;
			float: left;
			}
			
		#menu-container {
			width: 630px;
			height: 183px;
			float: left;
			}
			
			#top-picture {
				width: 630px;
				height: 148px;
				clear; both;
				}
				
			#menu {
				width: 630px;
				height: 35px;
				}
				
			#menu ul {
				list-style: none;
				}
				
			#menu ul li {
				float: left;
				}
				
			#menu ul li.o-nama a {
				width: 157px;
				height: 35px;
				display: block;
				background-image:url(img/o_nama.gif);
				}
				
			#menu ul li.o-nama a:hover {
				background-position: 0px -35px;
				}

			#menu ul li.proizvodi a {
				width: 154px;
				height: 35px;
				display: block;
				background-image: url(img/proizvodi.gif);
				}
				
			#menu ul li.proizvodi a:hover {
				background-position: 0px -35px;
				}
				
			#menu ul li.kontakt a {
				width: 155px;
				height: 35px;
				display: block;
				background-image: url(img/kontakt.gif);
				}
				
			#menu ul li.kontakt a:hover {
				background-position: 0px -35px;
				}				
				
			#menu ul li.reference a {
				width: 164px;
				height: 35px;
				display: block;
				background-image: url(img/reference.gif);
				}
				
			#menu ul li.reference a:hover {
				background-position: 0px -35px;
				}			
	
	#content {
		width: 974px;
		padding-top: 19px;
		clear: both;
		background-image:url(img/content_background.gif);
		}
		
		#left {
			width: 326px;
			float: left;
			padding-left: 18px;
			text-align: left;
			}
			
		.text-levo {
			font-size: 11px;
			font-weight: normal;
			padding-left: 10px;
			padding-right: 20px;
			}
			
		#text {
			width: 600px;
			float: left;
			padding-right: 30px;
			text-align: left;
			}
			
		/* .proizvod-lista {
			width: 265px;
			height: 160px;
			display: block;
			float: left;
			margin-right: 20px;
			margin-bottom: 15px;
			padding-left: 10px;
			border-right: solid 1px #ccc;
			border-bottom: solid 1px #ccc;
			} */
			
		.proizvod-lista {
			width: 175px;
			height: 165px;
			display: block;
			float: left;
			margin-right: 10px;
			margin-bottom: 15px;
			padding-left: 5px;
			padding-right: 5px;
			border-right: solid 1px #ccc;
			border-bottom: solid 1px #ccc;
			}
			
		.proizvod-lista a {
			color: #000;
			font-size: 11px;
			font-weight: normal;
			text-decoration: none;
			}
			
		.proizvod-lista a:hover {
			color: #f00;
			}
			
		
			
	
#footer {
	width: 974px;
	height: 30px;
	padding-top: 20px;
	clear: both;
	background-image:url(img/footer_background.gif);
	}
	
#footer a {
	color: #666666;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #000000;
	}
	
.blank {
	width: 500px;
	height: 5px;
	display: block;
	clear: both;
	}

			
 /* *** 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 */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}