*{margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
img { border: 0; display: block; }
h1, h2, h3 { padding: 0; margin: 0; }
ul, ol, li { padding: 0; margin: 0; list-style: none; }
form { padding: 0; margin: 0; }
.radio { vertical-align: middle; }
select, input, textarea, option { padding: 0; margin: 0; font-size: 11px; color: #333333; outline: none; }
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}
/*======================================================*/
body {
	font-size: 12px;
	-webkit-text-size-adjust:none;
}

.clearfloat {clear: both; float: none; display: table; zoom: 1;}
/* icons */
*{	-webkit-font-smoothing: subpixel-antialiased;
	        font-smoothing: subpixel-antialiased;
	           font-smooth: auto;
}


/*==========headers======================*/
h1,h2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	clear: both;
	width: 982px;
	height: 38px;
	padding: 0;
	line-height: 38px;
	margin: 5px auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform:capitalize;
}
h5{	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	clear: both;
	height: 38px;
	width:auto;
	padding: 0;
	line-height: 38px;
	margin: 5px auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform:capitalize;}


/*==========imagen box=======*/
ul.tcats {
	
	margin: 10px auto 10px auto;
	background-color: #882C63;
}
ul.tcats:after {content: ""; width: 0; height: 0; display: block; clear: both;}
ul.tcats li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 328px;
	height: auto;
	float: left;
	margin: 0 4px 8px 4px;
	border: 1px solid transparent;
	padding-bottom: 30px;
	position: relative;

}
ul.tcats li img {
	width: 328px;
	height: 235px;
	display: block;
	border: none;

}
ul.tcats li h3 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	position: absolute;
	bottom: 3.5px;
	left: 0;
	right: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 5px;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	z-index: 1;



}
ul.tcats span.cnt {
	display: block;
	position: absolute;
	z-index:3;
	bottom: 40px;
	right: 0;
	color:#fff;
	line-height: 14px;
	padding: 5px;
	text-align:center;
	background: #882C63;
}



/*==========trades=======*/
div.tradeindex {
	width: 990px;
	margin: 5px auto 30px auto;
}
div.tradeindex:after {content: ""; width: 0; height: 0; display: block; clear: both;}
div.tradeindex div.cont {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	width: 25%;
	height: auto;
	float: left;
	padding: 4px;
}
div.tradeindex div.cont div.timg {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	width: 100%;
}
div.tradeindex div.cont div.timg img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	display: block;
	width: 100%;
	height: auto;
}
div.tradeindex div.cont div.timg h4 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	width: 100%;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
ul.globaltrade {
	float:left;
	width:20%;
}
ul.globaltrade li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
	width:100%;
	height:24px;
	font-size: 14px;
	line-height: 24px;
	padding-right:5px;
	margin-bottom:3px;
	white-space:nowrap;
	overflow:hidden;
	text-indent: 3px;
}

/*==========add this=======*/
div.bookshare {
	width: 476px;
	height: 40px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}
/*==========footer=======*/
div.footer {
	clear: both;
	width: 982px;
	margin: 0 auto;
}


/*==========back to top=======*/
#back_to_top {
	right:20px;
	bottom:7%;
	z-index:1000;
	font-size:12px;
	position:fixed;
	display: none;
}
#back_to_top {
	text-decoration:none;
	display:block;
	padding:10px 15px;
	width: 30px;
	height: 30px;
	position:relative;
	z-index:99999;
	background:#666;
	-webkit-border-radius:10%;
	-moz-border-radius:10%;
	border-radius:10%;
	opacity: 0.6;
}
#back_to_top {
	border: none;
	width: 30px;
	height: 30px;
}
#back_to_top :hover {opacity: 0.9;}


/* any mobile device
--------------------------------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 1920px) {
	
}

/* 4 col
--------------------------------------------*/
@media all and (min-width: 1340px) {
	div.footer,h1,h2,div.h {width: 1312px;}
	div.tradeindex, ul.tcats {width: 1320px;}
	div.tradeindex div.cont {width: 16.666%;}
}

/* 5 col
--------------------------------------------*/
@media all and (min-width: 1670px) {
	div.footer, h1,h2,div.h {width: 1642px;}
	div.tradeindex, ul.tcats {width: 1650px;}
}
/* < 1000
--------------------------------------------*/
@media all and (max-width: 1000px) {
	.hideonmobile {display: none;}
	body {padding: 0 5px 5px 5px;}
	div.footer, div.tradeindex, h1, h2, div.h, ul.tcats, div.bookshare {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;}
	h1,h2 {height: auto;}
	ul.tcats li, ul.tcats li:hover {width: 33.3333%; margin: 0; border: 2px solid transparent; padding: 1px; padding-bottom: 99px; box-sizing: border-box; 
	-moz-box-sizing: border-box; min-height: 100px;}
	ul.tcats li, ul.tcats li:hover {padding-bottom: 30px;}
	ul.tcats li img {width: 100%; height: auto; max-height: 180px;}
	ul.tcats li h3 {font-size: 16px; line-height:18px; bottom: 0;}
	ul.tcats li span.cnt {bottom: 30px; right: 1px;}
	ul.globaltrade  {width:25%;}
	}