h1 {

	font-size:1.5em;

	font-weight: bold;

	color: #339900;

	padding-top: 0px;

	padding-bottom: 18px;

  } 



/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-=  */

/* Построение меню-списка с png. Приведенные здесь инструкции очень важные и не игнорируются */

  #catalog_menu ul {

	list-style-type: none;

	padding:0 0 0 0;

  }

  

  #catalog_menu li {

	width:582px;

	height:150px;

	margin: 0px;

	padding: 0px;

	margin-bottom:10px;

  }

  

  /* work*/

  .picture {

     width:150px;

height:150px;

	 position:relative;           /* ОБЯЗАТЕЛЬНО для absolute-зации */

	 z-index:20;

	 float:left;

	 background-color:#f5efb1;

  }

    

  .text {
	width:417px;
	height:150px;
	float:right;                  /* БАГ в IE - при плавающем втором блоке появится расстояние снизу от каждого LI */
	padding-left:10px;
	padding-right:5px;
	overflow:hidden;
	background-color:#f5efb1;
	font-size: 90%;
  }



  #catalog_menu .text table {      /* ТАБЛИЦА для вертикального выравнивания */

    width:100%;

	height:150px;

  }
  
  #catalog_menu .text table .minitext {  /* Уменьшение кегля шрифта для первой части линков каталога "тротуарная плитка" */
    font-size:80%;
  }





  #catalog_menu .text a {          /* ОБЯЗАТЕЛЬНО прописывать через начальный корень # */

    text-decoration:none;

    color:#13430e; !important;

	font-size:1em;
	
	font-weight:normal;

  }

  #catalog_menu .text a:hover {   /* ОБЯЗАТЕЛЬНО прописывать через начальный корень # */

    text-decoration:underline;

  }

    

	

  #text #otbivka .picture a {    /* Баг IE с text-decoration, прописываем через id индивидуальный путь */

    text-decoration:none;

  }

  .picture a {                    /* Jump - прыжок стиля через один */

	display:block;

	width:150px;

height:150px;

	text-decoration:none;

	position:absolute;            /* ОБЯЗАТЕЛЬНО */

	z-index:1;

  }

  .picture a:hover {

    text-decoration:none;

  }

  

  /*      -=-=- Пример -=-=-

  #obj1 {

	width:150px;         //  НУЖНО ОБЯЗАТЕЛЬНО

	height:150px;         //  НУЖНО ОБЯЗАТЕЛЬНО

	background-image: url(/im/ds01.png);

	background-repeat: no-repeat;

  }

  * html #obj1 {

    background:none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/ds01.png', sizingMethod='scale');

  } 

  */

  

 #fig_1 {

	width:150px;

height:150px;

	background-image: url(/im/figure-paved-street/fig_1.th.png);

 }

 #fig_2 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_2.th.png);

 }

 #fig_3 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_3.th.png);

 }

 #fig_4 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_4.th.png);

 }

 #fig_5 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_5.th.png);

 }

 #fig_6 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_6.th.png);

 }

 #fig_7 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_7.th.png);

 }

 #fig_8 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_8.th.png);

 }

 #fig_9 {

     width:150px;

height:150px;

   	 background-image: url(/im/figure-paved-street/fig_9.th.png);

 }

 



 * html #fig_1 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_1.th.png', sizingMethod='scale');

  }

 * html #fig_2 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_2.th.png', sizingMethod='scale');

  }

 * html #fig_3 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_3.th.png', sizingMethod='scale');

  }

 * html #fig_4 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_4.th.png', sizingMethod='scale');

  }

 * html #fig_5 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_5.th.png', sizingMethod='scale');

  }

 * html #fig_6 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_6.th.png', sizingMethod='scale');

  }

 * html #fig_7 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_7.th.png', sizingMethod='scale');

  }

 * html #fig_8 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_8.th.png', sizingMethod='scale');

  }

 * html #fig_9 {

     background:none;

     width:150px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/figure-paved-street/fig_9.th.png', sizingMethod='scale');

  }