﻿@charset "utf-8";

/* | Сделано в psd2html.biz (с) mail@psd2html.biz ---- */
/* | Дата: 31.01.09 ---- */
/* | Выполнил: Владимир Туронок ---- */
/* | Адрес поддержки: u.turanok@psd2html.biz, waldeh@gmail.com ---- */

@import url(null.css);
@import url(maintag.css);
@import url(layout.css);
@import url(widgets.css);

/* --------- Контейнеры --------- */
#container {

}

#wrapper {

}
/* /////////////////////////////// */

/* --------- Шапка сайта --------- */
#header {
	background: url(/design/bg-header.gif) right top no-repeat;
	height: 305px;
	padding: 0 44px 0 53px;
	position: relative;
	z-index: 1
}

#header div#logotype {height: 198px; overflow: hidden; position:absolute; left:53px;top:16px; width: 167px; padding-right: 400px; z-index:2; background: url(/design/bg-h1.gif) right -10px no-repeat}

span#header-phone {position:absolute; z-index:3;left:276px;top:0px; height: 79px; width: 173px; font-size:1.3em; font-style: italic; padding-left: 10px}
span#header-phone span {position:absolute; z-index:4;left:0;top:0; height: 79px; width: 183px; background: url(/design/hphone.png) no-repeat}
p#header-address {position:absolute; z-index:3;left:48%;top:0px; line-height: 1.5; padding-top: 18px; font-size: 0.92em; font-weight:bold}

#hm-wrapper {overflow: hidden; position: relative; top:203px; z-index: 2; height: 72px; padding-bottom: 18px; background: url(/design/bg-mw4.png) right bottom no-repeat; }
#hm-inner {height: 72px; overflow: hidden; background: url(/design/bg-hm-outer.gif) 0 0 no-repeat}
#header-menu {height: 72px; width: 100%; background: url(/design/bg-hm-in.png) right top no-repeat}
#header-menu td {padding-left: 80px;height:72px; width: 20%; background-position: 20px 10px; background-repeat: no-repeat; white-space: normal; display: table-cell; vertical-align: middle}
#header-menu td a {color: #000; text-transform: uppercase; font-weight: bold; font-size:10pt; overflow: hidden; text-decoration: none; line-height: normal; vertical-align: middle} #header-menu a:hover {text-decoration: underline}

	.hm1 {background-image: url(/design/bg-hm1.gif);}
	.hm2 {background-image: url(/design/bg-hm2.gif);}
	.hm3 {background-image: url(/design/bg-hm3.gif);}
	.hm4 {background-image: url(/design/bg-hm4.gif);}
	.hm5 {background-image: url(/design/bg-hm5.gif);}
	.hm6 {background-image: url(/design/bg-hm6.gif);}
	
.header-banner {position:absolute; z-index:2;right:44px;top:89px; height: 80px; width: 468px; }
.header-face {position:absolute; z-index:2;right:90px;top:0px; height: 206px; width: 450px; }
.header-cont {position: absolute; top:0px; z-index: 2; height: 10px; left:0px; }

/* /////////////////////////////// */

/* ----- Основное содержимое ----- */
#content {
	line-height: 1.5;
}

