/* CSS Document */

html, body {
padding: 0;
margin: 0;
height: 100%;}

body {
font: 12px Arial, Tahoma, Verdana, sans-serif;
color: #34342c;
background: #fff;}

select, input, textarea {
font: 100% Arial, Tahoma, Verdana, sans-serif;
color: #34342c;}

a {
color: #347a00;
text-decoration: underline;
outline: none;}
a:hover {
text-decoration: none;}
a:focus {
outline: none;}

a img {
border: none;}

form {
padding: 0;
margin: 0;}

input:focus, select:focus, textarea:focus {
outline: none;}

/*
td, th {
font-weight: normal;
text-align: left;}
*/

p {
margin: 0;
padding: 0 0 1.1em;}

h1 {
margin: 0;
font-size: 24px;


}

h2 {
margin: 0;
font-size: 12px;
}

h3 {
margin: 0;
font-size: 160%;
font-weight: normal;}

h4 {
margin: 0;
font-size: 120%;
font-weight: normal;}

h5 {
margin: 0;
font-size: 110%;
font-weight: normal;}

h6{
margin: 0;
font-size: 100%;
font-weight: normal;}



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


/* LAYOUT */

body {
background: url(../images/global-bgr.png) repeat-x;
}

body.inner {
background: none;
}

#wrapp {
margin: 0 auto;
min-height: 100%;
position: relative;
background: url(../images/forest.jpg) no-repeat 50% 0px;
}

#wrapp.inner {
background: url(../images/clouds.jpg) no-repeat 50% 0px;
}

#global {
width: 925px;
margin: 0 auto;
position: relative;}

#page {
padding: 0;
width: 950px;}

#footer {
position: relative;
height: 96px;
margin: 0;
z-index: 3;
background: url(../images/footer-bgr.png) repeat-x;
}

#leftcol {
float: left;
width: 200px;
margin: 150px 0 26px -100%;
}

#content {
padding: 0px;
margin: 0 0 0 260px;}

#right-column {
float: left;
width: 140px;
}

#text {
float:left;
margin-right: 20px;
width: 510px;
}

#text.catalog {
width: 650px;
}

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

#global {

}

/* HEADER*/



#header {
position: relative;
height: 115px;
padding: 30px 0px 0px 0px;
}

#logo {
width: 264px;
height: 84px;
float: left;
margin-top: -30px;
margin-left: -8px;
}

#top-menu {
float: left;
height: 50px;
padding: 0px 0px 0px 0px;
}

#top-menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#top-menu ul li {
display: block;
float: left;
margin: 0px 10px;
padding: 4px 0px 0px 0px;
}

#top-menu ul li.active {
margin: 0px;
padding: 0px;
}

#top-menu a {
color: #2f6e00;
}


#top-menu strong {
font-weight: lighter;
display: block;
background: url(../images/menua-l.png) no-repeat;
padding: 0px 0px 0px 7px;
}

#top-menu strong strong {
background: url(../images/menua-r.png) no-repeat top right;
padding: 0px 7px 0px 0px;
}

#top-menu strong strong strong {
background: url(../images/menua-c.png) repeat-x;
padding: 4px 5px 6px 5px;
}

#top-menu strong a {
color: #d40201;
text-decoration: none;
}


#phones {
float: right;
padding: 4px 0px 0px 0px;
text-align: right;
margin-top: -80px;
}

#phones strong {
color: #332112;
font-weight: lighter;
margin-left: 20px;
}

#phones strong span {
color: #e20000;
font-size: 27px;
position: relative;
top: 4px;
left: 4px;
}



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


#menu {

}

#menu .head {
background: url(../images/menu-head.png) no-repeat;
height: 30px;
width: 198px;
font-size: 18px;
color: #fff;
padding: 10px 15px;
}

#menu .cont {
background: url(../images/menu-cont.png) repeat-y;
width: 198px;
padding: 10px 0px;
}

#menu .foot {
background: url(../images/menu-foot.png) no-repeat;
width: 198px;
height: 5px;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#menu a {
color: #ffffff;
}

#menu ul li {
padding: 3px 15px 5px 15px;
}

#menu ul li.active {
padding: 3px 0px 0px 0px;
margin-bottom: 5px;
}

#menu div.inn {
background: url(../images/menu-a.png) repeat-y;
padding: 5px 15px 7px 15px;
}


#menu ul li.active ul {
margin: 0px;
background: url(../images/menu-a-cont.png) repeat-y;
padding: 5px 0px;
color: #669940;
}

#menu ul li.active ul li {
/*height: 15px;*/
}

#menu ul li.active ul li a {
border-bottom: 1px solid #669940;
text-decoration: none;
}

#menu ul li.active ul li a:hover {
border-bottom: none;
}



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


#woman {
background: url(../images/woman.png) no-repeat;
width: 179px;
height: 334px;
position: relative;
top: -45px;
margin-bottom: -35px;
float: left;
z-index: 3;
}


#doors {
position: relative;
left: -20px;
float: left;
margin-top: 10px;
}

#doors .i2 {
margin: 30px 14px 0px 14px;
}

#doors .i4 {
margin: 30px 14px 0px 14px;
}


#right-menu {
text-align: center;
}

#right-menu strong {
font-size: 18px;
font-weight: lighter;
display: block;
margin-bottom: 30px;
text-align: left;
padding-left: 36px;
}

#right-menu a:hover, #right-menu a.active {
color: #d40201;
text-decoration: none;
}

