@font-face {
    font-family: 'Inglobal';
    src: local('inglobal'), url('/fonts/inglobal.woff2') format('woff2'), url('/fonts/inglobal.woff') format('woff'), url('/fonts/inglobal.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inglobal';
    src: local('inglobal Bold'), local('inglobal-Bold'), url('/fonts/inglobalbold.woff2') format('woff2'), url('/fonts/inglobalbold.woff') format('woff'), url('/fonts/inglobalbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body, html {
background: #fbf0c5 url('/images/bg.gif') repeat-x 0 0;	
margin: 0;
	padding: 0;
	height: 100%;
	font-size: 10pt;
	font-family: Georgia;
	line-height: 140%;
	color: #330000;
	
}
a
{
color: #330000;
}
a:hover
{
	text-decoration: none;
}
h2, h3
{
	margin-top: 30px;
}
table#main
{

width:100%;
height:100%;
}

#top
{
position: absolute;
top: 0px;
height: 170px;
width: 100%;
background:  url('/images/shapka_border.gif') repeat-x bottom;
z-index: 0;
}
#top p
{
	padding-top: 140px;
font: italic 9px Arial;
padding-left: 8%;

text-transform: uppercase;}

}
#svid
{
	position: absolute;
bottom: 5px;
}
#logo1
{
background:   url('/images/logo1.gif');
position: absolute;
top: 10px;
left:2%;
height: 27px;
width: 292px;
}
#logo2
{
 position: absolute;
top: 43px;
left:50px;
height: 70px;
width: 334px;
	font-size:30px;
}
#logo2 a{text-decoration: none;    display: flex;
    align-items: center;}
#logo3
{
background:  url('/images/logo3.gif');
position: absolute;
top: 108px;
left:35%;
height: 33px;
width: 276px;

}
#akvarium
{
position: absolute;
left: 65%;
top:5px;
background: url('/images/akvarium.gif');
height: 153px;
width: 203px;
margin-left: 10px;

z-index: -1;}
#kot
{
position: absolute;
left: 85%;
top:111px;
background:  url('/images/kotik.gif');
height: 115px;
width: 119px;

}
#1
{
position: relative;
background:  url('/images/menu_border.gif') repeat-y 270px;

height: 100%;}


#left
{
position: absolute;
top:170px;
min-height: 1200px;
height: 100%;
width: 300px;
background:  url('/images/menu_border.gif') repeat-y right;
float: left;
padding-right: 15px;


}
#menu
{
color: #330000;
text-transform: uppercase;
font:  bold 13px Arial;
width: 270px;
height: 680px;
position: relative;	
background:  url('/images/menu_bottom.gif') no-repeat  bottom center;
padding-bottom: 270px;
padding-top: 10px;

}
#menu a
{
	color: #330000;
text-transform: uppercase;
font:  bold 13px Arial;
}
#menu li
{
	padding-bottom: 10px;
}
#counters
{
width: 275px;
	height: 31px;
position: relative;
margin-bottom: 30px;
}
#contacts
{
padding: 10px 0 0 0;
width: 270px;
height: 150px;
position: relative;
text-transform: uppercase;
font:  italic bold 12pt Arial;
color: #330000;
text-align: center;
}
#contacts img {max-height:20px;}
#rights
{float: bottom;

	width: 270px;
}

#rights a
{
	text-decoration: none;
font-weight: bold;
} 
#rights a:hover
{
	text-decoration: underline;
}
a.rekl{
	font-size: 8pt;}
#right
{
position: absolute;
top:170px;
right: 0px;
left: 0px;
padding-top: 50px;
padding-right: 20px;
padding-left: 20px;
margin-left: 300px;
min-height: 100%;
padding-bottom: 170px;
 /* background: redurl('/images/menu_border.gif') repeat-y left; */

}
.news_title
{text-align: center;
font-weight: bold;
	}


