#content {
         background-color: forestgreen;
         height: 100%;
	 width: 100%;
        text-align:  center;
}


#form { 
      border: 3px solid blue;
      height: 100%;
      width: 100%;	    
      float: center;
	     text-align:  center;
   
}

#name {
      font-size:45px;
}

#prokladka2 {
     height: 160px;
	     width: 100%;	 
        float: top;
   
	     text-align:  center;
   
}

#head_1 {background-image: url(Working/imag/logotip.jpg);
		 background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
        height: 100%;
	     width:23%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
          margin-left: 1px;
}

#head_2{border: 1px solid green;
         background-image: url(Working/imag/head_2.jpg);
    background-position: center center;
     background-size: 100% 100%;
        height: 100%;
	     width:15%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
          margin-left: 1px;		
}


#head_2_up{
        height: 50%;
	     width:100%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
         position: relative;
         padding-top: 6px;
        font: 20pt/35pt sans-serif;
        color:cyan;
        z-index: 0,1;
}

#head_2_up_sec{border: 1px solid green;
         background-color: forestgreen;
        height: auto;
	     width:100%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
         display: none;
         margin-left: 60px;		
         padding-top: 2px;
         padding-bottom: 2px;
         padding-left: 1px;
         padding-right: 8px;
          position: relative;
     /* overflow: hidden;/*подрезает по контуру блока*/
     z-index: 1;
}

#head_2_up_sec_1{
        background-color: forestgreen;
        height: 40px;
	    width:100%;
	    float: top;
        text-align:  center;
        padding-top: 6px;
        padding-left: 6px;
        font-size:25;
        color:lightblue;
        text-align:center;
        position: relative;
       
}#head_2_up_sec_1:hover{background-color: lawngreen;
                        color:darkblue;}
#head_2_up_sec_1:hover>#a_menu{background-color: lawngreen;
                        color:darkblue;}
#head_2_up:hover>#head_2_bottom{ display: none;}
#head_2_up:hover>#a_menu_titl{ color:darkblue;}
#head_2_up:hover>#head_2_up_sec{display: block;}
#head_2_up:hover{background-color: lawngreen;
                 color:darkblue;}
#a_menu{
      background-color:forestgreen;
        height: 17%;
	    width:100%;
	    float: top;
        text-align:  center;
        padding-top: 6px;
        padding-left: 6px;
        font-size:25;
        color:lightblue;
        text-align:center;
        text-decoration: none;
}

#a_menu_titl{
        height: 17%;
	    width:100%;
	    float: top;
        text-align:  center;
        padding-top: 6px;
        padding-left: 6px;
        font-size:25;
        color:cyan;
        text-align:center;
        text-decoration: none;
}

#podmenu{border: 1px solid green;
         background-color: forestgreen;
        border-radius: 10px;
       height: auto;
	    width:130%;
	    float: top;
        text-align:  center;
        padding-top: 1px;
        padding-left: 6px;
        font-size:25;
        color:lightblue;
        text-align:center;
         display: none;
         margin-left: 90px;		
         margin-top: -20px;
        padding-right: 8px;
          position:relative;
        z-index: 0,1;
}

#podmenu_1{
        background-color: forestgreen;
        height: 40px;
	    width:100%;
	    float: top;
        text-align:  center;
        padding-top: 3px;
        padding-left: 3px;
        font-size:25;
        color:lightblue;
        text-align:center;
        position:relative;
        z-index: 1;
        
       
}
#head_2_up_sec_1:hover>#podmenu{display: block;  z-index: 1;}
#head_2_up_sec_1:hover>#head_2_up_sec{ z-index: 0,1;}
#head_2_up_sec_1:hover{background-color: lawngreen;
                 color:darkblue;}
#podmenu_1:hover>#a_menu{background-color: lawngreen;
                        color:darkblue;}    
#podmenu_1:hover{background-color: lawngreen;
                         color:darkblue;}

