h1 {
	font: normal 16px "Century Gothic", "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #999;
}

/* -- Mehanizmi -- */
#products #mehanizmi h1 {
	text-align: left;
	margin: 0 10px 7px 10px;}

#mehanizmi {  	
	margin: 0;
	color: #fff; 
	display: block;
	height: 100%;
	width: 700px;
	float: left;
	clear: left;
	background: transparent;}
	
#products #mehanizmi {
	padding: 20px 0 10px 20px;
	margin: 0;
}
#mehanizmi div.row {
	float: left;
	margin:5px 0;
	height: 100px;
	width: 700px;
	display: inline;
	clear: both;
	position: relative;}
	
#mehanizmi div.row span.sq {
	width: 100px;
	height: 100px;
	background: #272727;
	border: 1px solid #474646;
	margin: 0 5px;
	float: left;}

#mehanizmi div.row span.rect {
	width: 460px;
	height: 100px;
	background: #272727;
	border: 1px solid #474646;
	margin: 0 5px;
	float: left;
	color: #fff;
	display:inline; } 
	
#mehanizmi div.row span.rect span.textleft {
	float: left;
	text-align: left;
	margin: 0 0 0 10px;
	padding-top: 10px;
	width: auto;
	max-width: 250px;}

#mehanizmi div.row span.rect span.textright {
	float: left;
	text-align: right;
	margin: 0 0 0 105px;
	padding-top: 10px;
	width: auto;
	max-width: 250px;}
	
#products span.textleft:first-line,
#products span.textright:first-line {
	color:#999;
	font: normal 14px "Century Gothic", Verdana, Arial, sans-serif;}

#mehanizmi div.row span.rect img.left {
	padding: 0 0 0 50px;
	margin: 0;
	width: auto;
	height: 100px;
	line-height: 100px;
	text-align: left;
	float: left;
	clear: left;}
	
#mehanizmi div.row span.rect img.center {
	padding: 0 0 0 100px;
	margin: 0;
	width: auto;
	height: 100px;
	line-height: 100px;
	text-align: left;
	float: left;
	clear: left; }
	
#mehanizmi div.row span.rect img.right {
	padding: 0 50px 0 0;
	margin: 0;
	width: auto;
	height: 100px;
	line-height: 100px;	
	text-align: right;
	float: right;
	clear: right; }

/* -- Decori -- */ 
#decori {
	margin: 0px;
	color: #fff; 
	display: block;
	height: 100%;
	width: 710px;
	float: left; 
	clear: left;
	position: relative;
	/*float: right;*/
	background: #272727;
	border: 1px solid #474646;
}

#tech_info2 #decori {
	margin: 0 10px 0 5px;
}  
#decori p {
	padding-left:23px;
	padding-top: 10px;
	margin: 0; 
	color: #ccc;
	float: left;
	display: block;
}
#decori .alldecors {
	margin: 0;
	padding: 0 0 10px 10px;
	float: left;	
	width: 700px;
}
div.thumbs1 {
  margin: 15px 0px;
  padding: 0 9px;
  height: auto;
  width:auto;
  float: left;
  text-align: center;
}	
div.thumbs1 img {
  display: inline;
  margin: 3px;
   float: left;
}

div.desc1 {
  text-align: left;
  font-weight: bold;
  width: auto;
  padding: 2px 5px;
  color: #ccc;
  /*font: normal 14px "Century Gothic", Verdana, Arial, sans-serif;*/}



/* -- Polezni saveti -- */
#tech_info2 {
  	width: 730px;
  	height: 100%;
	/*min-height: 162px;*/
 	overflow: hidden;
	padding-bottom: 20px;
	margin: 0px 0 0px 10px;	
	line-height: 1.3; 
	float: left;}

#tech_info2 p {
	margin: 7px 10px 0 0px;
	color: #ccc;
}

#tech_info2 .navbtm {
	padding: 20px 20px 0 0px;
	float: right;
	text-align: right;
	color: #fff;
	font-size: 13px;
} 

#tech_info2 a {
	margin: 0;
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	font-style: italic;
}  
#tech_info2 a:hover {
	margin: 0;
	color: #999;
	text-decoration: underline;
} 

#tech_info2 img.left {
	text-align: left;
	border: 1px solid #474646;
	margin: 0 10px 10px 0;
} 
#tech_info2 h1 {
	text-align: left;
	margin: 20px 10px 10px 0px;
}
#tech_info2 div.zoni {
	margin: 7px 10px 0 0px;
	display: block;}
	
#tech_info2 .pattern {
	display: block;
	position: relative;}
	
.ttl {
	color:#fff;
	font-size: 13px;
	font-weight: bold;
	/*font: normal 14px "Century Gothic", Verdana, Arial, sans-serif; */}
	
#tech_info2 .pattern p.descr {
	color:#ccc;
	margin: 5px 0 0 0;}
	
span.patrn_grey,
span.patrn_orange,
span.patrn_blue, 
span.patrn_yellow,
span.patrn_red {
	float:left; 
	width: 14px;
	height: 14px;
	border: 1px solid #999;
	margin: 0 5px 0px 0;}
	
span.patrn_grey {background: #bfc2c4;}
span.patrn_orange {background: #FED09E;}
span.patrn_blue {background: #C7EAFD;}
span.patrn_yellow {background: #FFF79A;}
span.patrn_red {background: #ED1651;}


div.thumbs {
  margin: 15px 2px 0 0px;
  /*border: 1px solid #fff;*/
  height: auto;
  width:auto;
  float: left;
  text-align: center;
}	
div.thumbs img
{
  display: inline;
  margin: 3px;
  border: 1px solid #474646;
}
div.thumbs a:hover img {border: 1px solid #0000ff;}

div.desc
{
  text-align: center;
  font-weight: bold;
  width: auto;
  margin: 2px;
  color: #ccc;
  font-size: 13px;
  /*font: normal 14px "Century Gothic", Verdana, Arial, sans-serif;*/
}