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

   @font-face {
    font-family: 'Torhok'; /* Гарнитура шрифта */
    src: url(fonts/TORHOK.eot); /* Для IE5-8 */
    src: local(TORHOK), url(fonts/TORHOK.ttf); /* Для остальных браузеров */
   }
   @font-face {
    font-family: 'Gabriola'; /* Гарнитура шрифта */
    src: url(fonts/GABRIOLA.eot); /* Для IE5-8 */
    src: local(GABRIOLA), url(fonts/GABRIOLA.ttf); /* Для остальных браузеров */
   }


*{
    margin: 0px;
    padding: 0px;
}

body{
    text-align: center;
    background: #000;
	margin-left::0;
	margin-top:0;
	marginwidth:"0"; marginheight:"0";
}

body, html{
    height: 100%;
    width: 100%;
}

.body-wrapper {
    width:100%;
    height:100%;
    text-align:center;
}

.centered {
    display:-moz-inline-box;
    display:inline-block;
    vertical-align:middle;
    background: #000;
    zoom:1;
    //display:inline;
    position: relative;
}

.helper {
    display:-moz-inline-box;
    display:inline-block;
    height:100%;
    width:0px;
    vertical-align:middle;
    zoom:1;
    //display:inline;
}
   /*-----------menu-------*/
   div.menu{
		position:absolute; left:96px; top:325px; z-index:2; margin:0px; padding:0px; border:none;
   }
   div.menu div {
		position:static;
   }
   div.menu a{
	    width:176px;
	    display:block; 
	    overflow:hidden;
	}
	 div.menu a:hover{
	    text-indent:-100%;
	}
	div.menu div.selected a:hover{
	    text-indent:0%;
	}
	div.menu img{
		vertical-align: middle;	
	}
   /*-----------title-------*/
	div.title{
	 position:absolute; left:545px; top:290px; z-index:2; color:#FC9; font-size:34px; font-family:Torhok;
    			 text-align:center; width:200px;
	}
   /*-----------content-------*/
	div.content{
		position:absolute; top:400px; left:300px; z-index:2; color:#98a9ff; font-size:20px; font-family:'Gabriola', Gabriola, serif; text-align:left; width: 750px;  line-height: 1.3;
	}
	div.content p{
		margin-bottom:20px;	
	}
	div.content li{
		margin-left:50px;	
	}
	div.content img{
		border: 1px solid  #6B293E; 
	}
	div.content img.left{
		float:left;   margin-right:20px;
	}
	div.content img.right{
		float:right;   margin-left:20px;
	}
	div.content img.center{
		
	}
	div.content font.selected{  
		color:#FC9;
	}
	div.content ul{  
	 /*margin:0;
	 margin-bottom:-20px;*/
	}
	div.content font.number{  
		font-family:'Arial',Arial; font-size:14px;
	}
	 div.content a{
		color:#3DE1FE; text-decoration:underline;
	 }
	div.content h1{
		color:#FC9;
		font-size:25;
		font-weight:bold;
		text-align:center;
	}
	div.content h2{
		color:#FC9;
		text-align:left;
		font-weight:inherit;
		font-size:inherit;
		margin-top:10px;
	}
	div.content table{
		color:inherit;
		vertical-align:top;
		padding:0 0 0 0;
		margin:0 0 0 0;

	}
	div.content td{
		color:inherit;
		vertical-align:top;
		font:inherit;
		padding: 2px;
		font-size:20px;
		 
		 
	}
   /*-----------gallery-------*/
	div.gallery1{
		position:absolute; top:390px; left:300; z-index:2; color:#6CF; font-size:14px; font-family:'Times New Roman', Times, serif; text-align:left; width: 700px; 
	}
	/*div.gallery2{
		position:absolute; top:300px; left:220; z-index:2; color:#6CF; font-size:14px; font-family:'Times New Roman', Times, serif; text-align:left; width: 810px;
	}*/
   /*-----------fon-------*/
	div.fon{
		position:absolute; top:294px; left:636px; z-index:1;
	}
/*-----------fade---------------*/
.fade { opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out;

 -ms-filter:"progid:DXImageTransform.Microsoft.Fade(center=false, duration=0.5, overlap=0.5)";
   filter:progid:DXImageTransform.Microsoft.Fade(center=false, duration=0.5, overlap=0.5); } 

.fade:hover { opacity: 0.5; }
/*-----------------fade 1,2-------------------*/
 div.fade1 { display: none;}
 div.fade2 { display: none;}