/*
    page-layout.css
    Definiciones de estilos y clases globales aplicables en todas las páginas
*/

/* Colores principales:

  ColorPrincipal: #29166f
  ColorFondo: #c4c2cd
  ColorBordes: #c4b8a1

*/


@media print
{

  #contenidoWeb
  {
    width: 100%;
  }

  #columnaIzquierda
  {
    width: 100%;
  }

  #columnaDerecha
  {
    display: none;
  }

  #divClear
  {
  }

  #tblLogotipo
  {
    display: none;
  }

  #barraEnlacesPrincipales
  {
    display: none;
  }

  #ayudarCliente
  {
    display: none;
  }

  #piePagina
  {
    width: 100%;
    border-top: solid 1px #29166f;
    color: #29166f;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  #soloImprimir
  {
    display: block;
    border-bottom: solid 1px #29166f;
    padding-bottom: 5px;
    /*text-align: center;*/
  }

  .subir
  {
    display: none;
  }

  .noImprimir
  {
    display: none;
  }

}


@media screen
{

  body
  {
    background: #cccccc;
  }

  #contenidoWeb
  {
    width: 95%;
    border: solid 1px #29166f; /* ColorPrincipal navy; */
    padding: 5px;
    background: white;
  }

  #logotipoFormauri
  {
    text-align: right;
    padding-bottom: 5px;
    border-bottom: dashed 1px black;
  }

  #barraEnlacesPrincipales
  {
    width:100%;
    height: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    background-color: #29166f;
  }

  #barraEnlacesPrincipales a
  {
    color: white;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
  }

  #barraEnlacesPrincipales a:hover
  {
    background-color: #0093dd;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
  }

  #soloImprimir
  {
    display: none;
  }

 .enlacesLogotipo
  {
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #29166f;
  }

 .enlacesLogotipo:hover
  {
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    background: #29166f;
  }

/* Estructuramos el contenido en dos columnas sin necesidad de usar tablas */

  #columnaIzquierda
  {
    width: 70%;
    float: left;
  }

  #columnaDerecha
  {
    margin-left: 71%;
    border: solid 1px #d7d9d9;
    background: #f2f5f6;
/*    background: #d4dce0; */
    padding: 1px;
  }

  #divClear
  {
    clear: both;
    height: 0;
  }

/* Fin estructura en dos columnas */

  #piePagina
  {
    width: 100%;
    background-color: #29166f; /* ColorPrincipal */
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
  }

}



/* Estilos principales: Cuerpo, cabeceras y pies generales */

  body
  {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 10pt;
    background: #cccccc;
    text-align:center;
    /* background-color: #b0b0b0; /*#c4c2cd;*/
  }

  #contenidoWeb
  {
    margin-left: auto;
    margin-right: auto;
    text-align:justify;
  }

  #logotipoFormauri
  {
    text-align: right;
    padding-bottom: 5px;
    border-bottom: dashed 1px black;
  }

 .enlacesLogotipo
  {
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #29166f;
  }

 .enlacesLogotipo:hover
  {
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    background: #29166f;
  }





/* Estilos genéricos */


  p
  {
    margin-left: 5px;
    margin-right: 5px;
    text-align: justify;
    font-size: 11pt;
    line-height: 15pt;
  }

  h1
  {
    font-size: 18pt;
  }

  h2
  {
    font-size: 16pt;
  }

  h3
  {
    font-size: 14pt;
  }

  h1, h2, h3
  {
    font-family: 'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    margin-left: 5px;
    margin-right: 5px;
    text-align: justify;
  }

  ul, ol
  {
    text-align: justify;
    line-height: 12pt;
  }

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

  td
  {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11pt;
  }

  form
  {
    margin-left: 5px;
    margin-right: 5px;
    text-align: justify;
  }

  option
  {
    font-family: Verdana,Helvetica,sans-serif;
    font-size:9pt;
  }

  select
  {
    border: solid 1px #cccccc;
  }

/*
    Estilos de las tablas internas

    Clase: CabeceraConImagen
*/

  table.CabeceraConImagen
  {
    border: none;
    width: 100%;
  }

  table.CabeceraConImagen h2
  {
    padding-bottom: 5px;
    border-bottom: dashed 1px #29166f;
  }

  table.CabeceraConImagen div
  {
    text-align: right;
    padding: 2px;
  }

  table.CabeceraConImagen img
  {
    display: block;
    text-align: right;
    border: solid 1px #29166f;
    padding: 1px;
  }

  td.CabeceraConImagenDerecha
  {
    padding-right: 5px;
    width: 30px;
  }

  /* Cabeceras independientes de una tabla, pero en la misma línea */

  .CabeceraSinImagen
  {
    padding-bottom: 5px;
    border-bottom: dashed 1px #29166f;
  }


/* Cabecera columna derecha alineada a la derecha */

  .CabeceraDerecha
  {
    text-align: right;
    padding: 3px 5px 5px 0px;
/*    border-bottom: dashed 1px #6c8899;/*#29166f;*/
/*    background: #8eb0c1; */
    background: #d7d9d9;
    margin-top: 3px;
  }


/*
    Estilos variados
*/

/* Alineaciones */

  .center
  {
    text-align: center;
  }

  .right
  {
    text-align: right;
  }

/* No clasificados */

  .imgBloque
  {
    display: block;
  }

  p.subir
  {
    text-align: right;
    border-bottom: solid 1px #b3b3b3;
  }

  a.email
  {
    color: #a1a9b2;
  }