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

  h1{
    font-size:24px;
    padding: 10px;
    color: #D65305;
		font-weight: normal;
		font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
		text-align:center;
  }
  h2{
    font-size:20px;
    padding: 0px;
    color: #ED5C05;
		font-weight: normal;
		font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
		text-align:justify;
  }
  h3{
    font-size:16px;
    padding: 0px;
    color: #EF6C1E;
		font-weight: normal;
		font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
		text-align:justify;
  }
  h4{
    font-size:14px;
    padding: 0px;
    color: #ED5C05;
		font-weight: normal;
		font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
		text-align:justify;
  }
  #main_table{
    width:100%;
    background:url(/img/back.png);
    height:100%;
  }
  #top_center_page{
    background:url(/img/fon.jpg);
    height:60px;
  }
  #top_left_page{
    background:url(/img/fon_top_left.jpg) repeat-y right 0;
    height:60px;
  }
  #top_right_page{
    background:url(/img/fon_top_right.jpg) repeat-y left 0;
    height:60px;
  }
  #center_page{
    position: relative;
    width:75%;
    background:url(/img/fon.jpg);
    min-width:600px;
    vertical-align:top;
    text-indent:2;
    text-align:justify;
    border:0px solid #ff0000;
    1padding:0 0 20px;
    1height: 100%;
  }
  #center_div{
    width:100%;
    min-height: 100%; /* задаем минимальную высоту основного блока с хаком для IE 6.0*/
    height:auto !important;
    height:100%;
    zoom: 1; /* set hasLayout */
    display: block; /* resets display for IE/Win */
  }
  #left_page{
    position: relative;
    height:100%;
    width:100%;
    background:url(/img/fon_left.jpg) repeat-y right 0;
  }
  #left_box{
    position:absolute;
    bottom:0px;
    right:0;
    width:100%;
    height:310px;
    background:url(/img/box_left.gif) no-repeat;
    background-position: right bottom;
  }
  #right_page{
    position: relative;
    height:100%;
    width:100%;
    background:url(/img/fon_right.jpg) repeat-y left 0;
  }
  #right_box{
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    height:310px;
    background:url(/img/box_right.gif) no-repeat;
    background-position: left bottom;
  }
  #straightedge{
    height:30px;
    background:url(/img/straightedge.gif) repeat-x;
    background-position: left bottom;
  }
  #hFooter { /* это распорка в основном блоке - резервируем место для подвала */
    clear: both;
    1height: 120px; /* высота нашего подвала */
    border:0px solid #000000;
  }
  #footer{
    width:100%;
    margin: -120px 0 0;
    height: 120px;
    float:left;
    vertical-align:bottom;
    border: 0px solid #00ff00;
    font-size:14px;
    color: #ED5C05;
		font-weight: normal;
		font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }

  .counter {
    width:300px;
    text-align:right;
    float:right;
    height: 120px;
  }

  table{border-collapse:collapse;width:100%;}

  #left{float:left;width:240px;padding:2px 0;z-index:10;}
  #left .out{margin:0 1px 0 2px;padding:0px;border:0px solid #44ff99;}
  #left .in{width:100%;}
  #left table{background:#f0f0f0;}

  #right{float:right;width:68%;margin:0 0 0 0px;padding:2px 0;z-index:1;overflow:hidden;}
  #right .out{margin:0 2px 0 0px;padding:0px;border:0px solid #333;}
  #right .in{width:100%;}
  #right table{1background:#69c;}


  .header{
    position: relative;
    height:250px;
  }
  .content{
    line-height:1.6;
    width:100%;
    font-size:15px;
    color: #BC832E;
		font-weight: normal;
		font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
		padding-bottom: 120px; /* место для подвала с запасом*/
  }
  .left_menu{
    text-align:left;
    padding-right: 10px;
    color: #B06D09;
		font-weight: normal;
		font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }
  .block_top{
    height:220px;
    position:relative;
    margin-left:270px;
    border: 0px solid #858585;
    padding: 10px;
  }
  .block_center{
    border: 0px solid #858585;
    width:100%;
  }
  .sovet{
    width:40%;
    float:right;
    font-size:22px;
    color:#887A01;
    text-align:right;
    padding: 5px;
    font-weight: bold;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
    border: 0px solid #858585;
  }

  .article{
    width:53%;
    float:left;
    font-size:20px;
    color:#887A01;
    text-align:left;
    padding: 5px;
    font-weight: bold;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
    border: 0px solid #858585;
  }

  .logo{
    position:absolute;
    top:0px;
    left:10px;
    font-size:24px;
    color:#E15704;
    text-align:left;
    font-weight:bold;
    padding: 0px;
  }
  .contact{
    position:absolute;
    top:30px;
    left:20px;
    font-size:24px;
    color:#E15704;
    text-align:right;
    padding: 100 50 30 30;
    font-weight: bold;
  }
  A {
		COLOR: #279C9C;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 16px;
		font-weight : normal;
		}
	A:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 16px;
		}
	A.top {
		COLOR: #279C9C;
		padding:10px;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 15px;
		font-weight : normal;
		white-space: nowrap;
		}
	A.top:hover {
		COLOR: #213F9A;
		padding:10px;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 15px;
		white-space: nowrap;
		}



	A.level1_menu {
		COLOR: #279C9C;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 16px;
		font-weight : normal;
		}
	A.level1_menu:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 16px;
		font-weight : normal;
		}
  A.level1_menu_sl {
		COLOR: #279C9C;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 16px;
		font-weight : normal;
		background: #FFD9D9;
		1padding:3px;
		}
	A.level1_menu_sl:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 16px;
		font-weight : normal;
		background: #FFD9D9;
  }
  A.level2_menu {
		COLOR: #279C9C;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
		}
	A.level2_menu:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
		}
  A.level2_menu_sl {
		COLOR: #279C9C;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
		background: #FFD9D9;
		1padding:3px;
		}
	A.level2_menu_sl:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
		background: #FFD9D9;
  }

