/*
CSS para el sitio mfonteci
*/

/*
TEMA CUERPO 
INICIO
LAS DEFINICIONES QUE SE APLICARÁN AL CUERPO DE LA PÁGINA.
_________________________________________________________________________________________
*/

  body {
     font-family: "Times New Roman", Verdana, Helvetica, Arial, sans-serif;
     background-color: #e2edff;
     line-height: 100%;
     paddign: 0;
     margin: 0;
     font-weight: bold;
     color: black;
     border: 1px solid navy;
  }

/*
TEMA CUERPO 
FIN
_________________________________________________________________________________________
*/

/*
TEMA ENCABEZADOS 
INICIO
LAS DEFINICIONES QUE SE APLICARÁN LOS ENCABEZADOS
_________________________________________________________________________________________
*/
  h1, h2, h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color: navy;
    color: yellow;
    padding: 10px;
    text-align: center;
  }

  h1 {
    font-size: x-large;
    padding-top: 2em;
    padding-bottom: .2em;
    padding-left: .4em;
    margin: 0;
  }

  h2 {
    background-color: #e2edff;
    color: navy;
    font-size: x-large;
    font-weight: bold;

  }

  h3 {
    background-color: #e2edff;
    color: navy;
    font-size: medium;
    font-weight: bold;

  }
/*
TEMA ENCABEZADOS 
FIN
_________________________________________________________________________________________
*/

/*
TEMA LISTAS
INICIO
LAS DEFINICIONESPARA LAS LISTAS Y SUS ELEMENTOS
_________________________________________________________________________________________
*/

  li {
    font-size: medium;
    color: navy;
  }
  
  li.menu {
    padding-top: .5em;  
  }

/*
TEMA LISTAS
FIN
_________________________________________________________________________________________
*/

/*
TEMA PÁRRAFOS
INICIO
LAS DEFINICIONES PARA LOS PÁRRAFOS
_________________________________________________________________________________________
*/
  p {
    font-size: medium;
    color: navy;
    padding-left: .9em;
  }

/*
TEMA PÁRRAFOS
FIN
_________________________________________________________________________________________
*/


/*
TEMA ÉNFASIS
INICIO
EL ÉNFASIS SIEMPRE SERÁ iTÁLICAS Y NEGRITAS
_________________________________________________________________________________________
*/
  em {
    font-style: italic;
    font-weight: bold;
  }

/*
TEMA ÉNFASIS
FIN
_________________________________________________________________________________________
*/

/*
TEMA VÍNCULOS
INICIO
NOTA ESTA ES LA FORMA BÁSICA PARA LOS VÍNCULOSY SOBRE CÓMO DEBE REACCIONAR ANTE LOS CLICS
_________________________________________________________________________________________
*/
  a {
    font-weight: medium;
  }

  a:link {
    font-weight: bold;
    color: white;
  }

  a:visited {
    color: purple;
  }

  a:hover {
    text-decoration: none;
    background-color: navy;
    color: yellow;
  }

  a:active {
  color: aqua;
  }

/*
TEMA VÍNCULOS
FINAL
_________________________________________________________________________________________
*/

/*
TEMA CLASES 
INICIO
LAS DEFINICIONES QUE SE APLICARÁN A LAS CLASES
_________________________________________________________________________________________
*/
  .clase01 {
    color: #339999;
    font-family: Georgia, Times, serif;
    letter-spacing: 0.25em;
   }

  .clase05 {
    color: yellow;
    font-family: Georgia, Times, serif;
    letter-spacing: 0.25em;
   }

  a.bodylink {
    color: purple;
  
  }


/*
TEMA CLASES 
FIN
_________________________________________________________________________________________
*/

/*
TEMA SELECTORES CONTEXTUALES 
INICIO
LAS DEFINICIONES QUE SE APLICARÁN A LOS SELECTORES DE CONTEXTO QUE APARECEN EN LAS PÁGINAS
CON UN ID,POR EJEMPLO EN LAS DIVISIONES DIV.
_________________________________________________________________________________________
*/



/*
TEMA PROVISIONALES 
INICIO
LAS DEFINICIONES QUE SE APLICARÁN A LOS SELECTORES DE CONTEXTO QUE APARECEN EN LAS PÁGINAS
CON UN ID,POR EJEMPLO EN LAS DIVISIONES DIV.
_________________________________________________________________________________________


  #encabezado, #tituloprincipal, #lema, #menuprincipal, #cuerpopagina {

    border: 1px solid red;
    padding: 2px;
    margin-botom: 2px;

  }


TEMA PROVISIONALES
FIN
_________________________________________________________________________________________
*/

  #resena {
    color: navy;
    font-weight: bold;  
  }


  #menuprincipal {

    background-color = #7da5a8;
    color: navy;
    font-weight: bold;
    width: 180px;
    padding-top: .2em;
    margin: 0;
  }

  #lema p {
    font-style: italic;
    font-family: Georgia, Times, serif; 
    background-color: #bed8f3; 
    border-top: 3px solid #7da5d8;
    border-bottom: 3px solid #7da5d8;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .8em;
    margin: 0;
  }

  #titulolibro {
	font-style = italic;
	font-weight = bold;
  }

  #tituloactividad {
	font-style = italic;
	font-weight = bold;
  }

  #titulotestimonio {
	font-style = italic;
	font-weight = bold;
  }

/*
TEMA SELECTORES CONTEXTUALES
FIN
_________________________________________________________________________________________
*/


/*
TEMA POSICIONAMIENTO DE ELEMENTOS ESTRUCTURALES DE LA PÁGINA
FIN
_________________________________________________________________________________________
*/

  #menuprincipal, #cuerpopagina, #encabezado {

    position: absolute;

  }

  #menuprincipal, #cuerpopagina {

    top: 124px;

  }

  #cuerpopagina {

    left: 181px;

  }

  #encabezado {

    width: 100%;

  }


/*
TEMA POSICIONAMIENTO
FIN
_________________________________________________________________________________________
*/