* {
margin: 0pt;
padding: 0pt;
/*font: normal 12px/14px Arial, Helvetica, sans-serif;*/
/*font-family: Verdana, "Lucida Sans", "Bitstream Vera Sans", sans-serif;*/
/*font-family: Verdana, "Lucida grande", "Lucida Sans", Tahoma, Arial, sans-serif;*/
/*font-family: Tahoma, Arial, sans-serif;*/
/*font-family: Verdana, "Bitstream Vera Sans", sans-serif;*/
/*font-family: Arial, sans-serif;*/
/*letter-spacing: -0.05 em;
font-size: 11px;*/
}

/*
color: #820000; бордовый
color: #c80000; красный
color: #f5e1e1; розовый
color: #8c8282; темносерый
color: #b4aaaa; серый
color: #ebe6e6; светлосерый

padding: 2px; 				(top/right/bottom/left)
padding: 2px 1px;			(top/bottom + left/right)
padding: 2px 1px 2px; 		(top + left/right + bottom) 
padding: 2px 1px 1px 2px;	(top + right + bottom + left) 

*/

html, body {
/*font: normal 12px/14px Arial, Helvetica, sans-serif;*/
font: normal 12px/14px sans-serif;
color: #666; 
margin: auto; 
padding: 0px; 
height: 100%; 
/*background-image: url('/skittles_branding_v2.jpg');*/ /*for branding*/
/*background-position: 50% 0 ; */      /*for branding*/
}

#body { 
margin: 0 auto; 
padding: 0px; 
min-height: 600px; 
width: 980px;
/* margin-top: -14px; */
}

fieldset{display:inline}
* > fieldset{display: block}/* Non IE browsers */
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

p{
margin-bottom: 11px;
}

h1, h2, h3{
font: normal normal 18px arial;
/*font-weight: bold;*/
font-size: 16px;
color: #000;
margin-bottom: 5px;
}
h2{
font-size: 14px;
font-weight: bold;
}
h3{
font-size: 12px;
font-weight: bold;
}
h4{
font-size: 12px;
}

h1.heading{
font-weight: bold;
}

a{
color: #820000;
text-decoration: none;
}

a:hover{
color: #c80000;
text-decoration: none;
border: 0px; 
}

#page{
border: solid 1px #b4aaaa;
width: 980px;
min-height: 70%; /* Минимальная высота */
}

/* START Banners */
#bannertop{
width: 1000px;
text-align: center;
margin: auto; 
padding: 0px;
border: 0px; 
}

#bannertop a,img{
border: 0px; 
}

div.banner{
border: solid 1px #b4aaaa;
height: 250px;
}

.ban468{
border-top: solid 1px #b4aaaa;
border-bottom: solid 1px #b4aaaa;
margin: 0pt;
margin-bottom: 20px;
margin-right: 16px;
height: 98px; 
width: 620px;
float: left;
position: relative;
}

#article div.ban468{
margin-bottom: 5px;
}
#center div.ban468{
margin-bottom: 5px;
}
.ban468 div.banner{
height: 60px; 
width: 468px;
margin-top: 19px;
float: left;
position: relative;
}

.ban468 div.ban140{
height: 60px; 
width:140px;
margin-top: 19px;
float: right;
position: relative;
background-color: #c80000;
}

div.ban140 div{
width: 120px;
height: 30px;
margin: auto; 
color: #fff;
font: normal 12px arial;
position: relative;
margin-top: 15px;
text-align: center;
vertical-align: middle;
}

div.ban140 div a{
color: #fff;
font: normal 12px arial;
}
div.ban140 img{
border: solid 1px #820000; 
}

/* END Banners 468+120 */
div.ban468in{
background-color: #ebe6e6;
height:70px; 
margin-bottom:5px; 
margin-top:5px;
}

div.ban468in2{
float:left; 
margin:5px; 
margin-right:0px; 
width:468px; 
height:60px;
}

div.ban120x60{
width:120px; 
height:58px; 
margin: 5px; 
margin-left: 0px; 
padding: 0px; 
background-color: #ffffff; 
float:right; 
border: solid 1px #b4aaaa; 
}

div.ban120x60in{
margin: 0px; 
margin-top: 10px; 
text-align:center;
line-height:16px;
}

div.ban120x60in a{
text-align:center; 
font-size: 12px;
color: #820000;
text-decoration: none;
border-bottom: dotted 1px #820000;
}
div.ban120x60in a:hover{
color: #c80000;
border-bottom: 0;
}
/* END Banners 468+120 */
/* END Banners */

/* START HEAD */
#header{
position:relative;
width: 100%;
height:100px; /* 88px; */
margin-bottom: 15px;
}
#header table{
width: 100%;
height: 100px; /* 85px; */
border: 0;
}

#logo{
border: 0;
width: 260px;
height: 60px;
}
/*
#logo{
border: 0;
width: 300px;
height: 100px;
margin-top: -2px;
}
*/
#header{
border: 0;
height:100px;
margin-top: 0;
margin-bottom: 0px;
}
#topcntr{
border: 0;
width: 2px;
height: 1px;
margin: -2px;
float: right;
}
#nowday {
float: left;
color: #000;
font-weight: bold;
position: relative;
padding-left: 18px;
padding-top: 10px;
}

#googleform {
float: right;
position: relative;
padding: 1px;
}

.googleform {
float: right;
position: relative;
padding: 1px;
display: inline-block;
zoom: 1;
}    

#cse-search-box{
width: 262px;
display: inline-block;
zoom: 1;
padding: 0px;
margin: 0px;
}

input.googlestring{
float: left;
background: url('http://www.google.com.ua/cse/intl/uk/images/google_custom_search_watermark.gif') no-repeat scroll left center;
width: 200px;
height: 19px;
font-weight: bold;
font-size: 14px;
padding: 1px;
padding-top: 5px;
margin: 0px;
margin-right: -5px;
line-height: 0.95em;
color: #8c8282; 
zoom: 1;
}

input.googlebutton{
border: solid 1px #b4aaaa;
float: right;
	width: 55px;
	height: 25px;
    margin: 0;
	padding: 0;
	background: url(http://doc.osvita.ua/doc/i/gbutton.png) no-repeat 0 0;
	background-position: 0px 0px;
    cursor: pointer;
    zoom: 1;
}


/*
input.googlebutton{
width:  60px;
height: 24px;
}

input.googlestring{
width:  200px;
height: 16px;
}
*/
#header .hlink, #header .hllink{
float: right;
padding: 10px;
padding-bottom: 10px;
font-weight: normal;
font-size: 11px;
line-height: normal;
}
#header .hllink{
float: left;
padding: 10px 10px 10px 18px;
}

