* {
padding: 0;
margin: 0;
} 

html, body {
	height:100%;
}
*.blue-row {
color: #3090F0;
}

.img_header
{
	background-image: url(/opacunicode/img/logo_library4.png);
	width: 720px;
	height: 158px;
}

p.button a{
	border: none;
	color: white;
	padding: 10px 14px 10px 14px;
	height: auto;
	margin: 5px;
	font-size: 16px;
	cursor: pointer;
	background-color: #5aa1e3;
	border-radius: 10px;
	text-decoration:none;
}

p.button a:hover{
	background-color: #2a86db;
	border: 0px;
	 color: white;
}

body {
/*background: #C0D8F0 url(../img/bg.gif) top center repeat-y;*/
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
color: #555555;
min-width: 980px;
/*line-height: 20px;*/
}

img { border: none; }
a { text-decoration: none; color: #3090F0; }
a:hover { color: #333333; text-decoration: underline}
h3 { 
	border-bottom: 1px dotted #ccc;
	color: #2a86db; 
	padding: 10px 0 2px 0; 
	font-size: 1.5em;
}
h3 a { color: #3090F0; }
h3 a:hover { color: #2a86db; }

#wrap {
margin: 0 auto;
height: auto;
margin-bottom:-40px;
/*width: 980px;*/
}

#header {
	/*background: #C0D8F0;
	/*background: #C0D8F0 url(../img/header.gif) no-repeat;
	min-height: 50px;
	overflow: auto;*/
	background: white;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	padding-right: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 3px solid #1F7AB4;
}

#header h1 { 
	/*text-transform: uppercase;*/
	padding: 25px 0 0 30px;
	font-size: 30px;
	font-weight: 100; 
	letter-spacing: -2px; 
}
#header h1 a { color: #3090F0; }
#header h1 a:hover { color: #333; }
#header h2 { padding: 0 0 0 30px; font-size: 19px; color: #333; font-weight: 100; }

.box {
	/*border: 1px solid #FFFFFF;*/
	line-height: 20px;
	padding: 5px;
}

.whitebox {
	border-color: #FFFFFF;
}

.greybox {
	border-color: #CCC;
}

.margined {
	margin: 10px;
}

#header .info{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

#header .box {	
	/*position: relative;	
	float: right;
	margin-top: 5px;*/
}

#menu {
	background: #C0D8F0 url(../img/menu.gif) no-repeat;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
}
#menu li {
	float:left;
	list-style-type:none;
}
#menu li a {
	padding:0 10px;
	text-decoration:none;
	color: #fff;
	letter-spacing:-1px;
	font-weight: 100;
	font-size: 17px;
}
#menu li a:hover {
	color: #fff;
	text-decoration: underline; 
}

#content { 
	padding: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}

#left {
	/*float: left;*/
	/*width: 200px;*/
}
#left li { list-style-type: none; padding-left: 10px; }

#left h2 {
	margin-left: 10px;
	margin-bottom: 0px;
	padding: 5px 0 5px 10px; 
	font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
	color: #fff;
	background: #EEF0F1 url(../img/hbg.gif) repeat-x;	
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
}
#left .box {
	/*border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; */
	margin: 0 0 10px 10px;	
	padding: 5px 0 10px 0;
	/*line-height: 20px;*/
}
#left ul{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
#left li{
	background-color: white;
	overflow: hidden;
	/*border-radius: 5px;*/
}
#left a{
	font-family: 'Arimo',Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	float: left;
	text-align: center;
	border: none;
	color: white;
	padding: 10px 14px 10px 14px;
	height: auto;
	margin: 5px;
	cursor: pointer;
	background-color: #5aa1e3;
	border-radius: 10px;
	text-decoration:none;
	width: 150px;
}
#left a:hover {
	background-color: #1F7AB4;
	color: white;
}
#container {
	/*text-align: left;*/
	margin-left: auto;
    margin-right: auto;
    width: auto;

}
#right { 
/*
float: right;
width: 740px;
	margin-right: 10px; 
	padding-left: 210px;*/
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.contentleft {
	float: left;
	width : 100%;
	/*border-right: 1px solid #ccc; */
	border-left: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
}

