body {
 background-color: #fff;
 color: #505050;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 width: 100%;
 min-width:1000px;
 font-family: Arial;
 font-size: 90%;
}

body.order{
  background-image: url(../files/yalstudio/Image/main-bg-phone.jpg);
  background-position: left 343px;
  background-repeat:no-repeat;
}

h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
 text-transform: uppercase; 
}

h1 {
 font-size: 130%;
 color: #ff2506;
}

h2 {
 font-size: 130%;
}
h3 {

 font-size: 110%;}

h4 {

 font-size: 120%;;}


a {outline: none;}

a:link,
a:visited {
 color: #ff2506;
 text-decoration: underline;
}



a:hover {
 text-decoration: none;
}


div.head{
  height:110px;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-width: 1258px;
}


span.logo,
a.logo:link,
a.logo:visited{
  float:left;
  padding: 22px 0 0px 3%;
}


.logo img{
  border: 0px;
}


span.klient-key,
a.klient-key:link,
a.klient-key:visited {
  float: right;
  width: 160px;
  background-image: url(../files/yalstudio/Image/klient-key.gif);
  background-position: right center;
  background-repeat:no-repeat;
  padding: 38px 0px 20px 0px;
  text-decoration: none;
  font-size: 80%;
  margin: 25px 3% 0px 0px;
   color: #505050;
}

a.klient-key:hover{
  text-decoration: underline;
}

ul#menu{
  padding: 53px 0px 0px 0px;
  margin: 0px 0px 0px 3.5%;
  list-style-type: none;
  font-size: 80%;
  float: left;
}

ul#menu li{
  float: left;
  height: 33px;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px 20px;
}
ul#menu li.active {
  background: #FF2506 url(/files/yalstudio/Design/mainMenu_corners.gif) left top no-repeat;
  padding: 0;
}

ul#menu a:link,
ul#menu a:visited {
  color: #505050;
}

ul#menu .active span,
ul#menu .active a:link,
ul#menu .active a:visited {
  background: url(/files/yalstudio/Design/mainMenu_corners.gif) right top no-repeat;
  color: #ffffff;
  display: inline-block;
  height: 33px;
  padding: 0 20px;
}

ul#menu a:link span.red,
ul#menu a:visited span.red{
 color: #ff2506; 
}


ul#menu a.active:link span.red,
ul#menu a.active:visited span.red{
 color: #ffffff; 
}

div.collage-block{
  background-color: black;
  clear: both;
  height:306px;
  margin: 24px 0px 0px 0px;
}

div.collage-block div.bulb1{
  background-image: url(../files/yalstudio/Image/perci-collage.jpg);
  background-position: center top;
  background-repeat:no-repeat;
  height:306px;
  margin: 0px;
}

div.collage-info{
  float: right;
  width: 270px;
  padding: 203px 25px 0px 0px;
  color: #ffffff;
}

div.collage-info h2{
  color: #ffffff;
  padding: 0px 0px 25px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 215%;
}

div.collage-info a:link,
div.collage-info a:visited{
  color: #ffffff;
}

div.collage-info a.new-site:link,
div.collage-info a.new-site:visited{
  color: #ffffff;
  display: block;
  padding: 3px 0px 0px 0px;
}

#promo {
  height: 307px;
  text-align: center;
  clear: both;
  width: 100%;
  margin: 24px auto 0 auto;
  overflow: hidden;
}
#promo ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
#promo li.slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 307px;
  width: 100%;
  display: none;
}
#promo li.slide.last {
  display: block;
}
#promo .wrap {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;

}
#promo img.img {
  visibility: hidden;

}

#promo li.sibtrans {
  background: url(/files/yalstudio/Design/promo/slide_sibtrans.jpg) center top no-repeat;
}
#promo li.sibtrans .tagline {
  color: #000;
  font-size: 60px;
  line-height: 52px;
  width: 600px;
  margin: 90px 0 22px 0;
}
#promo li.sibtrans .link {
  color: #000;
  font-size: 15px;
}

#promo li.logisto {
  background: url(/files/yalstudio/Design/promo/slide_logisto.jpg) center top no-repeat;
}
#promo .logisto .wrap {
  width: 930px;
}
#promo li.logisto .tagline {
  color: #fff;
  font-size: 21px;
  margin: 130px 0 0 0;
  width: 600px;
  float: left;
}
#promo li.logisto .tagline span {
  display: inline-block;
  background: #35383e;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 0 2px 0;
}

#promo li.logisto .link {
  color: #525458;
  font-size: 13px;
  display: inline-block;
  margin: 24px 0 0 0;
}

#promo li.im2 {
  font-family: 'PT Sans', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
  color: #fff;
  font-size: 14px;
  background: #455672 url(/files/yalstudio/Design/promo/slide_im2_1.jpg) center top no-repeat;
}
#promo .im2 .wrap {
  width: 913px;
}
#promo li.im2 .tagline {
  padding: 75px 0 0 0;
  margin: 0 0 0 295px;
}
#promo li.im2 .tagline .title {
  font-size: 30px;
  width: 300px;
  display: block;
  line-height: 35px;
}
#promo li.im2 .tagline ul {
  border-left: 1px solid #fff;
  margin: 38px 0 0 -27px;
  padding: 0 0 0 26px;
  list-style: none;
}
#promo li.im2 .tagline li {
  margin: 0 0 2px 0;
}
#promo li.im2 .link {
  font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
  font-size: 15px;
  color: #fff;
  float: left;
  margin: 238px 0 0 20px;
}

#promo li.yal {
  background: #12122b url(/files/yalstudio/Design/promo/slide_yal.jpg) center top no-repeat;
}

table.main-tbl{
  width: 94%;
  clear: both;
  margin:10px 3% 20px 3%;
}

td.left-col{
  vertical-align: top;
  width: 33%;
}

tr.promo td.center-col{
  vertical-align: top;
  padding: 0px 10px 0px 10px;
}

td.right-col{
  vertical-align: top;
  width: 33%;
}


div.promo-block{
  background-image: url(../files/yalstudio/Image/block-bg.gif);
  background-position: left bottom;
  background-repeat:repeat-x;
  font-size: 80%;
}

div.promo-block div.bulb-1{
  background-image: url(../files/yalstudio/Image/block-right.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
}


div.promo-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/block-left.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding: 0px 0px 0px 0px;
  height:201px;
}


td.left-col div.promo-block a.link:link,
td.left-col div.promo-block a.link:visited{
  background-image: url(../files/yalstudio/Image/raz.jpg);
  background-position: center -1px;
  background-repeat:no-repeat;
  display:block;
  padding: 138px 0px 0px 0px;
  margin: 0px auto;
  height: 17px;
  width: 237px;
   color: #505050;
   white-space: nowrap;
}


td.center-col div.promo-block a.link:link,
td.center-col div.promo-block a.link:visited{
  background-image: url(../files/yalstudio/Image/prodv.jpg);
  background-position: center -1px;
  background-repeat:no-repeat;
  display:block;
  padding: 138px 0px 0px 0px;
  margin: 0px auto;
  height: 17px;
  width: 237px;
   color: #505050;
}


td.right-col div.promo-block a.link:link,
td.right-col div.promo-block a.link:visited{
  background-image: url(../files/yalstudio/Image/graf.jpg);
  background-position: center -1px;
  background-repeat:no-repeat;
  display:block;
  padding: 138px 0px 0px 0px;
  margin: 0px auto;
  height: 17px;
  width: 237px;
   color: #505050;
}



div.promo-block div.promo-count{
  width: 235px;
  margin: 3px auto 0px auto;
}

div.promo-block span.link,
div.promo-block a.link:link,
div.promo-block a.link:visited,
span.header-link,
a.header-link:link,
a.header-link:visited{
  display: block;
  font-size: 17px;
 /* font-weight: bold;*/
  text-transform: uppercase;
  padding: 0px 0px 0px 0px;
  color: #565656;
  text-decoration: none;
}

div.promo-block a.link:hover,
a.header-link:hover{
  text-decoration: underline;
}

span.big{
  color: #ff2506;
  font-size: 150%;
}

tr.news td.left-col{
  vertical-align: top;
  padding: 25px 10px 0px 10px;
}

tr.news td.center-col{
  padding: 25px 10px 0px 10px;
    vertical-align: top;

}

tr.news td.center-col h2{
 margin-bottom: 0px;
 padding: 0px 0px 0px 25px;
}


tr.news td.right-col{
  vertical-align: top;
  padding: 25px 10px 0px 10px;
}

tr.news td.left-col h2,
tr.news td.right-col h2{
 border-bottom: 2px solid #dcdddd;
}

div.news-block{
  padding: 0px 25px 0px 25px;
}


ul.news-list{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
 /* font-size: 90%;*/
}

ul.news-list li{
 padding: 0px 0px 20px 0px;
}

h3.date{
  color:#505050;
  /*width:75px;*/
  font-size: 110%; 
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  /*background-image: url(../files/yalstudio/Image/down-arrow.gif);
  background-position: right 5px;
  background-repeat:no-repeat;*/
  text-transform: none;
}


ul.news-list a.link:link,
ul.news-list a.link:visited{
  color: #ff2506;
}

ul.news-list .link{
padding: 0px 10px 0px 0px;
}

div.anonce{
  padding: 7px 0px 0px 0px;
}


ul.news-list p{
 padding: 0px;
 margin: 0px;
}

a.all-news:link,
a.all-news:visited{
  display: block;
  background-image: url(../files/yalstudio/Image/plus.gif);
  background-position: right 4px;
  background-repeat:no-repeat;
  width: 83px;
  color:#505050;
  font-size: 90%;

}

