/*fixe all margins*/
* {
	margin: 0;
	padding: 0;
}

/*
Clear div to force containers to enclose de floats.
Append tags '<div class="clear"></div>' at end of main containers div.
*/
.clear {
  clear: both;
}

/*main container*/
body {
	max-width: 70em;
  margin: auto;
  padding: 0em 1em 0em 1em;
  margin-top: 0;
	color: black;
	background-color: white;
	font-family: Sans-Serif;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

/*header*/
#header {
  padding:  0.5em 0em 0.5em 0em;
  font-size: 0.8em;
  overflow: auto;
}
.langBtn {
  margin: 1px;
  padding-left: 1em;
  padding-right: 1em;
  border-width: 1px;
  border-style: solid;
  background-color: rgb(204, 204, 204);
  cursor:default;
}
.langBtn:hover {
  border-width: 3px;
}

#mainLink {
  /*text-align: right;*/
  float: right;
}

#spfBanner {
  background-image: url(images/spfhall.jpg);
  background-position: top right;
  background-repeat:  no-repeat;
  min-height: 67px; /*heigth of spfLogo*/
}
#spfLogo {
  background-image: url(images/spffin.gif);
  background-position: top left;
  background-repeat: no-repeat;
  min-width: 65px;
  min-height: 67px;
  border-right: solid;
  padding-right: 0.5em;
  float: left;
}
#spfTxt {
  display: inline;
  text-align:left;
  margin-left: 0.5em;
  margin-top: 0.5em;
  font-size: 20px;
  float: left;
  background-color: white;
}

/*infomations frames*/
.info {
  position: relative;
  padding: 0.5em 0.5em 0.5em 1em ;
  margin-top: 2em;
  border: solid;
  border-width: thin;
  min-height: 2em;
  font-size: 1em;
}
.info h2{ /*heading as frame legend*/
  position: absolute;
  left: 1em;
  top: -1em;
  background-color: white; /*to erase border*/
  text-align: left;
  font-size: 1em;
}
.info p{
  padding: 0.5em;
  white-space: pre-line;
  font-size: 1em;
}

.infoLogo {
  /*background-image: url(images/attention.png);*/
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  margin: 0em 0.5em 0em -0.5em ;
  float: left;
}

#infoFooter {
 font-size: 0.9em;
}

pre {
  white-space: pre-wrap;
  font-size: 0.9em;
}

/*footer*/
#contact {
  margin-top: 1em;
  padding: 0.5em;
  background-color: #838698;
}
#contact *{
  margin: 0;
  text-align:left;
  color: white;
  font-size: 1em;
}

/*mobiles*/
@media screen and (max-device-width: 1079px) {
  body {
	  font-size: large;
  }
  #spfTxt {
    font-size: 20px;
  }
}
@media screen and (max-device-width: 767px) {
  body {
	  font-size: x-large;
  }
}
@media screen and (max-device-width: 539px) {
  body {
	  font-size: xx-large;
  }
}