.title_content {
	margin-bottom: 0px;
	padding: 5px 0 5px 10px; 
	font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
	color: #fff;
	background: #5aa1e3;/* url(../img/hbg.gif) repeat-x;	*/
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
}

.contentleftbox {
	margin: 0 0 10px 0;	
	padding: 5px 10px 10px 10px;
	text-align: justify;
	width: auto;
	/*display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;*/
}

.contentleft p {
	margin:0;
	padding:10px 0;
}

.contentright {
	float: right;
	width: 180px;
}
.contentright h2 {
	padding: 5px 0 5px 10px; 
	font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
	color: #fff;
	background: #EEF0F1 url(../img/hbg.gif) repeat-x;	
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
}
.contentrightbox {
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	margin: 0 0 10px 0;	
	padding: 10px;
	text-align: justify;
}
#footer-up{
	margin-top: 30px;
	background: #34495e;
	height: 85px;
}
#footer {
	/*height: 40px;
	line-height: 40px;
	background: #C0D8F0;
	color: #fff;
	text-align: center;
	margin-bottom: 40px;*/
	background: #1F7AB4;
	background-repeat: repeat-x;
	height: 70px;
	text-align: right;
}
#footer a { 
	color: #fff;
}
#footer a:hover { color: #333; }
.footer-text{
	font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    font-size: 6px;
    bottom: 0;
    text-align: right;
	padding-left: 50px;
    padding-top: 35px;
	color: #f2f2f2;
}

.history strong, a {
	font-weight: bolder;
}

.detail_picture {
	padding-right:5px;
	text-align:center;
	width:1%;
}

dl dd, dl dt {
	display:inline;
}

.big1, dd {
	font-size:1.2em;
	font-weight:700;
}

small {
	font-size:0.9em;
}

.withFullText {
	background-color: #FFFFAA;
}

.smallcaps {
	font-variant: small-caps; 
	font-size: 1.5em;
}

.query {
	background-color:#C0D8F0;
	display:inline-block;
	margin:5px 0 0 50px;
	padding:5px 10px 20px;
	/*text-align: center;*/
}
#searchQuery{
	width:500px;
	height:25px;
	font-size:125%;
	margin-top:10px;
}
#search-btn{
	height:27px;
	width:74px;
	background-color:#DEDEDE;
}
.search-title {
	text-align:center;
}
#search-field{
	display:inline-block;
	margin-top:-10px;
}
#search-progress{
	position:absolute;
	display:none;
	margin-left:200px;
	margin-top:70px;
}

.bookslist {
	padding-left:15px;
	overflow:hidden;
}

#numres {
	margin-left:60%;
	margin-bottom: -17px;
}

.sortlist {
	margin-top:5px;
	margin-bottom:10px;
}
#pagination {
	margin-left:20%;
}
.printmenu {
	margin-top:0px;
}

#result{
	overflow:hidden;
}

/* блок вывода результатов*/
.bl-book{
	margin-top:10px;
}
.bl-checkbox{
	display:inline-block;
	margin-top:30px;
	vertical-align:top;
}
.bl-image-box{
	display:inline-block;
	vertical-align:top;
	width:60px;
}
.bl-image{
	display:inline-block;
	width:60px;
}
.bl-exmp-status{
	display:inline-block;
}
.bl-body{
	display:inline-block;
	width:450px;
	margin-left:15px;
	text-align:left;
}
.bl-exemp-location{
	display:inline-block;
}
.bl-url{
	display:inline-block;
}
.bl-stars{
	display:inline-block;
}
.bl-buttons{
	display:inline-block;
	vertical-align:60px;
	margin-left:10px;
}
/* styles for "views/helpers/book_helper.php" */
.noexmp {}
.noavailable {}
.exmpavailable {color: green; display: inline-block; margin-top: 5px;}
.exmpcount {}

