/* Ventana de informaci�n del marcador */
#ventana_informacion {
    width: 637px;
}

#ventana_informacion_tl, #ventana_informacion_tr, #ventana_informacion_bl, #ventana_informacion_br, #ventana_informacion_beak {
    width: 20px;
    height: 20px;
}

#ventana_informacion_t, #ventana_informacion_b {
    height: 20px;
}

#ventana_informacion_l, #ventana_informacion_r {
    width: 20px;
}

#ventana_informacion_close {
    width: 20px;
    height: 20px;
    margin: 33px 7px 2px -29px;
    background-image: url(SGRAF/assets/compiled/images/ventanas/boton_cerrar.gif);
}

#ventana_informacion .titulo {
    width: 637px;
    height: 53px;
    background-image: url(../images/ventanas/fondo_titulo.png);
}

    #ventana_informacion .titulo p {
        color: #FFFFFF;
        display: inline;
        font-size: 18px;
        font-weight: bold;
        margin: 0;
        padding: 0 0 0 7px;
        vertical-align: middle;
    }

        #ventana_informacion .titulo p.txtvehiculo {
            color: #FFFFFF;
            display: inline;
            font-size: 18px;
            font-weight: bold;
            margin: 0;
            padding: 0 0 0 9px;
            vertical-align: middle;
        }

    #ventana_informacion .titulo img {
        vertical-align: middle;
        width: 53px;
    }

#tabs_header {
    background-color: #ffffff;
    overflow: hidden;
    padding: 0px 1px;
    margin-bottom: 10px;
}

    #tabs_header .tab {
        float: left;
        background-color: #f5f5f5;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        background-image: transparent;
        padding: 1px 0px;
        text-align: center;
        width: 126px;
        cursor: pointer;
    }

    #tabs_header #tab0 {
        border-left: 1px solid #333333;
        width: 125px;
    }

    #tabs_header .tab_activa {
        /* background-image: url(../images/ventanas/fondo_pestana_activa.png); */
        /* background-repeat: repeat-x; */
        background-color: #007869;
    }

    #tabs_header p {
        margin: 0px;
        padding: 3px;
    }

    #tabs_header .tab_activa p {
        color: #ffffff;
    }

#tab_contents {
    background-color: #FFFFFF;
    color: #333333;
}

#tabV_contents {
    background-color: #FFFFFF;
    color: #333333;
}

#ventana_informacion #tab_contents span.texto_afeccion_activa {
    background-image: url("../images/marcadores/incidentes/afeccion_activa.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tab_contents span.texto_afeccion_inactiva {
    background-image: url("../images/marcadores/incidentes/afeccion_inactiva.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tab_contents span.texto_incidente_activo {
    background-image: url("../images/marcadores/incidentes/incidente_activo.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tab_contents span.texto_incidente_doe {
    background-image: url("../images/marcadores/incidentes/incidente_blue.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tab_contents span.texto_incidente_activo_actions {
    background-image: url("../images/marcadores/incidentes/incidente_activoR.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tab_contents span.texto_incidente_inactivo {
    background-image: url("../images/marcadores/incidentes/incidente_inactivo.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tab_contents span.texto_actividad_comercial {
    background-image: url("../images/marcadores/capasinformativas/actividades_comerciales.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tabV_contents span.texto_afeccion_activa {
    background-image: url("../images/marcadores/incidentes/afeccion_activa.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tabV_contents span.texto_afeccion_inactiva {
    background-image: url("../images/marcadores/incidentes/afeccion_inactiva.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tabV_contents span.texto_incidente_activo {
    background-image: url("../images/marcadores/incidentes/incidente_activo.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tabV_contents span.texto_incidente_doe {
    background-image: url("../images/marcadores/incidentes/incidente_blue.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tabV_contents span.texto_incidente_activo_actions {
    background-image: url("../images/marcadores/incidentes/incidente_activoR.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tabV_contents span.texto_incidente_inactivo {
    background-image: url("../images/marcadores/incidentes/incidente_inactivo.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#ventana_informacion #tabV_contents span.texto_actividad_comercial {
    background-image: url("../images/marcadores/capasinformativas/actividades_comerciales.png");
    background-position: 9px 8px;
    background-repeat: no-repeat;
    padding-left: 45px;
    display: block;
    overflow: hidden;
}

#divstreet {
    width: 637px;
    height: 200px;
    background-color: #FFFFFF;
    color: #333333;
}

    #divstreet p.error {
        padding: 50px;
        font-weight: bold;
        color: #af0000;
    }

#tab_contents li {
    list-style: none;
}

.tab_content {
    display: none;
}

.tab_content_block {
    display: block;
}

#tab_contents strong {
    font-weight: bold;
}

#tab_contents .centrado {
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 0 0 50px;
}

    #tab_contents .centrado p {
        margin-bottom: 15px;
    }

    #tab_contents .centrado a.url {
        margin-left: 15px;
    }

    #tab_contents .centrado .tercio {
        display: inline-block;
        width: 145px;
    }

    #tab_contents .centrado .medio {
        display: inline-block;
        width: 220px;
    }

    #tab_contents .centrado .dostercios {
        display: inline-block;
        width: 290px;
    }

    #tab_contents .centrado .block {
        display: block;
    }

#tab_contents .cabecera {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ECE9E0;
    background-color: #F2F1ED;
}

