/* Hoja de estilo arcania.css */
/* Fecha de la última actualización 14-07-2011 */


.menuizquierda { font-family: verdana, sans-serif; font_weight: bold; font-size: 16pt;  color: purple; } /* Menu de la izquierda */

.menuderecha   { font-family: Ellis, sans-serif; font-weight: bold; font-size: 16pt;  color: gray; }  /* Menu de la izquierda */

a { font-family: gautami, sans-serif; font-weight: bold; font-size: 12pt;  text-decoration: none; color: white; } /* Color de los enlaces */

a:visited { text-decoration: none; color: lila; } /* Color de los enlaces ya visitados */

a:hover { text-decoration: none; color: red; } /* Cambia el color al pasar el ratón por el enlace */

.textotabla  { font-family: verdana, Times, serif; font-size: 14pt; color: gray; }
.textotabla1 { font-family: Verdana, Times, serif; font-size: 20pt; color: white;  }
.textotabla2 { font-family: Arial, Times, serif; font-size: 10pt; color: gray; }
.textotabla3 { font-family: verdana, Times, serif; font-size: 10pt; color: #ffffff; }
.textotabla4 { font-family: Arial, Times, serif; font-size: 10pt; color: gray; }
.textotabla4a { font-family: Arial, Times, serif; font-size: 10pt; color: white; }
.textotabla4b { font-family: Arial, Times, serif; font-size: 10pt; color: red; }
.textotabla5 { font-family: Arial, Times, serif; font-size: 14pt; color: gray; }
.textotabla5a { font-family: Arial, Times, serif; font-size: 14pt; color: aqua; }
.textotabla6 { font-family: Arial, Times, serif; font-size: 12pt; color: white; }
.textotabla6a { font-family: Arial, Times, serif; font-size: 12pt; color: gray; }
.textotabla6b { font-family: Arial, Times, serif; font-size: 12pt; color: yellow; }
.textotabla6c { font-family: Arial, Times, serif; font-size: 12pt; color: aqua; }
.textotabla7 { font-family: Arial, Times, serif; font-size: 20pt; color: #888888; }
.textotabla8 { font-family: Arial, Times, serif; font-size: 20pt; color: white; }
.textotabla9 { font-family: Arial, Times, serif; font-size: 14pt; color: red; }

.cabecera { font-family: "EngrvrsOldEng Bd BT", Times, serif; font-size: 64pt; color: purple; }

body  { margin: 0px; }

h1 { color: red; }
h2 { color: aqua; }
h3 { color: green; }
h4 { color: white; }




.menuizquierdo a { margin-left: 0em; font-family: Times, serif; font-size: 11pt; font-weight: normal; color: #ffffff}

.menuizquierdo1 a { margin-left: 0em; font-family: Times, serif; font-size: 11pt; font-weight: bold; color: #FF1212}

.menuizquierdo2 a { margin-left: 0em; font-family: Times, serif; font-size: 14pt; font-weight: bold; color: #F5F5F5}


/*-- Básico ----------------------------------------------------------*/

      ul, ul li { margin: 0; padding: 0; list-style: none; }
      h1, h2, h3, p, form { margin: 0; padding: 0; }
      .clear { clear: both; }
      img { border: none; }


      a:visited { text-decoration: none; color: lila; } /* Color de los enlaces ya visitados */

      a:hover { text-decoration: none; color: purple; } /* Cambia el color al pasar el ratón por el enlace */

      UL { margin-left: 0.5em; margin-top: .1em; list-style-type: none;  }

      LI { margin-left: 0em; margin-top: 0em; list-style-type: none;  }



      H4 { margin-left: 2em; font-family: Times, serif; font-size: 12pt; font-weight: bold; color: #ffff00;       


         }






       div {
            margin-top: .1em;
            margin-bottom: .1em;
            margin-left: .5em;
            margin-right: .5em;
        }



       #contenedor {
           width: 100%;
           max-width: 1000px;
           width: expression(document.body.clientWidth > 1001? "1000px": "auto");
           margin: 0 auto;
        }



#cabecera, #menu, #lateral, #contenido, #contenido #principal, #contenido #secundario, #pie {

            border: 0px solid #777;

        }

        #cabecera { clear: both; }

       


        #menu { 

               clear: both; 
               padding-top: .5em; padding-right: .5em; padding-bottom: .5em; padding-left: .5em;
               margin-bottom: .5em; 


        }


        

        #lateral { float: left; width: 20%; }

        #contenido { float: center; width: 78%; }

        #contenido #principal { float: center; width: 78%; }

        #contenido #secundario { float: right; width: 20%; }

        #pie { clear: both; }




/*-- Cabecera --------------------------------------------------------*/

        #cabecera #logo1 { float: left; }
        #cabecera #logo2 { float: right; }



        /*-- Menu ------------------------------------------------------------*/

        #menu ul#menu_principal li { display: inline; float: left; }


        /*-- Centro ------------------------------------------------------------*/
       
        #foto { float: center; width: 30%; }


        
        #boton {

             background: rgb(102,153,204) border:1px outset rgb(153,204,255);
             width:80px;
             font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
             background-color : #FFFACD;
             color : #4B0082;
        }


        #centro1  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #ffffff}