* {
  text-decoration:none;
  margin:0;
  padding:0;
  outline:none;
}

body {
  background:#D9DEE5;
  color:#000;
  font-family:Trebuchet MS,Verdana,Arial,Geneva,Helvetica,sans-serif;
  padding:0.25em;
  font-size:0.8em;
  text-align:center;
}

a,a:hover,a:visited {
  color:#000;
}

p {
  margin:0.6em 0 0.6em 0;
}

#main {
  background:#F5F5F5;
  max-width:50em;
  margin:0 auto 3em auto;
  text-align:left;
  border:0.1em solid #CCC;
  padding:1em;
}

* html #main {
  width:50em;
}

img,a img,form,fieldset,table {
  border:none;
}

ul li {
  list-style:none;
}

sup {
  line-height:0;
}

#top {
  position:relative;
  margin:0 0 5em 0;
}

h1 {
  font-family:Tahoma,Trebuchet MS,Verdana,Arial,Geneva,Helvetica,sans-serif;
  padding:0.1em;
  letter-spacing:0.25em;
  font-style:italic;
  font-weight:normal;
}

h1 a,h1 a:hover,h1 a:visited {
  color:#000;
}

h2 {
  letter-spacing:0.1em;
  font-weight:normal;
  border-bottom:0.15em solid #CCC;
  padding-bottom:0.1em;
  display:inline;
}

#menu-languages {
  position:absolute;
  top:0;
  right:0;
  text-align:right;
  font-weight:bold;
  color:#000;
  padding:0.1em 0.2em 0.1em 0.2em;
}

#menu-languages a {
  font-weight:bold;
  color:#AAA;
}

#menu-top {
  position:relative;
  margin:0.4em 0.2em 0 0;
}

#menu-top li {
  float:left;
  position:relative;
}

#menu-top a,#menu-top span {
  float:left;
  padding:0.25em 1em;
  border:0.1em solid #CCC;
  margin:0.2em;
}

#menu-top span {
  cursor:default;
  background:#BBB;  
}

#menu-top a.mother-page {
  background:#E6E6E6;
}

#menu-top a:hover,#menu-top a:focus {
  background:#CCC;
}

#menu-top li ul {
  font-size:0.87em;
  top:2.7em;
  left:0;
  position:absolute;
  float:left;
  display:inline;
  width:30em;
}

#menu-top li ul a,#menu-top li ul span {
  float:left;
  padding:0.1em 0.2em;
  border:0.1em solid #CCC;
  margin:0.2em;
}

#content {
  clear:left;
  min-height:20em;
}

* html #content {
  height:20em;
}

#content a {
  color:#636568;
}

#content a:hover,#content a:focus {
  color:#141415;
}

.half-page-column {
  float:left;
  margin-left:2em;
  width:40%;
  background:#fafafa;
}

.half-page-column h3 {
  color:#474747;
  text-transform:uppercase;
  text-align:center;
  font-size:0.9em;
  font-weight:normal;
  letter-spacing:0.25em;
  padding-top:0.4em;
  margin-bottom:30px;
}

.half-page-column-even {
  background:#EBEBEB;
}


.half-page-column ul {
  margin:1.5em 0 1em 1em;
}

.half-page-column ul li {
  margin:0.5em 1em;
}

#sub-content {
  margin:1em 0 1em 0.3em;
}

#sub-content ul {
  margin:1.5em 0 1em 1em;
}

#sub-content ul li {
  margin:0.5em 1em;
  list-style:square;
}

#sub-content h3 {
  margin:1.2em 0 -1em 0.2em;
}

#sub-content p {
  margin:1em 0 1em 1em;
}


#sub-content li.category {
  list-style:none;
}


.reference {
  font-style:italic;
}

#article {
  text-align:justify;
  line-height:1.15;
}

#article .article-info {
  display:block;
  margin:1em 0 1em 0;
}

#article .intro {
  margin-top:1em;
  font-style:italic;
  clear:both;
}

/* contact form */

form.form-contact {
  width:40em;
  margin:2em 1em 1em 1em;
}

form.form-contact label {
  line-height:1.2;
  padding-left:0.1em;
  margin-top:0.1em;
  clear:both;
  display:block;
  margin-bottom:0.2em;
  width:8em;
  float:left;
}

form.form-contact input.input-text,form.form-contact textarea {
  margin-bottom:1em;
  border:none;
  float:left;
  clear:right;
  display:block;
  width:20em;  
  background:#FFF;  
}

* html form.form-contact input.input-text,* html form.form-contact textarea,*:first-child+html form.form-contact input.input-text,*:first-child+html form.form-contact textarea {
  float:none;
  clear:none;
}

form.form-contact textarea {  
  overflow:hidden;
  width:20.5em;  
}

*html form.form-contact textarea,*:first-child+html form.form-contact textarea {  
  width:20em;  
}

form.form-contact input.input-text {
  height:1.2em;
}

/* submit button size */

.sb-submit {
  width:266px;
}

.sb-container,.sb-out-x {
  width:266px;
}

.sb-in-x {
  width:264px;
}

.sb-container,.sb-out-y,.sb-submit {
  height:25px;
}

.sb-in-y {
  height:23px;
}

/* submit button colors */

.sb-submit-normal {
  color:#000;
}

.sb-out {
  background:#F5F5F5;
}

* html .sb-out {
  background:#FFF;
}

.sb-submit-normal,.sb-submit-action{
  border:none; 
  background:#CCC;
}

.sb-submit-normal,.sb-in-normal {
  background:#FFF;  
}

.sb-in-action,.sb-submit-action,.sb-submit:hover {
  background:#CCC;
  color:#000;
}

/* submit button */

.sb-container {
  position:relative;
  display:block;
  float:left;
  margin-left:8.2em;
  clear:both;
}

* html .sb-container {
  float:none;
  margin-left:8.4em;
}

.sb-submit {
  position:absolute;
  top:0;
  left:-1px;
  font-weight:bold;
  font-size:1em;
  text-align:center;
  text-transform:uppercase;  
  outline:none;
}

.sb-submit-normal,.sb-submit-action{
  border:none;  
}

.sb-submit-action,.sb-submit:hover {
  cursor:pointer;
}

.sb {
  position:absolute;
  display:block;
  font-size:0px;
}

.sb-out-x,.sb-in-x {
  height:1px;
}

.sb-out-y {
  width:1px;  
}

.sb-in-y {
  width:2px;  
}

.sb-out-top{
  top:0px;
  left:-1px;
}

.sb-out-bottom {
  bottom:0px;
  left:-1px;
}

* html .sb-out-bottom {
  bottom:-1px;
  left:-1px;
}

.sb-out-right {
  top:0;
  right:0;    
}

.sb-out-left {
  left:-2px;
  top:0;
}

.sb-in-top {
  top:1px;
  left:0;
}

.sb-in-bottom {
  bottom:1px;
  left:0;
}

* html .sb-in-bottom {
  bottom:0;
  left:0;
}

.sb-in-right{
  top:1px;
  right:1px;  
}

.sb-in-left {
  left:-1px;
  top:1px;  
}



#article ul,#article ol {
  padding-left:20px;
}

#article ul li {
  list-style:square;
}

#article ol li {
  list-style:decimal;
}

.right {
  text-align:right;
}

blockquote {
  padding:20px;
  font-style:italic;
}