html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, blockquote, form, fieldset, legend, table, td, th {margin: 0; padding: 0;}
*:focus {outline: none;}
p{display: block;}
body {padding: 0 90px; position: relative; color: #535353; font: normal 12px tahoma; background: url(../images/background-main.gif) no-repeat top center; }
#site {margin: 0 auto; max-width: 1100px; min-width: 815px; z-index: 1;}
map, map * {border: 0;}
a {color: #239bd3;}
a:hover {color: #e55d45; text-decoration: none;}
h1 {font:40px times new roman;}
h2 {font:24px times new roman;}
h3 {font:20px times new roman;}
.home-page h1 {font:40px times new roman;}
.home-page h2 {font:30px times new roman;}
.home-page h3 {font:24px times new roman;}
ul {display: block; list-style: none;}
li {display: block;}
.wrapper {width: 100%; float: left;}
.page-nums a {margin: 0 5px;}
table {
border-left:1px solid #C0C0C0;
border-top:1px solid #C0C0C0;
border-collapse: separate;
border-spacing: 0px;
}
table tr {
}
table th {
}
table td {
padding: 2px;
border-bottom:1px solid #C0C0C0;
border-right:1px solid #C0C0C0;
}
div.seo-panel {width: 100%! important;}
div#god_mode {margin: 0 -90px;}
#appication_form label{font: bold 14px/20px Tahoma;}
#appication_form input {margin:0 0 10px 0; width: 300px;}
#appication_form textarea {margin-top: 10px; width: 300px; height: 150px;}
#appication_form #application_bnt{width: 150px;}
#appication_form .example {margin-bottom: 10px; margin-top: -5px; position: relative;}
/***********************************************************************************************/
/******************************************** шапка **********************************************/
#header {
float: left; width: 100%; position: relative;
}
div.header-left {}
div.header-left .logo-margin{
padding: 40px 0 0 0;
margin: 0 76.5% 0 0;
text-align: right;
}
img.logo {
position: relative;
margin: 0 -152px 0 -15px;
border: 0;
}
div.header-right {
position: relative;
width: 24.5%;
float: left;
margin: 0 0 0 -24.5%;
z-index: 20;
}
div.header-right div.pad {
position: absolute;
top: 44px;
left: -250px;
padding: 0 50px 0 0;
width: 250px;
margin-left: -40px;
}
div.pad span.icon { display: block;
float: right;
margin:0 0 0 46px;
}
span.icon img.home, span.icon img.mail, span.icon img.site-map {
border: 0;
background: url(../images/sprite.gif) no-repeat;
}
.icon img.T{
background: url(../images/sprite.gif) no-repeat;
background-position: -4px -195px;
}
span.icon img.home{
background-position: 0px 1px;
}
span.icon img.mail{
background-position: -12px 1px;
}
span.icon img.site-map{
background-position: -27px 1px;
}
div.pad a.icon, div.pad a.icon:hover {
display: block;
float: right;
margin:0 0 0 46px;
}
div.pad a.icon:hover {
border-bottom: 2px #e55d45 solid;
}
a.icon img.home, a.icon img.mail, a.icon img.site-map {
border: 0;
background: url(../images/sprite.gif) no-repeat;
}
a.icon img.home{
background-position: 0px 1px;
}
a.icon img.mail{
background-position: -12px 1px;
}
a.icon img.site-map{
background-position: -27px 1px;
}
.border {
border-bottom: 2px #e55d45 solid;
}
form.search-bar{
position: relative;
width:100%;
padding: 39px 0 0 0;
z-index: 25;
}
form.search-bar input.text-box {
position: absolute;
font: 12px tahoma;
width: 95%;
padding: 3px;
padding-left: 4px;
float: left;
color: #535353;
border: 1px #535353 solid;
}
form.search-bar input.sumbit {
position: absolute;
cursor: pointer;
right: -28px;
width: 20px;
height: 20px;
border: 0;
background: url(../images/sprite.gif) no-repeat;
background-position: -31px -16px;
}
/*************************** блок для текста под логотипом и меню *************************/
#main-top {
position: relative;
z-index: 1;
width: 100%;
float: left;
margin: -31px 0 0 0;
}
div.main-text {
position: relative;
margin: 0 24.5% -20px 28.6%;
padding-right: 50px;
font: italic 14px/24px arial;
z-index: 25;
height:44px;
padding-top: 44px;
}
div.main-text .m-buro {
top: -35px;
left: 0px;
position: absolute;
background: url(../images/sprite.gif) no-repeat;
background-position: -100px -23px;
}
div.main-menu {
position: relative;
z-index: 25;
width: 28.6%;
float: left;
margin: 0 0 0 -100%;
}
/******************************* блок для контента **************************************/
#content {
float: left;
width: 100%;
padding-top: 40px;
}
div.content-left {
width: 28.6%;
float: left;
margin-left: -100%;
}
div.content-middle {
margin: 0 24.5% 0 28.6%;
}
/* колонка справа */
div.content-right {
width: 24.5%;
margin: -14px -20px 0 -24.5%;
float: left;
}
/* Что в нас особенного? */
ul#features {
position: relative;
}
ul#features li.caption {
line-height: 32px;
margin-bottom: 5px;
}
ul#features li.text {
font: 12px/20px arial;
}
ul#features li.text a.bashed {position: relative; border-bottom: 1px #E55D45 dashed; text-decoration: none;}
ul#features li.text a.bashed:hover {border-bottom: 1px #E55D45 dashed;}
/* Кто мы ? */
ul#about {
margin-top: 61px;
}
ul#about li.caption a {
font: 30px/20px times new roman;
}
ul#about li.name {
color: black;
font: bold 12px/20px tahoma;
clear: both;
padding-top: 5px;
}
ul#about li.specialty {
font: italic 12px/20px arial;
}
/* слайды фото */
div#specialist_slideshow {
padding: 15px 0;
height: 100px;
}
.button_left,
.button_left:hover,
.button_right,
.button_right:hover {
display: block;
width: 15px;
height: 111px;
background: url(../images/sprite.gif) no-repeat;
}
.slide {
width: 92px;
height: 117px;
margin: -2px 2px 0 1px;
background: url(../images/sprite.gif) no-repeat;
background-position: -230px 2px;
float: left;
}
a.button_left {
margin-right:6px;
background-position: -200px 0px;
}
a.button_left:hover {
background-position: -214px 0px;
}
a.button_right {
position: relative;
margin-left: -2px;
background-position: -340px 0px;
}
a.button_right:hover {
background-position: -326px 0px;
}
/* левая большая */
div.content-main-left {
margin: 0 24.5% 0 0;
}
/* Верхний блок */
div#block-top {
width: 100%;
float: left;
margin-top: -14px;
}
div.block-top-right {
margin:0 0 0 -62%;
width: 62%;
float: left;
}
/* облачко с коровой */
.cloud {
position: relative;
margin:17px 0 0 34px;
background: url(../images/back-img.gif) repeat-y top left;
}
.cloud .img-top {
position: relative;
margin-left: -44px;
background: url(../images/sprite.gif) no-repeat;
background-position: -114px -121px;
}
.cloud .img-bottom {
margin-left: 0px;
margin-top: 2px;
background: url(../images/sprite.gif) no-repeat;
background-position: -158px -184px;
}
.cloud .text {
position: relative;
padding: 0 26px 12px 26px;
margin: -52px 0 -27px 0;
width: 195px;
}
.text #cloud-link-text {
margin-bottom: 5px;
width: 150px;
}
#cloud-link-text .cloud-link-line p {
display: inline;
}
#cloud-link-text .cloud-link-line {
/*color: #e55d45;*/
color: #545454;
font: 20px/22px times new roman;
}
#cloud-link-text .cloud-text-line {
font: italic 12px/20px arial;
padding-top: 12px;
}
div.block-top-left {
/*margin: 0 47% 0 0;*/
margin: 0 62% 0 0;
}
div.block-top-left ul.link-text {
z-index: 10;
clear: both;
}
div.block-top-left ul.link-text li.ajutor {
margin-bottom: 13px;
}
div.block-top-right ul.link-text {
z-index: 9;
clear: both;
}
div.block-top-right ul.link-text li.ajutor {
margin-bottom: 13px;
}
div.block-top-right h2 {
font-size: 48px;
font-family: Georgia;
}
div.block-top-right a.arrow_star {
margin-top: 23px
}
#block-down {
width: 100%;
float: left;
margin-top: 13px;
}
div.block-down-left {
margin: 0 0 0 37.9%;
padding-right: 50px;
}
/*контактная информация */
ul#contacts {
margin-top: 63px;
padding-bottom: 46px;
}
ul#contacts-page {
margin-top: 1px;
position: relative;
}
ul#contacts-page li.page-name {
font: 40px/20px Times New Roman;
margin-bottom: 43px;
}
ul#contacts-page li.page-adress {
margin-top: -13px;
font: 12px/30px Tahoma;
}
ul#contacts li.adress {
font: 11px/18px tahoma;
margin-bottom: 5px;
}
ul#contacts li.textf12 {
font: 12px/12px tahoma;
margin-bottom: 8px;
}
ul#contacts li.textf24 {
font: 20px/26px times new roman;
margin-bottom: 7px;
}
ul#contacts li.textf24 big {
font: 24px/26px times new roman;
}
ul#contacts li.mail {
font-family: arial;
line-height: 20px;
font-size: 12px;
}
ul#contacts li.image {
position: absolute;
width: 10px;
height: 50px;
background: url(../images/sprite.gif) no-repeat;
background-position: 0px -14px;
margin: -49px 0 0 -18px;
}
div.block-down-right {
width: 37.9%;
float: left;
margin: 0 0 0 -100%;
}
/* Предложения */
ul#offers li.text {font: 12px/20px tahoma;}
ul#offers li h1{margin-bottom: 12px;}
ul#offers li.list {font: 12px/26px tahoma; margin: 0 0 0 15px;}
ul#offers li.list span {margin-left: -15px;}
div.content-main-right {
margin: 0 0 0 28.6%;
padding-right:50px;
}
/***************************** новости *****************************/
#news {
width: 100%;
float: left;
margin: 30px 0 23px 0;
padding-top: 27px;
background: url(../images/sprite.gif) repeat-x;
background-position: 0px -210px;
}
.news-left {
padding: 0 50px;
margin: 0 24.5% 0 0;
}
.news-right {
width: 24.5%;
float: left;
margin: 16px 0 0 -24.5%;
}
.news-right {}
.news-left ul.news-list {
padding-right:25px;
padding-top:10px;
}
.news-left ul.news-list li.event {
font-size: 13px;
}
ul.news-list li.caption, ul#news-list li.caption {margin: 0 0 14px 0;}
li.date {font: italic 12px/20px arial; color: #e55d45;}
li.event {font: 14px/20px tahoma; margin-bottom: 20px;}
/* recomended */
div#recomended p {color: #535353; font: 11px tahoma; margin: 15px 0;}
div#recomended p img {
background: url(../images/sprite.gif) no-repeat;
background-position: -50px 0px;
margin: 0 10px -2px 0;
}
div#recomended ul {}
div#recomended ul li {display: block; /*margin-left: 15px;*/ padding-bottom: 20px;}
div#recomended ul li a {font: 12px/20px Tahoma; text-decoration: none;}
div#recomended ul li strike {margin-left: -15px; text-decoration: none;}
/******************************* подсказки ************************************/
div.ajutor-block {position: relative; display: block; clear: both; z-index: 21; }
a.arrow_star {margin-top: 7px; float: left; background: url(../images/sprite.gif) no-repeat; background-position: -69px -22px; display: block; width: 31px; height: 21px;}
a.arrow_star:hover {margin-top: 7px; float: left; background: url(../images/sprite.gif) no-repeat; background-position: -69px 0px; display: block; width: 31px; height: 21px;}
a.title {position: relative; display: block; clear: both;}
div.ajutor-right {position: absolute; z-index: 21; width: 1px; height: 1px; top: -30px; left: 305px; visibility: hidden; cursor: default;}
div.ajutor-left {position: absolute; z-index: 21; width: 1px; height: 1px; top: -30px; left: -260px; visibility: hidden; cursor: default;}
div.ajutor-left div.block , div.ajutor-right div.block {background: #bee0f0; position: relative; width: 472px; margin-left: -236px;}
div.ajutor-right div.block img.angle {position: relative; border: 0; left: -50px; background: url(../images/sprite.gif) no-repeat; background-position: -36px -50px;}
div.ajutor-right div.block a img.close {cursor: pointer; position: relative; border: 0; top: -22px; left: 347px; background: url(../images/sprite.gif) no-repeat; background-position: -38px 0px;}
div.ajutor-right div.block div.text-box {position: relative; margin: -20px 30px 0 30px; font: italic 14px/24px arial; padding-bottom: 30px;}
div.ajutor-left div.block img.angle {background:transparent url(../images/sprite.gif) no-repeat scroll; background-position: -39px -70px; height:30px; position:relative; right:-420px; top:6px; width:95px;}
div.ajutor-left div.block a img.close {cursor: pointer; position: relative; border: 0; top: -22px; margin-top: 33px; left: 347px; background: url(../images/sprite.gif) no-repeat; background-position: -38px 0px;}
div.ajutor-left div.block div.text-box {position: relative; margin: -20px 30px 0 30px; font: italic 14px/24px arial; padding-bottom: 30px;}
/******************************************************************************/
ul.link-text {position: relative;}
ul.link-text li.link {position: relative; float: left; padding-right: 20px;}
ul.link-text li.ajutor {position: relative; float: left;}
ul.link-text li.text { clear: both; font: italic 12px/20px arial; margin-top: -5px;}
.block-top-left div p {line-height: 20px; margin-top: -2px;}
/******************************** меню **********************************/
div#close-menu {
position: absolute;
top: 196px;
left: 90px;
z-index: 20;
}
div#close-menu a.menu {
display: block;
width: 76px;
height: 23px;
font: 14px/20px tahoma;
color: #e55d45;
text-decoration: none;
padding-left: 6px;
background: url(../images/sprite.gif) no-repeat;
background-position: -100px 0px;
}
div#open-menu {
position: absolute;
visibility: hidden;
top: 196px;
left: 90px;
background: url(../images/menu_bg.gif) repeat-x;
background-position: 0px -183px;
z-index: 20;
}
div#open-menu div.left-bg {
position: relative;
border: 1px #DAD4C8 solid;
background: #E9E8E8 url(../images/bg_menu.gif) repeat-x;
background-position: 0px 0px;
float: left;
}
div#open-menu div.right-bg {
background: url(../images/menu.gif) no-repeat;
background-position: left top;
padding-right: 20px;
}
div#open-menu a.menu {
font: 14px/20px tahoma;
color: #e55d45;
text-decoration: none;
margin-left: 6px;
}
div#open-menu p.sub-menu-place {margin-top: 6px;}
div#open-menu a.sub-menu {
color: #535353;
margin-left: 20px;
display: block;
font: 12px/24px tahoma;
white-space:nowrap
}
/***************************** Подвал **********************************/
#footer {
width: 100%;
float: left;
padding: 28px 0 150px 0;
border-top: 1px #535353 solid;
}
#footer .footer-left {
float: left;
margin-left: -100%;
width: 28.6%;
}
#footer .footer-middle {
padding: 0 50px 0 2px;
margin: 0 24.5% 0 28.6%;
}
#footer .footer-right {
float: left;
width: 24.5%;
margin-left: -24.5%;
}
/* #footer контент */
.footer-left img.not {
margin-top: -10px;
position: relative;
background: url(../images/sprite.gif) no-repeat;
background-position: 0px -62px;
margin-left: 8px;
margin-right: 8px;
float: left;
display: block;
}
.footer-left a {
display: block;
position: relative;
float: none;
color: black;
font: bold 12px/1.8em tahoma;
margin: -4px 0 0 0;
}
.footer-middle a {font-size: 11px;}
.footer-middle p {
margin-left: -1.3em;
padding-bottom: 8px;
}
.footer-right {font: normal 12px tahoma;}
/***************************** site map **************************************/
#map-list {clear: both; margin-top: 28px; margin-bottom: 86px; width: 65%;}
#map-list .caption { clear: both; font: 40px/20px times new roman; position: relative;}
#map-list .text {clear: both; font: 12px/20px tahoma; margin-top: 25px; margin-bottom: 16px;}
#map-list .link {}
#map-list .link a {font: italic 20px/32px times new roman;}
#map-list .sub-link {margin-left: 15px; margin-top: -2px; margin-bottom: 10px;}
#map-list .sub-link a {font: 12px/20px tahoma; color: #535353;}
#menu {clear: both; margin-top: 14px; margin-bottom: -65px; position: relative; margin-right: 50px;}
#menu .link {font: italic 20px/36px times new roman;}
#menu .sub-link {margin-left: 15px; height: 20px; padding-top: 10px; font: 12px tahoma; margin-top: -9px; margin-bottom: 5px;}
#menu .sub-link a {margin-bottom: 10px; color: #535353; font: 12px tahoma; line-height: 12px! important;}
#menu .active {color: #e55d45;}
/********************************** новости ********************************/
ul#news-page {list-style: none; font: 12px/20px tahoma; /*margin-bottom: 39px;*/ height: 70%;}
ul#news-page .caption {font: 40px/20px times new roman; margin-top: 14px; position: relative;}
li.date-categories {float: left; font: italic 16px/20px arial; color: #e55d45; margin-top: 44px; margin-bottom: 9px;}
li.date-categories span.active {color: #E55D45; margin-right: 35px;}
li.date-categories a.active {margin-right: 35px;}
li.date-categories a.unactive {margin-right: 35px;}
li.months-categories { padding-top: 6px; line-height: 28px; font-size: 14px; clear: both; clear: both; font-family: times new roman; font-size: 18px; font-style: italic; }
li.months-categories a { }
li.months-categories span { margin-right: 10px; }
li.months-categories span span { margin-right: 0px; }
li.months-categories span .red a { color: #E55D45; }
li.clear {clear: both;}
ul#page-about {margin-bottom: 20px;}
ul#page-about li.page_about_caption {
position: relative;
font: 40px/20px Times New Roman;
margin-top: 1px;
margin-bottom: -22px;
}
ul#specialist-block {padding-top: 52px;/*76px*/ clear: both; //padding-top: 0px; //margin-top: 76px;}
ul#specialist-block li.foto {margin-bottom: 20px! important; margin-right: 38px; float: left; width: 172px; height: 216px; background: url(../images/foto-bg.png) no-repeat top left;}
ul#specialist-block li.name {font: 20px/20px Times New Roman; /*padding-top: 17px;*/}
ul#specialist-block li.specialty {font: italic 12px/20px Arial; margin-top: 13px;}
ul#specialist-block li.contact-info {font: 12px/24px Tahoma; margin-top: 8px; //margin-left: 210px;}
ul#specialist-block li.project {font: italic 12px/24px Arial; margin-top: 17px;}
ul#specialist-block li.project img {background: url(../images/sprite.gif) no-repeat; background-position: -11px -13px; margin: 0 13px -8px 0;}
ul#error404 {margin-bottom: 97px; margin-top: 20px;}
ul#error404 li.caption {height: 70px; position: relative; font: 30px/100px times new roman;}
ul#error404 li.caption big {font: 100px/30px times new roman;}
ul#error404 li.text {font: 12px/24px Tahoma; margin-bottom: 6px; padding-top: 21px; }
ul#error404 li.link {font: 12px/30px Tahoma;}
ul#error404 li.link a {text-decoration: none;}
ul#search-page {font: 12px/20px Tahoma; padding: 0; position: relative;}
ul#search-page .caption {font: 40px/20px Times New Roman; margin-top: 1px; position: relative;}
ul#search-page .search-place {position: relative; width: 100%; margin-top: 5px; height: 93px;}
.ya {position: absolute; display: block; top: 75px; right: 0px; font: 14px/18px Tahoma;}
.ya a {text-decoration: none; color: #535353; position: relative; z-index: 20;}
.ya a font {color: #E55D45;}
ul#search-page .search-place div {position: relative; width: 55%;}
ul#search-page .search-place div .search-bar {clear: both;}
ul#search-page .search-place div .search-bar .sumbit {right: -20px;}
ul#search-page .result-link {font: 12px/20px Tahoma;}
ul#search-page .result-link span {position: relative; margin-left: -15px;}
ul#search-page .result-text {font: 11px/16px Tahoma;}
ul#search-page .result-artsofte {font: 12px/20px Tahoma; padding-bottom: 20px;}
ul#projects {font: 12px/20px Tahoma; margin-bottom: 36px; width: 100%;}
ul#projects .caption {position: relative; font: 40px/20px Times New Roman; margin-top: 15px;}
ul#projects .project-name {padding-top: 6px; font: 20px/20px Times New Roman; }
ul#projects .project-name a {color:#535353;}
ul#projects .project-text {font: 12px/20px Arial; margin-top: 5px; margin-bottom: 39px;}
ul#news-article {font: 12px/20px Tahoma; margin-bottom: 36px; width: 90%;}
ul#news-article .caption {position: relative; font: 40px/34px Times New Roman; margin-top: 8px;}
ul#news-article .text {margin-top: 4px; margin-bottom: 17px; display: block;}
ul#news-article .back-link {}
ul#news-article .back-link a {color: #E55D45;}
ul#news-article .graph-place {text-align: center; font-style: italic; margin-top: 27px; margin-bottom: 25px;}
ul#test {width: 90%;}
ul#test .caption {position: relative; font: 40px/20px Times New Roman; margin-top: 1px; margin-bottom: -22px;}
ul#test .question {font: 20px/20px Times New Roman; color: #E55D45; padding-top: 110px;}
ul#test .variant-place {padding-left: 85px; margin-top: 40px; position: relative;}
ul#test a.variant-left {text-decoration: none; font: 30px/30px Times New Roman; padding: 4px 22px 6px 30px; color: #535353; background: url(../images/sprite.gif) no-repeat; background-position: 0px -102px;}
ul#test a.variant-right {text-decoration: none; font: 30px/30px Times New Roman; padding: 4px 25px 6px 12px; color: #535353; background: url(../images/sprite.gif) no-repeat; background-position: 0px -146px;}
ul#test a.variant-left:hover, ul#test a.variant-right:hover {color: #E55D45;}
ul#test li.variants-place {clear: both; margin-top: 37px;}
ul#test li.variants-place hr {clear: both; border: 0; background: #535353; height: 1px; margin-bottom: 20px;}
ul#test ul.variants {float: left; width: 181px; margin-right: 10px;}
ul#test ul.variants .number {font: 30px/30px Times New Roman;}
ul#test ul.variants .hr {height: 5px; float: left;}
ul#test ul.variants .hr img {background: #E55D45; float: left;}
ul#test ul.variants .variant {clear: both; padding-top: 7px; padding-bottom: 26px; line-height: 22px;}
ul#test ul.variants .variant a {color: #535353;}
/****************************************************************/
div.our_services {line-height: 20px;}
div.our_services h1 {margin-bottom: 12px;}
/****************************************************************/
.def {line-height: 18px;}
.def p {line-height: 18px; margin-bottom: 15px;}
.def h1, div.def h2, div.def h3 {margin-top: 20px; display: block;}
/*.def p {margin: 20px 0 10px 0; display: block;}*/
.def ul {/*list-style-image: url(../images/hyphen.gif)! important; list-style: disc! important; list-style-position: inside;*/ margin-left: 0px; padding-top: 10px; //margin-left: 0px; margin-bottom: 25px ! important;}
.def ul li { line-height: 18px; margin-bottom: 10px; list-style: none ! important; padding-left: 22px; display: block; background:transparent url(http://www.liberty7.ru/images/hyphen.gif) no-repeat scroll 1px -6px;}
.def ol {list-style: decimal; margin-left: 22px; margin-top: 10px;}
div.def ol li {display: list-item; line-height: 18px; margin-bottom: 10px;}
.def ol ul {list-style-image: url(../images/hyphen.gif)! important; list-style-position: outside;}
.def img {float: none;}
.item {clear: both;}
.item .content {margin-left: 0px; padding-top: 10px; padding-bottom: 30px; float: left; position: relative; background: url(/images/test_bg.png) repeat-x top left;}
.item .content .radio-button {z-index: 10; display: block; margin-left: -24px; position: relative; float: left; //margin-top: -4px;}
.back-next {padding: 10px 0 60px 0; clear: both;}
.back-next .a-next{clear: both; text-decoration: none; font: 30px/30px Times New Roman; padding: 5px 22px 6px 5px; color: #535353; background: url(/images/a-next.png) no-repeat top left;}
.back-next .a-next:hover {clear: both; font: 30px/30px Times New Roman; padding: 5px 22px 6px 5px; color: #E55D45; background: url(/images/a-next.png) no-repeat top left;}
.item {clear: both;}
.item .content {margin-left: 0px; padding-top: 10px; padding-bottom: 30px; float: left; position: relative; background: url(/images/test_bg.png) repeat-x top left;}
.item .content .radio-button {z-index: 10; display: block; margin-left: -24px; position: relative; float: left; //margin-top: -4px;}
.back-next {padding: 10px 0 60px 0; clear: both;}
.back-next .a-next{clear: both; text-decoration: none; font: 30px/30px Times New Roman; padding: 5px 22px 6px 5px; color: #535353; background: url(/images/a-next.png) no-repeat top left;}
.back-next .a-next:hover {clear: both; font: 30px/30px Times New Roman; padding: 5px 22px 6px 5px; color: #E55D45; background: url(/images/a-next.png) no-repeat top left;}
.on {margin-bottom: 7px;}
.our_services ul {padding-top: 0px;}
#what_is_dif_layer {top: 10px ! important;}
.interesting_wrapper { margin-right: -50px; }
*html .interesting_wrapper { margin-right: -60px; }
#interesting { font: 12px/20px Tahoma; margin-bottom: 36px; width: 100%; display: block }
#interesting .caption { position: relative; font: 40px/20px Times New Roman; margin-top: 15px;}
#interesting .interesting_cat { line-height: 32px; padding-top: 37px; }
#interesting .interesting_cat a { display: inline-block; font-style: italic; font-size: 16px; font-family: Arial; }
#interesting .interesting_cat span { display: inline-block; }
#interesting .interesting_cat sup { display: inline-block; top: -0.25em; font-family: arial; font-size: 9px; position: relative; left: 9px; }
*+html #interesting .interesting_cat sup { top: -0.25em; margin-left: 5px; }
*html #interesting .interesting_cat sup { top: -0.25em; margin-left: 5px; }
#interesting .nowrap { white-space: nowrap; padding-right: 6%; font-size: 16px; }
*+html .interesting_cat { display: block; overflow: hidden; }
#interesting .interesting_list { padding-top: 24px; }
*+html #interesting .interesting_list { padding-top: 14px; }
#interesting .interesting_list .item { width: 70%; text-align: left; font-size: 14px; min-height: 70px; padding: 5px 0 25px 115px; }
#interesting .interesting_list .bg1 { background: url(../images/item_img.png) no-repeat -400px -2px; }
#interesting .interesting_list .bg2 { background: url(../images/item_img.png) no-repeat -300px -80px; }
#interesting .interesting_list .bg3 { background: url(../images/item_img.png) no-repeat -200px -160px; }
#interesting .interesting_list .bg4 { background: url(../images/item_img.png) no-repeat -100px -222px; }
#interesting .interesting_list .bg5 { background: url(../images/item_img.png) no-repeat -0px -299px; }
#project { margin-top: 61px; }
.w50 {
width: 50%;
float: left;
margin-right: -1px;
}
/* Клиенты */
#interesting #client_list div.item { font: 12px/20px Tahoma; padding: 5px 0 25px; overflow: hidden }
#client_list div.item .img { border: 1px solid #f0f0f0; float: left; margin: 10px 15px 0 0 }
#client_list div.item div { height: 1%; overflow: hidden }
#client_list div.item div p a { border-bottom: 1px dashed; text-decoration: none }
#client_list div.item div p a:hover { border-bottom: 0 solid }
#client_list div.item div ul { display: none; padding: 8px 0 0 0 }
#client_list div.item div ul li { background: url("http://www.liberty7.ru/images/hyphen.gif") no-repeat 1px -5px; padding-left: 22px }
/*
.homepage-img {
left: -50px;
margin-bottom: -3px;
margin-left: -100%;
margin-top: -1px;
position: relative;
z-index: -1;
}
*/
.homepage-img {
float: left;
left: -50px;
margin-bottom: -3px;
margin-left: -58%;
margin-top: -1px;
position: relative;
z-index: -1;
}