Рязанский государственный радиотехнический университет

Кафедра Автоматизированных Систем Управления

УТВЕРЖДЁН

КР-02069154-135-13-11

Разработка WEB-сайта строительной компании.

Приложение 2

Листов 4

body{

margin: 0px;

padding: 0px;

font-family: Arial, Helvetica, sans-serif;

line-height: 1;

font-size: 100%;

text-align: justify;

}

img{

border: none;

}

*{

margin: 0px;

padding: 0px;

}

#wrapper{

width: 1000px;

margin: 0 auto;

}

#wrapper.helper{

width: 996px;

margin: 0 auto;

font-size: 15px;

}

#header{

background: url(../pic/head-fon0.jpg) no-repeat center 0px;

height: 104px;

}

#content{

background: url(../pic/content-fon0.jpg) no-repeat center 0px;

height: 632px;

}

#header2{

background: url(../pic/head-fon2.jpg) no-repeat center 0px;

height: 64px;

}

#content2{

position: relative;

background: url(../pic/content-fon2.jpg) no-repeat center 0px;

height: 672px;

}

#header3{

background: url(../pic/head-fon3.jpg) no-repeat center 0px;

height: 64px;

}

#content3{

position: relative;

background: url(../pic/content-fon3.jpg) no-repeat center 0px;

height: 672px;

}

.menu{

color: #8c9fb1;

}

.left{

float: left;

}

.right{

float: right;

}

.clear{

clear: both;

}

#footer{

background: #accdef url(../pic/foot-fon.jpg) no-repeat center 0px;

height: 180px;

position: relative;

}

.foot-txt{

position: relative;

top: 15px;

padding: 5px;

color: #fff;

font-size: 19px;

}

.foot-year{

position: relative;

top: 50px;

text-align: center;

color: #fff;

font-size: 16px;

}

.menu,.menu a{

color: #B2C0CB;

font-size: 25px;

text-decoration: none;

}

.menu a: hover,.uslugi-ul1 a: hover,.back a: hover,.about-stroi a: hover,.decor-ul1 a: hover,.statya-menu a: hover{

text-decoration: underline;

}

.punkt1 {

margin-left: -222px;

margin-top: 38px;

}

.punkt2 {

margin-left: -122px;

margin-top: 47px;

}

.punkt3 {

margin-left: -50px;

margin-top: 47px;

}

.punkt4{

margin-left: 1px;

margin-top: 47px;

}

.punkt5{

margin-left: 18px;

margin-top: 52px;

}

.about-company,.uslugi-zag,.uslugi-zag2 {

color: #8c9fb1;

font-size: 20px;

margin-right: 202px;

margin-top: 38px;

position: relative;

z-index: 5;

}

.uslugi-zag2{

margin-right: 46px;

}

.company-txt,.uslugi-txt,.decor-gips-txt{

color: #8c9fb1;

width: 790px;

padding: 10px 8px 8px;

font-size: 17px;

}

.decor-gips-txt,.decor-gips-txt-v,.decor-kamen-txt,.remont-txt,.interier-txt{

width: 642px;

color: #2e6c8a;

padding-top: 40px;

}

.interier-txt{

position: relative;

z-index: 1;

width: 810px;

padding-left: 15px;

}

.remont-txt{

position: relative;

z-index: 1;

width: 595px;

padding: 10px 8px 8px;

font-size: 15px;

}

.decor-gips-txt-v{

margin-left: 195px;

overflow: hidden;

}

.decor-kamen-txt{

padding-top: 20px;

margin-left: 20px;

width: 720px;

}

.uslugi-txt{

color: #2e6c8a;

}

.about-stroi {

clear: both;

margin-right: 256px;

margin-top: 238px;

}

.about-stroi a,.about-stroi ul{

color: #B2C0CB;

text-decoration: none;

}

.uslugi-zag {

margin-right: 312px;

}

.uslugi-txt p,.uslugi-ul2 li{

margin-left: 10px;

}

.uslugi-ul2 li a{

font-size: 17px;

}

.uslugi-ul1 a{

color: #2e6c8a;

font-size: 18px;

text-decoration: none;

}

.back ul,.back a{

color: #2E6C8A;

text-decoration: none;

font-size: 17px;

font-weight: bold;

}

.next ul,.next a{

color: #2E6C8A;

text-decoration: none;

font-size: 17px;

}