/*/////////////////////////////////////
 | question
 |
*/
  .main_question_head{
    padding-bottom:20px;
    color:E15704;
  }
  .main_question{
    padding-bottom:10px;
    color:BC832E;
  }
  .form_user_question{
    padding:20px;
    border:1px solid #95C26D;
  }
  .form_user_desc{
    color:#E15704;
    font-weight:bold;
  }
  .form_user_field{
    padding:0px;
    width:100%;
    clear:both;
  }
  .form_user_name{
    padding-right:10px;
    font-weight:bold;
    width:150px;
    text-align:right;
    float:left;
    vertical-align:top;
  }
  .form_user_buttom{
    padding:0px;
    margin-left:180px;
    1width:150px;
    1text-align:right;
    vertical-align:top;
  }
  .pp{
    padding:10px;
    font-weight:bold;
  }
  .pp1{
    background:#EFEFEF;
    padding:6px 8px;
    border: 1px #ED9966 solid;
  }
  .pp2{
    background:#DEDEDE;
    padding:4px 6px;
    border: 1px #ED9966 solid;
  }
  .pp2 a{
    COLOR: #279C9C;
		TEXT-DECORATION: none;
		font-weight : normal;
  }
  .quest_str{
    padding:0px;
  }
  .quest_str2{
    padding:20px 0px;
  }
  A.pp {
		COLOR: #279C9C;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		1font-size : 14px;
		font-weight : normal;
		}
	A.pp:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		1font-size : 14px;
		}
  A.question {
		COLOR: #279C9C;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
		}
	A.question:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		}
	A.question_next {
		COLOR: #FA6105;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
		}
	A.question_next:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		}
/******** end question ********/

/*////////////////////////////////
 | articles
 |
*/
  .article_text{
    font-size:14px;
    height:170px;
    color:#E15704;
    font-weight: normal;
    text-align:left;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }
  .top_article_text{
    font-size:14px;
    height:150px;
    color:#E15704;
    font-weight: normal;
    text-align:left;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }
	.top_article a {
		COLOR: #279C9C;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
    line-height:1.3;
		}
	.top_article a:hover {
		COLOR: #213F9A;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 14px;
		font-weight : normal;
    line-height:1.3;
		}
	.all_articles_date {
	  width:100px;
    1float:left;
    text-align:left;
	}
	.all_articles_head {
   1margin-left:100px;
   float:left;
   text-align:left;
	}
	.all_articles {
   padding-bottom:50px;
	}
	.articles_main {
	  width:49%;
    float:left;
    padding-bottom:30px;
    text-align:justify;
	}
	.articles_main_head {
   1margin-left:100px;
   1float:left;
   padding-right:30px;
   text-align:left;
	}
	.articles_main_short {
   padding-right:30px;
   1height:200px;
	}
/******** end articles ********/

