*{
  margin:0;
  padding:0;
  border: 0;
  font-family: Book Antiqua;
  font-size: 12pt;
  color: #3a271d;
}

body{
margin:0;
padding:0;
line-height: 1.5em;
background-color: #f0dfc1 !important;
background-image: URL("/images/bg.jpg");
background-position: top left;
background-repeat: no-repeat;
height: auto !important; height: 100%; min-height: 100%;
min-width: 999px;
}
html { height: 100%; }

#topsection{
height: 457px; /*Height of top section*/
width: 999px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
position: relative;
top: 0;
left: 161px;
width: 675px;/*83%*/
}

#contentcolumn{
float: left;
width: 675px;
background-color: #f7f3d9;
}

#right{
display: block;
float: left;
position: absolute;
top: 457px;
left: 840px;/*161+658+4*/
min-width: 161px;
width: 161px;
background-color: #f7f3d9;
}

#left{
float: left;
position: absolute;
top: 457px;
left: 0;
width: 157px; /*Width of left column*/
}

.leftcolumn_up{
width: 157px; /*Width of left column*/
background-color: #f7f0c0;
background-image: URL("");
background-repeat: repeat-y;
background-position: 40px left;
}
.leftcolumn{
width: 157px; /*Width of left column*/
background-color: #f7f0c0;
}

#uzor{
  display: block;
  width: 159px;
  height: 162px;
  clear: both;
  background-image: url('/images/uzor.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
}


#footer{
clear: both;
width: 100%;
background: #881532;
text-align: center;
padding: 0px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
z-index: 98;
}
.innermenu{
  margin: 0;
}


#text{
margin-top: -110px;
background: URL("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEUAAAALAAAAAABAAEAAAICRAEAOw==") repeat;
z-index: 99;
}
* html #text{
background: URL("/images/0.gif") repeat;
}
*+html #text{
background: URL("/images/0.gif") repeat;
}

#content, #content p, #content li, #content ul{
font-size: 12pt;
text-align: left;
}
#content h1{
font-size: 16pt;
color: #3a271d;
}
#content h2{
font-size: 15pt;
}
#content h3{
font-size: 13pt;
}
#content a{
color: #3b0819;
}
#content li{
  margin-left: 35px;;
}

#content a:visited{
color: #3e3e3e;
}
.center{
  text-align: center !important;
}
#menu h2{
  font-size: 17pt;
  color: #870c36;
  letter-spacing:-1px;
}
#footer, #footer p, #footer a{
 font-size: 11pt;
 font-weight: bold;
 font-family: arial;
 color: #f9e4a6;
}
#footer div, #footer div p, #footer div a{
 font-size: 10pt;
 font-weight: bold;
 font-family: arial;
 color: #fed763;
}
.menu_tel{
  width: 153px;
  height: 37px;
  background: URL("/images/tel.gif") no-repeat top center;
}



/*Скругленные рамки*/
/*
	| liquidcorners-extended.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with painted border outside a contentbox with class="inside";
	|      image1 = upper half: top left corner, long top border, top right corner
	|               under half: bottom left corner, long bottom border, bottom right corner
	|      image2 = left half: left border; right side: right border
	|               because repeat-y: image2 can be reduced in height!
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
*/
/*content*/
.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('/images/convas.jpg'); /* CHANGE: path and name of your image1 */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .top-right{
	height: 146px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}
.bottom-left, .bottom-right{
	height: 12px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}

