@charset "utf-8";
/* CSS Document */


/***********************/
/***** RESET RULES *****/
/***********************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small, blockquote{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-family: Arial, Helvetica, sans-serif; }
img{ border:none; }
input, textarea{ font-family:Arial, Helvetica, sans-serif; }

/*************************/
/***** GENERAL RULES *****/
/*************************/
html{ height:100%; margin-bottom:1px; }
body{ color:#006633; font-family:Arial, Helvetica, sans-serif; background: url(images/body_background.png) top repeat-x #fff; height:100%; font-size:11pt; }
#wrap{ height:100%; }
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 124px;} 
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; }
.fl_right{ float:right; display:inline; }

.hidden{ /*display:none;*/ }

.no_javascript{ margin:0 0 20px 0; padding:20px; display:block; background-color:#D20000; font-weight:bold; font-size:15px; }  

.indent{ text-indent:49px; }

#steps a{ color:#fff; text-decoration:none; }
#steps a:hover, #steps a:active{ color:#252f42; }

/************************/
/************************/
/***** Header rules *****/
/************************/
#header_left{ position:absolute; top:0px; right:65%; background-color:#fff; width:100%; height:100px; z-index:0; }
#header{ position:relative; margin:0 auto; padding:0; width:955px; height:142px; background:url(images/header_background.jpg) top center no-repeat; }

/* Logo */
#header h1{ margin:5px 0 0 0px; float:left; display:inline; }
#header h1 a{ outline:none; } 

/* Searchbox */
#header #searchbox{ padding:10px 35px 0 0; display:block; text-align:right; }
#header #searchbox a{ color:#398db7; font-size:12px; text-decoration:none; }
#header #searchbox a:hover{ color:#34435e; }

.address {font-family:Arial, Helvetica, sans-serif; color:#424242; font-size:14px; font-weight:bold;}



/*************************/
/***** SLICING STEPS *****/
/*************************/
#slicing_steps{ margin:0px 0 0 0; position:relative; width:100%; height:350px; color:#34435e; background:url(images/slicing_steps_background.png) top repeat-x; }
#steps{ margin:0 auto; width:910px; }
#steps div{ text-align:center; }
#steps div h1{ margin:10px 0 0 0; }
#steps div p{ margin:10px 10px 0 10px; font-size:15px; font-weight: bold; font-style:none; text-align:center; color:#fff; }
#steps div p span{ margin:0 auto; display:block; color:#FFF; font-size:14px; line-height:18px; }
#steps div p.active{ font-size:18px; line-height:24px; margin:10px 10px 0 10px; }

#steps div p.active span{ color:#fff; font-size:13px; line-height:18px;  font-weight:normal; font-style:normal; }
#steps div p.active span a, #steps div p.active span a:hover, #steps div p.active span a:active{ text-align:center; text-indent:0; color:#fff; display:block; }

#steps #step_one{ margin:68px 0 0 5px; left:2px; padding:60px 0 0 0; width:180px; height:219px; display:block; position:absolute; z-index:0; }
#steps #step_two{ margin:38px 0 0 0; left:0; padding:50px 0 0 0; width:160px; height:259px; display:block; position:absolute; z-index:0; }
#steps #step_three{ margin:8px 0 0 0; left:0; padding:20px 0 0 0; width:218px; height:319px; display:block; position:absolute; z-index:0; }
#steps #step_four{ margin:38px 0 0 0; left:-1px; padding:53px 0 0 0; width:170px; height:256px; display:block; position:absolute; z-index:0; }
#steps #step_five{ margin:68px 0 0 0;  left:0; padding:59px 0 0 0; width:170px; height:220px; display:block; position:absolute; z-index:0; }

#step_idea, #step_concept, #step_manufacture, #step_product, #step_startnow{ float:left; display:inline; }

/***************/
/* STEP IDEA */
/***************/
#step_idea{ position:relative; width:187px; height:350px; background:url(images/idea_background.jpg) bottom no-repeat; }
#step_idea #id_active{z-index:1; position:absolute; overflow:hidden; left:6px; bottom:0px; width:181px; height:0;/*279px*/ background:url(images/idea_background_active.png) top left no-repeat; }
#step_idea #id_active img{ margin:15px 0 0 0; }
#step_idea #id_active h1 img{ margin:-10px 0 0 0; }

#step_idea a.info_btn{ position:absolute; bottom:-70px; right:60px; width:60px; height:60px;/*60px*/ cursor:pointer; background:url(images/info.png) no-repeat; }
#step_idea a:hover.info_btn{ position:absolute; bottom:-70px; right:60px; background:url(images/info_hover.png) no-repeat; }

/***************/
/* STEP CONCEPT */
/***************/
#step_concept{ position:relative; width:160px; height:350px; background:url(images/concept_background.jpg) bottom no-repeat; }
#step_concept #co_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:160px; height:0;/*309px*/ background:url(images/concept_background_active.png) top left no-repeat; }

#step_concept a.info_btn{ position:absolute; bottom:-70px;/*9px*/ right:50px; width:60px; height:60px;/*60px*/ cursor:pointer; background:url(images/info.png) no-repeat; }
#step_concept a:hover.info_btn{ background:url(images/info_hover.png) no-repeat; }

#step_concept #co_active img{ margin:15px 0 0 0; }
#step_concept #co_active h1 img{ margin:-8px 0 0 0; }

/****************/
/* STEP MANUFACTURE */
/****************/
#step_manufacture{ position:relative; width:219px; height:350px; background:url(images/manufacture_background.jpg) bottom left no-repeat; }
#step_manufacture #ma_active{z-index:1; position:absolute; overflow:hidden; left:0; bottom:0px; width:219px; height:339px;/*339px*/ background:url(images/manufacture_background_active.png) top left no-repeat; }

#step_manufacture p.active a{ display:block; text-align:left; text-indent:20px; }

#step_slicing a.naruci_sad span, #steps a.info_btn span{ display:none; }

#step_manufacture a.info_btn{ position:absolute; bottom:9px; right:80px; width:62px; height:60px; cursor:pointer; background:url(images/info.png) no-repeat; }
#step_manufacture a:hover.info_btn{ background:url(images/info_hover.png) no-repeat; }

/***************/
/* STEP PRODUCT */
/***************/
#step_product{ position:relative; width:169px; height:350px; background:url(images/product_background.jpg) bottom no-repeat; }
#step_product #pr_active{z-index:1; position:absolute; overflow:hidden; left:-1px; bottom:0px; width:170px; height:0;/*309px*/ background:url(images/product_background_active.png) top left no-repeat; }

#step_product a.info_btn{ position:absolute; bottom:-70px; right:55px; width:62px; height:60px; cursor:pointer; background:url(images/info.png) no-repeat; }
#step_product a:hover.info_btn{ background:url(images/info_hover.png) no-repeat; }

#step_product #pr_active img{ margin:25px 0 0 0; }
#step_product #pr_active h1 img{ margin:-4px 0 0 0; }

/*******************/
/* STEP STARTNOW */
/*******************/
#step_startnow{ position:relative; width:175px; height:350px; background:url(images/startnow_background.jpg) bottom no-repeat; }
#step_startnow #sn_active{z-index:1; position:absolute; overflow:hidden; left:0px; bottom:0px; width:170px; height:0;/*279px*/ 
							background:url(images/startnow_background_active.png) top left no-repeat; }

#step_startnow a.info_btn{ position:absolute; bottom:-70px; right:57px; width:62px; height:60px; cursor:pointer; background:url(images/info.png) no-repeat; }
#step_startnow a:hover.info_btn{ background:url(images/info_hover.png) no-repeat; }

#step_startnow #sn_active img{ margin:5px 0 0 0; }
#step_startnow #sn_active h1{ margin-bottom:-10px; }
#step_startnow #sn_active h1 img{ margin:-10px 0 0 0; }


/**********************/
/***** CONTENT ********/
/**********************/
#content{ margin:0 auto; width:897px; position:relative; }

.body_content:after{content: "."; display:block; height:0; clear:both; visibility: hidden; }
.body_content{ display:inline-block; }
/* Hides from IE-mac \*/
* html .body_content{ height: 1%; }
.body_content{ display: block; }
/* End hide from IE-mac */

/*************************/
/***** SLOGAN BAR *****/
/*************************/
.slogan{ margin:0px auto 0 auto; padding:10px 20px; width:858px; display:block; color:#fff; font-size:19px; font-weight:bold; text-decoration:none; text-align:center; letter-spacing:1px; background-color:#0E3A22; border-top:1px solid #ccc; }
				 
a.en{ font-size:20px; letter-spacing:0; }

/*
a:hover#slogan{ color:#252f42; background-color:#fff; /*border:2px solid #003346;*/  /* }*/ 


/***********************************/
/***** HOME BOX (452px) *****/
/***********************************/
.home_box{ margin:0px; padding:0px; width:897px; height:245px; border:#cccccc solid 1px; background-color:#c2c3c5;  }
.home_box p{color: #2C2C2C; font-size:14px; line-height:20px;}






/**********************************/
/***** SERVICES (886px)  *****/
/**********************************/
.services{ margin:0px 0px 0px 10px; width:897px; position:relative; z-index:100;  }

.services img{ position:absolute; top:-15px; right:20px; }
.services h2{ margin:5px 0 0 0; width:886px; height:36px; font-size:16px; text-indent:30px;
				   font-family:Arial, Helvetica, sans-serif; }

.services h2 a{ width:886px; line-height:36px; height:36px; display:block; color:#bebec0; text-decoration:none; } 

.services .group{ position:relative; display:block; height:auto; overflow:hidden; }
.services .group p a{ color:#34435E; text-decoration:none; font-style:italic;}
.services .group p a:hover, .services .group p a:active{ color:#000; text-decoration:underline; }
.info_box_full p{ position:relative; margin:3px 0 0 0; padding:50px; width:784px; color:#34435e; background-color:#FFF; border:1px solid #34435e; }
.services p img{ float:left; display:inline; margin:-4px 10px 0 0; position:static; }
.services p strong{ font-size:15px; position:relative; }
.services p em{ margin:15px 0 0 0; font-size:13px; clear:both; display:block; font-style:normal; }
.services p em img{ margin:-3px 10px 0 0; }





/* BIG BUTTONS */
a.big_button{ margin:30px 0 -20px 6px; padding:7px 0 0 0; width:436px; height:49px; display:block; color:#FFF; font-weight:bold; font-size:13px; text-decoration:none;
			  background:url(../design/big_button.png) center; position:relative; z-index:10; }
a.big_button:hover{ background-image:url(../design/big_button_hover.png); }
a.big_button strong{ font-size:22px; } 
a.big_button em{ font-size:22px; line-height:42px; font-style:normal; } 
a.big_button img{ margin:-3px 20px 0 10px; float:left; height:50px; }

a.big_button img.slice_tool{ margin-top:-10px; }

a.order_now{ float:right; display:inline; margin:66px 6px 0 0; width:400px; height:40px; position:relative; text-indent:60px; }
a.order_now em{ line-height:34px; font-size:18px; }

a.big_button img.order_now{ height:71px; width:71px; top:-5px; left:-25px; position:absolute; }
/*
a:hover.big_button img.order_now{ background:url(../design/naruci_sad_gumb_active.png) center; }


/* CONTACT */
.contact h1{ width:765px; }
.contact h2 a{ text-indent:20px; }
.contact .contact{ width:856px; padding:28px 0 28px 28px; background:#619bbd; font-size:14px; border:1px solid #63a1c2; color:#fff; }
.contact .contact form{ width:670px; float:left; position:relative; }
.contact .contact form label{ display:block; }
.contact .contact form input{ margin:0 40px 10px 0; padding:5px; width:280px; border:2px solid #8dabc2; }
.contact .contact form input:focus{ border:2px solid #264d62; }
.contact .contact form textarea{ margin:0 0 10px 0; padding:5px; width:613px; height:90px; overflow:auto; font-size:12px; border:2px solid #8dabc2;  }
.contact .contact form textarea:focus{ border:2px solid #264d62; }
.contact .contact form .submit{ width:83px; height:28px; margin:0; border:none; background:url(../design/submit_button.png) no-repeat; }
.contact .contact form .submit:hover{ background:url(../design/submit_button_active.png) no-repeat; border:none; cursor:pointer; } 

.contact .contact form .file{ float:left; display:inline; position:relative; }
.contact .contact form .file input{ width:195px; }
.contact .contact form .file .submit{ margin:2px 0 0 0; padding:0; width:83px;  height:28px; cursor:pointer; }
.contact .contact .info{ width:140px; height:270px; font-size:14px; padding:0 10px 0 0; margin:0 20px 0 10px; border-right:1px solid #fff; }
.contact .contact .en{ font-size:13px; }
.contact .contact form select{ margin:0; padding:5px; width:290px;  border:1px solid #8dabc2; display:inline; }
.contact .contact .order{ height:auto; }
.contact .contact form textarea#comments{ height:150px; }

/* ORDER */
.contact img.order{ margin-right:40px; } 
#uploaded_files{ display:none; float:right; text-align:left; margin:0px 0px 20px 0; padding:0 0 0 20px; width:330px; font-size:12px; }
#box_order_details #uploaded_files{ float:none; width:260px; text-indent:0; margin:10px 0 5px 0; padding:0; }
#loading{ display:none; margin:5px 0 0 0; color:#000; font-size:12px; line-height:22px; text-indent:10px; width:290px; height:22px; background:url(../design/loading.gif) repeat-x; }
#box_order_details #loading{ width:260px; }
#price{ position:absolute; right:55px; width:300px; bottom:0px; font-size:16px; font-style:italic; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; display:none; }
#price strong{ font-size:22px;  }







/******************/
/***** FOOTER *****/
/******************/
#footer{ width:100%; position:relative; margin-top:-124px; height:124px; clear:both; }
#footer .full{ margin:0 auto; width:955px; height:124px; position:relative;) no-repeat bottom; } 
#footer .full a{
	right:400px;
	bottom:35px;
	position:absolute;
	font-size:13px;
	text-decoration:none;
	color:#fff;
}	


/******************/
/*****MENU*********/
/******************/

#menu {border:none; padding:0px; margin:0px; vertical-align:bottom;}
#menu ul.topMenu
	{ float: right; height: 31px; padding:20px 20px 0px 0px; position: relative ; top:0; left:0; width:577px;  }
#menu ul.topMenu li.tm
	{ float: left; height: 31px; position: relative; list-style:none; }
#menu ul.topMenu li.home
	{ background: transparent;  list-style:none;}
#menu ul.topMenu li.tm a
	{ float: left; display: block; color: #fff; text-decoration: none; font-size: 1.1em; letter-spacing: 0.03em; font-weight: 600; text-align:left; }
	

#menu ul.topMenu li.tm a { height:31px; z-index: 99102; }
	
#menu ul.topMenu li.tm #menu_home {
background: url("images/menu.jpg") 0 0; width:87px; text-indent:-3000px; }
#menu ul.topMenu li.tm #menu_home:hover { background: url("images/menu.jpg") 0 31px; }

#menu ul.topMenu li.tm #menu_services {
background: url("images/menu.jpg") -87px 0; width:85px; text-indent:-3000px; }
#menu ul.topMenu li.tm #menu_services:hover { background: url("images/menu.jpg") -87px 31px; }

#menu ul.topMenu li.tm #menu_products{
background: url("images/menu.jpg") -172px 0; width:98px; text-indent:-3000px; }
#menu ul.topMenu li.tm #menu_products:hover { background: url("images/menu.jpg") -172px 31px; }

#menu ul.topMenu li.tm #menu_about {
background: url("images/menu.jpg") -270px 0; width:93px; text-indent:-3000px; }
#menu ul.topMenu li.tm #menu_about:hover { background: url("images/menu.jpg") -270px 31px; }

#menu ul.topMenu li.tm #menu_equipment {
background: url("images/menu.jpg") -363px 0; width:101px; text-indent:-3000px; }
#menu ul.topMenu li.tm #menu_equipment:hover { background: url("images/menu.jpg") -363px 31px; }

#menu ul.topMenu li.tm #menu_contact {
background: url("images/menu.jpg") -464px 0; width:113px; text-indent:-3000px; }
#menu ul.topMenu li.tm #menu_contact:hover { background: url("images/menu.jpg") -464px 31px; }


#pages {width:795px; background-color: #F9F9F9; margin-left:9px; padding:50px; }
#pages p {font-family: Arial, Helvetica, sans-serif; font-size:11pt; color: #063; line-height:22px;}
.title {background-color:b6b7bb; width:897px; height:31px;}
#pages ul {font-weight:bold; font-size:11pt;}
#pages li {font-weight:normal; text-indent:5px; list-style:none; line-height:21px;}

.img {border:#003E1F 1px solid; margin-left:50px; margin-bottom:50px;}
#title {width:847px; background-color:#149f64; height:50px; margin-left:9px; font-size:25px; color:#FFF; text-align:right; font-weight:bold; padding-right:50px; padding-top:10px; background-image:url(images/title.jpg);}

.equip {margin-bottom:50px; border:#003E1F; border-style:solid; border-width:1px;}