/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: screen.css
* Version: 1.0.0 (2009-07-05)
* Website: Компактстрой
* Author: m1ron
* Description: Main CSS file.
* Page width: fixed

*/



/* _default styles reset
========================================== */
html {width:100%;height:100%;font:12px/14px Verdana, Tahoma, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#000;background:#7aa225;}

p {margin:0 0 14px 0;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font-family:Verdana, Tahoma, Helvetica, sans-serif;}
h1,p.h1 {margin:0 0 2px 0;position:relative;top:-6px;font-size:19px;line-height:normal;font-weight:normal;color:#845432;}
h2,p.h2 {margin:0;font-size:14px;line-height:normal;font-weight:bold;color:#845432;}

a {color:#583115;text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:none;}

ul {padding:0;margin:0 0 14px 24px;}
ol {margin:0 0 14px 33px;}
ul,ol,li,td,th {padding:0;}

form,input,select,label,textarea,button {margin:0;}
select {
padding:1px;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#777;
border:1px solid #dadada;
background:#fff;
}
input.text,textarea {
padding:2px;
border:1px solid #dadada;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
}
input.submit,button {
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
cursor:pointer;
}
input.checkbox,
input.radio {
width:15px;
height:15px;
padding:0;
margin:0;
}


/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:100%;
min-width:972px;
min-height:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:1;
background:url('../images/bg/wrap.jpg') repeat 50% 0;
}
#spacer-header {
width:100%;
height:494px;
overflow:hidden;
clear:both;
}
.subpage #spacer-header {
height:354px;
}
#spacer-footer {
width:100%;
height:165px;
overflow:hidden;
clear:both;
}

/* _bg
========================================== */
.bg-left {
width:191px;
height:100%;
position:absolute;
top:561px;left:0;
z-index:3;
background:url('../images/bg/left.png') repeat-y 0 0;
}
.bg-right {
width:191px;
height:100%;
position:absolute;
top:561px;right:0;
z-index:3;
background:url('../images/bg/right.png') repeat-y 0 0;
}
.bg-left-i {
width:191px;
height:148px;
position:absolute;
top:413px;left:0;
z-index:3;
background:url('../images/bg/left-i.png') no-repeat 0 0;
}
.bg-right-i {
width:191px;
height:148px;
position:absolute;
top:413px;right:0;
z-index:3;
zoom:1;
background:url('../images/bg/right-i.png') no-repeat 0 0;
}
.bg-top {
width:100%;
height:361px;
position:absolute;
top:0;left:0;
z-index:0;
background:#98c2ea url('../images/bg/top.png') repeat-x 0 0;
}
.bg-green {
width:100%;
height:513px;
position:absolute;
top:361px;left:0;
z-index:1;
background:url('../images/bg/green.jpg') repeat-x 50% 0;
}
.bg-index {
width:1280px;
height:860px;
margin:0 0 0 -640px;
position:absolute;
top:0;left:50%;
z-index:2;
background:url('../images/bg/index.jpg') no-repeat 0 0;
}
.bg-sub {
width:1280px;
height:650px;
margin:0 0 0 -640px;
position:absolute;
top:0;left:50%;
z-index:2;
background:url('../images/bg/sub.jpg') no-repeat 0 0;
}



.bg-bottom {
width:100%;
height:231px;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../images/bg/bottom.png') repeat-x 0 0;
}
.bg-grass {
width:100%;
height:129px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:5;
}
.bg-grass i {
width:1056px;
height:129px;
position:absolute;
top:0;left:50%;
z-index:1;
background:url('../images/bg/grass.png') repeat-x 50% 0;
}
.bg-grass i.l {margin-left:-1584px;}
.bg-grass i.c {margin-left:-528px;}
.bg-grass i.r {margin-left:528px;}
.bg-grass .ladybug {
width:48px;
height:51px;
margin:0 0 0 400px;
position:absolute;
top:55px;left:50%;
z-index:2;
background:url('../images/bg/ladybug.png') no-repeat 0 0;
}
.bg-header {
width:999px;
height:134px;
margin:0 0 0 -499px;
position:absolute;
left:50%;top:0;
z-index:3;
background:url('../images/bg/header.jpg') no-repeat 0 0;
}
.bg-header i.top {
width:965px;
height:17px;
display:block;
position:absolute;
top:117px;left:17px;
z-index:1;
background:url('../images/bg/header-top.jpg') no-repeat 0 0;
}
.bg-header i.rl {
width:999px;
height:17px;
display:block;
position:absolute;
top:117px;left:0;
z-index:3;
background:url('../images/bg/header-rl.png') no-repeat 0 0;
}
.bg-footer {
width:999px;
height:147px;
margin:0 0 0 -499px;
position:absolute;
left:50%;bottom:0;
z-index:4;
background:url('../images/bg/footer.jpg') no-repeat 0 17px;
}
.bg-footer i.top {
width:965px;
height:17px;
display:block;
position:absolute;
top:0;left:17px;
z-index:1;
background:url('../images/bg/footer-top.jpg') no-repeat 0 0;
}
.bg-footer i.rl {
width:999px;
height:17px;
display:block;
position:absolute;
top:0;left:0;
z-index:3;
background:url('../images/bg/footer-rl.png') no-repeat 0 0;
}





