@charset "utf-8";

body, html, p, h1, h2, h3, h4, h5, h6, ul, li {
	padding:0;
	margin:0;
}

body {
	background-image:url('fd.jpg');
	background-attachment:fixed;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

ul {
	list-style-type: none;
}

body {
	font-family:'verdana';
	font-size:14px;
	text-align:center;
}

strong {
	font-weight:bold;
}

h2 {
	font-size:1.3em;
	margin-bottom:10px;
}

h3 {
	font-size:1.1em;
	margin-bottom:8px;
}

* + h3 {
	margin-top:20px;
}

.bg1 {
	background-color:#bdd536 !important;
	color:#464649 !important;
}
.bg2 {
	background-color:#464649 !important;
	color:#fff !important;
}

h3.bg1 {
	padding:6px 10px;
	margin-bottom:0;
}

ul.bg2 {
	padding:6px 10px;
}

header h1 {
	color:#464649
}
header h2 {
	color:#bfbfbf
}

header#header {
	text-align:left;
	margin-bottom:40px;
}

header#header h1 {
	font-weight:bold;
	font-size:28px;
	margin-top:40px;
	padding-left:100px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:30px;
	display:inline-block;
	margin-right:auto;
	text-align:right;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

header#header h1 .pre_title {
	font-size:35px;
}

header#header h1 .title {
	font-size:46px;
	display:inline-block;
	margin-right:40px;
}

section#desc,
nav#prim {
	vertical-align:top;
	display:inline-block;
}

section#desc h2 {
	font-weight:bold;
	padding-top:10px;
}

section#desc h2,
section#desc h3 {
	color:#464649;
}
section#desc ul {
	list-style-type: disc;
	padding-left:20px;
}
section#desc li {
	margin-left:20px;
}

section#desc {
	margin-bottom:40px;
	text-align:left;
	max-width:600px;
	background-color:#efefef;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

section#desc > *:not(.bg1),
section#desc > *:not(.bg2) {
	padding-left:20px;
	padding-right:20px;
}

section#desc > :last-child {
	margin-bottom:20px;
}

nav#prim {
	text-align:right;
	width:483px;
}

nav#prim header {
	margin-bottom:20px;
}

nav#prim header h2 {
	text-align:justify;
	font-weight:bold;
	background:url('connect.png') no-repeat center bottom transparent;
	padding-bottom:40px;
}

nav#prim a {
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-o-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaa, Direction=NaN, Strength=3);
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	margin-bottom:20px;
}
nav#prim a:hover {
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.7);
	-o-box-shadow: 0 0 5px 0 rgba(0,0,0,.7);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.7);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
}

nav#prim #link_shop,
nav#prim #link_dica {
	height:102px;
	width:483px;
}


nav#prim #link_shop {background-image:url('BoutonShop.png');}
nav#prim #link_dica {background-image:url('BoutonDica.png');}



footer {
	margin-top:50px;
	padding-top:20px;
	padding-bottom:20px;
	font-style:italic;
	font-size:.8em;
	background-color:rgba(255,255,255,.6);
}
.num_cristal {
	display:inline-block;
	height:46px;
	width:279px;
	background:url('num_cristal.png') center center no-repeat transparent;
}
.note {
	font-style:italic;
	font-size:.8em;

}

@media screen and (min-width: 700px) {
	
	nav#prim {
		margin-left:100px;
		margin-right:100px;
	}
	
}