@import url(reset.css);
#wrapper {
    width: 1024px;
    margin: 0 auto;
}

#topLine {
    height: 18px;
    background-image: url(../images/topStripe.png);
    background-repeat: repeat-x;
    background-color: #cccccc;
}

/*Начало блока header*/

header {
    height: 156px;
    position: relative;
}

#Logotip {
    height: 92px;
    width: 228px;
    background-image: url(../images/logo.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 66px;
    top: 30px;
}

#Logotip a {
    display: block;
    height: 92px;
    cursor: pointer;
}

#fag {
    height: 164px;
    width: 82px;
    background-image: url(../images/fag.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 44px;
    top: -19px;
}

#fag a {
    display: block;
    height: 164px;
    cursor: pointer;
}

nav ul {
    width: 510px;
    height: 40px;
    position: absolute;
    left: 377px;
    top: 54px;
}

nav ul li {
    float: left;
    margin-right: 28px;
}

nav ul li a {
    font: 16px Arial, sans-serif;
    color: #3f3f3f;
    text-transform: uppercase;
    text-decoration: none;
}

nav ul li a.firstTopNav, nav ul li a:hover {
    color: #2c789c;
}

nav ul li a.lastTopNav {
    margin-right: 0;
}

#people {
    height: 405px;
    position: relative;
    background-image: url(../images/fonPeople.jpg);
    background-position: 95px 58px;
    background-repeat: no-repeat;
}

#imPeople {
    width: 377px;
    height: 383px;
    background-image: url(../images/peopleIm.jpg);
    background-repeat: no-repeat;
    position: absolute;
    right: 54px;
    top: 0;
}

#slogan {
    width: 361px;
    height: 80px;
    position: absolute;
    top: 211px;
    right: 632px;
    text-align: right;
}

#slogan h1 {
    font: bold 23px Arial, sans-serif;
    color: #1d1e1b;
    text-transform: uppercase;    
}

#slogan p {
    font: 16px Arial, sans-serif;
    color: #2c789c;
}

#lateralBl {
    height: 93px;
    width: 1024px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/lateralLine.png);
    background-repeat: repeat-y;
}

.returnBut {
    position: fixed;
    width: 25px;
    height: 200px;
    left: 0;
    top: 250px;
    z-index: 10;
}

/*конец блока с людьми*/

/*начало цветного блока*/

#colorBl {
    /*height: 146px;*/
    background-image: url(../images/lateralBlBg.png);
    background-repeat: repeat-y;
    padding: 0 47px 0 41px;
}

#blueBl {
    /*height: 115px;*/
    width: 292px;
    background-color: #2c789c;
    float: left;
    padding: 19px 0 12px 14px;
    background-image: url(../images/pic1.png);
    background-position: 249px 7px;
    background-repeat: no-repeat;
    position: relative;
}

#yellowBl {
    /*height: 115px;*/
    width: 303px;
    background-color: #e5b00d;
    float: left;
    padding: 19px 0 12px 21px;
    background-image: url(../images/pic2.png);
    background-position: 265px 7px;
    background-repeat: no-repeat;
    position: relative;
}

#greenBl {
    /*height: 115px;*/
    width: 281px;
    background-color: #97ba15;
    float: left;
    padding: 19px 0 12px 25px;
    background-image: url(../images/pic3.png);
    background-position: 253px 7px;
    background-repeat: no-repeat;
    position: relative;
}

#colorBl article h2 {
    font: bold 19px Arial, sans-serif;
    color: #ffffff;
    line-height: 16px;
    margin-bottom: 15px;
}

#colorBl article p {
    font: 16px Arial, sans-serif;
    color: #ffffff;
    line-height: 16px;
    margin-bottom: 10px;
}

#colorBl article a {
    display: block;
    cursor: pointer;
    width: 90px;
    height: 23px;
    background-image: url(../images/whiteButton.png);
    background-repeat: no-repeat;
    font: 16px Arial, sans-serif;
    color: #000000;
    padding: 3px 0 0 9px;
    text-decoration: none;
    position: absolute;
    bottom: 12px;
}

#blueBl a {
    left: 14px;
}

#yellowBl a {
    left: 28px;
}

#greenBl a {
    left: 30px;
}

