/* CSS2 : styles.css */

/* desktop */
@media only screen and (min-device-width: 820px) {

body {
  margin-left:20px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:10px;
  background: #F2EFEC;
}

/* GLOBAL */

*.left {
  text-align:left;
}

*.right {
  text-align:right;
}

*.small {
  font-size:9px;
}

*.center {
  text-align:center;
}

p {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  text-align:justify;
  color:#000000;
}

a {
  color:#6e675a;
  text-decoration:none;
}

li {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  text-align:left;
  color:#000000;
}

td {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  text-align:justify;
  color:#000000;
 }

hr {
  border: solid 1px #bfb49c;
  height: 1px;
  width: 70%;
}

.black {
  padding:5px;
  background-color:#000000;
  color:#EEEEEE;
}

/* MENU */

p.menubar {
  color:#6e675a;
  font-size:10px;
  font-weight:normal;
  text-align:center;
}

a.menubar {
  color:#6e675a;
  font-weight:normal;
  font-size:10px;
  text-decoration:none;
  text-align:center;
}

p.copy {
  color:#bfb49c;
  text-align:center;
  font-size:9px;
}


/* BOXES AND BLOCKS */

#page {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:10px;
  width:800px;
  height:auto;
  background-color:#F2EFEC;
  border-left:1px solid #8a8270;
}

#scorpio {
  display:block;
  position:absolute;
  left:-50px;
  top:100px;
  width:150px;
  height:130px;
  background: url(/www/img/scorpioleft.jpg) top right no-repeat ;
}

#center {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:550px;
  height:auto;
  padding-bottom:10px;
  background-color:#F2EFEC;
}

#span {
  display:block;
  position:relative;
  height:150px;
}

#content {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:-120px;
  border-color:#bfb49c;
  border-style:solid;
  border-width:1px;
  padding-top:10%;
  padding-left:10%;
  padding-right:10%;
  padding-bottom:10%;
  height:auto;
 }

#menu {
  display:block;
  position:relative;
  top:0px;
  left:10px;
  width:600px;
  height:20px;
  text-align:center;
 }


#copy {
  display:block;
  position:relative;
  padding-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  bottom:-25px;
  width:100%;
}

#pager {
  display:block;
  position:relative;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
}

#linkfw {
  display:block;
  position:absolute;
  top:0px;
  left:100%;
  right:0%;
  width:20px;
}

#linkup {
  display:block;
  position:absolute;
  top:0px;
  left:50%;
  right:50%;
  width:20px;
}

#linkbw {
  display:block;
  position:absolute;
  top:0px;
  left:0%;
  right:100%;
  width:20px;
}
}

/* retina iPhone, some Galaxy */
@media
only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 2.625),
only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 2.75),
only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 3),
only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 3.5),
only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 4),
only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 4.5)
{

body {
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  background: #F2EFEC;
}

/* GLOBAL */

*.left {
  text-align:left;
}

*.right {
  text-align:right;
}

*.small {
  font-size:12px;
}

*.center {
  text-align:center;
}

p {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:48px;
  text-align:justify;
  color:#000000;
}

a {
  color:#6e675a;
  text-decoration:none;
}

li {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:48px;
  text-align:left;
  color:#000000;
}

td {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:48px;
  text-align:justify;
  color:#000000;
 }

hr {
  border: solid 1px #bfb49c;
  height: 1px;
  width: 70%;
}

.black {
  padding:5px;
  background-color:#000000;
  color:#EEEEEE;
}

/* MENU */

p.menubar {
  color:#6e675a;
  font-size:48px;
  font-weight:normal;
  text-align:center;
}

a.menubar {
  color:#6e675a;
  font-weight:normal;
  font-size:48px;
  text-decoration:none;
  text-align:center;
}

p.copy {
  color:#bfb49c;
  text-align:center;
  font-size:24px;
}


/* BOXES AND BLOCKS */

#page {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:10px;
  width:100%;
  height:auto;
  background-color:#F2EFEC;
}

#scorpio {
  display:none;
}

#center {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:auto;
  padding-bottom:10px;
  background-color:#F2EFEC;
}

#span {
  display:block;
  position:relative;
  height:100px;
}

#content {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-top:1%;
  padding-left:1%;
  padding-right:1%;
  padding-bottom:1%;
  height:auto;
 }

#menu {
  display:block;
  position:relative;
  line-height:60px;
  top:0px;
  left:20px;
  width:100%;
  height:auto;
  text-align:left;
 }


#copy {
  display:block;
  position:relative;
  padding-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  bottom:-75px;
  width:100%;
}

#pager {
  display:block;
  position:relative;
  width:80%;
  padding-top:10px;
  padding-bottom:10px;
}

#linkfw {
  display:block;
  position:absolute;
  top:0px;
  left:100%;
  right:5%;
  width:20px;
}

#linkup {
  display:block;
  position:absolute;
  top:0px;
  left:50%;
  right:50%;
  width:20px;
}

