﻿ul, li, h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
list-style: none;
}
p {
margin: 0;
padding: 0;
}
body{
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	color: #c60035;
	font-size: 75%;
	background-color:  #5992F1;
}


#fon_image_gen {
	display: block;
	width : 1000px;
	height : 1000px;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -500px;
	background-image: url(../images/images-platya-detskie/fon.jpg);
	
	}

#salon_angel {
	width : 300px;
	height : 100px;
	z-index: 20;
	position: absolute;
	top: 25px;
	left: 100px;
		}
	
#image_salon_angel {
	width : 100px;
	height : 100px;
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	
	}
#text_salon_angel {
	width : 200px;
	height : 70px;
	z-index: 10;
	position: absolute;
	top: 5px;
	left: 60px;
	 text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	
	}
	#text_salon_angel a{
    color: #D204B1; 
    text-decoration: none;
transition: all 0.5s ease 0s;
   
   }
	#text_salon_angel a:hover {
    color: #8704b2;  
      
   }
   #poisk {
	width : 300px;
	height : 25px;
	z-index: 10;
	position: absolute;
	top: 80px;
	left: 0px;
	 text-align: left;
	font: Arial, Helvetica, sans-serif;

	
	}
   #telefon {
	width : 200px;
	height : 30px;
	z-index: 10;
	position: absolute;
	top: 175px;
	left: 330px;
	 text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #9205dd; 
	
	}
    #e-mail {
	width : 200px;
	height : 70px;
	z-index: 10;
	position: absolute;
	top: 235px;
	left: 330px;
	 text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #9205dd;
	
	}
   #e-mail a{
    color: #9205dd; 
    text-decoration: none;
transition: all 0.5s ease 0s;
   
   }
	#e-mail a:hover {
    color: #ffffff;  
      
   }
   #gen_zagolovok {
	width : 400px;
	height : 70px;
	z-index: 10;
	position: absolute;
	top: 410px;
	left: 540px;
	 text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	
	}
   h1{
 text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #fff;
}
#galereay_foto {
	width : 400px;
	height : 70px;
	z-index: 10;
	position: absolute;
	top: 540px;
	left: 560px;
	 text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #D204B1;
	
	}
		#galereay_foto a{
    color: #D204B1; 
    
transition: all 0.5s ease 0s;
   
   }
	#galereay_foto a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
   
   #vid_platya {
	width : 400px;
	height : 70px;
	z-index: 10;
	position: absolute;
	top: 580px;
	left: 550px;
	 text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #D204B1;
	
	}
		#vid_platya a{
    color: #D204B1; 
    
transition: all 0.5s ease 0s;
   
   }
	#vid_platya a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
      #menu_verh {
	width : 900px;
	height : 20px;
	z-index: 10;
	position: absolute;
	top: 650px;
	left: 90px;
	 text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #D204B1;
	text-align: left;
	}
	#menu_verh ul {
	width : 900px;
	height : 20px;
	list-style: outside none none;	
    margin-top: 0px;
    margin-bottom: 0px;

   }
   #menu_verh li{
   display: inline-block;
	margin-right: 45px;
   }
   	#menu_verh a{
    color: #D204B1; 
     text-decoration: none;
transition: all 0.5s ease 0s;
   
   }
	#menu_verh a:hover {
    color: #8704b2;  
      
   }
   #menu_verh li:hover {
   text-decoration: underline;
   }
   #seredina {
	width : 1000px;
	height : 1116px;
	z-index: 20;
	position: absolute;
	top: 700px;
	left: 0px;
	background-image: url(../images/images-platya-detskie/fon_seredina.png);
		}
		
	#okno_1_platya {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 25px;
	left: 80px;
	
		}
	#okno_1_platya_image {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 0px;
	left: 0px;
	}			
	#okno_1_platya_text {
	width : 190px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 290px;
	left: 15px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}	
	#okno_1_platya_text a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
     }
	
	#okno_1_platya_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
	#okno_2_platya {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 25px;
	left: 400px;
	
		}
	#okno_2_platya_image {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 0px;
	left: 0px;
	}			
	#okno_2_platya_text {
	width : 190px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 290px;
	left: 15px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}	
	#okno_2_platya_text a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
     }
	
	#okno_2_platya_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
	#okno_3_platya {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 25px;
	left: 700px;
	
		}
	#okno_3_platya_image {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 0px;
	left: 0px;
	}			
	#okno_3_platya_text {
	width : 190px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 290px;
	left: 15px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}	
	#okno_3_platya_text a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
     }
	
	#okno_3_platya_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
   
   	#okno_4_platya {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 390px;
	left: 80px;
	
		}
	#okno_4_platya_image {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 0px;
	left: 0px;
	}			
	#okno_4_platya_text {
	width : 190px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 290px;
	left: 15px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}	
	#okno_4_platya_text a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
     }
	
	#okno_4_platya_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
   #okno_5_platya {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 390px;
	left: 400px;
	
		}
	#okno_5_platya_image {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 0px;
	left: 0px;
	}			
	#okno_5_platya_text {
	width : 190px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 290px;
	left: 15px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}	
	#okno_5_platya_text a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
     }
	
	#okno_5_platya_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
     #okno_6_platya {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 390px;
	left: 700px;
	
		}
	#okno_6_platya_image {
	width : 235px;
	height : 377px;
	z-index: 20;
	position: absolute;
	top: 0px;
	left: 0px;
	}			
	#okno_6_platya_text {
	width : 190px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 290px;
	left: 15px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}	
	#okno_6_platya_text a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
     }
	
	#okno_6_platya_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
	#seredina_text{
	width : 910px;
	height : 60px;
	z-index: 20;
	position: absolute;
	top: 780px;
	left: 60px;
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #d600cc;
	}
		#seredina_text a{
    color: #ff00f3; 
    
transition: all 0.5s ease 0s;
   
   }
	#seredina_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
	
	 #footer {
	width : 1000px;
	height : 620px;
	z-index: 20;
	position: absolute;
	top: 1815px;
	left: 0px;
	background-image: url(../images/images-platya-detskie/fon_footer.png);
		}
	 #telefon_footer {
	width : 200px;
	height : 30px;
	z-index: 10;
	position: absolute;
	top: 250px;
	left: 430px;
	 text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff; 
	
	}
	
	 #firma_footer {
	width : 400px;
	height : 30px;
	z-index: 10;
	position: absolute;
	top: 410px;
	left: 40px;
	 text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff; 
	
	}
	div#tovar1 {
		
	width : 200px;
	height : 110px;
	position: absolute;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index:102;
	top: 410px;
	left: 100px;
		}
	div#tovar1 ul {
		
    margin-top: 0px;
    margin-bottom: 0px;

  list-style:none;
 }

	#tovar1 a{
    color: #ffffff; 
    cursor:pointer;
transition: all 0.5s ease 0s;
   font: Arial, Helvetica, sans-serif;
   font-size: 15px;
   }
	#tovar1 a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
   div#uslugi1{
		
	width : 200px;
	height : 110px;
	position: absolute;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index:102;
	top: 410px;
	left: 600px;
		}
	div#uslugi1 ul {
		
    margin-top: 0px;
    margin-bottom: 0px;

  list-style:none;
 }

	#uslugi1 a{
    color: #ffffff; 
    cursor:pointer;
transition: all 0.5s ease 0s;
   font: Arial, Helvetica, sans-serif;
   font-size: 15px;
   }
	#uslugi1 a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
   #rating{
		
	width : 360px;
	height : 70px;
	position: absolute;
	z-index:102;
	top: 510px;
	left: 40px;
		}