#tab_contents .cuerpo {
    height: 163px;
    overflow-x: hidden;
    overflow-y: auto;
}

    #tab_contents .cuerpo p {
        float: right;
    }

    #tab_contents .cuerpo .icono {
        float: right;
    }

#tab_contents .mediocuerpo {
    float: left;
    width: 305px;
    height: 100%;
}

#tab_contents .cuerpo .fila {
    border-bottom: 1px dotted #999999;
}

#tab_contents .cuerpo .separacionFila {
    clear: both;
}

#tab_contents .cuerpo .separacionFila2 {
    margin-top: 5px;
}

#tab_contents .cuerpo .botones {
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 20px;
    width: 90px;
    border: none;
    background-image: url(../images/layout/boton_restablecer.gif);
    background-repeat: no-repeat;
    color: #ffffff;
}

#tab_contents .cabecera span, #tab_contents .cuerpo span {
    display: inline-block;
    padding: 10px 15px;
}

    #tab_contents .cabecera span.medio {
        width: 285px;
        font-weight: bold;
        font-style: italic;
    }

#tab_contents .identificador {
    width: 150px;
}

#tab_contents .check {
    float: right;
    height: 12px;
    margin: 10px;
    font-weight: bold;
    color: #af0000;
}

#tab_contents p.error {
    padding: 50px;
    color: #af0000;
    font-weight: bold;
}

#tab_contents .texto {
    /*width: 270px;*/
}

#tab_contents .inline {
    display: inline;
}



#tabV_contents li {
    list-style: none;
}

.tabV_content {
    display: none;
}

.tabV_content_block {
    display: block;
}

#tabV_contents strong {
    font-weight: bold;
}

#tabV_contents .centrado {
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 0 0 50px;
}

    #tabV_contents .centrado p {
        margin-bottom: 15px;
    }

    #tabV_contents .centrado a.url {
        margin-left: 15px;
    }

    #tabV_contents .centrado .tercio {
        display: inline-block;
        width: 145px;
    }

    #tabV_contents .centrado .medio {
        display: inline-block;
        width: 220px;
    }

    #tabV_contents .centrado .dostercios {
        display: inline-block;
        width: 290px;
    }

    #tabV_contents .centrado .block {
        display: block;
    }

#tabV_contents .cabecera {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ECE9E0;
    background-color: #F2F1ED;
}

#tabV_contents .cuerpo {
    height: 163px;
    overflow-x: hidden;
    overflow-y: auto;
}

    #tabV_contents .cuerpo p {
        float: right;
    }

    #tabV_contents .cuerpo .icono {
        float: right;
    }

#tabV_contents .mediocuerpo {
    float: left;
    width: 305px;
    height: 100%;
}

#tabV_contents .cuerpo .fila {
    border-bottom: 1px dotted #999999;
}

#tabV_contents .cuerpo .separacionFila {
    clear: both;
}

#tabV_contents .cuerpo .separacionFila2 {
    margin-top: 5px;
}