#header .hlink a, #header .hllink a{
color: #b4aaaa;
text-decoration: none; 
}

#header .hlink a:hover, #header .hllink a:hover{
color: #820000;
}
/* END HEAD */

/* START MAIN */
#container{
background-color: #fff; 

padding: 20px;
padding-top: 10px;
padding-left: 18px;
padding-right: 0;
position: relative;
width: 960px; 
min-height: 370px; /* Минимальная высота */ 
border: solid 1px #b4aaaa;
border-top: 0px;
border-bottom: 0px;
}

#main{
padding: 0;
margin: 0;
margin-right: 0px;
position: relative;
overflow:hidden;
border: dashed 0px #b4aaaa;
}

.clear{
clear:both; 
height:1px;
width: auto; 
}

.gclear{
clear:both; 
height:10px;
width: auto; 
}

.kclear{
clear:both; 
height:5px;
width: auto; 
}
/* END MAIN */

/* БЛОКИ-КОЛОНКИ! */
#left{
	width: 300px;
	float: left;
	margin-right: 5px;
}

#center{
	width: 620px;   
	float: left;
	margin-right: -10px;
	padding-right: 10px;  
	border-right: solid 1px #b4aaaa;
}

#right{
	height: 100%; 
	width: 320px; 
	float: left;
	margin-left: 10px; 
	margin-right: -20px; 
	overflow:hidden;
	border-left: solid 0px #b4aaaa;
	padding-left: 7px;	
}

#center > div.bcont{
margin: 0px;
padding: 0;
padding-top: 0px;
padding-bottom: 1px;
position: relative;
overflow:hidden;
width: 640px; 
border: dotted 0px #8c8282;
}
#center > div.bcont > div.mtitle{
margin-left: -3px;
padding-left: 8px;
width: 617px; 
}

#right > div.bcont{
margin: 0px;
padding: 0;
padding-left: 1px;
padding-top: 0px;
padding-bottom: 1px;
position: relative;
overflow:hidden;
width: 320px; 
}
#right > div.bcont > div.mtitle{
margin-left: -3px;
padding-left: 8px;
width: 298px; 
}
/* END БЛОКИ-КОЛОНКИ! */

/* MENU */
#menu{
padding-top: 5px;
width: 980px; 
height:18px;
position:relative;
border-bottom: solid 4px #b4aaaa;
color: #8c8282;
font-weight: normal;
font-size: 11px;
line-height: normal;
/*background-color: #fff;*/  /*for branding*/
}

ul.menu {
list-style: none;
padding-right: 15px;
padding-left: 15px;
}

ul.menu li {
/*font-family: Tahoma, Arial, sans-serif;*/
float: left;
height: 11px;
padding-top: 0px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
border-left: solid 1px #b4aaaa;
}

ul.menu > li > a {
color: #8c8282;
}

ul.menu > li > a:hover{
color: #820000;
}

ul.menu li.current{
font-weight: bold;
color: #820000;
}

ul.menu li.current a{
font-weight: bold;
color: #820000;
}

ul.menu li:first-child{
border-left: 0px;
}

#sub{
padding-top: 5px;
padding-bottom: 5px;
width: 978px; 
height:16px;
position:relative;
color: #8c8282;
text-decoration: none; 
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
line-height: normal;
border-left: solid 1px #b4aaaa;
border-right: solid 1px #b4aaaa;
}

#third{
padding-top: 5px;
padding-left: 5px;
padding-right: 0px;
padding-bottom: 5px;
margin-top: 0px;
margin-left: 2px;
margin-right: 20px;
margin-bottom: 20px;
width: 930px; 
height:auto;
position:relative;
color: #820000;
font-size: 11px;
line-height: normal;
border: solid 1px #820000;
background-color: #ebe6e6;
}

#third ul.menu {
list-style: none;
padding-left: 5px;
padding-right: 20px;
}

#third ul.menu li{
list-style: none;
padding-right: 5px;
border-left: solid 1px #8c8282;
}

#third ul.menu li:first-child{
border-left: 0px;
}

#third > ul.menu > ul.sub > li > a {
color: #8c8282;
}

#third > ul.menu > ul.sub > li > a:hover{
color: #820000;
}
#third > ul.menu > ul.sub > li.current > a{
font-weight: bold;
color: #820000;
}

#thirdmenu ul.menu li.current a{
font-weight: bold;
color: #820000;
}

#thirdmenu ul.menu li {
border-left: 0px;
height: 11px;
padding-top: 0px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
}

#thirdmenu > ul.menu > ul.sub > li > a {
color: #8c8282;
}

#thirdmenu > ul.menu > ul.sub > li > a:hover{
color: #820000;
}

ul.menu > ul.sub li.current a{
font-weight: bold;
color: #820000;
}
td #thirdmenu ul.menu li {
width:100%;
}
/* END MENU */

/* LINES */
.mtitle{
font-family: Tahoma, Arial, sans-serif;
width: 933px; 
color: #fff;
font-size: 12px;
height:17px;
font-weight: bold;
padding-top: 3px;
padding-left: 5px;
padding-right: 0px;
margin-left: 1px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #c80000;
}
.mtitle a{
font-size: 12px;
color: #fff;
}

.vline240 {
height:240px;
width: 4px; 
margin-right: 5px;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
border-right: solid 1px #b4aaaa;
}
.indent240 {
height:240px;
width: 3px; 
margin-right: 5px;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
}
/* END LINES */

/* Article */
.blockarticle {
width: 100%; 
padding: 0;
margin: 0;
position: relative;
display: inline-block;
vertical-align: text-top;
}

.pubkontakt {
padding-top: 1px;
font-size: 12px;
line-height: 14px;
}
.pubkontakt strong, .pubkontakt b{
font-weight: bold;
}
.pubkontakt a, .pubkontakt p > a{
color: #820000;
border-bottom: dotted 1px #820000; 
}
.pubkontakt a:hover, .pubkontakt p > a:hover{
color: #c80000;
border: 0px; 
}

#article {
	padding-top: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
#article > h1, #article > h2, #article > h3, #article > h4{
	padding-top: 14px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}

#article > p {
margin-bottom: 14px; /* 8px */
}
#article a{
/* border-bottom: dashed 1px #820000; */
border-bottom: dotted 1px #820000; 
}
#article a:hover{
border: 0px; 
}
#article > ul{
	margin-top: -1px;
	padding-left: 20px;
	margin-bottom: 5px;  /* 15px */
}
#article > ul li{
	list-style: none;
	padding-left: 40px;
	background: url(http://doc.osvita.ua/doc/i/garr.gif) no-repeat 20px 6px;
	margin-top: 2px;
	margin-bottom: 10px;
	font-size: 14px;
}
#article > p.info{
	font-size: 11px;
	color: #999;
}
#article > p.info > a{
	color: #999;
	border: 0px; 
}
#article > p.info > a:hover{
	color: #820000;
}

