body {
	position:relative;
	width:100%;
	min-width:320px;
	font-family:Arial;
}

p {
	margin:0px 0px 20px 0px;
	color:#646464;
}

h1 {
	font-size:24px;
	font-weight:700;
	margin:0px 0px 30px 0px;
	color:#b96e3a;
}

ol {
	position:relative;
	margin:0px 0px 15px 10px;
	color:#646464;
}

ol li {
	position:relative;
	margin:0px 0px 10px 10px;
}

ul {
	position:relative;
	margin:5px 0px 15px 30px;
	color:#000000;
}

ul li {
	color:#000000;
}

a {
	color:#000000;
}

a:visited {
	color:#1988bf;
}

a:hover {
	color:#b98f3a !important;
}



span {
	color:#646464;
}

/* TOP LINE */
#aboveHeader {
	position:relative;
	width:100%;
	height:29px;
	background:#282828;
	display:block;
}
/* TOP LINE ENDS */

/* HEADER */
#header {
	position:relative;
	width:100%;
	min-width:320px;
	padding:0px 0px 20px 0px;
	box-sizing:border-box;
	height:169px;
	background:url('/store/econvers.ru/templates/default/images/econvers-carbon-coke-gas-oil-polyethylene-polypropylene-sulfur-urea.jpg') left center #fbfbfb;
	//background:#e8e8e8;
	background-size:cover;
}

.grid-container {
	display:grid;
	grid-template-areas:
		'left center right';
}

.left {
	//grid-area: left;
	//min-width:320px;
	//width:33%;
	//position:relative;
	//text-align:center;
	height:169px;
	//border:solid 1px #ff0000;
	box-sizing:border-box;
}

.center {
	//grid-area: center;
	//position:relative;
	height:169px;
	//border:solid 1px #ff0000;
	box-sizing:border-box;
	//width:33%;
}

.right {
	//grid-area: right;
	//position:relative;
	//display:grid;
	height:169px;
	//border:solid 1px #ff0000;
	box-sizing:border-box;
	//min-width:320px;
	//width:33%;
}

.phone {
	position:relative;
	margin:35px 0px 0px 0px;
	text-align:right;
}

.phone a {
	 color:#e2e2e2;
	 font-size:30px;
	 font-family:Arial;
	 text-decoration:none;
}

.email {
	position:relative;
	margin:5px 0px 0px 0px;
	text-align:right;
}

.email a {
	 color:#e2e2e2;
	 font-size:18px;
	 font-family:Arial;
	 text-decoration:none;
}

.search {
	position:relative;
	font-family:Arial;
	font-size:14px;
	color:#808080;
	text-align:right;
	margin:10px 0px 0px 0px;
	background:#696c75;
	padding:7px 25px 7px 0px;
	box-sizing:border-box;
	height:44px;
}

#searchTxt {
	position:relative;
	width:200px;
	border:solid 1px #999999;
	border-radius:5px;
	padding:5px;
	box-sizing:border-box;
	height:30px;
	margin:0px 3px 0px 0px;
}

#doSearchBtn {
	position:relative;
	width:65px;
	border:none;
	border-radius:5px;
	padding:5px;
	box-sizing:border-box;
	height:30px;
}
/* HEADER ENDS */

/* TOP MENU */
#topMenu {
	position:relative;
	width:100%;
	min-width:320px;
	text-align:center;
	background:#f2f2f2;
	min-height:70px;
	padding:16px 0px 16px 0px;
	box-sizing:border-box;
}

#topMenu ul {
	//margin:20px 0px 20px 0px;
}

#topMenu ul li {
	position:relative;
	min-width:200px;
	//margin:0px auto 0px auto;
	padding:5px 0px 5px 0px;
	box-sizing:border-box;
	display:inline-block;
	width:15%;
	text-align:center;
}

#topMenu a {
	font-family:Arial;
	font-size:24px;
	font-weight:700;
	color:#3a6bb9;
	text-decoration:none;
}

#topMenu ul li a span:hover {
	color:#ffffff !important;
}
/* TOP MENU ENDS */

/* TOP SUBMENU */
#topSubMenu {
	position:absolute;
	top:5px;
	left:0px;
	width:100%;
	min-width:320px;
	margin:40px 0px 0px 0px;
	z-index:5000;
	display:none;
}

#topSubMenu li {
	position:relative;
	padding:5px;
	padding-left:10px !important;
	text-align:left !important;
	box-sizing:border-box;
	background:#cccccc;
}

#topSubMenu li:hover {
	background:#999999;
}

#topSubMenu li a {
	font-family:Arial;
	font-size:14px;
	font-weight:700;
	color:#1988bf;
	text-decoration:none;
}

