* {
margin:0;
padding:0;
font-family:Trebuchet MS, Arial, sans-serif;
}

body { background: url(../img/header-bg.gif) repeat-x; }

img {
border:none;
border:0;
}
*+html input[type=text] {
border:0;
}
h1 {
font-size:18px;
font-weight:normal;
color:#ffffff;
margin-top:5px;
height:35px;
}
h2 {
text-align:right;
font-size:12px;
font-weight:normal;
color:#ffffff;
margin-right:-10px;
position:relative;
top:12px;
}
h4 {
font-size:12px;
margin-left:10px;
color:#ffffff;
}
img.close {
position:relative;
top:3px;
margin-left:5px;
cursor:pointer;
}
img.help {
position:relative;
top:1px;
margin-left:5px;
cursor:pointer;
}
#container {
position:relative;
top:142px;
left:50%;
margin-left:-484px;
/*margin-top:-314px;    */
margin-top:-170px;
width:908px;
padding-left:30px;
padding-right:30px;
height:628px;
background:url(../img/bg-container.png) 0 0 no-repeat;
}
#container table td {
vertical-align:top;
}
#td-left {
width:235px;
}
#okno-type {
padding:1px;
zoom:1;
height:170px;
margin-bottom:12px;
}
#okno-type p {
font-size:13px;
color:#ffffff;
margin:3px;
margin-left:15px;
}
#okno-type p input[type=radio] {
position:relative;
top:2px;
left:-3px;
outline:none;
}
*+html #okno-profil {
position:relative;
top:2px;
}
#okno-profil {
padding:1px;
zoom:1;
height:380px;
}
#okno-profil-select {
height:40px;
}
#okno-profil-select select {
width:200px;
margin-left:6px;
margin-top:3px;
}
#okno-profil-pic {
height:195px;
width:220px;
}
#okno-profil-pic img {
display:block;
margin:0 auto;
}
#okno-profil-info {
height:115px;
}
#okno-profil-info p {
color:#ffffff;
font-size:12px;
margin-left:10px;
margin-right:30px;
line-height:15px;
}
#td-center {
width:410px;
background:url(../img/sq-background.png) center 10px no-repeat;
}
#td-center h1 {
margin-left:20px;
}
#center-content {
width:410px;
height:570px;
}
#center-content.loading {
background:url(../img/spinner-blue.gif) center center no-repeat;
}
#td-right {
width:205px;
}
#col-right {
width:180px;
float:right;
padding:10px;
padding-top:50px;
padding-left:20px;
}
#col-right p {
font-size:12px;
font-weight:bold;
color:#ffffff;
margin-bottom:15px;
}
#price {
font-size:34px;
}
#col-right p.p-price {
margin-top:10px;
margin-bottom:40px;
font-size:18px;
}
#col-right p.cr-title {
font-size:18px;
font-weight:normal;
color:#ffffff;
}
.loading {
background:url(../img/spinner-white.gif) center center no-repeat;
}
/* вертикальные ползунки */
#okno-sections-height {
width:40px;
height:335px;
margin-top:35px;
}
#okno-sections-height p {
font-size:12px;
color:#ffffff;
line-height:13px;
}
#okno-sections-height p.small {
color:#699dc6;
font-size:11px;
text-align:center;
}
#okno-sections-height input[type=text] {
color:#1a3041;
font-size:12px;
text-align:center;
border:none;
width:40px;
position:relative;
top:4px;
}
#polzunok-height {
height:250px;
margin:3px;
position:relative;
background:url(../img/bg-height.png) center top no-repeat;
overflow:hidden;
}
div.vertical-elem {
width:16px;
height:7px;
background:url(../img/bg-vertical-elem.png) center center no-repeat;
cursor:s-resize;
margin-left:17px;
}
/* горизонтальные ползунки */
div.section-width {
width:140px;
margin:15px auto;
text-align:center;
}
div.section-width p {
font-size:12px;
color:#ffffff;
line-height:13px;
}
div.section-width p.small {
color:#699dc6;
font-size:11px;
text-align:center;
}
div.section-width p.sw-title {
height:40px;
}
div.section-width input[type=text] {
color:#1a3041;
font-size:12px;
text-align:center;
border:none;
width:40px;
position:relative;
top:-60px;
}
.polzunok-width {
margin:4px auto;
height:30px;
width:105px;
background:url(../img/bg-width.png) center top no-repeat;
overflow:hidden;
text-align:left;
}
.left {
float:left;
margin:3px;
}
.right {
float:right;
margin:3px;
}
.horizontal-elem {
width:7px;
height:16px;
background:url(../img/bg-horizontal-elem.png) center center no-repeat;
cursor:pointer;
margin-top:8px;
cursor:w-resize;
}
/* стрелочки в выборе типа створки */
div.arrow-left {
width:10px;
height:50px;
background:url(../img/arrow-left.png) center center no-repeat;
cursor:pointer;
}
div.arrow-right {
width:10px;
height:50px;
background:url(../img/arrow-right.png) center center no-repeat;
cursor:pointer;
}
/* выбор типа створки */
table.section-types {
margin:0 auto;
}
div.section-type-inside {
width:80px;
height:50px;
overflow:hidden;
position:relative;
}
div.section-type-inside table {
width:400px;
position:absolute;
}
#container div.section-type-inside table td {
width:80px;
height:50px;
text-align:center;
color:#ffffff;
line-height:14px;
font-size:12px;
vertical-align:middle;
}

