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

body { background:url(../Img/bg.png); margin:0; padding:0; min-width:1000px; width:100%;}
p {padding-left:25px; padding-right:25px; font-size:16px; font-family: Georgia, Helvetica, sans-serif; text-align:justify; color:#000;}
h1 {font-size:18px; text-align:center; color:#000; font-family: Georgia, Times New Roman, serif; border-bottom:1px #333 solid; }
h2 {font-size:16px;  color:#ooo; font-family: Georgia, Helvetica, sans-serif; text-align:center;}
a {text-decoration:none; color:#FFF;}
#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:40px; width:100%; position:absolute;}
  
#icons{position:relative; width:150px; height:25px;  margin-left:2%; margin-bottom:3px;}
#icons img {margin:0 9px;}
  #glavi {position:relative;width:50%; height:20px; left:18%;}
  #back{width:120px; height:20px; background:#999; float:left; text-align:center;}
  #next{width:120px; height:20px; background:#999; float:right; text-align:center;}
  #back, #next, .back, .next {border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	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 */ 
	opacity:0.8;}
   #back:hover, #next:hover{opacity:1;}
  
  #center { position:relative; width:50%; min-height:400px; left:18%; float:left;
  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; }
 	#razdeli {height:30px;}
    #razdeli .back {float:left; margin-left:5px; padding:3px; font-size:13px;}
	#razdeli .next{float:right;margin-right:5px; padding:3px; font-size:13px;}
 	#razdeli1 {height:30px;}
    #razdeli1 .back {float:left; margin-left:0px; padding:3px; font-size:13px;}
	#razdeli1 .next{float:right;margin-right:0px; padding:3px; font-size:13px;}
 
 
 .opr span {font-weight:bold; color:#802020; font-style:italic;}
  .opr {font-style:italic;}
  .primer {color:#00F;font-style:italic; font-weight:bold;}
  .zamech {font-size:13px;}
  .zamech span {font-weight:bold;}
  .zad {color:#00F;font-style:italic; font-weight:bold;}
  
  
   #nav {
  left: -15px;
  list-style: none;
  position: fixed;
  z-index:2;
  top: 160px;
  width: 16%;
  opacity:0.8;
}
#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;
}


  
.section {
  border-bottom: 3px solid #ccc;
  padding: 10px;
}