body { 
  background: #BED630;
  margin:0; 
  padding:0; 
  text-align:center;
}

body.index { 
  background: #BED630;   /* на заглавной белой подложки нет */
}
* { 
  font-family:Tahoma, sans-serif;
  font-size:12px;
  color:#000000;
}
img {
  border:none;
}
img, a, a:focus, a img { outline: none; border: none; -moz-user-focus: ignore !important; }

/* заглавная */

#flash_hidden {
    position:absolute;
    left:0;
    height:0;
    width:1px;
    height:1px;
    display:hidden;
}
#flash_intro {
    position:absolute; 
    width:100%; 
    height:949px; 
    left:0; 
    top:0;
    text-align:center;
    z-index:101;
}

#flash {
    position:absolute; 
    width:100%; 
    height:949px; 
    left:-2px; 
    top:0;
    text-align:center;
    z-index:100;
}


.flash_links1 {
    position:absolute; 
    width:100%; 
    left:0; 
    top:420px; 
    text-align:center;
    z-index:1000;
}
#flash_links2 {
    position:relative; 
    width:960px; 
    margin-left:auto; 
    margin-right:auto; 
    text-align:right;
}
#flash_links3 {
    width:191px; 
    text-align:right; 
    margin-left:auto;
}
.flash_menu1 {
    width:960px;   
    height:655px;  
    margin-left:auto; 
    margin-right:auto; 
    background: url("img/bg01.png") no-repeat top center;
    text-align:right;
}
.flash_menu2 {
    padding-top:422px;
    width:191px;
    margin-left:auto;
}
.flash_menu2 .menu_on {
    background:url(img/menu_bg0.png) #BED630 no-repeat; 
    padding-left:1px;
}
.flash_menu2 .menu_out {
    background:#BED630; 
    padding-left:1px;
}


/* основная раскладка */

/* порядок размещения слоев:

  #container : 1
  #flash2    : 2
  #provod_g  : 3
  #left      : 4

  #provod_v     : 100
  #flash2_links : 200
*/

#container_index {
  position:relative;
  width:960px;
  margin:0 auto;
  text-align:left;
  z-index:1;
}
.index_post {
  position:absolute;
  width:184px;
  height:163px;
  top:0;
  right:0;
}

#container {
  position:relative;
  width:960px;
  margin:0 auto;
  text-align:left;
  z-index:1;
  background:#fff;
}
#top {
  position:relative;
  width:960px;   
  height:186px;
  text-align:left;
}


#top_top {
  width:960px;   
  height:38px;
  text-align:left;
  background:url(img/bg_top2.png) no-repeat right top #BED630;
}

#left {
  position:relative;
  width:385px;
  text-align:left;
  float:left;
  z-index:4;

} 
#right {
  position:relative;
  margin-left:385px;
  text-align:left;
background:#fff;
}

#flash2 {
  position:absolute; 
  width:403px; 
  height:299px; 
  left:0px; 
  top:19px;
  z-index:2;
}

/* Верх */

#langs_flash_no {
  position:absolute; 
  width:60px; 
  left:836px; 
  top:43px;
}
#rubilnik_flash_no {
  position:absolute; 
  width:56px; 
  left:895px; 
  top:26px;
}

#langs {
  position:absolute; 
  width:60px; 
  left:400px; 
  top:43px;
}
#rubilnik {
  position:absolute; 
  width:56px; 
  left:458px; 
  top:26px;
}

/* Заголовки */

.zag {
  position:absolute; 
  right:0px; 
  top:19px;
  text-align:right;
  z-index:100;
}
/* перенесла в шаблон из-за глюка недозагрузки в IE 
body.about .zag {
  background: url(img/zag_about.png) no-repeat right top;
  width: 439px;
  height:127px;
}
body.service .zag {
  background: url(img/zag_service.png) no-repeat right top;
  width: 426px;
  height:174px;
}
body.news .zag {
  background: url(img/zag_news.png) no-repeat right top;
  width: 416px;
  height:280px;
}
body.portfolio .zag {
  background: url(img/zag_portfolio.png) no-repeat right top;
  width: 439px;
  height:149px;
}
body.contacts .zag {
  background: url(img/zag_contacts.png) no-repeat right top;
  width: 421px;
  height:173px;
}
*/

/* Меню */

#menu {
  width:190px;
  margin-left:106px;
  margin-top:97px;
}

#menu .menu_on, #menu .menu_out {
  height:45px;
  margin-bottom:0px;
}

