@charset "UTF-8";

/* Layout Small Screens */


body { background-image: none;  }

header { height: 48px;
		 background: url(../images/banners/banner_small.jpg) no-repeat center; }


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

.art_container { padding: 0px; }

.art_container .art { width: auto;
					  float: none;
					  padding: 10px 0px 0px 0px;
					  background-position: 20px 13px;
					  border-top: 1px solid #ccc; }

.art_container .art .content { padding: 0px 5px 5px 10px; }



.promo_container { padding: 0px; }

.promo_container .promo { width: auto;
						  float: none;
						  padding: 10px 0px 0px 0px;
						  background-position: 20px 13px;
						  border-top: 1px solid #ccc; }

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

nav {	display: block;
		position: static;
		padding: 10px 0px 10px 0px;
		background-color: #cccccc; }

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

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

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

.foot_container { padding: 0px; }

.foot_container .foot { width: auto;
						float: none;
						padding: 10px 0px 0px 0px;
						background-position: 20px 13px;
						border-top: 1px solid #ccc; }

.foot_container .foot .content { padding: 0px 20px 5px 60px; }