.menucatalog {padding-left:20px}

.full-card-top-link {color: #555555; text-decoration: underline; font-weight: normal;}
.full-card-top-link:hover {text-decoration: none; color: #3090F0; font-weight: bolder;}

/* Стили для списка книг и для описания одной книги */
.bookitem {position: relative; width: auto; margin-top: 5px;}
	.bookcover {position: absolute; left: 5px; top: 0; width: 100px;}
		.bookinput {position: absolute; left: 3px; top: 38px;}
		.bookpicture {margin-left: 20px;display: inline-block;}
	.bookdetails {width: 450px; margin-left: 115px; display: inline-block;}
	.bookbuttons {position: absolute; right: 0; top: 0}

/* Страница авторизации */
.wrapLoginForm {width: 250px;}
	.loginForm {padding: 0 5px;}
		#UserCodbarU {width: 80%;}
		#UserMotPasse {width: 80%; margin-bottom: 5px;}

/* Страница рубрик */
#filters .submit {margin: 0px;}

/* модуль самозаписи */
div#autorecord {margin: 0 15% 0 15%;}
div#autorecord h4 {text-align: center; margin: 12px 0 10px 0; font-style: italic;}
div#autorecord div#flashMessage {text-align: center; margin: 15px 0; width: 100%;}
div#instruction p {text-indent: 20px; padding: 4px 0; font-style: italic;}
div#instruction p span.redtext {color: red;}
div#instruction p span.undltext {text-decoration: underline;}
form#UruserForm{width: 500px; margin: 17px auto 0 auto; }
form#UruserForm div.inputDiv {padding: 0; min-height: 25px; white-space: nowrap;}
form#UruserForm div.inputDiv label {width: 100px; display: inline-block;}
form#UruserForm div.inputDiv input {width: 390px; height: 20px;}
form#UruserForm div.notValidMessage {color: #990000; text-align: right; font-weight: bolder; padding: 5px;}
form#UruserForm div#notesText label {display: block; margin: 5px 0 5px 0}
form#UruserForm div#autoRegister {text-align: center;}
form#UruserForm div#fieldsAreRequired {
	text-align: right;
	padding: 2px;
	margin: 3px 0;
	font-size: 95%;
	color: #a2a2a2;
	font-style: italic;
}
form#UruserForm textarea {width: 98%; height: 170px;}
.loginForm .buttons {height: 24px; margin-top: 10px; position: relative;}
.loginForm .autoRecButton {
	position: absolute;
	top: 0;
	right: 10px;
	border: 1px solid #848388;
	margin-left: 5px;
	height: 20px;
	width: 92px;
	background-color: #EEF0F1;
	padding: 0 7px;
}
.loginForm .autoRecButton a {color: #000; font-weight: normal;}
.loginForm .autoRecButton a:hover {text-decoration: none;}

.loginForm .submit {width: 57px;}
.loginForm .submit input {
	/*cursor: pointer; margin-top: 0; padding: 0 7px;*/
	border: none;
	color: white;
	padding: 10px 14px 10px 14px;
	height: auto;
	margin: 5px;
	font-size: 16px;
	cursor: pointer;
	background-color: #5aa1e3;
	border-radius: 10px;
	text-decoration:none;
}
.loginForm .submit input:hover {
	background-color: #2a86db;
 	color: white;
  }
.loginForm .submit input:visited{
 	color: white;
  }

#regBlock{
    width: 600px;
    margin: 10px auto;
}
#regTable{
    width: 100%;
}
#regTable td{
    padding: 2px 0px;
}
#regTable input{
    width: 100%;
}
/*#regTable select{
      max-width: 100%;
}*/
#regBlock #instruction{
    width: 100%;
}
#regBlock .required{
    color: rgb(255,0,0);
}