* {
margin:0;
padding:0;
}
body  {	
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	
	 background-image:url(../images/hgc111.jpg);
	max-width: 1280px;
	min-width: 300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align: center;
	color: #000000;	
}
.leftimg {float:left;  margin: 5px 7px 5px 7px; }
.rightimg {float:right;  margin: 5px 7px 5px 7px; }
.clear {clear: both;height:0;font-size: 1px;line-height: 0px;}
a {color: #033;}
a:hover {color: #636;}
.container {
	 background-image:url(../images/hgc111.jpg);
	width: 99%;	}
.header {
	 background-image:url(../images/hgc111.jpg);
    margin-left:2px;
    margin-right:2px;
    display: block;
	width: 97%;
	padding: 15px 15px;
	font-size: 14px;
	color: #666666;
	}

.content {
	background-image:url(../images/hgc111.jpg);
	margin-left:auto;
	margin-right:auto;
	padding: 1px 1px;
	width: 96%;
	float: none;
	
    	}

.sidebar1 {
	background-color:#fff;
	border:1px solid #BBB;
	box-shadow:0px 0px 10px #bbb;
	padding: 1px 1px;
	float:right;
	width: 20%;
	margin-left:5px;
    text-align:left;
	}
 ul {
	list-style-type:none;
	text-align:left;
	margin:1em;
	font-family: arial;
	font-size: 14px;
}

 li {
	margin-bottom:.5em;
	font-size: 14px;
	padding:5px;
	
}
p.rub {
text-align:right;
font:normal 96% arial;
background-image:url(../images/hgc111.jpg);
}

p {
    text-align:justify;
	text-indent:3em;
	font-size:14px;

  }
aside {
	width:30%;
	height:auto;
    margin-left:4px;
	border:1px solid #f0951f;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#F0F8FF;
	padding:10px;
	font-size: 16px;
	float: left;
	box-shadow:0px 0px 10px #f0951f;
    display: block;
			 }

.header h1 {
	margin: 0; 
	padding: 10px 10px; 
}
 .footer {
 	background-image:url(../images/hgc111.jpg);
	padding: 0 10px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
} 
.footer p {
	margin: 0; 
	padding: 10px 0; 
	font-size: 14px;
}
#href {
	color:#6A4604;
}
h3 {
	margin: 0;
	color: #036;
	text-shadow: 0 1px 0 #fff, 0 1px 0 #309;
	text-align: center;
	font-size: 20px;
	font-family: "Times New Roman", serif;
 }
h1 {
	margin: 0;
	text-align:center;
	font: 36px Georgia, "Times New Roman", Times, serif;
	color:#113df0;
	text-shadow:0 2px 0 #f0951f;
	font-weight: bold;
}
h4 {
	padding:10px 10px;
	margin: 0;
	color: #000;
	text-shadow: 0 0 1px #f0951f,
    0 1px 0 #036;
  	text-align: center;
	font-size: 24px;
	}

h5 {
	margin: 0;
	color: #FFF;
	text-shadow: #000 0 0 5px;
 	text-align: center;
	font-size: 22px;
}

h6 {margin: 0;
	font-family: Georgia, serif;
	text-align:center;
	font-size:18px;
	color:#574307;
	text-shadow: 0 1px 0 #FFCC66;
	}

	 table{
    width:80%;
    float: none;
    margin: 0 auto;
    border:1px solid;
    text-align: center;
    border:1px solid #BBB;
    
    
}
td, th { border:1px solid #BBB;
   
   
   }


#blink{
  color: #000;
  font-weight: 500;
  text-align: center;
  animation:blur 2s ease-out infinite;
  text-shadow: 0 0 3px #FFF;
}
@keyframes blur{
from{
      text-shadow:0px 0px 7px #000,
      0px 0px 10px #00F, 
      0px 0px 50px #ADD;
      }
}
.fig {
	width:320px;
    text-align: center; 
    font-style: italic; 
    color: #194302; 
	float:left; 
    margin: 5px 5px 5px 0; 
   }
 .figr {
	width:320px;
    text-align: center; 
    font-style: italic; 
    color: #194302; 
	float:right; 
    margin: 5px 5px 5px 0; 
   }
ul#css3menu1 ul{
	display:none;position:absolute;left:0;-moz-box-shadow:5px 5px 5px #000000;-webkit-box-shadow:5px 5px 5px #000000;box-shadow:5px 5px 5px #000000;background-color:#b4cfff;border-radius:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-color:#d4d4d4;padding:0 5px 5px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;}
ul#css3menu1>li{
	margin:0;padding: 5px;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:center;text-decoration:none;font:18px Times New Roman;color:#03C;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:5px;background-color:#c1c1c1;background-image:url("../images/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:#C0C0C0;}
ul#css3menu1 ul li{
	float:none;margin:10px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:4px;background-color:#b4cfff;background-image:none;border-width:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;font:14px Times New Roman;color:#000;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{
	background-color:#0c97e2;border-color:#C0C0C0;border-style:solid;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("../images/mainbk.png");background-position:0 100px;}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	font-size: 14px;
}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-color:#0c97e2;background-image:url("../images/mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
	background-color:#FFFFFF;background-image:none;color:#0978b3;text-decoration:none;}

ul#css3menu1 li.topmenu>a{
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	font-size: 14px;
}

 

/*| адаптивный |*/
@media only screen and (max-width : 320px) 
 {
body {width: 300px;}
.header {width:300px;}
.sidebar1 {width:300px;}
.sidebar2 {width:300px;}
.content {width:300px;}
container {width:300px;}
aside {width:300px;}
.side {width:300px;}
 }
@media only screen and (max-width : 480px) 
 {
body {width: auto;}
.header {width:auto;}
.sidebar1 {width:auto;}
.sidebar2 {width:auto;}
.content {width:auto;}
container {width:auto;}
aside {width:auto;}
.side {width:auto;}

}
@media only screen and (max-width : 768px) 
 {
body {width:auto;}
.header {width:auto;}
.sidebar1 {width:auto;}
.sidebar2 {width:auto;}
.content {width:auto;}
container {width:auto;}
aside {width:auto;}
.side {width:auto;}
}