/* _footer
========================================== */
#footer {
width:999px;
height:147px;
margin:0 0 0 -499px;
position:absolute;
left:50%;bottom:0;
z-index:6;
}
#footer p.copyright {
margin:0;
line-height:18px;
position:absolute;
top:30px;left:26px;
}
#footer p.copyright a {color:#000;text-decoration:none;}
#footer p.copyright a:hover {text-decoration:underline;}
#footer p.nav {
width:100%;
margin:0;
display:block;
position:absolute;
top:9px;left:0;
font-weight:bold;
color:#583115;
text-align:center;
}





/* _header
========================================== */
#header {
width:999px;
height:494px;
margin:0 0 0 -499px;
position:absolute;
left:50%;top:0;
z-index:6;
}
.subpage #header {
width:999px;
height:354px;
margin:0 0 0 -499px;
position:absolute;
left:50%;top:0;
z-index:6;
}
#header .white {
width:999px;
height:51px;
position:absolute;
top:11px;left:0;
z-index:1;
background:url('../images/bg/white.png') repeat-y 0 0;
}
#header p.title {
width:500px;
margin:0;
display:block;
position:absolute;
top:11px;right:15px;
z-index:2;
text-align:right;
color:#845432;
cursor:default;
}
#header p.title big {
margin:0 0 6px 0;
display:block;
font-size:20px;
line-height:49px;
}
#logo {
width:226px;
height:37px;
margin:0 0 0 -478px;
position:absolute;
top:18px;left:50%;
z-index:7;
background:url('../images/bg/white.png') repeat-y 0 0;
}
#logo img {
width:226px;
height:37px;
display:block;
}
p#phone {
margin:0 0 0 -459px;
display:block;
position:absolute;
top:77px;left:50%;
z-index:7;
}
p#phone img {
width:340px;
height:45px;
display:block;
}


#menu {
width:999px;
height:70px;
margin:0 0 0 -499px;
position:absolute;
top:143px;left:50%;
z-index:7;
}
#menu .bg {
width:999px;
height:70px;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/bg/menu.png') no-repeat 0 0;
}

#menu ul.menu {
margin:0;
list-style:none;
overflow:hidden;
position:relative;
left:202px;
z-index:2;
font:18px/24px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#menu ul.menu li {
padding:0;
border-left:1px solid #dbcec2;
float:left;
}
#menu ul.menu li a {
padding:7px 40px;
display:block;
color:#fff;
text-decoration:none;
}
#menu ul.menu li a:hover {
text-decoration:underline;
}
#menu ul.menu li.active a {color:#5e3314;cursor:pointer;background:url('../images/bg/menu-active.png') repeat-x 0 0;}

#menu ul.ico {
margin:0;
list-style:none;
overflow:hidden;
position:absolute;
top:3px;left:46px;
z-index:3;
font:18px/24px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#menu ul.ico li {
width:31px;
height:31px;
float:left;
}
#menu ul.ico li a {
width:11px;
height:11px;
padding:10px;
display:block;
}
#menu ul.ico li img {
width:11px;
height:10px;
display:block;
}
#menu ul.ico li.active {
cursor:default;
background:url('../images/ico/ico-active.png') no-repeat 0 0;
}
#menu ul.ico li.active a {cursor:default;}




