@charset "utf-8";

html,body,div,a,font,img,center,ul,li,p {		
	font-size: 100%;   
	border: 0;	margin: 0;	padding: 0;	outline: 0;
    font-family: Verdana, Arial,Helvetica, sans-serif; vertical-align: baseline;
    }

html{height: 100%; margin-bottom: 1px;}
body{background:#ffeeaa;}

/* .wrap,.wrapper,  .container - для  injplan.htm - используются не один раз */

#wrap, .wrap{
	width:100%;
	z-index:0;
		}
	
#wrapper,.wrapper {
	width:98%;
	margin-left:1%;
	border-right: 1px solid #C96;
	border-left: 1px solid #C96;
 }		

 #container, .container {
	  width:96%;
	/*  height:100%; */
	  margin-left:2%;
	  margin-top:0;
}

.container { margin-bottom:10px;
             margin-top:10px;
}
 


h1 {
   font-size: 1.6em;   
   font-weight:bold;
   color: #930;
   font-style: italic;
   padding: 1em;
}              
h2 {
   font-size: 1.3em;   
   font-weight: 500;
   color: #000;
   font-style: none;
   margin-top: 2.5em;
} 

h3 {
   font-size: 1em;   
   color: #603;
   margin-top: 2.5em;
   text-align:center;
  } 



/*#container, .krsv, .menu, .content_2, .spisok, #footer {background:#ffeeaa; }	*/
 
#header{
	width:100%;
	height:30px;
	margin-bottom:30px;
	color:#630;}		

#header a{color:#640;}		
				
		
#header a:hover,
#header a:focus{	color:#C0C; text-decoration: underline;}
.header_ssilki {width: 100%;  height: 5.5em; }

 .all {max-width:60em;   
      height:100%;
   	margin:0 auto;
      padding: 0;
	  background:#ffe;     
    }

#top{   /* Полоска вверху нужна для того чтобы вывести меню из под рекламы   */	
	width:100%;
	height:5em;
	border-bottom:0.15em solid #ead78c;
	  background: #6f0 url("../images/top_22.gif") repeat-x;)   
	}
  
.top2{   /* Полоска вверху нужна для того чтобы вывести меню из под рекламы   */	
	width:100%;
	height:5.5em;
		  background: #6c4c4d url("../images/top_12.gif") repeat-x;)   
	}

/* #header menu,   #footer menu и Меню stories.html, magiq.html */
.menu {
  width: 94%;
  height: auto;
  margin-left:3%;
  margin-bottom:3em solid #C00;
}
.menu .ogl{
	color:#333366;
	font-size:1em;
	margin-left:3em;	
	font-weight:bold;
	}
	

	
.menu a {
  color:#333366;
  font-size: 1em; 
  text-decoration: none;
  padding-left:80px;
}

#shreber.menu.ogl,
#shreber .menu a {color:#7788af;}


.menu a:hover,
.menu a:focus{color: #999; text-decoration: underline;}



/*==  Меню с полоской вверху ===  */

.topmenu {
   margin-top:2em;	
   width:100%;
   height: 2em;
   text-align: center;
   line-height:1.5;   
}

 .topmenu ul{}
 .topmenu ul li { 
       width:50%;
       float:left;
 }
 .topmenu a{
   font-size: 1em;    
   font-weight: bold;
   font-style: oblique;
   text-align: center;
   color:#060;}
  

.topmenu ul li a:hover,
.topmenu ul li a:focus {color:#624d4a !important} 

.topmenu ul li a:link,
.topmenu ul li a:visited;
{color:#060;} 

/*====================================*/

.content{
   width:98%;
   margin-top: 3em;
   margin-bottom:3em;
   margin-left:1%;
   font-size:0.87em;
}



#pismo .content{ font-size:0.8em;}

.content p{  
    font-size:1em;
   padding: 0em  2.5em;
   text-indent: 1.5em; 
    line-height: 2;

}


.content h2{
   font-size: 1.5em;   
   font-weight: 600;
   color: #336;
   font-style: none;
   text-align:center;
  }
  


 .content h3{
   font-size: 1.1em;    
   font-weight: 600;
   color: #000;
   font-style: italic;
       margin-top: 1.2em;
	   margin-right: 0; 
	   margin-bottom: 0.8em;
	   margin-left: 5em;
}

 .content h4{
   font-size: 1.1em;   
   font-weight: 500;
   color: #000;
   font-style: italic;
     text-align:center;
}



.content img{
	margin-left:10em;
	margin-top: 1em;
    width:400px;
    height:300px;
	}

.tth {
   font-size: 1em;    
   font-weight: 400;
   color: #000;
   font-style: italic;
   text-align:right;
   padding-right:5em;
}  
#stories .tt3, .tt3 a{
   font-size: 1.5em;   
   font-weight: 400;
   color: #930;
   font-style: italic;
   padding: 0.7em;
   margin-left: 3.125em;  
} 

#stories .tt3 img{
	width:100px;
	height:80px;
	margin-left:20px; 
   }
.uzor_1 {  /*stories*/
   width: 100%;               
   height: 6.5em;
  border-bottom:2px solid #000;
  background: #6C0 url("../images/left_1.jpg") repeat-x;   
}   
   
   
#lilia .uzor, #magic .uzor, #pismo .uzor {  /*magic*/
   width: 100%;               
   height: 2em;
  border-bottom:2px solid #000;
  background: #6C0 url("../images/top_11.gif") repeat-x;   
}   
   
.uzor{width: 100%;  height: 3em;}


#lilia .uzor {
  border-bottom:2px solid #000;
  background: #6C0 url("../images/top_11.gif") repeat-x;    
}


