@media screen {
body {background: #ffffff; width:700px; margin-left:50px; position: relative; }
div#content {background: #ffffff; position: absolute; top: 60px; left: 20px; right: 25px;
   color: #000; font: 14px Verdana, sans-serif; padding: 10px; 
   border: solid #222222;}


div#fotos {background: #ffffff; position: absolute; top:50px; left: 700px; right: 25px;
   color: #000; font: 14px Verdana, sans-serif; padding: 10px; }
}

@media print {
body {background: #ffffff; width:700px; margin-left:0px; position: relative; }
div#content {background: #ffffff; position: absolute; top: 26px; left: 10px; right: 25px;
   color: #000; font: 14px Verdana, sans-serif; padding: 10px; 
   border-right: 1px solid black;}

div#fotos {background: #ffffff; position: absolute; top:50px; left: 700px; right: 25px;
   color: #000; font: 14px Verdana, sans-serif; padding: 10px; }

}


div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
h1 {padding:20px; letter-spacing: 0.5em; font: bold 25px sans-serif; height: 28px; vertical-align: middle; margin-bottom:50px; background-color:#cccccc}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: black;}
div#content a:visited {color: #111;}
div#content a:link:hover {color: #00F;}
div#content a:visited:hover {color: #00F;}
code, pre {color: #222; font: 110% monospace;}


.picclass {
    border: 1px solid gray;
    padding: 5px;
    width: 270px;
}

h2 {
    margin-top: 40px;
}
p {
    margin-bottom: 10px;
}