html, body { padding: 0; margin: 0; background: url("../img/fondo.jpg"); font: .82em Verdana, Geneva, Arial, Helvetica, sans-serif;  }
table{ border:0px; border-collapse:collapse; }
img { border: 0; }
a { text-decoration: underline; }
p { text-align: justify; color: #303030; line-height: 1.5em; }
h1 { margin: 0 0 .5em 0; padding: 0; font-size: 2em; font-weight: bold; color: #303030; }
h2 { margin: 0 0 -.8em 0; padding: 0; color: #005071; font: normal normal bold 1.3em/1.3em "Times New Roman", Times, serif; }

#wrap { width: 600px; margin: 10em auto; }
#wrap.portada { left: 28%; top: 29%; }
#wrap_html { margin: 0 auto; position: relative; width: 750px; margin-top: 48px; }

#banners { clear:both; width: 800px; margin: 0 auto; padding-top: 5em; text-align: center; }

#portada {  }
#entrar { float: left; margin-top: 100px; margin-left: 20px; }

#tarjeta { width: 392px; height: 237px; background: url(../img/tarjeta.png) no-repeat; behavior: url(css/iepngfix.htc); float: right; }
#tarjeta.html { float: left; z-index: 0; }
#tarjeta ul { color: #FFF; list-style-type: none; margin: 0; display: inline; }
#tarjeta ul li { padding-bottom: 5px; display: block; }
#tarjeta ul li a { color: #FFF; text-decoration: none; }
#tarjeta ul li a:hover { color: #CCC; }

#fotos { z-index: 1; margin-left: 351px; position: absolute; }
#fotos img { behavior: url(css/iepngfix.htc); }

#central { width: 735px; background-color: #FFF; position: absolute; z-index: 0; margin-top: 245px; min-height: 400px; background: #FFF url(../img/fondo_menu.jpg) no-repeat; }

#menu { list-style-type: none; margin: 80px 0 0 15px; padding: 0; float:left; }
#menu li { margin-bottom: 1.5em; }
#menu li a { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; }
#menu li a:hover { color: #000; }

#contenido { float: right; width: 530px; padding: 35px 20px 20px 0; }
#contenido a { color: #005071; }
#contenido a:hover { color: #303030; }

ul.dir { padding: 155px 0 0 30px; float: left; }
ul.con { padding: 155px 50px 0 0; float: right; position: relative; }
ul.ser { list-style-image: url(../img/mas.gif); }
ul.ser li { text-align: justify; }

a.html  { background: url(../img/entrar_html.png) no-repeat; }
a.flash { background: url(../img/entrar_flash.png) no-repeat; margin-top: 2em; }

img.right { float: right; margin: 0 0 0 1em; }
img.left { float: left; margin: 0 1em 0 0; }
p.center { text-align: center; }

.clear { clear: both; }

.abrir { margin-bottom: 10px; }
a.mas       { font: .8em Verdana, serif; text-decoration: underline; }
.oculto { display: none; }