html{width: 100%;height: 100%;}
body{
	font: 12pt Arial,sans-serif; 
	color: #222222; 
	background-color: #FEFAC7; 
	height: 100%;	
	padding: 0; margin: 0;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
tr, th, td {font-size: 100%; font-family: inherit;}

#page{width: 100%;}
* html #container1 {padding-left: 800px;}
* html #container3 {margin-left: -800px; position: relative;}
* html #container1, * html #container3, * html #container4, * html #container2{height: 1px;}

#header{height: 175px; background:url(/images/fon.jpg) #A9916B left top repeat-x;}
#header_img_right_h150{border: 0px; width: 280px; height: 150px; float: right; margin-bottom: -3px;}
#header_img_right{border: 0px; width: 280px; float: right;}
#header_nav{width: 100%; height: 26px; background-image: url(/images/bg_2_2.jpg);}
#globalNav {padding: 5px; color:#FFFFFF; font-weight: bold;}
#globalNav a {color:#FFFFFF; padding: 10px;}
#top_banner {position: absolute; z-index: 20; display: block; margin-left: 32%; width: 468px; height: 60px; top: 40px;} 

#main{float: left; width: 100%;}
#content{padding: 0; margin: 10px 20px auto 300px;}
#left{float: left; width: 300px; margin-left: -100%; margin-top:1px;}
#right{float: left; width: 170px; margin-left: -175px;}
#footer {
    clear: both;     /* убираем влияние float-колонок */
    width: 100%;     /* ширина на всю страницу */
    float: none;     /* отменяем возможное наследование флоата */
    display: block;  /* блочный элемент */
    text-align: center; /* центруем текст по желанию */
    padding: 10px 0; /* отступы сверху и снизу */
}
#yandex_ad{max-width: 280px;}

