@import url(reset.css);

html, body {
	font-family: Arial, sans-serif;
	width: 100%;
	height: 100%;
	background: #fff url('../img/back.png') repeat;
}
img {
	max-width: 100%;
	height: auto;
}
table tr td {
	vertical-align: top;
}

h2 {
	font-size: 18px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	color: #f24c27;
}

.top {
	width: 100%;
	height: 160px;
	margin-bottom: 35px;
	background: url('../img/top.png') repeat-x;
	/*background: #484949;*/
}

.header {
	max-width: 960px;
	width: 100%;
	height: 160px;
	margin: 0 auto;
}

.h-top {
	width: calc(100% - 5px);
	height: 36px;
	/*padding-left: 5px;*/
}
.h-top .top-menu li {
	padding-left: 5px;
} 

.top-menu {
	display: inline-block;
	vertical-align: top;	
}
.top-menu li {
	display: inline;
	vertical-align: top;
}
.top-menu li a {
	font-size: 18px;
	font-weight: bold;
	margin-right: 15px;
	line-height: 1.8em;
	text-decoration: none;
	color: #999999;
}

.top-menu li a:hover, 
.top-menu li.active a {
	color: #fff;
}

.h-bottom {
	position: relative;
	padding-top: 24px;
}

.h-logo {
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
	width: 111px;
	height: 90px;
	background: url('../img/logo.png') no-repeat;
}

.h-products {
	float: right;
}
.h-products li {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}
.h-products li a {
	position: relative;
	display: block;
}
.h-products li a img {
	width: 80px;
	height: 80px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.86);
	border: 1px solid #F4F4F4;
	max-width: 100%;
}
.h-products__text {
	font-size: 11px;
	position: absolute;
	bottom: 1px;
	width: 74px;
	padding: 3px 3px 3px 5px;
	line-height: 1.2em;
	opacity: 0.7;
	color: #fff;
	background: #000;
}

.wrapper {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}
.wrapper h1 {
	font-size: 25px;
	margin-bottom: 20px;
}
.wrapper p {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.spotlight {
	max-width: 960px;
	width: calc(100% - 20px);
	position: relative;
	height: 50px;
	margin-bottom: 35px;
	box-shadow: 1px 1px 2px #d2d2d3;
	border: 2px solid #ebebec;
	background: #fff;
}
.spotlight__title {
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	padding: 17px 2%;
	color: #fff;
	background: #f24c27;
}
.spotlight__menu {
	display: inline-block;
	vertical-align: top;
	/*margin-left: 10px;*/
}
.spotlight__menu li {
	display: inline-block;
}
.spotlight__menu li a {
	font-size: 16px;
	display: block;
	padding: 17px 5px 17px 5px;
    margin-right: 5px;
	text-decoration: none;
	color: #000;
	
}
.spotlight__menu li a:hover,
.spotlight__menu li.active a {
	color: #fff;
	background: #f24c27;
}

.container {
	display: inline-block;
	vertical-align: top;
	max-width: 700px;
	width: 72%;
	margin-right: 3%;
}

.content {
	padding: 20px 15px;
	box-shadow: 0px 1px 6px #d2d2d3;
	border-top: 5px solid #2c2f32;
	background: #fff;
}

.main-block {
	margin-bottom: 35px;
}
.main-block_1,
.main-block_2 {
	width: 305px;
	display: inline-block;
	vertical-align: top;
	padding: 20px 15px;
	box-shadow: 0px 1px 6px #d2d2d3;
	border-top: 5px solid #2c2f32;
	background: #fff;
}
.main-block_1 {
	margin-right: 25px;
}

.right-block {
	display: inline-block;
	vertical-align: top;	
	max-width: 220px;
	width: 23%;
}

/*left menu*/

.container-m {
	display: inline-block;
	vertical-align: top;
	max-width: 700px;
	width: 50%;
	margin: 0 1% 0 1%;
}

.left-block-m {
    display: inline-block;
	vertical-align: top;	
	max-width: 220px;
	width: 19%;
}

.right-block__in-m {
	margin-bottom: 25px;
	padding: 1px 0 1px 0;
	box-shadow: 0px 1px 6px #d2d2d3;
	border-top: 5px solid #2c2f32;
	background: #fff;
}

.spotlight__menu-m {
	display: inline-block;
	vertical-align: top;
	/*margin-left: 10px;*/
}
.spotlight__menu-m li {
	display: block;
}
.spotlight__menu-m li a {
	font-size: 16px;
	display: block;
	padding: 17px 5px 17px 5px;
	text-decoration: none;
	color: #000;
	
}
.spotlight__menu-m li a:hover,
.spotlight__menu-m li.active a {
	color: #fff;
	background: #f24c27;
}

#td_3_to_1 tr td {width: 30%; float: left; margin-right: 10px; margin-bottom: 5px;}

@media only screen and (max-width: 800px) {
	.right-block, #tabledown tr td {
		float: left;
		width: 100%;
		max-width: none;
		padding-top: 25px;
	}
	.container {
		width: 100%;
		max-width: none;
		margin-right: 0px;
	}
    
    .container-m {
		width: 100%;
		max-width: none;
		margin-right: 0px;
    }
	.spotlight {
		width: calc(100% - 4px);
	}
	.top {
		/*background: url('../img/top.png') repeat-x;*/
		background: #484949;
	}
	.h-top {
		border-bottom: 4px groove #000;
		width: 100%;
		
	}
	.spotlight__menu li a {
		font-size: 0.9em;
		text-align: left;
	}
	.spotlight__title {
		font-size: 0.9em;
	}
    #td_3_to_1 tr td {width: 45%; float: left;}
	
}
.right-block__in {
	margin-bottom: 25px;
	padding: 20px 0 20px 0;
	box-shadow: 0px 1px 6px #d2d2d3;
	border-top: 5px solid #2c2f32;
	background: #fff;
}
.right-block__title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 19px;
	text-align: center;
	border-bottom: 1px solid #ebebeb;
}
.right-block__menu {
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
}
.right-block__menu p {padding-left: 5px; padding-right: 5px;}
@media only screen and (max-width: 800px) {
.right-block__menu {
    max-width: none;
    display: table;
    text-align: center;
	}
    .right-block__menu table {margin: auto;}
}
.right-block__menu ul li {
	margin-left: 20px;
	margin-bottom: 8px;
	line-height: 1.2em;
	list-style: disc;
}
.right-block__menu ul li a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.right-block__menu ul li a:hover {
	color: #f24c27;
}

