/*
Author: WPfan
Author URI: http://wps.wpfan.com.ua/
*/
/* basics */
*{margin:0; padding:0;}
html{height: 100%;}
body {
	font: 62.5% Helvetica, "Helvetica Neue", Arial, sans-serif;
	color: #444;
	line-height: 2.2em;
	background: url(http://wpfan.com.ua/demo/images/bg2.png) top center no-repeat, url(http://wpfan.com.ua/demo/images/bg.jpg) repeat fixed; 
	font-size: 8pt;
}
h1 {font-size: 28pt;}h2 {font-size: 14pt;}
/* links */
a{color:#000;text-decoration:none;}
#header a:link {color:#03708B; text-shadow: 1px 1px 0px #FFFFFF, 0px 0px 1px #D4D4D4;} 
#header a:visited { color: #03708B; }
#header a:hover { color: #03708B;text-decoration:none;}
/* Header */
#header {
	height: 100px;
	margin: 0 5px 2px 5px;
	padding: 3px 10px;
	color: rgb(61, 216, 255);
	background: rgba(255, 255, 255, 0.529412);
	border-bottom: 1px dashed rgb(61, 216, 255);
	opacity: 0.7;
}
.topheader {
	margin: 0 auto;
	padding-top: 30px;
	width: 1000px;
	display: block;
	position: relative;
}
.title {
	width: 60%;
	float: left;
	display: block;
	position: relative;
	margin: 0 auto;
}
.title h1 {
	text-align: center;
	text-decoration: underline;
	text-shadow: rgb(255, 255, 255) 1px 2px 0px, rgb(168, 168, 168) 2px 2px 1px;
}
.left {
	display: block;
	position: relative;
	width: 20%;
	float: left;
	font-weight: bolder;
}
.right {
	display: block;
	position: relative;
	width: 20%;
	float: right;
	text-align: right;
	font-weight: bolder;
}
.back {font-size: 21px;}
/* Conteiner */
#container {
	margin: 50px auto;
	display: block;
	width: 1000px;
	position: relative;
}
@media (max-width : 980px) {
	h1 { font-size: 17pt; }
	#header {
		position: relative;
		width: 100%;
		height: 40px;
		padding: 0;
		display: inline-block;
		margin: 0;
		color: rgb(61, 216, 255);
		background: rgba(255, 255, 255, 0.529412);
		border-bottom: 1px dashed rgb(61, 216, 255);
		opacity: 0.7;
	}
	#container { display: inline-block; width: 100%; margin-bottom: 50px;  }
	.topheader { padding-top: 10px; width: 100%; }
	.title h1 { line-height: 11px; }
	.back { font-size: 14px; }
	.share42init { display: none; }
}
@media (max-width : 767px) {
	h1 { font-size: 12pt; }
	#header {
		position: relative;
		width: 100%;
		height: 40px;
		padding: 0;
		display: inline-block;
		margin: 0;
		color: rgb(61, 216, 255);
		background: rgba(255, 255, 255, 0.529412);
		border-bottom: 1px dashed rgb(61, 216, 255);
		opacity: 0.7;
	}
	#container { display: inline-block; width: 100%; margin-bottom: 50px;  }
	.topheader { padding-top: 10px; width: 100%; }
	.title h1 { line-height: 11px; }
	.back { font-size: 9px; }
	.share42init { display: none; }
}
@media (max-width : 767px) {
.back { font-size: 6px; }
.title h1 {
	line-height: 20px;
	font-size: 9px;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px, rgb(168, 168, 168) 1px 1px 1px;
}
}