/* CSS Document */

body { background-image:url(imagenes/fondo.jpg); font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; margin: 34px 0px 0px 50px;}


/* ESTRUCTURA CAPAS */
#contenido { position: absolute; width: 700px; border: 0px solid #000000;}
#titulo { width: 482px; height:56px; background-image: url(imagenes/titulo.gif);}
#texto { font-family: Arial, Helvetica, sans-serif; font-size: 11px;width: 270px; height: 263px; background-color:#FFFFFF; filter: alpha(opacity=80); opacity: .8;  margin: 0px 0px 0px 0px; padding:20px 30px 30px 20px; text-align:left;}
#menu { width: 318; height: 33px; background-color:#CC9900;}
#pie { width: 310px; height: 39px; background-color: #9b9bb8; filter: alpha(opacity=80); opacity: .8;  margin: 0px 0px 0px 81px;text-align:center; padding: 5px;}


#galeria { width: 305px; height: 303px; margin: 40px 0px 0px 0px;  text-align:center; float: left;}
#textoGaleria { width: 270px; height: 253px; background-color:#FFFFFF; filter: alpha(opacity=80); opacity: .8;  margin: 40px 0px 0px 10px; padding:20px 30px 30px 20px; text-align:center; float: right; border:0px solid #000}
#pieGaleria { width: 310px; height: 39px; background-color: #ffffff; filter: alpha(opacity=80); opacity: .8;  margin: 0px 0px 0px 380px;text-align:center; padding: 5px; float: right; border:0px solid #000}
img.galeria {float: left; border:2px solid #000000; margin:0px 30px 5px 0px;}





/* Menu */ 
.menu0 { background-image:url(imagenes/logotipo_didactic.gif); width: 125px; height: 33px;}
.menu1On { background-image:url(imagenes/bot_quees_1.gif); width: 96px; height: 33px;}
.menu1Off { background-image:url(imagenes/bot_quees_0.gif); width: 96px; height: 33px;}
.menu2On { background-image:url(imagenes/bot_porque_1.gif); width: 97px; height: 33px;}
.menu2Off { background-image:url(imagenes/bot_porque_0.gif); width: 97px; height: 33px;}
.menu3On { background-image:url(imagenes/bot_ejemplos_1.gif); width: 155px; height: 33px;}
.menu3Off { background-image:url(imagenes/bot_ejemplos_0.gif); width: 155px; height: 33px;}
.menu4On { background-image:url(imagenes/bot_contacto_1.gif); width: 91px; height: 33px;}
.menu4Off { background-image:url(imagenes/bot_contacto_0.gif); width: 91px; height: 33px;}
.menu5On { background-image:url(imagenes/bot_quienes_1.gif); width: 136px; height: 33px;}
.menu5Off { background-image:url(imagenes/bot_quienes_0.gif); width: 136px; height: 33px;}

.disclaimer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; text-align: justify; color:#000000;}

/* DHTML tooltips formatting ----------*/
#dhtmltooltip{ position: absolute; height:auto; padding: 2px; font-family: Arial, Helvetica, sans-serif; color:#000000; font-size: 11px; background-color: #ffffff; visibility: hidden; z-index: 200; border: 0px solid #ffffff;}


/* scroll buttons -------- */
a:link#scrollUp, a:visited#scrollUp, a:hover#scrollUp { background-image: url(imagenes/scroll_up.gif); background-repeat: no-repeat; position: absolute; top: 0px; left: 20px; width: 15px; height: 16px;  border: 0px solid #000000;}

a:link#scrollDown, a:visited#scrollDown, a:hover#scrollDown { background-image: url(imagenes/scroll_down.gif);background-repeat: no-repeat;position: absolute;	top: 0px; left: 0px; width: 15px; height: 16px;  border: 0px solid #000000;}

/* textos */
p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; text-align: justify;}

img.titulo {margin: 10px; float: left;}

/* form */
select {border:1px solid #990033; background-color:#FFFFFF; width: 150px; height: 16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #000000;font-weight: normal; margin: 2px; }
select.multiple {border:1px solid #990033; background-color:#FFFFFF; width: 200px; height: 50px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #000000;font-weight: normal; vertical-align: bottom; margin: 2px; }
input { border:1px solid #990033; width: 150px; height: 16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #000000; margin: 2px}
input.boton { border:0px solid #990033;  width: 104px; height: 30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #000000; margin: 2px}
textarea { border:1px solid #990033; background-color:#FFFFFF; width: 225px; height: 120px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #000000; margin: 2px; }

.asterisco {font-family:Arial, Helvetica, sans-serif; font-size: 16px;  color: #990033; font-weight: bold;}
form p {text-align:right;  font-size: 11px; margin: 0px 0px 0px 0px; color:#990033; font-weight: normal;}


.microsite {
  width:700px;
}
.imagenes {
  border-style:solid;
  border-width:3px;
  border-color:#000000;
}