tesha_ppc

сайт: terra-clean.org css: body{ margin:0; padding:0; background-color:#E9EAEA; font-family:Segoe UI; } a{ color:#02364c; text-decoration:none; } a:hover{ color:#04668d; } a:active{ color:#04668d; } h3{ color: #02364C; font-size: 20pt; font-weight: lighter; letter-spacing: -1px; } #all{ margin:0 auto; width:1240px; background-image:url(../images/body_back.png); background-repeat:repeat-y; min-height: 700px; } /* HEADER */ #header{ position: relative; } #logo{ background-image:url(../images/header_blue.png); background-repeat:no-repeat; height:95px; z-index:999; position:relative } .logo{ background-image:url(../images/logo.png); background-repeat:no-repeat; height:31px; margin-left: 30px; top: 26px; position: relative; width:373px; } #top_menu{ background-image:url(../images/header_white.png); background-repeat:no-repeat; height:94px; z-index:1; margin-top: -29px; margin-left: -4px; } .top_menu{ top: 51px; position: relative; margin-left: 41px; } .top_menu a{ font-family:Arial; font-size:14pt; float:left; } .menu_separator{ width:2px; float:left; background-color:#02364c; height:16pt; margin-left:55px; margin-right:55px; } .pic_head{ background-image: url(../images/pic_head.png); background-repeat: no-repeat; height: 416px; position: absolute; width: 486px; top: 0px; z-index: 99999; right: 0px; } #title{ margin-top: 55px; margin-left: 36px; } .title_first{ color:#02364c; font-size:26pt; font-family:Segoe UI; } .title_second{ color:#04668d; font-size:22pt; font-family:Segoe UI; margin-left: 43px; } #telephone{ margin-left: 469px; margin-top: 30px; } .tel_name{ color:#02364c; font-size:16pt; font-family:Segoe UI; float: left; margin-right: 5px; } .tel_number{ color:#04668d; font-size:16pt; font-family:Segoe UI; } .tel_time{ color:#04668d; font-size:16pt; font-family:Segoe UI; margin-left: 93px; margin-top: 10px; } /* HEADER */ /* UNDER-CONTENT*/ #under_content{ position: relative; margin-top: 30px; height: 244px; } #item_first{ background-image: url(../images/under_content_back_item.png); background-repeat: no-repeat; height: 263px; width:391px; float:left; margin-right:33px; position: relative; } #item_second{ background-image: url(../images/under_content_back_item.png); background-repeat: no-repeat; height: 263px; width:391px; float:left; margin-right:33px; position: relative; } #item_third{ background-image: url(../images/under_content_back_item.png); background-repeat: no-repeat; height: 263px; width:391px; float:left; position: relative; } .item_first_image{ background-image: url(../images/window.png); background-repeat: no-repeat; height: 148px; width: 99px; position: absolute; right: 14px; bottom: 36px; } .item_second_image{ background-image: url(../images/gen_uborka.png); background-repeat: no-repeat; height: 138px; width: 150px; position: absolute; right: 11px; bottom: 39px; } .item_third_image{ background-image: url(../images/pylesos.png); background-repeat: no-repeat; height: 137px; width: 167px; position: absolute; right: 11px; bottom: 43px; } .item_first_readmore{ background-image: url(../images/under_content_readmore.png); background-repeat: no-repeat; height: 62px; width: 153px; position: absolute; left: 30px; bottom: 12px; padding-top: 8px; padding-left: 15px; } .item_second_readmore{ background-image: url(../images/under_content_readmore.png); background-repeat: no-repeat; height: 62px; width: 153px; position: absolute; left: 30px; bottom: 12px; padding-top: 8px; padding-left: 15px; } .item_third_readmore{ background-image: url(../images/under_content_readmore.png); background-repeat: no-repeat; height: 62px; width: 153px; position: absolute; left: 30px; bottom: 12px; padding-top: 8px; padding-left: 15px; } .item_first_readmore a { color: white; font-family: Segoe UI; font-size: 17px; } .item_second_readmore a { color: white; font-family: Segoe UI; font-size: 17px; } .item_third_readmore a { color: white; font-family: Segoe UI; font-size: 17px; } .item_first_readmore a:hover{ text-decoration:underline; } .item_second_readmore a:hover{ text-decoration:underline; } .item_third_readmore a:hover{ text-decoration:underline; } .under_content_h3{ color: #02364C; font-size: 23pt; font-weight: lighter; letter-spacing: -1px; margin-left: 29px; margin-top: 16px; } .under_content_h4{ color: #02364C; font-size: 21pt; font-weight: lighter; letter-spacing: -1px; margin-left: 29px; margin-top: 16px; margin-bottom: 25px; } .under_content_title{ color: #02364C; font-size: 17pt; font-weight: lighter; letter-spacing: -1px; margin-left: 29px; margin-top: 16px; line-height: 15px; } .under_content_text_kontakty{ color: #6f6f6f; font-size: 17pt; font-weight: lighter; letter-spacing: -1px; margin-left: 29px; margin-top: 16px; line-height: 22px; padding-left: 27px; } .under_content_mail_kontakty a{ font-size: 17pt; line-height: 22px; color: #1D8ECE; padding-left: 27px; } .under_content_mail_kontakty a:hover{ text-decoration:underline; } .under_content_text{ color: #6F6F6F; font-size: 13pt; font-weight: lighter; width: 218px; margin-left: 30px; margin-top: -14px; } .name_form_line{ color: #6F6F6F; font-size: 13pt; font-weight: lighter; letter-spacing: -1px; } input.resetbutton{ width:125px; height:51px; background-image:url('../images/reset.png'); background-repeat:no-repeat; border:0; color: white; font-size: 16pt; padding-bottom: 19px; cursor: pointer; } input.submitbutton{ width:125px; height:51px; background-repeat:no-repeat; background-image:url('../images/submit.png'); border:0; color: white; font-size: 16pt; padding-bottom: 19px; cursor: pointer; } input, textarea {outline:none;} input:active, textarea:active {outline:none;} :focus {outline:none;} /* UNDER-CONTENT*/ /* CONTENT */ #content{ background-image:url(../images/content_bg.png); background-repeat:repeat-y; background-color:#FFF; min-height:333px; } #content_uborka{ background-repeat:repeat-y; min-height:640px; } #content_gen{ background-repeat:repeat-y; min-height:540px; } #content_moika{ background-repeat:repeat-y; min-height:365px; } #content_tarify{ background-repeat:repeat-y; min-height:725px; } #left{ width: 400px; margin-left: 20px; float: left; height: 315px; } #left_genuborka h3{ margin: -10px 0 10px 0px; } #left_genuborka{ width: 150px; margin-left: 20px; float: left; height: 315px; z-index: 99999; position: absolute; margin-top: 16px; } #left_uborka{ width: 180px;AA margin-left: 20px; float: left; height: 315px; z-index: 99999; position: absolute; margin-top: 16px; } #left_uborka h3{ margin: -10px 0 10px 0px; } #left ul li{ list-style-image: url(../images/arrow.png); color:#6f6f6f; font-size: 15pt; line-height: 41px; } .left_title{ color: #04668D; font-size: 18pt; font-family: Segoe UI; margin-left: 43px; line-height: 24px; } .content{ margin-left: 400px; } .content_genuborka{ margin-left: 190px; z-index: 99999; position: absolute; margin-top: 16px; } .content_uborka{ margin-left: 240px; z-index: 99999; position: absolute; margin-top: 16px; width: 985px; } .content_tarify{ z-index: 99999; position: absolute; margin-top: 0px; } .content_all{ top: 30px; position: relative; } .content h3{ margin: 0; } .content_text{ color:#6f6f6f; font-size: 14pt; } /* CONTENT */ #footer{ text-align:center; color:gray; font-size:13pt; }