#blueTr {
    width: 24px;
    height: 49px;
    position: absolute;
    background-image: url(../images/blueTriangle.png);
    background-repeat: no-repeat;
    left: 0;
    top: 50px;
}

#yellowTr {
    width: 24px;
    height: 49px;
    position: absolute;
    background-image: url(../images/yellowTriangle.png);
    background-repeat: no-repeat;
    left: 0;
    top: 50px;
}

#yellowBl p {
    margin-left: 7px;
}

#greenBl p {
    margin-left: 5px;
}

.clear {
    clear: both;
}

.emptyBl {
    height: 26px;
}

/*конец цветного блока*/

/*начало черно-белого блока*/

#blackWhiteBl {
    /*height: 227px;*/
    background-image: url(../images/lateralBlBg.png);
    background-repeat: repeat-y;
    padding: 16px 63px 30px 56px;
    position: relative;
    z-index: 1;
}

#leLatBl {
    width: 26px;
    height: 100px;
    background-image: url(../images/leftLateralBl.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}

#riLatBl {
    width: 28px;
    height: 100px;
    background-image: url(../images/rightLateralBl.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}

#botLiBl {
    width: 975px;
    height: 1px;
    background-image: url(../images/bottomLine.png);
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 25px;
}

#welcomeBl {
    width: 641px;
    /*height: 221px;*/
    float: left;
    padding-top: 6px;
    position: relative;
}

#formBl {
    width: 264px;
    /*height: 221px;*/
    float: left;
    padding-top: 6px;
    position: relative; 
}

#welcomeBl article h2, #formBl h2 {
    font: 24px Arial, sans-serif;
    color: #000000;
    line-height: 16px;
    margin-bottom: 12px;
}

#welcomeBl article p.boP {
    font: bold 16px Arial, sans-serif;
    color: #1d1e1b;
    line-height: 17px;
    margin-bottom: 20px;
}

#welcomeBl article p {
    font: 16px Arial, sans-serif;
    color: #7b7d78;
    line-height: 17px;
    margin-bottom: 9px;
}

#welcomeBl article a {
    display: block;
    cursor: pointer;
    width: 90px;
    height: 23px;
    background-image: url(../images/blackButton.png);
    background-repeat: no-repeat;
    font: 16px Arial, sans-serif;
    color: #90918f;
    padding: 3px 0 0 9px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0;
}

input {
    padding: 0;
}

#formBl input.In {
    width: 246px;
    height: 31px;
    border: 1px solid #dedede;
    font: 16px Arial, sans-serif;
    color: #bebebe;
    margin-bottom: 11px;
    padding-left: 16px;
}

#formBl input.lastIn {
    position: absolute;
    bottom: 0;
    left: 0;
}

/*конец черно-белого блока*/

/*начало темного блока*/

#darkBl {
    height: 403px;
    background-color: #1d1e1b;
    padding: 12px 25px 15px 39px;
}

#planBl {
    height: 403px;
    width: 290px;
    float: left;
    margin-right: 37px;
    position: relative;   
}

#teamBl {
    height: 403px;
    width: 290px;
    float: left;
    margin-right: 37px;
    position: relative;   
}

#blogBl {
    height: 403px;
    width: 306px;
    float: left;   
}

#darkBl article h2, #blogBl section h2 {
    font: 19px Arial, sans-serif;
    color: #f1f1f1;
    text-transform: uppercase;
    line-height: 21px;
    margin-bottom: 8px;
}

#ph1, #ph2 {
    width: 290px;
    height: 115px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    
}

#ph1 {
    background-image: url(../images/photo1.jpg);
}

#ph2 {
    background-image: url(../images/photo2.jpg);
}

#planBl article p, #teamBl article p {
    color: #94998f;
    font: 11px Arial, sans-serif;
    line-height: 16px;
}

#planBl article a, #teamBl article a {
    display: block;
    cursor: pointer;
    width: 90px;
    height: 23px;
    background-image: url(../images/blueButton.png);
    background-repeat: no-repeat;
    font: 16px Arial, sans-serif;
    color: #98bdce;
    padding: 3px 0 0 9px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    left: 0;
}