/*
h3.date span.big{
 font-size: 170%;
 font-weight: bold;
} 
ul.service-counter{
  padding: 0px 0px 0px 2%;
  margin: 0px;
  list-style-type: none;
}

ul.service-counter li{

}

ul.service-counter li.razr-li{
  background-image: url(../files/yal/Image/razr.jpg);
  background-position: left top;
  background-repeat:no-repeat;
  padding: 50px 0px 0px 204px;
  height: 95px;
}

ul.service-counter li.prodv-li{
  background-image: url(../files/yal/Image/prodv.jpg);
  background-position: left 20px;
  background-repeat:no-repeat;
  padding: 50px 0px 0px 204px;
  height: 125px;
}

ul.service-counter span.link,
ul.service-counter a.link:link,
ul.service-counter a.link:visited{
  display: block;
  font-size: 160%;
  padding: 0px 0px 5px 0px;
}

ul.service-counter span.big{
  color: #ff2506;
  font-size: 150%;
}



ul.service-list{
  padding: 20px 0px 0px 0px;
  margin: 0px;
  list-style-type: none;
}

ul.service-list li{
  padding: 10px 0px 0px 55px;
  font-size: 115%;
  height:37px
}

ul.service-list li.li1{
  background-image: url(../files/yal/Image/1.gif);
  background-position: left center;
  background-repeat:no-repeat;
}

ul.service-list li.li2{
  background-image: url(../files/yal/Image/2.gif);
  background-position: left center;
  background-repeat:no-repeat;
}

ul.service-list li.li3{
  background-image: url(../files/yal/Image/3.gif);
  background-position: left center;
  background-repeat:no-repeat;
}

ul.service-list li.li4{
  background-image: url(../files/yal/Image/4.gif);
  background-position: left center;
  background-repeat:no-repeat;
}

ul.service-list li.li5{
  background-image: url(../files/yal/Image/5.gif);
  background-position: left center;
  background-repeat:no-repeat;
}


span.header-link,
a.header-link:link,
a.header-link:visited{
  display: block;
  font-size: 175%;
}

td.right-col .header-link {
  padding-left: 10px;
}

div.contact-block{
  height:147px;
  margin: 0px 24px 0px 0px;
  padding: 45px 0px 0px 0px;
  background-image: url(../files/yal/Image/contact-persona.jpg);
  background-position: right top;
  background-repeat:no-repeat;
  width: 260px;
}

span.contact-phone{
  display: block;
  padding: 0px 0px 12px 29px;
  background-image: url(../files/yal/Image/contact-phone.gif);
  background-position: left top;
  background-repeat:no-repeat;
}

span.contact-mail,
a.contact-mail:link,
a.contact-mail:visited{
  display: block;
  padding: 0px 0px 12px 29px;
  background-image: url(../files/yal/Image/contact-mail.gif);
  background-position: left 2px;
  background-repeat:no-repeat;
}

span.contact-icq{
  display: block;
  padding: 0px 0px 12px 29px;
  background-image: url(../files/yal/Image/contact-icq.gif);
  background-position: left top;
  background-repeat:no-repeat;
}

span.contact-quest,
a.contact-quest:link,
a.contact-quest:visited{
  display: block;
  padding: 0px 0px 10px 29px;
  background-image: url(../files/yal/Image/contact-quest.gif);
  background-position: left top;
  background-repeat:no-repeat;
}

div.contact-name{
  background-image: url(../files/yal/Image/contact-name-block.gif);
  background-position: 5px top;
  background-repeat:no-repeat;
  width: 233px;
  height:37px;
  padding: 15px 0px 0px 5px;
  color: #ffffff;
  text-align: center;
  font-size: 140%;
}

div.news-block{
  padding: 20px 3% 0px 3%;
}

div.news-block ul{
  padding: 25px 0px 0px 0px;
  margin: 0px;
  list-style-type: none;
}

div.news-block ul li{
  float: left;
  width: 30%;
}

div.news-block ul li.first{

}

div.news-block ul li.other{
  padding: 0px 0px 30px 5%;
}

div.news-list h3.date{
  color:#ff2506;
  width:80px;
  font-size: 90%;
  padding: 0px 0px 15px 10px;
  margin: 0px;
  background-image: url(../files/yal/Image/down-arrow.gif);
  background-position: right 12px;
  background-repeat:no-repeat;
}

div.news-list h3.date span.big{
  font-size: 170%;
}

*/
div.footer{
  padding: 0px 3%;
  clear: both;
  background-image: url(../files/yalstudio/Image/footer-line.gif);
  background-position: left 54px;
  background-repeat:repeat-x;
  margin:0px 0px 0px 0px;
  height: 154px;
  overflow: hidden;
}
/*
div.footer a:link,
div.footer a:visited{
   color: #505050;
}
*/
div.copyright{
 float:left;
 padding:84px 0px 30px 0px;
}

div.copyright span.red{
  color: #ff2506;
}

div.contacts{
  float: right;
  padding: 84px 0px 0px 0px;
  width: 30%;
}


body#index div.seo-block {
  width: 32%;
/*  height:90px;
  padding: 25px 0px 0px 115px;*/
  margin:0px auto;
  padding: 0px 0px 0px 0px;
  font-size: 80%;
}

body#index div.seo-block div.bulb-1{
  background-image: url(../files/yalstudio/Image/seo-bg.gif);
  background-position: left top;
  background-repeat:repeat-x;
  margin:0px 12px 0px 0px;
}


body#index div.seo-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/seo-right.gif);
  background-position: right top;
  background-repeat:no-repeat;
}


body#index div.seo-block div.bulb-3{
  height:77px;
  padding: 38px 20px 0px 115px;
  background-image: url(../files/yalstudio/Image/seo-left.gif);
  background-position: left top;
  background-repeat:no-repeat;
}

body#inner div.seo-block{
  background-image: url(../files/yalstudio/Image/inner-seo-bg.gif);
  background-position: left 8px;
  background-repeat:repeat-x;
  height: 99px;
  overflow: hidden;
  clear: block;
  border: 1px solid #ffffff;
    font-size: 80%;

}


body#inner div.seo-block div.bulb-1{
  background-image: url(../files/yalstudio/Image/inner-seo-right.gif);
  background-position: right 8px;
  background-repeat:no-repeat;
}

body#inner div.seo-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/inner-seo-left.gif);
  background-position: left top;
  background-repeat:no-repeat;
  height: 65px;
  padding: 38px 20px 0px 127px;

}



div.seo-block ul{
 padding: 0px 0px 0px 0px;
 margin: 0px;
 list-style-type: none;
}

div.seo-block ul li{
  padding: 0px 0px 3px 0px;
}

div.light-block{
  background-image: url(../files/yalstudio/Image/light-bg.gif);
  background-position: left bottom;
  background-repeat:repeat-x;
  margin: 0px 3% 0px 3%;
    font-size: 80%;

}

div.light-block div.bulb-1{
  background-image: url(../files/yalstudio/Image/light-right.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
}

div.light-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/light-left.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  overflow: hidden;
}


body.razr div.light-block div.bulb-3{
  background-image: url(../files/yalstudio/Image/light-razr.gif);
  background-position: 49px bottom;
  background-repeat:no-repeat;
}

body.prodv div.light-block div.bulb-3{
  background-image: url(../files/yalstudio/Image/light-prodv.gif);
  background-position: 31px bottom;
  background-repeat:no-repeat;
}

body.graf div.light-block div.bulb-3{
  background-image: url(../files/yalstudio/Image/light-graf.gif);
  background-position: 43px bottom;
  background-repeat:no-repeat;
}


div.light-block div.bulb-3{
 height: 121px;

}


ul.year-navigator {
  padding: 45px 0px 0px 283px;
  margin: 0px;
  list-style-type: none;
  width: 655px; 
}

ul.year-navigator li{
  display: inline-block;
  //display: inline;
  //zoom: 1;
  padding-right: 30px;
}

ul.year-navigator li.li-8{
  font-size: 330%;
}

ul.year-navigator li.li-7{
  font-size: 275%;
}

ul.year-navigator li.li-6{
  font-size: 200%;
}


ul.year-navigator li.li-5{
  font-size: 170%;
}

ul.year-navigator li.li-4{
  font-size: 140%;
}


ul.year-navigator li.li-3{
  font-size: 130%;
}

ul.year-navigator li.li-2{
  font-size: 105%;
  padding-top: 24px;
}
ul.year-navigator li.li-1{
  font-size: 95%;
  padding-top: 24px;
}

ul.year-navigator a:link,
ul.year-navigator a:visited{
  color: #909090;
  text-decoration: none;
}

ul.year-navigator span,
ul.year-navigator a:hover,
ul.year-navigator a.active:link,
ul.year-navigator a.active:visited{
   color: #ff2506;
}

div.navigator-block{
  background-image: url(../files/yalstudio/Image/navi-bg.gif);
  background-position: left bottom;
  background-repeat:repeat-x;
  margin: 1px auto 0px auto;
  width: 94%;
  max-width: 1172px;
  font-size: 90%;

}

div.navigator-block span{
  color:#ff2506;
}


div.navigator-block div.bulb-1{
  background-image: url(../files/yalstudio/Image/navi-right.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
}

div.navigator-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/navi-left.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  Padding: 13px 0px 0px 16px;
  height:27px;
}

div.navigator-block span,
div.navigator-block a:link,
div.navigator-block a:visited{
 padding: 0px 10px;
  color: #505050;
}

