/* RESET CSS */
html { height: 100%; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

li{list-style: none;}
a{text-decoration: none;}
ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

/* END RESET CSS */








.button{
	width: 180px;
	height: 25px;
	float: left;
	background: #fff;
	margin-left: 10px;
	color: #000;
	text-align: center;
	padding-top: 5px;
	font-size: 13px;
	border: thin solid #999;
}




.product{
	height:170px;
	border:thin solid #ccc;
	margin-bottom:5px;
	}
.heading{
	width:96%; height:40px; padding-left:10px;
	border:thin solid #CCC;
	color:#690;}	
	
.contener{
	width:100%;
	overflow:hidden;
	padding:10px;
	text-align:justify;}	
	
@media screen and (max-width: 400px) {
	.contener{
		margin-top:150px;
		width:100%;}}	
	
	
	
	
.Span-1{
	width:10%;
	overflow:hidden;
	background:#fff;
	padding:5px;
	float:left;
	margin-left:1%;
	text-align:center;
	min-height:100px;}
.Span-2{
	width:32%;
	overflow:hidden;
	background:#fff;
	padding:5px;
	float:left;
	margin-left:1%;
	min-height:100px;}
.Span-3{
	width:49%;
	overflow:hidden;
	background:#fff;
	padding:5px;
	float:left;
	margin-left:1%;
	font-size:12px;}