.footer {
	height: 40px;
	padding-top: 25px;
	text-align: center;
}




@CHARSET "UTF-8";
.itp-share-mod{
    display:block !important;
}


.itp-share-mod-tw{
	float:left;
    margin:5px;
}

.itp-share-mod-fbsh{
	float:left;
    margin:5px;
}

.itp-share-mod-fbl{
	float:left;
    margin:5px;
}
.itp-share-mod-digg{
	float:left;
    margin-right:15px;
    margin-top:5px;
}
.itp-share-mod-su{
	float:left;
    margin-right:14px;
    margin-top:6px;
}
.itp-share-mod-lin{
	float:left;
    margin-right:14px;
    margin-top:5px;
}
.itp-share-mod-buzz{
	float:left;
    margin-right:14px;
    margin-top:5px;
}

.itp-share-mod-gone{
    float:left;
    margin-left:5px;
    margin-top:5px;
}


.itp-share-mod-retweetme{
	float:left;
    margin-top:5px;
}

.itp-share-mod-yahoobuzz{
	float:left;
    margin-top:3px;
}

div.itp-share-mod-yahoobuzz span a{
 background-color: white !important;
}

div.sharemebutton{ padding: 0px 0px 0px 0px; float: right; width: 56px; max-height: 195px; text-align: center;}
td.sharemebutton{ padding-right: 0px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; vertical-align:top; }
td.space_right{padding: 0px 0px 0px 0px;}
div.sharemebuttont{ padding: 0px 2px 0px 0px; float: right; }
td.sharemebuttont{ padding-right: 0px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; vertical-align:top; }
td.space_right{ padding: 0px 0px 0px 0px;}
div.sharemebuttonf{ padding: 2px 2px 0px 0px; float: right;}
td.sharemebuttonf{ padding-right: 2px; padding-top: 10px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; vertical-align:top;}
.fb_share_large .fb_sharecount_zero {
    -moz-border-radius: 2px 2px 2px 2px;
    background: url("../../../static.fbshare.me/f_only.png")/*tpa=https://static.fbshare.me/f_only.png*/ no-repeat scroll 20px 5px #3B5998;
    display: block;
    height: 47px;
    margin-bottom: 2px;
    width: 53px;
}

.products tr td {
	padding: 10px;
}

.products tr td a img{width: 90px; height:122px; max-width: none;}

#td_img {
	width: 13%;
}
#td_text {
	width: 20%;
}


.greenButton {
	background-color:#44c767;
	border-radius:20px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.greenButton:hover {
	background-color:#48cf6f;
	color:#88f0ff;
}
.greenButton:active {
	position:relative;
	top:1px;
}


@media only screen and (max-width: 500px) {
	#td_img {
		width: 30%;
		float: left;
	}
	#td_text {
		width: 70%;
		float: left;
		min-height: 212px;
	}
	table tr td {display: inline;}
    #td_3_to_1 tr td {width: 100%; float: left;}
}
@media only screen and (max-width: 430px) {
	.h-logo {
		width: 0;
		height: 0;
	}
	.h-products {
		float: left;
	}
    .spotlight__menu {
		width: calc(100% - 2px);
        float: left;
        box-shadow: 1px 1px 2px #d2d2d3;
	    border: 2px solid #ebebec;
	    background: #fff;
	}
}
@media only screen and (max-width: 332px) {
	.top {
		height: 245px;
	}
	.h-top {
		padding-bottom: 10px;
	}
	object, embed {
		width: 100%;
	}
	.top-menu li a {
		font-size: 1em;
		line-height: 1.2em;
	}
	
}
@media only screen and (max-width: 278px) {
	.h-top {
		height: 55px;
	}
	.top {
		height: 270px;
	}
}