/* Main tags */

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

body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    font: normal 16px Tahoma;
    background: #fbf8f1;
}

body {
    font: normal 16px Tahoma;
    background: #fbf8f1;
}

#top {position: relative; width: 999px; height: auto !important; height: 100%; /*min-height: 100%;*/ margin: 0 auto;}

#MainPageBg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 492px;
    z-index: 10;
}

#MainPageBg div {height: 100%; width: 999px; margin: 0 auto; background: no-repeat 20px bottom url('../img/bgmain.jpg');}

#contact h1 {color: #942c11; margin: 0;}

* html input {margin-top: 1px; margin-bottom: -1px;}

ul, li {margin: 0;}

a {color: #942c10;}
a:hover {color: #000;}

h1, h3, h4 {margin: 0; padding: 0;}
#bodyCenter h1 {font-size: 24px; color: #942c10; font-weight: normal; clear: both;}
#bodyCenter h2 {font-size: 18px; color: #942c10; font-weight: normal;}
#bodyCenter h3 {font-size: 22px; color: #000; font-weight: normal;}
#bodyCenter h4 {font-size: 20px; color: #000; font-weight: normal; margin-top: 10px;}
#bodyCenter h5 {font-size: 20px; color: #942c10; font-weight: normal; margin: 10px 0 5px 0;}

/* Strcuture */

#header {
    width: 984px;
    height: 205px;
    margin: 0 auto;
    margin-left: 15px;
    background-image: url('../img/banneralltop.jpg');
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-color: #fbf8f1;
    padding-top: 0px;
}

#headermain {
    width: 984px;
    height: 205px;
    margin: 0 auto;
    margin-left: auto;
    background-image: url('../img/banneralltop.jpg');
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-color: #fbf8f1;
    padding-left: 15px;
    padding-top: 0px;
}

* html #header {height: 175px;}

#logotype {
    width: 247px;
    height: 151px;
    margin-left: 10px;
    background: no-repeat top left url('../img/logotype.jpg');
}

#righthead {
    width: 738px;
    height: 55px;
    padding-top: 140px;
}

#banner {
    /*width: 390px;
    height: 62px;*/
    height: 114px;
    margin-left: 55px;
    margin-top: -141px;
    padding-top: 0px;
    width: 390px;
    z-index: -10;
}
    



#contact {
    height: 62px;
    padding-right: 14px;
    text-align: right;
}

#contact img {margin-top: 4px;}
#contact img.telefon {margin-top: 8px;}

#topmenu {
    width: 100%;
    height: 25px;
    margin-top: 13px;
    background: #f5e9d1;
    
    font-size: 13px;
}

#topmenu table {
    width: 100%;
    height: 100%;
}

#topmenu table td.current {color: #fff; background: #942c11; padding: 0 15px;}
#topmenu a {display: block; color: #000; font-weight: normal; text-decoration: none; padding: 4px 15px 5px;}
#topmenu a:hover {color: #fff; background: #c47f5e;}

#topsearch {
    display: inline;
    margin-left: 20px;
    margin-top: 20px;
    width: 90%;
}


#center {
    position: relative;
    padding-bottom: 80px;
    z-index: 20;
}

#center table.centerTable {
    width: 999px;
}

#bodyMenu {
    width: 260px;
}
#bodyMenu table {
    width: 100%;
    height: 100%;
}

#leftMenu {
    padding-left: 15px;
    vertical-align: top;
    font-size: 15px;
}

#leftMenu.main {
    padding-left: 0px;
    vertical-align: top;
    font-size: 15px;
}

#leftMenu div.mm {

    margin-right: 10px;
    padding: 10px 0;
    background: #f5e9d1;
}

#leftMenu div.mmMain {
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 10px 20px 5px 20px;
    background: #f5e9d1;
    font-size: 12px;
}
#leftMenu div.mmMain h1 {color: #942c10; font-weight: normal; font-size: 24px;}