.blockarticle > .blhead {
padding: 2px 0 3px 0;
}

.blockarticle .block {overflow:visible;}
.blockarticle .block .toptxt{overflow:visible;}
#soc{height:45px; display:inline; margin: 0 0 -35px 0;}
.fblike, .vkshare {float:left;display:inline;margin:0 5px 10px 0; width:137px;}
.plusone, .twshare {float:right;display:inline;margin:0 0 10px 5px;}
.plusone {width:67px;}
.twshare {width:85px;}

.article {
	padding-top: 10px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
.article > h1, #article > h2, #article > h3, #article > h4{
	padding-top: 5px;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
.article h1{
	font-size: 16px;
	font-weight: bold;
}
.article h2{
	font-weight: bold;
}

.article > p {
margin-bottom: 8px;
}
.article a{
/* border-bottom: dashed 1px #820000; */
border-bottom: dotted 1px #820000; 
}
.article a:hover{
border: 0px; 
}


#article ul{
	list-style: none;
	padding-bottom: 5px;
}
#article ol{
	padding-bottom: 5px;
	margin-left: 25px;
}
#article ol li{
	margin-bottom: 10px;
}
#article ul li{
	padding-left: 55px;
	background: url(http://doc.osvita.ua/doc/i/garr.gif) no-repeat 40px 6px;
	margin-bottom: 10px;
}
#article ul.pages{
	padding: 0 0 12px 0;
	background: url(http://doc.osvita.ua/doc/i/dash.gif) repeat-x 0 100%;
	margin-bottom: 7px;
}
#article ul.pages li{
	padding-left: 7px;
	color: #999;
}
#article ul.pages small{
	font-weight: normal;
	font-size: 11px;
}
#article ul.nav{
	height: 25px;
}
#article ul.nav li{
	padding-left: 0;
	background: none;
	font-size: 11px;
	font-weight: bold;
	color: #b4aaaa;
	position: absolute;
}

.article ul{
	list-style: none;
	padding-bottom: 5px;
}
.article ol{
	padding-bottom: 5px;
	margin-left: 25px;
}
.article ol li{
	margin-bottom: 10px;
}
.article ul li{
	padding-left: 55px;
	background: url(http://doc.osvita.ua/doc/i/garr.gif) no-repeat 40px 6px;
	margin-bottom: 10px;
}
.article ul.pages{
	padding: 0 0 12px 0;
	background: url(http://doc.osvita.ua/doc/i/dash.gif) repeat-x 0 100%;
	margin-bottom: 7px;
}
.article ul.pages li{
	padding-left: 7px;
	color: #999;
}
.article ul.pages small{
	font-weight: normal;
	font-size: 11px;
}
.article ul.nav{
	height: 25px;
}
.article ul.nav li{
	padding-left: 0;
	background: none;
	font-size: 11px;
	font-weight: bold;
	color: #b4aaaa;
	position: absolute;
}

#article table{
	border-collapse: collapse;
	width: 100%;
}
#article table td, #article table thead th{
	border: 1px solid #b4aaaa;
	font-size: 11px;
	padding: 2px 10px;
	color: #666;
}
#article table thead td, #article table thead th{
	font-weight: bold;
	background: #EBEBEB;
	font-size: 12px;
}
#article td p{
margin:0;
padding: 0;
}
#article div.ban140 a{
border: 0px;
text-decoration: none;
}

/*
#article p{
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size: 14px;
	color: #666;
}
*/

/*  Просмотр календаря */
#article table.ktable {
/*font-family: Verdana, "Bitstream Vera Sans", sans-serif;*/
border-collapse:collapse;
border-top:1px solid #b4aaaa;
}

#article table.ktable td {
font-size: 14px;
border:0;
border-bottom:1px solid #b4aaaa;
vertical-align: top;
color: #666;
padding-bottom: 5px;
}

#article table.ktable a{
font-size: 14px;
color: #820000;
}

#article table.ktable td{
padding: 0;
padding-top: 3px;
}
table.ktable td > a{
font-size: 14px;
color: #820000;
}

table.ktable a:hover{
color: #c80000;
}
table.ktable td > a:hover{
color: #c80000;
}
table.ktable td > noindex > a{
font-size: 14px;
color: #820000;
}

table.ktable td > noindex > a:hover{
color: #c80000;
}

table.ktable th{
border-bottom:1px solid #b4aaaa;
color: #8c8282;
font-size: 12px;
font-weight: bold;
text-align:left;
padding: 0;
padding-top: 3px;
padding-bottom: 5px;
}
/*  Конец Просмотра календаря */


/* Блок TOP главные новости х600 */
.block620 {
font-family: Tahoma,Arial,sans-serif;
height:300px;
width: 619px; 
padding: 0;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 0px;
border-left: solid 1px #b4aaaa;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
}  

.topimg img{
width: 300px; 
height: 250px;
margin:0px;
margin-right:17px;
float: left;
overflow:hidden;
border: solid 1px #8c8282;
position: relative;
display: inline-block;
vertical-align: text-top;
}
#topimglit img{
width: 175px;
}

.toptxt{
width: 300px; 
height:255px; /*291px*/
font-size: 12px;
float: left;
overflow:hidden;
position: relative;
display: inline-block;
}

.toptxt a{
	color: #000;
}
.toptxt a:hover{
	color: #820000;
}
.toptxt > h1{
padding-top:10px;
padding-bottom:10px;
}
.toptxt > .kol{
vertical-align: text-top;
width: 298px; 
height:230px;
position: relative;
overflow:hidden;
display: inline-block;
/*margin-top:-5px; */
padding-bottom:5px;
margin-top:0;
}
.toptxt > .kol > h1 > a{
text-decoration: none;
color: #000;
font-size: 15px;
line-height:17px;
font-weight: bold;
}
.toptxt > .kol > h2 > a{
text-decoration: none;
color: #000;
font-size: 12px;
line-height:13px;
font-weight: bold;
}
.toptxt > .kol > h1{
padding-bottom:10px;
}
.toptxt > .kol > h2{
padding-bottom:5px;
}
.toptxt > .kol > .btxt{
font-weight: normal;
font-size: 11px;
width: 298px; 
overflow:hidden;
margin-bottom:8px;
}
.toptxt > .kol > h1 > a:hover{
text-decoration: none;
color: #820000;
}
.toptxt > .kol > h2 > a:hover{
text-decoration: none;
color: #820000;
}
.kol > .kdate{
margin-top: 1px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 5px;
}
.toptxt > .kol > .bdate{
margin-top: -2px;
}
#toptxtit{
width: 420px; 
}
#toptxtit > .kol{
width: 415px; 
}
#toptxtit > .kol > .btxt{
width: 415px; 
}
/* END TOP главные новости х600 */

