*{margin: 0; padding: 0;}	
		body {		
		width: 100%;
		font-size:14px;
		}		
	.container{
		 width: 100%;
		 position:relative; margin: 0 auto;
		 font-size:1em;
		 z-index:2;
		}
		
        div.center{
              width: 100%; 
			float: left;
			margin-top: 20px;
			background-color: #e7f2fb;
					
			}        			
		div.article_shadow{
            width:60%;
			margin-left:15%; 			
			padding:10px;
			margin-top: 60px;
			box-shadow:2px 2px 1px #372b35;
			border:1px solid #d1d1c6;
			border-radius:5px;						
			}	
			a {
			color:#ffffff;			
			text-decoration: none;
			
			}
				
			a:hover {color:#070304;}
			background-color: #edf3f9;}			
			}
		/*главно меню*/
	.nav{
			height:50px;
			width:100%;
			border-color:#050306;
			position:relative;
			top:2px;			
			margin-bottom:10px;
			padding:1px;
			box-shadow:8px 8px 5px #372b35;
			border:1px solid #992404;
			border-radius:5px;			
		}
			ul.menu {
				margin: 0;
				padding: 0;
				display: inline-block;
				background-color: #2b5989;				
				width:100%;
			}
			ul.menu li {
				float: left;
				list-style: none;
				border-right: 1px solid #4f4f4f;
				position: relative;
			}
			ul.menu li a {
				color: white;
				display: block;
				font-family: Arial;
				font-size: 1.3em;
				padding: 5px 10px 5px;
				text-decoration: none;
				border-right: 1px solid #2b2b2b;
			}
			ul.menu li a:hover {
				
				color: #f4f332;
			}
			ul.menu li:first-child a:hover {
				border-radius: 4px 0 0 4px;
				-webkit-border-radius: 4px 0 0 4px;
				-moz-border-radius: 4px 0 0 4px;
			}
				
							 		
			div.left , div.right{
            width: 15%;
			float: left;
			height:auto;
			text-align:left;
			padding:20px;
			margin-right:20px;
			margin-top:20px;
			}
		
        div.center{
            width: 75%;
			float: left;
			margin-top:10px;
			margin-right: 5px;
			margin-left: 10px;            
			           }
		div.center1{
            width: 100%; 
			float: left;
			margin-top: 10px;
			background-color: #e7f2fb;			
			}
		div.article2{                        								
			width: 100%; float:left ;							
			border:1px solid #d1d1c6;
			border-radius:5px;
			float:left;
			position:relative;
			height:auto;
			text-align:left;
			padding:5px;
			margin-right:2px;
			margin-bottom:10px;
			box-shadow:2px 2px 1px #372b35;
			font-size: 1em;
			background-color: #edf3f9;
						}
			h2{text-align:center;color:#003399;}
			h3 {
			 text-align:center;
			}
			h1   { background-color: #2b5989;color:#ffffff;text-align:center;font-size:2em;
			}	
			a:link    { color:#33c;
			text-decoration: none;
			}	
			a:visited { color:#339;
			text-decoration: none;	 }	
			div#lnks    { float:left; 
			width:200px;
			margin:5px 0 0 0;
			}
			div#lnks ul { margin:0;
			padding:5px;
			list-style:none;
			}
			div#lnks ul li { margin:0 0 .8em 0; 
			}
			div.iframe     { margin-left:130px; 
			}
			iframe#ifrm { 
			  padding-right:1em;
			  }
			  div#lnks a {
			  color:#000000;
			  }
			  div#lnks a:hover{ 
			 color:red;
			  }
						
	@media only screen and (max-width:980px){div.article_shadow{margin-left:20%;}}
	@media only screen and (max-width:800px){div.article_shadow{margin-left:15%;font-size:0.8em;}}	
	@media only screen and (max-width:360px){div.container{width:100%;}img{width:340px;height:450px;}p{text-align:left;}}