#nav{
background: none repeat scroll 0 0 rgba(0,0,0,0.75);
bottom: 0px;
height: 22px;
position: fixed;
width: 100%;
}
body {
background-color:#e7e6dd;
font-size:18px;
}
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
ul, ul li {
margin-left: 10px;
list-style: circle;
}
ol, ol li {
margin-left: 10px;
/*list-style-type: upper-roman;*/
/*list-style-type: lower-alpha;*/
list-style-type: decimal;
}
a {
color:#001987;
text-decoration:none;
}
a:hover {
color:#cc0000;
}
pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
}
code {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

@media all and (orientation:portrait) {
.content {
width:320px;
margin:7px 0 0 0px;
overflow:hidden;
}

.white-content {
background-color:#ffffff;
float:left;
margin-left:20px;
width:750px;
}

.img-landscape{
width:320px;
}
.img-potrait{
width:320px;
}
}

@media all and (orientation:landscape) {
.content {
width:480px;
margin-top: 7px;
margin-right: 0;
margin-bottom: 0;
margin-left: 7px;
overflow:hidden;
}
.img-landscape{
width:480px;
}
.img-potrait{
width:400px;
}



.qr-codes {
font-size:12px;
}
.img-qr-code{
width: 100px;
}