#linkbw {
  display:block;
  position:absolute;
  top:0px;
  left:5%;
  right:100%;
  width:20px;
}

}

/* other Phone */
@media only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 2)  {

body {
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  background: #F2EFEC;
}

/* GLOBAL */

*.left {
  text-align:left;
}

*.right {
  text-align:right;
}

*.small {
  font-size:12px;
}

*.center {
  text-align:center;
}

p {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:48px;
  text-align:justify;
  color:#000000;
}

a {
  color:#6e675a;
  text-decoration:none;
}

li {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:48px;
  text-align:left;
  color:#000000;
}

td {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:48px;
  text-align:justify;
  color:#000000;
 }

hr {
  border: solid 1px #bfb49c;
  height: 1px;
  width: 70%;
}

.black {
  padding:5px;
  background-color:#000000;
  color:#EEEEEE;
}

/* MENU */

p.menubar {
  color:#6e675a;
  font-size:48px;
  font-weight:normal;
  text-align:center;
}

a.menubar {
  color:#6e675a;
  font-weight:normal;
  font-size:48px;
  text-decoration:none;
  text-align:center;
}

p.copy {
  color:#bfb49c;
  text-align:center;
  font-size:24px;
}


/* BOXES AND BLOCKS */

#page {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:10px;
  width:100%;
  height:auto;
  background-color:#F2EFEC;
}

#scorpio {
  display:none;
}

#center {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:auto;
  padding-bottom:10px;
  background-color:#F2EFEC;
}

#span {
  display:block;
  position:relative;
  height:100px;
}

#content {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-top:1%;
  padding-left:1%;
  padding-right:1%;
  padding-bottom:1%;
  height:auto;
 }

#menu {
  display:block;
  position:relative;
  line-height:60px;
  top:0px;
  left:20px;
  width:100%;
  height:auto;
  text-align:left;
 }


#copy {
  display:block;
  position:relative;
  padding-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  bottom:-75px;
  width:100%;
}

#pager {
  display:block;
  position:relative;
  width:80%;
  padding-top:10px;
  padding-bottom:10px;
}

#linkfw {
  display:block;
  position:absolute;
  top:0px;
  left:100%;
  right:5%;
  width:20px;
}

#linkup {
  display:block;
  position:absolute;
  top:0px;
  left:50%;
  right:50%;
  width:20px;
}

#linkbw {
  display:block;
  position:absolute;
  top:0px;
  left:5%;
  right:100%;
  width:20px;
}

}

/* simple Phone */
@media only screen and (max-device-width: 819px) and (-webkit-device-pixel-ratio : 1) {

body {
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  background: #F2EFEC;
}

/* GLOBAL */

*.left {
  text-align:left;
}

*.right {
  text-align:right;
}

*.small {
  font-size:12px;
}

*.center {
  text-align:center;
}

p {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  text-align:justify;
  color:#000000;
}

a {
  color:#6e675a;
  text-decoration:none;
}

li {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  text-align:left;
  color:#000000;
}

td {
  font-family:courier new,helvetica,verdana,arial,sant-serif;
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  text-align:justify;
  color:#000000;
 }

hr {
  border: solid 1px #bfb49c;
  height: 1px;
  width: 70%;
}

.black {
  padding:5px;
  background-color:#000000;
  color:#EEEEEE;
}

/* MENU */

p.menubar {
  color:#6e675a;
  font-size:24px;
  font-weight:normal;
  text-align:center;
}

a.menubar {
  color:#6e675a;
  font-weight:normal;
  font-size:24px;
  text-decoration:none;
  text-align:center;
}

p.copy {
  color:#bfb49c;
  text-align:center;
  font-size:12px;
}


/* BOXES AND BLOCKS */

#page {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:10px;
  width:100%;
  height:auto;
  background-color:#F2EFEC;
}

#scorpio {
  display:none;
}

#center {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:95%;
  height:auto;
  padding-bottom:10px;
  background-color:#F2EFEC;
}

#span {
  display:block;
  position:relative;
  height:100px;
}

#content {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-top:1%;
  padding-left:1%;
  padding-right:1%;
  padding-bottom:1%;
  height:auto;
 }

#menu {
  display:block;
  position:relative;
  line-height:60px;
  top:0px;
  left:20px;
  width:100%;
  height:auto;
  text-align:left;
 }


#copy {
  display:block;
  position:relative;
  padding-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  bottom:-75px;
  width:100%;
}

#pager {
  display:block;
  position:relative;
  width:80%;
  padding-top:10px;
  padding-bottom:10px;
}

#linkfw {
  display:block;
  position:absolute;
  top:0px;
  left:100%;
  right:5%;
  width:20px;
}

#linkup {
  display:block;
  position:absolute;
  top:0px;
  left:50%;
  right:50%;
  width:20px;
}

#linkbw {
  display:block;
  position:absolute;
  top:0px;
  left:5%;
  right:100%;
  width:20px;
}

}