html
{
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

img
{
max-width:100%;
vertical-align:middle;
border:0;
-ms-interpolation-mode:bicubic;
}

body
{
margin:0;
font-family: 'PT Sans', Arial, Tahoma, FreeSans, sans-serif;
font-size:14px;
line-height:20px;
color:#333;
background-color:#fff!important;
background: url("images/nso3.png") center 0  no-repeat;
}

body
{
font:14px/1.231 sans-serif;
}

a, a:active, a:visited, a:focus, a:hover {
outline: 0 none;
}

a, a:active, a:focus {
color: #00699e;
text-decoration: underline;
}

a:hover {
text-decoration: none;
color: #00699e;
}

p
{
margin:0 0 5px 0;
text-indent: 1.5em;
}

hr
{
margin:20px 0;
border:0;
border-top:1px solid #eee;
border-bottom:1px solid #fff;
}

a
{
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
-webkit-backface-visibility:hidden;
}

input
{
font-size: 16px;
height: 20px;
}



.container{
min-width:700px;
max-width:960px;
margin:0 auto;
}
.container:after{
clear:both;
}

/* шапка  */
.header{
min-height:100px;
width: 100%;
margin-top:10px;
padding: 0;
white-space:normal;
text-align: center;
background: url("images/logo_opac.png") right 0  no-repeat;
}
.header h1{
font-size:2em;
text-align: center;
padding: 20px 0 0 0px;
margin: 0;
font-weight:normal;
}
/* конец шапка  */

.reader{
border: 1px solid #d8d8d8; 
background: rgba(255, 255, 255, 0.3);
margin-top:20px;
font-size:1.1em;
color:#333;
}

/* каталоги */
.columns {
display: table;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
margin-top: 20px;
}

.columns > div,
.columns > noindex > div {
display: table-cell;
vertical-align: top;
width: auto;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.columns > .left,
.columns > noindex > .left,
.columns > .right,
.columns > noindex > .right  {
max-width: 48.5%;
min-width: 48.5%;
width: 48.5%;
background: rgba(255, 255, 255, 0.3);
border: 1px solid #d8d8d8; 
border-top: 0px;
/*border-bottom: 2px solid rgba(30, 104, 154, 0.3); */
}

	
.clear {
clear:both;
font-size:0;
overflow:hidden;
}
.description {
line-height:1.1;
text-align:left;
margin: 10px 5px 10px 5px;
}
.description ul   {
list-style: circle outside ;
display:block;
padding:0;
margin:0 0 5px 40px;
}
.description li   {
display:list-item;
margin-top: 0px;
}

.container {
clear: both;
width: 960px;
background-color: transparent;
margin: 0 auto;
border: 0px solid #aaa;
}

.librarian{
text-align:center;
margin-top: 20px;
}
.librarian .title{
background: rgba(255, 255, 255, 0.3);
color: #333;
display:block;
font-size:1.2em;
padding: 5px 0 5px 0 ;
}
.librarian ul    {
list-style: none ;
display:block;
padding:0;
margin:10px ;
}
.librarian li {
display:list-item;
margin-top: 10px;
}


.footer{
margin-top:40px;
border-top:0px solid #666;
padding:10px 0;
}

.footer-logo{
margin:5px;
}

.footer .copy{
display:block;
margin-top:20px;
font-size:.85em;
color:#999;
}

/****************************************************/

/* Кнопки */

.button1, .button2, .button3  {
  display: inline-block;
  color: rgba(255,255,255,.9);
  /*text-shadow: #2e7ebd 0 1px 2px;*/
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  white-space: pre-line;
  padding: .2em;
  border: 0px solid;
  border-radius: 0px;
  outline: none;
  box-shadow: inset rgba(255,255,255,.5) 1px 1px;
}

.button1 {
  width: 100%;
  min-height: 40px;
  font-size: 1.6em;
 /* background: rgba(30, 104, 154, 0.7) linear-gradient( rgba(30, 104, 154, 0.7) , rgba(16, 59, 104, 0.7));*/
 background: rgba(70, 142, 68, 0.7) linear-gradient( rgba(70, 142, 68, 0.7) , rgba(32, 73, 33, 0.7));
}

.button1:hover, .button1:active,.button2:hover, .button2:active  
{
color: rgb(255,255,255);
}

.button1:hover {
  background-image: linear-gradient( rgba(70, 142, 68, 0.7),  rgba(140, 182, 60, 0.7));
}
.button1:active {
  background-image: linear-gradient( rgba(140, 182, 60, 0.7),rgba(70, 142, 68, 0.7));
  box-shadow: none;
}

.button2 {
  width: 100%;
  min-height: 30px;
  font-size: 1.2em;
  background: rgba(30, 104, 154, 0.7) linear-gradient( rgba(30, 104, 154, 0.7) , rgba(16, 59, 104, 0.7));
}

.button2:hover {
  background-image: linear-gradient( rgba(30, 104, 154, 0.7),  rgba(78, 174, 216, 0.7));
}
.button2:active {
  background-image: linear-gradient( rgba(78, 174, 216, 0.7),rgba(30, 104, 154, 0.7));
  box-shadow: none;
}

.button3 {
  width: 300px;
  min-height: 30px;
  font-size: 1.2em;
  color: #333;
  background: rgba(207, 207, 207, 0.7) linear-gradient( rgba(207, 207, 207, 0.7) , rgba(130, 130, 130, 0.7));
}

.button3:hover {
  background-image: linear-gradient( rgba(207, 207, 207, 0.7),  rgba(78, 174, 216, 0.7));
}
.button3:active {
  background-image: linear-gradient( rgba(78, 174, 216, 0.7),rgba(207, 207, 207, 0.7));
  box-shadow: none;
}