div.content{
  margin: 15px auto 0px auto;
  width: 94%;
  max-width: 1172px;
}

table#content{
  width: 100%;
}

table#content td.left{
  vertical-align: top;
  padding: 0px 15px 0px 0px;
}

table#content td.left div.txt-div{
  padding:0px 0px 0px 27px;
}


table#content td.right{
  vertical-align: top;
  width: 325px;
}

div.context-menu-block{
  background-image: url(../files/yalstudio/Image/context-menu-bg.gif);
  background-position: left bottom;
  background-repeat:repeat-y;
  margin: 0px 0px 30px 0px;
  width: 325px;
  border-bottom: 1px solid #ffffff;
}

div.context-menu-block div.bulb-1{
  background-image: url(../files/yalstudio/Image/context-menu-bottom.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
}

div.context-menu-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/context-menu-top.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding: 20px 22px 20px 30px;
}

ul.context-menu{
  padding: 0px ;
  margin: 0px;
  list-style-type: none;
}

ul.context-menu li{
  padding: 0px 0px 18px 0px;
}

ul.context-menu li.first{
  text-transform: uppercase;
}

ul.context-menu a:link,
ul.context-menu a:visited{
  color: #333333;
}


ul.context-menu span,
ul.context-menu a:hover,
ul.context-menu a.active:link,
ul.context-menu a.active:visited{
   color: #ff2506;

}

div.razr-block,
div.prodv-block,
div.graf-block{
  background-image: url(../files/yalstudio/Image/serv-button-bg.gif);
  background-position: left bottom;
  background-repeat:repeat-x;
  margin: 0px 0px 15px 0px;
  text-transform: uppercase;
    font-size: 80%;

}

div.razr-block div.bulb-1,
div.prodv-block div.bulb-1,
div.graf-block div.bulb-1{
  background-image: url(../files/yalstudio/Image/serv-button-right.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
}


div.razr-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/serv-button-razr.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding: 33px 11px 0px 146px;
  height:50px;
   color: #505050;
}


div.prodv-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/serv-button-prodv.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding: 33px 11px 0px 146px;
  height:50px;
}


div.graf-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/serv-button-graf.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding: 38px 11px 0px 146px;
  height: 50px;
}


div.razr-block span.folio-link,
div.razr-block a.folio-link:link,
div.razr-block a.folio-link:visited,
div.prodv-block span.folio-link,
div.prodv-block a.folio-link:link,
div.prodv-block a.folio-link:visited,
div.graf-block span.folio-link,
div.graf-block a.folio-link:link,
div.graf-block a.folio-link:visited{
  display: block;
   color: #505050;
}
/*
div.prodv-block span.folio-link,
div.prodv-block a.folio-link:link,
div.prodv-block a.folio-link:visited{
  display: block;
  background-image: url(../files/yalstudio/Image/serv-button-prodv.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding: 33px 11px 0px 146px;
  height:50px;
   color: #505050;
}

div.graf-block span.folio-link,
div.graf-block a.folio-link:link,
div.graf-block a.folio-link:visited{
  display: block;
  background-image: url(../files/yalstudio/Image/serv-button-graf.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding: 38px 11px 0px 146px;
  height: 50px;
   color: #505050;
}

*/
div.box-block{
  background-image: url(../files/yalstudio/Image/box.jpg);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding: 120px 30px 0px 0px;
  margin: 40px auto 0px auto;
  width: 178px;
  height: 141px;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 75%;
  line-height: 20px;
  text-align: center;
}

div.box-block a:link,
div.box-block a:visited{
  color: #ffffff;
}

td.right div.text-block{
  background-color: #ececec;
  background-image: url(../files/yalstudio/Image/grey-bottom.gif);
  background-position: right bottom;
  background-repeat:repeat-x;
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  border: 1px solid #ffffff;
}


td.right div.text-block div.bulb-1,
div.t-block div.bulb-2{
  background-image: url(../files/yalstudio/Design/grey-right-bottom_.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
}

td.right div.text-block div.bulb-2,
div.t-block div.bulb-3{
  background-image: url(../files/yalstudio/Design/grey-left-bottom_.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
}


td.right div.text-block div.bulb-3,
div.t-block div.bulb-4{
  background-image: url(../files/yalstudio/Image/grey-right-top.gif);
  background-position: right top;
  background-repeat:no-repeat;
}

td.right div.text-block div.bulb-4{
  background-image: url(../files/yalstudio/Image/grey-left-top.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding: 25px 30px 25px 30px;
}


td.right div.text-block h2{
   padding-top: 0px;
   margin-top: 0px;
}

body#index div.pdf-link{
  background-image: url(../files/yalstudio/Image/pdf-light.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding: 5px 0px 0px 50px;
  margin: 10px 0px 10px 0px;
  height: 39px;
  font-size: 90%;
}


body#inner div.pdf-link{
  background-image: url(../files/yalstudio/Image/pdf-mark.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding: 5px 0px 0px 55px;
  margin: 10px 0px 10px 0px;
  height: 39px;
  font-size: 90%;
}

div.pdf-link a:link,
div.pdf-link a:visited{
  color:#ee2e03;
}



div.cloud-block{
  background-image: url(../files/yalstudio/Image/cloud-arrow.gif);
  background-position: 115px top;
  background-repeat:no-repeat;
  padding: 27px 15px 0px 0px;
  
}


div.cloud-block div.bulb-1{
  background-color: #edeeee;
  background-image: url(../files/yalstudio/Image/cloud-bottom.gif);
  background-position: right bottom;
  background-repeat:repeat-x;
}

div.cloud-block div.bulb-2{
  background-image: url(../files/yalstudio/Image/cloud-left-bottom.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
}

div.cloud-block div.bulb-3{
  background-image: url(../files/yalstudio/Image/cloud-right-bottom.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
}


div.cloud-block div.bulb-4{
  background-image: url(../files/yalstudio/Image/cloud-right-top.gif);
  background-position: right top;
  background-repeat:no-repeat;
}

div.cloud-block div.bulb-5{
  background-image: url(../files/yalstudio/Image/cloud-left-top.gif);
  background-position: left top;
  background-repeat:no-repeat;
  padding: 20px 30px 20px 30px;
  color:#565656;
}


div.otzyv-header{
  padding: 0px 0px 15px 0px;
}

div.name {
  color: #ff2506;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
}

div.all-otzyv{
 margin: 15px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 border-top: 1px solid #d7d8d8;
}

div.all-otzyv a:link,
div.all-otzyv a:visited{
  background-image: url(../files/yalstudio/Image/other-otzyv.gif);
  background-position: right 4px;
  background-repeat:no-repeat;
  display: block;
  height: 15px;
  width: 102px;
   font-size: 90%;
    color: #505050;
}

/*
div.otzyv-text,
div.prezent{
 font-size: 90%;
}

*/
table.blocker{
  width: 940px;
  height: 1px;
  border: 1px solid red;
}


div#demand-form{
 width: 80%;
}

div#demand-form table{
 width: 100%;
}

div#demand-form table td{
  padding: 0px 0px 3px 0px;
  vertical-align: top;
}

div#demand-form table td.title{
  width: 200px;
}

div#demand-form table td.value input{
  width: 100%;
}

div#demand-form div.fright {
  padding: 0px 0px 0px 40px;
float: right;}


div#demand-form div.row{
  clear: both;
  padding: 0px 0px 20px 0px;
}

div#demand-form div.row textarea{
 width: 100%;
 margin: 3px 0px 0px 0px;
}

div#demand-form div.row ul{
  padding: 10px 0px 0px 0px;
  margin: 0px;
  list-style-type: none;
}


div#demand-form input.button{
  margin: 0px 0px 0px 20px;
}

div#article-list ul{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

div#article-list ul li{
  padding: 0px 0px 15px 0px;
}

div#article-list span.link,
div#article-list a.link:link,
div#article-list a.link:visited{
  font-weight: bold;
  display: block;
  padding: 0px 0px 15px 0px;
    color: #ff2506;
}

div#article-list p{
  padding: 0px;
  margin: 0px;
}

table.seologya{
  width: 100%;
}

table.seologya td{
  vertical-align: top;
}

table.seologya td.l-col,
table.seologya td.r-col{
  width: 30%;
  padding: 0px 0px 30px 0px;
}

table.seologya td.c-col{
  padding: 0px 5% 30px 5%;
}


table.seologya a.header-link:link,
table.seologya a.header-link:visited{
  font-size: 120%;
  text-transform: upprecase;
  padding: 10px 0px 15px 0px;
  color: #ff2506;
  text-decoration: underline;
  font-weigth: bold;
}

table.seologya a.header-link:hover{
  text-decoration:none;
}


div.link-list ul li{
 clear: both;
}

div.link-list ul.news-list a.link:link,
div.link-list ul.news-list a.link:visited,
div.link-list ul.news-list span.link{
  display: inline;

}


table.service-tbl{
 width: 100%;
}

table.service-tbl td{
 vertical-align: top;
}

table.service-tbl td.l-col,
table.service-tbl td.r-col {
  width: 32%;
}

table.service-tbl td.c-col {
 padding: 0px 1%;
}

div.t-block {
  background-color: #ececec; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #ffffff;
}


table.service-tbl td.l-col div.t-block {
  background-image: url(../files/yalstudio/Image/inner-razr.gif);
  background-position: center bottom;
  background-repeat:no-repeat; 

}

table.service-tbl td.c-col div.t-block {
  background-image: url(../files/yalstudio/Image/inner-prodv.gif);
  background-position: center bottom;
  background-repeat:no-repeat; 

}