/* TOP главные новости х600 подсветка */
div.kol:hover > h1 > a, div.kol:hover > h2 > a, div.kol:hover > div.btxt > a {
color: #820000;
}
div.toptxt:hover div.blink > a{
/*color: #c80000;*/
}
/* END TOP главные новости х600 подсветка */



/* Блок х300 */
.block300 {
height:284px;
width: 302px; 
margin: 0;
padding: 0;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
}  

/* Блок х300 резиновый */
.block300r{
width: 302px; 
margin: 0;
padding: 0;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
}  

.blockr {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
line-height:12px;
color: #000;
}  

.ban140x100 {
border: 1px solid #ffffff;
width:140px;
height:100px;
margin:5px 0 5px 5px;
float:left;
}

.ban140x100:hover {
border: 1px solid #c80000;
}
.grayb{
border: 1px solid #b4aaaa;
}



/* Блок х460 */
.block460 {
height:284px;
width: 462px; 
margin: 0;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
}

/* Блок х140 */
.block140 {
height:284px;
width: 142px; 
margin: 0;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
}

.h232{
margin: 0px;
height:234px;
overflow:hidden;
position: relative;
}

.h265{
margin: 0px;
height:264px;
overflow:hidden;
position: relative;
}
  
.bhead{
font-weight: bold;
line-height: 12px;
margin: 0px;
padding-left: 5px;
padding-right: 3px;
padding-bottom: 2px;
overflow: hidden;
}

.blead{
font-weight: normal;
line-height: 11px;
/*wrapper: word;*/
margin: 0px;
padding-top: 2px;
padding-left: 5px;
padding-right: 3px;
padding-bottom: 1px;
overflow: hidden;
}

.blead a, .bhead a, .ballhead a, .lb2k a, .rb2k a{
color:#000;
}

.blead a:hover, .bhead a:hover, .ballhead a:hover, .lb2k a:hover, .rb2k a:hover{
color:#820000;
}

.ballhead{
height: 230px;
line-height: 10px;
margin: 0px;
padding-top: 2px;
padding-left: 5px;
padding-right: 3px;
overflow:hidden;
}

.bdate{
line-height: 16px;
color: #8c8282;
margin: 0px;
padding-top: 2px;
padding-left: 5px;
padding-right: 3px;
}

.kdate{
line-height: 16px;
color: #c80000;
margin: 0px;
padding-left: 5px;
padding-right: 3px;
padding-bottom: 3px;
}

.blink{
font-family: Times New Roman, Times, serif;
font-size: 12px;
line-height: 16px;
padding-top: 1px;
padding-left: 5px;
padding-right: 3px;
height:15px;
width:auto;
}
.block140 .blink, .block300 .blink{
float: left;
}
.blink a{
font-family: Times New Roman, Times, serif;
font-size: 12px;
color: #820000;
}

.blink a:hover{
color: #c80000;
}

.arrow, a.arrow {
font-family: Times New Roman, Times, serif;
color: #820000;
}

.lb2k {
height:248px;
width:140px;
margin: 0px;
padding-left: 10px;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
overflow:hidden;
}

.l2k {
height:120px;
width:140px;
margin-left: -10px;
padding: 0px;
overflow:hidden;
}

.avtor strong{
line-height:15px;
font-weight: bold;
font-size: 14px;
}
.avtor p{
font-weight: bold;
font-size: 12px;
}
.rb2k {
height:233px;
width:139px;
margin: 0px;
margin-top: -3px;
padding-top: 3px;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
overflow:hidden;
/*word-wrap: normal | break-word | inherit  */
/*text-overflow: ellipsis;*/
}

.lb2k img.img140 {margin-left: -10px;}
.lb2k img.preload {margin-left: -10px;}
.lb2k p {line-height:14px; padding-top: 2px;}
.rb2k p {line-height:14px; padding-top: 2px;}


/* Блок реклама 620x100 */
.ban620x100 {
height:100px;
width: 622px; 
margin: 0;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
}

/* Блок цитата 300x100 */
.block300x100{
height: 100px;
width: 300px;
float: left;
overflow:hidden;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
}
.zitata{
height: 98px;
width: 300px; 
margin: 0;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 10px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
color: #8c8282;
font-weight: bold;
font-size: 12px;
}

.zhead{
width: 155px; 
margin-right: -5px;
line-height: 12px;
position: relative;
padding-top: 2px;
padding-left: 5px;
padding-bottom: 5px;
overflow:hidden;
font-weight: bold;
font-size: 11px;
color: #c80000;
background-color: #ebe6e6;
}

.ztxt{
width: 155px; 
height: 81px;
position: relative;
margin-right: -5px;
padding-left: 5px;
background-color: #ebe6e6;
}

.ztxt a{
font-weight: bold;
font-size: 11px;
color: #000;
}

.zitata > div.zimg{
float: right;
height: 100px;
width: 140px;
margin-left: -5px;
overflow:hidden;
position: relative;
display: inline-block;
vertical-align: text-top;
}
/* END Zitata */

/*   Paginator   */
.paginator, .cntpaginator{
width: 920px; 
color: #fff;
height:17px;
padding-top: 1px;
padding-left: 8px;
padding-right: 10px;
padding-bottom: 2px;
margin-bottom: 20px;
background-color: #c80000;
}
.cntpaginator{
width: 602px; 
}

ul.pages{
	list-style: none;
	line-height: 14px;
	color: #fff;
	font: bold 14px arial;
	margin: auto;
	text-align: center;
}
ul.pages li{
	line-height: 14px;
	display: inline;
	border-left: 1px solid #b4aaaa;
	padding: 0 4px 0 7px;
	font: bold 11px arial;
}
ul.pages li a{
	color: #b4aaaa;
}
ul.pages li a:hover{
	color: #f5e1e1;
}
ul.pages li:first-child{
border-left: solid 0px #b4aaaa;
}
ul.pages li.desc, ul.pages li.rew{
	border-left-width: 0;
	padding-left: 0;
}
ul.pages li.rew, ul.pages li.fwd{
	color: #fff;
	font: bold 11px arial;
}
ul.pages li.rew a, ul.pages li.fwd a{
	color: #fff;
	text-decoration: none;
}   
/*  END Paginator   */


/* Colors for blocks */
.block {
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
line-height:12px;
color: #000;
height:285px;
overflow:hidden;
}  

