*{
  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;
height: auto !important; height: 100%; min-height: 100%;
min-width: 995px;
}
html { height: 100%; }

#topsection{
height: 200px; /*Height of top section*/
width: 100%;
text-align:center;
background-image: URL("/images/top_bg.jpg");
background-position: top center;
background-repeat: no-repeat;
padding-left: 55px;
margin-left: -55px;
}
#top{
background-image: URL("/images/top.jpg");
background-position: top left;
background-repeat: no-repeat;
margin:0 auto;
height: 200px; /*Height of top section*/
width: 955px;
z-index: 1;
  position: relative;
}
#contact{
  position: relative;
  top: 36px;
  left: 90px;
  z-index: 2;
  position: relative;
}
#contact h2{
    font-size: 18pt;
    color: #000000;
    text-align: center;
}

#contentwrapper{
position: relative;
float: left;
top: 0;
left: 5px;
width: 67%;/*83%*/
}
#gal_contentwrapper{
position: relative;
float: left;
top: 0;
left: 5px;
width: 83%;/*83%*/
}

#contentcolumn{
float: left;
/*min-width: 792px;*/
width: 100%;
background-color: #f7f3d9;
}

#left{
float: left;
position: relative;
top: 0px;
left: 0px;
width: 157px; /*Width of left column*/
}
#right{
float: left;
position: relative;
top: 0px;
left: 12px;
width: 157px; /*Width of left column*/
background-color: #f7f3d9;
}
#r_contentcolumn{
float: left;
/*min-width: 792px;*/
width: 100%;
background-color: #f7f3d9;
}

.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: 100%;
  height: 162px;
  clear: both;
  background-image: url('/images/uzor_bottom.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
}
#uzor_left{
position: relative;
bottom: 0;
left: 0;
  display: block;
  width: 162px;
  height: 162px;
  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;
}
.innermenu{
  margin: 0;
}

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

#content{
  min-height: 300px;
  height:auto !important;
  height:300px;
}

#content, #content p{
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 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_in.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: 131px;       /* 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 CHANGE: replace by the width of one of your corners */
	margin-top: -131px;  /* 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 -131px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right {
	background-position: 100% -131px; /* 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 */
	}
.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;
	}
.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/wAAANPUuvz66Y6Kav///wAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAADAAEAAAQEUKEUAQA7'); /* 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/left_in.gif'); /* CHANGE: path and name of your image2 */
}
*+html .insideleft{
	background-image: url('/images/left_in.gif'); /* CHANGE: path and name of your image2 */
}

.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 .insideright{
	background-image: url('/images/right_in.gif'); /* CHANGE: path and name of your image2 */
}
*+html .insideright{
	background-image: url('/images/right_in.gif'); /* CHANGE: path and name of your image2 */
}
.insideright { background-position: 100% 1px; } /* DNC: position right corner */

/*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 */
}
/*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;
}

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;
    margin-left:20px;
}


/*Скругленные рамки*/
/*
	| 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 */

/*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 */