@charset "utf-8";
/* CSS Document */

*{
    margin: 0;
    padding: 0;
}
 
body {
    margin: 20px;
	background-image: url(../images/fon1.jpg); 
	background-position: top;
}
h2 {
	text-align: center;
	font: "Times New Roman", Times, serif;
	font-style: italic}
	

#top { width: 95%;
height:200px
	
	}
#header{
	width:15%;
	background-position:left;
	background-repeat:no-repeat;
	vertical-align: middle;
	float: left;
	height: auto;
	margin-top: 3%
}
	
#header1{
	width: 80%;
	height: 120px;
	display: inline;
	margin-left: 20px;
	border-style: groove;
	border-radius: 30px 30px 0 0;
	border:  5px;
	position:absolute
}	

#header1 h1{ 
	text-align: right;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	padding-top: 5px;
	color: #993333
}


/*слайдер*/
#head {
	margin:0 auto;
	display: inline;
	width:100%;
	margin-left: 0.3%;
	vertical-align: bottom;

}

/*Горизонтальное выпадающее меню*/
	
#head2 {
	margin-left: 5%;
	margin-top: 6%;
	width: 154.5%;
	
	}

#head2 ul.menu {
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    width: 100%;
	
}
 
#head2 ul.menu li {
    float: left;
    list-style: none;
    position: relative;
	width: 12.1%
}
 
#head2 ul.menu li a {
    color: white;
    display: block;
    font-family: Arial;
    font-size: 13px;
    padding: 8px 20px 10px;
    text-decoration: none;
	border-radius: 10px 10px 0 0;
	background-color: #993333; 
}
 
#head2 ul.menu li a:hover {
    background-color: #d66044 ;
}
/*Выпадающее меню*/
#head2 ul.menu li ul {
    display: none;
	}
 
#head2 ul.menu li:hover ul {
    display: block;
    position: absolute;
    top: 34px;
    background-color: #993333;
    z-index: 1000;
    width:100%;
}
 
#head2 ul.menu li:hover ul li {
    position:avsolute;
    display:inline-block;
    float: left;
    width: auto;
}
 
#head2 ul.menu li:hover ul li a {
    padding: 6px 20px 8px;
}
 
#head2 ul.menu li:hover ul li a:hover {
    background-color: #d66044;
}

#wrapper {margin: 0 auto;
float: left;
width: 92%;
margin-left: 5%;
background-image: url(../images/f1.png);
border-style: groove;
border-radius: 10px;
border: 5px; 
padding-right: 20px}


#left { width: 22%;
float: left; 
margin-right: 1%;

}

#content { width:54%;
float:left;
margin-left: 1%}

#content p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	text-indent: 2em;
	text-align: justify;
	line-height: 1.5em;
	width: auto}
#content h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 28pt;
	text-align: center;
	line-height: 1.5em;

}
#left h2 {
border-top: #900 5px;
border-top-style: groove;
border-radius: 10px 10px 0 0;
border-top: #900 double 5px;
margin-top: 10px 
}

#right h2 {
border-top: #900 5px;
border-top-style: groove;
border-radius: 10px 10px 0 0;
border-top: #900 double 5px;
margin-top: 10px 
}

#right { width: 21%;
float: right;

}

#footer {background-image: url(../images/pod1.png);
background-position: center;
background-repeat: no-repeat;
width: 94%;
clear: left;
margin: 0 auto;
height: 260px;
margin-left: 5%


}