table.service-tbl td.r-col div.t-block {
  background-image: url(../files/yalstudio/Image/inner-graf.gif);
  background-position: center bottom;
  background-repeat:no-repeat; 

}


div.t-block .bulb-1{
  background-image: url(../files/yalstudio/Image/grey-bottom.gif);
  background-position: right bottom;
  background-repeat:repeat-x; 
}

div.t-block div.bulb-5{
  background-image: url(../files/yalstudio/Image/grey-left-top.gif);
  background-position: left top;
  background-repeat:no-repeat;
  /*height: 190px;*/
  overflow: hidden;
}

div.t-block h2{
  text-transform: none;
  padding: 5px 0px 10px 0px;
  text-align: center;
  border-bottom: 1px solid #dddddd;
  font-size: 160%;
}

div.t-block ul{
  padding: 0px 10px 0px 20px;
  margin: 0px;
  list-style-type: none;
}


div.t-block ul li{
  background-image: url(../files/yalstudio/Image/orange-arrow.gif);
  background-position: left 3px;
  background-repeat:no-repeat;
  padding: 0px 0px 10px 12px;
}


div.spec-orange-block{
  background-color: #ff2506;
    background-image: url(../files/yalstudio/Image/orange-block-bott.gif);
  background-position: left bottom;
  background-repeat:repeat-x;
    color: #ffffff;

}

div.spec-orange-block .bulb-1{
  background-image: url(../files/yalstudio/Image/orange-left-top.gif);
  background-position: left top;
  background-repeat:no-repeat;
}

div.spec-orange-block .bulb-2{
  background-image: url(../files/yalstudio/Image/orange-right-top.gif);
  background-position: right top;
  background-repeat:no-repeat;
  padding: 20px 30px 0px 30px;
}

div.spec-orange-block .bulb-2 a:link,
div.spec-orange-block .bulb-2 a:visited{
   color: #ffffff;
}

div.spec-orange-block .bulb-3{
  background-image: url(../files/yalstudio/Image/orange-left-bottom.gif);
  background-position: left 32px;
  background-repeat:no-repeat;
}

div.spec-orange-block .bulb-4{
  background-image: url(../files/yalstudio/Image/orange-right-bottom.gif);
  background-position: right 32px;
  background-repeat:no-repeat;
  height: 60px;
  overflow: hidden;
  padding: 0px 30px 0px 30px;
  color: #ffffff;
}

div.spec-orange-block h3{
  text-transform: none;
}

a.cpec-orange-link:link,
a.cpec-orange-link:visited{
  display: inline;
  float: right;
  margin: 0px 35px 0px 0px;
  padding: 15px 15px 0px 15px;
  width: 85px;
  height: 93px;
  background-image: url(../files/yalstudio/Image/orange-cloud.gif);
  background-position: left top;
  background-repeat:no-repeat;
  color: #565656;
  text-align: center;
}

a.footer-more:link,
a.footer-more:visited{
   color: #ff2506;
   float: left;
   padding: 0px 20px 0px 0px;
  background-image: url(../files/yalstudio/Image/yal-mini.gif);
  background-position: right 3px;
  background-repeat:no-repeat;
}

div#portfolio-list ul#portfolio,
div#respond-list ul#portfolio{
  padding:0px;
  margin:0px;
  list-style-type: none;
}

div#portfolio-list ul#portfolio li{
  float: left;
  width: 210px;
  padding: 0px 10px 0px 10px;
  height: 265px;
}

div#portfolio-list ul#portfolio img{
  padding: 0px 0px 10px 0px;
  display: block;
}

div#portfolio-list ul#portfolio p{
  padding: 0px;
  margin:0px;
}


div#portfolio-list a.header:link,
div#portfolio-list a.header:visited{
  font-size: 120%;
}


div#respond-list ul#portfolio li{
  width: 100%;
  overflow: hidden;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 30px 0px;
  border-bottom: 1px solid #dfdfdf;
}

div#portfolio-list ul#portfolio img{
  padding: 0px 0px 15px 0px;
}


div#respond-list .img{
 float: left;
 padding: 0px 20px 10px 0px;

}

div#respond-list span.anonce img{
 float: right;
}

ul#projects {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
ul#projects li {
  margin: 0 0 30px 0;
}
ul#projects a {
  text-decoration: none;
  display: block;
  height: 99px;
}


div.djakudza-block{
  background-image: url(../files/yalstudio/Image/djakudza-bg.gif);
  background-position: left top;
  background-repeat:repeat-x;
}

div.djakudza-block  div.bulb-1{
  background-image: url(../files/yalstudio/Image/djakudza-right.gif);
  background-position: right top;
  background-repeat:no-repeat;
}


div.djakudza-block  div.bulb-2{
  background-image: url(../files/yalstudio/Image/djakudza-left.gif);
  background-position: left top;
  background-repeat:no-repeat;
  height: 99px;
}

div.sk-block{
  background-color: #addbf5;
  background-position: left top;
  background-repeat:repeat-x;
}

div.sk-block  div.bulb-1{
  background-image: url(../files/yalstudio/Image/sk-right.jpg);
  background-position: right top;
  background-repeat:no-repeat;
}


div.sk-block  div.bulb-2{
  background-image: url(../files/yalstudio/Image/sk-left.jpg);
  background-position: left top;
  background-repeat:no-repeat;
  height: 99px;
}



div.mif-block{
  background-color: #ebe7df;
  background-image: url(../files/yalstudio/Image/mif-right.jpg);
  background-position: right top;
  background-repeat:no-repeat;
}


div.mif-block  div.bulb-1{
  background-image: url(../files/yalstudio/Image/mif-left.jpg);
  background-position: left top;
  background-repeat:no-repeat;
  height: 99px;
}


div.mag-block{
  background-color: #0b3460;
  background-position: left top;
  background-repeat:repeat-x;
}

div.mag-block  div.bulb-1{
  background-image: url(../files/yalstudio/Image/mag-right.jpg);
  background-position: right top;
  background-repeat:no-repeat;
}


div.mag-block  div.bulb-2{
  background-image: url(../files/yalstudio/Image/mag-left.jpg);
  background-position: left top;
  background-repeat:no-repeat;
  height: 99px;
}


div.gorn-block{
  background-image: url(../files/yalstudio/Image/gorn-bg.gif);
  background-position: left top;
  background-repeat:repeat-x;
}

div.gorn-block  div.bulb-1{
  background-image: url(../files/yalstudio/Image/gorn-right.gif);
  background-position: right top;
  background-repeat:no-repeat;
}


div.gorn-block  div.bulb-2{
  background-image: url(../files/yalstudio/Image/gorn-left.gif);
  background-position: left top;
  background-repeat:no-repeat;
  height: 99px;
}


ul#seo-rubric-list{
  padding:0px;
  margin:0px;
  list-style-type: none;
}

ul#seo-rubric-list li{
  float: left;
  width: 45%;
  padding:0px 5% 8px 0px;
}

ul#seo-rubric-list a:link,
ul#seo-rubric-list a:visited{
  color: #333333;
}


ul#seo-rubric-list span.red{
  color:#ff2506;
}

div#seo-link-list{
  padding:30px 0px 0px 0px;
  margin:0px 0px 25px 0px;
  clear: both;
 /* border-bottom: 3px solid #ececec;*/
}


div.seo-link-header{
  background-image: url(../files/yalstudio/Image/grey-plank-right.gif);
  background-position: right top;
  background-repeat:no-repeat;
  background-color: #ececec;
}


div.seo-link-header div.bulb-1{
  background-image: url(../files/yalstudio/Image/grey-plank-left.gif);
  background-position: left top;
  background-repeat:no-repeat;
  height: 41px;
  overflow: hidden;
  padding:0px 30px 0px 30px;
}


div.seo-link-header h3{
  float: left;
  padding:10px 0px 0px 0px;
  margin:0px;
  text-transform: none;
  color:#333333;
  font-weight: bold;
}

div.seo-link-header span.red-counter{
  float: right;
  color:#ff2506;
  padding: 13px 0px 0px 0px;
}


div#seo-link-list ul{
  padding:15px 0px 15px 30px;
  border-bottom: 3px solid #ececec;
  margin:0px 0px 30px 0px;
  list-style-type: none;
}

div#seo-link-list ul li{
 clear: both;
 padding:0px 0px 7px 0px;
}

div#seo-link-list a:link,
div#seo-link-list a:visited{
  float: left;
  padding: 0px 5px 0px 0px;
}

div#seo-link-list p{
 padding:0px;
 margin:0px;

}

a.predv-zakaz:link,
a.predv-zakaz:visited{
  background-image: url(../files/yalstudio/Image/predv-zakaz.jpg);
  background-position: left top;
  background-repeat:no-repeat;
  float: left;
  width:246px;
  height: 31px;
  padding: 7px 0px 0px 58px;
  margin: 20px 0px 0px 0px;
  color: #ffffff;
  font-size: 90%;
}

div.map-cont{
  background-image: url(../files/yalstudio/Image/map-contact.jpg);
  background-position: left top;
  background-repeat:no-repeat;
  clear: both;
  padding: 590px 0px 0px 108px;
  width: 547px;
  height: 79px;
  font-size: 90%;
}

div.inner-promo-count{
 float: left;
 margin: 0px 0px 0px 0px;
 text-transform: none;
}

div.inner-promo-count p{
  padding:0px;
  margin:0px;
}