.blhead {
font-family: Tahoma, Arial, sans-serif;
height:15px;
/* width: 100%-5px; */
padding-top: 3px;
padding-bottom: 2px;
padding-left: 5px;
margin-bottom: 12px;
font-size: 11px;
font-weight: bold;
color: #fff;  
background-color: #b4aaaa;  
}  
.blhead {
padding-top: 2px !ie;
padding-bottom: 2px !ie;
}  

.blhead a{ color: #fff; }
.blhead a:hover{ color: #fff; }

.img140{
height:100px;
width:140px;
margin: 0;  
margin-bottom: 5px;
position: relative;
border: solid 1px #b4aaaa;
zoom: 1;
display: block; 
}
img.preload { 
width:140px;
height:100px;
margin: 0;  
margin-bottom: 5px;
position: relative;
border: solid 1px #b4aaaa;
zoom: 1;
display: none; 
}
.img140.vert{height:200px;}
.preload.vert{height:200px;}


/* блок white  */
.white .bhead{padding-left: 1px; padding-right: 0;}
.white .blead{padding-left:1px; padding-right: 0;}
.white .bdate{padding-left:1px; padding-right: 0;}
.white .kdate{padding-left:1px; padding-right: 0;}
.white .blink {padding-left:1px; padding-right: 0;}
.white .blhead{ color: #fff; }
.white .h280{ 
height:252px;
padding-top: 12px;
margin-top: -12px;
border: solid 1px #b4aaaa;
border-top: 0px;
}
.white > .h280 > .lb2k > a > img.img140{ 
border-left: 0px;
}

.white .ballhead{padding-left:1px; padding-right: 0;}

/* блок gray  */
.gray {background-color: #ebe6e6;}  
.gray .blhead{ 
color: #fff;  
background-color: #b4aaaa;  
}
.gray .blhead a{ 
color: #fff;  
background-color: #b4aaaa;  
}

/* блок red1  */
.red1 {background-color: #ebe6e6;}  
.red1 .blhead { 
color: #c80000; 
background-color: #ebe6e6; 
}  
.red1 .blhead  a{ 
color: #c80000; 
background-color: #ebe6e6; 
}  

/* блок red2  */
.red2 {background-color: #ebe6e6;}  
.red2 .blhead { 
color: #fff; 
background-color: #b4aaaa; 
}  
.red2 .blhead  a{ 
color: #fff; 
background-color: #b4aaaa; 
}  

/* блок red3  */
.red3 {background-color: #f5e1e1;}  
.red3 .blhead { 
color: #fff; 
background-color: #b4aaaa; 
}  
.red3 .blhead  a{ 
color: #fff; 
background-color: #b4aaaa; 
}  


/* блок red4  */
.red4 {
background-color: #fff;
}  
.red4 .blhead { 
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #fff; 
padding-top: 3px;
padding-bottom: 2px;
height:15px;
background-color: #c80000; 
}  
.red4 .blhead  a{ 
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #fff; 
background-color: #c80000; 
} 
div.red4 div.h280{ 
font-family: Times New Roman, Times, serif;
height:252px;
padding-top: 12px;
margin-top: -12px;
border: solid 1px #b4aaaa;
border-top: 0px;
}
.red4 > .h280 > .lb2k{ 
font-family: Times New Roman, Times, serif;
width: 136px;
}

.red4 div{ 
font-size: 12px;
font-family: Times New Roman, Times, serif;
}
.red4 > div > a{ 
font-size: 12px;
font-family: Times New Roman, Times, serif;
}

.h280 > ul.links{ 
font-family: Times New Roman, Times, serif;
padding: 0 5px 0 10px;
}
ul.links > li { list-style-type: none; padding: 0 0 5px 0; }
ul.links a { font-weight: bold; color: #000;}
ul.links a:hover { color: #820000;}

.red5 {
border: solid 0px #8c8282;
background-color: #ebe6e6;
}  
.red5 .blhead { 
color: #fff; 
background-color: #c80000; 
}  
.red5 .blhead  a{ 
color: #fff; 
}  

div.vip {
border: solid 1px #b4aaaa;
}  
.vip .h232{
height:232px;
}  
.vip .blhead { 
color: #fff; 
background-color: #b4aaaa; 
}  
.vip .blhead a{ 
color: #fff; 
}  
.vip img.img140{ 
border-left: 0;
border-right: 0;
}
.vip img.preload{
border-left: 0;
border-right: 0;
}

/* блок red6  */
.red6 {
background-color: #fff;
}  
.red6 .blhead { 
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #fff; 
padding-top: 3px;
padding-bottom: 2px;
height:15px;
background-color: #c80000; 
}  
.red6 .blhead  a{ 
color: #fff; 
background-color: #c80000; 
} 
div.red6 div.h280{ 
height:252px;
padding-top: 12px;
margin-top: -12px;
border: solid 1px #b4aaaa;
border-top: 0px;
}
.red6 > .h280 > .lb2k{ 
width: 136px;
}

div.block140 div.red4 div.h280{
border: solid 1px #b4aaaa;
height:251px;
}
div.block140 div.red4 img.img140, div.block140 div.red4 img.preload{
border-left: 0px;
border-right: 0px;
}

/* END Colors for blocks */



/*  block HOVER  */
.block300:hover div > a{ 
color: #820000;
}
div.other:hover a{ 
color: #000;
}
div.other a:hover{ 
color: #820000;
}
.block300:hover div.blhead > a{ 
color: #fff;
}

.block300:hover img.img140{ 
display: none;
}
.block300:hover img.preload{
display: block;
}

.block140:hover a{ 
color: #820000;
}
.block140:hover > div.block > div.blhead > a{ 
color: #fff;
}
.block140:hover div.blhead > a { 
color: #fff;
}
.block140:hover img.img140{ 
display: none;
}
.block140:hover img.preload{ 
display: block;
}
div.blink:hover > a{ /* для всех */
color: #c80000;
}

div.red6:hover a{ 
color: #000;
}
div.red6 a:hover{ 
color: #820000;
}
div.red6 .blink a{ 
color: #820000;
}
div.red6 .blink a:hover{ 
color: #c80000;
}
/*  END block HOVER  */

.h280 > .lb2k > a > img.img140{ 
border-left: 0px;
}
.h280 > .lb2k > a > img.preload{ 
border-left: 0px;
}

/* Кнопки ссылок в твиттеры маленькие  :-)  */
.share {
background-color: transparent;
padding: 0px; 
padding-right: 4px;
background-image: url("http://doc.osvita.ua/doc/i/knopki16.gif");
background-repeat: no-repeat;
background-attachment: scroll;
float: left;
cursor: pointer;
width:16px; 
height:16px;
}
#vkontakte {
background-position: 0px top;
}
#facebook {
background-position: -20px top;
}
#friendfeed {
background-position: -40px top;
}
#twitter {
background-position: -60px top;
}
#livejournal {
background-position: -80px top;
}
#su {
background-position: -100px top;
}
#yaru {
background-position: -120px top;
}
#buzz {
background-position: -140px top;
}
#blogger {
background-position: -160px top;
}
#mailru {
background-position: -180px top;
}
#livinet {
background-position: -200px top;
}
#odnokl {
background-position: -220px top;
}

