

/* Start:/bitrix/templates/books_copy/components/bitrix/menu/horizontal_multilevel/style.css?17486882984499*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	background:none url(/bitrix/templates/books_copy/components/bitrix/menu/horizontal_multilevel/images/header_menu_bg.gif) repeat-x;
	min-height:27px;
	width:100%;
	list-style:none;
	font-family: "Bebas Neue";
	font-size:15px;
	float:center;
	/*font-size:90%*/
}

#horizontal-multilevel-menu
{
	
}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	float:left;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#ffff;
	font-weight:normal;
	padding:5px 4px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	background:none;
	color:#fc8d3d;
	font-weight:bold;
	padding:5px 3px;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	background:none;
	color:#fc8d3d;
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/bitrix/templates/books_copy/components/bitrix/menu/horizontal_multilevel/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/bitrix/templates/books_copy/components/bitrix/menu/horizontal_multilevel/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	background:none;
	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#D6D6D6;
	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:135px;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li 
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	font-weight:bold;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}
/* End */


/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1553012007448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/books_copy/components/bitrix/menu/menu_page/style.css?17488532983611*/
/**Top menu**/
#menu_page,#menu_page ul
{
	margin:0 0 0 0; padding:0;
	margin-left: auto;
	margin-right: auto;
	background:none url(/bitrix/templates/books_copy/components/bitrix/menu/menu_page/images/header_menu_bg.gif) repeat-x;
	min-height:27px;
	width:100%;
	max-width:1400px;
	list-style:none;
	font-family: "Bebas Neue";
	font-size:18px;
	float:center;
	/*font-size:90%*/
}

#menu_page
{

}

/*Links*/
#menu_page a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#menu_page li 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	float:left;
}

/*Root items*/
#menu_page li a.root-item
{
	color:#ffff;
	font-weight:normal;
	padding:5px 10px;
}

/*Root menu selected*/
#menu_page li a.root-item-selected
{
	background:none;
	color:#fc8d3d;
	font-weight:bold;
	padding:5px 3px;
}

/*Root items: hover*/
#menu_page li:hover a.root-item, #menu_page li.jshover a.root-item
{
	background:none;
	color:#fc8d3d;
}

