/* Pondré aqui algunas notas y trucos para futuras referencias.

Centrar los bloques se usa:  margin-left:auto; margin-right:auto; eso reemplaza el antiguo <div aling=center>
* { margin: 0; padding: 0; }

*/
body { padding: 0px; margin: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #003333; background-color: #E1EAF1; background-image: url(/Images/Fondo-Pag.jpg); text-align: justify; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; }
code { font-family: "Courier New" ,Courier; }
table { padding: 0px; margin: 0px; border: 0px; }
td { font-size: 12px; text-align: justify; }
a:link, a:visited { color: #CC3300; }
a:hover { text-decoration: none; color: #0000FF; }
a:active { color: #FFFF00; }
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px; font-size: 11px; color: #004444; background-color: #f5f5FF; border: solid 1px #999999; }
img { border: 0px; }

.TituloPrincipal { font-size: 14px; font-weight: bold; color: #003399; }
.TablaPrincipal { width: 980px; margin: 0px auto 0px auto; border: 0px; background-position: center; }
.Llamativo { color: #FF0000; font-weight: bold; }
.LlamativoFondoOscuro { color: #FFFF00; font-weight: bold; }
.LetraContraste { color: #000099; font-weight: bold; }
.LetraMini { font-size: 9px; }
.LetraMini a { font-size: 9px; }

/* Centrar Objetos*/
.CenterObject { margin-left: auto; margin-right: auto; }

/* La tabla del menú principal */
.tblMainMenu * { margin: 0; padding: 0; }
.tblMainMenu { border: solid 0px black; height: 28px; width: 990px; background-image: url('/images/img.baseLineTitles.gif'); border-spacing: 0px; margin: 0px auto 3px auto; padding: 0px; vertical-align: top; }

/* La tabla del encabezado (imagen superior) */
.tblMainTop * { margin: 0; padding: 0; }
.tblMainTop { background-image: url('/Images/Img.HeaderBackground.jpg'); border: solid 0px black; width: 1000px; height: 135px; margin: 0px auto 0px auto; padding: 0px; }

/* La tabla inferior que ba como pie de página en todo el sitio */
.tblFooter { width: 100%; border: 0px; margin-left: auto; margin-right: auto; }
.tblFooter td { font-size: 9px; text-align: center; }


/* Formularios de contacto */
.generalFormTable { border: solid 1px #999999; background-color: #fffff1; border-spacing: 0px; }
.generalFormTable th { border-bottom: solid 1px #999999; padding: 8px; color: #003333; background: url('/Images/BoxTops/bgTopBox-Silver.gif'); text-align: center; }
.generalFormTable td { font-size: 10px; padding: 8px; }
.generalFormTable h1 { font-size: 12px; color: #484848; margin: 0px; padding: 3px; }
.generalFormTable blockquote { margin: auto auto auto 10px; }


/* Cajas */
.BoxYellow { border: solid 1px #999999; border-spacing: 0px; width: 95%; margin-left: auto; margin-right: auto; }
.BoxYellow th { text-align: left; border-bottom: solid 1px #999999; padding: 0px 0px 0px 8px; height: 31px; background: url('/Images/BoxTops/bgTopBox-Yellow.jpg'); font-size: 16px; font-weight: bold; color: #333399; font-family: Calibri; }
.BoxYellow td { font-size: 11px; padding: 8px; }
.BoxYellow td:hover { background-color: #f5f5FF; }

.BoxBlue { border: solid 1px #9999ff; border-spacing: 0px; width: 95%; margin-left: auto; margin-right: auto; }
.BoxBlue th { border-bottom: solid 1px #9999ff; padding: 0px 0px 0px 8px; height: 31px; background: url('/Images/BoxTops/bgTopBox-Violet.jpg'); font-size: 16px; font-weight: bold; color: #fffff1; font-family: Calibri; }
.BoxBlue td { font-size: 11px; padding: 8px; }
.BoxBlue td:hover { background-color: #ffffe1; }
.BoxBlue img { border: solid 2px #9999ff; }

.BoxSuscription { border: solid 1px #9999ff; border-spacing: 0px; width: 100%; background-color: #ffffee; }
.BoxSuscription td { padding: 3px; margin: 0px; }

/* Accordion para el FAQ*/
#FAQacc * { margin: 0; padding: 0; }
#FAQacc { width: 800px; list-style: none; color: #033; margin: 5px 4px 0 0; }
#FAQacc h3 { width: 786px; border: 1px solid #9ac1c9; padding: 6px 6px 8px; font-weight: bold; margin-top: 5px; cursor: pointer; background: url('/Images/BoxTops/bgTopBox-Silver.gif'); }
#FAQacc h3:hover { background: url('/Images/BoxTops/bgTopBox-LightBlue.gif'); color: #333333; }
#FAQacc .acc-section { overflow: hidden; background: #fff; }
#FAQacc .acc-content { width: 768px; padding: 15px; border: 1px solid #9ac1c9; border-top: none; background: #fff; text-align: justify; }
#FAQoptions { margin: 10px 0px 0px 0px; text-align: right; color: #9ac1c9; }
#FAQoptions a { text-decoration: none; color: #9ac1c9; }
#FAQoptions a:hover { color: #033; }

/* Tabla con grafico de los cursos dictados */
.CoursesTable * { margin: 0px; padding: 0; }
.CoursesTable { width: 850px; border-spacing: 0px; margin-left: auto; margin-right: auto; }

/* Para revisar si son usados en algun lugar, deben ser eliminados */
.ListaBullet { background-position: left top; background-repeat: no-repeat; padding-left: 30px; padding-bottom: 10px; list-style-image: url(/Images/Bullet.gif); list-style-position: inherit; }
.HeaderInfoBox { font-size: 17px; font-weight: bold; color: #333399; font-family: Calibri; }
.HitTitulo { font-weight: bold; color: #339900; }