/* _content
========================================== */
#content {
width:999px;
margin:0 auto;
position:relative;
z-index:7;
}

#left {
width:252px;
float:left;
position:relative;
left:15px;
}
#right {
width:733px;
float:right;
position:relative;
}
#index-left {
width:477px;
float:left;
position:relative;
}
#index-right {
width:252px;
float:left;
position:relative;
}


#content:after,
#left:after,
#right:after,
#index-left:after,
#index-right:after,
.block .cnt:after,
.block .in:after,
.indexblock .cnt:after,
.indexblock .in:after,
.sideblock .cnt:after,
.sideblock .in:after,
.one .cnt:after,
.one .in:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}



.action {
width:720px;
padding:10px 0;
margin:0 0 10px 0;
overflow:hidden;
position:relative;
}
.action .top {
width:720px;
height:10px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/bg/action-top.png') no-repeat 0 0;
}
.action .bottom {
width:720px;
height:10px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../images/bg/action-bottom.png') no-repeat 0 0;
}
.action .cnt {
width:473px;
min-height:33px;
padding:6px 20px 6px 227px;
position:relative;
z-index:3;
font-size:16px;
line-height:18px;
color:#213503;
cursor:default;
background:url('../images/bg/action-cnt.png') repeat-y 0 0;
}
.action-index {
width:546px;
margin:0;
position:absolute;
left:440px;top:420px;
}
.action-index .top {
width:546px;
background:url('../images/bg/action-index-top.png') no-repeat 0 0;
}
.action-index .bottom {
width:546px;
background:url('../images/bg/action-index-bottom.png') no-repeat 0 0;
}
.action-index .cnt {
width:299px;
}

.action p.sign {
height:123px;
padding:14px 0 14px 88px;
margin:-25px 0 0 0;
display:block;
position:absolute;
top:50%;left:24px;
font-size:18px;
cursor:default;
line-height:23px;
color:#ce0808;
}
.action p.sign dfn {
width:55px;
height:51px;
display:block;
position:absolute;
top:0;left:0;
background:url('../images/bg/sign.png') no-repeat 0 0;
}



.block {
width:727px;
padding:20px 0 25px 0;
margin:0 0 3px 0;
overflow:hidden;
position:relative;
}
.block .top {
width:727px;
height:20px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/bg/block-top.png') no-repeat 0 0;
}
.block .bottom {
width:727px;
height:25px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../images/bg/block-bottom.png') no-repeat 0 0;
}
.block .cnt {
width:727px;
background:url('../images/bg/block-cnt.png') repeat-y 0 0;
}
.block .in {

padding:0 20px 0 20px;
margin:0 8px 0 0;
position:relative;
z-index:5;
background:#eedcb8 url('../images/bg/block-in.jpg') repeat 0 0;
}



.indexblock {
width:477px;
padding:20px 0 25px 0;
margin:0 0 3px 0;
overflow:hidden;
position:relative;
}
.indexblock .top {
width:477px;
height:20px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/bg/indexblock-top.png') no-repeat 0 0;
}
.indexblock .bottom {
width:477px;
height:25px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../images/bg/indexblock-bottom.png') no-repeat 0 0;
}
.indexblock .cnt {
width:477px;
background:url('../images/bg/indexblock-cnt.png') repeat-y 0 0;
}
.indexblock .in {
min-height:200px;
padding:0 20px 0 20px;
margin:0 8px 0 1px;
position:relative;
z-index:5;
background:#eedcb8 url('../images/bg/block-in.jpg') repeat 0 0;
}




.sideblock {
width:249px;
padding:20px 0 25px 0;
margin:0 0 3px 0;
overflow:hidden;
position:relative;
}
.sideblock .top {
width:249px;
height:20px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/bg/sideblock-top.png') no-repeat 0 0;
}
.sideblock .bottom {
width:249px;
height:25px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../images/bg/sideblock-bottom.png') no-repeat 0 0;
}
.sideblock .cnt {
width:249px;
background:url('../images/bg/sideblock-cnt.png') repeat-y 0 0;
}
.sideblock .in {
padding:0 20px 0 20px;
margin:0 6px 0 0;
border-left:1px solid #fff;
border-right:1px solid #fff;
position:relative;
z-index:5;
background:#eedcb8 url('../images/bg/block-in.jpg') repeat 0 0;
}
.sideblock p.h1 {margin:0 0 3px 0;}
#left .sideblock p.h1 {margin:0 0 3px 10px;}

