﻿html,body,div,span,applet,object,iframe,h1,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,fieldset,form,label,legend,caption,tfoot,thead {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}
table {border-collapse:collapse;border-spacing:0;}

/* Main Layout */
html {height:100%;margin-bottom:1px;}
body {font:62.5%/1.2 Verdana, Geneva, sans-serif, sans-serif;color:#000;}
h1,h2,h3,h4,.componentheading,legend {margin:0px 0px 10px 0px; }
h1,.componentheading {}
h2,legend { font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif ; font-weight:normal; color:#0b5ffa; font-size:20px; line-height: normal; }
h3 {}
h4 {}
a {color:#007EBA;text-decoration:none;font-weight: normal; font-size:100%}
h2 a {font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif ; font-size:20px;  color:#0b5ffa ;text-decoration:none;font-weight: normal; line-height:20px;   }
a:hover {text-decoration:underline;}

.border {border:1px solid #000}
.border  tr td{border:1px solid #000; padding:10px}


div.read_online span a{
	color: #fff;
	background: #3C6CD3;
	padding: 9px;
	font-size: 16px;
	font-family: Arial;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

div.read_online span a:hover{
	background: #5B90CA;
	text-decoration:none;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	
}

#system-message  dd.message ul li {
	list-style: none;
	color: #003DFF;
	font-weight: bold;
}

#system-message  .error.message ul li { color: #F00; font-weight: bold;}

.items-leading, .items-row {/*display: inline-block;*/}

.items-leading {display: inline-block;}

div.component-pad ul li { list-style:  circle;}
div.component-pad ul ul li { list-style:   disc;}
p {margin-top:0px;margin-bottom:10px;}

.red {color:#F33; font-size:16px; font-family:"Comic Sans MS", cursive;}
.blue { color: #06F;}

#main {font-size:1.3em;line-height:140%; background:#8dd9fc;   }
.background {position:  relative; overflow:hidden; display:block; width:100%; }
#bg_main {background:url(../images/top_bg.jpg)  repeat-x left top; position: inherit; overflow:visible;  }
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main2 { margin-top:-15px; margin-left:0px;  width:1000px;  background:url(../images/main_bg.jpg)  repeat-y  left top ;    }
#main-content { margin-top:0px;   }
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol { position:relative;} 
#wrapper {position: relative; width:1000px; margin: 0 auto; }
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%; }
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0; width:200px}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative; width:245px;}
.x-c-s #colright {float:left;position:relative;right:100%;width:100%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background:#eee;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, body {/*background:#fff;*/}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}
#bg_bottom { position:  relative; overflow:hidden; background:url(../images/bottom_bg.jpg) center top   no-repeat; height:30px; width:1000px;}

/*blog*/
div.item { margin: 20px 0 0}
.column-1, .column-2{/*display: table-cell;*/ }

/*mgbt*/
.blogmgbv  .column-1, .blogmgbv .column-2{width: 100%;}
.blogmgbv h2 a{color:#E02828;}
.mgbt_text h3 {color:#E02828;}
.mgbt_intro.ussr {background: #E02828 url(/images/mgbv/s_i_m7.png) no-repeat bottom right;padding: 10px; margin-right: 10px; min-height: 220px;min-width: 325px;  border: 5px solid #E02828;}
.mgbt_intro.ussr .mgbt_text h3 {color:#FFF;}
.mgbt_img{display: table-cell; vertical-align: top;}
.mgbt_text{display: table-cell; vertical-align: top;  line-height: 1.5em;}
.blogmgbv div#rmore a {/*display:none;*/}
.mgbt_intro {background: #FFF url(/images/mgbv/s_i_m66.png) no-repeat bottom right;padding: 10px; margin-right: 10px; min-height: 220px;min-width: 325px;   border: 5px solid #E02828;}

.blogmgbv div#rmore a { background :none ;text-indent: 0; width: inherit; display: block; color:#E02828}

.module.mleft.mgbv{background: #D21010;}
.module.mleft.mgbv>div{background: none;}
/*Separator*/
div.item-separator {visibility:hidden; display:none;  position: relative; left: 50%;  margin-left: -100px;}
div.item-separator img { visibility:hidden;}

/* Header */
#logo {width:500px;height:90px; display:block;margin:100px 180px;}
#header {overflow:  hidden;}
#header1 { overflow:  hidden; width:1000px;; height:343px; margin-left:0px;  background:url(../images/header2025_2.jpg)  center top no-repeat ; position:inherit; }
#rt-l h1 {position: absolute; top: 0px; left: -5000px;}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav {height:34px;z-index:1;position:relative; margin-top:-20px; margin-left:-30px}
#nav ul {margin:0 0 0 120px;}
#nav li {list-style:none;float:left;padding-left:3px; width:168px; height:34px;position:relative; }
#nav li a {display:block; text-align:center; padding-left:0px; padding-top:14px;    color:#fff; font-weight:bold;  width:162px; height:35px;  }
#nav li ul li a { font-family:  Verdana, Geneva, sans-serif; font-size:13px; font-weight:  normal; color:#F00;}

#nav li.item-153  {background:url(../images/but1.png) no-repeat center top; width:165px; height:49px;}
#nav li.item-102  {background:url(../images/but2.png) no-repeat center top; width:165px; height:49px;}
#nav li.item-102 ul { width:250px;  background:cd34e0; }
#nav li.item-102 ul li  { width:250px; height:30px; margin-left:-40px;  }
#nav li.item-102 ul li a  {background:#cd34e0; color:#FFF;  width:270px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.item-102 ul li a:hover  {background:#990abc;  width:270px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.item-104  {background:url(../images/but3.png) no-repeat center top; width:165px; height:49px;}
#nav li.item-104 ul { background:#2c90e9; }
#nav li.item-104 ul li  { width:250px; height:30px; margin-left:-40px;  }
#nav li.item-104 ul li a  {background:#2c90e9; color:#FFF;  width:240px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.item-104 ul li a:hover  {background:#0179c5;  width:240px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.item-105  {background:url(../images/but4.png) no-repeat center top; width:165px; height:49px;}
#nav li.item-105 ul { background:#65ce45; }
#nav li.item-105 ul li  { width:250px; height:30px; margin-left:-40px;  }
#nav li.item-105 ul li a  {background:#65ce45; color:#FFF; width:240px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.item-105 ul li a:hover  {background:#47a91b;  width:240px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.item-106  {background:url(../images/but5.png) no-repeat center top; width:165px; height:49px; }
#nav li.item-106 ul { background:#e9822c; width:125px;   }
#nav li.item-106 ul li  { width:200px; height:30px; margin-left:-130px; }
#nav li.item-106 ul li a  {background:#e9822c; color:#FFF; width:240px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.item-106 ul li a:hover  {background:#c54a01;  width:240px; height:30px;  padding-top:0px; text-align:left; padding-left:15px }
#nav li.active a {color:#fff; text-decoration:underline; width:162px; height:35px;}
#nav li.active li a {color:#fff; text-decoration:none;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {color:  #fff; }
#nav li ul a:hover { text-decoration:none; color:#fff;}
#nav li ul {position:absolute; width:170px;left:-999em;margin-left:-1px; border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff; color:#fff;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

/* Showcase */
#showcase {margin:3px 0 8px 0;position:relative;color:#000;}
#showcase .background {position:absolute;width:100%;height:130px;background:url(../images/light.png) 0 -514px repeat-x;}
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:25px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#d03100;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#d03100;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}

/* Content styles */
div#main-content .component-pad div.item-page h2 { text-align:center}
dl.article-info dd.create { color: #aeaeae; margin-top:-5px;}
div.blog h1 { font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif ; font-size:20px;  color:#0b5ffa ;text-decoration:none;font-weight: normal;}
div.component-pad div.item-page h2 {font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif ; font-size:26px;  color:#0b5ffa ;text-decoration:none;font-weight: normal; }

.component-pad .blog h2  { text-align:center; color: #990abc}
div.component-pad div.blog div.items-leading h2,
div.component-pad div.blog div.item h2 {text-align:left; font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif ; font-weight:normal; color:#0b5ffa; font-size:20px;}
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light.png) -57px -366px;}
.buttonheading .print {background:url(../images/light.png) -21px -366px;}
.buttonheading .email {background:url(../images/light.png) -39px -366px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}
div.breadcrumbs {font-size: 12px;font-weight:bold;margin:0 10px 0 0;padding:7px 15px 5px;color:#777;}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding-top:0px; padding-left: 0px; padding-bottom:0px; padding-right: 20px; width:97%; margin-top:20px; }
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
/*#colmask ul li {list-style:circle;}
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:square;}*/
.item-page,
.category-list {position: relative;}
#colmask .component-pad .actions {position: absolute;right: 0;top: 0;margin: 20px 20px;}
.category-list .hasTip {position:absolute;right:19px;top:2px}
.category-list .actions .hasTip {position:static}
.item-page fieldset {margin-bottom:3em}
.mceEditor {display: block;margin:1em 0}
.formelm {margin-bottom:0.6em}
.button2-left {float:left;margin-right:1em}
#colmask .component-pad .actions li,
#colmask .pagenav li,
#colmask .pagination li {list-style: none;display:inline}
.pagenav {text-align: center; visibility:hidden;}
div.blog-featured { margin-top:20px;}
.blog-featured .cols-3 .item {display: inline-block;width: 48%;vertical-align: top;}
.blog-featured .cols-3 .item:nth-child(2n+1) {margin-right: 3%;}
.article-count,table.category th,.pagenavcounter {font-style: normal ;}
.readmore { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:16px; text-align:left;}
table.category td,table.category th {padding-right: 20px;}
table.category th a {font-weight: normal;}
.image-left,
img[align="left"] {float: left;margin-right: 10px;}

div#main2 div.component-pad img { margin:0px; }
div#main2 div.component-pad p img, div#main2 div.component-pad div img  {margin-right: 10px; margin-bottom:5px; border: 0; }
.article-count {padding-bottom: 1em;}
.article-count dt,
.article-count dd,
.contact-address address,
#form-login-remember label {display: inline;}
table.category th a img {margin-left: 5px;}
.login-fields,
.display-limit,
.reset,
form dd {margin-bottom: 10px;}
.login-fields label,.item-page label {display: block;}
legend {padding-bottom: 1em;}
.colpad h2.contentheading {padding-right:65px;}
.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}

/*Readmore*/
div#rmore {height: 49px;}
div#rmore a {display:block; float: right; background  : transparent url(../images/r_more.jpg) no-repeat 0 0; text-indent:-9999px; width:197px; height: 49px; cursor:pointer; }
div#rmore a:hover { background-position:-193px 0;
}


/* Modules */
div#col2 .module {  width:245px;}
div#col2 .module {  width:245px;}
div#col2 .mleft .module-title {font-size:16px;margin:0;padding:10px 70px 5px;  color:#fff; font-family:"Comic Sans MS", cursive; font-weight:normal}
div#col2 .mleft .module-body ul.menu li, div#col2 .mleft .module-body ul li {padding-bottom: 8px}
div#col2 .mleft .module-body ul.menu li a {font-size: 13px;text-shadow: none;  text-decoration: none;
-webkit-transition: text-shadow 0.3s ease;
-moz-transition: text-shadow 0.3s ease;
-o-transition: text-shadow 0.3s ease;
transition: text-shadow 0.3s ease;}
div#col2 .mleft .module-body ul.menu li a:hover {font-size: 13px; text-shadow: 1px 1px 3px #02020F; text-decoration: none;
-webkit-transition: text-shadow 0.3s ease;
-moz-transition: text-shadow 0.3s ease;
-o-transition: text-shadow 0.3s ease;
transition: text-shadow 0.3s ease;}

/*Left*/
div#col2 .module  {  width:245px; margin-left:20px ; }
div#col2 .mleft { float:left;  width:245px; margin-left:0px;  }
.mleft .module-top {background:url(../images/menu_top.png) no-repeat center top; width:255px; height:45px; margin-left:-4px;}
.mleft .module-body {padding:10px 15px 5px; margin:0; background:url(../images/menu_middle.png) left top repeat-y;  }
.mleft .module-bottom { background:url(../images/menu_bottom.png) top left; height:23px;}

/*vs*/

div#col2 .mvs { float:left;  width:245px; margin-left:0px; margin-top:10px;  }
.mvs .module-top {background:url(../images/menu_top_vs.png) no-repeat center top; width:255px; height:45px; margin-left:-4px;}
.mvs .module-top h3.module-title {font-size:14px;margin:0; padding:13px 55px 5px; color:#1c4de9; font-family:"Comic Sans MS", cursive; font-weight: 400; }
.mvs .module-body {padding:10px 0px 5px; margin:0; background:url(../images/menu_middle_vs.png) left top repeat-y;  }
.mvs .module-body ul.menu { list-style:none; padding-left:30px }
.mvs .module-body ul.menu a {olor:#1c4de9; font-family:"Comic Sans MS", cursive; font-size:16px; font-weight:normal; }
.mvs .module-bottom { background:url(../images/menu_bottom_vs.png) top left; height:23px;}
/*Right*/
div#col3 { width:200px; }
div#col3 .module {  width:200px;}
div#col3 .module-title { color:#000; font-size:16px;margin:0;padding:0px 3px 0px; margin-top:10px;  font-family:"Comic Sans MS", cursive; font-weight:normal}
.mright { float: right;  width:200px; margin-left:0px ;  }

/*main menu*/
ul#mainmenu  li , .module ul  li{ list-style-type:none}
ul#mainmenu  li ul li  { list-style-type: disc; color:#FFF; margin-left:3px;}
ul#mainmenu li a  { font-family:"Comic Sans MS", cursive; letter-spacing:0px; font-size:16px; font-weight:normal}

/*other menu*/
ul.menu  li { list-style-type:none}
.module ul.menu  li a {font-size: 14px}
/*top menu*/

div#col2 div.mleft div.module-body ul li a{ color:#FFF;}
div#col2 div.mleft div.module-body ul  { padding-left:13px;}
.color1 .module-body {}
.color2 .module-body {}
#colmask .m_menu {background:#cf2700;color:#fff;}
#colmask .m_menu .module-title {color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #d64110;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

/* Footer */
#footer {background:#f7f7f7;border-top:1px solid #fff;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#logo2 {}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}

div#bottom_main { height:185px; background: url(../images/bottom_main.jpg ) repeat-x}
div#bottom_end { height:185px; width:100%; background: url(../images/bottom.jpg ) no-repeat center;    }
div#count {  height:40px; width:53%;  padding-top:90px; position: inherit  }
#copyright {  height:20px;  text-align:center; color:#FFF   }
/*Count */

#tablecount{ width:190px; float:right; margin-right:-100px;}
 #tablecount tr td  { width:88px; height:40px;}
/*calendar      */

/*vitvistavka*/
div.module-body ul#mainmenu li.item-150 ul li { visibility:hidden; display:none;}


/* virtual exhibition of books (Jurnal) */
div#virt_1 a {width: 656px;height: 131px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/jur/jur.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #19C7D6 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_1 a:hover {background-position: -656px 0;
}
/*slider*/

.cn_photos1 {
	margin-bottom: 30px;
}








/* virtual exhibition of books (kakim bit? kakim zit?) */
div#virt_2 a {width: 656px;height: 131px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/kakim_bit_kakim_zit_123.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #19C7D6 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_2 a:hover {background-position: -656px 0;
}

/*slider*/

.cn_photos2 {
	margin-bottom: 30px;
}

/* virtual exhibition of books (listaet veter letopis vremen) */
div#virt_3 a {width: 656px;height: 140px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/listaet_veter_letopis_vremen_21.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #91BD05 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_3 a:hover {background-position: -656px 0;
}

/* virtual exhibition of books (skazochnik pokorivshi detskie serdca) */
div#virt_4 a {width: 656px;height: 140px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/skazochnik_pokorivshi_detskie_serdca_12.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #E47209 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_4 a:hover {background-position: -656px 0;
}

/* virtual exhibition of books (knigi ubilary 2013 goda) */
div#virt_5 a {width: 656px;height: 140px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/knigi_ubilary_2013_goda_12.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #E238B9 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_5 a:hover {background-position: -656px 0;}

/* virtual exhibition of books (rebata s nashego dvora) */
div#virt_6 a {width: 656px;height: 140px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/rebata_s_nashego_dvora.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #1B75B1 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_6 a:hover {background-position: -656px 0;}

/* virtual exhibition of books (etot ydivitelni mir prirodi) */
div#virt_7 a {width: 656px;height: 140px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/etot_ydivitelni_mir_prirodi.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #9DA29D solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_7 a:hover {background-position: -656px 0;}

/* virtual exhibition of books (pro zelenie lesa i lesnie chudesa) */
div#virt_8 a {width: 656px;height: 140px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/pro_zelenie_lesa_i_lesnie_chudesa.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #118123 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_8 a:hover {background-position: -656px 0;}

/*portfel*/
div#portfel a  { background:url('http://cdb.kansklib.ru/images/banners/portfel.jpg') no-repeat; width:400px; height:214px; display:block; text-indent:-9999px;
}
div#portfel a:hover {background-position: -200px 0;
}

/*bibleto*/
 ul.bibleto li {
 	font-size: 18px;
 	font-family:'Comic Sans MS';
 	padding-bottom: 20px;
 }
 div.bibleto2 {
 	border: 10px #16B80F solid;
 	border-radius: 20px 20px 20px 20px;
 	padding-left: 5px;
 	width: 490px;
 }

/* konkyrsi i viktorini (v cvetochnom gorode givyt geroi) */
div#kon_1 a {width: 218px;height: 210px;background-image: url('http://cdb.kansklib.ru/images/v_cvetochnom_gorode_givyt_geroi/pismo.jpg');display: block;text-decoration: none; text-indent:-9999px;}

div#kon_1 a:hover {background-position: -218px 0;}

/*AKciya*/
div.akciya{
    position: relative;
    width: 300px;
    height: 200px;
    margin: 50px;
    color: #fff;
    background: #333;
}

div.akciya:before, div.akciya:after{
    content:'';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #333;
    border-radius: 10px;
    z-index: -1;
}

div.akciya:before{
    left: -20px;
    -webkit-transform: skewX(5deg);
    -moz-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
}

div.akciya:after{
    right: -20px;
    -webkit-transform: skewX(-3deg);
    -moz-transform: skewX(5deg);
    -o-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    transform: skewX(5deg);
}

/* virtual exhibition of books (knizni gorod nikolaia nosova) */
div#virt_9 a {width: 656px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/knizni_gorod_nikolaia_nosova.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #FFB800 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_9 a:hover {background-position: -656px 0;}

/* virtual exhibition of books (Arhive) */
div#virt_arhive a {width: 680px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/arhive.jpg');display: block;text-decoration: none; text-indent:-9999px;
/*border: 4px #A59024 solid;*/
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}



/* virtual exhibition of books (Knigi ubilary 2014) */
div#virt_10 a {width: 656px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/ubilary2014.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #F1720E solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_10 a:hover {background-position: -656px 0;}

/* afisha meropriyatiy */
.Table1 {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}.Table1 table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.Table1 tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}
.Table1 table tr:first-child td:first-child {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
.Table1 table tr:first-child td:last-child {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	
}.Table1 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}.Table1 tr:hover td{
	background-color: #E1F7FF;
		

}
.Table1 td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #ffffff;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:16px;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	color: #000;
}.Table1 tr:last-child td{
	border-width:0px 1px 0px 0px;
}.Table1 tr td:last-child{
	border-width:0px 0px 1px 0px;
}.Table1 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.Table1 tr:first-child td{
		background:-o-linear-gradient(bottom, #0085FF 5%, #FFFFFF 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0085FF), color-stop(1, #FFFFFF) );
	background:-moz-linear-gradient( center top, #0085FF 5%, #FFFFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0085FF", endColorstr="#FFFFFF");	background: -o-linear-gradient(top,#0085FF,#FFFFFF);

	background-color:#0085FF;
	border:0px solid #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:20px;
	font-family:Comic Sans MS;
	color: #000000;
}
.Table1 tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #0085FF 5%, #FFFFFF 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0085FF), color-stop(1, #FFFFFF) );
	background:-moz-linear-gradient( center top, #0085FF 5%, #FFFFFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0085FF", endColorstr="#FFFFFF");	background: -o-linear-gradient(top,#0085FF,#FFFFFF);

	background-color:#0085FF;
}
.Table1 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.Table1 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.text1 {font-size:22px; color:#F00; font-family:'Comic Sans MS', cursive;}
.text2 {font-size:18px; font-family:'Comic Sans MS', cursive;}
.text3 {font-size:15px; font-family:'Comic Sans MS', cursive; line-height:18pt}
.text4 {font-size:18px; color:#F00; font-family:'Comic Sans MS', cursive;}


/* virt vist izum*/
a#virt_izum {width: 680px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virt_vistavka/izumrud/izumrud_banner6.jpg');display: block;text-decoration: none; text-indent:-9999px;
margin: 0 0 5px 0}

a#virt_izum:hover {background-position: -680px 0;}

/* virtual exhibition of books (Voina kakoi ona bila) */
div#virt_11 a {width: 656px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/vov_1.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #A51212 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_11 a:hover {background-position: -656px 0;}

/* virtual exhibition of books (volshebny mir tyve yanson) */
div#virt_12 a {width: 656px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/yanson_1.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #1B97C7 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_12 a:hover {background-position: -656px 0;}

/* virtual exhibition of books (miatezny geniy) */
div#virt_13 a {width: 656px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/miatezni_geniy.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #F5D80B solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_13 a:hover {background-position: -656px 0;}

/* virtual exhibition of books (otmechaet kniga ubiley 2015) */
div#virt_14 a {width: 656px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/otmechaet_kniga_yubiley_2015.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #2D8BA6 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

div#virt_14 a:hover {background-position: -656px 0;}


/* virtual exhibition of books (otmechaet kniga ubiley 2015) */
div#virt_15 a {width: 656px;height: 170px;background-image: url('http://cdb.kansklib.ru/images/virtyalnaia_vistavka/po_lesn.jpg');display: block;text-decoration: none; text-indent:-9999px;
border: 4px #2D8BA6 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;}

/*div#virt_15 a:hover {background-position: -656px 0;}*/


/*nashy gryppy*/
.soc img {
  -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
       -o-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
          transition: all 500ms ease;
}

.soc img:hover {
  -webkit-filter: opacity(60%); 
}

.plan_spring table {border: 1px solid #238BE1;}
.plan_spring  tr td{padding: 5px;}
.plan_spring  tr:nth-child(odd) {background-color: #fff;/* фон нечетных строк */}
.plan_spring  tr:nth-child(even) {background-color: #DBE9F2;/* фон четных строк */}
.plan_spring  tr:nth-child(1), .plan_spring  tr:nth-child(8), .plan_spring  tr:nth-child(17), .plan_spring  tr:nth-child(21), .plan_spring  tr:nth-child(25)  {background-color: #BBE0FF;}

.slabovid {background: #fff;width: 182px;height: 122px; margin: 5px 0 15px 2px;;border-radius: 10px;border: 3px solid #000;}

.slabovid .cont img{display: block;margin: 0 0 0 35px;}
.slabovid .cont  {padding:5px; text-align: center;}
.slabovid .cont span {margin: 0px 0px 0 5px; font-size: 17px; color: #000;}

/*leto*/

.ch_konkurs {color: #DB2008;font-size: 16px;}
.ch_month {font-family: "Comic Sans MS", cursive;font-size: 28px; color: #C02AD8;}

.vistavka_img{display: inline-block;vertical-align: top;}
.vistavka_txt{display: inline-block;width: 450px;vertical-align: top;}



