* {
  font-family : Arial, Helvetica, Helv, sans-serif;
}

body, html {
  margin  : 0;
  padding : 0;
  border  : 0;
}

html {
  background : #69c;
  color      : #000;
}

div, h2, h3, p {
  margin  : 0;
  padding : 0;
  border  : 0;
}

h1 {
  width    : 100%;
  height   : 43px;
  margin   : 0;
  padding  : 0;

  color      : #000;
  background : #fff url("/imagen/fondo-logo.gif") no-repeat top right;

  border-style : solid;
  border-color : #000;
  border-width : 0 0 2px 0;
}

h1 img { display : block }

a img { border : 0 }

pre, code, samp, var { font-family : monospace }

q, var { font-style : italic }

.oculto { display : none }

.box-1 {
  margin  : 0;
  border  : 0;
  padding : 0;
}

.box-2 {
  margin       : 0 0 1em 0;
  border-style : solid;
  border-width : 1px;
  border-color : #000;
  background   : #ccc;
  color        : #000;
  padding      : 0;
}

.box-3 {
  margin       : 0;
  border-style : solid;
  border-width : 1px;
  border-color : #fff #999 #999 #fff;
  background   : #ccc;
  color        : #000;
  padding      : 3px;
 
}

.box-4 {
  margin       : 0;
  border-style : solid;
  border-width : 1px;
  border-color : #999 #fff #fff #999;
  padding      : 0;
  background   : #000;
  color        : #fff;
}

.box-5 {
  margin     : 0;
  border     : 0;
  padding    : 0;
  background : #fff;
  color      : #000;
  overflow   : auto;
  border     : 1px solid #000;
}

#menu {
  position : absolute;
  width    : 20%;
  top      : 70px;
  left     : 1%;
}

#contenidos {
  position : absolute;
  width    : 77%;
  top      : 70px;
  left     : 22%;
}

#contenidos p,
#contenidos pre,
#contenidos dl,
#contenidos h2,
#contenidos h3,
#contenidos h4 {
  margin  : 0;
  padding : 5px 10px;
}

#contenidos p.primero,
#contenidos h2.primero {
  margin-top : 0
}

#contenidos ul li,
#contenidos ol li {
  margin-right : 10px;
}

/* Los formularios */

#contenidos form {
    width        : 50%;
    position     : relative;
    left         : 25%;
    text-align   : center;
    border-style : solid;
    border-color : #000;
    border-width : 1px 2px 2px 1px;
    background   : #f0f0f0;
    color        : #000;
    padding      : 5px;
    margin       : 5px 0;
}

#contenidos form.destacado {
   float  : right;
   width  : 40%;
   margin : 5px
}

#contenidos form p        { margin : 0 }
#contenidos form p strong { font-size : 90% }
#contenidos form p *      { vertical-align : middle }

/* Los cuadros de texto destacados ahora van a ser flotantes */

#contenidos div.destacado,
#contenidos p.destacado {
    float        : right;
    width        : 40%;
    border-style : solid;
    border-color : #000;
    border-width : 1px 2px 2px 1px;
    background   : #f0f0f0;
    color        : #000;
    padding      : 5px;
    margin       : 5px;
    font-size    : 90%
}

#contenidos div.destacado { text-align : center }

/* El pie de página */

#contenidos .pie {
  border-style : solid;
  border-color : #000;
  border-width : 1px 0 0;
  background : #f0f0f0;
  color      : #000;
  font-size  : 70%;
  padding    : 10px

}

#contenidos .pie * {
  margin  : 0;
  padding : 0;
}

.email { font-weight : bold }

/* Las opciones del menu */

#menu h3 {
  margin      : 0;
  font-size   : 90%;
  font-weight : bold;
}

#menu .box-5 { padding : 5px }

#menu a {
  display : block;
  width : 100%;
  font-size : 90%;
  border  : 1px solid #fff;
}

#menu a:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#menu a:visited {
  color           : #909;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#menu a:hover {
  color           : #c00;
  background      : #e0e0e0;
  text-decoration : none;
  border-color    : #000;
}

.indtut {
  text-align   : center;
  border-color : #000;
  border-style : solid;
  border-width : 1px 0;
  margin       : 1em;
  padding      : .5em 0;
}

#contenidos .dialogo .p {
  color      : #008;
  background : #fff;
  margin     : 5px 10px;
  padding    : 0;
}

#contenidos .dialogo ul.p { list-style-position : inside }

#contenidos .dialogo table.p {
  border-collapse : collapse;
  position        : relative;
  width           : 50%;
  left            : 25%;
  margin          : .5em 0;
  border          : 1px solid #000;
}

#contenidos .dialogo table.p td,
#contenidos .dialogo table.p th {
  border           : 1px solid #000;
  background-color : #fd6;
  color            : #000;
}

#contenidos .dialogo .a {
  color      : #060;
  background : #fff;
  margin     : .4em 10px;
  padding    : 0;
}

#contenidos .dialogo { margin : 1.2em 0 }

#contenidos .center { text-align : center }

#menu .banner {
  padding       : 0;
  font-size     : 0.65em;
  margin-top    : 1em;
  border-top    : 1px solid #000;
  border-bottom : 0px solid #000;
  padding-top   : 5px;
  text-align    : center;
}

#menu .banner img {
  border  : 0;
  margin  : 0;
  padding : 0;
  float   : left;
  display : inline;
}

#menu .banner a {
  display : inline;
  width   : auto;
}

#menu .banner a:link,
#menu .banner a:visited,
#menu .banner a:hover {
  color           : blue;
  background      : #fff;
  border          : 0;
}

#menu .banner a:hover {
  text-decoration : none;
  color           : red;
}

.pub-mbi {
  margin         : 3px 0;
  padding        : 0;
  border-top     : 1px solid #000;
  border-bottom  : 1px solid #000;
  background     : #fff;
  font-size      : 11px;
}

.pub-mbi span {
  color           : #fff;
  background      : #339;
  padding         : 0 30px;
}

.pub-mbi a {
  color           : #000;
  text-decoration : underline;
  padding         : 0;
}

.pub-google {
  margin-top : 1em;
}