html,
div,
ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: Verdana, sans-serif;
text-align: left;
color: #3d3d3d;
font-size: 13px;
margin: 0;
padding: 0;
min-width: 1000px;
background: #fff;
}
img {border: 0 solid }
A IMG {border: none;}
a {
color: #4abf2a;
}
a:hover {
text-decoration: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
text-align: left;
font-size: 13px;
}
table td {
padding: 0;
}
*html #wrapper {
width:expression(document.body.clientWidth < 1005? "1000px": "auto");
}
.wrapper {
float: left;
width: 100%;
}
.paddleft {
padding-left: 3%;
}
#center .wrapper {
background: url(i/bgcenter_normal.jpg) no-repeat 100% 0;
/* background: url(i/bgcenter.jpg) no-repeat 100% 0;
background: url(i/bgcenter_index.jpg) no-repeat 100% 16px;*/
}
#inner #center .wrapper,
#catalog #center .wrapper,
#mutants #center .wrapper {
background: none;
background: url(i/bgcenter_normal.jpg) no-repeat 100% 0;
}
#catalog #center .wrapper{
background: none;
}
.content {
margin: 0 25% 0 28%;
}
#center .content {
margin: 0 0 0 28%;
overflow: hidden;
_height: 0;
padding-bottom: 25px;
}
#inner #center .content,
#catalog #center .content,
#mutants #center .content {
margin: 0 290px 0 16px;
min-height: 300px;
}
#catalog #center .content {
margin-left: 0px;
}
#mutants #center .content {
margin-left: 0px;
overflow: visible;
}
#inner #center .content {
margin-right: 32%;
}
#inner #center .contentcatalog,
#catalog #center .contentcatalog {
margin: -40px 0 0 0;
background: url(i/bgcenter_normal.jpg) no-repeat 100% 0px;
position: relative;
}
#catalog #center .contentcatalog {
margin: -31px 0 0 0;
}
#mutants #center .contentcatalog {
margin: 0 0 0 0;
background: url(i/bgcenter.jpg) no-repeat 100% 0;
}
.contentnew {
margin: 0 0 0 0;
background: url(i/des.jpg) no-repeat 0 1px;
height: 341px;
float: left;
width: 380px;
}
.left {
float: left;
width: 28%;
margin-left: -100%;
}
.right {
float: left;
width: 25%;
margin-left: -25%;
_margin-left: -25.1%;
}
#inner #center .right,
#catalog #center .right,
#mutants #center .right {
width: 300px;
margin-left: -300px;
padding-bottom: 40px;
background: url(i/bgcenter.jpg) no-repeat 100% 8px;
min-height: 550px;
_height: 637px;
}
#inner #center .right {
background: url(i/bgcenter.jpg) no-repeat 100% 0;
}
@media all and(min-width: 0) {
#inner #center .right,
#catalog #center .right,
#mutants #center .right {
min-height: 592px;
}
}
#mutants #center .right {
background: url(i/bgcentermut.jpg) no-repeat 100% 0;
padding-top: 1px;
}
#catalog #center .right {
background: url(i/bgcenter_normal.jpg) no-repeat 100% 8px;
margin-top: -40px;
position: relative;
}
#mutants #center .right {
margin-top: 0px;
/*position: relative;*/
}
#center .contentright {
margin-left: 380px;
overfow: hidden;
height: 341px;
}
#inner #center .rightcatalog,
#catalog #center .rightcatalog,
#mutants #center .rightcatalog {
overflow: hidden;
_height: 0;
_width: 100%;
}
#center .contentright p a {
font-size: 11px;
}
/*head*/
#head {
height: 149px;
background: none;
background: url(i/bghead.jpg) no-repeat 100% 100%;
}
#inner #head,
#catalog #head {
background: url(i/bghead.jpg) no-repeat 100% 100%;
}
#mutants #head {
background: url(i/bgheadmut.gif) no-repeat 100% 100%;
}
#head .content {
padding: 43px 0 0 0;
overflow: hidden;
_height: 0;
margin-right: 300px;
}
/*lang*/
.lang {
font-size: 11px;
color: #666;
margin-bottom: 16px;
}
.lang span {
color: #f12424;
}
.lang a {
color: #666;
}
/*menu*/
#menu {
width: 100%;
font-size: 18px;
color: #e20505;
}
#menu td.tdmenu1 {
width: 105px;
}
#menu td.tdmenu2 {
width: 62px;
}
#menu td.tdmenu3 {
width: 52px;
}
#menu td.tdmenu4 {
width: 80px;
}
#menu a {
color: #000;
}
#menu a:hover {
color: #e20505;
}
#head .left {
padding: 39px 0 0 0;
}
#head .left img {
float: left;
margin-left: 16px;
}
#head .right {
padding: 25px 0 0 0;
font-size: 11px;
text-align: right;
overflow: hidden;
width: 260px;
margin-left: -260px;
}
#head .right p {
padding-bottom: 10px;
padding-right: 52px;
}
#head .right a {
color: #666;
margin-right: 10px;
}
#head .right span {
color: #4abf2a;
margin-right: 10px;
background: url(i/bgspan.gif) no-repeat 50% 100%;
padding-bottom: 11px;
/*position: relative;*/
z-index: 1000;
}
.phone {
float: right;
font-size: 18px;
background: url(i/bgphone.gif) no-repeat 0 0;
width: 207px;
height: 53px;
text-align: center;
margin-right: 52px;
.margin-right: 45px;
_margin-right: 25px;
//position: relative;
z-index: 100;
//z-index: -1;
}
#head .phone p {
padding: 18px 0 0 0;
}
#head .phone span {
margin: 0;
color: #2b2b2b;
font-size: 13px;
background: none;
}
#head .phone a {
font-size: 11px;
color: #4ABF2A;
}
/*center*/
#center {
padding: 0 0 22px 0;
overflow: hidden;
_height: 0;
margin-top: 18px;
}
#catalog #center,
#mutants #center {
overflow: visible;
margin-top: 0;
}
#inner #center {
margin-top: 0;
}
#inner #center .content p,
#catalog #center .content p,
#mutants #center .content p {
margin-bottom: 18px;
line-height: 18px;
}
#mutants #center .content p {
margin-right: 100px;
padding-left: 14px;
}
#inner #center .content h2,
#catalog #center .content h2,
#mutants #center .content h2 {
margin: 42px 0 20px 0;
}
/*submenu*/
.submenu {
list-style: none;
margin: 0 0 0 0;
padding-bottom: 1px;
color: #797979;
}
.submenu li {
margin-bottom: 14px;
font-size: 13px;
padding: 3px 0 5px 12px;
margin-left: 4px;
margin-bottom: 10px;
}
.submenu li.s {
background: url(i/bglis.gif) no-repeat 0 0;
color: #fff;
}
.submenu li.s a {
color: #fff;
text-decoration: none;
display: block;
}
.submenu td.s {
background: url(i/bglis_in.gif) no-repeat 0 0;
color: #fff;
}
.submenu a {
font-size: 13px;
}
.submenu span {
margin-left: 5px;
font-size: 9px;
}
#inner .submenu,
#catalog .submenu,
#mutants .submenu {
margin: 0 0 0 5px;
width: 78%;
_width: 80%;
overfow: hidden;
clear: both;
position: relative;
z-index: 1000;
}
#catalog .submenu,
#mutants .submenu {
margin: 30px 0 0 5px;
}
#inner .submenu table,
#catalog .submenu table,
#mutants .submenu table {
width: 100%;
}
#inner .submenu td,
#catalog .submenu td,
#mutants .submenu td {
width: 188px;
font-size: 13px;
padding: 3px 0 11px 10px;
white-space: nowrap;
color: #797979;
}
#inner .submenu a,
#catalog .submenu a,
#mutants .submenu a {
white-space: nowrap;
}
#inner .submenu td.s,
#catalog .submenu td.s,
#mutants .submenu td.s {
color: #fff;
}
.linkcontacts {
float: right;
margin: 0 31px 0 0;
}
#inner .linkcontacts,
#catalog .linkcontacts,
#mutants .linkcontacts {
margin: 10px 32px 26px 0;
}
#inner .linkcontacts,
#catalog .contentcatalog .linkcontacts,
#mutants .linkcontacts {
margin: 0 32px 36px 0;
}
.newwork {
margin-bottom: 30px;
padding-right: 13%;
height: 185px;
overflow: hidden;
}
#inner .right .newwork {
padding-right: 0;
}
#inner .newwork,
#catalog .newwork,
#mutants .newwork {
_height: 0;
min-height: 185px;
overflow: visible;
margin: 0 30px 0 35px;
}
.newwork img {
margin-bottom: 10px;
}
.newwork p {
margin-bottom: 5px;
}
.newwork .headline {
margin-bottom: 14px;
}
.newwork .headline span {
font-size: 11px;
}
h1 {
font-size: 20px;
line-height: 20px;
color: #e20505;
font-weight: normal;
margin-bottom: 10px;
}
.project h1 {
line-height: 28px;
}
h1 span {
color: #7b7b7b;
margin-left: 10px;
font-size: 18px;
line-height: 18px;
}
h1 .news_ {
color: #e20505;
text-decoration: none;
}
h1 .news_:hover,
h1 a.year:hover {
color: #4ABF2A;
}
h1 a.year {
color: #7b7b7b;
text-decoration: none;
}
#mutants #center .content h1 {
padding-left: 14px;
}
.forms h1 {
font-size: 18px;
}
#inner h1,
#catalog h1,
#mutants h1 {
margin: 5px 0 17px 0;
}
h2 {
font-size: 13px;
color: #f12424;
font-weight: normal;
}
.slogan {
margin: -125px 0 0 341px;
_margin: -125px 0 0 170px;
float: left;
background: url(i/bgslogan.jpg) no-repeat 0 0;
width: 339px;
height: 107px;
}
.slogan a {
font-size: 24px;
font-family: Verdana;
font-weight: normal;
text-decoration: none;
display: block;
color: #fff;
padding: 19px 0 0 0;
}
/*work*/
.tabwork {
width: 95%;
margin-left: 30px;
margin-top: -9px;
}
.tabwork img {
margin-bottom: 20px;
}
.tabwork td {
/*width: 5%;*/
vertical-align: top;
}
#inner .wrapwork,
#catalog .wrapwork,
#mutants .wrapwork {
/*overflow: hidden;
height: 230px;
_height: 240px;*/
clear: both;
border-top: 1px solid #d1d1d1;
margin: 9px 0 0 -35px;
padding: 8px 0 0 0;
}
#catalog .wrapwork {
margin-top: 6px;
}
#inner .wrapwork .headline,
#catalog .wrapwork .headline,
#mutants .wrapwork .headline {
font-size: 11px;
line-height: 11px;
color: #8d8d8d;
padding-left: 46px;
margin-bottom: 10px;
color: #8D8D8D;
}
#inner .wrapwork .headline b,
#catalog .wrapwork .headline b,
#mutants .wrapwork .headline b {
font-weight: normal;
color: #F12424;
margin-left: 5px;
}
#inner .wrapwork .headline a,
#catalog .wrapwork .headline a,
#mutants .wrapwork .headline a,
.details {
/*background: url(i/bga.gif) no-repeat 100% 7px;
padding-right: 15px;*/
margin: 0 5px 0 5px;
}
.work {
height: 240px;
float: left;
margin-left: 40px;
//margin-left: 10px;
//margin-right: 10px;
width: 195px;
margin-bottom: 20px;
}
.work p {
padding-left: 10px;
}
/*blocktree*/
.blocktree {
background: url(i/bgtree.gif) no-repeat 0 0;
width: 270px;
height: 180px;
margin-bottom: 33px;
}
.blocktree a {
color: #f12424;
font-size: 11px;
float: left;
margin: 75px 0 0 130px;
padding-left: 39px;
}
.blocktree a.link_white {
color: #fff;
margin-top: 48px;
margin-left: 103px;
padding-left: 0;
}
#catalog .blocktree,
#inner .blocktree,
#mutants .blocktree {
background: url(i/bgtree_in.gif) no-repeat 100% 0;
width: 300px;
margin-top: -5px;
}
#catalog .blocktree a,
#inner .blocktree a,
#mutants .blocktree a {
margin-left: 37px;
margin-top: 80px;
padding-left: 0;
padding: 0 40px 0 30px;
width: 100px;
_width: 170px;
}
/*news*/
.news {
padding: 0 55px 0 15px;
}
#inner .news {
padding: 0;
overflow: hidden;
_height: 0;
margin-bottom: 30px;
}
.news p {
font-size: 11px;
color: #535353;
margin-bottom: 15px;
}
#inner .news p {
font-size: 12px;
display: inline;
}
.news .linkdate {
color: #535353;
}
.news .linkdate span {
color: #f12424;
text-decoration: underline;
}
.news .linkdate:hover span {
text-decoration: none;
}
.news .headline span {
font-size: 11px;
}
.news .headline {
margin-bottom: 14px;
}
.news .link_all a,
.newwork .link_all a {
color: #4ABF2A;
font-size: 11px;
}
.news .link_all a {
color: #F12424;
font-size: 11px;
}
.news .date {
display: block;
font-size: 11px;
color: #7c8078;
margin-bottom: 1px;
}
#inner .news a {
color: #44a52a;
}
#inner #center .content .news p.plink {
display: block;
margin: 0 0 3px 0;
}
.plink span {
margin-left: 5px;
font-size: 11px;
color: #7c7c7c;
}
/*menu inner*/
.menu {
clear: both;
background: url(i/bg.gif) repeat-y 100% 0;
margin: 0 52px 45px 0;
position: relative;
overflow: hidden;
_height: 0;
}
#mutants .menu {
background: url(i/bggrey.gif) repeat-y 100% 0;
}
.bgmenu {
background: url(i/bg.gif) #fff repeat-y 0 0;
margin-left: 10px;
margin-right: 1px;
}
#mutants .bgmenu {
background: url(i/bggrey.gif) #fff repeat-y 0 0;
}
.menutop {
height: 11px;
background: url(i/bg.gif) repeat-x 0 0;
margin: 0 -1px 11px -10px;
}
#mutants .menutop {
background: url(i/bggrey.gif) repeat-x 0 0;
margin-bottom: 0;
}
.menubot {
background: url(i/bg.gif) repeat-x 0 100%;
height: 4px;
margin: 0 -1px 0 0px;
clear: both;
}
#mutants .menubot {
background: url(i/bggrey.gif) repeat-x 0 100%;
}
.menu ul {
list-style: none;
margin: 0 10px 30px 22px;
}
#mutants .mutcenter {
background: url(i/bgmenu_ul.gif) no-repeat 100% 0;
padding-top: 11px;
margin-top: 0px;
margin-right: -1px;
overflow: hidden;
_height: 0;
}
.menu ul li {
margin-bottom: 2px;
line-height: 22px;
color: #e20505;
}
.menu h2,
#catalog #center .content .menu h2,
#mutants #center .content .menu h2 {
margin: 0 0 15px 22px;
font-weight: bold;
}
.menu a:hover {
/*color: #e20505;*/
}
.menu .menucatalog {
margin-bottom: 40px;
font-size: 11px;
color: #808080;
min-height: 100px;
_height: 100px;
}
.menu .menucatalog li {
line-height: 12px;
margin-bottom: 6px;
}
.menu .menucatalog li.s {
color: #ec0404;
}
.menu .menucatalog a {
color: #535353;
font-size: 11px;
}
.menu .menucatalog a:hover {
/*color: #ec0404;*/
}
.menucatalog span {
font-size: 9px;
margin-left: 5px;
color: #808080;
}
.content ul {
list-style: none;
font-size: 11px;
color: #404040;
margin-bottom: 35px;
}
.content ul li {
background: url(i/marker.gif) no-repeat 0 5px;
padding-left: 15px;
margin-bottom: 7px;
width: 100%;
}
.content .info,
.menu .info {
font-size: 11px;
color: #888;
margin-left: 20px;
}
.menu .info {
margin-left: 23px;
margin-bottom: 15px;
}
.menu .headline {
margin: 0 0 15px 20px;
overflow: hidden;
_height: 0;
}
.menu form .headline p {
font-weight: bold;
}
.prev_next {
padding: 0 52px 0 10px;
font-size: 11px;
margin-top: -20px;
/*width: 310px;
_width: 370px;*/
overflow: hidden;
text-align: center;
}
#catalog .prev_next {
width: 310px;
_width: 370px;
margin-top: -20px;
padding-top: 10px;
}
.content .prev_next {
padding-top: 40px;
}
.prev_next a {
color: #666;
padding: 3px 0 3px 0;
display: inline-block;
}
.prev_next a:hover {
color: #4abf2a;
text-decoration: underline;
}
.prev_next .prev {
background: url(i/prev.gif) no-repeat 0 50%;
padding-left: 30px;
/*float: left;*/
margin-right: 47px;
}
.prev:hover {
background: url(i/prevs.gif) no-repeat 0 50%;
}
.prev_next .next {
background: url(i/next.gif) no-repeat 100% 50%;
padding-right: 30px;
/*float: right;*/
}
.next:hover {
background: url(i/nexts.gif) no-repeat 100% 50%;
}
.linkwork {
background: url(i/linkworkr.gif) no-repeat 100% 0;
padding: 0 10px 0 0;
/*width: 160px;*/
float: left;
margin: 56px 0 22px 0;
}
.linkwork p {
background: url(i/linkworkl.gif) no-repeat 0 0;
padding: 3px 0 5px 25px;
}
.linkwork a {
color: #fff;
}
.project {
margin: 0 33% 30px 7px;
clear: both;
}
.imgbig {
padding: 53px 0 0 13px;
margin-right: 5%;
float: left;
min-height: 505px;
.min-height: 522px;
_height: 590px;
}
@media all and(min-width:0) {
.imgbig {
min-height: 552px;
}
}
.working {
width: 320px;
}
.working p {
padding-right: 10px;
}
.contacts {
width: 100%;
overflow: hidden;
margin-bottom: 25px;
padding-top: 10px;
}
.contacts_txt {
float: left;
width: 40%;
margin-right: 10%;
}
.contacts_img {
float: left;
text-align: center;
padding-top: 4px;
}
#inner #center .content .contacts h2 {
margin-top: 0;
}
.contacts strong {
display: block;
}
.formcontacts {
width: 207px;
margin-left: 10px;
}
.formcontacts input,
.formcontacts select,
.formcontacts textarea {
width: 100%;
border: 1px solid #b1b1b1;
background: #fff;
font-size: 13px;
font-family: Verdana;
color: #404040;
margin-bottom: 8px;
}
.formcontacts textarea {
margin-bottom: 18px;
}
.formcontacts select {
width: 209px;
}
.formcontacts label {
font-size: 11px;
color: #828282;
margin-bottom: 4px;
display: block;
}
.formcontacts a {
font-size: 11px;
float: left;
margin-top: 4px;
}
.formcontacts .but {
width: 92px;
padding: 4px 0 5px 0;
cursor: pointer;
font-size: 12px;
color: #fff;
background: url(i/but.gif) no-repeat 0 0;
border: none;
margin: 0 0 0 21px;
//margin: 0 0 0 16px;
}
.formcontacts .but:hover {
background: url(i/buts.gif) no-repeat 0 0;
}
.butt {
width: 146px;
padding: 4px 0 5px 0;
cursor: pointer;
font-size: 12px;
color: #fff;
background: url(/i/resume_butt_1.jpg) no-repeat 0 100%;
border: none;
margin: 0 0 30px 0px;
}
.butt:hover {
background: url(/i/resume_butt.jpg) no-repeat 0 100%;
}
.listcity a {
background: url(i/bgcity.gif) no-repeat 100% 65%;
padding-right: 18px;
}
.listcity a:hover {
color: #4abf2a;
}
.menu .listmonth {
float: left;
_margin-left: 10px;
_margin-right: 20px;
}
.menu .listmonth li {
color: #7e7e7e;
}
.listmonth li.s,
.listmonth li.s span {
color: #EC0404;
}
.menu .listmonth a:hover {
color: #404040;
}
.menu form select {
width: 80px;
background: #fff;
border: 1px solid #b1b1b1;
font-size: 13px;
color: #000;
font-family: Verdana;
}
.img_left {
float: left;
margin: 0 20px 10px 0;
border: 1px solid #9e9e9e;
}
.img_right {
float: right;
margin: 0 0 10px 20px;
border: 1px solid #9e9e9e;
}
.linksize {
font-size: 11px;
}
.page {
font-size: 11px;
color: #4a4a4a;
clear: both;
}
.page span {
margin-right: 8px;
}
.page a,
#inner .wrapwork .headline a {
color: #29af05;
margin-right: 8px;
background: none;
padding: 0;
}
.block_ico {
font-size: 11px;
color: #7d7d7d;
margin-bottom: 30px;
overflow: hidden;
_height: 0;
padding-left: 7px;
}
.block_ico a {
color: #f12424;
}
.reward {
background: url(i/bgreward.gif) no-repeat 0 0;
float: left;
padding: 16px 0 14px 43px;
margin-right: 22px;
}
.reference {
background: url(i/bgreference.gif) no-repeat 0 0;
float: left;
padding: 16px 0 14px 37px;
}
.block_awards {
overflow: hidden;
_height: 0;
margin: 9px -11px 0 -35px;
padding: 8px 0 0 0;
}
.block_awards .work {
width: 180px;
height: 300px;
_height: 310px;
margin-bottom: 43px;
text-align: center;
margin-left: 35px;
_margin-left: 20px;
_margin-right: 10px;
}
.block_awards .work img {
margin-bottom: 25px;
}
.block_awards .work p {
text-align: left;
}
.client {
float: left;
height: 222px;
width: 175px;
overflow: hidden;
margin: 0 0px 20px 35px;
_margin: 0 15px 20px 20px;
text-align: center;
}
.client table {
width: 100%;
margin-bottom: 15px;
}
.client table td {
vertical-align: middle;
height: 100px;
}
#inner #center .content .client p {
margin-bottom: 0;
line-height: 14px;
text-align: left;
margin: 0 auto;
width: 175px;
}
.client a {
font-size: 11px;
}
.client a.red {
color: #f10d0d;
}
.linkall {
padding: 0 0 0 22px;
margin: -20px 0 15px 0;
}
.wrapmutants {
border-top: 1px solid #d1d1d1;
margin: 9px -60px 0 0px;
padding: 8px 0 0 0;
padding-left: 14px;
_margin-left: -35px;
}
.wrapmutants .headline {
color: #8d8d8d;
margin-bottom: 35px;
_padding-left: 35px;
}
.wrapmutants a img {
float: left;
margin: 0 70px 43px 0;
_margin: 0 45px 43px 15px;
}
.up {
padding: 1px 0 0 13px;
float: left;
color: #29af05;
font-size: 11px;
line-height: 11px;
background: url(i/bgup.gif) no-repeat 0 0;
margin-right: 50px;
}
.linkprev {
padding: 0 0 0 13px;
float: left;
color: #29af05;
font-size: 11px;
line-height: 11px;
background: url(i/bgpr.gif) no-repeat 0 0;
margin-right: 50px;
}
/*footer*/
#footer {
/*height: 175px;*/
clear: both;
padding: 0 35px 0 0;
position: relative;
background: url(i/bgfooter.jpg) no-repeat 100% 100%;
overflow: hidden;
_height: 0;
}
#index #footer {
margin-top: -48px;
}
#inner .paddleft,
#catalog .paddleft,
#articles .paddleft,
#mutants .paddleft {
background: url(i/bgfooter.jpg) no-repeat 100% 100%;
overflow: hidden;
_height: 0;
}
#inner #footer,
#catalog #footer,
#mutants #footer {
/*height: 60px;*/
background: none;
}
.bgblockclient {
background: url(i/bg.gif) repeat-x 0 36px;
position: relative;
z-index: 100;
margin-right: 30px;
margin-left: 30px;
}
#catalog .bgblockclient,
#mutants .bgblockclient {
margin: 0 52px 0 10px;
}
.blockclient {
background: url(i/bgblockclient.gif) no-repeat 100% 100%;
height: 115px;
height: 55px;
padding-top: 60px;
_height: 115px;
}
#catalog .blockclient {
overflow: hidden;
height: 100%;
padding-top: 0;
}
#catalog .blockclient,
#mutants .blockclient {
background: none;
}
#catalog .blockclient img,
#mutants .blockclient img {
display: block;
margin: 0 auto;
}
#catalog .blockclient a,
#mutants .blockclient a {
overflow: hidden;
display: block;
margin: 0 0 40px -10px;
text-align: center;
}
.blockclient .headline {
background: url(i/bgheadline.gif) no-repeat 0 0;
height: 36px;
width: 199px;
margin-bottom: 24px;
text-align: center;
//line-height: 13px;
}
.blockclient .headline p {
padding: 12px 0 0 0;
font-size: 13px;
}
.headline {
color: #f12424;
line-height: 12px;
}
.headline span {
color: #8e8e8e;
font-size: 11px;
}
.blockclient .all {
float: right;
text-align: center;
width: 50px;
margin: -8px 23px 0 0;
_margin-right: 17px;
}
.tabclient {
width: 90%;
margin-top: -5px;
}
.tabclient td {
padding-left: 15px;
}
.footer {
border-top: 1px solid #d1d1d1;
padding: 31px 0 16px 0;
font-size: 11px;
margin-top: -1px;
overflow: hidden;
_height: 0;
/*position: relative;
z-index: 1000;*/
}
#index .footer {
margin-top: 0;
}
#inner .footer,
#catalog .footer,
#mutants .footer {
margin-top: 0px;
}
.footer .left {
color: #000;
}
.footer .left p {
padding-left: 15px;
}
.footer span {
color: #2faa0d;
}
.footer .content p {
border-left: 1px solid #bbb;
color: #8d8d8d;
padding-left: 20px;
overflow: hidden;
_height: 0;
}
.footer .right {
text-align: right;
color: #f12424;
}
.footer .right p {
/*background: url(i/bgfootp.gif) no-repeat 100% 0;*/
padding: 3px 80px 20px 0;
}
.footer .right a {
color: #f12424;
}
.footer .right span {
color: #8d8d8d;
}
.tdwork {
width: 181px;
text-align: center;
}
.tdwork p {
text-align: left;
}
/*text*/
.text {
background: url(i/bgtext.jpg) #eeeeed no-repeat 100% 0;
padding: 30px 3% 15px 3%;
overflow: hidden;
_height: 0;
}
.text h2,.text p {
padding: 0 0 0 20px;
}
.text h2 {
padding-top: 15px;
margin-bottom: 15px;
color: #f12424;
font-size: 12px;
}
.text p {
color: #3d3d3d;
font-size: 11px;
margin-bottom: 15px;
}
.text p.info {
padding-left: 35px;
}
.text a {
color: #2faa0d;
}
/*h1_form*/
.h1_form {
overflow: hidden;
_height: 0;
margin-bottom: 1px;
//margin-bottom: 7px;
}
.h1_form h1 {
float: left;
}
.h1_form form {
overflow: hidden;
_height: 0;
}
.h1_form form {
margin-top: 6px;
overflow: hidden;
_height: 0;
}
.h1_form form td {
vertical-align: top;
}
.h1_form form select {
float: left;
margin: 3px 0px 0 20px;
_margin-top: 2px;
font-family: Verdana;
font-size: 13px;
/*color: #e40404;*/
background: #fff;
border: 1px solid #b1b1b1;
}
.h1_form form ul {
list-style: none;
margin: 0;
clear: left;
}
.h1_form form ul li {
float: left;
background: none;
padding-left: 0;
margin: 0 10px 2px 0;
//margin-bottom: 4px;
color: #7a7a7a;
font-size: 11px;
font-family: Verdana;
}
.h1_form form ul li span {
color: #727272;
margin-left: 3px;
font-size: 9px;
}
.h1_form form a {
color: #404040;
}
.h1_form form ul li.s span,
.h1_form form ul li.s a,
.h1_form form ul li.s {
color: #e50505;
}
.h1_form form ul li.sa a {
color: #7a7a7a;
}
.counter {
float: left;
margin-right: 20px;
width: 88px;
}
/*tel*/
.text {
background: url(i/bgtext.jpg) #eeeeed no-repeat 100% 0;
padding: 30px 3% 15px 3%;
overflow: hidden;
_height: 0;
}
#head {
height: 149px;
}
#inner #head,
#catalog #head,
#mutants #head {
height: 149px;
background: url(i/bghead.jpg) no-repeat 100% 100%;
}
#center {
padding: 0 0 22px 0;
overflow: hidden;
_height: 0;
margin-top: 25px;
}
#inner #center,
#catalog #center,
#mutants #center {
margin-top: 25px;
}
#catalog #center,
#mutants #center {
margin-top: -5px;
}
.tel {
position: relative;
text-align: right;
margin: -38px 50px 0 0;
/*z-index: 200;*/
}
.tel .zvonok {
position: absolute;
right: 0;
top: 20px;
}
.tel form {
position: absolute;
right: 0;
top: 20px;
/*height: 100px;*/
width: 243px;
_width: 312px;
border: 1px solid #828282;
z-index: 1;
background: #fff;
text-align: left;
padding: 23px 35px 19px 34px;
_right: 50px;
_top: 25px;overflow: hidden;
}
.tel p {
padding-right: 6px;
}
.tel p a {
background: url(i/bgtel.gif) no-repeat 100% 0;
color: #f12424;
font-size: 11px;
font-family: Verdana;
padding: 4px 27px 3px 0;
}
.tel form label {
display: block;
color: #828282;
font-size: 11px;
font-family: Verdana;
margin-bottom: 2px;
}
.tel form input {
display: block;
}
.tel form .link_close {
float: right;
margin: -7px -15px 0 0;
}
.tel form h2 {
color: #e20505;
font-size: 21px;
font-family: Verdana;
font-weight: normal;
line-height: 21px;
margin-bottom: 15px;
}
.tel form p {
margin-bottom: 10px;
}
.tel form .inp_txt {
width: 100%;
background: #fff;
border: 1px solid #b1b1b1;
color: #404040;
font-size: 13px;
font-family: Verdana;
margin-bottom: 5px;
_width: 240px;
}
.tel form select,
.tel form textarea {
width: 100%;
background: #fff;
border: 1px solid #b1b1b1;
color: #404040;
font-size: 13px;
font-family: Verdana;
margin-bottom: 5px;
}
.tel form .but {
width: 92px;
padding: 4px 0 5px 0;
cursor: pointer;
font-size: 12px;
font-family: Verdana;
color: #fff;
background: url(i/but.gif) no-repeat 0 0;
border: none;
float: right;
margin-top: 10px;
_margin-right: -25px;
}
.tel form a {
font-size: 11px;
float: right;
margin: 15px 20px 0 0;
}
.div_grey {
overflow: hidden;
_height: 0;
background: url(i/bgnew.gif) #f5f5f5 repeat-y 100% 0;
margin-bottom: 9px;
}
.div_grey_txt {
background: url(i/bgnew.gif) repeat-y 0 0;
}
.div_greytop {
background: url(i/div_greytoprep.gif) repeat-x 0 0;
height: 9px;
}
.div_greybot {
background: url(i/div_greybotrep.gif) repeat-x 0 100%;
height: 9px;
}
.div_grey_txt img {
float: left;
margin-left: 17px;
}
.grey_txt {
overflow: hidden;
_height: 0;
}
.text h1 {
margin-left: 15px;
font-size: 18px;
color: #f12424;
}
.block_grey {
background: url(i/bgblockgrey.gif) #f5f5f4 no-repeat 100% 0;
margin: 19px -38px 20px -38px;
padding: 13px 40px 13px 35px;
}
.block_grey td p {
margin-bottom: 0;
font-size: 12px;
color: #3d3d3d;
line-height: 18px;
}
.block_grey table {
width: 100%;
}
.block_grey table td {
/* width: 33.3%;*/
}
.block_grey p a {
font-weight: bold;
}
.block_grey p .det {
text-decoration: none;
font-weight: normal;
}
.text p.plink {
padding-top: 5px;
}
.text p.plink a {
font-size: 12px;
margin-right: 30px;
}
.text a.link_up {
background: url(/i/bglink_up.jpg) no-repeat 0 3px;
padding-left: 15px;
text-decoration: none;
font-size: 12px;
margin: 10px 0 0 235px;
float: left;
}
/******************************/
body.body-popup {margin:10px; }
div.empty {width:1px; height:1px; overflow:hidden;}
/*Icon*/
img.calendar-icon {border:0px; width:19px; height:19px; vertical-align:top; margin:1px; margin-left:2px}
img.calendar-icon-hover {border:1px solid #AEB6C2; background-color:#DBE3F2; margin:0px; margin-left:1px}
div.bx-calendar-float td, div.bx-calendar-float tr, div.bx-calendar-float table, div.bx-calendar-float tbody {font-family:Verdana,Arial,Helvetica,sans-serif !important;background:transparent !important; font-weight:normal !important; font-size:medium !important; line-height:normal !important; height:auto !important; width:auto !important; padding:0px !important; margin:0px !important; border:none !important; border-spacing:0 !important; table-layout: auto !important; text-align:left !important; text-decoration: none !important; font-variant: normal !important; font-style:normal !important; letter-spacing:normal !important;word-spacing:normal !important; text-indent:0 !important; overflow:visible !important; color:black !important; vertical-align: middle !important; text-align: left !important;}
/*Calendar float form*/
div.bx-calendar-float {width:200px; background-color:white; border:1px solid #A9A9A9;}
div.bx-calendar-float td {padding:0px !important; font-size:11px !important;}
div.bx-calendar-float div.bx-calendar-content {height:190px;}
/*title*/
div.bx-calendar-title {font-size:medium !important; background-color:#23468A; background-image:url(images/title_bg.gif); background-repeat:repeat-x; background-position:left top; border-bottom:1px solid #A9A9A9;}
div.bx-calendar-title td.bx-calendar-title-text{width:100% !important; font-size:11px !important; font-weight:bold !important; color:#EEF1F7 !important; padding:3px !important; cursor:move !important; vertical-align:top !important;}
div.bx-calendar-float a.bx-calendar-close {display:block; width:13px; height:13px; background-image:url(images/close.gif); overflow:hidden; margin-right:3px; background-repeat:no-repeat; background-position:center;}
/*toolbar*/
div.bx-calendar-float table.bx-calendar-toolbar {width:100% !important; height:22px !important; background-color:#D9D6CF !important; background-image:url(images/toolbar_bg.gif) !important; background-repeat:repeat-x !important; background-position:left top !important; border-top:1px solid #FFFFFF !important; border-bottom:1px solid #A7A7A7 !important;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-button {border:0px; margin:1px 3px 1px 3px; display:block; height:15px; background-repeat:no-repeat; background-position:center; box-sizing:border-box; -moz-box-sizing:border-box; color:black; text-decoration:none;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-button:hover {height:17px; margin:0px 2px 0px 2px; border:1px solid #AEB6C2; background-color:#DBE3F2; color:black;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-left {width:15px; background-image:url(images/left.gif); background-position:4px center;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-right {width:15px; background-image:url(images/right.gif); background-position:6px center;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-today {width:15px; background-image:url(images/today.gif); background-position:left top;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-arrow {width:9px; background-image:url(images/arr_down.gif); margin-left:1px;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-menu {margin-right:1px;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-left:hover, div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-right:hover, div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-today:hover {width:17px;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-arrow:hover {width:11px; margin-left:0px;}
div.bx-calendar-float table.bx-calendar-toolbar a.bx-calendar-menu:hover {margin-right:0px;}
/*calendar*/
div.bx-calendar-float div.bx-calendar {padding:4px 8px 4px 4px;}
div.bx-calendar-float div.bx-calendar table {width:100% !important;}
div.bx-calendar-float div.bx-calendar td {padding:2px 0px 0px 2px !important;}
div.bx-calendar-float div.bx-calendar tr.bx-calendar-head td {padding-left:4px !important; padding-bottom:4px !important; border-bottom:1px solid #DBDBDB !important;}
div.bx-calendar-float div.bx-calendar td.bx-calendar-week {border-right:1px solid #DBDBDB !important;}
div.bx-calendar-float div.bx-calendar a {display:block; text-align:right; color:#213AA3; text-decoration:none; width:18px; height:18px; /*padding:2px;box-sizing:border-box; -moz-box-sizing:border-box;*/ overflow:hidden;}
div.bx-calendar-float div.bx-calendar a:hover {background-color:#DBE3F2;}
div.bx-calendar-float td.bx-calendar-holiday a {color:#970000; }
div.bx-calendar-float td.bx-calendar-today a {border:1px solid #FF0000; padding:1px;}
div.bx-calendar-float td.bx-calendar-inactive a {color:#9B9B9B;}
div.bx-calendar-float td.bx-calendar-current a {color:white; background-color:#3E67B5;}
div.bx-calendar-float td.bx-calendar-current a:hover {color:black;}
/*time toolbar*/
div.bx-calendar-float table.bx-calendar-timebar {width:100% !important; background-color:#D9D6CF !important; background-image:url(images/toolbar_bg.gif) !important; background-repeat:repeat-x !important; background-position:left top !important; border-top:1px solid #A7A7A7 !important;}
div.bx-calendar-float table.bx-calendar-timebar td {text-align: center !important;}
div.bx-calendar-float table.bx-calendar-timebar a.bx-calendar-button {width:80px; height:5px; border:0px; display:block; background-color:#D6D1C9; background-repeat:no-repeat; background-position:center 1px; box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; margin:0 auto;}
div.bx-calendar-float table.bx-calendar-timebar a.bx-calendar-button:hover {background-color:#BFBFD9;}
div.bx-calendar-float table.bx-calendar-timebar a.bx-calendar-arrow-down {background-image:url(images/arr_down.gif);}
div.bx-calendar-float table.bx-calendar-timebar a.bx-calendar-arrow-up {background-image:url(images/arr_up.gif);}
/*time buttons*/
div.bx-calendar-float div.bx-calendar-time a.bx-calendar-time {border:0px; margin:1px 2px 1px 2px; display:block; width:16px; height:16px; background-repeat:no-repeat; background-position:center; box-sizing:border-box; -moz-box-sizing:border-box;}
div.bx-calendar-float div.bx-calendar-time a.bx-calendar-time:hover {width:18px; height:18px; margin:0px 1px 0px 1px; border:1px solid #AEB6C2; background-color:#DBE3F2;}
div.bx-calendar-float div.bx-calendar-time a.bx-calendar-set-time {background-image:url(images/set_time.gif);}
div.bx-calendar-float div.bx-calendar-time a.bx-calendar-clear-time {background-image:url(images/clear_time.gif);}
/*time block*/
div.bx-calendar-float div.bx-calendar-time {border-top:1px solid #DBDBDB; padding:6px 0px 6px 0px;}
div.bx-calendar-float div.bx-calendar-time td {padding:0px !important;}
div.bx-calendar-float div.bx-calendar-time input {height:18px !important; font-size:11px !important; margin:0px 1px 0px 2px !important; font-family:Verdana,Arial,Helvetica,sans-serif !important; border:1px solid #A7A7A7 !important; width:20px !important;}
div.bx-calendar-float a.bx-calendar-spin {width:7px; height:7px; border:0px; margin:1px; display:block; background-repeat:no-repeat; background-position:center 2px; box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden;}
div.bx-calendar-float a.bx-calendar-spin:hover {width:9px; height:9px; margin:0px; border:1px solid #AEB6C2; background-color:#DBE3F2;}
div.bx-calendar-float a.bx-calendar-spin-up {background-image:url(images/spin_up.gif);}
div.bx-calendar-float a.bx-calendar-spin-down {background-image:url(images/spin_down.gif);}
/* Popup menu */
td.popupmenu {border:1px solid #B6B6B6 !important; padding:1px !important; background-color:#FCFCFC !important; background-image:url(images/menu_gutter.gif) !important; background-repeat:repeat-y !important;}
td.popupmenu .popupitem {margin:1px !important; cursor:default !important;}
td.popupmenu .popupitemover {margin:0px !important; border:1px solid #AEB6C2 !important; background-color:#CEDAEE !important;}
td.popupmenu .popupitem .gutter {width:20px !important;}
td.popupmenu .popupitem .item {padding:3px 5px 3px 9px !important; font-size:11px !important; white-space:nowrap !important;}
td.popupmenu .popupitem .default {font-weight:bold !important;}
td.popupmenu .popupitem .disabled {color:#939393 !important;}
td.popupmenu .popupseparator {margin:1px 0px 1px 30px !important; background-color:#B6B6B6 !important; height:1px !important; overflow:hidden !important;}
/*Common actions icons */
td.popupmenu .popupitem .icon {width:20px !important; height:16px !important; background-position:center !important; background-repeat:no-repeat !important;}
td.popupmenu .popupitem .checked {background-image:url(images/checkbox.gif);}
.div_calendar {
overflow: hidden;
_height: 0;
position: relative;
z-index: 1000;
}
.div_calendar input {
float: left;
background: #fff;
border: 1px solid #b1b1b1;
color: #404040;
font-size: 13px;
font-family: Verdana;
margin-bottom: 5px;
}
.div_calendar img {
float: left;
margin-top: -15px;
position: relative;
}
.text .grey_txt p {
padding-right:15px;
}
.discount .headline a {
font-size: 11px;
float: left;
/*padding: 0 5px 74px 109px; */
padding: 0 5px 85px 109px;
}
/*.discount .headline a {
text-decoration: none;
color: #8e8e8e;
line-height: 11px;
} */
.discount {
background: url(/i/bgdiscount.jpg) no-repeat 0 100%;
/*background: url(/i/foto.jpg) no-repeat 0 100%;*/
margin-bottom: 36px;
overflow: hidden;
_height: 0;
}
#inner .blocktree a.link_white,
#catalog .blocktree a.link_white,
#mutants .blocktree a.link_white {
color: #fff;
margin-top: 42px;
margin-left: 141px;
_margin-left: 130px;
padding-left: 0;
_padding-left: 10px;
}
#mutants #head {
background: url(i/bgheadmut.gif) no-repeat 100% 100%;
}
#inner .blocktree,
#catalog .blocktree,
#mutants .blocktree {
overflow: hidden;
_height: 200px;
}
.block_info {
background: url(i/bgblock_info.jpg) #fddede no-repeat 17px 9px;
margin: -7px -35px 0 -34px;
padding: 11px 0 13px 52px;
color: #f12424;
font-size: 11px;
}
.pgreen {
background: url(i/bggreenp.jpg) #dbf2d5 no-repeat 31px 6px;
margin: 0 -35px 0 -34px;
padding: 14px 0 15px 64px;
color: #000;
}
.discount .headline {
position: relative;
overflow: hidden;
_height: 0;
}
.discount p {
font-size: 22px;
color: #f12424;
position: absolute;
left: 0px;
top: 17px;
_top: 5px;
line-height: 22px;
_cursor: pointer;
}
.discount p span {
color: #f12424;
font-size: 22px;
display: block;
margin-top: 8px;
padding-bottom: 5px;
width: 200px;
}
.discount p strong {
font-size: 29px;
}
.discount .headline a.inn {
position: relative;
margin-left: -102px;
text-decoration: none;
}