@charset "UTF-8";
/* CSS Document */


body {
	color: #000;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFCC66;
}

.page {
	max-width: 980px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color: #fff;
}

h1 {
	font-size: 1.375em;
	font-weight: bold;
	color: #FF0000;
	line-height: 0.9em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
}
h2 {
	font-size: 1.125em;
	line-height: 1em;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	marn-left: 0;
}
h3 { font-size: 1.1em; line-height: 1.2em; font-weight: bold; margin: 0 0 1em 0; }
.page article h4 {
	font-size: 1.2em;
	line-height: 0.9em;
	color: #06C;
}
.page article h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
}
.page article ul {
	margin-bottom: 0px;
	margin-top: 2px;
}
.page article p em {
	line-height: 0.8em;
	font-size: 14px;
	color: #666;
}
.biggerprice {
	font-size: 1.4em;
}

p { margin: 0 0 .75em 0; }


.artimg {
	float: right;
	border: 1px solid #666;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	max-width: 100%;
	height: auto;
}

.artimglft {
	float: left;
	border: 1px solid #666;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imgstickers {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.redcolor {
	color: #F00;
}
.bluecolor {
	color: #06C;
}

a {
	color: #cc6666;
	text-decoration: none;
}
a:hover { color: #996666; }

footer { font-size: .85em; color: #996666; background-color: #660000; padding 10px 10px 10px 0; }

a.cta { 
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }

.promo h3 {
	font-size: 1.1em;
	margin: 0;
	color: 660000;}      
.promo p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.promo { background-repeat: no-repeat; background-size: 60px 60px; }

.promo.one { background-image: url(../images/promo_1.svg); }
.promo.two { background-image: url(../images/promo_2.jpg); }
.promo.three {
	background-image: url(../images/promo_3.svg);
}

nav a {
	color: #FFCC99;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: 0.8em;
}
nav a:hover { color: #fff; }
nav a.active { color: #fff }

.clear-fix { clear: both; line-height:1px; }

.asideimg {
	float: left;
	height: 45px;
	width: 500px;
	}
aside a {
	color: #003366;
	display: block;
	text-decoration: none;
	padding: 1px 1px;
}


@media
	only screen and (min-width:501px) and (max-width:642px)
	{
		h1 { margin: 40 0 .5em 0; !important; }
	}
	

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx),
{
	
	.promo.one { background-image: url(../images/promo_1_2x.svg); }
	.promo.two { background-image: url(../images/promo_2_2x.jpg); }
	.promo.three { background-image: url(../images/promo_3_2x.svg); }	
}

.print { display: none; }
.redcolorbigger {
	font-size: 1.5em;
	color: #F00;
}