/* выбор типа створки для типа 4 */
#table-4с-section-type {
margin-top:20px;
}
#table-4с-section-type table {
width:320px;
position:absolute;
}
#container div.section-type-inside table td {
width:80px;
height:50px;
text-align:center;
color:#ffffff;
line-height:14px;
font-size:12px;
vertical-align:middle;
}


/* hidden sq-divs */

div.sq {
display:none;
position:absolute;
}
#sq-3 {
opacity:1;
display:block;
}
div.sq-img {
width:385px;
height:330px;
margin-left:10px;
margin-bottom:25px;
}
#table-1-stvorki {
height:280px;
width:330px;
margin-left:27px;
margin-top:18px;
}
#table-2-stvorki {
height:280px;
width:320px;
margin-left:22px;
margin-top:18px;
}
#table-3-stvorki {
height:280px;
width:330px;
margin-left:25px;
margin-top:18px;
}
#table-3-stvorki td td {
width:110px;
}
#pic-c4-section-type img {
margin-top:20px;
margin-left:118px;
}
#pic-c5-section-type img {
margin-top:20px;
margin-left:112px;
}

/* появляющаяся затемненная область */
#calc {
display:none;
width:100%;
height:100%;
background-color:#000000;
opacity:0.5;
filter:alpha(opacity=50);
position:absolute;
/*position:relative;*/
z-index:250;
}
#calc p {
text-align:center;
position:absolute;
z-index:251;
color:white;
display:block;
left:50%;
top:50%;
width:200px;
margin-left:-100px;
}
.stvorki {
    position: relative;
    list-style:none;
    color:#699DC6;
font-size:12px;
    padding-left: 23px;
}
.stvorki li {
    float: left;
    margin-right: 10px;
}
#stvor-polzunok {
    margin-top: 70px;
}

/*fragment*/
#header {
	width: 815px;
	margin: 0 auto;
	height: 160px;
	background: url(../img/header-bg.gif) repeat-x;
	position: relative;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#logo img {
	width: 270px;
	height: 120px;
}

#phone {
	width: 270px;
	height: 112px;
	position: absolute;
	top: 0;
	right: 20px;
}

#phone img {
	width: 270px;
	height: 112px;
}
.wrapper {
	width: 980px;
	margin: 0 auto;
}
#form {
/*	background: url(../img/form-bg.gif) no-repeat;        */
	/*width: 214px;  */
	width:200px;
	height: 192px;
	padding: 30px 15px 0 15px;
	float: left;
}

#form-title {
	font-size: 20px;
	margin-left: 15px;
	/*margin-bottom: 22px;  */
	color: #010000;
}

#form .label {
	width: 45px;
	float: left;
	text-align: right;
	padding-right: 7px;
	font-size: 11px;
	color: #000000;
}

#form .text {
	background: url(../img/text-field.gif) no-repeat;
	width: 152px;
	height: 16px;
	border: none;
	padding: 2px 0;
	color: #000000;
 	margin-bottom: 2px;

}

#form .button {
	background: url(../img/send.gif) no-repeat;
	width: 110px;
	height: 30px;
	border: none;
	cursor: pointer;
	margin: 10px 0;
	float: left;
	/*float: right;    */
}

#text {
	color: #000000;
	padding: 20px 0 30px 0;
}

#footer {

	width:100%;
    background:#063f6e;
    border:top;
	/*background: url(../img/footer-bg-1.gif);  */


}

#footer .inner {
	width: 980px;
	margin: 0 auto;
	/*background: url(../img/footer-bg-2.gif) repeat-x; */
	height:85px;
}

#copyright {
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 35px;
}

#content {
	width: 815px;
	margin: 0 auto;
	padding: 35px 0;
}

.listing-3 { margin: 10px 0; }

.listing-3 li {
	background: url(../img/marker-5.gif) no-repeat 8px 5px;
	padding-left: 25px;
	line-height: 18px;
}

.left-image {
	float: left;
	margin: 0 15px 10px 0;
}
.spacer_block{
min-height:135px;height:auto !important;height:100%;
}