/* parametros del body gral. */
body {background-color: #143264;
      background-image: url('http://www.crer.org.mx/fondohjpg.jpg');
      color: #444444;
      /* margin-bottom: 10; */
      text-align:center;
}
.tabla01 {                             /* tabla fondo cafe RUTA y menu*/
      margin-left:auto; 
      margin-right:auto;
      margin-top= auto; 
      margin-bottom= auto;
      /* line-height: 20px; */
      background-color: #aa8C46;
      text-align: left;
      border-width: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      width: 777px;
      border-color: #ffffff;  
      border-style: solid;
}
.td01 {
        display:block;
        float:center; 
        /* height: 30px; */
}
.td02 {
        display:block;
        float:left; 
        height: 25px;
}
.tabla02 {                           /* tabla fondo cafe */
      margin-left:auto; 
      margin-right:auto; 
      background-color: #aa8C46;
      text-align: center;
      border-width: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      width: 777px;
      border-color: #ffffff;  
      border-style: solid;
}
.tabla03 {                           /* tabla P TITULOS DE TABLAS */
      margin-left:auto; 
      margin-right:auto; 
      background-color: #d2c896;
      text-align: center;
      vertical-align: middle;
      border-width: 2px 2px 1px 2px; 
      padding: 10px 10px 10px 10px; 
      border-color: #143264;  
      border-style: solid;
}
.tabla08 {            /* tabla P TITULOS DE TABLAS dentro de otra*/
      margin-left:auto; 
      margin-right:auto; 
      background-color: #d2c896;
      text-align: center;
      vertical-align: middle;
      border-width: 0px 1px 1px 1px; 
      padding: 0px 0px 0px 0px; 
      border-color: #143264;  
      border-style: solid;
}
.tabla04 {                     /* tabla P parrafos c/marco */
      margin-left:auto; 
      margin-right:auto; 
      background-color: #ffffe8;
      text-align: justify;
      vertical-align: middle;
      border-width: 1px 2px 2px 2px; 
      padding: 10px 10px 10px 10px; 
      border-color: #143264;  
      border-style: solid;
}
.tabla07 {                   /* tabla P parrafos dentro de otra */
      margin-left:auto; 
      margin-right:auto; 
      background-color: #ffffe8;
      text-align: justify;
      vertical-align: middle;
      border-width: 0px 1px 2px 1px; 
      padding: 0px 0px 0px 0px; 
      border-color: #143264;  
      border-style: solid;
}
.tabla09 {                   /* tabla P parrafos sin marco*/
      margin-left:auto; 
      margin-right:auto; 
      background-color: #ffffe8;
      text-align: justify;
      vertical-align: middle; 
      border-width: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      border-color: #143264;  
      border-style: solid;
}
.tabla10 {                   /* tabla P hacer tablas*/
      margin-left:auto; 
      margin-right:auto; 
      background-color: #ffffe8;
      /* text-align: justify; */
      /* vertical-align: middle; */
       border-width: 0px 1px 1px 0px;
      padding: 0px 0px 0px 0px; 
      border-color: #143264;  
      border-style: solid;
}
.tabla11 {          /* tabla P hacer tablas con linea abajo*/
      margin-left:auto; 
      margin-right:auto; 
      background-color: #ffffe8;
      /* text-align: justify; */
      /* vertical-align: middle; */
       border-width: 0px 0px 1px 0px;
      padding: 0px 0px 0px 0px; 
      border-color: #143264;  
      border-style: solid;
}
.tabla05 {                           /* tabla anuncios fondo azul */
      margin-left:auto; 
      margin-right:auto; 
      background-color: #143264;
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align: middle;
      border-width: 0px 0px 0px 0px; 
      padding: 10px 10px 10px 10px; 
      border-color: #ffffff;  
      border-style: solid;
}
.tabla06 {                   /* tabla fondo cafe menu bottom */
      margin-left:auto; 
      margin-right:auto; 
      background-color: #aa8C46;
      text-align: center;
      border-width: 0px 0px 0px 0px; 
      padding: 0px 0px 0px 0px; 
      border-color: #ffffff;  
      border-style: solid;
}
p.titulo {font-size:18px;  /* titulos tablas*/
    font-style:italic;
    font-weight:bold;
    font-family: arial;
    color: #003399;
}
p.parraf {color: #143264;    /* texto en parrafos*/
    font-style:normal;
    font-weight:300;
/*    font-variant:small-caps;*/
    font-size:15px ;
    font-family:arial
}
p.enlaces {color: #ffffff;    /* texto en enlaces*/
    font-style:normal;
    font-weight:bold;
    font-size:13px ;
    font-family:arial;
}
p.enlacesi {color: #ffffff;    /* texto en enlaces italicos*/
    font-style:italic;
    font-weight:bold;
    font-size:13px ;
    font-family:arial;
}
.separaciones{color: #1e04b2;    /* separaciones de texto*/
    font-style:normal;
    font-weight:normal;
    font-size:12px ;
    font-family:verdana;
}
.textochico {color: #ffffff;    /* derechos reservados*/
    font-style:normal;
    font-weight:bold;
    font-size:11px ;
    font-family:arial;
}
.instruccion {color: #143264;    /* derechos reservados*/
    font-style:normal;
    font-weight:bold;
    font-size:11px ;
    font-family:arial;
}
h2 {font-size:15px;   /* nombres en tablas*/
    font-family: arial;
    color: #143264;
    font-style:normal;
    font-weight:300
}
h4 {font-size:13px; /* texto menus */
    font-family: arial;
    color: #ffffff;
    font-style:verdana;
    font-weight:bold
}                    
a:link     {font-family:verdana;
	    font-size:13px;
            text-decoration: none;
            color:blue;                  /* links gral*/
}
a:visited  {color:brown;
            text-decoration: none;
}
a:hover    {color:#ffffff;
            text-decoration: underline;

}
a:active   {color:red;
            text-decoration: none;
}