html, body
{
position: relative;
min-width: 689px;
}
.block{
position: relative;
min-width: 792px;
width: 792px;
margin: 0 auto;
clear: both;
}
.color72{
color: #727272;
}
#a_kover{
color: #005CCF;
text-decoration: underline;
}
#a_kover:hover{
color: #000;
}
/*Заголовок сайта*/
body>header{
padding-bottom: 24px;
}
.s1{
height: 100%;
}
.logo, .call{
position: relative;
}
.s1 .logo img{
left: 2px;
position: absolute;
width: 193px;
top: 6px;
}
.s1 .logo .title1{
padding-top: 56px;
}
.s1 .call .line1{
color: #191919;
padding-top: 49px;
display: block;
}
.s1 .call img{
left: 0;
position: absolute;
top: 8px;
}
.s1 .title2{
color: #191919;
padding-top: 44px;
}
/*Получить прайс*/
.gradient1{
background: url(../images/s2/gradient1.png) repeat-x center center;
height: 318px;
}
.long1{
/*background: url(../images/s2/bg.png) no-repeat center center;*/
margin: 0 auto;
height: 332px;
}
.s2{
position: relative;
height: 100%;
}
.s2 .floor{
left: 0;
position: absolute;
width: 420px;
top: 27px;
}
.s2 .form1{
background: url("../images/s2/form.png") no-repeat scroll center center transparent;
height: 234px;
position: absolute;
right: 1px;
top: 28px;
width: 253px;
}
.s2 .form1 input{
border: 0;
outline: none;
background: none repeat scroll 0 0 transparent;
color: #6E6E6E;
height: 26px;
left: 22px;
line-height: 26px;
position: absolute;
width: 211px;
}
.s2 .form1 .input1
{
top: 17px;
}
.s2 .form1 .input2
{
top: 59px;
}
.s2 .form1 .input3
{
top: 101px;
}
.s2 .form1 .input4
{
top: 144px;
text-decoration:none;
}
.s2 .form1 .send{
display: block;
background: url(../images/s2/buttom.png) no-repeat top center;
height: 50px;
width: 239px;
text-align: center;
color: white;
line-height: 50px;
position: absolute;
bottom: 3px;
left: 0px;
width: 100%;
letter-spacing: 1px;
}
.s2 .form1 .send:hover{
background-position: bottom center;
}
.s2 .title1{
bottom: 21px;
letter-spacing: 0;
position: absolute;
width: 100%;
}
/*Почему фальшполы*/
.long2{
background: url("../images/s3/dot.png") repeat-x scroll center center transparent;
height: 8px;
margin-top: 29px;
}
.s3{
height: 100%;
padding-top: 25px;
position: relative;
}
.s3 .column1{
width: 485px;
}
.s3 .column1 .title1{
color: #191919;
padding-bottom: 14px;
}
.column1 .line1{
line-height: 103%;
padding: 6px 28px 12px 48px;
position: relative;
}
.column1 .line1.last{
padding-bottom: 0px;
}
.column1 .line1 img{
position: absolute;
left: 0px;
top: 0;
vertical-align: middle;
}
.s3 .column2{
width: 204px;
position: relative;
}
.s3 .column2 img{
position: absolute;
right: 40px;
width: 225px;
top: 39px;
}
/*Получить прайс*/
.s4{
height: 100%;
position: relative;
padding-top: 43px;
}
.s4 .container1,
.s4 .container1 a
{
color: #191919;
width: 171px;
}
.s4 .container1 a:hover{text-decoration:none;}
.s4 .container1 .box{
line-height: 84%;
padding-top: 10px;
text-decoration: underline;
}
.s4 .container2{
width: 133px;
padding-right: 10px;
}
.s4 .container3{
width: 240px;
}
.s4 .form1{
background: url("../images/s4/form.png") no-repeat scroll center center transparent;
height: 227px;
position: absolute;
right: 0;
top: 43px;
width: 226px;
}
.s4 .form1 input{
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #6E6E6E;
height: 29px;
left: 22px;
line-height: 29px;
outline: medium none;
position: absolute;
width: 216px;
}
.s4 .form1 .input1
{
top: 21px;
}
.s4 .form1 .input2
{
top: 70px;
}
.s4 .form1 .input3
{
top: 118px;
}
.s4 .form1 .input4
{
top: 152px;
}
.s4 .form1 .send{
background: url("../images/s4/button.png") no-repeat scroll center top transparent;
bottom: 8px;
color: white;
display: block;
height: 56px;
left: 8px;
letter-spacing: 2px;
line-height: 56px;
position: absolute;
text-align: center;
width: 216px;
}
.s4 .form1 .send:hover{
background-position: bottom center;
}
/*Почему клиенты выбирают нас*/
.s5{
height: 100%;
padding-bottom: 44px;
padding-top: 78px;
position: relative;
}
.s5 .title1{
color: #191919;
padding-bottom: 8px;
}
.s5 .column1{
width: 55%;
}
.s5 .column1 .line1{
padding-left: 28px;
padding-right: 5px;
padding-top: 5px;
line-height: 89%;
}
.s5 .column2 img
{
width: 356px;
padding-top: 6px;
}
/*Проекты с фальшполом*/
.gradient2{
background: url("../images/s6/gradient2.png") repeat-x scroll center center transparent;
height: 497px;
}
.long3{
/*background: url("../images/s6/long.png") no-repeat scroll center center transparent;*/
height: 495px;
padding-top: 11px;
}
.s6{
width: 689px;
min-height: 440px;
margin: 0 auto;
position: relative;
padding-top: 22px;
text-align: center;
}
.s6 .arrow-left{
display: block;
width: 32px;
height: 81px;
position: absolute;
left: 50px;
top: 49%;
margin-top: -40px;
cursor: pointer;
background: url(../images/s6/arrow-left.png) no-repeat left center;
}
.s6 .arrow-right{
display: block;
width: 32px;
height: 81px;
position: absolute;
right: 45px;
top: 49%;
margin-top: -40px;
cursor: pointer;
background: url(../images/s6/arrow-right.png) no-repeat right center;
}
.s6 .container
{
height: 361px;
margin: 35px auto 0;
position: absolute;
left:50%;
margin-left: -295px;
width: 598px;
}
.s6 .container img
{
display: none;
left: 0;
position: absolute;
top: -15px;
}
.s6 .container img.active
{
display: block;
}
.slider .selector
{
cursor: pointer;
float: left;
margin: 0 5px;
width: 20px;
height: 20px;
background: url(../images/s6/switch.png) no-repeat center center;
}
.slider .box-img
{
bottom: 22px;
left: 50%;
position: absolute;
}
.slider .selector.active
{
background: url(../images/s6/switch-none.png) no-repeat center center;
}
/* Звоните*/
.s7{
padding-bottom: 50px;
}
.s7 .title1{
color: #191919;
padding-top: 27px;
}
.s7 .box-left,
.s7 .box-right
{
padding-top: 49px;
position: relative;
width: 49%;
}
.s7 .box-left p,
.s7 .box-right p
{
padding-bottom: 16px;
padding-left: 43px;
}
.s7 .box-left .line2,
.s7 .box-right .line2
{
padding-bottom: 37px;
}
.s7 .box-left img,
.s7 .box-right img
{
position: absolute;
left: 0px;
}
.s9 > #ofical_certificat{
width: 580px;
margin: 0 auto;
padding-bottom: 370px;
}
.s9 > #ofical_certificat > a{
display: inline-block;
float: left;
padding: 0 15px;
}
#ofical_certificat > a:before {
content: "";
width: 238px;
height: 313px;
background-image: url(../img/frame_hover.png);
position: absolute;
top: 9px;
display: none;
}
#ofical_certificat > a:hover:before {
display:block;
}
body > footer
{
height: 140px;
background: #ececec;
position: relative;
}
.s8 .description
{
left: 0;
position: absolute;
top: 20px;
}
.s8 .description .line1
{
padding-top: 5px;
}
.s8 .site-logo
{
width: 216px;
height: 41px;
background: url(../images/s8/site-logo.png) no-repeat center center;
display: block;
}
.s8 .phone .get-price
{
display: block;
position: relative;
width: 225px;
height: 56px;
line-height: 58px;
background: url(../images/s8/get.png) no-repeat top center;
}
.s8 .phone .get-price:hover
{
background-position: bottom center;
}
.s8 .phone
{
position: absolute;
right: 0;
top: 20px;
width: 224px;
}
.s8 .phone .line1
{
padding-bottom: 14px;
letter-spacing: 0;
display: block;
}
.s8 .phone .line1
{
color: black;
}
#thanks {
height: 815px;
text-align: center;
padding-top: 12px;
}
#thanks .container h2 {
margin-bottom: 18px;
}
#thanks .items .itm img {
margin-left: 5px;
margin-right: 5px;
}
#thanks .items .itm {
position: relative;
}
#thanks .items .itm:before {
content: "";
margin-left: 5px;
margin-right: 5px;
width: 234px;
height: 313px;
display: block;
background-image: url(../img/frame_hover.png);
position: absolute;
top: -305px;
left: 9px;
display:none;
}
#thanks .items .itm:hover:before {
display:block;
}