div.zakaz-form-content{
  background-image: url(../files/yalstudio/Image/g.gif);
  background-position: left bottom;
  background-repeat:repeat-x;
  margin: 0px 0px 20px 0px;
}
.zakaz-form-content h2 {
  margin-top: 0;
  padding-top: 0.83em;
}


div.zakaz-form-header{
  background-image: url(../files/yalstudio/Image/g.gif);
  background-position: left 10px;
  background-repeat:repeat-x;
}

div.zakaz-form-header div.bulb-1{
  background-image: url(../files/yalstudio/Image/g-right-top.gif);
  background-position: right 10px;
  background-repeat:no-repeat;
}

div.zakaz-form-header div.bulb-2{
  background-image: url(../files/yalstudio/Image/g-left-top.gif);
  background-position: left 10px;
  background-repeat:no-repeat;
  height: 23px;
  overflow: hidden;
}

div.zakaz-form-header h2{
  padding:0px 10px 0px 10px;
  margin:0px 0px 0px 19px;
  float: left;
  background-color:#ffffff; 
}

div.zakaz-form-content div.bulb-1{
  background-image: url(../files/yalstudio/Image/g.gif);
  background-position: left top;
  background-repeat:repeat-y;
  clear: both;
}


div.zakaz-form-content div.bulb-2{
  background-image: url(../files/yalstudio/Image/g.gif);
  background-position: right top;
  background-repeat:repeat-y;
}


div.zakaz-form-content div.bulb-3{
  background-image: url(../files/yalstudio/Image/g-right-bottom.gif);
  background-position: right bottom;
  background-repeat:no-repeat;
}

div.zakaz-form-content div.bulb-4{
  background-image: url(../files/yalstudio/Image/g-left-bottom.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  padding:0px 20px 20px 27px;
}



div.zakaz-txt{
  padding:30px 0px 0px 0px;
}

a.zakaz-call:link,
a.zakaz-call:visited{
  display: block;
  margin:95px 0px 100px 30px;
  text-transform: uppercase;

}

table.zakaz-form-tbl{
  margin:20px 0px 0px 0px;
}

table.zakaz-form-tbl td.title{
  width: 210px;
  padding:0px 10px 5px 0px;
  vertical-align: center;
}

table.zakaz-form-tbl td.value{
  padding:0px 0px 5px 0px;
}

table.zakaz-form-tbl td.value input{
  width: 210px;
  padding:0px 0px 0px 0px;
}

div.row{
  padding: 0px 0px 10px 0px;
}
.row span,
.row img,
.row input {
  vertical-align: middle;
}
.row input.zashita {
  margin: 0 5px 0 0;
}


div.fright{
  padding: 0px 0px 10px 0px;
}

div.fright input{
  margin:0px 10px 0px 0px;
}

div.row textarea.text-area {
  magin:0px 0px 10px 0px;
}

div.row  ul{
  padding:10px 0px 0px 0px;
  margin:0px;
  list-style-type: none;
  font-size: 90%;
}

ol#message-list{
  padding:20px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-size: 90%;
  list-style-type: none;
}

ol#message-list li{
  padding:4px 0px 30px 0px;
}

div.message-head{
  display: inline;
}


span.message-author{
  font-weight: bold;
}


span.message-date{
 font-size: 90%;
 color: #ff2506;
}

span.message-txt{
  display: block;
  margin:0px 0px 0px 35px;
  font-style: italic;
}

span.message-number{
  float: left;
  background-image: url(../files/yalstudio/Image/message-mark.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  width: 24px;
  height: 20px;
  text-align: center;
  padding: 6px 12px 0px 0px;
   font-size: 80%;
}

ul.dost{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

ul.dost li.dost-year{
  float: left;
  width: 49%;
  padding: 0px 0px 35px 0px;
}

ul.dost div.year-name{
  color: #666666;
  font-size: 140%;
  padding: 0px 0px 18px 0px;
}

ul.dost div.year-name span.big{
  font-size: 210%;
}

ul.dost ul{
  padding: 0px 25px 0px 8px;
  margin: 0px;
  list-style-type: none;
}

ul.dost ul li{
  padding: 1px 0px 18px 20px;
  margin: 0px 0px 0px -28px;
}

ul.dost ul li.goldstar{
  background-image: url(../files/yalstudio/Image/goldstar.gif);
  background-position: left top;
  background-repeat:no-repeat;
}

ul.dost ul li.greystar{
  background-image: url(../files/yalstudio/Image/darkstar.gif);
  background-position: left top;
  background-repeat:no-repeat;
}


ul.dost ul li.border{
  background-image: url(../files/yalstudio/Image/darkstar.gif);
  background-position: left 17px;
  background-repeat:no-repeat;
}

ul.dost ul li.border div.border{
   border-top: 1px dashed #dfdfdf;
   padding: 17px 0px 0px 0px;
}

ul.dost p{
  padding:0px;
  margin: 0px;
}
h2.allWorks {
  padding: 0 10px 0 0;
  margin-right: 5px;
  text-align: right;
  background: url(/files/yalstudio/Image/orange-arrow.gif) right center no-repeat;
}
h2.cases {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  padding: 0 15px 0 0;
  background: url(/files/yalstudio/Image/orange-arro-niz.gif) right center no-repeat;
}
#price {
  font-size: 90%;
  height: 39px;
  margin: 10px 0 0 0;
}

#index #price {
  padding: 5px 0 0 50px;
  background: url(/files/yalstudio/Design/icon_price_index.png) left top no-repeat;
}

#inner #price {
  padding: 5px 0 0 55px;
  background: url(/files/yalstudio/Design/icon_price_inner.png) left top no-repeat;
}
#price a {
  color: #EE2E03;
}


.req {
  color: #f00;
}

#orderCall {
  height: 72px;
  font-size: 11px;
  padding: 21px 0 0 3%;
}
#orderCall p {
  margin: 0 0 7px 0;
  width: 250px;
}
#orderCall a {
  font-size: 16px;
  color: #EE2E03;
  position: relative;
  text-decoration: none;
  border-bottom: 1px dashed;
}

#orderWrapper {
  display: none;
  overflow: visible;
  padding-bottom: 0;
}
#orderForm {
  width: 361px;
  padding: 10px 0;
  font-size: 13px;
  position: relative;
  text-align: left;
}
#orderForm h2 {
  margin-top: 0;
}
#orderForm form {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: right;
}
#orderForm ul {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
}
#orderForm .select ul {
  padding: 0;
}
#orderForm li {
  margin: 0 0 8px 0;
}

#orderForm .select li {
  margin: 0;
  white-space: nowrap;
}
#orderForm ul input {
  width: 196px;
  border: 1px solid #7f9db9;
  padding: 1px;
}
#orderForm ul select {
  width: 200px;
  height: 22px;
  line-height: 22px;
  font-family: Arial, 'Helvetica CY', sans-serif;
  margin: 0;
}
#orderForm span.title {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}
#orderForm span.value {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
}
#orderForm li.medicine span {
  vertical-align: top;
}
#orderForm li.medicine span.value {
  font-weight: bold;
}
#orderForm ul input.phoneCode {
  width: 40px;
  margin: 0 5px;
}
* html #orderForm ul input.phoneCode, * html #orderForm ul input.phone {
  vertical-align: middle;
}
#orderForm ul input.phone {
  width: 59px;
  margin: 0 0 0 5px;
}
#orderForm .cityCall {
  width: 200px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
#orderForm .select {
  float: left;
  display: block;
  margin: 0;
}
#orderForm .select ul.vars {
  left: 0;
  top: 25px;
  width: 198px;
}
#orderForm .select ul.vars li {
  width: auto;
  margin: 0;
}
#orderForm input.submitCall,
#orderForm input.cancelCall {
  width: 80px;
  height: 22px;
  color: #6e6e6e;
  font-family: Arial, 'Helvetica CY', sans-serif;
  font-size: 11px;
  text-align: center;
  background: #fff url(/files/vitamax/Design/submit_grad.gif) left bottom repeat-x;
  border: 1px solid #b6b6b6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
#orderForm input.submitCall {
  margin: 0 8px 0 0;
}
#orderForm textarea {
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 198px;
  border: 1px solid #7f9db9;
  height: 50px;
  resize: none;
}

#realtyBlock {
  position: relative;
  width: 576px;
  height: 820px;
  background: url(/files/yalstudio/Design/realty/screenshot.jpg) left top no-repeat;
  font-size: 11px;
  color: #666;
}
#realtyBlock ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 576px;
  height: 820px;
}
#realtyBlock .popup {
  position: absolute;

}
#realtyBlock .title {
  color: #f00;
  font-size: 13px;
  line-height: 15px;
}
#realtyBlock .popup p {
  margin: 4px 0 0 0;
  line-height: 14px;
}
#realtyBlock li.hover,
#realtyBlock li:hover,
#realtyBlock li:focus {
  z-index: 10;
}

#realtyBlock li.a1,
#realtyBlock li.a2,
#realtyBlock li.a3,
#realtyBlock li.a4,
#realtyBlock li.a5,
#realtyBlock li.a6,
#realtyBlock li.a7,
#realtyBlock li.a8 {
  position: absolute;
}
#realtyBlock li.a1 {
  left: 18px;
  top: 744px;
}
#realtyBlock li.a1 .area {
  width: 187px;
  height: 26px;
}
#realtyBlock li.a1.hover .area,
#realtyBlock li.a1:hover .area,
#realtyBlock li.a1:focus .area {
  background: url(/files/yalstudio/Design/realty/area1.jpg) left top no-repeat;
}
#realtyBlock li.a1 .popup {
  width: 242px;
  height: 95px;
  background: url(/files/yalstudio/Design/realty/popup1.png) left top no-repeat;
  left: -8px;
  top: -110px;
  display: none;
  padding: 15px 10px 0 20px;
}
#realtyBlock li.a1.hover .popup,
#realtyBlock li.a1:hover .popup,
#realtyBlock li.a1:focus .popup {
  display: block;
}

