@charset "UTF-8";

/* Layout Small Screens */

body {background-image: none;}

header {height: 125px; background: url(../images/banner_small_04.jpg) no-repeat left 0px; /*background: 0;*/}

header img {height: 45px; position: relative; top: -10px;}

header a.logo {
	width: 150px;
	height: 50px;
	top: 30px; left: 10px;
	background-image: url(../images/logo-small.png);
}	

article {padding: 20px 20px 10px 20px;}

nav {position: static;
	padding: 10px 0 10px 0;
	background-color: #515673;
}

nav a {
	/*color: #a6abc5; background-color: #9ecb49;*/
	display: block;
	margin: 15px;
	padding: 9px;
	/*border: 1px solid #a6abc5;*/ border: 1px solid #000000;
	/*background: url(../images/mobile_link_arrow.png) no-repeat right center;*/
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

nav a:hover {color: #fff; background: rgba()255,255,255,.15);}

.farm{display: none;}

.fw {float: none; margin: 5px 0 0 0; text-align: center;}

.mailbox {width: 100%;}

.mail {width: 100%;}

.market {display: none;} .marketbloc {min-height: 0px;}

.sbf {float: none; margin: 0; text-align: center;}

.promo_container, .product_container {padding: 0;}

.promo_container .promo, .product_container .promo {

	float: none; 
	height: auto;
	margin: 0 5px 10px 5px;
	min-height: 0px;
	min-width: 0px;
	padding: 10px 0 10px 0;
	width: auto;
}

.promo_container .promo .content{padding: 0px 20px 5px 90px;}

.product_container .promo img{float: left; width: 30%;}

footer {border-top: 1px solid #a6abc5;}

.product_icon {border: border: #9ecb49 3px solid; border-radius: 5px; height: 100px; float: none; margin: auto auto; margin-bottom: 5px; margin-top: 5px; width: 90%;}

.product_icon img {height: 80px; width: 20%;}