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

body { background:url(../Img/bg.png); margin:0; padding:0; min-width:1000px; width:100%; font-family: Georgia, Helvetica, sans-serif;}
h1 {font-size:18px; text-align:center; color:#333; font-family: Georgia, Helvetica, sans-serif;border-bottom:1px #333 solid; }
a {text-decoration:none; color:#000; font-size:18px;}
a:hover {color:#666;}
#header
   {background: #171717; 
    background: -moz-linear-gradient(top, #171717, #777979); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#171717), color-stop(100%,#777979));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #171717, #777979);
    background: -o-linear-gradient(top, #171717, #777979); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #171717, #777979); /* IE10 */
    background: linear-gradient(top, #171717, #777979); /* CSS3 */ } 
	
	
#header {width:100%; height:60px; z-index:1; 
	border-radius:0 0 6px 6px;
   -moz-border-radius: 0 0 6px 6px;
   -webkit-border-radius: 0 0 6px 6px;
   /*Создание тени*/
   box-shadow:2px 2px 2px #2c2c2c;
  -moz-box-shadow:2px 2px 2px  #2c2c2c;
  -webkit-box-shadow:2px 2px 2px  #2c2c2c;}
  
  #logo img{margin-top:4px; margin-left:15px; float:left;}
  #logohtml {position: relative;  width: 330px; left:50%; margin-left:-420px;  float:left;}
  #expic img {position:relative; width:184px; float:right;}

#main {margin-top:90px; width:100%;}
  
#icons{position:relative; width:150px; height:25px;  margin-left:18%; margin-bottom:10px;}
#icons img {margin:0 9px;}
  #center { position:relative; width:64%; min-height:400px; right:18%; float:right; margin-bottom:20px;
  background: #f8f6f6;
   
	border-radius:6px 6px 6px 6px;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;
   /*Создание тени*/
   box-shadow:2px 2px 2px 2px #2c2c2c;
  -moz-box-shadow:2px 2px 2px  2px #2c2c2c;
  -webkit-box-shadow:2px 2px 2px 2px #2c2c2c;
 opacity:0.8; }
 #center p {margin-left:60px;}
 	.zad {color:#00F;font-style:italic; font-weight:bold;}
 
 #box {position:relative; margin-left:80px; margin-right:80px;}
 
 
   #nav {
  left: -15px;
  list-style: none;
  position: relative;
  z-index:2;
  top: 40px;
  width: 16%;
  opacity:0.8;
  float:left;
}
#nav li {
  margin-bottom: 2px; 
}
#nav a {
  background: #f8f6f6;
  color: #666;
  display: block;
  font-size: 12px;
  padding: 5px 10px;
  text-decoration: none;
  border-radius:6px 6px 6px 6px;
   -moz-border-radius: 6px 6px 6px 6px;
   -webkit-border-radius: 6px 6px 6px 6px;

}
#nav a:hover {
  background: #333;
  color:#fff;
}