.main-block {padding: 22px 23px 28px 26px; background: url(/design/bg-mb.gif) #fff right bottom no-repeat}
.main-block h2 {color: #ee3224; font-size: 1.42em; padding-bottom: 5px}
.main-block p {padding-top: 17px; margin: 0}
.main-block img {padding: 6px; background: #fff; float: right; margin-left: 6%}

.main-block2 {padding: 22px 23px 28px 26px; background: url(/design/bg-mb.gif) #fff right bottom no-repeat}
.main-block2 h2 {color: #ee3224; font-size: 1.42em; padding-bottom: 5px}
.main-block2 p {padding-top: 17px; margin: 0}

.mbw2 {background: url(/design/bg-mbw2.gif) 0 0 no-repeat} .mbw3 {background: url(/design/bg-mbw3.gif) left bottom no-repeat; padding-left: 21px;} .mbw4 { background: url(/design/bg-mw4.png) right bottom no-repeat; padding-bottom: 20px; margin-bottom: 8px}

#spec-outer {margin-bottom: 30px; width: 98.5%; background: url(/design/bg-shadow1.png) left bottom no-repeat;}
#spec-offers {font-size: 1.0em; padding-bottom: 20px; background: url(/design/bg-shadow2.png) right bottom no-repeat}
#spec-offers h3 {font-size: 1.2em; color: #fff; text-transform: uppercase; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;  margin-top: 13px; padding-left: 41px; background: url(/design/bg-h3b.gif) 10px 0 no-repeat; padding-bottom: 12px}
#spec-offers img {padding: 3px; background: #fff2d9; float: left; margin: 0 14px 0 40px}
#spec-offers p {line-height: 18px}
#offer1 {padding-right: 20px; padding-left: 15px; background: url(/design/bg-so1.gif) right top no-repeat} #offer1 p {}
#offer2 {padding-right: 20px; padding-left: 28px; background: url(/design/bg-so3.gif) left top no-repeat} #offer2 img {margin-right: 0; margin-left: 12px}
#offer3 {padding-right: 20px; padding-left: 15px; background: url(/design/bg-so5.gif) right top no-repeat;} #offer3 p {padding-left: 12px} #offer3 img {margin-right: 0px; margin-left: 12px}
#offer4 {padding-right: 20px; padding-left: 28px; background: url(/design/bg-so8.gif) left top no-repeat}

#spec-offers table {width: 100%} #spec-offers table td {width: 50%}

#offer1, #offer2, #offer3, #offer4 {padding-bottom: 17px}

#sw1 {background: url(/design/bg-so2.gif) #dba967 right bottom no-repeat} #sw2 {background: url(/design/bg-so4.gif) #fff3dc left bottom no-repeat} #sw2 h3, #sw3 h3 {color: #ee3224; background: url(/design/bg-h3bl.gif) 0 0 no-repeat; padding-left: 22px}
#sw4 {background: url(/design/bg-so7.gif) #dba967 left bottom no-repeat} #sw3 {background: url(/design/bg-so6.gif) #fff3dc right bottom no-repeat} #sw1 img, #sw2 img, #sw3 img, #sw4 img {float: right}
#sw1, #sw4 {color: #fff}
#sw4 h3 {background-image: url(/design/bg-h3b1.gif)}

#sw2 h3 {background-position: 0 0; padding-left: 24px}
#sw1 h3, #sw4 h3 { background-position: 0 0; padding-left: 24px}
#sw4 img {margin-left: 30px}

#sw1 p, #sw2 p, #sw3 p, #sw4 p {font-size:9pt; font-weight: bold;}

.simple-block {width: 88%}
.simple-block strong {color: #ee3224; font-size: 1em; padding: 0 0 13px 0; display: block}
.simple-block img {background: #fff2d9; padding: 3px; float: left; margin-right: 18px}
.simple-block p {margin: 0;}
/* /////////////////////////////// */

/* ---------- Навигация ---------- */
#navigation {
	
}

.navigation-menu {font-weight: bold; font-size:9pt; padding-bottom: 30px}
.navigation-menu dt {height: 30px; color: #ee3224; text-transform: uppercase; padding-left: 28px; line-height: 30px; background: url(/design/bg-nm-dt.gif) 0 0 no-repeat}
.navigation-menu dd {padding-top: 5px; padding-bottom:4px; line-height: 1.25em; background: url(/design/bg-nm-li.gif) 10px 10px no-repeat; padding-left: 19px}
.navigation-menu a {color: #000; text-decoration: none} .navigation-menu a:hover {text-decoration: underline}

#nb1, #nb2 {margin: 0 0 63px 4px; height: 154px; width: 152px;}
#nb1 {margin-top: 20px}
/*///////////////////////////////*/

/* /////////////////////////////// */

/* ----------- Подошва ----------- */
#footer {
	background: url(/design/bg-footer.gif) right bottom no-repeat;
	font-size:10pt;
	height: 133px;
	padding-top: 42px;
	padding-left: 250px;
	line-height: 1.5;
	position: relative;
	z-index: 2
}

#footer address {background: url(/design/bg-address.gif) 0 0 no-repeat; height: 100px; padding-left: 97px}
#footer address a {color: #000; text-decoration: none}
#footer address a:hover {text-decoration: underline}
.copy {font-size:8pt; width: 350px; text-align: right; padding-top: 3px; display: block}

.vcard {font-size:8pt;}
h3 {color:#990000; padding-top:15px;}

.contname {font-size:12pt;  text-decoration:underline;}
/* /////////////////////////////// */