#tabV_contents .cuerpo .botones {
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 20px;
    width: 90px;
    border: none;
    background-image: url(../images/layout/boton_restablecer.gif);
    background-repeat: no-repeat;
    color: #ffffff;
}

#tabV_contents .cabecera span, #tabV_contents .cuerpo span {
    display: inline-block;
    padding: 10px 15px;
}

    #tabV_contents .cabecera span.medio {
        width: 285px;
        font-weight: bold;
        font-style: italic;
    }

#tabV_contents .identificador {
    width: 150px;
}

#tabV_contents .check {
    float: right;
    height: 12px;
    margin: 10px;
    font-weight: bold;
    color: #af0000;
}

#tabV_contents p.error {
    padding: 50px;
    color: #af0000;
    font-weight: bold;
}

#tabV_contents .texto {
    /*width: 270px;*/
}

#tabV_contents .inline {
    display: inline;
}

#ventana_informacion .pie {
    width: 637px;
    height: 6px;
    background-image: url(../images/ventanas/fondo_pie.png);
}

.menuconpie {
    display: flex;
    flex-direction: column;
    height: calc(100% - 155px) /* Establece la altura del contenedor principal al 100% del viewport */
}

/* Ventana información vehículo */
#tab_contentsVehiculo {
    width: 637px;
    height: 320px;
    background-color: #FFFFFF;
    color: #333333;
}

    #tab_contentsVehiculo .pestanas .pestana {
        background-color: #f5f5f5;
        border: 1px solid #333333;
        border-top: none;
        border-left: none;
        cursor: pointer;
        float: left;
        padding: 1px 0;
        text-align: center;
        width: 112px;
    }

    #tab_contentsVehiculo .pestanas .activa {
        background-color: #007869;
    }

        #tab_contentsVehiculo .pestanas .activa p {
            color: #ffffff;
        }

    #tab_contentsVehiculo .pestanas p {
        margin: 0;
        padding: 3px;
        color: #333333;
    }

    #tab_contentsVehiculo .contenido_pestanas {
        clear: both;
        padding: 7px;
        height: 280px;
        overflow-y: auto;
    }

    #tab_contentsVehiculo .centrado {
        /*height: 180px;*/
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 10px 10px 10px 100px;
    }

    #tab_contentsVehiculo .centradoCCTV {
        /*border: 1px solid green;*/
        /*height: 180px;*/
        height: 260px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 20px 0 0 50px;
    }

        #tab_contentsVehiculo .centradoCCTV .capaCombo {
            height: 150px;
            width: 400px;
            overflow-x: hidden;
            overflow-y: auto;
            padding: 30px 0 0 80px;
            margin-top: 40px;
            margin-left: 50px;
        }

    #tab_contentsVehiculo .centrado p {
        margin-bottom: 15px;
    }

    #tab_contentsVehiculo .centradoCCTV .capaCombo p {
        clear: left;
        font-weight: bold;
        font-size: medium;
        float: left;
        margin-bottom: 15px;
        margin-left: 30px;
    }

    #tab_contentsVehiculo .centrado .medio {
        display: inline-block;
        /*width: 220px;*/
    }

    #tab_contentsVehiculo .centradoCCTV .capaCombo .combo {
        /*float:right;
    margin-right: 10%;*/
        float: left;
        margin-left: 50px;
    }

    #tab_contentsVehiculo .centradoCCTV .boton {
        /*float:left;*/
        margin-bottom: 10px;
        height: 20px;
        width: 90px;
        border: none;
        background-image: url(../images/layout/boton_restablecer.gif);
        color: #ffffff;
        float: right;
        margin-right: 10%;
    }

    #tab_contentsVehiculo .combo {
        float: left;
    }

/* Otros */

.div1 {
    flex-grow: 1; /* Hace que el Div 1 ocupe todo el alto restante */
}

.div2 {
    align-self: flex-end; /* Alinea el Div 2 al final del contenedor */
}

.normal-case {
    text-transform: none;
}


.cuerpo3alturas {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Altura total de la ventana */
}

.mapa {
    flex-grow: 1; /* Ocupar todo el espacio restante */
}