/*
320px mobile portrait
480px mobile landscape
600px small tablet
768px tablet portrait
1024px tablet landscape/netbook/desktop
1280px and greater desktop large
*/

@media screen and (max-width: 1150px) {

	/*.img-box {
		height: 160px;
		background-color: yellow;
	}*/

	#dimensions { background-color: green; }

	.penvios1 {
		margin-left: 30%;
		font-size: 1.5em;
		line-height: 1.3em;
	}

}

@media screen and (max-width: 1050px) {

	/*.img-box {
		height: 150px;
		background-color: red;
	}*/
	
	#dimensions { background-color: blue; }

	.penvios1 {
		margin-left: 10%;
		font-size: 1.3em;
		line-height: 1.1em;
	}

}

@media screen and (max-width: 950px) {

	/*.img-box {
		height: 140px;
		background-color: blue;
	}*/

	#dimensions { background-color: purple; }

}

@media screen and (max-width: 850px) {

	#dimensions { background-color: orange; }

	#nav-container {
		display: none;
	}

	#nav-list-container {
		width: 100%;
		float: none;
		display: block;
		text-align: center !important;
	}

	#nav-list {
		margin: 5px auto 10px auto;
		padding: 4px;
		font-size: 0.9em;
		text-align: left;
	}

	#menutop1 {
		width: 60%;
	}

	#menutop2 {
		width: 40%;
	}

	#homewrap1, #homewrap2 {
		margin-top: 0;
		width: 100%;
		float: none;
	}

	#hometexto {
		float: none;
	}

	#homeenvios {
		margin-top: 5px;
		margin-bottom: 5px;
		min-height: 80px;
		float: none;
		background-size: 65px 60px;
	}

	#homeblog, #homewtexto, #homewenvios {
		width: 100%;
		margin: 10px 0 10px 0;
	}

	#principal {
		width: 100%;
		float: none;
	}

	#breadcrumb {
		padding-top: 20px;
	}

	#calen1, #calen2 {
		width: 100%;
	}

	.section-box {
		width: 94%;
		margin: 0 1% 10px 1%;
		min-height: 50px !important;
	}

	.section-box img {
		width: 40%;
		margin: 0 30px 0 0;
		float: left;
	}

	.section-box h3 {
		margin: 0 auto 0.5em auto;
	}

	.product-box {
		width: 96%;
		margin: 0 1% 10px 1%;
	}

	.product-box img {
		width: 40%;
		margin: 0 10px 0 0;
		float: left;
	}

	ul.tabs li {
		/*margin: 0 !important;
		padding: 0 !important;*/
		font-size: 0.7em;
		height: 20px !important;
	}

	ul.tabs li a {
		padding: 4px 4px 6px 4px !important;
	}

	#pie1, #pie2, #pie3, #pie4 {
		display: none;
	}

	#pielist {
		display: inline;
	}

	.blog-index {
		width: 100%;
		clear: both;
	}

	.blog-article {
		width: 100%;
		clear: both;
	}

}


@media screen and (max-width: 480px) {

	#dimensions { background-color: red; }

	#logotop {
		margin: 50px 0 10px 0;
		width: 100%;
		display: block;
	}

	#logotop img {
		width: 150px;
		max-width: 150px;
		min-width: 0;
	}

	#bannertop {
		margin: 0;
		width: 100%;
		display: block;
	}

	#compratop {
		margin: 0;
		width: 100%;
		display: block;
	}

	#compratop img {
		width: 25px;
	}

	#menutop1 {
		width: 40%;
	}

	#menutop1 a {
		font-size: 9px;
		padding: 4px;
	}

	#menutop2 {
		width: 60%;
	}

	.product-box {
		min-height: 200px;
	}

	.product-big, .product-desc {
		display: block;
		float: none;
		width: 92%;
		margin: 0 2% 20px 2%;
		/*padding: 0;*/
	}

	.colcart {
		font-size: 0.8em;
	}

	.wcart20 img {
		width: 30px;
	}

	.wcart10 img {
		width: 20px;
	}

	.colcart button {
		margin: 2px;
		padding: 2px;
	}

	.colusr {
		font-size: 0.8em;
	}

}