/*Item-parents*/
#menu_page a.parent
{
	background: url(/bitrix/templates/books_copy/components/bitrix/menu/menu_page/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#menu_page a.denied
{
	background: url(/bitrix/templates/books_copy/components/bitrix/menu/menu_page/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#menu_page li:hover, #menu_page li.jshover
{
	background:none;
	color:#fff;
}

/*Child-items selected*/
#menu_page li.item-selected
{
	background:#D6D6D6;
	color:#fff;
}

/*Sub-menu box*/
#menu_page li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;
	height:auto;
	/*width:12em;*/
	width:135px;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
#menu_page li li 
{
	width:100%;
	align:center;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#menu_page li ul a
{
	text-align:left;
}

/*Items text color & size */
#menu_page li a,
#menu_page li:hover li a,
#menu_page li.jshover li a,
#menu_page li:hover li:hover li a,
#menu_page li.jshover li.jshover li a,
#menu_page li:hover li:hover li:hover li a,
#menu_page li.jshover li.jshover li.jshover li a,
#menu_page li:hover li:hover li:hover li:hover li a,
#menu_page li.jshover li.jshover li.jshover li.jshover li a,
#menu_page li:hover li:hover li:hover li:hover li:hover li a,
#menu_page li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	font-weight:bold;
}

/*Items text color & size: hover*/
#menu_page li:hover li:hover a,
#menu_page li.jshover li.jshover a,
#menu_page li:hover li:hover li:hover a,
#menu_page li.jshover li.jshover li.jshover a,
#menu_page li:hover li:hover li:hover li:hover a,
#menu_page li.jshover li.jshover li.jshover li.jshover a
#menu_page li:hover li:hover li:hover li:hover li:hover a,
#menu_page li.jshover li.jshover li.jshover li.jshover li.jshover a
#menu_page li:hover li:hover li:hover li:hover li:hover li:hover a,
#menu_page li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#menu_page li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#menu_page li:hover ul ul,
#menu_page li.jshover ul ul,
#menu_page li:hover ul ul ul,
#menu_page li.jshover ul ul ul,
#menu_page li:hover ul ul ul ul,
#menu_page li.jshover ul ul ul ul,
#menu_page li:hover ul ul ul ul ul,
#menu_page li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#menu_page li:hover ul,
#menu_page li.jshover ul,
#menu_page li li:hover ul,
#menu_page li li.jshover ul,
#menu_page li li li:hover ul,
#menu_page li li li.jshover ul,
#menu_page li li li li:hover ul,
#menu_page li li li li.jshover ul,
#menu_page li li li li li:hover ul,
#menu_page li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}

/* End */


/* Start:/bitrix/templates/books_copy/styles.css?17488724097158*/
.txtcont {
  text-align:left;
  color:#fff;
}

.mylink:link {
color:red; font-size:12pt;
} 

.mylink {
color:red; font-size:12pt;
} 

.mylink:hover {
color:red; font-size:16pt;
} 

.mylink:active {
color:red; font-size:16pt;
} 

.mylink:visited {
color:red; font-size:16pt;
}


.grid * {
    box-sizing: border-box;
}
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    column-gap: 30px;
    row-gap: 30px;
    padding: 20px 0;
}
.grid-item {
    box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);
    transition: box-shadow .3s;
    width: 100%;
    height: 100%;  
    border-radius: 8px;
    overflow: hidden;
    font-family: Bebas Neue;
  background-color: #fff;
}
.grid-item .image {
    height: 200px;
    overflow: hidden;
}
.grid-item .info {
    position: relative;
    height: calc(100% - 200px);
    padding: 16px 14px 70px 14px;
}
.grid-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
.grid-item .image img  {
      transition: transform 280ms ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;    
}
.grid-item:hover .image img  {
    transform: scale(1.1);
}
.info h2 {
    color: #337AB7;
    font-size: 16px;
    font-weight: bold;
    margin: -15 0 -10 0;
    text-align: left;
}
.info-text p {
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: left;
    color: black;
}
.info-text p:last-child {
    margin-bottom: 0;
}
.grid-item .button-wrap {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 14px;
    left: 0;
    text-align: center;
}
/* Кнопка подробнее */
.atuin-btn {
    display: inline-flex;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 30px;
    color: #337AB7;
    font-weight: bold;
    text-transform: uppercase;
    background: #FFF;
    cursor: pointer; 
    border: 2px solid #BFE2FF;
    border-radius: 8px;    
}
.atuin-btn:link {
    color: #337AB7;
}
.atuin-btn:visited {
    color:#337AB7;
}
.atuin-btn:hover {
    color: #337AB7f;
}
.atuin-btn:active {
    color: #337AB7;
}
.atuin-btn:focus {
    color: #337AB7;
}
.atuin-btn:after,
.atuin-btn:before {
    position: absolute;
    color: #FFF;
    height: 4px;
    left: 50%;
    background: #337AB7;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.atuin-btn:before {
    top: -6px;
}
.atuin-btn:hover:after,
.atuin-btn:hover:before,
.atuin-btn:active:after,
.atuin-btn:active:before,
.atuin-btn:focus:after,
.atuin-btn:focus:before {
    width: 100%;
    left: 0;
}





















.limiter {
  max-height: 900px;
  width: 100%;
  overflow: hidden;
  position: relative ;  /* relative */
}
.limiter .bottom {
  position: block; /* Если прыгает - можно попробовать sticky    absolute*/
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgb(255 255 255 / 0%), 
    rgb(255, 255, 255) 100%);
  width: 100%;
  height: 190px;
  opacity: 1;
  transition: 0.3s;
}
.read-more-checker {
  opacity: 0;
  position: absolute; /* absolute; */
}
.read-more-checker:checked ~ .limiter {
  max-height: none;
  width: 100%;

}
.read-more-checker:checked ~ .limiter .bottom {
  opacity: 0;
  transition: 0.3s;
}
.read-more-checker ~ .read-more-button:before {
  margin:0px 0px 0px 0px;
  cursor: pointer;
  font-family:Bebas Neue;
  font-size:22px;
  padding: 10px 0px 0px 20px;
  display: inline-block; /* inline-block; */
  position: sticky;
  color: #486DAA;   /* #486DAA */
  text-decoration: none;
  content: "Развернуть";
}
.read-more-checker:checked ~ .read-more-button:before {
  margin:0px 0px 0px 0px;
  cursor: pointer;
  font-family:Bebas Neue;
  font-size:22px;
  padding: 10px 0px 0px 20px;
  display: inline-block; /* inline-block; */
  position: sticky;
  color: #486DAA;   /* #486DAA */
  text-decoration: none;
  content: "Свернуть";
}





@media screen and (min-width:1400px) {
    .limiter {
         height: 900px;
         width: 100%;
         overflow: hidden;
         position: relative ;  /* relative */
    }

}

@media screen and (max-width:1200px) {
    .limiter {
         height: 900px;
         width: 100%;
         overflow: hidden;
         position: relative ;  /* relative */
    }

}



.topbutton {
width:100px;
border:2px solid #ccc;
background:rgba(255, 250, 250, 0.6);
text-align:center;
padding:5px 10px;
cursor:pointer;
color:#f7f7f7;
font-family:Bebas Neue;
font-size:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


@font-face {
    font-family: "Bebas Neue";
    src: local("Bebas Neue Regular"), local("BebasNeue-Regular"), url("/bitrix/templates/books/fonts/bebasneueregular.woff2") format("woff2"), url("/bitrix/templates/books/fonts/bebasneueregular.woff") format("woff"), url("/bitrix/templates/books/fonts/bebasneueregular.ttf") format("truetype");
    font-weight: 100;
    font-style: none; 
}

@font-face {
    font-family: "Helvetica";
    src: local("Helvetica Medium"), local("Helvetica-Medium"), url("/bitrix/templates/books/fonts/Helvetica/HelveticaMedium.woff") format("woff"), url("/bitrix/templates/books/fonts/Helvetica/HelveticaMedium.ttf") format("truetype");
    font-weight: 100;
    font-style: none; 
}

.headerhr {
    background: rgba(255, 250, 250, 0);
}

.footerlinks {
    background: rgba(255, 250, 250, 0.6);
}

.box {
  height: 100px;
  width: 135px;
  margin-bottom: 25px;
}

h1
{
	margin:0; padding:0;
	font-size:100%;
	margin-bottom:15px;
	padding-bottom:5px;
	padding-top:14px;
	border-bottom:1px solid #CCCCCC;
}

h2, h3
{
	font-size:100%;
}

h2
{
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}

h4, h5, h6
{
	font-size:100%;
}

/*Information block*/
.information-block
{
	width:180px;
	margin-bottom:16px;
}

.information-block-head
{
	color:#BC262C;
	font-weight:bold;
	font-size:85%;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:4px;
	padding-bottom:5px;
}

.information-block-body
{
	font-size:85%;
	color:#737373;
	margin-right:20px;
}

/*Content block*/
.content-block
{
	border-top-color:#ffff;
	margin-bottom:5px;
	width:100%;
        height:400px;
}

.content-block-head
{
	/*background-image:url(/bitrix/templates/books_copy/images/content_block_bg.gif);*/
	font-weight:bold;
	font-size:95%;
	margin:2px;
	padding: 5px 9px;
}

.content-block-body
{
	padding:4px 5px;
	width:100%;
        height:50px;
}

code
{
	font-size:100%;
	font-weight:normal;
	display:block;
	padding:1.5em 1em 1em 1em;
	border-style:solid;
	border-width:1px;
	border-width:1px 0;
	margin:1em 0;
	background-color:#F5F5F5;
	font-family:Bebas Neue;
}
/**Top menu**/ #horizontal-multilevel-menu { margin:0; padding:0; background:none; url repeat-x; min-height:27px; width:100%; list-style:none; font-size:15px; float:center; /*font-size:90%*/ } , 

/**Top menu**/ #menu_page { margin:0; padding:0; background:none; url repeat-x; min-height:27px; width:100%; list-style:none; font-size:115px; float:center; /*font-size:90%*/ } , 


/* End */


/* Start:/bitrix/templates/books_copy/template_styles.css?17488724094948*/
html, body, form { 
    margin: 0; 
    padding: 0; 
} 


html { 
    height:100%; 
    width:100%;  
    background-color:#384b69; 
    background-size: cover; 
    background-position: absolute; 
    background-attachment: fixed 
} 


body { 
    height:auto !important; 
    height:100%; 
    min-height:100%; 
    min-width:400px; 
}
 

/*Font*/ 
body { 
    font-size: 100%; 
    letter-spacing: 0.56px; 
    font-family: Helvetica, Impact, Verdana, sans-serif; 
    color: #333;
} 


/*Font in table*/ 
table { 
    font-size:100%; 
    font-family: Helvetica, Impact, Verdana, sans-serif; 
} 


/*Font in content table*/ 
table { 
    color:#fff; 
    font-size:100%; 
    font-family: Helvetica, Impact, Verdana, sans-serif; 
} 


/*Links*/  
mylink:link {
    color:red; 
    font-size:12pt;
} 

mylink {
    color:red; 
    font-size:12pt;
} 

mylink:hover {
    color:red; 
    font-size:16pt;
} 

mylink:active {
    color:red; 
    font-size:16pt;
} 

mylink:visited {
    color:red; 
    font-size:16pt;
}

a {
    text-decoration: none;
} 

a:link {
    color: #fff3bf;
} 

a:visited {
    color:#fff3bf;
} 

a:active {
    color: #fff3bf;
} 

a:hover {
    text-decoration: underline;
} 

small {
    font-size:85%;
} 

hr { 
    width:100%; 
    height: 1px; 
    border: medium none; 
    color: #d1d0d0;
    background-color: #d1d0d0; 
    margin:8px 0 
}

#header { 
    position:relative; /*containing block*/ 
    height: 0px; 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    background: #FFFFFF url(/bitrix/templates/books_copy/images/header_bg.gif) repeat-x; 
    border-bottom:1px solid #D6D6D6; 
} 

#header_logo { 
    position:absolute; 
} 