#leftMenu table.mmtop {height: 26px; width: auto; background: #f5e9d1;}
#leftMenu table.mmtop td.mmcap {padding: 0 7px; color: #93290f;}
#leftMenu .mm ul {list-style: none; margin-left: 8px; padding-left: 10px; line-height: 22px;}
#leftMenu .mm ul li a {color: #000;}
#leftMenu .mm ul ul {margin-top: 5px; margin-bottom: 5px; font-size: 14px;}
#leftMenu .mm ul ul li {line-height: 16px;}
#leftMenu .mm ul ul li {margin-bottom: 6px;}
#leftMenu .mm ul ul ul {margin-top: 0; margin-bottom: 0; line-height: 14px; font-size: 12px;}
/*#leftMenu .mm ul ul li a {color: #626249;}*/

#leftMenu .mm ul ul li.beliy a {color: #AAA785;}
#leftMenu .mm ul ul li.zeleniy a {color: #727728;}
#leftMenu .mm ul ul li.krasniy a {color: #9D0C15;}
#leftMenu .mm ul li.krasniy a {color: #9D0C15;}
#leftMenu .mm ul ul li.cherniy a {color: #694034;}
#leftMenu .mm ul ul li.purer a {color: #50233B;}
#leftMenu .mm ul ul li.trav a {color: #AEA70E;}
#leftMenu .mm ul ul li.frukt a {color: #D46861;}
#leftMenu .mm ul ul li.chaepodob a {color: #F0AA6E;}
#leftMenu .mm ul ul li.cvet1 a {color: #5c5f4c;}
#leftMenu .mm ul ul li.cvet2 a {color: #694034;}

#leftMenu .mm ul li.current a {color: #942c10;}
#leftMenu .mm ul.acessorize li a {color: #5c5f4c;}
#leftMenu .mm ul.kofe li a {color: #694034;}
#leftMenu .mm ul.chai li a {color: #942c10;}
#leftMenu .mm ul.posuda li a {color: #727728;}
#leftMenu .mm ul.posuda li a.kofe {color: #694034;}
#leftMenu .mm ul.sladosti li a {color: #ce5f28;}
#leftMenu .mm ul.fasovka li a {color: #993a1c;}

#leftMenu div.mm a {text-decoration: none;}
#leftMenu div.mm a:hover {color: #942c10; text-decoration: underline;}

#leftMenuBottom {
    padding-left: 27px;
    vertical-align: bottom;
}

#leftMenu .leftMenuSection {clear: both; margin-right: 10px; margin-top: 20px; font-size: 12px;}
#leftMenu .leftMenuCap {color: #fff; padding: 4px 0 4px 20px;}
#leftMenu .leftMenuCap  a {text-decoration: none;}

#leftMenu  .leftMenuCap  a:hover {color: #fff; text-decoration: underline;}
#leftMenu .leftMenuSection ul {line-height: 14px; margin: 0; padding: 0;}
#leftMenu .leftMenuSection div.forUl {padding-left: 35px;}
#leftMenu .leftMenuSection div.otbivka {margin: 0 20px; font-size: 11px;}
#leftMenu .leftMenuSection table.twoRow td {width: 50%; vertical-align: top;}
#leftMenu .leftMenuSection p.paddingtext {margin: 0 15px; font-size: 11px;}
#leftMenu .leftMenuSection p.paddingtext span {font-size: 12px; color: #942c10;}
#leftMenu .leftMenuSection h2 {margin: 8px 0; padding: 0; color: #942c10; font-size: 14px; font-weight: normal;}
#leftMenu .leftMenuSection img {margin-bottom: 4px;}

#leftMenu .bannerleft {clear: both;  margin-right: 10px; margin-top: 20px; }

#cat_paper {
    width: 232px;
    height: 161px;
    background: no-repeat 10px bottom url('../img/cat_paper.jpg');
    font-size: 11px;
}

#cat_paper2 {
    clear: both;
    display: inline;
    position: absolute;
    width: 232px;
    height: 161px;
    margin-left: 10px;
    bottom: 30px;
    background: no-repeat 10px bottom url('../img/cat_paper.jpg');
    font-size: 11px;
}

#cat_paper3 {
    position: relative;
    float: left;
    display: inline;
    width: 232px;
    height: 161px;
    margin-left: 10px;
    background: no-repeat 10px bottom url('../img/cat_paper.jpg');
    font-size: 11px;
    text-align: left;
    margin-top: -100px;
}

