@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url(dosis.woff) format('woff'), url(dosis.eot) format('embedded-opentype');
}
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 400;
  src: url(open-sans.woff) format('woff'), url(open-sans.eot) format('embedded-opentype');
}
@font-face {
  font-family: 'Open-Sans';
  font-style: normal;
  font-weight: 700;
  src: url(open-sans-bold.woff) format('woff'), url(open-sans-bold.eot) format('embedded-opentype');
}

html, body {
margin: 0px;
border: 0px;
padding: 0px;
font-family: "Open-Sans", Arial, Helvetica, sans-serif;
width: 100%;
height: 100%;
}

#logo {
position: absolute;
top: 14px;
left: 4px;
border: 0px;
text-decoration: none;
}

h1 {
position: absolute;
top: 25px;
left: 260px;
margin: 0px;
border: 0px;
padding: 0px;
font-size: 20px;
color: #333;
}

#content {
position: absolute;
width: 700px;
/* display: inline-block; */
top: 3px;
left: 255px;
margin: 0px;
border: 0px;
padding: 5px;
font-size: 16px;
}

.aaa {
font-weight: bold;
color: #000;
background-color: #ccc;
}

.bbb {
color: #000;
background-color: #fff;
}

.ccc {
font-weight: bold;
color: #fff;
background-color: #933;
}

.ddd {
color: #fff;
background-color: #933;
}

.eee {
color: #000;
background-color: #ccc;
}

#my-nav {
display: inline-block;
vertical-align: top;
top: 500px;
left: 0px;
margin: 0px;
border: 0px;
padding: 5px 0px 0px 0px;
width: 190px;
font-size: 16px;
color: #333;
}

#my-nav :link, #my-nav :visited {
display: block;
text-decoration: none;
margin: 0px;
border: 0px;
padding: 5px;
line-height: 1.0;
}

#my-nav :link:hover, #my-nav :visited:hover {
color: #fff;
background-color: #933;
}

.accept {
border: 0px;
}

p {
  color: #0a0a0a;
  font-size: 16px;
  line-height: 175%;
}
ul {
  color: #333;
  font-size: 16px;
  line-height: 200%;
}

#logo2 {
  position: absolute;
  top: 3px;
  left: 0px;
  z-index: 1;
}

#logo2 img {
  display: block;
  border: 0px;
}

/* One scale of font sizes: the headings of the content as large as the
   title of the page, the headings of the form groups a step under them,
   then the text, the labels and the notices. */
#content h2 {
  font-size: 20px;
}

#content h3 {
  font-size: 17px;
}

#content label,
#content .core-form-field-body-note {
  font-size: 15px;
}

#content .store-notice-security,
#content .store-notice-reseller {
  font-size: 14px;
}