.top-left {
	margin-right: 18px; /* CHANGE: replace by the width of one of your corners */
}
.bottom-left {
	margin-right: 18px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right {
	margin-left: 18px;  /* 774-675CHANGE: replace by the width of one of your corners */
	margin-top: -146px;  /* CHANGE: replace by the height of one of your corners */
	}
.bottom-right {
	margin-left: 18px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -12px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  {
	background-position: 0 -148px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right {
	background-position: 100% -148px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	margin-top: -50px;              /*Canvas Height - 5 px*/
	margin-left: 18px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 20px;              /* CHANGE: replace by the width of one of your corners */
	text-align: left;               /* YCC: position of all texts inside */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.insideleft {
	background-image: url('data:image/gif;base64,R0lGODlhAwABALMAAP//////AP8A//8AAAD//wD/AAAA/wAAAKemiZSPb/764f///wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAADAAEAAAQEMCEVAQA7'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
* html .insideleft{
 	background-image: url('/images/border_left.gif'); /* CHANGE: path and name of your image2 */
}
*+html .insideleft{
	background-image: url('/images/border_left.gif'); /* CHANGE: path and name of your image2 */
}

.insideright {
	background-image: url('data:image/gif;base64,R0lGODlhAwABALMAAP//////AP8A//8AAAD//wD/AAAA/wAAAICBYvTy2cK3mfXkxv///wAAAAAAAAAAACH5BAEAAAwALAAAAAADAAEAAAQEMCEVAQA7'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
* html .insideright{
	background-image: url('/images/border_right.gif'); /* CHANGE: path and name of your image2 */
}
*+html .insideright{
	background-image: url('/images/border_right.gif'); /* CHANGE: path and name of your image2 */
}
.insideright { background-position: 100% 0; } /* DNC: position right corner */

/*left menu*/
.L_top-right, .L_bottom-right {
	background-image: url('/images/L_convas.jpg'); /* CHANGE: path and name of your image1 */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.L_top-right {
	height: 73px;
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.L_bottom-right {
	background-position: 100% -74px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.L_bottom-right {
	height: 13px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}
.L_inside {
	text-align: left;               /* YCC: position of all texts inside */
	}
.L_insideright {
	background-image: url('data:image/gif;base64,R0lGODlhAwABALMAAP//////AP8A//8AAAD//wD/AAAA/wAAAIJ9XL+5jP/4v////wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAADAAEAAAQEUCUUAQA7'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
    background-position: 154px 0;
}
* html .L_insideright{
	background-image: url('/images/L_border_right.gif'); /* CHANGE: path and name of your image2 */
}
*+html .L_insideright{
	background-image: url('/images/L_border_right.gif'); /* CHANGE: path and name of your image2 */
}

/*articles*/
.art_top-right, .art_bottom-right {
	background-image: url('/images/art_convas.jpg'); /* CHANGE: path and name of your image1 */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.art_top-right {
	height: 12px;
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.art_bottom-right {
	background-position: 100% -12px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.art_bottom-right {
	height: 12px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}
.art_inside {
	text-align: center;               /* YCC: position of all texts inside */
    margin-left: 3px;
    margin-right: 3px;
	}

.art_insideright {
	background-image: url('data:image/gif;base64,R0lGODlhAwABALMAAP//////AP8A//8AAAD//wD/AAAA/wAAAIJ9XL+5jP/4v////wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAADAAEAAAQEUCUUAQA7'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
    background-position: 152px 0;
}
* html .art_insideright{
	background-image: url('/images/L_border_right.gif'); /* CHANGE: path and name of your image2 */
}
*+html .art_insideright{
	background-image: url('/images/L_border_right.gif'); /* CHANGE: path and name of your image2 */
}

/*right menu canvas*/
.r_top-left, .r_top-right, .r_bottom-left, .r_bottom-right {
	background-image: url('/images/convas_in.jpg'); /* CHANGE: path and name of your image1 */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
    z-index: 89;
	}
.r_top-left, .r_top-right{
	height: 131px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
    z-index: 90;
}
.r_bottom-left, .r_bottom-right{
	height: 12px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}

.r_top-left {
	margin-right: 18px; /* CHANGE: replace by the width of one of your corners */
}
.r_bottom-left {
	margin-right: 18px; /* CHANGE: replace by the width of one of your corners */
	}
.r_top-right {
	margin-left: 18px;  /*774 CHANGE: replace by the width of one of your corners */
	margin-top: -131px;  /* CHANGE: replace by the height of one of your corners */
	}
.r_bottom-right {
	margin-left: 18px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -12px;  /* CHANGE: replace by the height of one of your corners */
	}
.r_top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.r_bottom-left  {
	background-position: 0 -131px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.r_bottom-right {
	background-position: 100% -131px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.r_inside {
	margin-top: -50px;              /*Canvas Height - 5 px*/
	margin-left: 18px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 20px;              /* CHANGE: replace by the width of one of your corners */
	text-align: left;               /* YCC: position of all texts inside */
	min-height: 582px;
    z-index: 97;
	}
.r_notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.r_nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.r_insideleft {
	background-image: url('data:image/gif;base64,R0lGODlhAwABALMAAP//////AP8A//8AAAD//wD/AAAA/wAAANPUuvz66Y6Kav///wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAADAAEAAAQEUKEUAQA7'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
* html .r_insideleft{
 	background-image: url('/images/left_in.gif'); /* CHANGE: path and name of your image2 */
}
*+html .r_insideleft{
	background-image: url('/images/left_in.gif'); /* CHANGE: path and name of your image2 */
}
.r_insideright {
	background-image: url('data:image/gif;base64,R0lGODlhAwABALMAAP//////AP8A//8AAAD//wD/AAAA/wAAANncw/797IqHZ////wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAADAAEAAAQEMCEVAQA7'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
* html .r_insideright{
	background-image: url('/images/right_in.gif'); /* CHANGE: path and name of your image2 */
}
*+html .r_insideright{
	background-image: url('/images/right_in.gif'); /* CHANGE: path and name of your image2 */
}
.r_insideright { background-position: 100% 1px; } /* DNC: position right corner */

div.plus{
float: left;
  height: 10px;
  width: 10px;
  background: URL("/images/plus.gif") no-repeat;
  background-position: center center;
  margin-top: 9px;
  padding-right: 14px;
}
div.minus{
float: left;
  height: 10px;
  width: 10px;
  background: URL("/images/minus.gif") no-repeat;
  background-position: center center;
  padding-right: 10px;
  margin-top: 9px;
  padding-right: 14px;
}
#content ul li{
    list-style-type: none;
}
/*menu*/
#m22896,#m23049,#m23046,#m23050,#m23044,#m23051,#m23045,#m23052{
  display: block;
  background-position: 0px 0px;
  width: 142px;
  height: 56px;
  text-align: center;
  margin: 12px 0px 0px 6px;
}
#m22896{
background: URL("/images/m_glavnaya.jpg") no-repeat;
}
#m23049{
background: URL("/images/m_natyajnie.jpg") no-repeat;
}
#m23046{
background: URL("/images/m_materiali.jpg") no-repeat;
}
#m23050{
background: URL("/images/m_ceni.jpg") no-repeat;
}
#m23044{
background: URL("/images/m_contacti.jpg") no-repeat;
}
#m23051{
background: URL("/images/m_galery.jpg") no-repeat;
}
#m23045{
background: URL("/images/m_dileram.jpg") no-repeat;
}
#m23052{
background: URL("/images/m_vacansii.jpg") no-repeat;
}

#m22896:hover,#m23049:hover,#m23046:hover,#m23050:hover,#m23044:hover,#m23051:hover,#m23045:hover,#m23052:hover{
  background-position: 0px -56px;
}


#m22896.active{
background: URL("/images/m_glavnaya_a.jpg") no-repeat;
}
#m23049.active{
background: URL("/images/m_natyajnie_a.jpg") no-repeat;
}
#m23046.active{
background: URL("/images/m_materiali_a.jpg") no-repeat;
}
#m23050.active{
background: URL("/images/m_ceni_a.jpg") no-repeat;
}
#m23044.active{
background: URL("/images/m_contacti_a.jpg") no-repeat;
}
#m23051.active{
background: URL("/images/m_galery_a.jpg") no-repeat;
}
#m23045.active{
background: URL("/images/m_dileram_a.jpg") no-repeat;
}
#m23052.active{
background: URL("/images/m_vacansii_a.jpg") no-repeat;
}