.uzor_3 {
  border-bottom:2px solid #F90;
  background: #6C0 url("../images/fon/orang.jpg") repeat-x;   
}

#burja .uzor {
  border-bottom:2px solid #309;
  background: #6C0 url("../images/fon/blue.jpg") repeat-x;   
}


#disel .uzor{
  border-bottom:2px solid #309;
  background: #6C0 url("../images/fon/sky.jpg") repeat-x;   
}


#injplan .uzor{
  border-bottom:2px solid #3C6;  
  background: #6C0 url("../images/fon/top_15.gif") repeat-x;   
}

#injplan .uzor22{
	height:25px;
	 
  border-bottom:2px solid #3C6;  
  background: #6C0 url("../images/fon/top_15.gif") repeat-x;   
}

#meditas .uzor{
  border-bottom:2px solid #3C6;
  background: #4f5c5a;   
}

 #asaia .uzor{
  border-bottom:2px solid #716053;
  background: #4f5c5a url("../images/fon/as.jpg") repeat; 
}



body #simmet { background: #03F;}
#simmet .uzor{
  border-bottom:2px solid #00C;
   border-top:2px solid #00C;
   background: #03F url("../images/fon/11.jpg") repeat;  
 
}


#simmet{background: #dddbca url("../images/fon/met2.jpg") repeat;}

#simmet #fon img{
	width:1250px;
	height: 2000px;
}






#zapiski .uzor{
  border-bottom:2px solid #624402;
  background: #968c7a;   
}


.uzor img {
   width: 100%;
   height: 6.5em;
   float:left;
} 

 /*========magiq=========*/
 
.glava{
   font-size: 1.9em;  
   font-weight: 600;
   color: #000;
   font-style: none;
   text-align:center;
}  

.magc {
    font-family: Times New Roman, Century, serif; 
    font-size: 2em; 
    color:maroon;
    font-weight: 600;
    text-align:center;
}


#gez{
     font-family: Times New Roman, Century, serif; 
    font-size: 1.3em; 
    color:#336;
    font-weight: 600;
    text-align:left;	
       margin-top: 1.2em;
	   margin-right: 0; 
	   margin-bottom: 0;
	   margin-left: 5em;	
}
.tth_2{
     font-size:1em;
     font-weight: 600;
     text-align:center;
     color:#336;
}
.spisok{
     width:80% ;               
     height: auto;  
     font-size:1em;
     font-weight: 400;
     text-align:left;
     font-style:italic;
     margin-left:10%;
}
  
 .avtor{
     font-size:1.4em;
     text-align:left;
     padding-left:3em;
	 color:#900;
}

 .name{
     font-size:1.6em;
     text-align:center;
	 color:#930;
	 margin-top:20px;
}

 ul.menu{
    list-style:none;
    margin:0;padding:0;
    font-size: 1em; 
    }
 ul.menu li{
    float:left;	
       padding-top:0;
	   padding-right:2em; 
	   padding-bottom:0;
	   padding-left: 2em;
    display:inline;  
}

/*============ Logo ===============================*/  

 .logo {  
    float: left;
    margin-left: 2.25em;  
    width: 6.25em;        
    height: 4.675em;    
} 
.logo p img{ 
    border:0; 
    margin: 0;  
    width: 6.25em;      
    height: 4.675em;      
}           
.name_3 { 
    height: 4.675em;        
    float: left;
     margin-top:2em; 
	 }    
.name_3 p{
    text-align: center;
    font-size:1.6em;
    font-weight: 500;     
    color: #900;
    padding-left:  10.125em;     
     }  


.clearfloat{clear:both; width:100%; position:relative;height:30px;}

  
.novosti {background:#cc9;
           height:auto;
           width:80%;
           margin:0%  10%;
                }
