/*
PROGRAMA:   xmn03_02.css
AUTOR:      INTELECSYS
*/




/* CLASES */

.e_menu_contenedores
{
    position:           absolute;

    top:                0px;
    width:              169px;
    height:             32px;

    background-color:   #444;
}


.e_menu_titulos
{
    position:           absolute;

    left:               0px;
    top:                5px;
    width:              169px;
    height:             22px;

    text-align:         center;
    font-family:        Arial, Helvetica;
    font-size:          10pt;
    line-height:        1.6;
    color:              #FFF;
}


.e_menu_titulos:hover
{
    line-height:        .8;
}


.temas
{
    position:           absolute;

    left:               351px;
    width:              138px;
    height:             25px;

    border:             1px solid #FFF;
    background-color:   #333;
    opacity:            .70;
}


.temas_titulos
{
    position:           absolute;

    left:               351px;
    width:              138px;
    height:             25px;

    text-align:         center;
    font-family:        Arial, Helvetica;
    font-size:          10pt;
    line-height:        1.9;
    color:              #FFF;
}


.temas_titulos:hover
{
    font-size:          11pt;
    font-weight:        bold;
}


.cuerpo_texto_01
{
    position:           absolute;

    text-align:         left;
    font-family:        Arial, Helvetica;
    font-size:          11pt;
    font-weight:        bold;
    line-height:        1.6;
    color:              #000;
}


.cuerpo_texto_02
{
    position:           absolute;

    text-align:         left;
    font-family:        Arial, Helvetica;
    font-size:          11pt;
    line-height:        1.6;
    color:              #000;
}




/* CUERPO */

body
{
    width:              100%;
    height:             100%;

    background-color:   #FFF;
}




/* BARRA TITULO */

#e_titulo
{
    position:           fixed;
    z-index:            993;

    left:               0px;
    top:                0px;
    width:              100%;
    height:             48px;

    background-color:   #444;
}


#e_titulo_contenedor
{
    position:           absolute;
    z-index:            994;

    left:               0px;
    right:              0px;
    top:                0px;
    width:              844px;
    height:             48px;

    margin:             0 auto;

    background-color:   #444;
}


#e_titulo_logo
{
    position:           absolute;

    left:               1px;
    top:                11px;
    width:              195px;
    height:             26px;

    background-image:   url(../01_imagenes/logo_pronom.png);
}


#e_titulo_separador
{
    position:           absolute;

    left:               211px;
    top:                11px;
    width:              1px;
    height:             26px;

    background-color:   #A4A4A4;
}


#e_titulo_nombre
{
    position:           absolute;
    left:               225px;
    top:                14px;
    width:              306px;
    height:             22px;

    text-align:         left;
    font-family:        Arial, Helvetica;
    font-size:          14px;
    line-height:        1.6;
    color:              #FFF;
}




/* BARRA SEPARADOR */

#e_separador
{
    position:           fixed;
    z-index:            995;

    left:               0px;
    right:              0px;
    top:                48px;
    width:              100%;
    height:             1px;

    background-color:   #A4A4A4;
}




/* BARRA MENU */

#e_menu
{
    position:           fixed;
    z-index:            996;

    left:               0px;
    right:              0px;
    top:                49px;
    width:              100%;
    height:             48px;

    background-color:   #FFF;
}


#e_menu_sp
{
    position:           fixed;
    z-index:            997;

    left:               0px;
    right:              0px;
    top:                49px;
    width:              100%;
    height:             32px;

    background-color:   #444;
}


#e_menu_contenedor
{
    position:           absolute;
    z-index:            998;

    left:               0px;
    right:              0px;
    top:                0px;
    width:              844px;
    height:             48px;

    margin:             0 auto;

    background-color:   #FFF;
}


#e_menu_contenedor_m01
{
    left:               0px;
}


#e_menu_contenedor_m02
{
    left:               169px;
}


#e_menu_contenedor_m03
{
    left:               338px;
}


#e_menu_contenedor_m04
{
    left:               507px;
}


#e_menu_contenedor_m05
{
    left:               676px;
}



#e_menu_contenedor_m03_titulo
{
    line-height:        .8;
}


#e_menu_contenedor_sel
{
    position:           absolute;

    left:               407px;
    top:                31px;
    width:              26px;
    height:             9px;

    background-image:   url(../01_imagenes/flecha_mnu.png);
}




/* CONTENEDOR CUERPO */

#cuerpo
{
    position:           absolute;
    z-index:            1;

    left:               0px;
    right:              0px;
    top:                97px;
    width:              844px;
    height:             700px;

    margin:             0 auto;
}


#tema
{
    position:           absolute;

    left:               0px;
    top:                0px;
    width:              844px;
    height:             208px;

    background-image:   url(../01_imagenes/tema_010.png);
}


#tema_01_marco
{
    top:                0px;
}


#tema_02_marco
{
    top:                26px;
    background-color:   #FFF;
}


#tema_03_marco
{
    top:                52px;
}



#tema_01_titulo
{
    top:                0px;
}