.description
{

padding: 5px 20px 0px 20px;
font: bold 8pt !important;
vertical-align: top;
text-align: center !important;
}
.group_gallery li
{
	margin-left: 30px;
padding-top: 30px;
}
.group_gallery a
{
	font-size: 14pt;
}
.polosa
{
	
width: 60%;
height: 10px;
background:  url('/images/shapka_border.gif') repeat-x ;}
#right p
{
	text-align: justify;
text-indent: 3em;
}
div.rekl
{
position: relative;	
}
.rekl
{
	font-size: 9px;
margin: 20px 0 20px 0px;
color: grey;
text-indent: 1em;
}
.rekl a
{
	font-size: 9px;

color: grey;
}
/* Для 1 - 2 - 3 списка информационных элементов */
.current, .page_link, .ctrl
{
	padding: 0.2em 0.5em 0.3em 0.5em;
	float: left;
	display: block;
	margin-right: 0.3em;
	background: #fff;
	float: left;
}

.page_link
{
	border: 1px solid #e7e7e7;
}
.current
{
	border: 1px solid #d20a1c;
	background-color: #d20a1c;
	color: #fff;
}

.ctrl
{
	padding: 0.5em 0.5em 0.3em 0.5em;
	font-size: 10px;
	color: #4F3327;
}

#ShowAddComment
{
	margin: 20px 0px;
	font-size: 14pt;
}

/* ссылка "ответить" для комментария */
.c_u_l
{
	font-weight: bold;
}

/* Ответ на комментарий */
.cr
{
	display: none;
	margin: 0px 0px 10px 20px;
}

/* sub-div для дерева комментариев */
.csd
{
	margin-left: 20px;
}

.comment
{
	background: #badbad;
	padding: 30px;
	margin-bottom: 10px;
	width: 450px;
	zoom: 1;
	position: relative;
	padding: 20px;
}

.comment_desc
{
	margin: 0px 0px 10px 20px;
}

.comment .tl
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/images/tl_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tl_angle.png');
	width: 8px;
	height: 8px;
}

.comment .tr
{
	position: absolute;
	top: 0px;
	right: 0px !important;
	right: auto;
	left: expression((parentElement.clientWidth - 8) + "px");
	background: url('/images/tr_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tr_angle.png');
	width: 8px;
	height: 8px;
}

.comment .bl
{
	position: absolute;
	bottom: 0px !important;
	bottom: auto;
	top: expression((parentElement.clientHeight - 8) + "px");
	left: 0px;
	background: url('/images/bl_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bl_angle.png');
	width: 8px;
	height: 8px;
}

.comment .br
{
	position: absolute;
	bottom: 0px !important;
	bottom: auto;
	top: expression((parentElement.clientHeight - 8) + "px");
	right: 0px !important;
	right: auto;
	left: expression((parentElement.clientWidth - 8) + "px");
	background: url('/images/br_angle.png') repeat-x 0 0 !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/br_angle.png');
	width: 8px;
	height: 8px;
}

.comment .mceEditor {
	width: 442px;
}

.stars
{
	margin: 0px;
	padding: 0px;
}

.stars li
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: url('/hostcmsfiles/images/stars_gray.gif') no-repeat 0 0;
	cursor: pointer;
	list-style-type: none;
}



.group_gallery img
{
	padding: 1px;
	border: 1px solid #c6bea7;

}


.stars .curr
{
	margin: 0px;
	padding: 0px;
	width: 16px;
	height: 16px;
	float: left;
	background: none;
	background: url('/hostcmsfiles/images/stars_single.gif') no-repeat 0 0;
}

#captcha
{
	padding: 0px;
	font-size: 75%;
}

#captcha, #captcha a:link, #captcha a:hover, #captcha a:visited
{
	color: #777;
}

#captcha img
{
	margin-bottom: -5px;
}
/* jQuery lightbox */
#gallery {  }
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { /*border: 5px solid #3e3e3e; border-width: 5px 5px 20px;*/ }
#gallery ul a:hover img { /*border: 5px solid #fff;	border-width: 5px 5px 20px; color: #fff;*/ }
#gallery ul a:hover { color: #fff; }
/* /jQuery lightbox */
.foto_kotyat
{
	margin: 20px 30px;
}

p.animaldesign
{
font-size: 12px; 
  text-align: center;
  font-family: 'Inglobal';
  font-weight: bold;
}
p.animaldesign a
{
text-decoration: none;
color: #300;
}
p.animaldesign span
{

  font-size: 18px; 
color: #300;
  text-transform: uppercase;
	display: block;
}
p.animaldesign span small
{
display: block;
  font-size: 13px; 
text-transform:lowercase;
}
#captcha
{cursor:pointer}