.novosti p, .novi {font-size:80%;} 
 
#test {
   background: #000;
   display: none;
   opacity: 0;
   filter: alpha(opacity=0);
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
}

.krsv{
	font-size:12px;  
	font-style:italic;  
	width:90%;
    margin: 16px auto;
   }
.krsv p {padding: 1em  10em;}


#burja .krsv {color:#006; text-align:center;}


			
#ita{text-transform:uppercase;	color:#C00;}
       
.film{
	background:#ee9;
	color:#309;
	width:100%;}
       
.filmst{
	width:90%;
	margin-left:5%;
	margin-top:0;
	}	
.filmsmall{
	color:#333;
	font-size:12px;
	}
.decor{
	width:100%;
	height:20px;
	color:#900;
	text-align:center;
	}	
.footer {
   width: 100%;
   height: 7em;
   margin-top:8em;  
   text-align: center;
}

.footer2 {
   width: 100%;
   height: 5.2em;   
}

.debug{	width:100%;	height:70px; margin-bottom:20px; position:relative;}



.bottom{width:100%;	height:2em;	}
.imgline1,.imgline2,.imgline3,.imgline4,.imgline5,.imgline6,.imgline7,.imgline8,.imgline9{
  width:100%;
  height:16px;
  margin-top:16px;
  margin-bottom:16px;
}

.imgline1{  background:url('../images/sp_roz.gif') repeat;}
.imgline2{  background:url('../images/sp_cf3.gif') repeat;}
.imgline3{  background:url('../images/sp2_green.gif') repeat-x;}
.imgline4{  background:url('../images/sp_f00.gif') repeat;}
.imgline5{  background:url('../images/sp_fcc.gif') repeat;}
.imgline6{  background:url('../images/sp2_ros.gif') repeat-x;}
.imgline7{  background:url('../images/sp2_blue.gif') repeat-x;}
.imgline8{  background:url('../images/sp_or.gif') repeat;}
.imgline9{  background:url('../images/sp_kirp.gif') repeat;}



.line {
	width:100%;
	height:2em;
	border-top: 0.15em solid black;	
	}
	
hr { size:2px;
     width:90%;
	 margin-top:10px;
	 margin-bottom:10px;
	 color:#066;
	 }	
	 
section  hr{width:90%;}	
.zvezd {text-align:center; color:#900; margin-top:20px; margin-bottom:20px;}


#durdom{background: #d0bebb url("../images/fon_21.jpg") repeat;)}
#burja{
	position:absolute;
	top=0;
	z-index:1;
	background: #d0bebb url("../images/fon/paper.jpg") repeat;)
	}
#nreal{
	background:#000033 url("../images/fon/fon25.jpg") repeat; ; 
	color:#e5e2d9;

	}	

#nreal p {margin-bottom:15px;}

#nreal .name {color:#F00}

#nreal_img {
background:url("../images/fon/nreal.jpg") bottom repeat-x;)
}


#nreal a{color:#699;}
  

#nreal a:hover,
#nreal a:focus {color:#0CC!important} 

#nreal a:link,
#nreal a:visited;
{color:#699;} 




	
#osv{
	position:relative;
	width:400px;
	height:100px;
	margin: 20px auto;
	color:#FCF;
	font-size:12px;
	}	
	
	
#ssilki{}
#pismo{}
#injplan{ background:#3F0}
#meditas{background: #d0bebb url("../images/fon/line11.jpg") repeat;)
        } 

#zapiski{ background: #968c7a url("../images/fon/light.jpg") repeat;)
        }

#disel{ background:#f90}
#asaia{background: #cfcab6 url("../images/fon/gray.jpg") repeat;)}

#asaia .cat{
	width:136px;
	height:66px;
	margin:0 auto;
}
#asaia .cat img{
	width:136px;
	height:66px;

}



/*  ==========  Стили для эффекта Параллакс    ============================= */

/*  .bgimage определяет  высоту окна  в котором прокручивается изображение   */
/*  .schiff  определяет картинку фона    */

.bgimage {
  background-repeat:repeat;
  background-position: center;
  background-attachment: fixed;
}

.bgimage .window {height: 65px;  width: 100%;}
.schiff {background-image: url("../images/fon/top_21.jpg");  height: 100%;}

.ass2 { background-image: url("../images/fon/ass_3.jpg"); height: 100%;}

#chert1{ width:122px; 
         height:122px; 
		 position:relative; 
		 float:left;
		 background: url("../images/chert.png") no-repeat;
		 background-position:top;
		 top:-10px;
		 }

