/* ResponsiveWindow - http://dima.us/web/responsive_page */

* {
	padding: 0;
	margin: 0;
}
html, body {
	background-color: #FFF;
	font-size: 6pt;
	color: #b1b1b1;
	font-family: Arial;
	overflow: hidden;
}
.container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.block_n_scroll {
	width: 1000px;
	height: 600px;
	display: inline-block;
	margin: 10px;
	padding: 30px 30px 30px 30px;
	border: solid 3px #808080;
	border-radius: 10px;
	vertical-align: top;
	background: #F9F9F9;
	overflow: hidden;
}
.block_w_scroll {
	width: 1000px;
	height: 600px;
	display: inline-block;
	margin: 10px;
	padding: 30px;
	border: solid 3px #808080;
	border-radius: 10px;
	vertical-align: top;
	background: #e9e9e9;  
}

/* buttons */
.buttons {
	text-align: center;
}
.buttons a {
	font-size: 11px;
}
.buttons a:hover {
	cursor: pointer; 
	font-size: 11px;
}
.container_btn {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.block_btn {
	width: 80px;
	height: 50px;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	color: #808080;
	border-radius: 5px;
	margin: 10px 4px 0px 4px;
	padding: 8px 5px;
}
.block_btn:hover {
	color: #808080;
	background: #E8E8E8;
}
.btn_active, .active {
	color: #FFFFFF !important;
	background: #808080 !important;
}
button::-moz-focus-inner {
	border: 0;
}

.head_btn {
	font-size: 14px;
	color: #444444;
}
.block_btn2 {
	width: 120px;
	height: 110px;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	/* color: #808080; */
	border-radius: 3px;
	margin: 10px 4px 0px 4px;
	/* padding: 3px 3px; */
	background: #E8E8E8;

	border: solid 3px #E8E8E8;
	padding: 2px;
	background-clip: content-box; /* support: IE9+ */
}

.block_btn2:hover {
	/* color: #808080;
	background: #c8c8c8; */

	border: solid 3px #C8C8C8;
	padding: 2px;
	background-clip: content-box; /* support: IE9+ */
	background-color: #FFFFFF;
}
.active2 {
	/* color: #FFF;
	background: #fe7d00 !important; */

	border: solid 3px #F06D06;
	padding: 2px;
	background-clip: content-box; /* support: IE9+ */
	background-color: #FFFFFF;
}


/* icons */
.icon-size {
	font-size: 300% !important;
}
.icon-size3 {
	padding-top: 11px;
	font-size: 200% !important;
}
.m_r {
	margin-right: 20px;
}

/* dynamic responsive window */
#myResponsiveWindow {
	-webkit-transition: all 1s;
	-moz-transition all 1s;
	-o-transition all 1s;
	transition: all 1s;
}
ul.menu li {
	display: inline;
}


/* display */
.d_n { 
	display: none; 
}

/* --------------- */

.block1 {
	width: 1000px;
	height: 600px;
	display: inline-block;
	margin: 10px;
	padding: 30px 15px 30px 30px;
	border: solid 3px #808080;
	border-radius: 10px;
	vertical-align: top;
	background: #F9F9F9;  
}

.block2 {
	width: 800px;
	height: 500px;
	display: inline-block;
	margin: 10px;
	padding: 30px 10px 30px 20px;
	border: solid 3px #808080;
	border-radius: 10px;
	vertical-align: top;
	background: #F9F9F9; 
}
.block3 {
	width: 400px;
	height: 600px;
	display: inline-block;
	margin: 10px;
	padding: 30px 5px 30px 20px;
	border: solid 3px #808080;
	border-radius: 10px;
	vertical-align: top;
	background: #F9F9F9; 
}