/******************************************************************************/
/** Proyecto: Semana Blanca                                                  **/
/** Edición: 2009-2010                                                       **/
/** Desarrollo: FRONTEND catalogo de productos                               **/
/** Descripción: Hoja de estilos que da formato a los contenidos que se      **/
/** publican dentro del catálogo de cursos online                            **/
/** Archivo: catalogue.css                                                   **/
/** Programador: Simón Alonso Sánchez                                        **/
/** Contacto: simon.alonso@sek.es ~ 91 659 63 11 (4198)                      **/
/** Empresa: Institución Educativa SEK                                       **/
/** Fecha de última modificación: 2009-05-12                                 **/
/** Fecha de última modificación: 2009-11-06                                 **/
/******************************************************************************/


/******************************************************************************/
/* Estilos que se aplican en la publicación de algún texto                    */
/* IOS                                                                        */
/******************************************************************************/

   .ParrafoTitulo
   {
        font-family: Tahoma, sans-serif;
        font-size: 20px;
        font-weight: bold;
        text-decoration: none;
        color: #4f81bd;

   } /* .ParrafoTitulo */


   .ParrafoSubTitulo
   {
        font-family: Tahoma, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        color: #ecb122;

   } /* .ParrafoSubTitulo */


   .ParrafoRedTitulo
   {
        font-family: Tahoma, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        color: #d40303;

   } /* .ParrafoRedTitulo */


   .ParrafoTexto
   {
        font-family: Tahoma, sans-serif;
        font-size: 14px;
        font-weight: light;
        text-decoration: none;

   } /* .ParrafoTexto */


   .ParrafoTexto a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #f79646;

   } /* .ParrafoTexto a */


   .ParrafoSubTexto
   {
        padding: 2px;
        margin: 0 auto;
        font-family: Tahoma, sans-serif;
        font-size: 12px;
        font-weight: light;
        text-decoration: none;

   } /* .ParrafoSubTexto */


/******************************************************************************/
/* EOS                                                                        */
/* Estilos que se aplican en la publicación de algún texto                    */
/******************************************************************************/



/******************************************************************************/
/* Estilos que se aplican en la publicación de los item del menu vertical     */
/* de navegación de los contenidos disponibles para un curso                  */
/* IOS                                                                        */
/******************************************************************************/

   .MenuVertical
   {
        line-height: 11px;
        position: relative;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: white;
        background: url(../imagenes/botones/00_largo.gif) no-repeat;
        white-space: nowrap;
        display: block;
        width: 135px;
        height: 35px;
        margin:  0, 0, 0, 0;
        padding: 0;

   } /* .MenuVertical */


   .MenuVertical a
   {
        line-height: 12px;
        display: block;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #034C90;
        width: 135px;
        height: 35px;
        display: block;
        float: center;

        text-decoration: none;

   } /* .MenuVertical a */


   .MenuVertical img
   {
        width: 135px;
        height: 35px;
        border: 0;

   } /* .MenuVertical img */



   /** html a:hover*/
   .MenuVertical a:hover
   {
        line-height: 12px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: white;
        font-weight: 500;
        visibility:visible;
        text-decoration: none;

   } /* .MenuVertical a:hover */


   .MenuVertical a:hover img
   {
        visibility:hidden

   } /* .MenuVertical a:hover img */


   .MenuVertical span
   {
        position: absolute;
        left: 2px;
        top: 5px;
        margin: 0px;
        padding: 0px;
        cursor: pointer;

   } /* .MenuVertical span */


/******************************************************************************/
/* EOS                                                                        */
/* Estilos que se aplican en la publicación de los item del menu vertical     */
/* de navegación de los contenidos disponibles para un curso                  */
/******************************************************************************/



