#content {background-color:#67D7F5;
         background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
		 overflow:hidden;
         height: 1400px;
	     width: 100%;
	  
}

#head_content {background-color: blue;
         height: 10%;
	     width: 100%;	    
		 float: left;
}

#head_L {
         height: 96%;
	     width: 28%;
	     border-radius: 10px;
		 float: left;
	     text-align:  center;
		 
		 background-image:url(Working/imag/logotip.jpg);
		 background-repeat: no-repeat;
         background-position: center center;
         background-size: 102% 102%;
}

#head_C {
          float: left;
	     text-align:  center;
         padding-top: 30px;
         padding-left: 50px;
        font: 30pt/35pt sans-serif;
}

.log{float: left;
    height: 100%;
	     width: 100%;
}


.left {
  float: left;
  shape-outside: polygon(0 0, 0 450px, 650px 450px, 450px 0);
  clip-path: polygon(0 0, 0 450px, 650px 450px, 450px 0);
  background:green;
  height: 450px;
  width: 650px;
  margin-left: -150px;  
}
 
.right {
  float: right;
  shape-outside: polygon(200px 450px, 550px 850px, 850px 0, 0 0);
  clip-path: polygon(200px 450px, 850px 450px, 850px 0, 0 0);
  background: linear-gradient(to bottom left, #67D7F5, #86F7CC);
  height: 450px;
  width: 850px;
  margin-right:-300px;   
}

#body_content_top {
  float: left;
  height: 450px;
  width:100%;
  
		 background-image:url(Working/imag/head_3.jpg);
		 background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
         margin-left:-300px; 
}	
.text {float: left;
	     text-align:  ;
         padding-top: 30px;
         padding-left: 50px;
        font: 30pt/35pt sans-serif;
    
}

#body_content_centr {
  float: left;
  height: 650px;
  width:100%;
  position: relative;  
 
}	

#prokladka {background-image: url(Working/imag/travka.jpg);
		 background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
     height: 160px;
	     width: 100%;	 
        float: left;
}

.prokladka_txt1 {float: left;
	     text-align:  ;
         color: #67D7F5;
         padding-top: 55px;
         padding-left: 50px;
        font: 30pt/35pt sans-serif;
    
}

.prokladka_txt {float: left;
	     text-align:  ;
         padding-top: 10px;
         padding-left: 50px;
        font: 30pt/35pt sans-serif;
    
}

#kartinka{background-image: url(Working/imag/projekt.png);
		 background-repeat: no-repeat;
         background-position: center center;
         background-size: 100% 100%;
         height: 85%;
	     width: 45%;	 
         float: left;
         transition: height 1.5s;
         transition: width 1.5s;
         position: absolute;
          z-index: 1;
          bottom:-50px; /* Положение от нижнего края */
         margin-bottom: 0px;
}

#kartinka:hover{margin-bottom: 1px;
     height:130%;
	     width: 100%;
    margin-bottom: 30px;
        z-index: 1;
}

#questions{  height: 70%;
	     width: 53%; 
    background:green;
    position: absolute;
     bottom: 0px; /* Положение от нижнего края */
     right: 5px;
      z-index: 0,1;    
}

.li1 {float: left;
	     text-align:  ;
         padding-top: 30px;
         padding-left: 50px;
        font: 15pt/15pt sans-serif;
}

.li2 {float: left;
	     text-align:  ;
         padding-top: 30px;
         padding-left: 50px;
        font: 15pt/15pt sans-serif;
}

.li3 {float: left;
	     text-align:  ;
         padding-top: 30px;
         padding-left: 50px;
        font: 15pt/15pt sans-serif;
}

.li4 {float: left;
	     text-align:  ;
         padding-top: 30px;
         padding-left: 50px;
        font: 15pt/15pt sans-serif;
}

.li5 {float: left;
	     text-align:  ;
         padding-top: 30px;
         padding-left: 50px;
        font: 15pt/15pt sans-serif;
}

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