ul.list {
margin:0;
list-style:none;
font-weight:bold;
}
ul.list li {
padding:5px 0 5px 15px;
/*background:url('../images/ico/list.png') no-repeat 4px 10px;*/
}
ul.list li a {
text-decoration:none;
}
ul.list li a:hover {
text-decoration:underline;
}
ul.list li ul {
padding:0;
margin:0;
list-style:none;
font-weight:normal;
position:relative;
top:2px;
}
ul.list li ul li {
padding:2px 0 2px 26px;
background:none;
}

#submenu .top {background:url('../images/bg/submenu-top.png') no-repeat 0 0;}
#submenu .in {background:#e3be84 url('../images/bg/submenu-in.jpg') no-repeat 0 0;}
#submenu .bottom {background:url('../images/bg/submenu-bottom.png') no-repeat 0 0;}
#submenu ul.list {font-size:14px;}
/*#submenu ul.list li {background:url('../images/ico/submenu.png') no-repeat 3px 10px;}*/
#submenu ul.list li {background-image:none;}

ul.list li ul li,
#submenu ul.list li ul li {background:url('../images/ico/submenu-li.png') no-repeat 16px 8px;}

p.news{clear:both}
p.news var {margin:0 10px 0 0;color:#527e0d;font-weight:bold;}
p.news a,p.news strong {color:#845432;}

p.news .adv{
	float:right;
	display:block;
	margin:5px 0;
}
 
p.article {line-height:18px;}
p.article a,p.article strong {color:#845432;}
p.all {margin:0;font-size:11px;line-height:13px;text-align:right;}


.full {}
.full .date{ color:#c00}
.full .tags {margin:5px 0;color:#527e3b;font-weight:bold;}

.short{
	margin:0 0 20px 0;
}
.short .full-link{float:right;dispaly:block}
/* ==================== Поле малой формы поиска */

.s_field {
	color: #555555;			/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
/*	background-image: url(../images/dlet_field_s.gif);
	background-repeat: repeat-x;*/
	height: 16px;
	padding-left: 3px;
	border: 0px;
	background-color: transparent;
}

/* ==================== Поле формы авторизации */

.a_field {
	color: #555555;			/* ! */
	font-size: 11px;
	height: 16px;
	padding-left: 3px;
	border: 0px;
}

.f_textarea {
	color: #555555;			/* ! */
	font-size: 11px;
	width: 459px;
	height: 156px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}
.f_input {
	color: #555555;			/* ! */
	font-size: 11px;		/* ! */
	
	width: 300px;
	height: 14px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}
.f_select {
	color: #555555;			/* ! */
	font-size: 11px;
	height: 14px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
}

#two {
width:100%;
overflow:hidden;
}
.one {
width:485px;
padding:20px 0 25px 0;
margin:0 9px 3px 0;
overflow:hidden;
position:relative;
left:14px;
float:left;
}
.one .top {
width:485px;
height:20px;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/bg/one-top.png') no-repeat 0 0;
}
.one .bottom {
width:485px;
height:25px;
overflow:hidden;
position:absolute;
bottom:0;left:0;
z-index:1;
background:url('../images/bg/one-bottom.png') no-repeat 0 0;
}
.one .cnt {
width:485px;
background:url('../images/bg/one-cnt.png') repeat-y 0 0;
}
.one .in {
padding:0 17px 0 17px;
margin:0 7px 0 1px;
position:relative;
z-index:5;
font:14px/18px Arial, Tahoma, Helvetica, sans-serif;
background:#fbd7a2;
}
.one .pix {
width:150px;
float:left;
}
.one .text {
width:280px;
padding-top:10px;
float:left;
}


/**/


.speedbar {
	position:absolute;
	top:6px;
	z-index:2;
	left:20px;
}

.TblPro {
	width:100%;
	border-collapse:collapse;
}
.TblPro .h{
	margin: 0 0 5px 3px;
	font-weight:bold;
	text-align:left;
}
.TblPro img{width:200px}
.TblPro p{margin:2px 0}
.TblPro td{width:33%;padding:10px;text-align:center}