@charset "utf-8";

#windowMsg{
	position: fixed;
	left: 0; top: 0;
	padding:10px;
	background-color: #F1F1F1;
	color: #000;
	left:0;
	width: auto; height: auto; overflow: auto;
	z-index: 9999;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.col-sm-text-center{
		text-align: center;
	}
		img.logoHeader{
			display: inline-block;
		}
	.headerAddress{
		text-align: center;
	}
	nav{
		margin-bottom: 10px;
	}
		nav ul.myMenu{
			text-align: center;
		}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#btnMenu{ 
		display: block; clear:both;
		text-align: center;
		padding: 6px;
	}
		#btnMenu a{ 
			color: #FFF; text-decoration: none; font-size: 20px; font-weight: none; 
		}
	nav{
		height: auto; overflow: auto visible;
		padding:0; margin:10px 0;
	}
		nav ul.myMenu{
			clear:both; display: none;
			width: auto; height: auto; overflow: auto;
			padding:0;
		}
		nav ul.myMenu li{
			display: block; clear:both;
			width: auto;
			text-align: center;
			float:none;
			margin:0;
		}
		nav ul.myMenu li a{
			padding:15px;
		}
			nav ul.myMenu li ul{
				position:relative;
			}
			nav ul.myMenu li ul li{
				text-align: center;
			}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}


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

	/* SECTION */
	/*.areaContents{ padding:4px; }*/

	/* PRODUCTS */
	table{ 
		float:none; 
		margin:0 !important;
		width: 99% !important; 
		font-size: 0.75em;
	}
		table thead tr th span{ font-size: 0.9em !important; }
		table thead tr th,
		table tbody tr td{ padding:2px !important; }
	iframe{ width: 100% !important; }

	form{ padding:2px; overflow: auto }

	/* Class de la tabla de Shipping Costs */
	.tbShippingCostsEM{ float: none; margin-left:0; clear:both !important; }

}

@media screen and (max-width: 650px) {
	section{ float:none; width: auto; padding:0 5px 0 5px; clear:both; overflow-x: hidden; }
	aside{ float:none; width: auto; clear:both; padding:10px; }

	/* PRODUCTS FORMS */
	form label{ display: block; clear:both; float:none; }
	.frmCont{ float:none; display: block; overflow: auto; clear:both; }

	/* SHOPPING CART */
	#btnAddToCart,
	#btnShipping,
	#btnCheckout{ 
		width: auto; float:left; clear:both;
		margin:0 0 10px 0 !important;
	}
	#shipping_cost{
		float:left !important; margin:0 !important; clear:both; display: block;
		width: auto !important; max-width: 99%;
		padding:0;
	}
	#cartClientInfo{
		width: 90%; clear:both; float:none;
		text-align: center;
	}
	#framePayPal{ clear:both; float:none; display: block; margin:0 auto; width: 100%; }
	/*#iframeContainer .shadowBox{
		overflow: scroll;
		margin:0; padding:0;
	}	*/

	/* SHOPPING CART */
	.txtCountryMsg{ margin:0; font-size: 12px; margin-bottom:12px; }

	footer .column,
	footer .columnRight{ float: none; width: auto; clear:both; }
}


@media screen and (max-width: 450px) {
	/* HOME PRODUCTS */
	.areaHomeProduct,
	.areaProduct{ margin-bottom:20px; padding-bottom:10px; border-bottom: dashed 1px #888888; }
	.areaHomeProduct .pic,
	.areaProduct .pic{ margin: 0 auto; float:none; }
	.areaHomeProduct .info,
	.areaProduct .info{ clear:both; overflow: auto; }
	.areaHomeProduct .info h2,
	.areaProduct .info h2{
		border:none; border-bottom: solid 1px #666; padding-bottom:5px; text-align: center;
	}
}