#menu .menu_on {
  background:url(img/menu_bg.png) no-repeat; 
}
#menu .menu_out {
  background:none; 
}

/* Состояние вертикального провода на разных страницах */

#provod_v {
  position:absolute; 
  z-index:100;
  top:19px;
}
body.about #provod_v {
  width:27px;
  height:271px;
  left:340px; 
  background: url(img/provod_v_about.png) no-repeat 0 0;
}
body.service #provod_v {
  width:33px;
  height:336px;
  left:334px; 
  background: url(img/provod_v_service.png) no-repeat 0 0;
}
body.news #provod_v {
  width:38px;
  height:383px;
  left:331px; 
  background: url(img/provod_v_news.png) no-repeat 0 0;
}
body.portfolio #provod_v {
  width:36px;
  height:428px;
  left:331px; 
  background: url(img/provod_v_portfolio.png) no-repeat 0 0;
}
body.contacts #provod_v {
  width:36px;
  height:475px;
  left:331px; 
  background: url(img/provod_v_contacts.png) no-repeat 0 0;
}

/* Состояние горизонтального провода на разных страницах */

#provod_g {
  position:absolute; 
  left:0; 
  z-index:3;
}
body.about #provod_g {
  top:290px;
  width:361px; 
  height:40px; 
  background:url(img/provod_g_about.png) no-repeat;
}
body.service #provod_g {
  top:336px;
  width:334px; 
  height:34px; 
  background:url(img/provod_g_service.png) no-repeat;
}
body.news #provod_g {
  top:381px;
  width:331px; 
  height:34px; 
  background:url(img/provod_g_news.png) no-repeat;
}
body.portfolio #provod_g {
  top:428px;
  width:331px; 
  height:34px; 
  background:url(img/provod_g_portfolio.png) no-repeat;
}
body.contacts #provod_g {
  top:474px;
  width:361px; 
  height:40px; 
  background:url(img/provod_g_contacts.png) no-repeat;
}


/* Меню горизонтальное */

.menu_gor {
  height:19px;
  margin-bottom:29px;
}
.menu_gor_td {
  width:20%;
  float:left;
  text-align:center;
}
.menu_gor .menu_on, .menu_gor .menu_out { 
  width:120px;
  height:19px;
  text-align:center;
  margin:0 auto 0 auto;
}
.menu_gor .menu_on span, .menu_gor .menu_out span { 
  display:block;
  padding-top:4px;
}
.menu_gor .menu_on {
  background:url(img/menu_bg1.png) no-repeat; 
}
.menu_gor .menu_out {
  background:none; 
}

/* Левая часть обвязки */

.phone {
  margin:57px 0 65px 60px;
}

/* Левые блоки */

.left_index {
  position:relative;
  width:758px;
  height:163px;
  margin-right:18px;
  background:url(/img/block_index.png) no-repeat;
}
.left_index span {
  display:block;
  position:absolute;
  width:563px;
  left: 162px;
  top: 10px; 
}
.left_index span table tr td {
  height:140px;
  font-size:12px;
  line-height:15px;
}

.left_cont1, .left_cont2, .left_cont3, .left_cont4, .left_cont5  {
  position:relative;
  width:365px;
  height:343px;
  margin-left:19px;
}
.left_cont1 {
  background:url(img/block_contacts1.png) no-repeat;
}
.left_cont2 {
  background:url(img/block_contacts2.png) no-repeat;
}
.left_cont3 {
  background:url(img/block_contacts3.png) no-repeat;
}
.left_cont4 {
  background:url(img/block_contacts4.png) no-repeat;
}
.left_cont5 {
  background:url(img/block_contacts5.png) no-repeat;
}

.left_cont span {
  display:block;
  position:absolute;
  width:215px;
  left: 136px;
  top: 112px; 
}

.left_cont span table tr td {
  height:220px;
  font-size:11px;
}

