@charset "utf-8";
/* CSS Document */
html, body {
height: 100%;
margin: 0;
padding: 0;

}
	  
h1, h2, h3, h4, h5, h6 {margin:0;
					    padding:0;
					    }
img, ul, li, ol, p, form, input, label, textarea, secect { margin:0; 
														   padding:0;
														 }

img.left {float:left; }

img.right {float:right; }

a img { border:none; }

/*   end basic css  */


/*  page  */
#page {width:1020px; 
	   margin:0 auto; 
	   padding:0; 
	 }
	 

#inner_page { width:1000px; 
			  height:1138px; 
			  margin:0; 
			  padding:0 0; 
			  float:left; 
			  
			  }
			  
/*  header   */

#header {width:1000px; 
		 margin:0; 
		 padding:0; 
		 float:left;
		 }
#header_top {width:824px;
			  margin:0; 
			  padding:0 88px;
			  float:left;
			  height:22px;
			  }
#header_top p {width:810px; 
			   float:left; 
			   margin:0;
			   padding:0 14px 0 0;
			   font:normal 10px Tahoma, Arial, Verdana;
			   color:#ffffff;
			   text-align:right;
			   line-height:22px;
			   }
			   
#header_bottom { width:824px;
				 margin:0;
				 padding:0 88px;
				 float:left;
				 background:url(images/header.png) 0 0 no-repeat;
				 height:214px;
				 }

/*   menu  */

#menu {width:824px; 
	   margin:0; 
	   padding:65px 0 0 0;
	   float:left; 
	   height:38px; 
	   }

#menu ul {width:580px; 
		  margin:0; 
		  padding:0; 
		  float:left; 
		  height:38px; 
		 
		  }
#menu ul li { display:inline; 
			  float:left; 
			  margin:0; 
			  padding:6px 0 0 0; 
			  font:normal 14px Tahoma, Arial, Verdana; 
			  color:#252323; 
			  }
#menu ul li a { display:inline; 
			  float:left; 
			  margin:0; 
			  padding:0 10px 0 10px; 
			  font:normal 14px Tahoma, Arial, Verdana; 
			  color:#252323; 
			  text-decoration:none;
			  }
#menu ul li a:hover {color:#ef4545; }
			  
		 
			  
#menu_search { width:207px; 
			   margin:0 25px 0 0; 
			   padding:0; 
			   float:right; 
			   height:38px;  
			 }
			 
#menu_search input { margin:0; 
				     padding:0;
					 float:right; 
				   }
				   
#menu_search input.search { width:199px; 
						    height:15px; 
							background:url(images/search.jpg) 0 0 no-repeat; 
							border:none; 
							padding:0 3px;
						  }

#menu_search input.go {width:31px; 
					   height:12px; 
					   background:url(images/go.png) 0 0 no-repeat;
					   border:none; 
					   cursor:pointer; 
					   margin:4px 0 0 0;
					   }
					   
#logo { width:287px; 
		margin:0; 
		padding:32px 281px 0 254px; 
		float:left; 
		height:60px;
		 }
		 
#logo a { width:287px; 
		margin:0; 
		padding:0; 
		float:left; 
		height:60px;
		 }
		 
/*    end header, menu and logo  */

/*  inner_content  */

#inner_content {width:1000px; margin:54px 0 0 0; padding:0; float:left; }

#inner_left {width:491px; margin:0; padding:0; float:left;}

#inner_text_box {width:412px; margin:0; padding:0; float:right; height:258px; background:url(images/left_box.png) 0 0 no-repeat; }

 #icon {
	width:126px;
	height:134px;
	background:url(images/icon.png) 0 0 no-repeat;
	position:relative;
	margin:-79px 0 0 -14px;
	float:left;
} 

#inner_text_box h2 { width:230px; 
					  float:left; 
					  margin:0; 
					  padding:10px 0 0 0; 
					  float:left; 
					  font:normal 48px "Mekanik LET"; 
					  color:#ffffff; 
					   }


#inner_text_box p { width:380px; 
					float:left; 
					margin:0; 
					padding:4px 17px 6px 17px; 
					font:normal 10px Tahoma, Arial, Verdana; 
					color:#ffffff; 
					 }
					 
					 
					 
#alert {width:326px; height:44px; margin:0; padding:530px 0 0 30px; float:left;  }
#footer {width:326px; margin:0; padding:0; float:left; height:44px; background:url(images/footer.png) 0 0 no-repeat; }

#footer h2 {width:286px; margin:0; padding:3px 10px 0 30px; float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }

#footer h2 a { color:#ffffff; text-decoration:none; } 