#tema_02_titulo
{
    top:                26px;

    font-size:          11pt;
    font-weight:        bold;
    color:              #000;
}


#tema_03_titulo
{
    top:                52px;
}


#tema_titulo
{
    left:               0px;
    top:                236px;
    width:              466px;
    height:             22px;
}


#tema_descripcion_01
{
    left:               0px;
    top:                275px;
    width:              466px;
    height:             422px;
}


#tema_imagen_01
{
    position:           absolute;

    left:               503px;
    top:                275px;
    width:              68px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_c.png);
}


#tema_imagen_02
{
    position:           absolute;

    left:               604px;
    top:                275px;
    width:              46px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_html5.png);
}


#tema_imagen_03
{
    position:           absolute;

    left:               682px;
    top:                275px;
    width:              46px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_css.png);
}


#tema_imagen_04
{
    position:           absolute;

    left:               762px;
    top:                275px;
    width:              46px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_js.png);
}


#tema_imagen_05
{
    position:           absolute;

    left:               503px;
    top:                419px;
    width:              97px;
    height:             50px;

    background-image:   url(../01_imagenes/tecnologia_mysql.png);
}


#tema_imagen_06
{
    position:           absolute;

    left:               636px;
    top:                419px;
    width:              70px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_oracle.png);
}


#tema_imagen_07
{
    position:           absolute;

    left:               740px;
    top:                419px;
    width:              70px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_postgresql.png);
}


#tema_imagen_08
{
    position:           absolute;

    left:               503px;
    top:                537px;
    width:              52px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_linux.png);
}


#tema_imagen_09
{
    position:           absolute;

    left:               626px;
    top:                537px;
    width:              52px;
    height:             64px;

    background-image:   url(../01_imagenes/tecnologia_mac.png);
}


#tema_imagen_10
{
    position:           absolute;

    left:               740px;
    top:                539px;
    width:              66px;
    height:             61px;

    background-image:   url(../01_imagenes/tecnologia_win.png);
}




/* PIE DE PAGINA */

#pie
{
    position:           absolute;

    left:               0px;
    top:                800px;
    width:              100%;
    height:             196px;

    background-color:   #444;
}


#pie_contenedor
{
    position:           absolute;

    left:               0px;
    right:              0px;
    top:                0px;
    width:              844px;
    height:             196px;

    margin:             0 auto;

    background-color:   #444;
}


#pie_contenedor_intelecsys_logo
{
    position:           absolute;

    left:               1px;
    top:                16px;
    width:              181px;
    height:             37px;

    background-image:   url(../01_imagenes/logo_intelecsys.png);
}


#pie_contenedor_intelecsys_texto
{
    position:           absolute;
    left:               1px;
    top:                57px;
    width:              261px;
    height:             46px;

    text-align:         left;
    font-family:        Arial, Helvetica;
    font-size:          8pt;
    line-height:        1.6;
    color:              #FFF;
}


#pie_contenedor_separador01
{
    position:           absolute;

    left:               281px;
    top:                16px;
    width:              1px;
    height:             164px;

    background-color:   #A4A4A4;
}


#pie_contenedor_dir_texto
{
    position:           absolute;
    left:               305px;
    top:                16px;
    width:              120px;
    height:             164px;

    text-align:         left;
    font-family:        Arial, Helvetica;
    font-size:          10pt;
    line-height:        1.6;
    color:              #FFF;
}


#pie_contenedor_dir_ubicacion
{
    position:           absolute;

    left:               434px;
    top:                16px;
    width:              104px;
    height:             78px;

    background-image:   url(../01_imagenes/ubicacion.png);
}


#pie_contenedor_separador02
{
    position:           absolute;

    left:               561px;
    top:                16px;
    width:              1px;
    height:             164px;

    background-color:   #A4A4A4;
}


#pie_contenedor_tel_logo
{
    position:           absolute;

    left:               596px;
    top:                16px;
    width:              16px;
    height:             37px;

    background-image:   url(../01_imagenes/tel.png);
}


#pie_contenedor_tel_texto
{
    position:           absolute;
    left:               625px;
    top:                24px;
    width:              116px;
    height:             26px;

    text-align:         left;
    font-family:        Arial, Helvetica;
    font-size:          11pt;
    line-height:        1.6;
    color:              #FFF;
}


#pie_contenedor_correo_logo
{
    position:           absolute;

    left:               583px;
    top:                74px;
    width:              30px;
    height:             22px;

    background-image:   url(../01_imagenes/correo.png);
}


#pie_contenedor_correo_texto
{
    position:           absolute;
    left:               625px;
    top:                73px;
    width:              187px;
    height:             26px;

    text-align:         left;
    font-family:        Arial, Helvetica;
    font-size:          11pt;
    line-height:        1.6;
    color:              #FFF;
}


#pie_contenedor_dr_texto
{
    position:           absolute;
    left:               583px;
    top:                116px;
    width:              261px;
    height:             64px;

    text-align:         center;
    font-family:        Arial, Helvetica;
    font-size:          8pt;
    line-height:        1.6;
    color:              #FFF;
}