#chert{ width:122px; 
        height:122px; 
		position:relative; 
		float:right;
		background: url("../images/chert_1.png") no-repeat;
       top:20px;
 }


/* ===================== shreber   =================================*/
#shreber{  background: #ccd1ce url("../images/fon/blue.jpg") repeat;}
.color{  background: #ccd1ce url("../images/fon/blue3.jpg") repeat;}

/* #shreber .uzor {
  border-bottom:2px solid #309;
  background: #6C0 url("../images/fon/blue.jpg") repeat-x;   
}

*/

#navdiv{
	width:100%;
	margin-top:0px;
	z-index:1000;
	position: fixed; left: 0px; top: 0px;
	height:96px;
	padding-top:16px;
}

#navbg{
	position:absolute;
	z-index:0;
	top:0px;
	width:100%;
	height:80px;
	background:none;
	background-image:url(../images/shr/white4.png);
	}

	.logo{
		float:left;
		margin-left:0px;
		margin-top:-15px;
		z-index:20;
		display:block;
		position:relative;
	}
section{
	position:relative;
	display:block;
	margin-left:10px;	
	padding:25px 0 0 0;	
}

nav{	
	display:block;
	position:absolute;
	right: 15px;	
	margin-top:100px;
	}
nav ul{
	padding:0;
	top:0px;
	margin-top:0px;
	left:0;
	}	

nav li{
	position:relative;
	top:0;
	list-style:none;
	padding:0px;
	display:inline;
	font-size:12px;		
	width:90px;
	text-align:center;
	}
	
nav li a, nav li a:visited, nav li a:link{
		display:block;
		padding:4px 0 6px 0;
		width:100%;
		margin:0;
        background:url("../images/fon/pic1.png");        
		color:#cc9;
			}
nav li a:hover, nav li a:focus{	background:#CC9;color:#000;	}
.topm {		
	position:absolute;
	background: #9ca7bb url("../images/fon/blue4.jpg"); 
	width:400px;
	float:right;
	top:0;
	right:50px;
}

#footer .topm { position:relative;}
	
.topm  ul{}	
.topm  li{
		position:relative;
		display:block;		
		list-style:none;	
		font-size:14px;
		float:left;
		width:200px;
		text-align:center;
	}
	
.topm a{		
		padding:0 6px;
		width:100%;
		margin:0;
		color:#fff;		
		 background: #9ca7bb url("../images/fon/blue4.jpg"); 
	}
	
#footer .topm a { background: #309 url("../images/fon/blue.jpg")}	
	
.topm  a:link, topm a:visited,
.topm  a.selected{color:#fff;}

.topm  a:hover{
		background:url(../images/menu_bg.png) repeat-x center;
		text-decoration:none;
	}
	


.topm   a.selected:link, .topm  a.selected:visited, .topm  a.selected:hover{
		text-decoration:none;
		color:#fff;
		}
	
	
#footer .topm a {
		color:#cc9;
		text-decoration:underline;
   }	
	
#footer .topm a:focus,
#footer .topm a:hover{
		color:#cc9;
		text-decoration:none
	}	
	
.gogo{ height:10px; }	

#titul{
	 font-size:20px;	 
     color: #CC3300;
    margin-top: 80px;
    text-align: center;	 
}

#titul p { bottom:0;}



/*=========================================*/

.ug{
	height:40px;
  background: #6C0 url("../images/fon/ss.png") repeat-x;
  border:0;
  margin:0;
  padding:0;
}


.rt, .lt, .rb, .lb {
	position:relative;
    height:40px;
    width:40px;
	  border:0;
     margin:0;
     padding:0;
}

.lt, .lb{ float:left;}	
.rt, .rb{ float:right;}	

.lt  {background:url("../images/fon/lt.png") no-repeat;} 
.rt  {background:url("../images/fon/rt.png") no-repeat;} 
.lb  {background:url("../images/fon/lb.png") no-repeat;} 
.rb  {background:url("../images/fon/rb.png") no-repeat;} 



/* ============== golosa.htm ====================*/


#golosa {background:#f1eaf2;}
#golosa .topmenu a { font-size:0.9em; font-weight:100;}

#golosa h3{
	
	font-size: 1em;   
    color: #303;
    margin-top:30px;
    text-align:left;
	text-indent:30px;

	
	}

.im{ font-style:italic; margin:20px 0}


.hm3{ width:90%; height:1.2em; margin:15px auto; background:#b7d3c3;}	


/*




.content {
    width: 70%; 
    height: 70%; 
    text-align: center; 
    position: absolute; 
    top: 5%; 
    left: 15%; 
    background: #fff; 
    border: #6c6 0.25em solid; 
    z-index:101; 
    display:none;
    overflow: auto;
            } 



*/