.left_news1, .left_news2, .left_news3, .left_news4, .left_news5 {
  position:relative;
  width:366px;
  height:343px;
  margin-left:19px;
}
.left_news1 {
  background:url(img/block_news1.png) no-repeat;
}
.left_news2 {
  background:url(img/block_news2.png) no-repeat;
}
.left_news3 {
  background:url(img/block_news3.png) no-repeat;
}
.left_news4 {
  background:url(img/block_news4.png) no-repeat;
}
.left_news5 {
  background:url(img/block_news5.png) no-repeat;
}
.left_news span {
  display:block;
  position:absolute;
  width:220px;
  left: 130px;
  top: 107px;
}
.left_news span table tr td {
  height:230px;
  font-size:11px;
}
.left_service1, .left_service2, .left_service3, .left_service4, .left_service5  {
  position:relative;
  width:366px;
  height:380px;
  margin-left:19px;
}
.left_service1  {
  background:url(img/block_service1.png) no-repeat;
}
.left_service2  {
  background:url(img/block_service2.png) no-repeat;
}
.left_service3  {
  background:url(img/block_service3.png) no-repeat;
}
.left_service4  {
  background:url(img/block_service4.png) no-repeat;
}
.left_service5  {
  background:url(img/block_service5.png) no-repeat;
}
.left_serv span {
  display:block;
  position:absolute;
  width:210px;
  left: 140px;
  top: 130px; 
}
.left_serv span table tr td {
  height:230px;
  font-size:11px;
}

.left_about1, .left_about2 {
  position:relative;
  width:366px;
  height:193px;
  margin-left:19px;
}
.left_about1 {
  background:url(img/block_about1.png) no-repeat;
}
.left_about2 {
  background:url(img/block_about2.png) no-repeat;
  margin-top:36px;
}
.left_about1 span, .left_about2 span {
  display:block;
  position:absolute;
  width:230px;
  left: 121px;
  top: 10px; 
}
.left_about1 span table tr td, .left_about2 span table tr td {
  height:175px;
  font-size:11px;
}

.left_service span b, .left_news span b, .left_cont span b, .left_about1 span b, .left_about2 span b {
  background: #000;
  color:#fff;
  font-size:11px;
  padding: 0 3px 3px 3px;
  text-decoration:none; 
}

.left_port {
   margin-left:30px;
}

/* Рекламная компания */

.reklam {
  margin:56px 0 43px 12px;
}
.reklam_images {
  margin-left: 46px;
}

.reklam_images .img_td {
  position:relative;
  width:129px;
  height:180px;
  float:left;
  margin-right:56px;
}

.reklam_images .last {
  margin-right:0;
}

/* Рисунки в рамках - маленькие и большие */

.img_big {
  position:absolute;
  top:7px;
  left:12px;
  width:321px;
  height:194px;
  cursor:pointer;
  z-index:1;
}
.img_border_b {
  position:absolute;
  top:0;
  left:0;
  width:348px;
  height:239px;
  background:url(img/img_border_b.png) no-repeat;
  cursor:pointer;
  z-index:2;
}

.img_small {
  position:absolute;
  top:7px;
  left:7px;
  width:112px;
  height:75px;
  cursor:pointer;
  z-index:1;
}
.img_border {
  position:absolute;
  top:0;
  left:0;
  width:129px;
  height:103px;
  background:url(img/img_border.png) no-repeat;
  cursor:pointer;
  z-index:2;
}
.img_zag {
  position:absolute;
  top:116px;
  left:7px;
  width:122px;
}
.img_zag a, .img_zag a:hover, .img_zag a:visited {
  background-color:#FFFF20;
  text-decoration:none;
}

.provod_bot {
  margin:63px 0 61px 32px;
}

/* Footer */

#footer, #footer0 {
  position:relative;
  width:960px;
  margin:0 auto;
  clear:both;
}
#footer0 {
  height:130px;
}
#footer {
  height:104px;
  background:url(img/footer_bg.gif) top center no-repeat #BED630;
}


#foot_logo {
  position:absolute;
  left:4px;
  bottom:8px;
}
#foot_copy {
  position:absolute;
  left:373px;
  bottom:23px;
}
a.foot_link, a:visited.foot_link, a:hover.foot_link, .foot_link sup {
  color:#ffffff; 
  font-size:11px;
}
a.foot_link, a:visited.foot_link {
  text-decoration:none;
}
a:hover.foot_link {
  text-decoration:underline;
}
#foot_counter {
  position:absolute;
  left:552px;
  bottom:13px;
}
#foot_multi {
  position:absolute;
  right:0px;
  bottom:0px;
}

/**********************************/
/* О компании */

.about_text {
  margin-left:100px;
  width:320px;
  line-height:20px;
}

.about_citata {
  width:469px;
  background:url(img/kav_left.gif) 0 0 no-repeat;
  margin:25px 0 25px 57px;
}
.about_citata div {
  padding: 2px 42px 0px 42px;
  background:url(img/kav_right.gif) right bottom no-repeat;
}
.about_citata span {
  font-size:23px;
  background-color:#FFFF20;
  padding-left:5px;
  padding-right:5px;
}
.about_foto {
  position:relative;
  height:239px;
  margin:35px 0 35px 100px;
}