#vkontakte:hover {
background-position: 0px bottom;
}
#facebook:hover {
background-position: -20px bottom;
}
#friendfeed:hover {
background-position: -40px bottom;
}
#twitter:hover {
background-position: -60px bottom;
}
#livejournal:hover {
background-position: -80px bottom;
}
#su:hover {
background-position: -100px bottom;
}
#yaru:hover {
background-position: -120px bottom;
}
#buzz:hover {
background-position: -140px bottom;
}
#blogger:hover {
background-position: -160px bottom;
}
#mailru:hover {
background-position: -180px bottom;
}
#livinet:hover {
background-position: -200px bottom;
}
#odnokl:hover {
background-position: -220px bottom;
}

/***** Красная плашка *******/
#redart{
width: 940px;
height: 200px;
padding: 0;
margin: 0 0 20px 0;
background-image: url("http://doc.osvita.ua/doc/i/horformbg.png");
/*background-image: url("http://doc.osvita.ua/doc/i/4-Podborki.png");*/
background-repeat: repeat-x;
overflow: hidden;
}
#redartlogo{
height: 200px;
width: 140px;
margin: 0;
padding: 0;
margin-left: 10px;
float: left;
}
#redarttxt{
height: 200px;
width: 480px;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
}
#redartcent {
#position: absolute; 
padding: 0;
margin-right: 20px;
width: 470px;
vertical-align: middle;
}
#redarttext {
font-size: 12px;
#position: relative; 
padding: 0 0px 0 0px;
text-align: left;
color: #fff;
}
#redarttext strong{
font-size: 13px;
font-weight: bold;
}
#redarttext a{
color: #fff;
border-bottom: dotted 1px #fff; 
}
#redarttext a:hover{
color: #fff;
border: 0px; 
}
#redartin{
color: #fff;
padding: 20px 10px;
margin-right: -20px;
height: 160px;
width: 290px;
text-align: center;
font: bold 12px arial;
float: left;
}

#redartform{
color: #fff;
border: solid 1px #fff;
margin: 0px;
padding: 5px;
background-color: #c80000;
width: 275px;
text-align: center;
}

h1.redart{
color: #fff;
font: bold 16px arial;
text-align: center;
}
#redartform a{
color: #fff;
border-bottom: dotted 1px #fff; 
}
#redartform a:hover{
color: #fff;
border: 0px; 
}

#redartbut{
color: #fff;
border: solid 1px #c80000;
margin: 5px 0;
padding: 0 5px;
background-color: #c80000;
width: 276px;
text-align: center;
}

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

/* Довідник */
.bcont > .searchr > .blhead {
width: 620px;
margin: 0px;
padding: 1px 0 3px 0;
}

.gtitle{
font-family: Tahoma, Arial, sans-serif;
width: 615px; 
color: #fff;
height:17px;
font-weight: bold;
padding-top: 3px;
padding-left: 5px;
padding-right: 0px;
margin-left: 1px;
margin-right: 20px;
margin-top: 0px;
margin-bottom: 5px;
background-color: #b4aaaa;
}

.bcont ul.gul{
border: dotted 0px #b4aaaa;
width: auto;
float:left;
padding-top: 0pt;
padding-right: 10pt;
padding-bottom: 0px;
padding-left: 0px;
}

.bcont ul.gul li{
background-color: transparent;
background-image: url("http://doc.osvita.ua/doc/i/gul.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 1px 3px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding-left: 15px;
}

.gul li a{
color: #8c8282;
}
.gul li a:hover{
color: #820000;
}

.bcont ul.glc2{width: 295px;margin-right: 10px;border: dotted 0px #ffaaaa;}
.bcont ul.glc3{width: 190px;border: dotted 0px #aaffaa;}
.bcont ul.glc4{width: 150px;margin-right: -5px;border: dotted 0px #aaaaff;}

#horvnz{
/*border: dotted 1px #000;*/
width: 940px;
height: 200px;
padding: 0;
margin: 0 0 20px 0;
background-image: url("http://doc.osvita.ua/doc/i/horformbg.png");
background-repeat: repeat-x;
overflow: hidden;
}
#horvnzlogo{
/*border: dotted 1px #00f;*/
height: 200px;
width: 140px;
margin: 0;
padding: 0;
margin-left: 10px;
background-image: url("http://doc.osvita.ua/doc/i/horformlogo.png");
background-repeat: no-repeat;
float: left;
}

#horvnztxt{
/*border: dotted 1px #0f0;*/
height: 200px;
width: 480px;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
}
#horvnzcent {
/*border: dotted 1px red;*/
#position: absolute; 
padding: 0 10px 0 0px;
width: 485px;
vertical-align: middle;
}
#horvnztext {
/*border: dotted 1px blue;*/
font-size: 12px;
#position: relative; 
padding: 0 10px 0 15px;
text-align: left;
color: #fff;
}
#horvnztext span.head{
font-size: 15px;
}
#horvnztext strong{
font-size: 13px;
font-weight: bold;
}
#horvnztext a{
color: #fff;
border-bottom: dotted 1px #fff; 
}
#horvnztext a:hover{
color: #fff;
border: 0px; 
}
#horvnztext li{
padding: 10px 0 0 0;
line-height: 11px;
}
#horvnztext span.small{
font-size: 10px;
padding: 0;
margin: 0;
color: #fff;
}

#horvnzform{
margin: 0 -20px 0 0;
padding: 8px 0 0 0;
height: 200px;
width: 295px;
float: left;
}
.horvnzsel label{
color: #fff;
margin: 0;
padding: 0;
font-size: 12px;
font-weight:bold;
}
.horvnzsel select{
margin: 2px 0 2px 0;
width: 290px;
}
#horvnzbut{text-align:center;}
#horvnzbut .button{
background-image: url("http://doc.osvita.ua/doc/i/searchb.gif");
width: 55px;
font: bold 12px arial;
}

#center > div.bcont > div.searchr{
width: 620px;
border: dotted 0px #b4aaaa;
padding: 0;
padding-bottom: 20px;
}
.bcont .glists{
padding-bottom: 10px;
}