#tips {
padding: 55px 0px 0px 0px;
}

.tip {
width: 89px;
height: 80px;
font-size: 18px;
padding: 6px 0px 0px 10px;
line-height: 18px;
}

.tip a {
color: #fff;
}

.tip.t1 {
background: url(../images/tip-1.png) no-repeat;
}
.tip.t2 {
float: right;
background: url(../images/tip-2.png) no-repeat;
}
.tip.t3 {
width: 188px;
height: 71px;
background: url(../images/tip-3.png) no-repeat;
}

#tips .woman {
clear: both;
position: relative;
top: -30px;
width: 198px;
height: 81px;
background: url(../images/woman-2.png) no-repeat;
}






/* CONTENT */

.tal {

}

.tt {
font-size: 330%;
font-weight: normal;
color: #159900;
padding: 0 0 16px;
margin: 0 0 0 -1px;}

.txt {
font-size: 13px;
line-height: 17.5px;
padding: 0 18px 0 0;}
.txt p {
padding: 0 0 1.3em;}
.txt h3 {
font-size: 17px;
padding: 0 0 10px;
font-weight: bold;}




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

.form .inp {
border: 1px solid #c7c9d6 !important;
border-top: 1px solid #5d616c !important;
height: 17px !important;
}

.form .inp2 {
border: 1px solid #c7c9d6 !important;
border-top: 1px solid #5d616c !important;
}

.form.feedback .inp {
width: 245px;
}

.form.search .inp {
width: 137px;
}

.form label {
display: block;
}

.red {
color: red;
}

/* FOOTER */

#foot {
width: 925px;
margin: 0 auto;
font-size: 12px;
padding-top: 20px;
color: #3f2d11;}

#foot .footl {
float: left;
width: 198px;
}

#foot .footc {
float:left;
margin: 0px 20px 0px 48px;
width:540px;
}

#foot .footc em {
margin-left: 14px;
}

#foot .footr {
float: left;
width: 105px;
height: 103px;
background: url(../images/ico-design.jpg) no-repeat;
position: relative;
top: -39px;
margin-bottom: -39px;
}

#foot .footr a {
color: #3f2d11;
}

#foot .footr div {
width: 50px;
text-align: center;
margin: 45px 0px 0px 33px;
}


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


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


/* Other Classes */

.white, a.white {
color: #fff;}

.orr {
color: #ff9900;}

a.dash {
text-decoration: none;
color: #fff;
border-bottom: 1px dashed #fff;
position: relative;}
a.dash:hover {
text-decoration: none;
border-bottom: none;}

.ch {
overflow: hidden;}

.dnone {
display: none;}

.dblock {
display: block;}

.fw {
float: left;
width: 100%;}

.f-left {
float: left;}

.f-right {
float: right;}

.ta-r {
text-align: right;}

.ta-l {
text-align: left;}

.ta-c {
text-align: center;}

.va-t {
vertical-align: top;}

.va-b {
vertical-align: bottom;}

.va-m {
vertical-align: middle;}

.tb {
width: 100%;
border-collapse: collapse;}

.tb2 {
width: auto;
border-collapse: collapse;}

.f1 {
font-size: 110%;}

.f2 {
font-size: 120%;}

.f3 {
font-size: 130%;}

.f4 {
font-size: 140%;}

.fd {
font-size: 100%;}

.rell {
position: relative;}

.pd0 {
padding: 0;}

.clr {
width: 100%;
font-size: 0px;}
.clr:after {
content: ".";
display: block;
font-size: 1px;
height: 0;
clear: both;
visibility: hidden;}
.clr {
display: inline-block;}
/* Hide from IE Mac \*/
.clr {
display: block;}
/* End hide from IE Mac */



table.items {
position: relative;
left: -10px;
margin-right: -10px;
}

.items td {
vertical-align: top;
padding: 0px 10px;
}

.items .is_new {
background: url(../images/is_new.png) no-repeat top right;
width: 46px;
height: 47px;
position: relative;
margin-bottom: -47px;
}

.items .action {
color: #d40201;
}

.items .order {
background: url(../images/btn-order.png) no-repeat;
padding: 5px 12px 7px 14px;
margin-top: 10px;
}

.items .order a {
color: #ffffff;
}

.items .img {
}

.items .img img {
background: url(../images/door-foot.gif) repeat-x bottom left;
padding: 0px 0px 24px 0px;
}

.items td.dscr {
padding: 0px;
}

.dscr .price {
color: red;
font-size: 14px;
}



.paging strong, .paging a:hover {
color: #d40201;
}

.paging .m1 {
margin: 0px 5px;
}
.paging .m2 {
margin-right: 5px;
}
.paging .m3 {
margin-left: 5px;
}

.paging .gray {
color: #AAA;
}

#accordion h3 a {
text-decoration: none;
border-bottom: 1px dashed #347a00;
}


.items span.green {
color: #347A00;
}

.gallery {
padding: 0px 0px 10px 0px;
}

.gallery div {
width: 120px;
height: 120px;
float: left;
margin: 0px 15px 15px 0px;
}

.gallery div img {
padding: 3px;
border: 1px solid #eee;
}


.items .img .name {
font-weight: bold;
font-size: 11px;
position: relative;
top: -15px;
left: 3px;
}

.cboth {
clear: both;
}

h1.main {
font-family:Arial;
font-size:22px;
line-height:28px;
margin:0;
}