#head_2_bottom{
       height: 50%;
	     width:100%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
         position: relative;
         padding-top: 6px;
        font: 20pt/35pt sans-serif;
        color:cyan;
}#head_2_bottom:hover>#head_2_up_sec{display: block;}
#head_2_bottom:hover{background-color: lawngreen;
                 color:darkblue;}



#head_3{border: 1px solid green;
         background-image: url(Working/imag/head_3.jpg);
    background-position: center center;
     background-size: 100% 100%;
        height: 100%;
	     width:15%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
          margin-left: 1px;		
}


#head_4{border: 1px solid green;
         background-image: url(Working/imag/head_4.jpg);
    background-position: center center;
     background-size: 100% 100%;
        height: 100%;
	     width:15%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
          margin-left: 1px;		
}


#head_5 {border: 1px solid green;
         background-image: url(Working/imag/head_5.jpg);
    background-position: center center;
     background-size: 100% 100%;
        height: 100%;
	     width:15%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
          margin-left: 1px;		
		 
}


#head_6 {border: 1px solid green;
         background-image: url(Working/imag/head_6.jpg);
    background-position: center center;
     background-size: 100% 100%;
        height: 100%;
	     width:15%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
          margin-left: 1px;		
}




#body {border: 4px solid white;
         height: 76%;
	     width: 100%;
	   float: center;
		 text-align:  center;
}


#body_left {border: 4px solid white;
         height: 100%;
	     width: 49%;
	     margin: 0%;
	     padding: 0%;
	     border-radius: 8px;
	     float: left;
	     text-align:  center;
		 background-image: url(Working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_left_top {
         height: 49%;
	     width: 100%;
	   float: left;
	   
}

#body_left_top_top {
         height: 50%;
	     width: 100%;
	   float: top;
	    background-image: url(working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_left_top_bottom {
         height: 50%;
	     width: 100%;
	   float: top;
	    background-image: url(working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_left_bottom {
         height: 50%;
	     width: 100%;
	   float: left;
	   
}

#body_left_bottom_left {
         height: 99%;
	     width: 48%;
	   float: left;
	    background-image: url(//localhost/mySait/working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_left_bottom_right {
         height: 99%;
	     width: 48%;
	   float: right;
	    background-image: url(//localhost/mySait/working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_right {border: 4px solid white;
            height: 100%;
	        width: 49%;
	        margin: 0%;
	        padding: 0%;
	        border-radius: 8px;
			
		 background-image: url(//localhost/mySait/working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
	        
	        float: right;
	        text-align:  center;
}

#body_right_top {
         height: 28%;
	     width: 100%;
	   float: left;
	   
}

#body_right_top_top {
         height: 50%;
	     width: 100%;
	   float: top;
	    background-image: url(//localhost/mySait/working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_right_top_bottom {
         height: 50%;
	     width: 100%;
	   float: top;
	    background-image: url(//localhost/mySait/working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_right_bottom {
         height: 70%;
	     width: 100%;
	   float: left;
	   
}

#body_right_bottom_left {
         height: 99%;
	     width: 48%;
	   float: left;
	    background-image: url(//localhost/mySait/working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#body_right_bottom_right {
         height: 99%;
	     width: 48%;
	   float: right;
	    background-image: url(//localhost/mySait/working/imag/body1.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}

#goods {border: 4px solid blue;
         border-radius: 15px;
         height: 20%;
	     width: 95%;
	   float: center;
		 text-align:  center;
		 margin:5px;
}


#wind1 {
         height: 98%;
	     width: 22%;
	   float: left;
		 text-align: center;
		padding:3px;
		
}

#wind1_1 {
       
         height: 100%;
	     width: 100%;  
		 
}

#wind2 { 
         height: 98%;
	     width: 44%;
	   float: left;
		 
		text-align: justify;
}

#wind2_tab {  
	    height: 190px;
	     width: 98%;
		 vertical-align: middle;
		 
		 	 text-align: justify;
}

#wind3 {
         height: 98%;
	     width: 20%;
	   float: left;
		display:block;
		/* position:relative;*/
}



#wind3_1 {background:	#3399FF;
          opacity: 0.9; /*Дает прозрачность*/
          border: 4px solid blue;
		  border-radius: 15px;
		  padding:5px;
         height: 110px;
	     width: 300px;
	   float: right;
		 text-align:  center;
		 position:relative;
		/* z-index:1; уровень слоя */
		  display: none;
}

/*#wind3:hover > #wind3_1{
	   
       display: block;
}

#wind3:hover > #wind3_top{
	   
       display: none;
}

#wind3:hover > #wind3_buttom{
	   
       display: none;
}
*/
#wind3_top {
         height: 48%;
	     width: 100%;
	   float: top;

}

