@charset "utf-8";
/* CSS Document */

.container  { border:solid 1px blue;border-radius:15px;width:98%;margin:auto;position:relative;padding-bottom:15px; }

/* init: menu */

#menu {background:transparent;margin-top:15px;}

#menu a { display:block;font-size:14px;text-decoration:none;background-color:red;}

.menu_bloc  { float:left;  text-align:center;width:16.6%;background-color:#ffffff;margin-bottom:5px;}
.menu_bloc_r{ float:right; text-align:center;width:16.6%;background-color:#ffffff;}

.menu_item  
{
	text-align:center;
	margin:auto;
	border:solid 1px red; 
	border-radius:15px; 
	width:100px; 
	color:#ffffff; 
}

.this_site{ background-image:url(../img/button_bkgd.png); }
.site_jump{ background-image:url(../img/site_jump_bkgd.png); }

.menu_break { display:none}		
.menu_show  { color:red;}

#menu_item_0 {display:none;cursor:pointer;}
#menu_bloc_7 {margin-right: 3px; }

/* exit: menu */

.show {display:block!important;}
.subpage {display:none;}

.page_title {font-size:18px;font-weight:bold; margin: 0 10px;}

.page_home      #menu a#menu_item_1,
.page_about_us  #menu a#menu_item_2,
.page_products  #menu a#menu_item_3,
.page_history   #menu a#menu_item_4,
.page_testify   #menu a#menu_item_5,
.page_contactus #menu a#menu_item_6 {
       pointer-events: none;
       cursor: default;
	   font-weight:bold;
	   color:yellow;
}

#display_1 {margin:0 10px; }

/* init: page_home */
/* exit: page_home */

/* init: page_about_us */
.page_about_us .columns {
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
}

/* exit: page_about_us */


/* init: page_products */
/* exit: page_products */

/* init: page_history */

.page_history .main_image { width:500px;float:left;margin-right:10px; }

/* exit: page_history */

/* init: page_testify */

.animal   { }
#animal_1 {display:block;width:500px;margin-right:10px;float:left; }
#animal_2 {display:none; width:298px;margin-right:10px;float:left; }
#animal_3 {display:none; width:274px;margin:auto}

/* exit: page_testify */

/* init: page_contactus */
/* exit: page_contactus */

@media only screen and (max-width: 640px) and (min-width: 320px) 
{
	.menu_bloc,
	.menu_bloc_r   {width:33.3%}
	
	.menu_break {display:block}

	#menu_bloc_7 {margin-right: 1px; }

	.page_about_us .columns {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}

	/* init: page_history */
	.page_history .main_image { width:298px; }
	/* exit: page_history */

	/* init: page_testify */
	
	#animal_1 {display:none; }
	#animal_2 {display:block;}
	#animal_3 {display:none; }
	
	/* exit: page_testify */


}

@media only screen and (max-width: 320px) 
{
	.menu_bloc,
	.menu_bloc_r{text-align:center;width:100%;position:absolute;margin-bottom:2px;top:0;display:none; }
	
	.menu_item {width: 100%; border-radius:0;  }
	.menu_break {display:none}
	
	div.menu_item:hover{color:green}

	#menu_item_0 {display:block; top:0px; background-color:orange;text-align:center;width:100%;position:absolute;z-index:100;border-radius:15px 15px 0 0; }	
	
	.menu_open { display:block; }
	#menu_bloc_1.menu_open { top:20px;  }
	#menu_bloc_2.menu_open { top:40px;  }
	#menu_bloc_3.menu_open { top:60px;  }
	#menu_bloc_4.menu_open { top:80px;  }
	#menu_bloc_5.menu_open { top:100px;  }
	#menu_bloc_6.menu_open { top:120px;  }
	#menu_bloc_7.menu_open { top:140px;  }
	#menu_bloc_8.menu_open { top:160px;  }
	
	.menu_show { color:red;  }

	.page_about_us .columns {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}

	/* init: page_history */
	.page_history .main_image { width:100%; clear:both; }
	/* exit: page_history */

	/* init: page_testify */
	
	.page_testify {width:280px;margin:auto; }
	
	#animal_1 {display:none; }
	#animal_2 {display:none; } 
	#animal_3 {display:block; }	
	/* exit: page_testify */


}