#realtyBlock li.a2 {
  left: 18px;
  top: 653px;
  width: 187px;
  height: 26px;
}
#realtyBlock li.a2 .s1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 363px;
  height: 88px;
}
#realtyBlock li.a2.hover .s1,
#realtyBlock li.a2:hover .s1,
#realtyBlock li.a2:focus .s1 {
  background: url(/files/yalstudio/Design/realty/area21.jpg) left top no-repeat;
}

#realtyBlock li.a2 .s2 {
  position: absolute;
  left: 363px;
  top: -174px;
  width: 173px;
  height: 284px;
}
#realtyBlock li.a2.hover .s2,
#realtyBlock li.a2:hover .s2,
#realtyBlock li.a2:focus .s2 {
  background: url(/files/yalstudio/Design/realty/area22.jpg) left top no-repeat;
}

#realtyBlock li.a2 .popup {
  width: 205px;
  height: 105px;
  background: url(/files/yalstudio/Design/realty/popup2.png) left top no-repeat;
  left: 113px;
  top: -122px;
  display: none;
  padding: 17px 25px 0 20px;
}
#realtyBlock li.a2.hover .popup,
#realtyBlock li.a2:hover .popup,
#realtyBlock li.a2:focus .popup {
  display: block;
}

#realtyBlock li.a3 {
  left: 18px;
  top: 479px;
}
#realtyBlock li.a3 .area {
  width: 358px;
  height: 166px;
}
#realtyBlock li.a3.hover .area,
#realtyBlock li.a3:hover .area,
#realtyBlock li.a3:focus .area {
  background: url(/files/yalstudio/Design/realty/area3.jpg) left top no-repeat;
}
#realtyBlock li.a3 .popup {
  width: 228px;
  height: 108px;
  background: url(/files/yalstudio/Design/realty/popup3.png) left top no-repeat;
  left: 112px;
  top: -125px;
  display: none;
  padding: 17px 10px 0 16px;
}
#realtyBlock li.a3.hover .popup,
#realtyBlock li.a3:hover .popup,
#realtyBlock li.a3:focus .popup {
  display: block;
}

#realtyBlock li.a4 {
  left: 381px;
  top: 310px;
}
#realtyBlock li.a4 .area {
  width: 173px;
  height: 162px;
}
#realtyBlock li.a4.hover .area,
#realtyBlock li.a4:hover .area,
#realtyBlock li.a4:focus .area {
  background: url(/files/yalstudio/Design/realty/area4.jpg) left top no-repeat;
}
#realtyBlock li.a4 .popup {
  width: 218px;
  height: 61px;
  background: url(/files/yalstudio/Design/realty/popup4.png) left top no-repeat;
  left: -245px;
  top: 41px;
  display: none;
  padding: 17px 10px 0 17px;
}
#realtyBlock li.a4.hover .popup,
#realtyBlock li.a4:hover .popup,
#realtyBlock li.a4:focus .popup {
  display: block;
}

#realtyBlock li.a5 {
  left: 19px;
  top: 310px;
}
#realtyBlock li.a5 .area {
  width: 175px;
  height: 142px;
}
#realtyBlock li.a5.hover .area,
#realtyBlock li.a5:hover .area,
#realtyBlock li.a5:focus .area {
  background: url(/files/yalstudio/Design/realty/area5.jpg) left top no-repeat;
}
#realtyBlock li.a5 .popup {
  width: 218px;
  height: 76px;
  background: url(/files/yalstudio/Design/realty/popup5.png) left top no-repeat;
  left: 175px;
  top: 24px;
  display: none;
  padding: 16px 10px 0 32px;
}
#realtyBlock li.a5.hover .popup,
#realtyBlock li.a5:hover .popup,
#realtyBlock li.a5:focus .popup {
  display: block;
}

#realtyBlock li.a6 {
  left: 200px;
  top: 310px;
}
#realtyBlock li.a6 .area {
  width: 175px;
  height: 142px;
}
#realtyBlock li.a6.hover .area,
#realtyBlock li.a6:hover .area,
#realtyBlock li.a6:focus .area {
  background: url(/files/yalstudio/Design/realty/area6.jpg) left top no-repeat;
}
#realtyBlock li.a6 .popup {
  width: 204px;
  height: 73px;
  background: url(/files/yalstudio/Design/realty/popup6.png) left top no-repeat;
  left: -29px;
  top: -90px;
  display: none;
  padding: 17px 10px 0 19px;
}
#realtyBlock li.a6.hover .popup,
#realtyBlock li.a6:hover .popup,
#realtyBlock li.a6:focus .popup {
  display: block;
}

#realtyBlock li.a7 {
  left: 19px;
  top: 239px;
}
#realtyBlock li.a7 .area {
  width: 356px;
  height: 65px;
}
#realtyBlock li.a7.hover .area,
#realtyBlock li.a7:hover .area,
#realtyBlock li.a7:focus .area {
  background: url(/files/yalstudio/Design/realty/area7.jpg) left top no-repeat;
}
#realtyBlock li.a7 .popup {
  width: 202px;
  height: 85px;
  background: url(/files/yalstudio/Design/realty/popup7.png) left top no-repeat;
  left: 133px;
  top: -101px;
  display: none;
  padding: 16px 10px 0 19px;
}
#realtyBlock li.a7.hover .popup,
#realtyBlock li.a7:hover .popup,
#realtyBlock li.a7:focus .popup {
  display: block;
}

#realtyBlock li.a8 {
  left: 381px;
  top: 119px;
}
#realtyBlock li.a8 .area {
  width: 174px;
  height: 184px;
}
#realtyBlock li.a8.hover .area,
#realtyBlock li.a8:hover .area,
#realtyBlock li.a8:focus .area {
  background: url(/files/yalstudio/Design/realty/area8.jpg) left top no-repeat;
}
#realtyBlock li.a8 .popup {
  width: 196px;
  height: 117px;
  background: url(/files/yalstudio/Design/realty/popup8.png) left top no-repeat;
  left: -245px;
  top: 29px;
  display: none;
  padding: 17px 31px 0 18px;
}
#realtyBlock li.a8.hover .popup,
#realtyBlock li.a8:hover .popup,
#realtyBlock li.a8:focus .popup {
  display: block;
}

#complexText {
  font-size: 14px;
}

.seo1 {

}
.seo1 .text {
  width: 50%;
  display: inline-block;
  //display:inline;

  //zoom: 1;
  vertical-align: top;
}
.seo1 .img {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: top;
  width: 49%;
  font-size: 90%;
  text-align: center;
}
.seo1 .img p {
  text-align: left;
  margin: 1em 10%;
}

.seo2 {
  width: 100%;
  overflow: hidden;
}

.seo2 .text {
  background: #ececec;
  padding: 20px 30px 15px 30px;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0 0 20px 0;
}
.seo2 .corner,
.seo3 .corner {
  position: absolute;
  display: none;
}
.seo2 .text h2,
.seo3 .text h2 {
  margin-top: 0;
}
.seo2 .img {
  float: left;
  width: 305px;
  height: 352px;
  background: url(/files/yalstudio/Design/complex/r2.jpg) left top no-repeat;
}
.seo3 .text {
  width: 40%;
  display: inline-block;
  //display:inline;
  //zoom: 1;
  vertical-align: top;
  position: relative;
  background: #ececec;
  padding: 20px 30px 15px 30px;
  margin: 105px 0 0 0;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.seo3 .img {
  width: 341px;
  height: 648px;
  position: relative;
  background: url(/files/yalstudio/Design/complex/r3.png) left top no-repeat;
  margin: 0 0 0 -75px;
  display: inline-block;
  //display:inline;
  //zoom: 1;
  vertical-align: top;
}
.seo3,
.seo4,
.seo5,
.seo6,
.seo7,
.seo8 {
  margin: 0 0 40px 0;
}

.seo3 em,
.seo4 em,
.seo9 em {
  font-style: normal;
  color: #f00;
}
.seo9 em {
  font-size: 90%;
}

.seo4 h2,
.seo5 h2,
.seo6 h2,
.seo7 h2,
.seo8 h2,
.seo9 h2 {
  color: #333;
  text-transform: none;
  font-size: 24px;
}

.seo4 ul.list {
  margin: 1em 0;
  padding: 0;
  list-style: none;

}
.seo4 li.item {
  background: url(/files/yalstudio/Design/complex/arrow_seo.gif) left 2px no-repeat;
  text-indent: 16px;
  margin: 0 0 0.75em 0;
}
.seo4 li.item ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style: square;
}
.seo4 li.item ul li {
  text-indent: 0;
}
.seo5 .border {
  margin: 150px 0 0 0;
  position: relative;
}
.seo5 .border,
.seo8 .border,
.context6 .example {
  background: url(/files/yalstudio/Design/complex/grey.gif) left top repeat-x;
}
.seo5 .bulb1,
.seo8 .bulb1,
.context6 .bulb1 {
  background: url(/files/yalstudio/Design/complex/grey3.gif) left bottom repeat-x;
}
.seo5 .bulb2,
.seo8 .bulb2,
.context6 .bulb2 {
  background: url(/files/yalstudio/Design/complex/grey.gif) left top repeat-y;
}
.seo5 .bulb3,
.seo8 .bulb3,
.context6 .bulb3 {
  background: url(/files/yalstudio/Design/complex/grey.gif) right top repeat-y;
}
.seo5 .bulb4,
.seo8 .bulb4,
.context6 .bulb4 {
  background: url(/files/yalstudio/Design/complex/corner_tl.gif) left top no-repeat;
}
.seo5 .bulb5,
.seo8 .bulb5,
.context6 .bulb5 {
  background: url(/files/yalstudio/Design/complex/corner_tr.gif) right top no-repeat;
}
.seo5 .bulb6,
.seo8 .bulb6,
.context6 .bulb6 {
  background: url(/files/yalstudio/Design/complex/corner_bl.gif) left bottom no-repeat;
}
.seo5 .bulb7,
.seo8 .bulb7,
.context6 .bulb7 {
  background: url(/files/yalstudio/Design/complex/corner_br.gif) right bottom no-repeat;
  padding: 15px 0;
}