/**********************************/
/* Сервис */

.service_intro {
  margin:10px 0 40px 110px;
  width:380px;
  line-height:20px;
}

.service_tbl {
  margin-bottom:40px;
  margin-left:60px;
}

.service_td1 {
  width:168px; 
  vertical-align:top;
  background:url(img/service_td1.png) bottom right repeat-y;
}
.service_td2 {
  width:286px; 
  vertical-align:top;
  background:url(img/service_td2_b.png) bottom left no-repeat #FFFF20;
  padding-bottom:0px;
}
.service_td2 a, .service_td2 a:visited, .service_td2 a:hover {
  font-size:11px;
}
.service_text {
  background:url(img/service_td2_t.png) top left no-repeat; 
  padding:19px 30px 23px 15px;
}
.service_child {
  padding-top: 18px; 
  font-size:11px;
}

.service_tv {
  background:#ffffff; 
  height:37px;
}
.service_radio {
  background:#ffffff; 
  height:14px;
}
.service_rec {
  background:#ffffff; 
  height:19px;
}


/**********************************/
/* Новости */


.news_intro {
  margin:112px 0 20px 108px;
  width:380px;
}
.news_date {
  font-weight:bold;
  font-size:14px;
  margin-left:116px;
  position:relative;
}


.block_yellow1 {       /* если указать width - возникает глюк в IE - смещение блоков до перезагрузки при большой высоте блока #right  */
  position:relative;
  margin-left:94px;
  margin-top:9px;
  margin-bottom:50px;
  background:url(img/block_yellow1_t.png) no-repeat;  
  padding-top:17px;
  padding-left:0px;
}
.block_yellow1 div {
  position:relative;
  width:421px;
  background:url(img/block_yellow1_b.png) center bottom no-repeat #FFFF20;  
  text-align:left;
}
.block_yellow1 div {
  margin-left:-2px; /* глюк в IE */
}
html>body .block_yellow1 div {
  margin-left:0; /* возвращаем для всего, кроме IE */
}

.news_descr {
  display:block;
  padding:1px 24px 20px 24px;
  line-height:17px;
}
.news_child {
  display:block;
  padding-top:15px;
  line-height:17px;
}
.news_back {
  float:left;
/*  width:82px; */
    margin-top:15px;
    margin-left:100px;
}
.news_next {
  float:right;
/*  width:82px; */
    margin-right:82px;
    margin-top:15px;
}

.news_descr a, .news_descr a:visited, .news_descr a:hover {
  text-decoration: none;
}

/**********************************/
/* Портфолио - страница 1 */

.port_intro {
  margin:0 0 40px 107px;
  width:384px;
  line-height:20px;
}

.port_tbl {
  position:relative;
  margin-left: 97px;
}
.port_tbl td {
  position:relative;
  vertical-align:top;
  padding-right:12px;
  height:123px;
}
.port_img {
  width:129px;
  height:75px;
  position:relative;
}
.port_zag {
  padding:35px 0 20px 0;
  width:122px;
  margin-left:7px;
  word-wrap: break-word;
}

.port_zag b {
  font-size:14px;
  line-height:15px;
}
.port_zag a, .port_zag a:hover, .port_zag a:visited {
  text-decoration:none;
}
.port_zag p {
  border:solid 1px #000;
  display:block;
  width:90px;
  margin-top:3px;
}
.yellow {
  background-color:#FFFF20;
}

/* Портфолио - страница 2 */

.port_name {
  width: 495px;
  height: 78px;
  margin: 8px 0 0 59px;
  background:url(img/port_name_bg.png) no-repeat;
}
.port_name table td {
  padding: 0 24px 0 27px;
  font-weight:bold;
}
.port_name table td b {
  font-size: 24px;
  font-weight: bold;
}
.port_logo {
  position:relative;
  margin:26px 0px 0px 100px;
}
.port_info {
  margin-left:83px;
}
.port_info b {
  font-size:15px;
}
.port_info img {
  vertical-align: text-bottom;
}
.port_map {
  margin: 15px 0 0 63px;
}
.port_descr {
  margin: 19px 10px 0 83px;
}
.port_other {
  text-align:right;
  margin: 25px 29px -8px 0;
}
.port_all {
  text-align:right;
  margin: 15px 29px 0 0;
}
.port_razd {
  margin: 31px 0 46px 60px;
  width:494px;
  height:57px;
}

