html, body
{
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
font: 12px 'Tahoma', 'sans';
background: #fff;
}
table, tr, td
{
border-collapse: collapse;
}
a img
{
border: none;
}
a:hover
{
text-decoration: none;
}
.main
{
width: 990px;
margin: auto;
position: relative;
}
/*верхнее меню*/
.homenav
{
position: absolute;
width: 100px;
top: 18px;
right: 13px;
}
.homenav img
{
float: right;
margin: 0 0 0 10px;
}
.topMenu
{
height: 30px;
padding: 8px 0 0 0;
background: url('../img/topMenuBg.gif') repeat-x top;
}
.topMenu div
{
height: 30px;
float: left;
background: url('../img/topMenuBg_d.gif') repeat-x top;
}
.topMenu div.active
{
background: url('../img/topMenuBg_a.gif') repeat-x top;
}
.topMenu div div
{
position: relative;
background: none;
padding: 0px;
height: 0px;
float: left;
}
.topMenu div div div
{
position: absolute;
background: #fff;
top: 30px;
border-right: #4e318a 2px solid;
border-bottom: #4e318a 2px solid;
height: 70px;
overflow: hidden;
display: none;
font: 11px 'Verdana';
color: #4e318a;
text-align: center;
padding: 5px;
}
.topMenu div div div a
{
text-decoration: none;
color: #4e318a;
}
.topMenu div img, .topMenu div span
{
float: left;
cursor: pointer;
}
.topMenu div span
{
display: block;
padding: 2px 5px 0 5px;
}
/*шапка*/
.header
{
width: 990px;
height: 285px;
float: none;
clear: both;
cursor: pointer;
position: relative;
}
.header .linker
{
position: absolute;
height: 260px;
width: 990px;
top: 25px;
left: 0px;
float: left;
}
.header .phone
{
width: 292px;
height: 277px;
float: left;
background: url('../img/phoneBg.jpg') no-repeat left top;
font: 33px 'Verdana';
color: #4e318a;
letter-spacing: -4px;
padding: 8px 0 0 0;
}
.header .emp
{
background: url('../img/phoneBg2.jpg') no-repeat left top;
}
.header .phone small
{
font: 12px 'Verdana';
letter-spacing: -1px;
margin: 18px 0 0 0;
padding: 0px;
display: block;
float: left;
}
.header .slogan
{
width: 498px;
height: 285px;
float: left;
background: url('../img/sloganBg.jpg') no-repeat left top;
font: 11px 'Verdana';
}
#firstheader
{
font-size: 14px;
text-align: center;
color: #4E318A;
}
.header .emps
{
background: url('../img/sloganBg2.jpg') no-repeat left top;
}
.header .slogan a
{
color: #fff;
padding: 0 15px 0 0;
}
.header .slogan div
{
width: 440px;
text-align: center;
padding: 10px 0 0 0;
height: 103px;
}
.header .slogan div.titleDiv
{
display:block;
font: 23px 'Verdana';
color: #4e318a;
margin: 0px;
padding: 0 0 0 167px;
width: auto;
height: auto;
text-align: left;
}
.header .slogan div.titleDiv img, .header .slogan div.titleDiv em, .header .slogan div.titleDiv a
{
display: block;
margin: 0px;
}
.header .slogan div.titleDiv em
{
font: normal 11px 'Verdana';
color: #fff;
}
.header .workData
{
width: 200px;
height: 285px;
float: left;
background: url('../img/rightWorkBg.jpg') no-repeat left top;
font: bold 19px 'Verdana';
color: #fff;
}
.header .workData div.p1, .header .workData div.p2
{
text-align: right;
display: block;
margin: 35px 13px 0 0;
padding: 0 0 10px 0;
font: bold 19px 'Verdana';
}
.header .workData big, .header .workData strong
{
display: block;
font: bold 32px/18px 'Verdana';
color: #4e318a;
text-transform: uppercase;
}
.header .workData strong
{
font: bold 27px 'Verdana';
margin: -6px 0 0 0;
}
.header .workData div.p2
{
font: bold 14px 'Verdana';
}
.header .workData div.p2 strong
{
font: bold 31px 'Verdana';
margin: -8px 0 0 0;
}
.header .workData div.p2 big
{
font: bold 28px/18px 'Verdana';
}
.header .workData span
{
position: relative;
display: block;
width: 100%;
height: 0px;
line-height: 0%;
text-align: left;
}
.header .workData img
{
margin: auto;
position: absolute;
right: 83px;
top: -4px;
}
.header .workData div.p1 img
{
right: 113px;
top: -11px;
}
/*подвал*/
.footer
{
width: 990px;
height: 99px;
background: url('../img/footerBg.jpg') no-repeat left top;
}
.footer div
{
width: 537px;
float: left;
padding: 38px 0 0 13px;
font: 11px/16px 'Verdana';
color: #fff;
}
.footer a
{
color: #fff;
}
.footer img
{
display: block;
margin: 0 0 6px 0;
}
.footer span
{
width: 427px;
float: left;
display: block;
text-align: right;
padding: 48px 13px 0 0;
font: 12px 'Verdana';
color: #fff;
}
.footer span a
{
text-decoration: none;
}
.footer span a:hover
{
text-decoration: underline;
}
/*контент*/
.content
{
width: 990px;
background: url('../img/contentBg.jpg') no-repeat left bottom;
font: 12px 'Verdana';
color: #5b5b5c;
}
/*левая часть*/
.leftArea
{
width: 511px;
float: left;
margin: 0px;
}
.leftArea h2, .leftArea .textDiv h1,
.leftArea div.title
{
margin: 0px;
padding: 0 0 7px 0;
text-align: center;
font: 15px 'Verdana';
color: #4e318a;
}
.leftArea .textDiv img
{
border: #ddd 1px solid;
margin: 10px 0 10px 0;
}
.leftArea p
{
margin: 0px;
padding: 0 0 12px 0;
}
.leftArea ul, .leftArea ul li
{
margin: 0px;
padding: 0 0 10px 0;
list-style: none;
color: #4e318a;
font: 12px 'Arial';
}
.leftArea ul li
{
padding: 0 0 5px 14px;
background: url('../img/bul.gif') no-repeat left 3px;
}
.leftArea ul a
{
color: #4e318a;
}
.textDiv
{
padding: 0 13px 0 13px;
}
.sss {
display:block;
float:left;
}
.textDiv p
{
text-indent: 35px;
}
/*форма обратной связи*/
.feedback
{
width: 484px;
height: 279px;
padding: 5px 0 0 14px;
margin: 0 0 7px 13px;
background: url('../img/formBg.gif') no-repeat left top;
}
.rightArea .feedback
{
margin: 20px 0 20px 0;
background: url('../img/formBg_r.gif') no-repeat left top;
}
.feedback div
{
width: 467px;
height: 28px;
padding: 2px 0 0 3px;
background: url('../img/inputBg.gif') no-repeat left top;
}
.feedback em
{
display: block;
width: 470px;
height: 107px;
background: url('../img/textAreaBg.gif') no-repeat left top;
}
.rightArea .feedback div
{
background: url('../img/inputBg_r.gif') no-repeat left top;
}
.rightArea .feedback em
{
background: url('../img/textAreaBg_r.gif') no-repeat left top;
}
form
{
margin: 0px;
padding: 0px;
}
.feedback div input
{
font: 12px 'Verdana';
color: #5b5b5c;
width: 460px;
border: none;
background: none;
}
.feedback textarea
{
width: 460px;
height: 90px;
border: none;
background: none;
font: 12px 'Verdana';
color: #5b5b5c;
display: block;
margin: 3px;
}
.rightArea .feedback div input, .rightArea .feedback textarea
{
width: 428px;
}
.feedback div.title
{
font: 15px 'Verdana';
color: #46b216;
margin: 0px;
padding: 0 0 5px 0;
width: auto;
height: auto;
background: none;
text-align: left;
}
.feedback div.title span
{
color: #5b5b5c;
font: 12px 'Verdana';
/*display: block;*/
margin: -1px 0 1px 0;
}
.sendBut
{
width: 107px;
height: 36px;
border: none;
background: url('../img/sendBg.gif') no-repeat left top;
font: 13px 'Verdana';
color: #fff;
padding: 0 0 3px 0;
margin: 0px;
}
/*правая часть*/
.rightArea
{
width: 479px;
float: left;
overflow: hidden;
background: url('../img/hand.jpg') no-repeat left top;
}
.rightArea .time
{
width: 180px;
text-align: center;
padding: 0 0 0 100px;
font: 17px 'Verdana';
color: #4e318a;
float: left;
}
.rightArea .time div
{
font: 17px 'Verdana';
}
.rightArea .time a
{
font: 15px 'Verdana';
color: #4e318a;
text-decoration: none;
}
.rightArea .time a:hover
{
text-decoration: underline;
}
.rightArea .time div span
{
font: 15px 'Verdana';
}
.rightArea .time big
{
font: bold 19px 'Verdana';
color: #53c521;
}
.rightArea .time big strong
{
font: bold 42px 'Verdana';
color: #4e318a;
}
.rightArea .rightMenu
{
width: 187px;
display: block;
float: left;
padding: 20px 0 0 0;
margin: 0px;
list-style: none;
}
.rightArea .rightMenu li
{
text-align: right;
list-style: none;
font: 14px 'Arial';
color: #4e318a;
margin: 0px;
padding: 0 0 4px 0;
}
.rightArea .rightMenu li a
{
font: 14px 'Arial';
color: #4e318a;
}
.rightArea .textDiv
{
padding: 10px 13px 10px 13px;
}
/*новости*/
.newsBlock
{
padding: 10px 13px 10px 13px;
}
.newsBlock div
{
padding: 9px 0 0 0;
}
.newsBlock div.title
{
font: 14px 'Verdana';
margin: 0px;
padding: 0px;
color: #4e318a;
}
.newsBlock div p
{
margin: 0px;
padding: 0px;
}
.newsBlock div u, .newsBlock div a
{
color: #46b216;
}
/*контент снизу*/
.bottomArea
{
width: 964px;
padding: 0 13px 0 13px;
}
.noteContent
{
width: 685px;
height: 315px;
padding: 0 13px 50px 292px;
}
.noteContent2
{
width: 685px;
height: 165px;
padding: 0 13px 50px 292px;
}
.bottomArea a, .noteContent a, .textDiv a
{
color: #46b216;
}
.clear
{
width: 100%;
height: 1px;
line-height: 0%;
clear: both;
float: none;
}
/*портфолио*/
.portfolio
{
width: 466px;
height: 164px;
background: url('../img/portfolioBg.gif') no-repeat left top;
margin: 15px 0 0 0;
position: relative;
}
.portfolio .bigPhoto
{
position: absolute;
left: 0px;
top: 2px;
}
.portfolio .bigPhoto img
{
border: #868686 7px solid;
}
.portfolio .text, .portfolio .textApp
{
font: 14px 'Verdana';
color: #46b316;
width: 125px;
text-align: right;
padding: 75px 0 0 0;
height: 89px;
}
.portfolio .textApp
{
font: 11px 'Arial';
text-align: left;
width: 115px;
padding: 75px 0 0 30px;
}
.portfolio .w1, .portfolio .w2, .portfolio .w3
{
position: absolute;
top: 2px;
}
.portfolio .w1
{
left: 130px;
top: 2px;
width: 140px;
overflow: hidden;
}
.portfolio .w2
{
left: 240px;
top: 2px;
width: 140px;
overflow: hidden;
}
.portfolio .w3
{
left: 352px;
top: 2px;
width: 115px;
overflow: hidden;
}
.portfolio .mask
{
left: 352px;
width: 115px;
overflow: hidden;
width: 26px;
height: 180px;
position: absolute;
left: 453px;
top: -8px;
}
.portfolio .mask img
{
background: url('../img/mask_right.png') no-repeat left top;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mask_right.png', SizingMethod='scale');
}
.portfolio .mask img
{
//background: none;
}
.portfolio strong
{
position: absolute;
display: block;
width: 39px;
height: 95px;
font: normal 10px 'Verdana';
color: #fff;
padding: 73px 2px 0 0;
text-align: right;
}
.portfolio strong
{
_height: 90px;
_padding: 78px 2px 0 0;
}
*+html .portfolio strong
{
height: 90px;
padding: 78px 2px 0 0;
}
.portfolio .w1 strong
{
background: url('../img/mask_green.png') no-repeat left top;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mask_green.png', SizingMethod='scale');
}
.portfolio .w2 strong, .portfolio .w3 strong
{
background: url('../img/mask_grey.png') no-repeat left top;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mask_grey.png', SizingMethod='scale');
}
.portfolio .w1 strong, .portfolio .w2 strong, .portfolio .w3 strong
{
//background: none;
}
.stages
{
width: 990px;
margin: 15px 0 10px 0;
font: 14px 'Verdana';
color: #4e318a;
text-align: center;
}
.stages .st1
{
width: 328px;
float: left;
background: url('../img/st1.jpg') no-repeat left top;
}
.stages .st2
{
width: 328px;
float: left;
background: url('../img/st2.jpg') no-repeat left top;
}
.stages .st3
{
width: 328px;
float: left;
background: url('../img/st3.jpg') no-repeat left top;
}
.stages .title
{
text-align: center;
font: bold 24px 'Verdana';
color: #4e318a;
padding: 0 0 20px 0;
}
#footerheader
{
font-size: 16px;
}
.stages .title b
{
color: #53c421;
}
.stages div div
{
height: 260px;
}
.stages .st1 div
{
padding: 50px 0 0 0;
text-align: center;
height: 210px;
}
.stages .st2 div
{
padding: 47px 0 0 25px;
text-align: left;
height: 213px;
font: 11px 'Verdana';
}
.stages .st3 div
{
padding: 60px 0 0 0;
text-align: center;
height: 200px;
font: 16px 'Verdana';
}
.stages p
{
margin: 0px;
padding: 0 0 10px 0;
}