#center > div.bcont{
padding-bottom: 10px;
}
form .string{
	width: 235px;
	height: 22px;
	border: 1px solid #ccc;
	font: bold 16px arial;
	padding: 3px 0 0 7px;
	color: #666;
}
form .button{
	width: 26px;
	height: 21px;
	background: url("http://doc.osvita.ua/doc/i/bgbutton.gif") no-repeat 0 0;
	background-position: 0px top;
	border: none;
	color: #fff;
	font: bold 11px arial;
	margin-left: 1px;
	cursor: pointer;
}
fieldset.dovidnik{
	padding: 10px;
	border: none;
} 
.dovidnik label{
	display: block;
	padding-bottom: 5px;
	font-size: 11px;
	color: #666;
}
.dovidnik select{
	width: 100%;
	margin-bottom: 10px;
}
form .dovidnik .string{
	width: 200px;
	padding: 2px;
}
form .dovidnik .button{
	width: 55px;
	background-image: url(http://doc.osvita.ua/doc/i/searchb.gif);
}

#searchr li{
	background-image: none;
	padding: 0;
	margin: 0;
	padding: 6px 0 6px 30px;
	margin: 0 0 0 0;
}
#searchr{
	border: dotted 0px #820000;
	padding: 0;
}
#searchr li div{
	position: absolute;
	width: 25px;
	margin-left: -30px;
	text-align: right;
}
#searchr li.even{
	list-style: none;
	background-color: #fff;
}
#searchr li.odd{
	list-style: none;
	background-color: #ebe6e6;
}
#searchr li a{
	font-size: 13px;
}

ul.pages{
	list-style: none;
	font-weight: bold;
	font-size: 11px;
	margin: 2px auto;
	text-align: center;
}
ul.pages li{
	display: inline;
	border-left: 1px solid #fff;
	padding: 0 4px 0 7px;
}
ul.pages li.current{
	color: #820000;
}
ul.pages li a{
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	color: #fff;
}
ul.pages li a:hover{
	color: #f5e1e1;
}
ul.pages li.desc, ul.pages li.rew{
	border-left-width: 0;
	padding-left: 0;
}
/*
ul.pages li.rew, ul.pages li.fwd{
	font-size: 20px;
}
*/
ul.pages li.rew a, ul.pages li.fwd a{
	text-decoration: none;
}


/*  SUBSCRIBE */
#subblock {
height:248px;
padding: 1px;
margin: 0;
background-color: #ebe6e6;
border: solid 1px #820000; 
}

.subheading {
padding: 0;
margin: 2px 0px 8px 5px;
font-size: 11px;
font-weight: bold;
color: #c80000;
}
.subinfo{
padding: 0;
margin: 5px 0px 8px 5px;
font-size: 11px;
color: #8c8282;
}
#subinfo{
margin: 2px 0px 8px 5px;
padding: 0;
color: #000;
font-size: 11px;
}
#subinfo p{
margin: 5px 0px;
}
#subinfo a{
color: #820000;
}
#subinfo a:hover{
color: #c80000;
}
#subform{
padding: 2px;
margin: 1px;
}
#subform input.checkbox{
padding: 1px;
}
#subform input.substring{
height:17px;
width:245px;
margin: 0px;
margin-top: 5px;
padding: 0px;
}
#subform label{
font-size: 11px;
font-weight: bold;
color: #820000;
margin-left: 4px;
position: relative;
z-index: 1;
top: -2px;
}


/*  footer  */
#footer{
padding: 3px;
height: 110px;
border: solid 1px #b4aaaa;
background-color: #ebe6e6;
/*background-image: url('http://osvita.ua/doc/i/footer.jpg'); */
}

#footer ul.menu{
font-size: 11px;
height: 11px;
}

#footer .hlink {
float: right;
margin: 10px;
padding: 0px;
padding-right: 20px;
font-weight: normal;
font-size: 11px;
line-height: normal;
}

#footer .hlink a{
color: #820000;
text-decoration: none; 
}

#footer .hlink a:hover{
color: #c80000;
}

#footer .copyleft{
float: left;
height: 50px;
width: 550px; 
margin: 10px;
margin-top: 10px;
margin-left: 18px;
padding: 0px;
font-weight: normal;
font-size: 12px;
line-height: normal;
}

#counter{
height: 80px;
width: 180px; 
margin: 5px;
margin-top: 10px;
margin-right: 18px;
padding: 0px;
float: right;
}

#counter table{
border: 0px;
table-layout: fixed;
height: 80px;
width: 180px; 
}

/* for guide view */
.pubkontakt p noindex a{
color: #820000;
}
.pubkontakt a:hover{
color:#c80000;
border: 0;
}
#gumenu{
padding-top: 20px;
padding-bottom: 2px;
width: 618px; 
height:18px;
position:relative;
border-bottom: solid 2px #c80000;
color: #8c8282;
font-weight: normal;
font-size: 11px;
line-height: normal;
}

ul.gumenu {
list-style: none;
padding-right: 5px;
padding-left: 5px;
}

ul.gumenu li {
float: left;
height: 16px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 1px; 

padding-left: 5px;
margin-left: -1px;
/*border-left: solid 1px #b4aaaa;*/
border: solid 1px #ebe6e6;
border-bottom: 0px;
}

ul.gumenu > li > a {
color: #8c8282;
}

ul.gumenu > li > a:hover{
color: #820000;
}

ul.gumenu li.current{
font-weight: bold;
background-color: #c80000; 
/*color: #c80000;*/
color: #fff;
border: solid 1px #c80000;
border-bottom: 0px;
}

ul.gumenu li.current a{
font-weight: bold;
/*color: #c80000;*/
color: #fff;
}

ul.gumenu li:first-child{
/*border-left: 0px;*/
margin-left: -5px;
padding-left: 5px;

}

#tab_fotos{
overflow:hidden;
}
#tab_fotos a{
border: 0;
}
#fotos{
border: solid 1px #b4aaaa; 
background-color: #ebe6e6; 
margin: 5px 0 5px 0; 
padding:0; 
width:600px; 
height:430px;
text-align : center;
}
#fotos img{
display: block; 
margin: auto;
}
#tab_fotos .smfotos{
border: solid 1px #b4aaaa; 
margin: 5px 11px 5px 0; 
padding:0; 
float:left; 
width:140px;
height:100px;
}


#article table.gutab {
/*font-family: Verdana, "Bitstream Vera Sans", sans-serif;*/
border-collapse:collapse;
border-top:1px solid #b4aaaa;
}

#article table.gutab td {
font-size: 12px;
border-bottom:1px solid #b4aaaa;
border-right:0;
vertical-align: top;
color: #666;
padding-bottom: 1px;
}

