
*{margin:0;}

html{
	background:white;
	
	}
	
body{
	font-family: Verdana, Helvetica, Arial, Sans serif;
	font-size:10px;
	color:#000;	
	background:#fff;
	background: linear-gradient(-180deg, #fff, #99ccff, #fff);
}
#container{
	width:988px;
	margin:auto;/*выравнивание по центру*/
	padding:0;
	background:#fff;
	border-right:1px solid #cedfee;
	border-left:1px solid #cedfee;
	
}

#header{
	height:120px;
	background:#fff;
	position:relative;
	}
	.logo{
		height:100px;
		margin-top:20px;
		width:300px;
		position:relative;
		float:left;
		left:40px;
		
	}
	.input{
		height:64px;
		width:270px;
		position:absolute;
		float:left;
		left:700px;
		margin:0;
		bottom:25px;
	}
	
#mainmenu{
width:100%;
height:40px;
margin:0;
clear:both;
position:relative;
padding:0;
}
#mainmenu ul{
	list-style:none;
	height:100%;
	margin:0;
	padding:0;
	border-top:2px solid #024DA2;
	border-bottom:2px solid #024DA2;
	float:left;
	background:#F5F5F5;
	width:100%;	
}

/* Ниже идут основные пункты меню*/

#mainmenu ul li{
	float:left;
	position:relative;
	height:100%;
	left:25%;
	}
	
#mainmenu ul li a{
	display:block;
	padding:11px 30px;
	margin:0;
	text-decoration:none;
	color:#1E0E2D;
	font-weight: 100;
	font-size:11pt;	
}





#mainmenu li:hover a{
	background:#024DA2;
	color:white;
	}

#mainmenu ul li a:hover{
	background:#000066;
	color:white;
}

/* Ниже идут выпадающие пункты меню*/

#mainmenu ul li ul{
	float:left;
	position:absolute;
	display:none; /* дописала это и получилось выпадающее */
	}

#mainmenu ul li > ul li{
	width:200px;
	display: inline-block;
	position: relative;
	z-index:5;
	display:block;
	
  
}
	
#mainmenu ul li ul> li a{
	text-decoration:none;
	color:white;
	font-weight:lighter;
	float:left;
	position:relative;
	width:138px;
	border-top:1px solid #ffffff;
	background:#024DA2; /*  #024DA2; для выпадающего меню */
	}


#mainmenu ul li:hover ul{
	display:block;
	}

#mainmenu li{
	display: table-cell;
	text-align: center;
}
#mainmenu ul li{
	 display: block;
	text-align:left;
}




#slider{
height:300px;
/* width:988; */
background:white;
position:relative;
clear:both;
vertical-align:center;
padding:0px;

}


#content{
	min-height:250px;
	overflow:auto;
	border-top:20px solid #6699cc;
	background:#fff;
	
}
	.section1{
		min-height:180px;
		width:410px;
		float:left;
		padding:30px;	
	}
	.title1{
		font-size:16px;
		font-family:inherit;
		color:#024DA2;
		padding-bottom:15px;
		text-align:center;
		font-weight:normal;
	}
	.block1{
		font-size:13px;
		color:#000;
		line-height:1.5;
		
	}
	
	.block1 p{
		text-indent:25px;
		text-align:justify;
	}
	
	
	
	
	.section2{
		min-height:180px;
		width:410px;
		float:left;
		padding:30px;
	}
	
	.title2{
		font-size:16px;
		font-family:inherit;
		color:#024DA2;
		padding-bottom:15px;
		text-align:center;
		font-weight:normal;
	}
	.block2{
		font-size:13px;
		color:#000;
		line-height:1.5;
	}

	.block2 p{
		text-indent:25px;
		text-align:justify;
	}
 	
#footer{
	margin:0;
	height:30px;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	color:#EFFBFB;
	background-color:#024DA2;
	line-height:30px;
	
}


