﻿body{
	background-color: #DCBF8E;
	margin:0px; 
pading:0px;
/*background-image:url(images/vawe.png);
	background-position: 0% 500px;
	background-repeat: repeat-x;*/
}
#anim{height:370px;
margin-top:350px;
position: absolute;
width:100%;
overflow: hidden;}
#wave{height:350px;
background-image:url(images/wave.png);
margin-left: -10000px;
z-index: 0;
width:1000000px;

animation-name: mov_left;
    animation-duration: 60000s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	
}

 @keyframes  mov_left{
 	0%{margin-left: -900000px;
	}
 	50%{margin-left: -8000px;
	}
	100%{margin-left: -900000px;
	}
 }


 #letter{background-image:url(images/letter.png);
 height:350px;
 animation-name: mov_top;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
	opacity: 0.4;}
	
	@keyframes  mov_top{
 	0%{margin-top: -20px;
	}
 	50%{margin-top: 20px;
	}
	100%{margin-top: -20px;
	}
 }
 
 
#nav{
	height:32px;
background-color:#0968a2 ;
text-align: center;
color:#fff;
font-size:16pt;
font-family: georgia;
font-weight: bold;
box-shadow:0px 8px 12px #777;
z-index: 2;
}
header{width:100%;
height:250px;
margin: 0px auto;
background-color:#f8e9c2/*#fefcda*/;
background-image:url(images/header.gif);
background-position: center;
background-repeat: no-repeat;
 }
#page{
	
	position: relative;
    height:600px;
	padding:0px 0px;
	width:958px;
	background-color: #fff;
	box-shadow:7px 7px 12px #777, -7px 7px 12px #777;
	background-image:url(images/blackboard.jpg);
margin:10px auto;
border-style: solid;
border-width: 26px;
border-radius:15px;
border-image:url(images/border.gif) 26  repeat;
}
#top-menu{width:1000px;
margin:0px auto;}
.top-link{display: inline-block;
 float: left; 
 margin:5px;
 border-right:1px solid #aec1d7;
 padding-right:10px;
cursor:pointer;
 }
 .top-link:hover{text-decoration:underline;}
 #header{width:1024px;
margin:0px auto;
/*box-shadow: 4px 4px 6px #777, -4px -4px 6px #777;*/
}	
#head_right
 {
 	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height:250px;
	border:0px solid black;
	padding: 0px 0px 10px 60px;
	width:400px;
border-radius: 240px 0px 0px 0px;
font-size: 22pt;
font-weight: bold;
font-family: georgia;
color:#0968a2;
text-shadow:  1px 1px 0px #ffffff, 4px 4px 1px #ccc ;
cursor: pointer;
	}
	
#head_left{float:left;
	width:510px;
	height:250px;
overflow: hidden;
}
	

#writers{
	width:3570px;
border-collapse: collapse;
/*margin-left:-2550px;*/
Color:#614012;
text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff,2px 2px 2px #fff, -2px -2px 2px #fff;
font-size: 17pt;
font-family: Monotype Corsiva; 
font-weight: bold;}

#writers td{
	border:0px solid black;
width:510px;
display: table-cell;
	vertical-align: middle;
	
}
#writers p{vertical-align: middle;}
#writers img{float:left; 
margin-right: 10px;
opacity:0.8;
vertical-align: bottom;}

.h_link{
display: table-cell;
width:192px;
height:90px;
background-image:url(images/sticer.png);
background-repeat: no-repeat;
background-position: center;	
margin:0px 5px;
padding:0px;
text-align:center;
vertical-align: middle;
font-family:comic sans ms;
color:#260ddb;
font-size:16pt;
line-height: 0.9;
cursor:pointer;	
}
.v_link{
display: block;
border:0px solid black;
width:192px;
height:100px;
background-image:url(images/sticer.png);
background-repeat: no-repeat;
background-position: top;	
padding: 5px 0px;
margin:10px 5px;
text-align:center;
vertical-align: middle;
font-family:comic sans ms;
color:#260ddb;
font-size:16pt;
line-height: 0.9;	
cursor:pointer;	
}

.v_link p{margin: 10px auto;
}
#content
{width:760px;
height:500px;
border:0px solid black;
float:right;
margin-top:10px;
overflow: hidden;}
.v_link:hover,.h_link:hover{
	text-shadow: 6px 6px 8px #ddfffd, -5px -5px 8px #ddfffd, 0px 0px 8px #ddfffd;
	
}

#tab_content{width:6840px;
border-collapse: collapse;
border: 0px;
margin:0px;
margin-left:0px;
transition: margin-left 0.5s;
}
 #tab_content td{width:760px;
 /*height:500px;*/
 padding:0px;
 margin:0px;

 }
 
 .cont-td{
 	vertical-align: top;
 	
	/*background:
  url(images/f-left.jpg) left no-repeat,
 url(images/f-right.jpg) right no-repeat,
 url(images/f-center.jpg) 0 0 repeat;*/
 }
  .td_foto{width:140px; height:110px;
  vertical-align: middle; 
  text-align: center;
   }
  .td_foto img{margin:-8px;
  cursor: pointer;}
  h1{
  	color:red;
	text-align:center;
	font-family: comic sans ms;
  text-shadow:1px 1px 0px #FFF, 2px 2px 2px #777;
  font-size:40px; 
  }
  
   .infin h3{font-family: comic sans ms, georgia;
  margin-right: 15px;
  color:red;
  font-size: 16pt;
  font-weight: bold;
  background-repeat: no-repeat;
  padding: 3px 25px;
  background-image:url(images/marker.png);
  	}
	
	
  
   h3:nth-child(odd),  h3:nth-child(3){
		background-image:url(images/marker.png);
	}
	   h3:nth-child(even),  h3:nth-child(4){
		background-image:url(images/marker1.png);
	}
	h4{
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
  ul, ul a{ 
  margin:20px;
  font-family: georgia;
  color:#8d3f05;
  font-size: 12pt;
  text-decoration: none;
  }
  li{
  margin-top: 5px;
  font-weight: normal;}
  li a:hover, li:hover{
  color:#030e8f;}
  
 #container{position: fixed;
 width:100%;
 height:0%;
 margin:0px;
 z-index:1000;
 background-image:url(images/fon_foto.png);
 overflow: hidden;
 opacity:0;
 transition:opacity 1s;} 

 #large img {
 	margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
   border:5px solid white;
 }
  .infin{
  	width:650px;
	margin:auto;
	height:400px;
	overflow-y: auto;
	overflow-x: hidden;
	font-family: georgia;
  color:#8d3f05;
  font-size: 12pt;
  	}
  .nav_link{
  	display: table-cell;
	vertical-align: middle;
	text-align: center;
	/*width:200px;*/
	height: 30px;
	font-size: 14pt;
	color:blue;
	background-image: url(images/marker1.png);
	margin:20px; 
	padding: 7px 55px;
	cursor: pointer;
	
	
  }
  
  #md{
  	transition: margin-top 0.5s;
  }
  
  .spoiler{height:35px;
  overflow: hidden;
  background-image: url(images/media.png);
  background-repeat: no-repeat;
  padding-left: 25px;
  transition:height 0.5s;
  cursor:pointer;
  /*border: 1px solid black;*/
  
   /*padding: 5px 0px 5px 20px;*/
  	}
  

   #med_lab a {color:#1504b3;
   font-weight: bold;
   	
   }
   #med_lab p{font-style: italic;
   color:#87470e;
   margin-bottom: 15px;
   	margin-top: 5px;
   }