#bodyCenter {vertical-align: top; font-size: 13px;}
#bodyCenter div.quickMenu {font-size: 11px; margin-left: 22px; margin-bottom: 13px; padding-top: 25px;}
#bodyCenter div.quickMenu a {color: #000;}
#bodyCenter div.quickMenu a:hover {text-decoration: none;}

#bodyCenter div.quickMenuMAIN {color: #727c40; font-size: 11px; margin-bottom: 13px;}
#bodyCenter div.quickMenuMAIN a {color: #727c40;}
#bodyCenter div.quickMenuMAIN a:hover {text-decoration: none;}

#bodyCenter div.contentCap {clear: both; font-size: 15px; margin-bottom: 20px; padding: 3px 0 4px 20px; color: #fff;}
#bodyCenter div.contentSubSec {font-size: 11px; margin-bottom: 20px; padding: 0 20px;}
#bodyCenter div.contentSubSec a:hover {text-decoration: none;}
#bodyCenter div.contentCap_Aromat {clear: both; font-size: 15px; margin-bottom: 20px; padding: 3px 0 4px 20px; color: #000; background: #f5e9d1 repeat-y 212px top url('../img/aromat_capbg.jpg');}

#bodyCenter span.smalltext {display: block; font-size: 12px; color: #6e6e6e; margin-top: 5px;}
#bodyCenter span.article {font-size: 11px; color: #6e6e6e; margin-top: 5px;}

#bodyCenter div.articles {margin-top: 5px;}
#bodyCenter div.articles ul,
#bodyCenter div.articles li {list-style: none; margin: 0; padding: 0; margin-bottom: 6px; background: 0;}
#bodyCenter div.articles a {color: #000; text-decoration: none;}
#bodyCenter div.articles a:hover {color: #942c10; text-decoration: underline;}

#bodyCenter a.email {display: block; font-size: 14px; margin: 10px 0;}
#bodyCenter p.contact {margin-top: 8px;}

#bodyCenter ul, li {margin: 0; padding: 0;}
#bodyCenter li {margin: 0; list-style: none; padding-left: 10px; background: no-repeat left 6px url(../img/liststyle.jpg);}







#rasporka {clear: both; height: 1px;}