#topSubMenu li a span:hover {
	color:#ffffff !important;
}

#topSubMenu li a span {
	position:relative;
	display:inline-block;
	width:10%;
	text-align:center;
	padding:5px;
	box-sizing:border-box;
}
/* TOP SUBMENU ENDS */

/* CONTENT */
#content {
	position:relative;
	max-width:1000px;
	min-height:320px;
	padding:5px;
	box-sizing:border-box;
}

#contentbody table tr td span {
	font-size:16px !important;
}

#contentbody p, b, span, i {
	position:relative;
	font-size:18px !important;
	line-height:20px !important;
	color:#000000 !important;
}

#contentbody .product .code {
	display:none;
}

#navBar {
	display:none;
}
/* CONTENT ENDS */

/* BLOCK1 */
#block1 {
	position:relative;
	max-width:1400px;
	min-width:320px;
	margin:0px auto 0px auto;
}

#block1 .box {
	position:relative;
	margin:20px auto 0px auto;
	text-align:justify;
	max-width:1000px;
	font-size:18px !important;
	min-height: calc( 100vh - 550px );
}

#block1 .box p,span {
	font-family:Arial !important;
	font-size:18px !important;
}
/* BLOCK1 ENDS */

/* BLOCK2 */
#block2 {
	position:relative;
	max-width:1400px;
	min-width:320px;
	margin:0px auto 0px auto;
}

#block2 .box {
	position:relative;
	margin:20px 0px 0px 0px;
	text-align:center;
}

#block2 .box h1 {
	position:relative;
	text-align:center;
	font-size:36px;
	font-weight:700;
}

#block2 .box div .item {
	position:relative;
	background:#cccccc;
	display:inline-block;
	width:20%;
	min-width:320px;
	margin:0px 0px 20px 0px;
	padding:10px;
	box-sizing:border-box;
}

#block2 .box div .item img {
	position:relative;
	width:100%;
	background:none;
}

#block2 .box div .item a {
	position:relative;
	//width:100%;
	//text-align:center;
	font-weight:700;
	text-decoration:none;
	color:#000000;
	//background:none;
}

#block2 .box div .item h3 {
	position:relative;
	width:100%;
	text-align:center;
	font-weight:700;
	text-decoration:none;
	color:#000000;
	background:none;
}
/* BLOCK2 ENDS */

/* ADDRESS */
#address {
	position:relative;
	width:100%;
	min-width:320px;
}
/* ADDRESS ENDS */

/* FOOTER */
#footer {
	position:relative;
	width:100%;
	min-width:320px;
	height:200px;
	background:#555555;
}

#footer .inner {
	position:relative;
	max-width:1400px;
	min-width:320px;
	margin:0px auto 0px auto;
}

#footer .menu {
	position:absolute;
	right:50px;
	top:50px;
}

#footer .menu ul {
	position:relative;
}

#footer .menu ul {
	position:relative;
	list-style-type:none;
	font-size:18px;
	font-weight:700;
}

#footer .menu ul li a {
	text-decoration:none;
}

#footer .menu ul li a span {
	position:relative;
	text-decoration:none;
	font-family:Arial;
	color:#f9f9f9;
}

#footer .menu ul li a span:hover {
	color:#9b9b9b;
}

#footer .menu ul li {
	margin:0px 30px 10px 0px;
	display:inline-block;
}

#footer .address {
	position:absolute;
	left:50px;
	min-width:280px;
	top:50px;
	list-style-type:none;
	text-align:right;
}

#footer .address ul {
	list-style-type:none;
}

#footer .address li:nth-child(1) {
	font-size:20px;
	font-weight:700;
	margin-bottom:20px;
}

#footer .address li {
	position:relative;
	text-decoration:none;
	font-family:Arial;
	color:#f9f9f9;
	margin:0px 0px 10px 0px;
}

#bottom {
	position:relative;
	width:100%;
	height:50px;
	background:#000000;
	text-align:center;
	padding:10px 0px 0px 0px;
	box-sizing:border-box;
}

#bottom a {
	position:relative;
	color:#f9f9f9;
	font-family:Arial;
	text-decoration:none;
}
/* FOOTER ENDS */

@media(max-width:320px) {

	#header {
		position:relative;
		width:100%;
		min-width:320px;
		padding:30px 0px 20px 0px;
		box-sizing:border-box;
	}

	#footer .menu {
		position:relative;
		left:0px;
		top:50px;
		text-align:center;
		list-style-type:none;
		font-size:18px;
		font-weight:700;
		margin:0px auto 0px auto;
	}

	#footer .address {
		position:relative;
		margin:0px auto 0px auto;
		right:0px;
		width:280px;
		top:50px;
		list-style-type:none;
		text-align:center;
	}
}