﻿body {
    font-family      : Arial, Helvetica, sans-serif;
	font-size        : 12px;
    padding-top      : 17px;
	padding-bottom   : 15px;
	margin           : 0px auto;
	/*background       : url(../imagenes/interfaces/fondo_pagina.jpg) repeat-x ;*/
	background-color : #FFFFFF;
}

table
{
    border-collapse : collapse;
}

th, td
{
    padding : 0px;
}

hr
{
    color            : #018a46;
    background-color : #018a46;
    border-width     : 0px;
    height           : 1px;
    width            : 100%;
}

.salto_pagina /* aplica a los elementos <br /> */
{
      page-break-after: always;
}

.ancho_total
{
    width : 99%;
}

.alto_total
{
    height         : 100%;
    vertical-align : top;
}

.body_blanco
{
    font-family      : Arial, Helvetica, sans-serif;
	font-size        : 12px;
	padding-bottom   : 15px;
	background-color : #ffffff;
	margin           : 0px auto;
	background       : #ffffff;
}

.body_contenido
{
	background       : url(../imagenes/interfaces/fondo_blanco.jpg);
    font-family      : Arial, Helvetica, sans-serif;
	font-size        : 12px;
	padding-bottom   : 15px;
	background-color : #e6f2ee;
	margin           : 0px auto;
	background       : #e6f2ee;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------
    DISEÑO DE LA PÁGINA PRINCIPAL
------------------------------------------------------------------------------------------------------------------------------------------------*/

 #encabezado
,#encabezado_1
{
    width        : 757px;
    height       : 197px;
    border-style : none;
    border-width : 0px;
    margin       : 0px auto;
}

        #encabezado_1
        {
            background-image : url('../imagenes/topportal_07.jpg');
            width            : 760px;
        }

 #cuerpo
,#contenido
{
    width            : 779px;
    border-style     : none;
    border-width     : 0px;
    margin           : 0px auto;
    background-color : #ffffff;
    vertical-align   : top;
}

         .contenido
        ,.contenido2
        {
            width : 799px;
        }
                
                .contenido
                {
                    vertical-align    : top;
                    padding-top       : 15px;
                   /* background-image  : url(../imagenes/fondo.jpg);*/
                    background-repeat : no-repeat;
                }

                .contenido2
                {
                    height         : 40px;
                    vertical-align : top;
                }

                #contenido
                {
                    width : 775px;
                }

 #pie_pagina
{
    background-color : #ffffff;
    width            : 690px;
    border-style     : none;
    border-width     : 0px;
    margin           : 0px auto;
    height           : 65px;

    font-size        : 8pt;
    text-align       : center;
    padding-top      : 10px;
    font-weight      : normal;
    text-decoration  : none; 
    color            : #2d5544;
}

 #pie_pagina_w3c
,#pie_pagina_w3c1
{
    width            : 799px;
    border-style     : none;
    border-width     : 0px;
    margin           : 0px auto;
    height           : 36px;
}

        #pie_pagina_w3c1
        {
            padding-top       : 4px;
            text-align        : center;
            height            : 32px;
        }

/*------------------------------------------------------------------------------------------------------------------------------------------------
    DISEÑO DE LA PÁGINA PRINCIPAL PARA INDICADORES
------------------------------------------------------------------------------------------------------------------------------------------------*/

 #encabezado_indicador
,#encabezado1_indicador
,#encabezado2_indicador
,#encabezado3_indicador
{
    width            : 100%;
    border-style     : none;
    border-width     : 0px;
    margin           : 0px auto;
    background-color : #ffffff;
}

        #encabezado1_indicador
        {
            background-image  : url(../imagenes/interfaces/titulo_indicador_1.jpg);
            background-repeat : no-repeat;
            height            : 134px;
            width             : 261px;
        }

        .encabezado1_indicador
        {
            height     : 134px;
            width      : 261px;
            text-align : center;
        }

        #encabezado2_indicador
        {
            background-image  : url(../imagenes/interfaces/titulo_indicador_2.jpg);
            background-repeat : no-repeat;
            text-align        : left;
            width             : 698px;
            height            : 134px;
        }

        .encabezado2_indicador
        {
            text-align     : left;
            width          : 698px;
            height         : 134px;
            vertical-align : middle;
        }

        #encabezado3_indicador
        {
            height : 134px;
            width  : 100%;
        }

 #cuerpo_indicador
,#menu_indicador
,#contenido_indicador
{
    width            : 100%;
    border-style     : none;
    border-width     : 0px;
    margin           : 0px auto;
    vertical-align   : top;
    background-color : #ffffff;
}

        #menu_indicador
        {
            width            : 228px;  /*  ANCHO TOTAL  */
            background-color : #0074bd;
        }
        
        .menu_indicador
        {
            vertical-align : top;
        }

                .menu_indicador_sup_1
                {
                    background-image  : url(../imagenes/interfaces/menu_indicador_sup_1.jpg);
                    background-repeat : repeat-x;
                    width             : 201px; /*  ANCHO TOTAL - 27px  */
                    height            : 22px;
                }
                
                .menu_indicador_sup_2
                {
                    background-image  : url(../imagenes/interfaces/menu_indicador_sup_2.jpg);
                    background-repeat : no-repeat;
                    width             : 27px;
                    height            : 22px;
                }

                .menu_indicador_contenido_1
                {
                    width : 214px; /*  ANCHO TOTAL - 14px  */
                }               
                
                .menu_indicador_contenido_2
                {
                    background-image  : url(../imagenes/interfaces/menu_indicador_der.jpg);
                    background-repeat : repeat-y;
                    width             : 14px;
                }

                .menu_indicador_inf_1
                {
                    background-image  : url(../imagenes/interfaces/menu_indicador_inf_1.jpg);
                    background-repeat : repeat-x;
                    width             : 201px; /*  ANCHO TOTAL - 27px  */
                    height            : 28px;
                }
                
                .menu_indicador_inf_2
                {
                    background-image  : url(../imagenes/interfaces/menu_indicador_inf_2.jpg);
                    background-repeat : no-repeat;
                    width             : 27px;
                    height            : 28px;
                }

                .menu_indicador_cerrar
                {
                    width      : 228px;  /*  = ANCHO TOTAL  */
                    text-align : center;
                    margin-top : 30px;
                }

         .contenido_indicador
        ,.contenido2_indicador
        {
            width : 100%;
        }
                
                .contenido_indicador
                {
                    
                    padding-left   : 10px;
                    padding-right  : 10px;
                    vertical-align : top;
                }

                .contenido2_indicador
                {
                    height         : 40px;
                    vertical-align : top;
                }

                #contentplaceholder_indicador
                {
                    width          : 100%;
                    text-align     : left;
                }
                
        #contenido_sabana
        {
            padding : 20px 15px 20px 15px;
            width   : 1700px;
        }

 #pie_pagina_indicador
,#pie_pagina1_indicador
{
    background-image  : url(../imagenes/pie_pagina_fondo.jpg);
    background-repeat : repeat-x;
    background-color  : #ffffff;
    border-style      : none;
    border-width      : 0px;
    margin            : 0px auto;
    height            : 54px;
    width             : 100%;
}

        #pie_pagina1_indicador
        {
            font-size   : 8pt;
            color       : #ffffff;
            font-family : Arial;
            padding-top : 21px;
            height      : 33px;
        }

        .pie_pagina1_indicador
        {
            text-align : center;
            width      : 100%;
            background-color : #ffffff;
        }

/*------------------------------------------------------------------------------------------------------------------------------------------------
    DISEÑO DE LA PÁGINA PRINCIPAL PARA LOS MAPAS
------------------------------------------------------------------------------------------------------------------------------------------------*/

 #cuerpo_mapaz
,#contenido_mapaz
{
    width            : 100%;
    border-style     : none;
    border-width     : 0px;
    margin           : 0px auto;
    vertical-align   : top;
    background-color : #ffffff;
}

         .contenido_mapaz
        {
            width : 100%;
        }
                
                .contenido_mapaz
                {
                    
                    padding-left   : 10px;
                    padding-right  : 10px;
                    vertical-align : top;
                }

                #contentplaceholder_mapaz
                {
                    width          : 100%;
                    text-align     : left;
                }
                
        #contenido_sabana_mapaz
        {
            padding : 20px 15px 20px 15px;
            width   : 1700px;
        }

/*------------------------------------------------------------------------------------------------------------------------------------------------
    DISEÑO DE LOS BOTONES
------------------------------------------------------------------------------------------------------------------------------------------------*/

 .boton
,.boton_ventana
,.boton_login
,.boton_salir
,.boton_calcular
{
	font-size        : 10pt;
	color            : #ffffff;
	font-weight      : bold;
	background-image : url(../imagenes/boton_fondo_blanco.jpg);
	font-family      : Arial, Helvetica, sans-serif;
	width            : 127px;
	height           : 22px;
	border-width     : 0px;
	border-style     : solid;
	padding          : 0px;
}

        .boton_ventana
        {
	        background-image : url(../imagenes/boton_fondo_gris.jpg);
        }

        .boton_login
        {
            margin-top : 7px;
        }

        .boton_salir
        {
            margin-top       : 10px;
        }

.boton_ventana_rojo
{
	font-size        : 10pt;
	color            : #ffffff;
	font-weight      : bold;
	background-image : url(../imagenes/boton_rojo_fondo_gris.jpg);
	font-family      : Arial, Helvetica, sans-serif;
	width            : 121px;
	height           : 21px;
	border-width     : 0px;
	border-style     : solid;
	padding          : 0px;
}

.boton_buscar
{
	color            : #ffffff;
	background-image : url(../imagenes/boton_buscar_lupa.jpg);
	width            : 33px;
	height           : 19px;
	border-width     : 0px;
	border-style     : solid;
    margin           : 0px 0px 0px 3px;
    padding          : 0px;
}

.boton_exportar_excel
{
	color            : #ffffff;
	background-image : url(../imagenes/excel.jpg);
	width            : 32px;
	height           : 32px;
	border-width     : 0px;
	border-style     : solid;
	padding          : 0px;	
}

.boton_pasar_derecha
{
	background-image : url(../imagenes/interfaces/pasar_derecha.jpg);
	width            : 22px;
	height           : 22px;
	border-width     : 0px;
	border-style     : solid;
	margin           : 5px 5px 5px 5px;
}

.boton_pasar_izquierda
{
	background-image : url(../imagenes/interfaces/pasar_izquierda.jpg);
	width            : 22px;
	height           : 22px;
	border-width     : 0px;
	border-style     : solid;
	margin           : 0px 5px 5px 5px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------
    DISEÑO DE LAS TABLAS
------------------------------------------------------------------------------------------------------------------------------------------------*/

.fondo_blanco
{
    background-color : #ffffff;
}

/*------------------------------------------------------------------------------------------------------------------
    DISEÑO DE LAS VENTANAS DEL APLICATIVO.
------------------------------------------------------------------------------------------------------------------*/

 .ventana_titulo
,.ventana_titulo_izquierda
,.ventana_titulo_derecha
{
    background-color : #0074bd;
    border-collapse  : collapse;
    height           : 27px;
    padding          : 0px;
    margin           : 0px;
}

        .ventana_titulo_izquierda
        {
            background-image  : url(../imagenes/ventana_titulo_1.jpg);
            background-repeat : no-repeat;
            width             : 16px;
        }

        .ventana_titulo_derecha
        {
            background-image  : url(../imagenes/ventana_titulo_3.jpg);
            background-repeat : no-repeat;
            width             : 29px;
        }

 .ventana_titulo_tab
,.ventana_titulo_izquierda_tab
,.ventana_titulo_derecha_tab
{
    background-color : #e8e8ea;
    border-collapse  : collapse;
    height           : 9px;
    padding          : 0px;
    margin           : 0px;
}

        .ventana_titulo_izquierda_tab
        {
            width            : 16px;
        }

        .ventana_titulo_derecha_tab
        {
            background-image : url(../imagenes/ventana_titulo_tab_3.jpg);
            width            : 29px;
        }

 .ventana_contenido
,.ventana_contenido_rotulo
,.ventana_contenido_rotulo_fondo_blanco
,.ventana_contenido_rotulo_vertical
,.ventana_contenido_rotulo_vertical_blanco
,.ventana_contenido_componente
,.ventana_contenido_componente2
,.ventana_contenido_componente_fondo_blanco
,.ventana_contenido_componente_vertical
,.ventana_contenido_componente_vertical_blanco
,.ventana_contenido_labels
,.ventana_contenido_labels_numeracion
,.ventana_contenido_labels_grandes
,.ventana_contenido_componente_comboajax
,.ventana_contenido_rotulo_comboajax
{
    border-collapse  : collapse;
    font-family      : Arial;
    vertical-align   : top;
    text-align       : left;
}

        .ventana_contenido_izquierda
        {
	        background-color : #e8e8ea;
	        width            : 0px;
            padding          : 0px;
            margin           : 0px;
        }

        .ventana_contenido_rotulo
        {
            padding    : 3px 3px 2px 0px;
            text-align : right;
        }

        .ventana_contenido_rotulo_izquierda
        {
            padding    : 3px 3px 2px 0px;
            text-align : left;
        }

        .ventana_contenido_rotulo_fondo_blanco
        {
            background-color : #ffffff;
            padding          : 3px 3px 2px 0px;
            text-align       : right;
        }

        .ventana_contenido_rotulo_comboajax
        {
            padding    : 6px 3px 2px 0px;
            text-align : right;
        }

        .ventana_contenido_rotulo_vertical
        {
            padding : 2px 3px 2px 0px;
        }

        .ventana_contenido_rotulo_vertical_blanco
        {
            background-color : #ffffff;
            padding          : 2px 3px 2px 0px;
        }

        .ventana_contenido_componente
        {
            padding : 2px 0px 2px 0px;
        }

        .ventana_contenido_componente2
        {
            padding        : 2px 0px 2px 0px;
            vertical-align : middle;
        }

        .ventana_contenido_componente_fondo_blanco
        {
            background-color : #ffffff;
            padding          : 2px 0px 2px 0px;
        }

        .ventana_contenido_componente_comboajax
        {
            padding : 0px 0px 7px 0px;
        }

        .ventana_contenido_componente_vertical
        {
            padding : 2px 5px 2px 0px;
        }

        .ventana_contenido_componente_vertical_blanco
        {
            background-color : #ffffff;
            padding          : 2px 5px 2px 0px;
        }

        .ventana_contenido_labels
        {
            padding     : 2px 0px 2px 0px;
            font-weight : bold;
        }

        .ventana_contenido_labels_numeracion
        {
            font-weight : bold;
        }

        .ventana_contenido_labels_grandes
        {
            padding     : 2px 0px 2px 0px;
            font-size   : 16px;
            font-weight : bold;
        }

        .ventana_contenido_boton
        {
            padding    : 5px 0px 5px 0px;
            text-align : center;
        }

        .ventana_contenido_boton2
        {
            padding    : 5px 0px 5px 0px;
            text-align : center;
            width      : 100%;
        }

        .ventana_contenido_derecha
        {
	        background-image  : url(../imagenes/ventana_contenido_1.jpg);
	        background-repeat : repeat-y;
	        width             : 7px;
            padding           : 0px;
            margin            : 0px;
        }

 .ventana_pie
,.ventana_pie_izquierda
,.ventana_pie_derecha
{
    background-color : #e8e8ea;
    border-collapse  : collapse;
    height           : 8px;
    padding          : 0px;
    margin           : 0px;
}

        .ventana_pie_izquierda
        {
	        background-image  : url(../imagenes/ventana_pie_1.jpg);
            background-repeat : no-repeat;
	        width             : 16px;
        }

        .ventana_pie_derecha
        {
	        background-image  : url(../imagenes/ventana_pie_3.jpg);
            background-repeat : no-repeat;
	        width             : 29px;
        }

.ventana_error
{
    font-weight : bold;
    color       : #ff0000;
}

/*--  VENTANAS MODALES  -------------------------------------------------------------------------------------------------------------------*/

 .ventana_modal_titulo
,.ventana_modal_titulo_izquierda
,.ventana_modal_titulo_derecha
{
    background-color : #0074bd;
    border-collapse  : collapse;
    height           : 27px;
    padding          : 0px;
    margin           : 0px;
}

        .ventana_modal_titulo_izquierda
        {
            background-image  : url(../imagenes/ventana_modal_titulo_1.jpg);
            background-repeat : no-repeat;
            width             : 16px;
        }

        .ventana_modal_titulo_titulo
        {
            background-color  : #0074bd;
            background-image  : url(../imagenes/ventana_modal_titulo_2.jpg);
            background-repeat : repeat-x;
            color             : #ffffff;
            font-weight       : bold;
            font-family       : Arial, Helvetica, sans-serif;
            height            : 27px;
            padding           : 0px;
            margin            : 0px;
        }

        .ventana_modal_titulo_derecha
        {
            background-image  : url(../imagenes/ventana_modal_titulo_3.jpg);
            background-repeat : no-repeat;
            width             : 29px;
        }

 .ventana_modal_contenido
,.ventana_modal_contenido_rotulo
,.ventana_modal_contenido_rotulo_vertical
,.ventana_modal_contenido_componente
,.ventana_modal_contenido_componente2
,.ventana_modal_contenido_componente_vertical
,.ventana_modal_contenido_labels
{
    background-color : #e8e8ea;
    border-collapse  : collapse;
    font-family      : Arial;
    vertical-align   : top;
    text-align       : left;
}

        .ventana_modal_contenido_izquierda
        {
	        background-color : #e8e8ea;
	        width            : 0px;
            padding          : 0px;
            margin           : 0px;
        }

        .ventana_modal_contenido_contenido
        {
            background-color : #e8e8ea;
            padding          : 5px 12px 12px 12px;
            margin           : 0px;
        }

        .ventana_modal_contenido_rotulo
        {
            padding    : 3px 3px 2px 0px;
            text-align : right;
        }

        .ventana_modal_contenido_rotulo_vertical
        {
            padding : 2px 3px 2px 0px;
        }

        .ventana_modal_contenido_componente
        {
            padding : 2px 0px 2px 0px;
        }

        .ventana_modal_contenido_componente2
        {
            padding        : 2px 0px 2px 0px;
            vertical-align : middle;
        }

        .ventana_modal_contenido_componente_vertical
        {
            padding : 2px 5px 2px 0px;
        }

        .ventana_modal_contenido_labels
        {
            padding     : 2px 0px 2px 0px;
            font-weight : bold;
        }

        .ventana_modal_contenido_boton
        {
            padding    : 5px 0px 5px 0px;
            text-align : center;
        }

        .ventana_modal_contenido_boton2
        {
            padding    : 5px 0px 5px 0px;
            text-align : center;
            width      : 100%;
        }

        .ventana_modal_contenido_derecha
        {
	        background-image  : url(../imagenes/ventana_modal_contenido_1.jpg);
	        background-repeat : repeat-y;
	        width             : 7px;
            padding           : 0px;
            margin            : 0px;
        }

 .ventana_modal_pie
,.ventana_modal_pie_izquierda
,.ventana_modal_pie_derecha
{
    background-color : #e8e8ea;
    border-collapse  : collapse;
    height           : 8px;
    padding          : 0px;
    margin           : 0px;
}

        .ventana_modal_pie_izquierda
        {
	        background-image  : url(../imagenes/ventana_modal_pie_1.jpg);
	        background-repeat : no-repeat;
	        width             : 16px;
        }

        .ventana_modal_pie_contenido
        {
            background-image  : url(../imagenes/ventana_modal_pie_2.jpg);
            background-repeat : repeat-x;
            height            : 8px;
            padding           : 0px;
            margin            : 0px;
        }

        .ventana_modal_pie_derecha
        {
	        background-image  : url(../imagenes/ventana_modal_pie_3.jpg);
	        background-repeat : no-repeat;
	        width             : 29px;
        }


/*---------------------------------------------------- ANCHOS PREPROGRAMADOS ---------------------------------------------------------------*/

 .ventana_titulo_titulo_1
,.ventana_titulo_titulo_2
,.ventana_titulo_titulo_3
,.ventana_titulo_titulo_4
,.ventana_titulo_titulo_5
,.ventana_titulo_titulo_6
,.ventana_titulo_titulo_7
,.ventana_titulo_titulo_8
,.ventana_titulo_titulo_9
,.ventana_titulo_titulo_10
,.ventana_titulo_titulo_11
,.ventana_titulo_titulo_12
,.ventana_titulo_titulo_13
,.ventana_titulo_titulo_14
{
    background-color  : #0074bd;
    background-image  : url(../imagenes/ventana_titulo_2.jpg);
    background-repeat : repeat-x;
    color             : #ffffff;
    font-weight       : bold;
    font-family       : Arial, Helvetica, sans-serif;
    height            : 27px;
    padding           : 0px;
    margin            : 0px;
}

 .ventana_titulo_titulo_tab_1
,.ventana_titulo_titulo_tab_2
,.ventana_titulo_titulo_tab_3
,.ventana_titulo_titulo_tab_4
,.ventana_titulo_titulo_tab_5
,.ventana_titulo_titulo_tab_6
,.ventana_titulo_titulo_tab_7
,.ventana_titulo_titulo_tab_8
,.ventana_titulo_titulo_tab_9
,.ventana_titulo_titulo_tab_10
,.ventana_titulo_titulo_tab_11
,.ventana_titulo_titulo_tab_12
,.ventana_titulo_titulo_tab_13
,.ventana_titulo_titulo_tab_14
{
    background-color  : #e8e8ea;
    color             : #ffffff;
    font-weight       : bold;
    font-family       : Arial, Helvetica, sans-serif;
    height            : 9px;
    padding           : 0px;
    margin            : 0px;
}

 .ventana_contenido_contenido_1
,.ventana_contenido_contenido_2
,.ventana_contenido_contenido_3
,.ventana_contenido_contenido_4
,.ventana_contenido_contenido_5
,.ventana_contenido_contenido_6
,.ventana_contenido_contenido_7
,.ventana_contenido_contenido_8
,.ventana_contenido_contenido_9
,.ventana_contenido_contenido_10
,.ventana_contenido_contenido_11
,.ventana_contenido_contenido_12
,.ventana_contenido_contenido_13
,.ventana_contenido_contenido_14
{
    background-color : #e8e8ea;
    padding          : 5px 12px 12px 12px;
    margin           : 0px;
}

 .ventana_pie_contenido_1
,.ventana_pie_contenido_2
,.ventana_pie_contenido_3
,.ventana_pie_contenido_4
,.ventana_pie_contenido_5
,.ventana_pie_contenido_6
,.ventana_pie_contenido_7
,.ventana_pie_contenido_8
,.ventana_pie_contenido_9
,.ventana_pie_contenido_10
,.ventana_pie_contenido_11
,.ventana_pie_contenido_12
,.ventana_pie_contenido_13
,.ventana_pie_contenido_14
{
    background-image  : url(../imagenes/ventana_pie_2.jpg);
    background-repeat : repeat-x;
    height            : 8px;
    padding           : 0px;
    margin            : 0px;
}

/*--------------------------------*/

.ventana_titulo_titulo_1
{
    width : 266px;
}

.ventana_titulo_titulo_2
{
    width : 316px;
}

.ventana_titulo_titulo_3
{
    width : 366px;
}

.ventana_titulo_titulo_4
{
    width : 416px;
}

.ventana_titulo_titulo_5
{
    width : 466px;
}

.ventana_titulo_titulo_6
{
    width : 516px;
}

.ventana_titulo_titulo_7
{
    width : 566px;
}

.ventana_titulo_titulo_8
{
    width : 616px;
}

.ventana_titulo_titulo_9
{
    width : 666px;
}

.ventana_titulo_titulo_10
{
    width : 716px;
}

.ventana_titulo_titulo_11
{
    width : 766px;
}

.ventana_titulo_titulo_12
{
    width : 816px;
}

.ventana_titulo_titulo_13
{
    width : 866px;
}

.ventana_titulo_titulo_14
{
    width : 916px;
}

/*--------------------------------*/

.ventana_titulo_titulo_tab_1
{
    width : 266px;
}

.ventana_titulo_titulo_tab_2
{
    width : 316px;
}

.ventana_titulo_titulo_tab_3
{
    width : 366px;
}

.ventana_titulo_titulo_tab_4
{
    width : 416px;
}

.ventana_titulo_titulo_tab_5
{
    width : 466px;
}

.ventana_titulo_titulo_tab_6
{
    width : 516px;
}

.ventana_titulo_titulo_tab_7
{
    width : 566px;
}

.ventana_titulo_titulo_tab_8
{
    width : 616px;
}

.ventana_titulo_titulo_tab_9
{
    width : 666px;
}

.ventana_titulo_titulo_tab_10
{
    width : 716px;
}

.ventana_titulo_titulo_tab_11
{
    width : 766px;
}

.ventana_titulo_titulo_tab_12
{
    width : 816px;
}

.ventana_titulo_titulo_tab_13
{
    width : 866px;
}

.ventana_titulo_titulo_tab_14
{
    width : 916px;
}

/*--------------------------------*/

.ventana_contenido_contenido_1
{
    width : 280px;
}

.ventana_contenido_contenido_2
{
    width : 330px;
}

.ventana_contenido_contenido_3
{
    width : 380px;
}

.ventana_contenido_contenido_4
{
    width : 430px;
}

.ventana_contenido_contenido_5
{
    width : 480px;
}

.ventana_contenido_contenido_6
{
    width : 530px;
}

.ventana_contenido_contenido_7
{
    width : 580px;
}

.ventana_contenido_contenido_8
{
    width : 630px;
}

.ventana_contenido_contenido_9
{
    width : 680px;
}

.ventana_contenido_contenido_10
{
    width : 730px;
}

.ventana_contenido_contenido_11
{
    width : 780px;
}

.ventana_contenido_contenido_12
{
    width : 830px;
}

.ventana_contenido_contenido_13
{
    width : 880px;
}

.ventana_contenido_contenido_14
{
    width : 930px;
}

/*--------------------------------*/

.ventana_pie_contenido_1
{
    width : 266px;
}

.ventana_pie_contenido_2
{
    width : 316px;
}

.ventana_pie_contenido_3
{
    width : 366px;
}

.ventana_pie_contenido_4
{
    width : 416px;
}

.ventana_pie_contenido_5
{
    width : 466px;
}

.ventana_pie_contenido_6
{
    width : 516px;
}

.ventana_pie_contenido_7
{
    width : 566px;
}

.ventana_pie_contenido_8
{
    width : 616px;
}

.ventana_pie_contenido_9
{
    width : 666px;
}

.ventana_pie_contenido_10
{
    width : 716px;
}

.ventana_pie_contenido_11
{
    width : 766px;
}

.ventana_pie_contenido_12
{
    width : 816px;
}

.ventana_pie_contenido_13
{
    width : 866px;
}

.ventana_pie_contenido_14
{
    width : 916px;
}

/*------------------------------------------------------------------------------------------------------------------
    Elementos de interfaces.
------------------------------------------------------------------------------------------------------------------*/

 .componente_textbox
,.componente_textbox_ficha
,.componente_textbox_fecha
,.componente_textbox_dinero
,.componente_textbox_email
{
    background-color : #ffffff;
	font-family      : Arial;
	font-size        : 12px;
    color            : #000000;
    border-color     : #018a46;
    border-style     : solid;
    border-width     : 1px;
}

.componente_textbox_ficha
{
	margin-right : 3px;
}

.componente_textbox_fecha
{
	float        : left;
	margin-right : 4px;
}

.componente_textbox_dinero
{
	margin-right : 4px;
    text-align   : right;
}

.componente_textbox_email
{
    text-transform : lowercase;
}

.titulo_verde
{
    font-weight     : bold;
    text-decoration : none; 
    color           : #2d5544;
}

.titulo_verde_grande_derecha
{
    font-weight     : bold;
    font-size       : large;
    text-decoration : none; 
    color           : #2d5544;
}

.texto_verde
{
    font-weight     : normal;
    text-decoration : none; 
    color           : #2d5544;
    vertical-align  : middle;
}

.titulo_negro
{
    font-weight     : bold;
    font-size       : larger;
    text-decoration : none; 
    color           : #000000;
}

.contenido_centrado
{
    margin: 0px auto; /* centrar con firefox */
    text-align : center;  /* centrar con IE */
}

.contenido_derecha
{
    text-align : right;
}

/*------------------------------------------------------------------------------------------------------------------
    Detalle de registro parte superior.
------------------------------------------------------------------------------------------------------------------*/

.detalle_contenedor
{
    background-color : #ffffff;
    border-color     : #3b7ab2;
    border-style     : solid;
    border-width     : 1px;
    color            : #000000;
    font-weight      : normal;
}

.detalle_rotulo
{
    padding          : 5px 3px 5px 3px;
    text-align       : right;
    font-weight      : bold;
    vertical-align   : top;
    background-color : #e8e8ea;
    width            : 140px;
}

.detalle_dato
{
    padding    : 2px 3px 2px 3px;
    text-align : left;
    width      : 600px;
}


/*------------------------------------------------------------------------------------------------------------------
    GridView.
------------------------------------------------------------------------------------------------------------------*/

.grid
{
    background-color : #ffffff;
    border-color     : #3b7ab2;
    border-style     : solid;
    border-width     : 1px;
    color            : #000000;
    font-weight      : normal;
    font-size        : 11px;
}

tr.grid_header th
{
	background-image  : url(../imagenes/interfaces/grid_header.jpg);
	background-repeat : repeat-x;
	background-color  : #0075bd;
	color             : #ffffff;
	font-weight       : bold;
	font-family       : Arial, Helvetica, sans-serif;
    padding           : 4px;
}

tr.grid_alternating_row td
{
    background-color : #e4e4e9;
    vertical-align   : top;
    text-align       : justify;
    padding          : 4px;
}

tr.grid_alternating_row_num td
{
    background-color : #e4e4e9;
    vertical-align   : top;
    text-align       : right;
    padding          : 4px;
}

tr.grid_row td
{
    background-color : #ffffff;
    vertical-align   : top;
    text-align       : justify;
    padding          : 4px;
}

tr.grid_row_num td
{
    background-color : #ffffff;
    vertical-align   : top;
    text-align       : right;
    padding          : 4px;
}

.grid_edit_row
{
    background-color : #ccccd1;
}

.grid_selected_row
{
    background-color : #ccccd1;
    font-weight      : bold;
    color            : #333333;
}

tr.grid_pager td
{
	background-image  : url(../imagenes/interfaces/grid_footer.jpg);
	background-repeat : repeat-x;
	background-color  : #ccccd1;
	color             : #000000;
	font-weight       : bold;
	font-family       : Arial, Helvetica, sans-serif;
    text-align        : center;
    padding           : 4px;
}

tr.grid_footer td
{
	background-image  : url(../imagenes/interfaces/grid_footer.jpg);
	background-repeat : repeat-x;
	background-color  : #ccccd1;
	color             : #000000;
	font-weight       : bold;
	font-family       : Arial, Helvetica, sans-serif;
    padding           : 4px;
}

/*------------------------------------------------------------------------------------------------------------------------------
  ESTILO PARA EL MENÚ PRINCIPAL
------------------------------------------------------------------------------------------------------------------------------*/

.menuItem
{
	/*list-style-image : url(../imagenes/flecha_submenu.jpg);*/
	list-style-type : none;
	margin          : 0 auto;
    margin-left     : 5px;
	padding         : 0px;
	width           : 186px;
    color           : #ffffff;
}

.menuItem li a
{
	background       : url(../imagenes/interfaces/menu_1.jpg) bottom left;
	font             : bold 13px Arial;
    background-color : #0074bd;
	display          : block;
	width            : 179px;
	height           : 22px;
	padding-left     : 7px;
	text-decoration  : none;
	text-align       : left;
	margin-top       : 10px;
	padding-top      : 6px;
}

* html .menuItem li a
{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width : 176px;
}

 .menuItem li a:visited
,.menuItem li a:link
,.menulista li a:active
{
	color : #ffffff;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/

.menulista
{
	list-style-type : none;
	margin          : 0px 0;
	padding         : 0;
	width           : 186px;
}

.menulista li a
{
	background        : url(../imagenes/interfaces/menu_4.jpg) bottom left;
	background-repeat : repeat-y;
    background-color  : #ffffff;
	font              : 13px Arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color             : #000000;
	display           : block;
	width             : 171px;
	height            : 20px;
	text-decoration   : none;
	text-align        : left;
	padding-left      : 15px;
	padding-top       : 4px;
    margin-left       : 5px;
}

* html .menulista li a
{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width : 171px;
}

 .menulista li a:visited
,.menulista li a:active
{
	color : #000000;
}

.menulista li a:hover
{
	background-image  : url(../imagenes/interfaces/menu_2.jpg);
	background-repeat : no-repeat;
    background-color  : #c7c7c7;
	color             : #000000;
	width             : 171px;
	height            : 20px;
}

.menu_submenu_2
{
    background-image  : url(../imagenes/interfaces/menu_5.jpg);
    background-repeat : no-repeat;
    width             : 186px;
    height            : 5px;
    border-style      : none;
    border-width      : 0px;
    margin-left       : 5px;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/

div.scroll
{
    height           : 200px;
    width            : 707px;
    overflow         : auto;
    border           : 1px solid #018a46;
    background-color : #ffffff;
    padding          : 8px;
}

.texto_agente_chat
{
    color : #288c5a;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/

.ratingStar
,.filledRatingStar
,.emptyRatingStar
,.savedRatingStar
{
    font-size         : 0pt;
    width             : 23px;
    height            : 18px;
    margin            : 0px;
    padding           : 0px;
    cursor            : pointer;
    display           : block;
    background-repeat : no-repeat;    
}

.filledRatingStar
{
    background-image: url(../imagenes/FilledStar.png);
}

.emptyRatingStar
{
    background-image: url(../imagenes/EmptyStar.png);
}

.savedRatingStar
{
    background-image: url(../imagenes/SavedStar.png);
}

.nameofyourclass

{ 
 background-image:url('../imagenes/clickmuisca72.gif');
cursor:auto;
width:72px;
height:20px;
}
.nameofyourclass2

{ 
 background-image:url('../imagenes/botconectar.gif');
 cursor:auto;
 width:72px;
height:20px;
}
.nameofyourclassCerrar

{ 
 background-image:url('../imagenes/botcerrarsesion.gif');
 cursor:auto;
 width:72px;
height:20px;
}