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:75px;

	margin: 0px;

	padding: 0px;

	margin-bottom:10px;

  }

  

  /* work*/

  .picture {

     width:75px;
	height:75px;
	 position:relative;           /* ОБЯЗАТЕЛЬНО для absolute-зации */
	 z-index:20;
	 float:left;
	

  }

    

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



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

    width:100%;

	height:75px;

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





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

    text-decoration:none;

    color: #339900; !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:75px;
	height:75px;
	text-decoration:none;
	position:absolute;            /* ОБЯЗАТЕЛЬНО */
	z-index:1;

  }

  .picture a:hover {

    text-decoration:none;

  }

  

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

  #obj1 {

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

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

	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');

  } 

  */

  

 #p1 {

	width:75px;

height:75px;

	background-image: url(/im/paving-baza/p1.png);

 }

 #p2 {

     width:75px;

height:75px;

   	 background-image: url(/im/paving-baza/p2.png);

 }

 #p3 {

     width:75px;

height:75px;

   	 background-image: url(/im/paving-baza/p3.png);

 }
 
 #k1 {
width:75px;
height:75px;

   	 background-image: url(/im/klinker/klinker_mini.png);
 }

 
 
 * html #p1 {

     background:none;

     width:75px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/paving-baza/p1.png', sizingMethod='scale');

  }

 * html #p2 {

     background:none;

     width:75px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/paving-baza/p2.png', sizingMethod='scale');

  }

 * html #p3 {

     background:none;

     width:75px; 

     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/paving-baza/p3.png', sizingMethod='scale');

  }
  
  * html #k1 {

     background:none;

     width:75px; 

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

  }