/******************************************************************************/
/* Estilos que se aplican en la publicación de contenidos enmaquetados en     */
/* cuadros rectangulares con los bordes redondos                              */
/* IOS                                                                        */
/******************************************************************************/

   /****************************************************************************
    * Cuadro del Sumario con información del curso
    ***************************************************************************/
   div#CuadroSumario
   {
        padding: 10px;
        margin: 0 auto;
        background: #034C90;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #ffffff;

   } /* div#CuadroSumario */


   div#CuadroSumario h1
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 28px;
        color: #ffffff;

   } /* div#CuadroSumario h1 */


   div#CuadroSumario a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #f79646;

   } /* div#CuadroSumario a */


   div#CuadroSumario p
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:lighter;
        color: #ffffff;

   } /* div#CuadroSumario */


   /****************************************************************************
    * Cuadro de las opciones disponibles para el curso
    ***************************************************************************/

   div#CuadroOpcion
   {
        padding: 10px;
        margin: 0 auto;
        margin-top:5px;
        background: #589546;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #ffffff;

   } /* div#CuadroOpcion */


   div#CuadroOpcion h1
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #ffffff;
   
   } /* div#CuadroOpcion h1 */


   div#CuadroOpcion a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #f79646;

   } /* div#CuadroOpcion a */


   div#CuadroOpcion p
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:lighter;
        color: #ffffff;

   } /* div#CuadroOpcion p */


   /****************************************************************************
    * Cuadro de los métodos de pago disponibles para el curso
    ***************************************************************************/

   div#CuadroPago
   {
        padding: 10px;
        top: 5px;
        margin: 0 auto;
        margin-top:5px;
        background: #3A7EB7;
        color: #ffffff;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;

   } /* div#CuadroPago */


   div#CuadroPago h1
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #ffffff;

   } /* div#CuadroPago h1 */


   div#CuadroPago a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #f79646;

   } /* div#CuadroPago a */


   div#CuadroPago p
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:lighter;
         color: #ffffff;
   } /* div#CuadroPago p */


   /****************************************************************************
    * Cuadro del curso indicando la disponibilidad del mismo
    ***************************************************************************/

   div#CuadroDisponibilidad
   {
        padding: 10px;
        margin: 0 auto;
        margin-top:5px;
        background: #cab900;
        color: #ffffff;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;

   } /* div#CuadroDisponibilidad */


   div#CuadroDisponibilidad h1
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #ffffff;

   } /* div#CuadroDisponibilidad h1 */


   div#CuadroDisponibilidad a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #f79646;

   } /* div#CuadroDisponibilidad a */


   div#CuadroDisponibilidad p
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:lighter;
        color: #ffffff;

   } /* div#CuadroDisponibilidad p */


   /****************************************************************************
    * Cuadro en que se publica los contenidos seleccionados en el menú vertical
    ***************************************************************************/


   div#CuadroTexto
   {
        padding: 10px;
        margin: 0 auto;
        background: #3A7EB7;
        color: #ffffff;

   } /* div#CuadroTexto */


   div#CuadroTexto h1
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #ffffff;

   } /* div#CuadroTexto h1 */


   div#CuadroTexto a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #f79646;

   } /* div#CuadroTexto  */


   div#CuadroTexto p
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:lighter;
        color: #ffffff;

   } /* div#CuadroTexto p */


   /****************************************************************************
    * Cuadro en que se publica la galería de imágenes de un curso, las imágenes
    * se cargan de los registros disponibles en el repositorio de datos
    ***************************************************************************/

   div#CuadroGaleria
   {
        padding: 20px;
        margin: 0 auto;
        background: #9d9d9d;
        color: #ffffff;

   } /* div#CuadroGaleria */


   div#CuadroGaleria a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;

   } /* div#CuadroGaleria a */


   div#CuadroMenuHorizontal
   {
        padding: 10px;
        margin: 0 auto;
        background: #fff47e;
        color: #ffffff;

   } /* div#CuadroMenuHorizontal */


   /****************************************************************************
    * Cuadro en que se publica el menú vertical de los contenidos para un curso
    * disponibles en el repositorio de datos
    ***************************************************************************/

   div#CuadroMenuVertical
   {
        padding: 10px;
        margin: 0 auto;
        background: #fff47e;
        color: #ffffff;
   
   } /* div#CuadroMenuVertical */


   div#CuadroMenuVertical h1
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #f79646;

   } /* div#CuadroMenuVertical h1 */


   div#CuadroMenuVertical a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #ffffff;
   
   } /* div#CuadroMenuVertical a */


   div#CuadroMenuVertical p
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:lighter;
        color: #ffffff;

   } /* div#CuadroMenuVertical p */



   /****************************************************************************
    * Cuadro del Sumario con información del curso
    ***************************************************************************/
   div#CuadroSumarioItem
   {
        padding: 10px;
        margin: 0 auto;
        background: #ffffff;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #034C90;

   } /* div#CuadroSumarioItem */


   div#CuadroSumarioItem h1
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #f79646;

   } /* div#CuadroSumarioItem h1 */


   div#CuadroSumarioItem a
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #f79646;

   } /* div#CuadroSumarioItem a */


   div#CuadroSumarioItem p
   {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight:lighter;
        color: #034C90;

   } /* div#CuadroSumarioItem */


/******************************************************************************/
/* EOS                                                                        */
/* Estilos que se aplican en la publicación de contenidos enmaquetados en     */
/* cuadros rectangulares con los bordes redondos                              */
/******************************************************************************/