html, body {padding: 0; margin: 0; width: 100%; height: 100%} /* border: 1px solid red;*/ 
html{font-size: 100.01%;}
body{ font: normal 62.5% Arial, sans-serif; color: #333;  background-color: #fff;}
table {padding: 0px;}
img {border: none;}
h1, h2{ font-size: 1.6em; color: #2DB34A; }
h3, h4{ font-size: 1.3em; color: #2DB34A; }
a{ color: #a00; text-decoration: underline;}
a:hover{ color: #000;  text-decoration: none;}
input, select, textarea{ font: 11px Arial; border: solid 1px #888687; background-color: #fff;}
.btn{ background: #DD7F0C url(images/bg_but.gif) 0% 100% repeat-x; width: 129px; height: 25px; border: none; font-size: 12px; text-transform: uppercase; color: #fff;}
input.image, input.radio{ border: none !important;}
input.opt_login{ width: 100px;}

.top{ position: absolute; top: 0; left: 0; width: 100%; height: 40px;}
	.gr2_line{ float: right; width: 50%; height: 35px; border-bottom: solid 2px #96D9A5;}
.bg_main_i{ position: absolute; top: 74px; left: 0; height: 279px; background: url(images/bg_main_i.jpg) 50% 0 no-repeat; width: 100%; min-width: 1000px;}
.bg_main_m{ position: absolute; top: 74px; left: 0; height: 266px; background: url(images/bg_main_m.jpg) 50% 0 no-repeat; width: 100%; min-width: 1000px;}

.all{ position: relative;  width: 1000px; min-height: 100%; padding: 0; margin: 0 auto;}
.logo_firm_i{ position: absolute; top: 61px; left: 47px; margin: 0; padding: 0;}
.logo_firm_i a{ overflow: hidden; display: block; width: 279px; height: 154px; color: #52A6DC; text-decoration: none; padding-top: 130px;}
.logo_firm_i a:hover{ color: #6cf; text-decoration: underline;}
.logo_firm_i span{ position: absolute; display: block; top: 0; left: 0; width: 279px; height: 284px; background: url(images/logo_bg_i.gif) 0% 0% no-repeat; cursor: pointer;}

.logo_firm_m{ position: absolute; top: 124px; left: 216px; margin: 0; padding: 0;}
.logo_firm_m a{ overflow: hidden; display: block; width: 152px; height: 145px; color: #52A6DC; text-decoration: none; padding-top: 20px;}
.logo_firm_m a:hover{ color: #6cf; text-decoration: underline;}
.logo_firm_m span{ position: absolute; display: block; top: 0; left: 0; width: 152px; height: 165px; background: url(images/logo_bg_m.gif) 0% 0% no-repeat; cursor: pointer;}

.phone{ position: absolute; top: 15px; left: 50px; margin: 0; padding: 0; color: #52A6DC; font-size: 18px; font-style: italic;}
.t1{ height: 74px; margin: 0 0 0 250px;}
	.lik_abbr{ position: relative; color: #2DB34A; font-size: 10px; letter-spacing: 11px; margin: 0 0 0 9px; border-left: solid 2px #96D9A5; text-transform: uppercase; height: 20px; padding: 15px 0 0 13px;}
	.lik_abbr span{ position: absolute; display: block; top: 17px; left: 13px; width: 632px; height: 8px; background: url(images/bg_lik_abbr.gif) 0 0 no-repeat; }
	.gr_line{ border-top: solid 2px #96D9A5; margin: 0; font-size: 0;}
	.under_line{ margin: 0 0 0 10px; border-left: solid 2px #96D9A5; font-size: 0; height: 15px; }
	.main_menu{ margin: 0 0 0 9px; border-left: solid 2px #96D9A5; padding: 6px 0 0 0; }
	.main_menu li{ margin: 0 0 0 0; padding: 0 13px 0 22px; display: inline; list-style: none; background: url(images/bg_list_menu.gif) 0 4px no-repeat;}
	.main_menu li{ font-size: 12px; font-weight: bold; text-transform: uppercase; }
	.main_menu li:first-child{ background-image: none; padding-left: 12px; }
	.main_menu a{ color: #28A9E0; text-decoration: none;}
	.main_menu a:hover{ color: #6cf; text-decoration: none;}
	.navig{ position: absolute; top: 41px; right: 10px; width: 37px; height: 95px; background: url(images/bg_navig_all.gif) 0 0 no-repeat;}
		.navig a{ position: absolute; overflow: hidden; display: block; width: 25px; height: 23px; }
		.navig span{ position: absolute; top: 0; left: 0; display: block; width: 25px; height: 23px; cursor: pointer;}
		a.navig_1{ top: 3px; left: 5px;}
		a.navig_2{ top: 35px; left: 5px;}
		a.navig_3{ top: 67px; left: 5px;}
		a.navig_1 span{ background: url(images/bg_navig_1.gif) 0 0 no-repeat;}
		a.navig_2 span{ background: url(images/bg_navig_2.gif) 0 0 no-repeat;}
		a.navig_3 span{ background: url(images/bg_navig_3.gif) 0 0 no-repeat;}		
	.topend{ position: absolute; top: 353px; left: 937px; width: 32px; height: 23px; background: url(images/bg_i_3.gif) 0 0 no-repeat;}
.t2{ height: 279px; }

.main_tbl{ width: 100%;}
.main_tbl td{ vertical-align: top; padding: 0 0 90px 0; }

.content_i{ width: 100%; background: url(images/bg_i_1.gif) 100% 0 no-repeat; padding: 50px 35px 90px 10px !important;}
.content_m{ width: 100%; } 

.zag_h2{ position: relative; height: 45px; border-bottom: solid 1px #2DB34A; padding: 0 0 10px; margin: 0 0 10px;}
	.zag_h2 div.services{ position: absolute; bottom: 0; left: 0; width: 53px; height: 60px; background: url(images/ico_services.png) 0 0 no-repeat;}
	.zag_h2 div.work        { position: absolute; bottom: 0; left: 0; width: 60px; height: 46px; background: url(images/ico_work.png) 0 0 no-repeat;}
	.zag_h2 div.order       { position: absolute; bottom: 0; left: 0; width: 53px; height: 60px; background: url(images/ico_order.png) 0 0 no-repeat;}
	.zag_h2 div.advantages      { position: absolute; bottom: 0; left: 0; width: 65px; height: 49px; background: url(images/ico_advantages.png) 0 0 no-repeat;}
	.zag_h2 div.portfolio     { position: absolute; bottom: 0; left: 0; width: 65px; height: 40px; background: url(images/ico_portfolio.png) 0 0 no-repeat;}
	.zag_h2 div.adverticing    { position: absolute; bottom: 0; left: 0; width: 65px; height: 65px; background: url(images/ico_pr.png) 0 0 no-repeat;}
	.zag_h2 div.web     { position: absolute; bottom: 0; left: 0; width: 65px; height: 52px; background: url(images/ico_web.png) 0 0 no-repeat;}
	.zag_h2 div.contacts    { position: absolute; bottom: 0; left: 0; width: 60px; height: 59px; background: url(images/ico_contact.png) 0 0 no-repeat;}
	.zag_h2 h2{ position: absolute; bottom: 0; left: 66px; color: #FAA722; font-size: 1.5em; text-transform: uppercase; margin: 0;}

.vert_col{}
	.vert_col h3{ margin: 0 0 2px; color: #2DB34A; font-size: 1.2em;}
	.vert_col p{ margin: 0 0 10px 10px;  font-size: 1.1em;}
	
	.vert_col_service{ width: 211px; padding: 0 21px 0 23px; background: url(images/bg_i_2.gif) 0 111px no-repeat; margin: 0 0 20px;}
	.vert_col_index{ padding: 0 21px 20px 23px; background: url(images/bg_bot_menu.gif) 100% 100% no-repeat; margin-bottom: 20px; }
	.vert_col_menu{ width: 205px;  padding: 0 25px 0 19px; background: url(images/bg_bot_menu.gif) 100% 100% no-repeat; margin-bottom: 20px;}

	.menu_order{ margin: 0 0 10px !important; color: #49BD62; font-size: 1.2em !important;}
	.ul_order{ margin: 0; padding: 0; }
	.ul_order li{ margin: 0; padding: 0 0 10px 12px; font-size: 1.2em; color: #28A9E0; list-style: none; background: url(images/bg_list_order.gif) 0 0.4em no-repeat; }
	.ul_order li span{ color: #000; padding: 4px 0; }
	.ul_order li a{ color: #28A9E0; text-decoration: none;}
	.ul_order li a:hover{ color: #28A9E0; text-decoration: underline;}

.content{ background: url(images/bg_bot_menu.gif) 100% 100% no-repeat; margin: 0 0 40px 0; padding: 0 0 20px 0;}	
.content h1{ margin: 0px 0 0 10px; padding: 5px 0 1px 8px; border-left: solid 2px #96D9A5; text-transform: uppercase; font-size: 1.5em;}
.content h2{ margin: 20px 0 0 10px; padding: 5px 0 1px 8px; border-left: solid 2px #96D9A5; text-transform: uppercase; font-size: 1.5em;}
.content h3{ margin: 20px 0 10px 20px;  font-size: 1.3em;}
.content p{ margin: 0 0 10px 20px; font-size: 1.2em; line-height: 1.5;}
.content ol{ margin: 0 0 10px 36px; padding: 0;}	
.content ul{ margin: 0 0 10px 36px; padding: 0;}
.content li{ font-size: 1.2em; line-height: 1.5; padding: 0;}
.content ol li{ list-style-position: inside; }
.content ul li{ list-style: none; background: url(images/bg_list_menu.gif) 0 0.6em no-repeat;  margin: 0; padding: 0 0 0 14px;  list-style-position: outside;}
.content ol ul{ margin: 0 0 10px 20px; }
.content ol ul li{ font-size: 1em;}
.content ol ol li{ font-size: 1em;}
.content ul ul li{ font-size: 1em;}
.content ul ol li{ font-size: 1em;}

.portfolio_tab{ position: relative; height: 19px;}
.portfolio_tab ul{ margin: 0 !important; padding: 0 0 0 12px !important; position: absolute;}
.portfolio_tab ul li{ text-transform: uppercase; font-size: 12px; font-weight: normal; background: url(images/bg_tab1.gif) 100% 0 no-repeat !important; float: left; margin: 0 0 0 -25px !important; position: relative; z-index: 1; }
.portfolio_tab ul li a{ display: block; background-color: #C7EBD1; margin: 0 27px 0 0; color: #2EB24C; text-decoration: none; padding: 2px 5px 0px 10px;}
.portfolio_tab ul li a:hover{ color: #005413;}
.portfolio_tab ul li.current_tab{ background: url(images/bg_tab2.gif) 100% 0 no-repeat !important; z-index: 10; }
.portfolio_tab ul li.current_tab a{ background-color:  #2CB34A; color: #fff; padding-bottom: 3px;}
.portfolio_tab ul li.current_tab a:hover{ color: #AFE4BA;}

.portfolio_nav{ text-align: right; }
.portfolio_nav li{ display: inline; background-image: none !important; margin-left: 2px !important; padding: 0 !important; }
.portfolio_nav li a{ color: #fff; text-decoration: none; padding: 4px 7px; background-color: #53A6DC; }
.portfolio_nav li a:hover{ background-color: #0075C1;}
.portfolio_nav li.current_tab a{ background-color: #0075C1;} 

.portfolio_info{ padding-top: 20px; margin: 0 0 0 100px; background: url(images/bg_line_green.gif) 30px 0 repeat-y;}
.portfolio_info div.line_green{ background: url(images/bg_line_green.gif) 0 0 repeat-x; height: 2px; width: 570px; position: relative;}
.portfolio_info div.line_green span{ position: absolute; top: -2px; left: 28px; width: 6px; height: 6px; background-color: #FAA723; font-size: 0; }
.portfolio_info table{ width: 100%;}
.portfolio_info table td{ vertical-align: top; padding: 0;}
.portfolio_info table td.img{ padding: 0 0 30px 55px; }
.portfolio_info table td.info{ width: 100%; background: url(images/bg_str_orange.gif) 25px 13px no-repeat; }
.portfolio_info table td.info div { padding: 0 0 10px 20px;  background: url(images/bg_bot_menu.gif) 100% 100% no-repeat;}
.portfolio_info table td.info h4{ font-size: 1.4em; margin: 10px 0 10px 20px;}

.img_cont{ background: url(images/img_ml.gif) 0 0 repeat-y; position: relative; top: -14px; padding-left: 4px;}
.img_cont .c_top{ position: relative; height: 3px; font-size: 0; background: url(images/img_tc.gif) 0 0 repeat-x;}
.img_cont .c_top div{ position: absolute; top:0; left: -4px; width: 4px; height: 14px; background: url(images/img_tl.gif) 0 0 no-repeat;}
.img_cont .c_top span{ position: absolute; top:0; right: 0; width: 10px; height: 14px; background: url(images/img_tr.gif) 0 0 no-repeat;}
.img_cont .c_middle{ background: url(images/img_mr.gif) 100% 0 repeat-y; width: 350px; padding-right: 10px;}
.img_cont .c_bot{ position: relative; height: 11px; font-size: 0; background: url(images/img_bc.gif) 0 0 repeat-x;}
.img_cont .c_bot div{ position: absolute; top:0; left: -4px; width: 12px; height: 11px; background: url(images/img_bl.gif) 0 0 no-repeat;}
.img_cont .c_bot span{ position: absolute; top:0; right: 0; width: 12px; height: 11px; background: url(images/img_br.gif) 0 0 no-repeat;}


/******* Блок новостей ********
.left{ position: absolute; top: 0; left: 20px; background: #86D1D8 url(images/bg_2.gif) 0% 0% repeat-x; width: 187px; height: 100%;}
.left{ height: expression(parentNode.clientHeight+'px'); }
.left a{ color: #333; text-decoration: underline;}
.left a:hover{ color: #333; text-decoration: none;}
******* Блок контента ********
.content{ padding: 270px 58px 110px 23px; margin-left: 207px; width: 505px; background: url(images/fruit.jpg) 0% 0% no-repeat;}
******* Блок навигации ********
.right{ position: absolute; top: 0; right: 0; background-color: #FFE292; width: 180px; height: 100%;}
.right{height: expression(parentNode.clientHeight+'px'); }
.r_ins{ height: 253px; background: #FBFD47 url(images/bg_3.gif) 0% 0% no-repeat;}
.right p{ background:  url(images/bg_menu.gif) 0% 100% no-repeat; margin: 0; padding: 6px 5px 9px; text-align: center; text-transform: uppercase;}
.right p{ color: #9D0A0F; font-size: 11px; font-weight: bold;}
.right a{ color: #A92520; text-decoration: none;}
.right a:hover{ color: #000; text-decoration: none;}

.apple{ position: absolute; top: 0; left: 0; width: 306px; height: 169px;  background: url(images/bg_appl.gif) 0% 0% no-repeat;}
.phone{ position: absolute; top: 218px; left: 230px; width: 306px; height: 30px; font: bold 20px Arial; color: #70A31C; }
.logo{ position: absolute; top: 91px; left: 715px; width: 165px; height: 162px; background: url(images/bg_logo.gif) 0% 0% no-repeat; padding-top: 10px; padding-left: 6px;}
.basket{ position: absolute; top: 22px; left: 850px; width: 108px; height: 116px;}
.basket_text{ position: absolute; top: 61px; left: 715px;  font-size: 11px; font-weight: bold; font-family: Arial; text-align: center; width: 160px; line-height: 16px;}
.basket_text a{  font-size: 12px; }

.block_login{ padding: 0; background: url(images/bg_auth.gif) 0 0 repeat-y; font-size: 11px; color: #fff; }
.block_login form{ margin: 0;}
.block_login div.input_field{ background: url(images/bg_block_login2.gif) 0 0 no-repeat; padding: 30px 0px 10px 28px; margin: 0; }
.block_login div.input_field p{ margin: 0 0 5px;}
.block_login div.input_field p.lk{ border-bottom: solid 1px #fff; margin: 0 10px 5px 0;}
.block_login div.but{  height: 35px; padding: 3px 0 0; text-align: center; }
.block_login label{ display: block; float: left; width: 50px; margin: 0;}
.block_login input{ background-color: #88D3D9; border: solid 1px #A6DDE4; width: 75px; color: #fff;  margin: 0;}
.block_login input.but_login{ background-color: transparent; border: none; font-size: 12px; padding: 0; cursor: pointer;}
.block_login span{ font-size: 12px; }
p.rem_pass{ margin: 0 0 20px 10px; font-size: 11px;}
******* Новости ********
.news_zag{ padding: 20px 10px 10px;}
.news_zag p{ margin: 0; padding: 0 10px; background-color: #df0; font: bold 1.2em Verdana;}
.news_menu{ padding: 0px 10px 20px 20px;}
.news_menu p{ margin: 0 0 15px; padding: 0;  border: solid 0px red; font-size: 1.2em; color: #fff; font-family: Arial;}
.news_menu span{ text-decoration: underline; font-weight: bold;}
.news_menu a{ color: #fff; text-decoration: none;}
.news_menu a:hover{ color: #58595B; text-decoration: underline;}
.news_menu a.all_news{ color: #333; font-weight: bold; text-decoration: underline;}
*/
.site_form { margin-left: 15px;}
.site_form td{ font-size: 1.2em; padding: 5px;}
.site_form td p{ font-size: 1em;}

.tbl{ width: 100%; border-top: solid 1px #96f; border-left: solid 1px #96f;}
.tbl td{ font-size: 1.2em; border-bottom: solid 1px #96f; border-right: solid 1px #96f; padding: 3px;}
.tbl td p{ font-size: 1em;}

/******* Подвал *********/
.footer { position: relative;  width: 100%; height: 40px; margin-top: -40px; background-color: #2DB34A; }
	.fr{ float: right; width: 50%; height: 40px; background: url(images/bg_f_1.gif) 0 32px repeat-x;}
.f0{ position:  relative; width: 1000px;  height: 30px; margin: -40px auto 0; background-color: #2DB34A; padding-top: 10px;}
	.mini_search{ text-transform: uppercase; font-size: 11px; font-weight: bold; color: #000; margin: 0; padding-left: 20px;} 
	.mini_search input{ border: 0; background-color: #D5F0DB; font-size: 12px; }
	.mini_search input.mini_search{ background: url(images/but_search.gif) 0 0 no-repeat; height: 17px; width: 17px;}
	.logo_mini{ position: absolute; top: -49px; left: 800px; width: 200px; height: 86px; background: url(images/logo_mini.gif) 0 0 no-repeat;  }
	.fm{ position: absolute; top: -20px; left: 0; margin: 0 0 0 12px; padding: 0;}
	.fm li{ list-style: none; display: inline; font-size: 12px; font-weight: bold; background: url(images/bg_list_footer.gif) 0% 60% no-repeat; padding: 0px 2px 0px 8px;}
	.fm li:first-child{ background: none;}
	.fm li a{ color: #0066B3; text-decoration: none;}
	.fm li a:hover{ color: #6cf; text-decoration: none;}