#footer p {width:290px; margin:0; padding:0 6px 0 30px; float:left; font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }
					 


/*   inner_right   */
#inner_right {width:365px; 
			  margin:0; 
			  padding:0 95px 0 0; 
			  float:right; 
			  }

#sidebar {width:365px; 
		  margin:0; 
		  padding:0; 
		  float:left; 
		  background:url(images/sidebar_bg.png) 0 0 no-repeat; 
		  height:556px;
		   }
		   
#portfolio {width:365px; 
			margin:5px 0 0 0; 
			padding:0; 
			float:left;
			 }

#portfolio_text { width:294px; 
				  margin:0; 
				  padding:0; 
				  float:left;
				  }
#portfolio_text p { width:260px;
				    margin:0; 
					padding:12px 17px; 
					float:left; 
					font:bold 10px Tahoma, Arial, Verdana;
					 color:#ffffff; 
					 font-style:normal;
					  }

#portfolio_img { width:71px; 
				height:81px; 
				margin:-16px -8px 0 0; 
				padding:0; 
				float:right; 
				position:relative;
				 }
				 

#product_one {width:367px; margin:30px 0 0 0; padding:0; float:left; height:114px; }



#content {
position:relative;
z-index:1;
}


img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

 #temp_left {width:71px; height:81px; margin:10px 0 0 10px!important; margin:10px 0 0 5px; padding:0; float:left; }

 #temp_right {width:235px; margin:0; padding:0 15px 0 0 ; float:right; height:81px; }

 #temp_right h2 {width:235px; margin:0; padding:0; float:left; font:bold 12px Tahoma, Arial, Verdana; color:#141414; line-height:40px; }
 
 #temp_right p {width:235px; margin:0; padding:0; float:left; font:normal 9px Tahoma, Arial, Verdana; color:#565656; }
 
  #temp_right h4 {width:235px; margin:0; padding:10px 0 0 0; float:left; font:normal 9px Tahoma, Arial, Verdana; color:#565656; text-align:right; }
  
#product_one:hover {background:url(images/hover.png) 0 0 no-repeat; }

#sidebar h6 {width:320px; margin:0; padding:20px 20px 0 20px; float:left; text-align:right; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#6a6969; }

#sidebar h6 a {color:#6a6969; text-decoration:none;}

#inner_right h3 {width:320px; margin:0; padding:20px 20px 0 20px; float:left; text-align:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#6a6969; }

#form {width:320px; margin:13px 0 0 0; padding:0; float:left; }

#form form {margin:0; padding:0; }

#form input {margin:0 0 5px 0; padding:0; float:right;  }

#form input.nameText {width:246px; height:24px; background:url(images/input1.png) 0 0 no-repeat; border:none; }

#form label {margin:0 0 0 0; padding:0; float:left; height:20px; }

#form label.name { background:url(images/name.png) 0 0 no-repeat; width:46px; height:20px; font:bold 12px Tahoma, Arial, Verdana; color:#ffffff; margin:0 0 6px 0; padding:0 0 0 5px; }

#form label.name2 { background:url(images/name2.png) 0 0 no-repeat; width:42px; height:20px; font:bold 12px Tahoma, Arial, Verdana; color:#ffffff; margin:0 0 6px 0; padding:0 0 0 5px; }


#form label.name3 { background:url(images/name3.png) 0 0 no-repeat; width:67px; height:20px; font:bold 12px Tahoma, Arial, Verdana; color:#ffffff; margin:0 0 6px 0; padding:0 0 0 5px; }

#form textarea {width:226px; margin:0; padding:7px 10px 0 10px; float:right; height:100px; background:url(images/text_area.png) 0 0 no-repeat; border:none; }

#form input.submit {width:69px; height:24px; background:url(images/senden.jpg) 0 0 no-repeat; border:none; margin:8px 0 0 40px;}


#pravicy {width:320px; margin:5px 0 0 0; padding:0; float:left;   }

#user_agreement {width:85px; margin:5px 40px 0 0; padding:0; float:right; height:15px; background:url(images/red.png) 0 0 no-repeat; font:normal 10px Tahoma, Arial, Verdana; color:#ffffff; text-align:center;  }

#user_agreement a {color:#ffffff; text-decoration:none; }

#p_content {width:85px; margin:5px 30px 0 0; padding:0; float:right; height:15px; background:url(images/green.png) 0 0 no-repeat; font:normal 10px Tahoma, Arial, Verdana; color:#000000; text-align:center;  }

#p_content a {color:#000000; text-decoration:none; }
























/*  end inner_right  */