a{color: #00CC99; text-decoration: none;}
a:link{color: #009966; text-decoration: none;}
a:visited{color: #68b59b; text-decoration: none;}
a:hover{text-decoration: underline;	color: #009966;}

h1{font-size: 114%; color: #334d55; margin: 10px 60px; padding: 2px 2px 2px 2px;}
h2{font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
h3{font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
h4{color: #334d55; margin: 0px; padding: 0 10px 10px 10px; text-align: center; vertical-align: middle;}
h6{margin: 0;}

ul{list-style-type: square; margin: 0px; padding: 0px 10px; list-style-position: inside;}
p {margin: 0px; padding: 5px; line-height: 130%;}
img {max-width: 100%; height: auto;/*! width: 150px; */}
.jf {text-align: justify;}
.book_img {float: left; padding:2px 15px 5px 15px; width: 120px;}
.left_float {float: left;}
.right_float {float: right;}
.right_float49 {float: right; width: 320px; margin: 0px 0px 0px 20px}
.left_float320 {float: left; max-width: 320px; margin: 8px 10px;}
.ed_field {border: 1px solid #009966; width: 130px;}
.align_right{float: right;} 
.small_font{font-size: 70%;}
.small_font80{font-size: 80%;}
.block_table{display: table;}
.txt_center{text-align: center;}
.txt_left{text-align: left;}
.left_float320 .boxcontent {
    min-height: 179px;
}
#headlines{margin: 0px;	padding: 10px 0px 20px 10px; font-size: 80%;}
#siteInfo{border: 1px solid #D7C592; font-size: 90%; color: #D7C592; padding: 10px 10px 10px 10px; text-align: center;}
#siteInfo img{padding: 4px 4px 4px 10px; vertical-align: middle;}
#endInfo{font-size: 80%; color: #D7C592; padding: 10px 10px 10px 10px; text-align: right;}
#menu{font-weight: bold; margin: 5px 10px 5px 5px; width: 280px;}
.overflow_hiden {overflow:hidden;  /*word-wrap: break-word;*/ width: 100%;}
#HeadCenter{background:	url(/images/fon.jpg) #A9916B left top repeat;}
#mob_menu{
	padding-left: 50px;
	font-size: 120%;
	font-weight: bold;
	line-height: 150%;
}
#mob_menu_btn{display: none; float: right;}

#pom_descr{width: 150px; display: inline-block;}

.ed_field {border: 1px solid #009966; width: 130px;}
.align_right {float: right;} 

.parents-text-block {
	min-width: 150px;
	max-width: 600px;
	display: flow-root;
}
.parents-img {
	margin: 5px;
}
.puppies_thmb {
	text-align: center;
}
/*Скругленные боксы */
.round-box {
	border: 1px solid #999;
  padding: 2px;
  border-radius: 7px;
  margin: 10px 5px;
  overflow: auto;
}

.round-box h2
{
	margin: -2px -2px 3px -2px;
	padding: 2px 10px 3px;
	color: #fff;
	background: #a9916b url(/images/bg-line.gif);
	border-radius: 5px 5px 0 0;
}

/*Старые скругленные боксы*/
.raised {
	background: transparent; 
	width:100%;
	margin: 0;
}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:95%;}
.raised h2 {margin: 0; padding: 0px 10px 3px; color:#fff;  background: #a9916b url(/images/bg-line.gif);}
.raised h5 {margin: 0; padding: 0px 10px 3px; color:#fff;  background: #a9916b url(/images/bg-line31.gif);}
.raised .hmenu {background-image: url(/images/bg_1.jpg); color: #fff; padding: 5px 10px;}
.raised p {padding-bottom: 0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, 
.raised .b1m, .raised .b2m, .raised .b3m, .raised .b4m, 
.raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; /*word-wrap: break-word;*/}

.raised .b1, .raised .b2, .raised .b3, 
.raised .b1m, .raised .b2m, .raised .b3m,
.raised .b1b, .raised .b2b, .raised .b3b {height:1px;}

.raised .b2 {background:#fef2c7; border-left:1px solid #cccccc; border-right:1px solid #eee;}
.raised .b3 {background:#fef2c7; border-left:1px solid #cccccc; border-right:1px solid #ddd;}
.raised .b4 {background:#fef2c7; border-left:1px solid #cccccc; border-right:1px solid #aaa;}
.raised .b4b {background:#fef2c7; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#fef2c7; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#fef2c7; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b2m {background:#fefac7; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.raised .b3m {background:#fefac7; border-left:1px solid #ccc; border-right:1px solid #bbb;}
.raised .b4m {background:#fefac7; border-left:1px solid #ccc; border-right:1px solid #aaa;}

.raised .b1 {margin: -1px 5px 0px 5px; /*background:#cccccc;*/}
.raised .b1m {margin: 0px 5px; background:#fefac7; border-top:1px solid #ccc}
.raised .b2, .raised .b2m, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3m, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4m, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1 {background: #e0d8aa;}
.raised .b2 {background: #cec396;}
.raised .b3 {background: #bbac81;}
.raised .b4 {background: #aa996e;}

.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#fef2c7; border-left:1px solid #cccccc; border-right:1px solid #999; overflow:hidden; /*word-wrap: break-word;*/}

.raised .boxcontent_main {display:block;  background:#fefac7; border-left:1px solid #cccccc; border-right:1px solid #999; overflow:hidden; /*word-wrap: break-word;*/}
.raised h3 {margin: 0; padding: 0px 22px 3px;}
.raised .boxcontent_main p {padding: 3px 10px}
.raised .boxcontent_main ul {padding: 2px 30px}



.round_box {
    margin: 10px 0px 10px 10px;
    display: block;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.round_box h2 {
	margin: -10px -10px 0;
	padding: 4px 10px 3px; 
	color:#fff;  
	background: #a9916b url(/images/bg-line.gif);
	}




.b-image-many{top:4px;left:2px;margin-top:10px; margin-left: 20px; margin-right: 10px; float: left;}

.b-image i, .b-image i b, .b-image i img {
width: 120px;
background: none repeat scroll 0% 0%;
border:1px solid #888888;
display:block;
left:-3px;
margin:0pt -1px -1px 0pt;
position:relative;
top:-3px;
}

.forum_menu {
	position: relative;
	max-width: 400px;
	float: left;
	margin: 10px 10px 0 10px;
	min-height: 280px;
}

.forum_menu a:visited{color: #009966; text-decoration: none;}

.book_box {
	position: relative;
	width: 50%;
	min-width: 332px;
	float: left;
	margin: 10px -20px 0 10px;
}

.book_box_com {
	position: relative;
	float: left;
}
.disable_pount {
	color: #aaaaaa;
}

.contact-frame {
	border: 1px solid #999;
  padding: 2px;
  border-radius: 7px;
  margin: 10px 5px;
}

#sale-contact {
	margin: 10px 4px 10px 30px;
	line-height: 1.5;
}
#sale-contact i{
	margin-right: 10px;
}
#sale-contact p{
	padding: 3px;
}
.inline-grid {
	display: inline-grid;
}


/*Списки*/
/*Списки галочки*/
.list6b {
    padding:0;
    list-style: none;
}
.list6b li{
    padding:6px;
}
.list6b li:before {
    padding-right:10px;
    font-weight: bold;
    color: #306054;
    content: "\2714";
    transition-duration: 0.5s;
}
/* Списки вложенные галочки*/
.list6b ul{
    padding-left: 20px;
    list-style: none;
}
.list6b ul li{
    padding:6px;
}
.list6b ul li:before {
    padding-right:10px;
    font-weight: bold;
    color: #306054;
    content: "-";
    transition-duration: 0.5s;
}

/* Оформление видео с масштабированием */
	.video {
		position:relative;
		padding-bottom:506px;
		height:0;
	}
	.video iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		max-width: 900px;
		max-height: 506px;
	} 
	@media (max-width: 1237px) {
		.video {
			padding-bottom:56.25%;
		}
	}


/**************************************************************/
/* Адаптивный дизайн */
@media (max-width: 1023px){
	#header_img_right_h150{display: none;}
	#header_img_right{display: none;}
	#top_banner {margin-left: 42%;}
}


@media (max-width: 829px){
	body {line-height: 150%;}
	p {line-height: 140%;}
	#header_img_left_h150{display: none;}
	#header_img_left_niz{display: none;}
	#top_banner {margin: 0 auto; position: relative;}
/*
	#header_nav {margin-top: -80px;}
	#header { height: 120px;}
*/
	#header_nav {
		margin-top: 0px;
		width: 160px;
		background: none;
		font-size: 105%;
	}	
	#globalNav {
		padding: 10px 0 0 5px;
		margin: 20px 0 -10px 0;
		min-width: 180px;
		}
	
	.nav_palka {display: none;}
	#header { 
		height: 140px; 
		margin-top: -30px;
	}
	
}

@media (max-width: 650px){
	#left {display: none;}
	#content{padding: 0; margin: 5px 5px auto 5px;}
	#desktop_content {display: none;}
	#mob_menu_btn{
		margin: -112px 10px;
		display: block;
	}
	#header_nav {
		margin-top: 0px;
		width: 160px;
		background: none;
		font-size: 105%;
	}	
	#globalNav {
		padding: 10px 0 0 5px;
		margin: 20px 0 -10px 0;
		min-width: 180px;
		}
	
	.nav_palka {display: none;}
	#header { 
		height: 140px; 
		margin-top: -30px;
	}
	#mob_menu_btn{
		margin: -60px 20px;
		display: block;
	}	
} 
@media (max-width: 500px){
	#top_banner {display: none;}
	.right_float49 {
		float: none;
		width: auto;
	}
	#header_nav {
		margin-top: 0px;
		width: 160px;
		background: none;
		font-size: 105%;
	}
	#globalNav {
		padding: 10px 0 0 5px;
		margin: 20px 0 -10px 0;
		min-width: 180px;
		}
	
	.nav_palka {display: none;}
	#header { 
		height: 140px; 
		margin-top: -30px;
	}
	#mob_menu_btn{
		margin: -60px 20px;
		display: block;
	}
}



    div.scrollup {
      position: fixed; /* фиксированная позиция */
      color: #fff; /* цвет текста */
      background-color: #3aa111; /* цвет заднего фона */
      right: 20px; /* расстояние от правого края */
      bottom: 0px; /* расстояние от нижнего края */
      padding: 4px 10px; /* отступы до содержимого блока */
      font-size: 20px; /* размер шрифта (иконки) */
      border-top-left-radius: 4px; /* скругление верхнего левого угла */
      border-top-right-radius: 4px; /* скругление верхнего правого угла */
      cursor: pointer; /* форма курсора */
      display: none; /* не отображать элемент */
      text-align: center; /*выравнивание содержимого элемента по центру */
    }
    div.scrollup:hover {
      background-color: #000; /* цвет заднего фона при наведении */
    }