.port_player {
  margin:-17px 0 0 100px;
  width:400px;
  height:320px;
  position:relative;
}
.port_rolic {
  position:absolute;
  top: 0;
  left: 0;
}
.port_ramka {
  position:absolute;
  top: 0;
  left: 0;
}
.port_radio {
  margin: -17px 0 0 154px;
}
.port_back {
  width: 82px;
  margin: 70px 0 0 90px;
}


/**********************************/
/* Контакты */

.cont_intro {
  margin:37px 0 40px 108px;
  width:380px;
  line-height:20px;
}

.cont_map {
  margin: 32px 0 0 126px;
  margin:-17px 0 -33px 100px;
  width:404px;
  height:343px;
  background: url(img/cont_map.png) no-repeat;
  position:relative;
}
.cont_google {
  position:absolute;
  width:348px;
  height:287px;
  top: 20px;
  left: 25px;
}

.cont_form1, .cont_form2, .cont_form3, .cont_form4, .cont_form5 {
  position:relative;
  width: 404px;
  height: 606px;
  margin: 101px 0 0 97px;
}
.cont_form1 {
  background:url(img/cont_form1.png) no-repeat;
}
.cont_form2 {
  background:url(img/cont_form2.png) no-repeat;
}
.cont_form3 {
  background:url(img/cont_form3.png) no-repeat;
}
.cont_form4 {
  background:url(img/cont_form4.png) no-repeat;
}
.cont_form5 {
  background:url(img/cont_form5.png) no-repeat;
}

.cont_form form {
  padding:116px 0 0 35px;
}
input, textarea {
  border:solid 1px #000;
}
input {
  height:22px;   /* для IE */
}
html>body input {
  height:20px;   /* для всего, кроме IE */
}

.cont_inp {
  width:328px;
  margin-bottom:26px;
}
.cont_inp1 {
  width:154px;
  margin-bottom:29px;
  margin-left:0;
}
.cont_inp2 {
  width:120px;
  margin-top:6px;
}
.cont_email {
  margin-right:17px;
}
.cont_form textarea {
  width:328px;
  height:177px;
  margin-top:1px;
  margin-bottom:12px;
}
.cont_form span {
  display:block;
  font-size:11px;
}
#cont_ok {
  width:108px;
  height:97px;
  border:none;
  position:absolute;
  right:33px;
  bottom:40px;
}

.note {
  color:red;
  font-weight:bold;
  padding:60px 0 0 130px;
  margin-bottom:-70px;
}

/* Ссылки на заглавной над флешом */

#index_post_link {
  position:absolute;
  width:184px;
  height:163px;
  top:235px;
  right:0;
}
#index_multi_link {
  position:absolute;
  width:88px;
  height:45px;
  top:484px;
  right:0;
}
#index_counter_link {
  position:absolute;
  width:31px;
  height:31px;
  top:480px;
  right:374px;
}

/**********************************/
/* Постраничное меню в Портфолио  */

.pg_menu {
  text-align:right;
  margin:0 78px 0 0;
}
.pg_menu table {
  margin-left:auto;
}
.pg_menu_on {
  background:#FFFF00;
  font-family: arial;
  font-size:26px;
  padding: 0 5px;
  color:#000000;
}
a.pg_menu_off, a:visited.pg_menu_off, a:hover.pg_menu_off {
  font-family: arial;
  font-size:18px;
  padding: 0 5px;
  color:#000000;
  text-decoration:none;
}


/* /Постраничное меню в Портфолио  */

.404_text1 {
  width:638px; margin:0px; background:#FFFF20;
}
.404_text2 {
  padding:0 43px;
}
.404_big {
  font-size:26px;
  font-weight:normal;
}
.404_text2 * a, .404_text2 * a:visited, .404_text2 * a:hover {
  line-height:20px;
}

/**********************************/

a.bottom_black, a:visited.bottom_black, a:hover.bottom_black {
  text-align:center;
  padding: 0px 3px 3px 3px;
  background: #000;
  color:#fff;
  font-size:13px;
  text-decoration:none; 
}

.black, a.black, a:visited.black, a:hover.black {
  background: #000;
  color:#fff;
  padding: 0 3px 3px 3px;
  text-decoration:none; 
}

.border {border:solid 1px #000;}
.border1 {border:solid 1px red;}
.border2 {border:solid 1px blue;}