html, body, #wrapper {
  margin: 0px; padding: 0px;
  width: 100%; height: 100%; min-height: 100%;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  
  font-weight: normal;
  font-size: 12px; 
  color: #000000;
  background: #ffffff url('sd01/bkg.gif') repeat-x top left;
}
html>body, html>body #wrapper { height: auto; }

div#wrapper {
  position: absolute; top: 0px; left: 0px;
}

div#header {
  position:relative; z-index:50;
  width: 100%; height: 110px;
  overflow: hidden;
  border-bottom: 1px solid #dcc;
  background: url('sd01/bkg-top.gif') repeat-x top left;
}
div#headerR {
  width: 110px;
  height: 110px;
  background: url('sd01/top-right.gif') no-repeat top right;
  position: absolute; top: 0px; right: 0px;
}
div#headerL {
  width: 110px;
  height: 110px;
  background: url('sd01/top-left.gif') no-repeat top left;
  position: absolute; top: 0px; left: 0px;
  cursor: pointer;
}


div#contentWrapper {
  width: 100%;
  padding:0px; float: left;
}
div#content {
  width: 710px;
  padding:0px; margin: 0 auto;
}
div#content a,div#content a:active,div#content a:link,div#content a:visited {
  color: #84827b;
  font-size: 11px;
  text-decoration: none;
}
div#content a:hover { color: #f1592a; }

div#content h1 {
  padding: 0px; border: 0px;
  margin: 20px 0px 20px 0px;
  font-family: 'Georgia', 'Times New Roman', serif;  
  font-size: 36px; 
  font-style: italic;
  color: #413b3b;
  font-weight: normal;
  text-align: right;
}
div#content h1 b {
  color: #f1592a;
  font-weight: bold;
}
div#content em {
  font-family: 'Georgia', 'Times New Roman', serif;  
  font-style: italic;
  font-weight: bold;
}
div#content cite {
  font-style: normal;
  font-size: 11px; 
}
div#content h4 {
  color: #f7941e;
  font-weight: bold;
  font-size: 18px;
  font-weight: bold;
  margin: 0px; padding: 0px;
}
div#content p {
  padding: 0px; border: 0px;
  margin: 20px 0px 20px 0px;
  font-size: 14px; 
  color: #413b3b;
  font-weight: normal;
  text-align: justify; 
}
div#content h2 {
  padding: 0px; border: 0px;
  margin: 20px 0px 20px 0px;
  font-size: 24px; 
  color: #f7941e;
  font-weight: bold;
}

div#content hr {
  border: 1px solid #ffffff;
  padding: 0px;
  margin: 5px 0px 5px 0px;
}
div.clear { clear: both; margin: 0; padding: 0; }


div#footer {
  clear: both;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 140px;
  overflow:hidden;
}
div#footerTopWrapper {
  background: #e0e0d5 url('sd01/bkg-foot-left.gif') no-repeat top left;
  height: 100px;
  overflow: hidden;
}
div#footerTop {
  width: 710px;
  padding:0px; margin: 0 auto;
}
div#footerTop dl {
  float: left;
  margin: 0px; padding: 0px;
  width: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div#footerTop dt {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  color: #494949;
}
div#footerTop dt a { color: #494949 !important; }
div#footerTop dt a:hover { color: #f1592a !important; }

div#footerTop dd {
  color: #84827b;
  font-size: 12px;
  margin: 0px;
}
div#footerTop a,div#footerTop a:active,div#footerTop a:link,div#footerTop a:visited {
  color: #84827b;
  font-size: 12px;
  text-decoration: none;
}
div#footerTop a:hover { color: #f1592a; }
div#footerBottomWrapper {
  background: #ffffff url('sd01/bkg-foot-right.gif') no-repeat bottom right;
  height: 40px;
}
div#footerBottom {
  width: 710px;
  padding:12px 0px 0px 0px; margin: 0 auto;
}
div#footerBottom h1 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  color: #494949;
  float: left;
  margin: 0px; padding: 0px;
  width: 150px;
}
div#footerBottom h2 {
  color: #84827b;
  font-size: 12px;
  font-weight: normal;
  display: inline;
  float: left;
  margin: 0px; padding: 0px;
}

div.box {
  width: 330px;
  height: 130px;
  background: #f7f4f3 url('sd01/bkg-box.gif') no-repeat 0 0;
  border: 1px solid #e2e2d8;
  margin-bottom: 20px;
  float: left;
}
div.boxLink {
  cursor: pointer;
}
div.boxLink:hover, div.box:hover {
  border: 1px #f1592a solid;
  background-position:  0px -130px;
}

div.boxR { float: right !important; }
div.box img.box-screenshot {
  float: left;
  margin: 15px;
  border: 0px;
}
div.boxContent {
  height: 100px;
  width: 175px;
  margin-left: 140px;
  margin-top: 15px;
}
div.boxContent h3 {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin: 0px; padding: 0px;
}
div.boxContent h4 {
  color: #f7941e;
  font-size: 18px;
  font-weight: bold;
  margin: 0px; padding: 0px;
}
div.boxContent code {  
  color: #84827b;
  font-size: 11px;
  text-decoration: line-through;
}
div.boxContent a,div.boxContent a:active,div.boxContent a:link,div.boxContent a:visited {
  color: #84827b;
  font-size: 11px;
  text-decoration: none;
}
div.boxContent a:hover { color: #f1592a; }
div.boxContent p { 
  font-size: 10px !important;
  margin: 5px 0px 0px 0px !important;
}

div.listaImagenes {
  padding: 20px;
}
span.listaImagenesItem {
  float: left;
  margin-right: 11px;
  margin-bottom: 11px;
}
a.lightbox img {
  border: 0px;
}

div#main { 
  margin: 0; padding: 0; 
  background: url('sd01/bkg-7.gif') no-repeat 0 0;
  min-height: 310px;
}
* html div#main {
  margin-bottom: 140px;
}
/* \*/
* html #footer {
  position: absolute;
}
* html #main {
  padding-bottom: 140px;
}
/* \*/
head:first-child+body div#footer {
  position: absolute; z-index:0;
}
head:first-child+body div#main {
  padding-bottom: 140px;
}

}

@media all and (min-width:0px) {
head~body {height:100%;}
}