#company_logo { 
    display:block; 
    position:absolute; 
    width:100px; 
    height:106px; 
    left:165px; 
    top: 0; 
    background:url(/bitrix/templates/books_copy/images/logo.gif) right center no-repeat; 
} 

#header_text { 
    position:absolute; 
    left:265px; 
    top: 0; 
    width:330px; 
    padding-left:5px; 
    padding-top:35px; 
    color:#fff; 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
} 

#header_text .bx-main-title { 
    margin:0; 
    padding:0; 
    font-size:160%; 
    border:none; 
    text-decoration:none; 
} 

#header_text span.bx-main-subtitle { 
    font-size:80%; 
} 


/* Header menu: home, search, feedback*/  
#header_menu { 
    background:#4B6185; 
    position:absolute; 
    right:55px; 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
} 

#header_sites { 
    position:absolute; 
    right:55px; 
    top: 60px; 
    color:#fff; 
    text-align:right; 
} 

#header_sites a, #header_sites span { 
    color:#fff; 
    text-decoration:none; 
} 

#header_sites span { 
    color: #9dabc0; 
} 

#header_menu a { 
    display:block; 
    float:left; 
    cursor:pointer; 
    cursor: hand; 
    padding:8px 11px; 
} 

#zebra { 
    height:20px; 
    background:transparent url(/bitrix/templates/books_copy/images/zebra_bg.gif) left top repeat-x; 
} 

