/**
 * File: style.css
 * This file contain CSS styles for screen mode view.
 *
 * Creator: Richard Grey
 * URL: http://richie.com.ua
 * ICQ: 823-784
 * Email: rich@richie.com.ua
 *
 * (c)2010.
  **/
body { background:#fff; color:#000; font:normal 12px/190% Tahoma, Arial, Helvetica, sans-serif;}
form, body, iframe { margin:0; padding:0;}
img, table, iframe { border:0;}
input, select, textarea { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
p { margin:0; margin-bottom:1.25em;}
small { font-size:0.8333em;}
sup { font-size:75%;}
body { padding:0 19px;}

/* Links */
a { color:#147dc7; outline:0;}
a img { border:none}
a:hover { text-decoration:none;}
.lnk-highlited { padding:0 5px; background:#5c8f11; color:#fff; text-decoration:none;}
.lnk-highlited {
    border:1px solid #5c8f11;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.clear {clear:both}
.lnk-highlited:hover { color:#5c8f11; background:#fff;}
.lnk-more { font:normal 1.25em/130% "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;}

/* Headers */
h1 { margin:0 0 0.1em; padding:0; color:#494949; font:italic bold 2.2em/100% "Myriad Pro", Arial, Helvetica, sans-serif;}
h2 { margin:0 0 0.75em 0; padding:0; color:#3d3c3c; font:bold 1.75em "Arial Narrow", Arial, Helvetica, sans-serif;}
h3 { margin:0 0 0.3em; padding:0; color:#5c8f11; font:normal 1.7em/120% "Myriad Pro", Arial, Helvetica, sans-serif;}
h4 { margin:0 0 0.25em; padding:0; font:bold 1em/125% Arial, Helvetica, sans-serif;}

h3 select { font-size:11px;}

/* Lists */
ul { margin:0.5em 0 1.5em; padding:0 0 0 29px;}
ul li { margin:0; padding:0;}
ul ul { margin:1em 0 1em 0px;}
ol { margin:0 0 1.5em 22px; padding:0 0 1px 1em; list-style:decimal inside; line-height:200%;}
.biblio-content ol {list-style: none}
ol li p {line-height:135%;}
ol li { margin:0; padding:0;}
ol ol { margin:1em 0 1em 18px;}
ol { //margin-left:28px}
ol li { //padding-left:1px;}
ol ol { //margin-left:23px;}

.text ul,
.dashed-list { list-style:none; padding-left:2em;}
.text ul > li:before,
.dashed-list > li:before { content: '\2014\a0'; float: left; margin-left: -1.75em;}
.text ul,
.dashed-list { //list-style:disc;}

hr { border:0; margin:5px 0; border-top:1px dotted #7a7a7a;}


/* Tables */
table td { border-left:1px solid #bebdbd; border-top:1px dotted #7a7a7a; vertical-align:top;}

/* Images */
.imgl { float:left; margin:0 20px 10px 0;}
.imgr { float:right; margin:0 0 10px 20px;}
.imgc { margin:1.2em auto;}

/* Helper Classes */
.left { float:left;}
.right { float:right;}

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix { display:inline-block;}
html[xmlns] .clearfix { display:block;}
* html .clearfix { height:1%;}

.grey { color:#8a8a8a;}

/*--------------- Hide text
 **/
.fontsize-change a { display:block; overflow:hidden; text-indent:-999em;}

/*--------------- Stucture classes
 **/
.layout { min-width:960px; max-width:1200px; margin:auto;}
.topbar { height:37px; padding:0 10px 0 25px; background:url(../images/bg-mmenu.png) repeat-x 0 -37px; position:relative; z-index:900;}
.topbar-l, .topbar-r { position:absolute; left:0; top:0; width:5px; height:100%; background:url(../images/bg-mmenu.png) no-repeat -5px 0;}
.topbar-r { left:-5px; margin-left:100%; background-position:0 0;}

.mmenu { float:left; padding:0; margin:0; list-style:none; line-height:37px; position:relative; z-index:900;}
.mmenu li { float:left; position:relative;}
.mmenu a { float:left; padding:0 10px 0 11px; color:#3d3c3c; font:bold 14px/37px "Myriad Pro", Arial, Helvetica, sans-serif; text-decoration:none;}
.mmenu li a {text-transform: uppercase;}
.mmenu li ul li a {text-transform: none;}
.mmenu li.hov a,
.mmenu li.act a,
.mmenu li:hover a { color:#fff; background:#3d3c3c; padding-left:10px; border-left:1px solid #000;}
.mmenu li.hov ul,
/*.mmenu li.act ul,*/
.mmenu li:hover ul { display:block;}

.mmenu ul { position:absolute; left:0; top:36px; margin:0; padding:5px 0; list-style:none; display:none; z-index:900;}
.mmenu ul { width:100%; background:#5c8f11; opacity:0.95; filter:alpha(opacity=95);}
.mmenu ul li { padding:0 1px; float:none;}
.mmenu ul li { *float:left; *width:100%;}
.mmenu li.hov ul a,
.mmenu li.act ul a,
.mmenu li:hover ul a { background:none; border:0; color:#fff; font:normal 14px/23px Arial, Helvetia; padding:0; float:none; display:block;}
.mmenu li.hov ul a:hover,
.mmenu li.act ul a:hover,
.mmenu li:hover ul a:hover { background:#e0ead2; border:0; padding:0; color:#000;}
.mmenu li.hov ul a span,
.mmenu li.act ul a span,
.mmenu li:hover ul a span { padding-left:10px;}

.fontsize-change { float:right; margin:0 0 0 20px; padding:7px 0 0; list-style:none;}
.fontsize-change li { float:left; margin-left:7px;}
.fontsize-change a { float:left; height:21px; background-image:url(../images/btn-font.png);}
.font-larger { width:30px; background-position:0 0;}
.font-smaller { width:29px; background-position:-37px 0;}

.lang { float:right; margin-top:8px; text-decoration:none; color:#3d3c3c; font-size:9px; line-height:21px;}
.lang img { vertical-align:text-bottom;}

.header { height:143px; position:relative; z-index:100;}
.search-warp { float:right; padding:50px 40px 0 0;}
.search-block { width:384px; height:32px; padding:10px 0 0 15px; background:url(../images/bg-search.png) no-repeat 0 0; display:none;}
.search-field { float:left; width:321px; height:21px; background:url(../images/bg-search-field.png) no-repeat 0 0; margin-right:5px; position:relative; font-style:normal;}
.search-field input { float:left; width:301px; height:13px; padding:4px 10px; background:none; border:0; font-size:11px; position:relative; z-index:2;}
.search-field label { position:absolute; left:11px; top:4px; font-size:11px; line-height:13px; color:#b4b3b3; z-index:1;}
.search-page-field {width: 300px; border: 1px solid rgb(204, 204, 204); padding: 1px 5px; height: 19px;}
.btn-cancel-search , .btn-find { float:left; margin-right:5px; width:21px; height:21px; background:url(../images/icon-search.png) no-repeat 0 0; border:0; cursor:pointer;}
.btn-cancel-search { background:url(../images/icon-close.png) no-repeat 0 0;}

.logo { margin:0; padding:37px 0 0 55px;}
.logo a { display:block; width:410px; height:80px; position:relative; z-index:100; overflow:hidden;}
.logo a span { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/logo.png) no-repeat 0 0; z-index:100;}

.block { position:relative; overflow:hidden; margin-bottom:35px; zoom:1; background:#efeeef;}
.block {
    background-image: -moz-linear-gradient(top, #f5f4f3, #dcddda); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f4f3),color-stop(1, #dcddda)); /* Saf4+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f4f3', EndColorStr='#dcddda'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f4f3', EndColorStr='#dcddda')"; /* IE8 */
}
.block-content { padding:20px; border-left:1px solid #e1e1e1; border-right:1px solid #cccbcb; background:url(../images/block-bevel.png) repeat-y 100% 0;}
.bc { position:absolute; left:-20px; top:0; margin-top:-20px; width:40px; height:40px; background:url(../images/corners.png) no-repeat 0 0;}
.bc-lt, .bc-lb { width:100%;}
.bc-rb, .bc-rt { margin-left:100%;}
.bc-rb, .bc-lb { top:auto;}

.index-left { float:left; width:57%;}
.index-right { float:right; width:38%;}
.index-right .lnk-more { position:absolute; bottom:35px;}

.news-list { padding:0; margin:0;}
.news-list dt { padding:0; margin:0 0 0.3em;}
.news-list dt a {color:#5c8f11; font:bold 1.5em/120% "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif; text-decoration: none}
.news-list dt a:hover {color: #147DC7; text-decoration: underline}
.news-list dd { margin:0 0 1.5em; padding:0;}
.news-list dd a {color: black; text-decoration: none}
.news-list dd a:hover {color: #147DC7; text-decoration: underline}

.NewsAttFile {color:black; display:block; font-size:15px; height:29px; margin:0 20px 30px 0; padding-left:40px; padding-top:3px; width:auto; float: left}

.tags { padding:10px 0; line-height:auto; margin-bottom:35px; /*height:345px; overflow:hidden;*/}
.tags a { color:#000; text-decoration:none; font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;}
.tags a:hover { color:#147dc7; text-decoration:underline;}

.index-bottom { padding:0 25px; margin:35px 0;}
.index-bottom .col { float:left; width:25%;}
.index-bottom ul { margin:0; padding:0 20px 0 0; list-style:none;}
.index-bottom li { margin-bottom:13px; line-height:120%; color:#6a6a6a;}

.footer { margin:35px 0 0; padding:25px 5px 30px; border-top:1px dotted #7a7a7a; color:#7a7a7a;}
.dev { float:right; margin:0;}
.dev img { vertical-align:text-bottom;}


/*--------------- Inner pages
 **/
.header-small { height:75px;}
.header-small .logo, .header-small .search-warp { padding-top:15px;}
.header-small .logo a { width:190px; height:50px;}
.header-small .logo a span { background-image:url(../images/logo-small.png);}

.path { float:left; margin-bottom:30px; color:#3d3c3c; font:bold 1.75em/170% "Arial Narrow", Arial, Helvetica, sans-serif;}
.path a { color:#3d3c3c; text-decoration:none;}
.path a:hover { color:#147dc7; text-decoration:underline;}
.biblio-search { float:right; padding-top:5px;}

.biblio-content { color:#000; line-height:150%}

.biblio-item-info h1 { margin:0; color:#6fa028; font:normal 1.7em/120% "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;}
.biblio-item-info p { margin:0 0 0.8em;}
.biblio-item-info .download-link { text-align:right;}

.download-link { color:#3d3c3c;}

.alphabetka { padding:0 20px;}
.alphabetka .ui-tabs .ui-tabs-panel .indent { border-bottom:4px solid #5c8f11;}
.letters-list { margin:0 -15px 20px; padding:0 5px 10px 20px; list-style:none; border-bottom:4px solid #5c8f11; font-size:14px; line-height:27px; text-transform:uppercase;}
.letters-list li { float:left; width:27px; height:27px; margin:0 2px 0 0; text-align:center;}
.letters-list li.act { color:#fff; background:url(../images/bg-letter.png) no-repeat 0 0; font-size:18px;}
.letters-list li.act a { color:#fff; text-decoration:none;}
.names-list {}
.names-list ul { float:left; width:24.9%; margin:0; padding:0; list-style:none;}
.names-list li { font-size:11px; line-height:14px; margin-bottom:10px; letter-spacing:1px;}

.pager { margin:25px 0 0; background:#fff; border:1px solid #a9c480; padding:5px 15px; text-align:center; font-size:14px; line-height:27px; color:#3d3c3c; zoom:1;}
.pager .left, .pager .right { font-size:11px;}
.pager b { margin:0 -0.75em; width:27px; background:#5c8f11; font-weight:normal; color:#fff; display:inline-block; background:url(../images/bg-letter.png) no-repeat 0 0;}
.pager {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.book-list { overflow:hidden; line-height:125%;}
.book-list ul { margin:-1px 0 0; padding:0; list-style:none;}
.book-list li { padding:35px 50px 35px 35px; border-top:1px dotted #7a7a7a; /*min-height:190px;*/min-height:145px;}
.book-list h3 { margin:0;}
.book-list h3 a {color:#5C8F11; text-decoration:none}
.book-list h3 a:hover {text-decoration: underline}
.book-list .imgl { margin-bottom:35px;}
.book-list a.imgl img { border:1px solid #E1E1E1;}
.book-list a.imgl:hover img { border:1px solid #5C8F11;}
.book-list .autor { /*margin-bottom:30px; color:#8a8a8a;*/ font-weight:bold;}
.book-list .lnk-highlited { /*float:left;*/ clear:left;}
.books-tags { color:#2968dd;/* margin-top:20px;*/}

.persons-list li { min-height:0; overflow:hidden; zoom:1;}
.persons-list .imgl { margin:0 12px 0 0;}



.inst { width:100%; overflow:hidden; margin-left:-10px; line-height:125%; color:#6a6a6a; zoom:1; position:relative;}
.inst table { position:relative; left:-15px; top:-3px; width:100%; }
.inst table td { width:50%; padding:25px;}
.inst ul li { margin-bottom:3px;}
.inst h3 { font-size:1.5em;}
.inst h3 a { color:#6fa028; text-decoration:none;}
.inst h3 a:hover { color:#147dc7; text-decoration:underline;}


.osvita { }
.osvita .col { float:left; width:49.9%;}
.osvita h3 { font-size:1.5em;}


.page-menu { margin:0 0 15px; background:#fff; border:1px solid #a9c480; padding:10px 15px; font-size:13px; line-height:21px; zoom:1;}
.page-menu {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.page-menu a { float:left; margin-right:40px;}

.text { line-height:125%; color:#6a6a6a; font-family:Arial, Helvetica, sans-serif;}
.text h2 { color:#5c8f11; font:normal 1.5em/120% "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;}
.text h3 { margin:0 0 1em; color:#6a6a6a; font:bold 1.2em/120% Arial, Helvetica, sans-serif;}
.text h4 { margin:0 0 1em; color:#6a6a6a; font:italic 1.2em/120% Arial, Helvetica, sans-serif;}


.person-content { color:#000; font-size:1.1em;}
.person-content h3 { margin:0; color:#000; font:bold 1.16em/120% Arial, Helvetica, sans-serif;}
.person-content h4 { margin:0 0 0.2em; color:#000; font:italic 1em/120% Arial, Helvetica, sans-serif;}
.person-content .biblio-item-info p { margin:0 0 1.3em;}

.text .table-list { list-style:none; margin:0 0 1.25em; padding:0 0 0 75px; position:relative; overflow:hidden;}
.text .table-list li { margin:0; padding:0;}
.text .table-list li:before { content: '';}
.text .table-list u { position:absolute; left:0; text-decoration:none;}

.text .format-left-w75 u { width:75px;}
.text .format-left-w165 { padding-left:165px;}
.text .format-left-w165 u { width:165px;}

.ltable { width:100%; overflow:hidden; margin-left:0; zoom:1; position:relative;}
.ltable table { position:relative; left:-10px; top:-3px;}
.ltable table td { padding:5px 10px;}

.highblock { background:#fff; padding:10px 15px; margin:1.25em 0;}

.cataloge { color:#000;}
.cataloge .indent { width:392px; margin:0 auto; padding-left:38px;}
.cataloge h2 { font:bold 1.5em/120% "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif;}
.cataloge h2 a { color:#6fa028; text-decoration:none;}
.cataloge h2 a:hover { color:#147dc7; text-decoration:underline;}

.cat-title { height:60px;}
.cat-title h3 { margin:0; max-height:2.4em; overflow:hidden;}
.cat-desc { height:80px;}
.cat-desc a { color:#000000; text-decoration:none; }
.cat-desc a:hover {color:#147DC7; text-decoration:underline}

/* Освита - toggler */
.toggler {cursor:pointer}
.toggler img {vertical-align:text-top;}

/*  Tabs  */
.ui-tabs-hide { display:none;}
.ui-tabs { position:relative; padding:0; margin:0; zoom:1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin:0 0 0; padding:0; }
.ui-tabs .ui-tabs-nav li { margin:0 17px 0 0; list-style:none; float:left; position:relative; top:1px; padding:0; white-space:nowrap; }
.ui-tabs .ui-tabs-nav li a { float:left; padding:0 15px; text-decoration:none; background:#fff; border:1px solid #cecdcc; border-bottom:0; color:#949494; font:bold 1.75em/170% "Arial Narrow", Arial, Helvetica, sans-serif;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#3d3c3c; border-color:#a8c37f; padding-bottom:1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display:block; border:0; padding:0; background:#fff; border:1px solid #a8c37f;}
.ui-tabs .ui-tabs-panel .indent { padding:15px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li a {
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
}
.ui-tabs .ui-tabs-panel {
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    
    border-top-left-radius:0;
    -moz-border-radius-topleft:0;
    -webkit-border-top-left-radius:0;
}
/* FONT  */
@font-face {
	font-family: 'Myriad Pro';
	src: url('../fonts/myriadpro-regular-webfont.eot');
	font-weight: normal;
	font-style: normal;
}