@charset "utf-8";

/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address,
img, center, ol, ul, li, dl, dt, dd, form, fieldset, label, legend, input, select, button, textarea, table, tbody, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, section, time, mark, audio, video {
	border: 0; font-size: 100%; font: inherit; vertical-align: baseline; padding: 0; margin: 0; }
header, footer, nav, section, article { display: block; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner { padding:0; border:0; }

/* basic */

html, body { height: 100%; }
body { background: #304F67; color: #FFF; font: normal 1em/1 Oxygen, Tahoma, Geneva, sans-serif; overflow: hidden; min-height: 500px; }
a { color: #FF6E52; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }
::selection { background: #BBDAEA; }
::-moz-selection { background: #BBDAEA; }
::-webkit-selection { background: #BBDAEA; }
*:after, *:before { content: ''; }
input:focus { outline: none; }

#container {
	position: relative;
	overflow: hidden;
	height: 100%;
}

#logo {
	background: url(../images/logo.png) center no-repeat;
	text-indent: -9999em;
	position: absolute;
	left: 5em;
	bottom: 5em;
	width: 201px;
	height: 43px;
	opacity: 0.7;
	transition: opacity 0.3s linear;
}

#logo:hover { opacity: 1; }

footer {
	text-align: right;
	position: absolute;
	right: 5em;
	bottom: 5em;
}

	footer p {
		font-size: 90%;
		line-height: 1.6;
	}

	.copyrights { font-size: 80%; }

circle {
	stroke: #FFF;
	stroke-opacity: 0.3;
}

@media screen and (max-width: 50em) {

	#bubbles { display: none; }

	#container {
		margin-bottom: -4em;
	}

	#logo {
		background-position: center top;
		width: auto;
		text-align: center;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding-bottom: 4em;
		margin: auto auto;
	}

	footer {
		background: #FF6E52;
		text-align: center;
		right: 0;
		left: 0;
		bottom: 0;
		padding: 1em 5%;
		margin: auto;
		min-height: 4em;
	}

	footer a { color: #FFF; }

	.copyrights { margin-top: 0.5em; }

}

body.text { overflow: auto; }

.wrapper {
    max-width: 80rem;
    min-height: 100%;
    margin: 0 auto;
    padding: 3rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper .logo {
    border-bottom: 1px dotted rgba(255,255,255,0.2);
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
}

.content {
    font-size: 0.875rem;
    line-height: 1.5;
}

.content h2 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 3rem 0 1.5rem;
}

.content h2:first-of-type { margin-top: 0; }

table {
    border: 1px solid rgba(255,255,255,0.2);
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
    border-collapse: separate;
}

tr:not(:last-of-type) td { border-bottom: 1px dotted rgba(255,255,255,0.2); }

td { padding: 0.5rem; }

.content p, li {
    text-align: justify;
    margin-top: 1rem;
}

ul {
    list-style: disc outside;
    padding: 0 0 0 1rem;
    margin: 1rem 0 0 1rem;
}

li { padding-left: 0.5rem; }

dl { margin-bottom: 2rem; }

.faq dt {
    font-weight: 700;
    margin-bottom: 0.5rem;
}

dt, dl { text-align: justify; }

.faq dt:before { content: '«'; }
.faq dt:after { content: '»'; }