#navigation { } 


/*Navigation*/ 
#navigation a { 
    font-size:95%; 
    text-decoration:none; 
    color:#535353; 
} 


/*Content table*/ 
#content { 
    width:100%; 
    height:70%; 
    border-collapse:collapse; 
} 


/*Left column*/ 
#content .photo-random {
    font-color:#fff;
}  

.left-column { 
    width:214px; 
    vertical-align:top; 
    height:100%; 
} 


/*Main column*/ 
#content .main-column { 
    vertical-align:top; 
    padding:0 0px 0px 0px; 
    width:100%;
} */невидимая рамка вокруг контента страницы*/


/*Right column*/ 
#content .right-column { 
    width:1px; 
    vertical-align:top; 
} 


/*Bottom banner*/ 
#bottom_banner { 
    padding:5px; 
    text-align:center; 
} 


*/Закомментировано*//*Footer*/ 
#footer { 
    background: #4D6990; 
    text-align:right; 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    height:40px; 
    padding:8px; 
} 


/*Link in footer*/ 
#footer a { 
    color: #CFD6E1; 
    font-size: 100%; 
} 


/*Data table*/ 
table.data-table { 
    border:10px solid #99BAD7; 
    border-collapse:collapse; 
} 


/*Any cell*/ 
table.data-table td { 
    border:1px solid #99BAD7; 
    background-color:#FFFFFF; 
    color:#333; 
    padding:3px 5px; 
} 


/*Head cell*/ 
table.data-table thead td, table.data-table th { 
    background-color:#F1F5FA; 
    text-align:left; 
    font-weight:normal; 
    background-image:none; 
    border:1px solid #99BAD7; 
    padding:4px; 
    color:#333; 
} 


/*Body cell*/ 
table.data-table tbody td { 
    background-color:#FFF; 
    background-image:none; 
    color:#333; 
} 


/*Foot cell*/ 
table.data-table tfoot td { 
    background-color:#F1F5FA; 
    padding:4px; 
    color:#333; 
} 


/*Error &amp; OK messages*/ 
.errortext { 
    color:red; 
} 

.notetext { 
    color:green; 
} 


/* Used to draw a &quot;star&quot; near reqired field */ 
.starrequired { 
    color:red; 
} 
/* social network*/ div#sonet_events_ms_message {width:150px;}

/* End */
/* /bitrix/templates/books_copy/components/bitrix/menu/horizontal_multilevel/style.css?17486882984499 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1553012007448 */
/* /bitrix/templates/books_copy/components/bitrix/menu/menu_page/style.css?17488532983611 */
/* /bitrix/templates/books_copy/styles.css?17488724097158 */
/* /bitrix/templates/books_copy/template_styles.css?17488724094948 */