#blogBl section h2 a.smal {
    font: 16px Arial, sans-serif;
    color: #2c789c;
    text-transform: none;
    text-decoration: none;
    margin-left: 18px;
}

#post1, #post2, #post3 {
    height: 82px;
    margin-bottom: 40px;
}

#ph3, #ph4, #ph5 {
    width: 112px;
    height: 82px;
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
}

#ph3 {
    background-image: url(../images/photo3.jpg);
}

#ph4 {
    background-image: url(../images/photo4.jpg);
}

#ph5 {
    background-image: url(../images/photo5.jpg);
}

article h3 {
    font: bold 12px Arial, sans-serif;
    color: #ffffff;
    line-height: 16px;    
}

section article p {
    font: 11px Arial, sans-serif;
    color: #94998f;
    line-height: 16px;    
}

section article a {
    font: 11px Arial, sans-serif;
    color: #2c789c;    
}

/*Конец темного блока*/

/*Начало серого блока*/

#greyBl {
    height: 204px;
    background-color: #2e302c;
    padding: 12px 0 0 40px;
}

#aboutBl {
    height: 204px;
    width: 310px;
    margin-right: 16px;
    float: left;
}

#partnerBl {
    height: 204px;
    width: 635px;
    float: left;
}

#aboutBl article h2, #partnerBl h2 {
    font: 19px Arial, sans-serif;
    color: #ffffff;
    line-height: 23px;
    text-transform: uppercase;
}

#aboutBl article h2 {
    margin-bottom: 2px;
}

#aboutBl article p {
    color: #94998f;
    font: 11px Arial, sans-serif;
    line-height: 16px;
    margin-bottom: 7px;
    
}

#aboutBl article a {
    color: #2c789c;
    font: 16px Arial, sans-serif;
    text-decoration: none;
}

#partnerBl h2 {
    margin-bottom: 4px;
}

#partnerBl ul {
    float: left;
}

#partnerBl li {
    color: #94998f;
    font: 11px Arial, sans-serif;
    margin-bottom: 15px;
    background-image: url(../images/cross.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

#list1 {
    padding-left: 21px;
}

#list1 li {
    padding-left: 24px;
}

#list2 {
    padding-left: 76px;
}

#list2 li {
    padding-left: 33px;
}

/*Конец серого блока*/

/*Начало футера*/

footer {
    height: 155px;
    background-color: #131412;
    position: relative;
}

footer p {
    position: absolute;
    left: 40px;
    top: 80px;
    color: #9b9d99;
    font: 13px Arial, sans-serif;
}

footer p a {
    color: #9b9d99;
    font: 13px Arial, sans-serif;
    text-decoration: none;
}

#botNav {
    width: 440px;
    height: 25px;
    position: absolute;
    right: 37px;
    top: 77px;
}

#botNav li {
    float: right;
    margin-left: 24px;
}

#botNav li a {
    font: 13px Arial, sans-serif;
    color: #747870;
    text-transform: uppercase;
    text-decoration: none;
}

#botNav li a.lastbotNav, #botNav li a:hover {
    color: #2c789c;
}

#soIcon {
    height: 25px;
    width: 170px;
    position: absolute;
    right: 37px;
    top: 110px; 
}

#soIcon li {
    float: right;
    margin-left: 6px;
}

#soIcon li a {
    display: block;
    cursor: pointer;
    height: 22px;
    background-repeat: no-repeat;
}

#soIcon li a.ic1 {
    width: 24px;
    background-image: url(../images/spriteIc1.png);
    background-position: 0 -22px;
}

#soIcon li a:hover.ic1 {
    background-position: 0 0;
}

#soIcon li a.ic2 {
    width: 28px;
    background-image: url(../images/spriteIc2.png);
    background-position: 0 -22px;
}

#soIcon li a:hover.ic2 {
    background-position: 0 0;
}

#soIcon li a.ic3 {
    width: 22px;
    background-image: url(../images/spriteIc3.png);
    background-position: 0 -22px;
}

#soIcon li a:hover.ic3 {
    background-position: 0 0;
}

#soIcon li a.ic4 {
    width: 64px;
    background-image: url(../images/spriteIc4.png);
    background-position: 0 -22px;
}

#soIcon li a:hover.ic4 {
    background-position: 0 0;
}

/*Конец футера*/