.next li{

float: left;

margin-left: 55px;

}

.next{

position: relative;

z-index: 2;

left: 150px;

top: 15px;

}

.back{

position: absolute;

bottom: 60px;

right: 60px;

padding: 20px;

background: url(../pic/pl.png) repeat;

border-radius: 20px;

z-index: 5;

}

.decor-gips-zag{

color: #8C9FB1;

font-size: 16px;

margin-right: 82px;

text-align: left;

width: 292px;

position: relative;

z-index: 5;

}

.decor-img{

position: absolute;

right: 150px;

top: 55px;

}

.decor-ul1 li {

float: left;

margin-left: 134px;

}

.decor-ul1 a{

color: #2e6c8a;

font-size: 16px;

text-decoration: none;

}

.dop-spisok ul{

position: absolute;

right: 1px;

top: 1px;

color: #2e6c8a;

width: 150px;

text-align: left;

}

.dop-spisok a{

color: #2e6c8a;

font-size: 13px;

text-decoration: none;

}

.dop-spisok a: hover,.next a: hover{

color: #8C9FB1;

}

.dop-1{

margin-top: 5px;

margin-left: 12px;

}

.dop-2{

margin-top: 5px;

margin-left: 43px;

}

.dop-3,.dop-6{

margin-top: 5px;

/*margin-left: 62px; */

margin-left: 58px;

}

.dop-4,.dop-5{

margin-top: 5px;

margin-left: 70px;

}

.gips2-pic {

bottom: 200px;

position: absolute;

right: 42px;

}

.paragraph{

width: 532px;

}

.kamen1-pic {

bottom: 338px;

position: absolute;

right: 22px;

}

.remont1-pic{

position: absolute;

top: -65px;

left: 0px;

z-index: 0;

}

.remont-pic{

bottom: 240px;

position: absolute;

right: 22px;

}

.interier-pic{

bottom: 20px;

position: absolute;

right: 250px;

}

.statya1-pic{

position: relative;

top: 1px;

z-index: 5;

}

.statya2-pic {

bottom: 250px;

position: absolute;

right: 147px;

}

.statya-menu{

left: 480px;

position: absolute;

top: 227px;

z-index: 1;

width: 300px;

text-align: left;

}

.statya-menu ul{

list-style: none;

}

.statya-menu a{

color: #fff;

text-decoration: none;

}

.statya-p2{

margin-top: 32px;

}

.statya-p3{

margin-top: 35px;

}

.rem-van-pic{

position: absolute;

left: 15px;

bottom: 15px;

}

.block-vannaya{

color: #2e6c8a;

width: 300px;

margin-top: 12px;

margin-left: 20px;

text-align: left;

}

.block-vannaya div {

text-align: center;

}

.rem-v-txt {

width: 800px;

}

.house-opisanie{

color: #2e6c8a;

margin-left: 10px;

font-size: 13px;

}

.block-house{

margin-top: -60px;

width: 400px;

}

.proj-txt-opis{

position: relative;

top: 300px;

left: 35px;

width: 300px;

color: #2e6c8a;

text-align: left;

}

.project-pic{

position: absolute;

right: 165px;

top: 15px;

}

.material-zag{

margin-right: 268px;

}

.material-pic{

position: absolute;

top: -50px;

}

.material-txt{

position: relative;

top: 40px;

font-size: 14px;

}

.material-txt2{

font-size: 13px;

}

.peshanik-col1,.peshanik-col2{

width: 297px;

}

.peshanik-col2{

margin-left: 15px;

}

.dis-kvartir-txt{

padding-top: 20px;

font-size: 14px;

}

.dom-i-dacha-pic{

bottom: 250px;

}

.karta-zag{

margin-right: 262px;

}

.karta-line1 a{

color: #2E6C8A;

font-size: 20px;

font-weight: bold;

text-decoration: none;

}

.karta-line2,.karta-line2 a{

font-size: 17px;

font-weight: normal;

margin-left: 10px;

}

.karta-line3,.karta-line3 a{

font-size: 15px;

font-weight: normal;

margin-left: 10px;

}

.karta-line4,.karta-line4 a{

font-size: 12px;

font-weight: normal;

margin-left: 10px;

}

.karta-line1 a: hover{

text-decoration: underline;

}

.karta-pic{

bottom: 408px;

position: absolute;

right: 212px;

}