body{ margin: 0; padding: 0; background: #72B2FF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: .9em; }
#nav { margin: 10px auto 0px auto; text-align: center; background: url(../images/fondonav.gif) no-repeat top right; width: 790px; height: 46px; padding-top:7px;; }
#nav table{ border-collapse: collapse; background-color: Black; margin: 0 auto 5px auto; }
#nav table img{ vertical-align: middle; }

#portada #frontend{ background: url(../images/frontend1.jpg) no-repeat top right; color: #01660d; width: 800px; height: 547px; margin: 0 auto 0 auto; padding: 0 0 0 10px}
#frontend h1{ text-indent: -9999px; margin: 0; padding: 0; line-height: 0; }
#contenido{ margin: 158px 150px 0px 150px;}
#contenido #fondoportada{ background: url(../images/fondoportada.gif) no-repeat top right; width: 120px; height: 174px; float: left; }
#contenido #fondoportada img{ border: 1px solid #338f51; }
#contenido #fondoportada p{ font-weight: bold; font-size: .9em; text-align: center; margin: 3px 5px 0 0; }
#contenido #textos{ margin-left: 125px; font-size: 1em; font-weight: bold; }
#contenido #textos h2{ text-indent: -9999px; margin: 0; padding: 0; background: url(../images/quiendijo.gif) no-repeat top left; }
#contenido #textos p{ margin: 1em 0 0 0; }
#contenido #textos p strong{ color: #013D08; }
#contenido #jugar{ clear: both; text-align: center; margin: 15px 0 0 0; }
#contenido #jugar a{ background: url(../images/jugar.jpg) no-repeat top; display: block; width: 144px; height: 70px; margin: 0 auto; text-indent: -9999px; }
#contenido #jugar a:hover{ background-position: bottom; }

#juego #frontend{ background: url(../images/frontend1.jpg) no-repeat top right; color: #01660d; width: 800px; height: 547px; margin: 0 auto 0 auto; padding: 0 0 0 10px}
#juego #frontend #contenido{ width: 545px; height: 409px; margin: 49px 0 0 124px;}

.holdertext{ font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: white; }
.holdertext a{ color: black; font-weight: normal; }
.holdertext a:hover{ color: red; }


@media handheld { .holdertext:after{ content: "- Diseño y maquetación CSS - \Ahttp://elufo.com\A\A- Programación Flash -\Ahttp://www.organicfields.net"; position: absolute; bottom: 4px; right: 4px; padding: 1em; font-weight: bold; border: 1px solid #856A00; background: white; color: #A359AA; } }