#wind3_tab {  
	    height: 90px;
	     width: 270px;
		
}

.text1{font-size:50;
  color:green;
  text-align:center;
}

.text{font-size:40;
  color:#330099;
  text-align:center;
  text-decoration: underline;
}

#wind3_buttom {
         height: 48%;
	     width: 100%;
	   float: buttom;
		 
}

#wind4 {
         height: 98%;
	     width: 11%;
	   float: left;
		 text-align:  center;
		  background-image: url(Working/imag/basket.jpg);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 70%;
}

#wind4_1 {background:	#3399FF;
          opacity: 0.9; /*Дает прозрачность*/
          border: 4px solid blue;
		  border-radius: 15px;
         height: 190px;
	     width: 300px;
	   float: right;
		 text-align:  center;
		 display:block;
		 position:relative;
		/* z-index:1; уровень слоя */
		  display: none;
}

#wind4:hover > #wind4_1{
	   
       display: block;
}

#wind4_1_top {
         height: 39%;
	     width: 96%;
	   float: top;
		
}

#wind4_1_top_tab { 
	    height: 70px;
	     width: 310px;
		
}



#nomer1 { border: 4px solid blue;
         border-radius: 5px;
        font-size:25;
		  color:#FF3333;
	    height: 40px;
	     width: 70px;
		background:#33FFFF;
}

#nomer2{ border: 4px solid blue;
         border-radius: 5px;
        font-size:20;
		  color:#FF3333;
	    height: 30px;
	     width: 270px;
		background:#33FFFF;
}

.text2{font-size:30;
  color:	#FF3333;
  text-align:center;
  /*text-decoration: underline;подчеркнутый*/
}

#in_basket{      
           color:red;
            font-size: 20;
	       height: 50px;
	     width: 275px;
		  float: center;
}

#wind4_1_bottom {
         height: 61%;
	     width: 96%;
	   float: bottom;
		
}

#blok_entry_name {
	background:	#3399FF;
          
          border: 4px solid blue;
		  border-radius: 15px;
         height: 400px;
	     width: 300px;
	  
		 text-align:  center;
		z-index:10;
		 position:fixed;
		top:300px;
		left:500px;
		  
}
	


#footer {border: 4px solid white;
         height: 12%;
	     width: 100%;
		 border-radius: 8px;
		 float: bottom;
		 text-align:  center;
		  background-image: url(Working/imag/footer.gif);
	     background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
}


ul {
    display: block;
    margin: 0;
    padding: 1px;
    list-style: none;
}

ul.menu > li {
    float: left;
    position: relative;
	height: 100%;
	width: 100%;
}
ul.menu > li > a {
    display: block;
    padding: 10px;
    color: white;
    background-color: blue;
    text-decoration: none;
}
ul.menu > li > a:hover {
    background-color: black;
}
ul.submenu {
    display: none;
    position: absolute;
    width: 150px;
    top: 37px;
    left: 0;
    background-color: red;
    border: 2px solid #00FF00;
}

ul.submenu > li > a {
    display: block;
    padding: 10px;
    color: white;
    background-color: blue;
    text-decoration: none;
    position:relative;
}
ul.submenu > li > a:hover {
    text-decoration: underline;
}



ul.menu > li:hover > ul.submenu {
    display: block;
}