﻿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/fon_dop.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: 5px;
	left: 710px;
	 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: 50px;
	left: 710px;
	 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;  
      
   }

#galereay_foto {
	width : 400px;
	height : 70px;
	z-index: 10;
	position: absolute;
	top: 120px;
	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 : 60px;
	z-index: 10;
	position: absolute;
	top: 160px;
	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: 230px;
	left: 70px;
	 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: 20px;
   }
   	#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 : 710px;
	z-index: 20;
	position: absolute;
	top: 280px;
	left: 0px;
	background-image: url(../images/fon_seredina_dop.png);
		}
	
		
	#okno_platya {
	width : 919px;
	height : 660px;
	z-index: 20;
	position: absolute;
	top: 26px;
	left: 50px;
	background-image: url(../images/fon_seredina_text_1_1.png);
		}
	#zagolovok {
	width : 900px;
	height : 40px;
	z-index: 20;
	position: absolute;
	top: 30px;
	left: 10px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 25px;
		}
	
	#okno_1_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 70px;
	left: 100px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_2_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 150px;
	left: 100px;
	background-image: url(../images/fon_image_button.jpg);
	}
   #okno_3_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 230px;
	left: 100px;
	background-image: url(../images/fon_image_button.jpg);
	}
   #okno_4_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 310px;
	left: 100px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_5_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 390px;
	left: 100px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_6_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 470px;
	left: 100px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_7_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 70px;
	left: 480px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_8_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 150px;
	left: 480px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_9_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 230px;
	left: 480px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_10_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 310px;
	left: 480px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_11_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 390px;
	left: 480px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_12_platya {
	width : 310px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 470px;
	left: 480px;
	background-image: url(../images/fon_image_button.jpg);
	}
	#okno_1_platya_image, #okno_2_platya_image, #okno_3_platya_image, 
	#okno_4_platya_image, #okno_5_platya_image,#okno_6_platya_image,
	#okno_7_platya_image, #okno_8_platya_image, #okno_9_platya_image,
	#okno_10_platya_image, #okno_11_platya_image, #okno_12_platya_image	{
	width : 56px;
	height : 72px;
	z-index: 20;
	position: absolute;
	top: 0px;
	left: 0px;
	}			
	#okno_1_platya_text, #okno_2_platya_text,#okno_3_platya_text,
	#okno_4_platya_text,#okno_5_platya_text, #okno_6_platya_text,
	#okno_7_platya_text, #okno_8_platya_text,#okno_9_platya_text,
	#okno_10_platya_text, #okno_11_platya_text,#okno_12_platya_text{
	width : 250px;
	height : 72px;
	z-index: 60;
	position: relative;
	top: 0px;
	left: 60px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	display: table-cell;
	vertical-align: middle;
		}
		
	#okno_1_platya_text a, #okno_2_platya_text a, #okno_3_platya_text a, 
	#okno_4_platya_text a, #okno_5_platya_text a, #okno_6_platya_text a,
	#okno_7_platya_text a, #okno_8_platya_text a, #okno_9_platya_text a,
	#okno_10_platya_text a, #okno_11_platya_text a, #okno_12_platya_text a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
     }
	 #okno_1_platya_text a:hover , #okno_2_platya_text a:hover, #okno_3_platya_text a:hover , 
	 #okno_4_platya_text a:hover , #okno_5_platya_text a:hover , #okno_6_platya_text a:hover,
	#okno_7_platya_text a:hover , #okno_8_platya_text a:hover ,#okno_9_platya_text a:hover ,
		#okno_10_platya_text a:hover , #okno_11_platya_text a:hover ,#okno_12_platya_text a:hover {
    color: #8704b2;  
      text-decoration: none;
   }
   #okno_stranica {
	width : 690px;
	height : 30px;
	z-index: 20;
	position: absolute;
	top: 570px;
	left: 100px;
	background-color: rgba(142, 4, 142, 0.5);
	}
   		
		#okno_stranica_text {
	width : 90px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 5px;
	left: 10px;
	text-align: left;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
		}
		
		#okno_stranica_nomera_1{
	width : 20px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 5px;
	left: 90px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: rgba(142, 4, 142, 1);
		}
		#okno_stranica_nomera_2{
	width : 20px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 5px;
	left: 115px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: rgba(142, 4, 142, 1);
		}
		#okno_stranica_nomera_3{
	width : 20px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 5px;
	left: 140px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: rgba(142, 4, 142, 1);
		}
		#okno_stranica_nomera_4{
	width : 20px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 5px;
	left: 165px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: rgba(142, 4, 142, 1);
		}
		#okno_stranica_nomera_5{
	width : 20px;
	height : 20px;
	z-index: 20;
	position: absolute;
	top: 5px;
	left: 190px;
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background-color: rgba(142, 4, 142, 1);
		}
		#okno_stranica_nomera_1 a, #okno_stranica_nomera_2 a, #okno_stranica_nomera_3 a, #okno_stranica_nomera_4 a, #okno_stranica_nomera_5 a{
    color: #ffffff; 
    transition: all 0.5s ease 0s;
	text-decoration: none;
     }
	#okno_stranica_nomera_1 a:hover , #okno_stranica_nomera_2 a:hover, #okno_stranica_nomera_3 a:hover, #okno_stranica_nomera_4 a:hover, #okno_stranica_nomera_5 a:hover{
    color: #ff03f3;  
      text-decoration: none;
	     }
 h1 {
	text-align: center;
	font: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #ffffff;
}
	
	
	 #footer {
	width : 1000px;
	height : 620px;
	z-index: 20;
	position: absolute;
	top: 990px;
	left: 0px;
	background-image: url(../images/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;
		}