*{ margin:0; padding:0;} body{ font-family:Arial, Helvetica, sans-serif, Georgia; font-size:12px; color:#505342; line-height:17px; background:#e9f4c8;} p{} img{ text-align:center;} a img{border:none;} a{color:#2D6D78; font-family:Arial, Helvetica, sans-serif, Georgia; font-size:14px; text-decoration:underline; outline:none;} a:hover{ text-decoration:none;} a:active{} a:visited{} #wrapper{ width:100%; height:100%;} #head{ width:100%; background:url(images/0_01.jpg) no-repeat center; height:623px; display:block; border-bottom:5px solid #4A6826; background-color:#52752C;} #menu_left{ width:230px; height:40px; display:block; position:absolute; top:60px; left:57px;} #menu_top{ width:640px; height:80px; display:block; position:absolute; top:46px; left:310px;} #menu_top ul{width:640px; height:80px; display:block; list-style:none;} #menu_top ul li{ background:url(images/01.gif) no-repeat right center; height:80px; display:block; padding:0 2px 0 0; line-height:80px; float:left; } #menu_top ul li a{text-transform:uppercase; font-family:Arial, sans-serif; font-size:17px; font-weight:bold; margin:0; padding:0 16px 0 16px; color:#4E6038; text-decoration:none; display:block;} #menu_top ul li a:hover{ background:url(images/hover.jpg) repeat-x;text-decoration:none;} #menu_top ul li a.activ2{ background:url(images/hover.jpg) repeat-x;text-decoration:none;} #menu_bottom{ width:270px; height:148px; display:block; position:absolute; top:210px; left:592px;} #menu_bottom ul{width:270px; height:148px; display:block; list-style:none;} #menu_bottom ul li{ display:inline;height:29px; line-height:29px;margin:0; padding:0; } #menu_bottom ul li a{ font-family:Arial, sans-serif; font-size:15px; font-weight:normal; margin:0; padding:0; color:#ffffff; line-height:29px; text-decoration:underline; display:block;} #menu_bottom ul li a:hover{ text-decoration:none;} #content{ width:100%; padding:0; } #logoIcon{ width:100%; height:19px; margin:0 0 30px 0;} #logoIcon ul{ list-style:none;} #logoIcon ul li{ float:left; padding:0 0 0 8px; height:19px; line-height:19px;} #logoIcon ul li a{ font-family:Calibri, Arial, sans-serif; font-size:13px;loat:left; padding:2px 7px 2px 0;height:19px; line-height:19px;} #logoIcon ul li.activ{ background:url(images/2_03.jpg) no-repeat left;height:19px; line-height:19px;} #logoIcon ul li.activ span{ background:url(images/2_04.jpg) no-repeat right;} #logoIcon ul li span{height:19px; line-height:19px;} #logoIcon ul li.activ a{ padding:2px 7px 2px 0;text-decoration:none; background:url(images/2_05.jpg) no-repeat right;} #leftPanel{ float:left; width:277px; padding:0 0 0 40px; text-align:left;} #leftPanel img{ text-align:center;} #leftPanelMark{ background:url(images/kompania.jpg) no-repeat right; width:257px; height:214px; padding:5px 20px 0 40px; margin:0 0 0 -40px; color:#505342; font-size:12px; font-family:Arial, sans-serif; line-height:19px; overflow:hidden;} #leftPanelMark p{ width:257px; display:block;} #design{ margin:30px 0 0 0;} #design ul{ list-style:none; margin:15px 0 15px 0; padding:0;} #design ul li{ background:url(images/st.gif) no-repeat 0 9px; margin:0; padding:0; } #design ul li a{line-height:25px;color:#2A3837; font-size:12px; margin:0; padding:0 0 0 30px; } #design ul li a:hover{ text-decoration:none;} #design a.design{ font-size:20px; margin:0 0 15px 0; display:block;} #spice{ text-align:center; margin:30px 30px 0 0;} #centralPanel{float:left; width:483px; margin:0 0 0 40px;} body.about #centralPanel{float:left; width:443px; margin:0 40px 0 40px;} #centralPanel .boxWork{ display:inline; width:204px; float:right; margin:0 37px 0 0; padding:0;} #centralPanel .boxWork a img{ border:2px solid #D9E1C2;} #centralPanel .boxWork p{ margin:10px 0 20px 0; } #centralPanel .boxWork p a{font-family:Calibri, Arial, sans-serif; font-size:15px; line-height:20px;color:#2D6D78;width:100%; clear:both; display:block; } #centralPanel .boxWork p a:hover{ text-decoration:none;} input.form { background: url(images/form.jpg) no-repeat; width: 260px; height: 29px; font-size: 14px; color: #37484B; font-weight: 600; font-style: oblique; margin: 15px 0px 0px 0px; padding: 10px 0px 0px 21px; } textarea.textarea { background: url(images/textarea.jpg) no-repeat; width: 521px; height: 152px; font-size: 13px; color: #37484B; font-weight: 600; font-style: oblique; overflow:auto; margin: 15px 0px 0px 0px; padding: 10px; } input.otpr { background: url(images/otpr.jpg); width: 148px; height: 52px; margin: 25px 0px 0px 0px; } #rightPanel{float:left;width:136px; padding:0 24px 0 0;} #rightPanel img{ margin:0 0 30px 0; display:block;} #footer{ clear:both; margin:30px 0 0 0;} #footerLeftPanel{ width:238px; height:200px; padding:30px 0 0 110px; background:url(images/mail.jpg) no-repeat right; float:left;} #footerLeftPanel p{ margin:10px 0 0 0;} #footerTopPanel{ width:585px; padding:0; float:right; height:20px;} #footerTopPanel ul{ list-style:none;} #footerTopPanel ul li{ float:left; } #footerTopPanel ul li a{ text-transform:uppercase;color:#4E6038;font-family: Arial, sans-serif; font-size:12px; padding:0 15px;} #footerBottomPanel{ width:570px; padding:0; float:right; height:20px;} #footerBottomPanel p{ margin:30px 0 0 0;} #footerBottom{ background:#F8FDEA;} #footerBottom table tr td{ vertical-align:top;padding:20px 100px 20px 100px; text-align:left;} #polosa{background:url(images/2.jpg) repeat-x top; height:90px; width:100%; margin:0 0 -30px 0;} h1{ text-transform:uppercase; font-family:Calibri, Arial, sans-serif; font-size:23px; color:#717462; margin:0 0 30px 0;} h1 span{ margin:0 0 0 10px;color:#383c20;} h2{color:526366;font-family:Calibri, Arial, sans-serif; font-size:17px; line-height:17px; display:block;} h3{color:#526366; font-size:28px;font-family:Calibri, Arial, sans-serif;line-height:28px; display:block; margin:15px 0 0 0;} h3 sup{ color:#526366; font-size:17px;} h4{} h4 a{ width:158px; height:69px; display:block; color:#383C20; font-family:Calibri, Arial, sans-serif; font-size:15px; padding:0 10px 0 120px; margin:0 0 30px -120px; text-align:left; } h4 a.a1{ background:url(images/futer2_1.jpg) no-repeat left; } h4 a.a2{ background:url(images/futer2_2.jpg) no-repeat left; } h4 a.a3{background:url(images/futer2_3.jpg) no-repeat left; } h4 a.a4{ background:url(images/futer2_4.jpg) no-repeat left; } h4 a.a5{ background:url(images/futer2_5.jpg) no-repeat left; } h4 a.a6{ background:url(images/futer2_6.jpg) no-repeat left; } .button1{ height:40px; width:194px; background:url(images/4_03.jpg) no-repeat center; margin:30px 0 0 -12px;} .button2{ height:24px; width:225px; background:url(images/raboti.jpg) no-repeat center; margin:15px 37px 0 0; line-height:24px; padding:15px 5px 15px 5px; display:block; float:right; text-align:center;} .button2 a{font-family:Arial, sans-serif; font-size:18px; color:#047BB8;} #ofZak{ width:205px; height:40px; position:absolute; top:455px; left:696px; color:#2d390e;} #phone{ width:251px; height:40px; position:absolute; top:401px; left:375px; color:#2d390e;} .width{ width:1000px; margin:0 auto; clear:both; position:relative;} .clear{ clear:both;} a.zaks{ font-family:Arial, sans-serif;outline:none; font-size:18px; text-transform:uppercase; color:#6C8930; text-decoration:none; text-align:center; width:170px; display:block; height:43px; line-height:43px;} a.zaks:hover{ text-decoration:none;} a.zaks2{font-family:Arial, sans-serif;font-size:18px;outline:none; text-transform:uppercase; margin:-43px 0 0 0; color:#ffffff; text-decoration:none; text-align:center; width:166px; display:block; height:43px; line-height:43px;} a.zaks2:hover{ text-decoration:none;} a.zaks3{ font-family:Arial, sans-serif;outline:none; font-size:16px; font-weight:bold; text-transform:uppercase; color:#6C8930; text-decoration:none; text-align:center; width:194px; display:block; height:40px; line-height:40px;} a.zaks3:hover{ text-decoration:none;} a.zaks4{font-family:Arial, sans-serif;font-size:16px;outline:none;font-weight:bold; text-transform:uppercase; margin:-40px 0 0 0; color:#ffffff; text-decoration:none; text-align:center; width:190px; display:block; height:40px; line-height:40px;} a.zaks4:hover{ text-decoration:none;} a.vis{color:#2d6d78; font-size:19px; line-height:21px;} a.vis:hover{color:#2d6d78; font-size:19px; line-height:21px; text-decoration:none;} p.zaks{outline:none; font-size:26px; text-transform:uppercase; color:#5B6C1E; text-decoration:none; text-align:center; width:248px; display:block; height:43px; line-height:43px; font-family:Tahoma, Verdana; } p.zaks2{ font-size:26px;outline:none; text-transform:uppercase; margin:-43px 0 0 0; color:#DEE8BB; text-decoration:none; text-align:center; width:244px; display:block; height:43px; line-height:43px;font-family:Tahoma, Verdana;} .flash-wrap{ position: relative; padding-top:20px; } .flash-link{ position: absolute; top:0px; left:0px; width:180px; /*Размеры флешки*/ height:220px; background: url('images/0.gif') no-repeat; /*Особенный костыль для всех IE. Если фона нет, то воспринимается ссылка вшитая во флеш, а не наша. Думаю понятно, что 0.gif это прозрачный однопиксельный гиф.*/ }