/*///////////////////////////
 |----- advice -------------
 |
*/

  .sovet_text{
    font-size:14px;
    height:170px;
    color:#E15704;
    font-weight: normal;
    text-align:justify;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }
  .top_sovet_title{
    font-size:14px;
    height:150px;
    font-weight: normal;
    text-align:justify;
  }
  .top_sovet_lnk{
    font-size:12px;
    1padding-bottom:10px;
    1height:160px;
    1width:100%;
    color:#887A01;
    font-weight: normal;
    text-align:right;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }
  .top_sovet_lnk a{
    font-size:12px;
    1height:160px;
    1width:100%;
    color:#887A01;
    font-weight: normal;
    text-align:right;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }
  .top_sovet_lnk a:hover{
    font-size:12px;
    1height:160px;
    1width:100%;
    color:#887A01;
    font-weight: normal;
    text-align:right;
    font-family : Myriad Pro, Verdana, Times New Roman, Tahoma, Arial, Helvetica, sans-serif;
  }
  .all_sovet_date {
	  width:100px;
    1float:left;
    text-align:left;
	}
	.all_sovet_head {
   1margin-left:100px;
   float:left;
   text-align:left;
	}
	.all_sovet {
   padding-bottom:50px;
	}
/******** end advice **********/



 /*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside";
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('/img/rounded/corners.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left {
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
 }
.top-right, .bottom-right {
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* 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 -9px;    /* CHANGE: replace second number by negative height of one of your corners */

  }
.bottom-right {
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */

  }
.inside {
	border-left: 1px solid #f1c79b; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #f1c79b;/* YCC: color & properties of the right-borderline */
	background: #FEF9E7;            /* YCC: background-color of the inside */
	color: #FA6105;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
  }
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

.between {padding-bottom:0px;} /*CHANGE: расстояние между блоками меню*/


.top-left24, .top-right24, .bottom-left24, .bottom-right24 {
	background-image: url('/img/rounded/corners24.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left24, .bottom-left24{
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
 }
.top-right24, .bottom-right24 {
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right24 {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left24  {
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */

  }
.bottom-right24 {
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */

  }
.inside24 {
	border-left: 1px solid #f1c79b; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #f1c79b;/* YCC: color & properties of the right-borderline */
	background: #f3fcfb;            /* YCC: background-color of the inside */
	color: #FA6105;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
  }


.top-left-green, .top-right-green, .bottom-left-green, .bottom-right-green {
	background-image: url('/img/rounded/red18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left-green, .bottom-left-green{
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
 }
.top-right-green, .bottom-right-green {
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right-green {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left-green  {
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */

  }
.bottom-right-green {
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */

  }
.inside-green {
	border-left: 1px solid #f1c79b; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #f1c79b;/* YCC: color & properties of the right-borderline */
	background: #fcf9f9;            /* YCC: background-color of the inside */
	color: #FA6105;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
  }
/*
implementation in the page:
	...
	<div class="top-left"></div><div class="top-right"></div>
		<div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
		</div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
*/


/*********    галерея    *******/
.id_a{
  color: #FB711E;
	font-size : 16px;
	vertical-align: top;
  font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:98%;
  border:0px solid #000000;
}
.main{
	vertical-align: top;
  clear:both;
}
a.work{
  COLOR: #279C9C;
		TEXT-DECORATION: underline;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 18px;
		font-weight : normal;
}
a.work:hover{
    COLOR: #279C9C;
		TEXT-DECORATION: none;
		font-family : Myriad Pro, Verdana, Times New Roman, Times, serif;
		font-size : 18px;
		font-weight : normal;
}

/********* конец галереи ******/


 li.level1_menu{
   padding:5px;
   margin-left: 0px;
   1list-style-image: url('/img/li_menu.gif') ;
   list-style-position:outside;
   list-style-type:none;
 }
 li.level1_menu_sl{
   padding:5px;
   margin-left: 0px;
   1list-style-image: url('/img/li_menu.gif') ;
   list-style-position:outside;
   list-style-type:none;
   background: #FADBAA;
 }
 li.level2_menu{
   padding:1px;
   margin:2px 0px;
   margin-left: 25px;
   list-style-image: url('/img/li_menu.gif') ;
   vertical-align:middle;
   list-style-position:outside;
 }
 li.level2_menu_sl{
   padding:1px;
   margin:2px 0px;
   margin-left: 25px;
   list-style-image: url('/img/li_menu2.gif') ;
   vertical-align:middle;
   list-style-position:outside;
   background: #FADBAA;
 }