* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0
}
body {
	background: none repeat scroll 0 0 #FFF;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #444
}
h1, .box h2 a, h3, h4 {
	color: #06C;
	font-weight: 700;
	margin: .2em 0
}
h1 {
	font-size: 1.9em
}
h2 {
	font-size: 1.7em
}
h3, h4 {
	font-size: 1.6em
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #444
}
.eu {
	font-size: 0.9em;
	margin-top: 5px;	
}
.eu a, .eu a:link, .eu a:visited, .eu a:hover, .eu a:active {
	font-size: 0.9em;
	color: #036;
}
footer a, footer a:link, footer a:visited, footer a:hover, footer a:active {
	color: #FFF
}
#logo img, .big img {
	width: 100%;
	height: auto;
	border: 0
}
.big img {
	margin-bottom: 10px
}
.menue {
	font-size: 1.6em;
	font-weight: bolder;
	position: relative;
	top: 5px;
	margin-left: 5px
}
.lay-1140 .line {
	margin: 0 auto;
	max-width: 71.25em;
	padding: 0 .625em
}
.lay-1140.align-content-left .line {
	margin-left: 0
}
nav, footer {
	display: block;
	width: 100%;
	background: #00C;
	font-size: 1.1em;
	margin-bottom: 8px
}
footer {
	padding: 1em;
	color: #FFF
}
.line:after, nav:after, .box:after, footer:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden
}
.top-nav ul {
	padding: 0;
	background-color: red
}
.top-nav ul ul {
	position: absolute;
	background: #00F
}
.top-nav li {
	float: left;
	list-style: none outside none;
	cursor: pointer
}
.top-nav li a {
	padding: 1em;
	display: block;
	color: #FFF
}
.top-nav li ul li a {
	background: none repeat scroll 0 0 #00C;
	min-width: 100%;
	padding: .625em
}
.top-nav li a:hover {
	background: #06F
}
.top-nav li ul {
	display: none
}
.top-nav li ul li {
	float: none;
	list-style: none outside none;
	min-width: 100%;
	padding: 0
}
.top-nav li ul li ul li {
	float: none;
	list-style: none outside none;
	min-width: 100%;
	padding: 0
}
.shop img {
	margin: 10px 0 0;
	width: 100%;
	height: auto
}
.shop:hover img {
	box-shadow: #555 0 0 0 2px;
	border: 2px solid #FFF;
	margin: 8px 0 0
}
.box p strong, .box p em {
	font-weight: 400;
	font-style: normal
}
.re {
	width: 46.4%;
	float: right
}
.li {
	float: left
}
.re img {
	margin: 5px 0 0;
	width: 100%;
	height: auto
}
.ds a {
	color: #00C;
	text-decoration: underline;
}
@media screen and (min-width:769px) {
.top-nav li:hover > ul {
	display: block;
	z-index: 10
}
.top-nav li:hover > ul ul {
	left: 100%;
	margin: -2.5em 0;
	width: 100%
}
}
.nav-text {
	display: none
}
.padding {
	display: list-item;
	list-style: none outside none;
	padding: 10px
}
.margin {
	margin: 0 -.625em
}
.line {
	clear: left
}
.line .line {
	padding: 0
}
.box, .ds {
	background: none repeat scroll 0 0 #FFF;
	display: block;
	padding: 1.25em;
	margin-bottom: 1.25em;
	width: 100%;
	border: 1px solid #CCC;
	box-shadow: 4px 4px 4px #333
}
.s-12, .m-6, .m-12, .l-4, .l-12 {
	float: left;
	position: relative
}
.s-12, .m-12, .l-12 {
	width: 100%
}
.m-6 {
	width: 50%
}
.l-4 {
	width: 33.3333%
}
.margin > .s-12, .margin > .m-6, .margin > .m-12, .margin > .l-4, .margin > .l-12 {
	padding: 0 .625em
}
.right {
	float: right
}
@media screen and (max-width:768px) {
.lay-1140 {
	max-width: 768px
}
nav {
	display: block;
	cursor: pointer;
	line-height: 3em;
	border-radius: 0
}
nav a, nav a:link, nav a:visited, nav a:hover, nav a:active {
	color: #FFF
}
.top-nav li a {
	background: none repeat scroll 0 0 #06C
}
.top-nav > ul {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 999
}
.top-nav > ul.show-menu {
	height: auto
}
.top-nav ul ul {
	left: 0;
	margin-top: 0;
	position: relative;
	right: 0
}
.top-nav li ul li a {
	min-width: 100%
}
.top-nav li {
	float: none;
	list-style: none outside none;
	padding: 0
}
.top-nav li a {
	border-top: 1px solid #333;
	color: #fff;
	display: block;
	padding: .625em;
	text-decoration: none
}
.top-nav li ul li a {
	border-top: 1px solid #878787
}
.top-nav li ul li ul li a {
	border-top: 1px solid #989898
}
.top-nav li a:hover {
	background: none repeat scroll 0 0 #06F;
	color: #fff
}
.top-nav li ul, .top-nav li ul li ul {
	display: block;
	overflow: hidden;
	height: 0
}
.top-nav > ul ul.show-ul {
	display: block;
	height: auto
}
.top-nav li ul li a {
	background: none repeat scroll 0 0 #00C;
	padding: .625em
}
.top-nav li ul li ul li a {
	background: none repeat scroll 0 0 #d7d7d7;
	color: #222
}
.nav-text {
	color: #FFF;
	display: block;
	font-size: 1.2em;
	line-height: 3em;
	margin-left: .625em;
	max-width: 100%;
	vertical-align: middle
}
.box, .ds {
	box-shadow: 0 4px 4px #333
}
.l-4 {
	width: 33.3333%
}
.s-12, .m-12, l-12 {
	width: 100%
}
.m-6 {
	width: 50%
}
.re {
	display: none
}
}
@media screen and (max-width:480px) {
.lay-1140 {
	max-width: 480px
}
.l-4 {
	width: 33.3333%
}
.l-12 {
	width: 100%
}
.m-6 {
	width: 50%
}
.s-12, .m-12 {
	width: 100%
}
nav, footer, footer a {
	font-size: .9em
}
h1, h2, h3, h4 {
	font-size: 1.2em
}
.ds ul {
	margin-left: -25px;
}
.ds ul a {
	font-size: .8em
}
}
@media screen and (max-width:320px) {
.lay-1140 {
	max-width: 320px
}
nav, footer, footer a {
	font-size: .80em
}
h1, h2, h3, h4 {
	font-size: 1em
}
.box p, .dex p {
	font-size: .9em
}
}