.xList1 {width: 100%; margin: 0; padding: 0; margin-bottom: 20px; font-size: 12px;}
.xList1 img {border: 0;}
.xList1Pic {padding-left: 20px;}
.xList1Pic2 {padding: 0 20px;}
.xList1Desc {width: 400px; padding-right: 20px;}
.xList1Desc a {text-decoration: none; color: #000;}
.xList1Desc a:hover {text-decoration: underline;}
.xList1Desc p {display: block; padding-left: 4px; font-size: 7px; line-height: 8px; text-transform: uppercase;}
.xList1Desc span.xList1DescCap {display: block; font-size: 12px; text-transform: uppercase; margin-bottom: 8px;}
.xList1Desc div {height: 22px; margin-bottom: 4px; padding-bottom: 6px; border-bottom: 1px solid #918f90;}
.xList1Desc div img, .xList1Desc div span {float: left}
.xList1Desc div span {display: block; padding: 6px 8px 0 3px; font-size: 8px;}

.kofePositionTwo table div {margin-top: 5px;}
.kofePositionTwo table div {height: 22px; margin-bottom: 4px; padding-bottom: 6px; border-bottom: 1px solid #918f90;}
.kofePositionTwo table div img, .kofePositionTwo table div span {float: left}
.kofePositionTwo table div span {display: block; padding: 6px 8px 0 3px; font-size: 8px !important;}

/*.xList2 {margin: 10px 0 20px 0; font-size: 11px;}
.xList2 td.magazin {vertical-align: top;}
.xList2 td.picture {padding-top: 10px; vertical-align: top;}
.xList2 td.picture img {margin-top: 20px;}
.xList2 a {text-decoration: none;}
.xList2 span {display: block; font-size: 20px; color: #942c10; margin-bottom: 5px; margin-top: 15px;}
.xList2 p {margin: 0; width: 265px;}
.xList2 img {border: 0; width: 56px; height: 56px; margin-top: 15px; margin-right: 8px;}*/

.xList2 {margin: 10px 0 30px 0; font-size: 11px;}
.xList2 td.c1 {padding-top: 25px; width: 265px; vertical-align: top;}
.xList2 td.c2 {vertical-align: top;}
.xList2 a {text-decoration: none;}
.xList2 span {display: block; font-size: 20px; color: #942c10; margin-bottom: -15px;}
.xList2 img {border: 0; width: 56px; height: 56px; margin-top: 15px; margin-right: 8px;}

.xList3 {width: 100%; margin-top: 20px; font-size: 15px; line-height: 22px;}
.xList3 td.pic {width: 240px;}
.xList3 a {display: block;}

.xList4 {width: 100%; margin-top: 20px; vertical-align: top;}
.xList4 td {vertical-align: top;}
.xList4 td.pic {width: 240px;}
.xList4 span {display: block; font-size: 14px; margin-top: 10px; color: #999;}

.pageNavigation {height: 60px; font-size: 12px; /*margin-left: 20px;*/ border-top: 20px solid #fbf8f1; border-bottom: 15px solid #fbf8f1;}
.pageNavigation p {margin: 0; margin-top: 6px; font-size: 20px;}
.pageNavigation p span {color: #fff; background: #942c11; padding: 1px 4px;}
.pageNavigation p a {color: #000; padding: 1px 5px; text-decoration: none;}
.pageNavigation p a:hover {text-decoration: underline;}

.pageNavigationSmall {width: 250px; margin-left: 244px; margin-top: 20px;}

#xCat2, #xCat3 {float: left; display: inline; margin: 0 10px 10px 20px; width: 320px; height: 245px; text-align: center;}
#xCat2 img, #xCat3 img {width: 205px; height: 150px;}
#xCat2 a {display: block; margin-top: 5px; color: #734339; font-size: 12px;}
#xCat2 a:hover, #xCat3 a:hover {text-decoration: none;}
#xCat3 a {display: block; margin-top: 5px; color: #942c10; font-size: 12px;}

#xCat1, #xCat4, #xCat5, #xCat6 {float: left; display: inline; margin: 0 10px 30px 20px; width: 205px; height: 175px; text-align: center;}
#xCat1 img, #xCat4 img, #xCat5 img, #xCat6 img {width: 205px; height: 150px;}
#xCat1 a:hover, #xCat4 a:hover, #xCat5 a:hover, #xCat6 a:hover {text-decoration: none;}
#xCat1 a, #xCat4 a, #xCat5 a, #xCat6 a {display: block; margin-top: 5px; font-size: 12px;}
#xCat1 a {color: #5c5f4c; font-size: 12px;}
#xCat4 a {color: #737828;}
#xCat5 a {color: #6c3926;}
#xCat6 a {color: #ce5f28;}

#xCat7 {float: left; display: inline; margin: 0 10px 30px 20px; width: 190px; height: 220px; text-align: center;}
#xCat7 img {width: 190px; height: 190px;}
#xCat7 a:hover {text-decoration: none;}
#xCat7 a {display: block; margin-top: 5px; font-size: 12px;}
#xCat7 a {color: #5c5f4c; font-size: 12px;}

#xCat9 {float: left; display: inline; margin: 0 10px 10px 10px; width: 330px; height: 170px; text-align: center;}
#xCat9 img {width: 336px; height: 130px;}
#xCat9 a {display: block; margin-top: 5px; color: #734339; font-size: 12px;}
#xCat9 a:hover {text-decoration: none;}

#xCat10 {float: left; display: inline; margin: 20px 0 20px 10px; width: 145px; height: 150px; text-align: center;}
#xCat10 img {width: 145px; height: 100px;}
#xCat10 a:hover {text-decoration: none;}
#xCat10 a {display: block; margin-top: 5px; font-size: 12px;}

#xCat11 {float: left; display: inline; margin: 20px 23px 20px 0; width: 93px; height: 190px; text-align: center; font-size: 11px;}
#xCat11 img {width: 93x; height: 131px; margin-bottom: 5px;}
#xCat11 a:hover {text-decoration: none;}

#xCat12 {float: left; display: inline; margin: 5px 6px 25px 0; width: 149px; height: 175px; text-align: center; font-size: 11px;}
#xCat12 img {width: 112px; height: 112px; margin-bottom: 5px;}
#xCat12 span {display: block; font-size: 13px; margin-bottom: 4px;}
#xCat12 a:hover {text-decoration: none;}

.fasovkaChai {clear: both; height: 250px; padding-left: 30px; background: repeat-x left 169px url('../img/fasovkachaibg.jpg');}
.fasovkaChai div {float: left; width: 70px; height: 100%; padding-right: 12px; text-align:center;}
    * html .fasovkaChai div {padding-right: 6px;}
.fasovkaChai div img {border: 0; margin-bottom: 20px;}
.fasovkaChai div a {display: block; font-size: 11px;}
.fasovkaChai a:hover {text-decoration: none;}

.fasovkaChai2 {clear: both; height: 180px; padding-left: 25px; background: repeat-x left 116px url('../img/fasovkachaibg.jpg');}
.fasovkaChai2 div {float: left; width: 130px; height: 100%; padding-right: 12px; text-align:center;}
.fasovkaChai2 div img {border: 0; margin-bottom: 20px;}
.fasovkaChai2 div a {display: block; font-size: 11px;}
.fasovkaChai2 a:hover {text-decoration: none;}

.rightCol {float: right; width: 230px; margin-left: -10px;}
.rightColElement {width: 210px; font-size: 12px; padding: 10px; margin-bottom: 30px; background: #f5e9d1;}
.rightColElement p {margin: 0;}
.rightColElement span.h {display:block; color: #942c10; font-size: 16px; margin-bottom: 10px;}
/*.rightColElement*/ span.big {color: #942c10; font-size: 16px; line-height: 14px;}
/*.rightColElement*/ span.bigredtext {color: #942c10; font-size: 14px;}
.rightColElement a.h {display: block; font-size: 16px; margin-bottom: 10px;}
.rightColElement a.hNoU {display: block; font-size: 16px; margin-bottom: 10px; text-decoration: none;}
.rightColElement a.archive {display: block; font-size: 16px; margin-bottom: 10px; text-decoration: none;}
.rightColElement a.archive:hover {text-decoration: underline;}
.rightColElement a.h2 {display:block; margin-bottom: 6px;}
/*.rightColElement*/ a.big {font-size: 16px;}
/*.rightColElement*/ a.big2 {font-size: 14px;}
.rightColElementPic {width: 210px; padding: 10px; margin-bottom: 10px;}
.rightColElementPic span {display: block; font-size: 10px; color: #302e2f; margin-top: 2px;}
.leftCol {float: left; display: inline; margin-left: 20px; width: 465px; overflow: hidden;}

.kofePositionOne {font-size: 11px; text-align: center;}
.kofePositionOne p {font-size: 8px; text-transform: uppercase; margin: 20px 0 5px 0;}
.kofePositionOne span {width: 350px; font-size: 15px; text-transform: uppercase;}
.kofePositionOne hr {width: 340px; color: #c7c7c7;}
.kofePositionOne div {width: 240px; height: 22px; margin: 0 auto; padding-left: 20px; margin-bottom: 4px; margin-top: 10px; padding-bottom: 6px;}
.kofePositionOne div img, .kofePositionOne div span {float: left}
.kofePositionOne div span {display: block; width: 45px; padding: 6px 8px 0 3px; font-size: 8px;}

.kofePositionTwo table {width: 100%; margin-top: 20px; font-size: 11px;}
.kofePositionTwo table td.pic {vertical-align: top; padding-left: 20px;}
.kofePositionTwo table td.desc {vertical-align: top; width: 100%; padding: 0 10px 0 30px;}
.kofePositionTwo table td.desc p {display: block; padding-left: 4px; font-size: 7px; line-height: 8px; text-transform: uppercase;}
.kofePositionTwo table td.desc span {font-size: 15px; text-transform: uppercase;}

#fasovka1 {width: 100%; height: 360px; background: no-repeat center center url('../img/intro.jpg');}
#fasovka1 span.fasFirst, #fasovka1 span.fasSecond, #fasovka1 span.fasThird {display: block; width: 220px; position: relative;}
#fasovka1 span.fasFirst {top: 10px; left: 30px;}
#fasovka1 span.fasSecond {top: -10px; left: 260px;}
#fasovka1 span.fasThird {top: 190px; left: 160px;}

#fasovka2 {width: 100%; height: 260px; background: no-repeat left center url('../img/banki2.jpg');}
#fasovka2 span.fasFirst, #fasovka2 span.fasSecond {display: block; width: 180px; float: right; clear: both;}
#fasovka2 span.fasFirst {top: 20px; left: 30px;}
#fasovka2 span.fasSecond {top: -10px; left: 260px;}

#fasovka2 {width: 100%; height: 260px; background: no-repeat left center url('../img/banki2.jpg');}
#fasovka2 span.fasFirst, #fasovka2 span.fasSecond {display: block; width: 180px; float: right; clear: both;}
#fasovka2 span.fasFirst {top: 10px; left: 30px;}
#fasovka2 span.fasSecond {top: -10px; left: 260px;}

#orangeBox {padding: 20px; margin-bottom: 20px; background: #f5e9d1;}

#newsNav {margin: 0 0 0 -10px;}
    #newsNav td {padding: 0 10px;}
    #newsNav td.prev a {text-decoration: none;}
    #newsNav td.next a {text-decoration: none;}

/*#footer {height: 80px; width: 100%; position: absolute; bottom: 0; z-index: 30;}*/
#footer {position: relative; height: 80px; margin-top: -80px; width: 100%; z-index: 30;}
#footer_inner {width: 999px;}
#footer div#righthead {width: 738px; height: 80px; margin: 0; padding: 0; position: relative; top: -13px;}
#copy_solus, #copy_solus_main, #copy_unciya, #copy_contact, #copy_unciya_main, #copy_contact_main {font-size: 10px; color: #888; margin-top: 18px; text-align: left;}
#copy_solus {width: 140px; margin-left: 20px;}
#copy_solus_main {width: 130px; margin-left: 380px; margin-top: 13px; padding: 5px;}
#copy_contact, #copy_contact_main {margin-right: 20px;}
    #copy_contact img, #copy_contact_main img {margin-bottom: -2px;}
#copy_contact_main {clear: both; margin: 0; margin-right: 20px; width: 190px;}
#copy_unciya {margin-right: 60px;} 
#copy_unciya_main {margin-right: 20px;}

/* Classes */

.fleft {float: left;}
.fright {float: right;}
.inline {display: inline;}
 


/*bgcolors*/
.bgGreen {background-color: #737828;}
.bgBrown {background-color: #6c3926;}
.bgRed {background-color: #942c10;}
.bgGray {background-color: #5e5f4d;}
.bgOrange {background-color: #ce5f28;}
.bgPink {background-color: #f5e9d1;}

/*a colors*/
.aGreen {color: #737828;}
.aGreen a {color: #737828;}
.aCherniy a {color: #694034;}
.aZeleniy a {color: #727728;}
.aOrange a {color: #ce5f28;}
.aPuer a {color: #50233B;}
.aKrasniy a {color: #942c10;}
.aTrav a {color: #AEA70E;}
.aBrown {color: #6c3926;}
.aBrown a {color: #6c3926;}
.aGreen2 a {color: #436034;}

/* p border colors*/
.bGreen {border-left: 6px solid #737828;}
.bBrown {border-left: 6px solid #6c3926;}

/* p text colors*/
.tGreen {color: #737828;}
.tOrange {color: #942c10;}
.tBrown {color: #6c3926;}
.tGrey {color: #868686;}

.center {text-align: center;}
.right {text-align: right;}

 
 .tabsgran  { border: 4px solid #6c3926; border-collapse: collapse; pad}
 .tabsgran  td {border: 2px solid #942c10;  padding: 5px;  }
 
 .submitBrown {color: #fff; background: #942c11; border: 1px solid #942C11; height: 27px; width: 100px}
 .inputBrown { border: 1px solid #942C11; height: 27px}