@font-face {
  font-family: FilosofiaGrand;
  src: url(../images/fg.eot);
  src: local("FilosofiaGrand"), url(../images/fg.ttf) format("opentype");
}


html, body {
 font-family: Arial, sans-serif;
 color: white;
 font-size: 10pt;
 margin: 0;
 padding: 0;
 height: 100%;
 width: 100%;
 overflow: hidden;
 background: #808080;
}

img, div, p, form, h1, h2, h3, h4, h5, h6, a, button, dl, dt, dd, label, ins, input, button {
	border-width: 0;
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

ins {
 text-decoration: none;
}

p {
 margin: 0 0 15px 5px;
}

a, a:link, a:active, a:visited {
 color: #fff;
 text-decoration: underline;
 outline: none;
}

h1 {
 font-family: FilosofiaGrand, serif;
 font-size: 28pt;
 padding: 0 0 20px;
 letter-spacing: -1px;
 font-weight: normal;
}

#layout {
 background: url(../images/01.jpg) no-repeat right center;
 margin: -392px 0 0 -512px;
 width: 1024px;
 height: 784px;
 overflow: hidden;
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: 11;
}

#article {
 width: 410px;
 overflow: hidden;
 position: absolute;
 left: 45px;
 top: 215px;
 z-index: 10;
}

#form {
 width: 410px;
 overflow: hidden;
}

#form form input {
 margin: 0 10px 0 0;
 font-size: 8pt;
 color: white;
 text-indent: 10px;
 background: rgb(82, 111, 140);
 width: 200px;
 height: 30px;
 line-height: 30px;
 border: 1px solid white;
 float: left;
}

#form form button {
 font-family: FilosofiaGrand, serif;
 font-size: 19pt;
 font-weight: bold;
 text-transform: uppercase;
 color: white;
 background: none;
 line-height: 30px;
 float: left;
 cursor: pointer;
 margin: 2px 0 0;
}