#article table.gutab a{
font-size: 12px;
color: #820000;
}

table.gutab td > a{
font-size: 12px;
color: #820000;
}

table.gutab a:hover{
color: #c80000;
}

table.gutab td > noindex > a{
font-size: 12px;
color: #820000;
}

table.gutab th{
color: #8c8282;
font-size: 12px;
line-height: 14px;
font-weight: bold;
text-align:left;
padding-top: 1px;
padding-bottom: 1px;
}
#article table.gutab1, #article table.gutab1 td{
border:0;
border-top:1px solid #b4aaaa;
}
#article table.gutab1 tr{
color: #c80000;
border-bottom:1px solid #b4aaaa;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 1px;
}
#article table.gutab1 td{
color: #c80000;
font-size: 12px;
font-weight: bold;
text-align: right;
vertical-align:bottom;
}
#article table.gutab2{
padding: 0;
border:0;
background-color:#ebe6e6;
}
#article table.gutab2 tr{
border-bottom: solid 1px #ffffff; 
}
#article table.gutab2 th{
padding-left:5px;
}
#article table.gutab2 td{
border:0;
text-align:center;
padding-left:5px;
}
span.gutab2td{
border:0;
text-align:center;
color:#c80000;
font-size:20px;
font-weight: bold;
}
/*  Конец Просмотра справочника */



.und_head{
width:100%; 
border-bottom: solid 2px #c80000; 
padding: 0 0 3px 0; 
margin: 15px 0 10px 0; 
font-weight: bold; 
font-size:14px; 
color:#c80000;
}

.upgray_red{
width:100%; 
border-top: solid 1px #b4aaaa; 
padding: 3px 0 3px 0; 
margin: 15px 0 10px 0; 
font-weight: bold; 
font-size:14px; 
color:#c80000;
}

.upgray{
width:100%; 
border-top: solid 1px #b4aaaa; 
padding: 3px 0 3px 0; 
margin: 15px 0 0 0; 
font-weight: bold; 
font-size: 14px; 
color: #8c8282;
}

.links_other{
padding: 0 0 5px 0; 
margin: -14px 0 10px 0;
border-bottom: solid 1px #b4aaaa; 
font-family: Times New Roman, Times, serif; 
font-size: 12px; 
}

#article .links_other a{border: 0;}

#article .links_other a:hover{border-bottom: dotted 1px #c80000;}

#article #tab_exttags ul{
padding: 0;
margin: -5px 0 10px 20px;
border: solid 0px #c80000; 
}

#article ul.gtag li{
background-color: transparent;
background-image: url("http://doc.osvita.ua/doc/i/gul.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 1px 4px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
line-height: 15px;
padding: 0 10px 5px 15px;
margin: 0;
border: dotted 0px #b4aaaa; 
}

#article ul.gtag li span.gtag_desc{
font-size: 11px;
}

/* ############################################## */
.block600 {
height: 588px;
width: 302px; 
margin: 0;
padding: 0;
float: left;
position: relative;
display: inline-block;
vertical-align: text-top;
padding-left: 8px;
margin-left: -8px;
margin-right: 16px;
margin-bottom: 20px;
border-left: solid 1px #b4aaaa;
}  
.block600 div.block{
height: 580px;
}  

/* root element for the scrollable. */
#scrollhor600 {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 286px;
	height: 525px;
	margin: 0 2px;

	/* custom decorations */
	border:0;
}

/*	root element for scrollable items (absolutely positioned and extremely large width) */
#scrollhor600 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#scrollhor300 {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 286px;
	height: 222px;
	margin: 0 2px;

	/* custom decorations */
	border:0;
}
#scrollhor300 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* root element for scrollable */
#chained {
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollables have typically larger height than width but not now */
	margin: 0 2px;
	padding: 0;
	height: 222px;
	width: 286px;
}
#chained .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.items div.hitem {
	float:left;
	height:520px;
	width:284px;
	margin:0;
	padding:0;
}
/* single scrollable item */
.items div.hitem.vert {
	float:left;
	height:219px;
	width:284px;
	margin:0;
	padding:0;
}

.item {
	margin:1px 0 -2px 0;
	padding:3px 5px 3px 5px;
	border-top:1px solid #b4aaaa;
	border-bottom:1px solid #b4aaaa;
	height:58px;
	width:278px;
}

#chained .item {
	height:66px;
	width:276px;
}

.item a.priority{
	color:#820000;
}
.item a.priority:hover{
	color:#c80000;
}
span.priority{
	color:#c80000;
}
div.item.first{
	border-top:1px solid #c80000;
}

/* active item */
#scrollhor600 .active {
	position:relative;
	cursor:default;
}

div.item:hover, div.item a:hover  {
	background-Color:#f5f0f0;
	color:#820000;
}

/* the action buttons above the scrollable float:none; display:block-inline;*/
#actions {
	width:288px;
	margin:-10px 0 5px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#820000;
}
.active {
	background-Color:#f0f0ff;
	color:#f66;
	visibility:visible;		
}
.next {
	text-align:right;
	float:right;
}	
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* ----- apple_overlay the overlayed element ----- */
.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://doc.osvita.ua/doc/i/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/

	width:400px;		
	
	/* some padding to layout nested elements nicely  */
	padding:50px;

	/* a little styling */	
	font-size:12px;
}

/* хак для FF */
@-moz-document url-prefix(){
.apple_overlay{
	background-image: url(http://doc.osvita.ua/doc/i/spacer.gif);
	-moz-box-shadow: 0 0 70px 5px #000000;
	background-color:#ffffff;
}
}
/* стиль только для FF 4+ */
:-moz-any(x), .apple_overlay{
	-moz-box-shadow: none;
	background: none;
	background-image: url(http://doc.osvita.ua/doc/i/white.png);
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image: url(http://doc.osvita.ua/doc/i/close.png);
	position: absolute; right:5px; top:5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}
div.apple_overlay.black {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
	color:#fff;
}
div.apple_overlay.black a {
	color:#fff;
}
/* ------------------------------------- */
div.lines{
font-size: 11px;
margin: 0;
padding: 5px 0 10px 0;
border-top:solid 1px #b4aaaa;
}
div.lines a{
color: #000;
}
div.lines a:hover{
cursor:pointer;
color: #820000;
}
div.lines .lhead{
font-size: 12px;
font-weight: bold; 
}
div.ltxt{
padding: 5px 0 0 0;
}
span.ltxt a{
color:#820000; 
border-bottom: dotted 1px #820000; 
}
span.ltxt a:hover{
color:#c80000; 
border: 0px; 
}
span.ldate{
color: #b4aaaa;
padding: 0;
}