@import "http://webfonts.ru/import/calligraph.css";
@import "http://webfonts.ru/import/nk123.css";
  @font-face {
   font-family: Calligraph;
   src: url(Calligraph.ttf);
   font-family: NK123;
   src: url(NK123.ttf);
  }
#верхний_баннер {
  display: table;
  position: relative;
  font-family: NK123, Calligraph, Cheeseusaceu, Arial; 
  background-image:url(_themes/laverne/banner_top.gif);
  width: 60vw; 
  height: 80px;
  border-radius: 0 80px 80px 0;
  font-size: 300%;
  margin: 0px auto;
  padding:0;
  color: rgb(0,102,102);        
  text-align:  center;    
  margin-bottom: 0.5%;
}
#верхний_баннер a{
   position: absolute;
   left: -42px;
   height: 80px;
/*   float: left; */
   border: 0px solid black
}
#верхний_баннер span{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    border: 0px solid black
}
.line {
      width:55vw;
      height: 10px;
      margin: 0;
      padding: 0;
}
footer p {
      line-height: 50%;
}
input {
     text-align: center;
     font-size: 0.8vw;
}
.main {
     background-image:url(_themes/laverne/lvbkgnd.jpg);
     background-color:#99CCCC; 
     color: #000000; 
     a:link:#006666;
     a:visited:#666666; 
     a:active:#FFFFFF;
     width: 60vw;
     margin: 0 auto;
    }
a:hover {
	font-style: normal;
	color: #FE6BAD;
	text-decoration: blink;
}
*    {
         padding: 0;
         margin:0;
}
HTML {
    scrollbar-arrow-color: #99cccc; 
    scrollbar-base-color: #99cccc; 
}
BODY {
         font-family:Arial, Helvetica, sans-serif;
	 scrollbar-face-color: #99cccc; 
	 scrollbar-highlight-color: #ffffff; 
	 scrollbar-shadow-color: #000000; 
	 scrollbar-3dlight-color: #99cccc; 
	 scrollbar-arrow-color: #FFFFFF; 
	 scrollbar-track-color: #336666; 
	 scrollbar-darkshadow-color: #99cccc
}
IMG.sp {cursor: url(images/scale_plus.cur), pointer;}
IMG.sm {cursor: url(images/scale_minus.cur), pointer;}
img.b:hover {
       border-bottom: 7px solid #006666;
       border-top: 7px solid #006666; /* Рамка при наведении на рисунок курсора мыши */
            }
#главная  {
    margin-left: 100px;
}
#главная td {
    height: 40px;
}
#автобиография td {
    height: 30px;
}
#таблица1 td {
    padding: 10px
}
#таблица2 td {
    padding: 15px
}
#таблица1 th {
    padding: 20px
}
INPUT {
    margin: 10px;
    vertical-align: middle;
} 
#вопросы {margin-bottom:5px;}
#вопросы {
/*      display:block; */
      background: rgba(255,255,255,0.5);  
      width: 1130px;
      margin: 0 auto;
      font-size: 1vw;
     }
#вопросы input {margin: 5px;}
#вопросы td { padding:10px;}
#вопросы input {margin-left: 0px; margin-top: 1px; margin-bottom: 1px; vertical-align: middle; }
#вопросы p {
      margin: 10px; 
      font-family:Arial, Helvetica, sans-serif;
      font-weight: bolder;
     }
#вопросы div {
      padding-left: 10px
  }
#фио {
      width: 1130px;
      margin: 0 auto;
  } 
  .columns input {
      width: 23px;
   }
  .columns3 input{
      width: 23px;
   }
  .columns {
      padding-left: 0px;
     -webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count: 2;
     -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
     -moz-column-gap: 20px; /* Firefox */
     column-gap: 20px;      
    -webkit-column-rule: 0px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset #ff00ff; /* Firefox */
    column-rule: 0px outset #ff00ff;
  }
  .columns3 {
      padding-left: 0px;
     -webkit-column-count: 3; /* Chrome, Safari, Opera */
     -moz-column-count: 3; /* Firefox */
     column-count: 3;
     -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
     -moz-column-gap: 20px; /* Firefox */
     column-gap: 20px;      
    -webkit-column-rule: 0px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset #ff00ff; /* Firefox */
    column-rule: 0px outset #ff00ff;
  }

h4 {margin-top: 5px; margin-bottom: 50px;}

p.big {
     margin:10px; font-size: 12pt;
}
img.big {
     margin-bottom:10px; 
}
#книга1 {
     vertical-align: top;
}
#книга1 p {
     color:black; 
}

#книга1 span {
     color:deeppink;
}

@import url(https://fonts.googleapis.com/css?family=Philosopher&subset=latin,cyrillic);
body {
        margin: 0px;
        padding: 0px;
        font-size: 1vw;
        font-family: 'Philosopher', sans-serif;
        box-sizing: border-box;
      }
nav {
        font-family: 'Philosopher', sans-serif;
}
.resourses {
    max-width: 60vw;
    margin: 0 auto;
    border: 0px solid blue;  
}
.resourses table {
    text-align:left; 
    width: auto; 
    margin: 0 auto; 
    font-family:Arial, Helvetica, sans-serif;
    font-size: 2vh;
    border: 0px solid green;
}
.resourses h3 {
     text-align: left; 
     text-indent: 30px;
     color:DarkCyan
  }
.output {
     width: 60vw;
     margin:0 auto;
     text-align:center;
     font-size:3vw
}
  .фотос {
      clear: both;
      display: flex;
      max-width: 1150px;
      flex-wrap: wrap;
      justify-content:center; 
      margin: 0 auto;
      border: 0px solid black
  }
  .букс {
      clear: both;
      display: flex;
      max-width: 1150px;
      flex-wrap: wrap;
      justify-content:center; 
      align-items: center;
      margin: 0 auto;
      border: 0px solid black
  }
  .букс img {
   width: 300px;  
   margin: 10px;
}
  .букс p {
   width: 300px;  
/*   height: 300px;*/
   margin: 10px;

}
#timeline {
     max-width: 1150px;
     margin: 0 auto;
     text-align: center;
}
/* -------------------- */
  #kapcha {
    border: 0px solid black;
    background-color: lime;
    background-image: url(captcha/background-texture-1014963_640.jpg);
    color: IndianRed;
    margin:0; padding:0;
    width: 24.5vw;
    height: 100px; 
  }
  #defense {
    width: 30vw;
    margin: 0 auto;
    border: 0px solid black;
    padding:0;
    text-align: center;
  }
  #defense img{
    border: 0px solid black;
    box-sizing: content-box;
    width: 70px; 
    width: 5.15vw;
    padding-left: 0vw;
    margin:0;
    background-color: #71B4D5;
    border-bottom: 1px solid black; 
    border-right: 1px solid black; 
  }
  #defense img:hover{
    background-color: #BEDDDF;
    background-color: rgba(255,255,255,0.5);   
}
  #defense img:active{
    border-top: 1px solid black; 
    border-left: 1px solid black; 
    border-bottom: 0px solid black; 
    border-right: 0px solid black; 
}
  #defense input{
    margin:0; padding:0;
    background-color: transparent; 
}
  .bbb:hover {
       background-color: rgba(255,255,255,1);   
}
#ochistka:hover {
       background-color: rgba(255,255,255,1);   
}
/* -------------------- */