.seo5 ul.greed,
.seo8 ul.greed {
  margin: 0;
  padding: 5px 20px;
  list-style: none;
  background: url(/files/yalstudio/Design/complex/vert_divider.gif) 48% top repeat-y;
}
.seo5 .img {
  position: absolute;
  width: 174px;
  height: 143px;
  top: -143px;
}
.seo5 .other .img {
  left: 3%;
  background: url(/files/yalstudio/Design/complex/r4.jpg) left top no-repeat;
}
.seo5 .we .img {
  right: 4%;
  background: url(/files/yalstudio/Design/complex/r5.jpg) left top no-repeat;
}

.seo5 .col,
.seo8 .col {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  width: 44.5%;
  padding: 0 5% 0 0;
  vertical-align: top;
  word-spacing: normal;
}
.seo5 .border h3,
.seo8 .border h3 {
  color: #333;
  font-size: 18px;
  margin: 0 0 4px 0;
}
.seo5 .col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.seo5 li.other ul li {
  background: url(/files/yalstudio/Design/complex/seo_bullet_grey.gif) left 3px no-repeat;
  text-indent: 15px;
}
.seo5 li.we ul li {
  background: url(/files/yalstudio/Design/complex/seo_bullet_red.gif) left 3px no-repeat;
  text-indent: 20px;
}
.seo5 .col li {
  margin: 0 0 0.5em 0;
}

#anket {
  margin-top: 50px;
}

#anket div.item {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

#anket div.item .question {
  font-weight: bold;
  font-size: 110%;
}

#anket div.item .answer ul {
  list-style: none;
  padding: 0px;
  margin: 5px 0px 0px 5px;
}

#anket div.item .text-input {
  width: 500px;
}

#anket div.item .otherAnswer {
  width: 200px;
  margin-left: 10px;
}

#anket div.item .text-memo {
  width: 500px;
  height: 200px;
}

#anket div.item table {
  width: 100%;
}

#anket div.item table td{
  padding: 5px 0px;
}

#anket div.item table td.left {
  text-align: left;
}

#anket div.item table td.right {
  text-align: right;
}

#anket div.item table td.value {
  text-align: center;
}

#anket div.item table td.caption {
  width: 150px;
}

#anket .warning {
  color: #FF2506;
}

/*Недвижимость*/
ul.folioList {
  margin: 1em 0 1em 0;
  padding: 0;
  list-style: none;
  word-spacing: -0.25em;
  font-size: 90%;
  color: #000;
}
ul.folioList li {
  width: 265px;
  padding: 0 50px 0 0;
  margin: 0 20px 0 0;
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: top;
  word-spacing: normal;
}
#corpText ul.folioList li,
#busCardText ul.folioList li,
#inetShopText ul.folioList li {
  width: 33%;
  padding: 0;
  margin: 0;
}

ul.folioList .shot {
  margin: 0 0 0.69em -6px;
}
ul.folioList a img {
  border: 0;
}

ul.folioList .caption {
  font-size: 108%;
  font-weight: bold;
}
ul.folioList .descr p {
  margin: 0.62em 0 1em 0;
}
a.toFullList {
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 1.5em 0;
  padding: 0 19px 0 0;
  background: url(data:image/gif;base64,R0lGODlhDwAIAIABAP8AAP///yH5BAEAAAEALAAAAAAPAAgAAAIXRI5hqbDo3omSMgtjdsniqTWS2DGTWQAAOw==) right center no-repeat;
  //background: url(/files/yalstudio/Design/arrow_toFullList.gif) right center no-repeat;
}

ul.recommend {
  margin: 1em 0 3em 0;
  padding: 0;
  list-style: none;
}
ul.recommend li {
  width: 100%;
  overflow: hidden;
  margin: 0 0 2em 0;
}
ul.recommend .photo {
  float: left;
  width: 150px;
}
ul.recommend .photo img {
  border: 1px solid #e0e0e0;
}
ul.recommend .text {
  font-size: 90%;
  margin: 0 0 0 168px;
}
ul.recommend h3 {
  margin: 0 0 0 0;
  text-transform: none;
  font-weight: bold;
  font-size: 108%;
}
ul.recommend .text p {
  margin: 0;
  padding: 1em 0 0 0;
}
ul.recommend .addon {
  display: none;
}
ul.recommend .toggler {
  font-style: italic;
  height: 2em;
  margin: 1em 0 0 0;
}
ul.recommend .toggler a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dashed;
  display: inline-block;
}
ul.recommend .toggler .closer {
  display: none;
}

/*Контекст*/
#contexText .corner {
  position: absolute;
}

.context1 .text {
  width: 50%;
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: bottom;
}
.context1 .text p.intro {
  font-weight: bold;
  font-size: 110%;
}
.context1 .text h2,
.context4 h2 {
  text-transform: none;
  font-size: 167%;
  margin: 0.84em 0 0 0;
}
.context1 .text ul {
  margin: 0.28em 0 1em 0;
  padding: 0;
  list-style: none;
}
.context1 .text li {
  background: url(/files/yalstudio/Design/complex/arrow_seo.gif) left 2px no-repeat;
  margin: 0 0 0.25em 0;
  text-indent: 16px;
}

.context1 .img {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: bottom;
  width: 49%;
  font-size: 90%;
  text-align: center;
}
.context1 .img p {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  text-align: left;
  margin: 0 0 2em 20px;
}

.context2 {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px 0;
  //margin: -3px 0 20px 0;
}

.context2 .img {
  float: left;
  width: 40%;
  height: 655px;
  background: url(/files/yalstudio/Design/context/razh2.jpg) center top no-repeat;
  margin: 15px 60px 0 0;
}
.context2 .text {
  overflow: hidden;
  position: relative;
  background: #ececec;
  padding: 15px 30px 7px 30px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  //zoom: 1;
}
.context2 .text h2,
.context3 .text h2 {
  margin: 0 0 0.7em 0;
}
.context2 .text ul,
.context3 .text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.context2 .text li {
  margin: 0 0 0.56em 0;
  background: url(/files/yalstudio/Design/complex/seo_bullet_grey.gif) left 3px no-repeat;
  text-indent: 15px;
}

.context3 {
  padding: 0 303px 0 0;
  background: url(/files/yalstudio/Design/context/razh3.jpg) right bottom no-repeat;
  min-height: 596px;
  height: auto !important;
  height: 596px;
}
.context3 .text {
  background: #ececec;
  padding: 15px 30px 7px 30px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0 0 2.25em 0;
}
.context3 .text li {
  margin: 0 0 0.56em 0;
  background: url(/files/yalstudio/Design/complex/seo_bullet_red.gif) left 3px no-repeat;

}
.context3 .text em {
  font-style: normal;
  display: block;
  color: #f00;
  text-indent: 20px;
}

.context4 {
  margin: 0 0 2em 0;
}
.context4 ol {
  font-size: 125%;
  margin: 0.83em 0 0 0;
  padding: 0;
  list-style-position: inside;
}
.context4 ol li {
  margin: 0 0 0.15em 0;
}
.context4 ol p {
  font-size: 80%;
  display: inline;
}

.context5 h2 {
  margin: 0 0 -0.25em 0;
  font-size: 167%;
  text-transform: none;
}
.context5 h2 img {
  margin: 0 0 0 6px;
  vertical-align: middle;
}

.context6 {
  word-spacing: -0.3em;
}
.context6 div {
  word-spacing: normal;
}

.context6 h2 {
  margin: 0 0 0 0;
  font-size: 167%;
  text-transform: none;
}
.context6 .text1 {
  width: 50%;
  position: relative;
  margin: 0 0 40px 0;
  min-height: 315px;
  height: auto !important;
  height: 315px;
}
.context6 .text1 .bulbText {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.context6 .img {
  width: 300px;
  margin: -310px 0 0 0;
  float: right;
  vertical-align: bottom;
  word-spacing: normal;
  background: url(/files/yalstudio/Design/context/razh4.jpg) right bottom no-repeat;
  height: 341px;
  position: relative;
  z-index: 15;
}
.context6 .example {
  margin: -31px 0 2.35em 0;
  width: 100%;
}
.context6 .bulb7 {
  padding: 1.85em 15px 1em 15px;
}
.context6 .example img {
  display: block;
  margin: 0 0 2em 0;
}

/*Аудит*/
#auditText h2,
#portalText h2,
#corpText h2,
#busCardText h2,
#inetShopText h2 {
  text-transform: none;
  font-size: 24px;
  color: #333;
  margin: 1.5em 0 0.6em 0;
}

.audit1 {
  font-weight: bold;
  font-size: 110%;
  margin: 0 0 35px 0;
}
.audit1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.audit1 li:before {
  content: "\2014\A0";
}
* html .audit1 li {
  z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = "&mdash;&nbsp;" + this.innerHTML)
}
*+html .audit1 li {
  z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = "&mdash;&nbsp;" + this.innerHTML)
}
.audit1 p {
  color: #ff2506;
}

.audit2 {
  padding: 20px 0 0 0;
  background: url(/files/yalstudio/Design/audit/kray1.jpg) left bottom no-repeat;
  min-height: 365px;
  height: auto !important;
  height: 365px;
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
}
.audit2 .name {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 14px;
  font-style: italic;
  margin: 0;
}
.audit2 .name span {
  display: block;
}
.audit2 .text1 {
  background: #ececec;
  padding: 15px;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-style: italic;
  //zoom: 1;
  margin: 0 0 0 50%;
}
.audit2 .text2 {
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  background: rgba(255,255,255,0.5);
}
#auditText .audit2 .text2 h2,
.audit2 .text2 p {
  margin-left: 15px;
}
#auditText .audit2 .text2 h2 {
  margin-top: 0.5em;
}

.audit3 {
  padding: 0 50% 0 0;
  margin: 0 0 30px 0;
  background: url(/files/yalstudio/Design/audit/kray2.jpg) 95% top no-repeat;
  min-height: 402px;
  height: auto !important;
  height: 402px;
  width: 50%;
}
.audit3 .text1 {
  background: #ececec;
  padding: 15px;
  position: relative;
  overflow: hidden;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0 0 0 -15px;
  //zoom: 1;
}
.audit3 .text1 p {
  margin: 0 0 1em 0;
}
.audit3 .text1 p:last-child {
  margin: 0;
}
.audit3 .text1 strong {
  color: #ff4025;
}
.audit4 {
  height: 28px;
  font-weight: bold;
  background: url(/files/yalstudio/Design/audit/icon_result.gif) left top no-repeat;
  padding: 3px 0 0 45px;
  margin: 1.5em 0 0 0;
}
.audit5 {
  padding: 0 0 0 15px;
  margin: 1em 0;
  background: url(/files/yalstudio/Design/audit/dashed_vert.gif) left top repeat-y;
}
.audit6,
.portal4,
.corp3,
.inetShop3 {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
.audit6 li {
  text-indent: 16px;
  background: url(/files/yalstudio/Design/complex/arrow_seo.gif) left 2px no-repeat;
  margin: 0 0 0.56em 0;
}

/*Портал*/
.portal1 {
  font-weight: bold;
  font-size: 110%;
}
.portal2 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.portal2 .img {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: bottom;
  word-spacing: normal;
  width: 56%;
  text-align: center;
  position: relative;
  height: 500px;
  z-index: 5;
}
.portal2 .img img {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -225px;
  z-index: 2;
}

.portal2 .name {
  font-style: italic;
  text-align: left;
  position: absolute;
  right: 20px;
  top: 116px;
  z-index: 4;
}
.portal2 .name span {
  display: block;
}
.portal2 .portal3 {
  overflow: hidden;
  padding: 30px 0 0 0;
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: bottom;
  word-spacing: normal;
  width: 43%;
  min-width: 200px;
  position: relative;
  z-index: 10;
  background: #fff;
  background: rgba(255,255,255,0.5);
}

.portal3,
.corp2 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.portal3 li {
  padding: 0 0 0 30px;
  margin: 0 0 2.6em 0;
  background-image: url(/files/yalstudio/Design/portal/hand.gif);
  background-repeat: no-repeat;
}
.corp2 li {
  padding: 0 0 0 30px;
  margin: 0 0 1em 0;
  background-image: url(/files/yalstudio/Design/portal/hand.gif);
  background-repeat: no-repeat;
  min-height: 42px;
}
.portal3 li.i1,
.corp2 li.i1 {
  background-position: -40px 0;
}
.portal3 li.i2,
.corp2 li.i2 {
  background-position: -20px -40px;
}
.portal3 li.i3,
.corp2 li.i3 {
  background-position: 0 -81px;
}
.portal3 .title {
  font-size: 167%;
}
.portal4 li,
.corp3 li,
.inetShop3 li {
  padding-left: 16px;
  background: url(/files/yalstudio/Design/complex/arrow_seo.gif) left 2px no-repeat;
  margin: 0 0 1.32em 0;
}

.corp1 {
  width: 100%;
  position: relative;
  word-spacing: -0.3em;
}
.corp1 .img {
  width: 54%;
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: bottom;
  word-spacing: normal;
  height: 490px;
  background: url(/files/yalstudio/Design/corporate/leo1.jpg) center bottom no-repeat;
  margin: 25px 0 0 0;
  position: relative;
}
.corp1 .text {
  width: 45%;
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: bottom;
  word-spacing: normal;

}
.corp1 .name {
  position: absolute;
  left: 0;
  top: -50px;
  width: 100%;
  text-align: center;
  margin: 0;
  font-style: italic;
}
.corp1 .name span {
  display: block;
}


ul.jobs {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.jobs li {
  background: url(/files/yalstudio/Design/complex/arrow_seo.gif) left 2px no-repeat;
  padding: 0 0 0 16px;
  margin: 0 0 0.75em 0;
}
ul.trainee {
  margin: 2em 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  width: 650px;
}
ul.trainee li {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: top;
  word-spacing: normal;
  width: 168px;
  height: 168px;
  margin: 0 35px 35px 0;
  border: 1px solid #e0e0e0;
  position: relative;
}
ul.trainee a {
  display: block;
  text-decoration: none;
}
ul.trainee span.title {
  width: 170px;
  position: absolute;
  bottom: -1px;
  left: -1px;
  color: #fff;
  background: url(/files/yalstudio/Design/trainee_bg.png) left top repeat;
  display: block;
}

ul.trainee span.wrap {
  padding: 3px 10px 3px 40px;
  display: block;
  width: 120px;
  background: url(/files/yalstudio/Design/trainee_star.png) 7px center no-repeat;
  text-align: left;
}

ul.trainee span.post {
  display: block;
  font-size: 12px;
}
img.trPhoto {
  float: left;
  margin: 0 25px 0 0;
}
.trText {
  overflow: hidden;
  //zoom: 1;
}
.trText p {
  margin: 0 0 1em 0;
}
.trText .result {
  font-style: italic;
}
.trText .result h2 {
  text-transform: none;
  font-style: normal;
}

ul#vacancyList {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
ul#vacancyList li {
  margin: 0 0 1em 0;
}
ul#vacancyList li li {
  margin: 0;
}
ul#vacancyList .title {
  text-decoration: none;
  border-bottom: 1px dashed;
  font-size: 125%;
}
ul#vacancyList .content {
  display: none;
  width: 100%;
  overflow: hidden;
}
ul#vacancyList .content p,
ul#vacancyList .content ul {
  margin-top: 0;
  margin-bottom: 1em;
}

#gallery-list ul {
  margin: 1em 0;
  padding: 0;
  list-style: none;
  word-spacing: -0.3em;
}
#gallery-list li {
  display: inline-block;
  //display: inline;
  //zoom: 1;
  vertical-align: top;
  word-spacing: normal;
  width: 29%;
  margin: 0 0 30px 0;
  padding: 0 4% 0 0;
}

ul.photoList {
  margin: 2em 0;
  padding: 0;
  list-style: none;
}
ul.photoList li {
  float: left;
  margin: 0 20px 20px 0;
}

#busCardText .intro {
  font-weight: bold;
  font-size: 110%;
}
.busCard1 {
  background: url(/files/yalstudio/Design/buscard/leo1.jpg) 30% bottom no-repeat;
  height: 500px;
  position: relative;
  width: 100%;
}
#busCardText .name {
  font-style: italic;
  position: absolute;
  left: 75%;
  text-align: left;
  top: 30px;
  z-index: 4;
}
#busCardText .name span {
  display: block;
}
.busCard1 .text {
  position: absolute;
  left: 0;
  bottom: 2em;
  width: 35%;
}
.busCard1 .text p {
  margin: 1em 0;
  width: 100%;
}
.busCard2,
.inetShop2 {
  background: #ECECEC;
  border-radius: 20px 20px 20px 20px;
  overflow: hidden;
  padding: 5px 15px;
  margin: 0 0 2em 0;
  //zoom: 1;
}

.inetShop1 {
  background: url(/files/yalstudio/Design/inetshop/leo1.jpg) 30px bottom no-repeat;
  height: 540px;
  position: relative;
  padding: 0 5% 2em 50%;
  margin: 0 0 2em 0;
}
.inetShop1 .intro {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 0 -15px;
}
.inetShop1 .name {
  position: absolute;
  left: 23%;
  top: 60px;
  margin: 0 0 0 15px;
  font-style: italic;
  font-size: 12px;
}
.inetShop1 .name span {
  display: block;
}
.inetShop4 {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
.inetShop4 li {
  margin: 0 0 .75em 0;
}
.inetShop4 a {
  color: #333;
}

.catalog-scroller {
  margin: 1em 0;
}

.zakaz-form {
  margin: 2em 0 0 0;
}

.Caption_Catalog_Item {
  font-weight: bold;
  color: #000000;
  font-size: 16px;
}

.itemImg {
  width: 220px; 
}

.itemInfo {
  padding-left:210px; 
  margin-bottom:20px;
  min-height: 165px;
  padding-bottom:10px;
  border-bottom: 2px solid grey;
}

#goods-list hr {
  color: #ececec;
}

#goods-list {
  width: 96%;
}

.itemImg img {
  float:left;
}

