/* CSS Document */
.lblVehiculo
{
opacity:1;
font-family: Arial;
font-weight: bold;
color: #b70028;
text-decoration: none;
word-spacing: -0.1em;
text-align: left;
letter-spacing: 0;
line-height: 1em;
font-size: 8pt;
background-color:#ffffff;
border:2px #006699 solid;
width:320px;
padding: 3px 3px 3px 3px;
}
.lblGeocerca
{
opacity:1;
font-family: Arial;
font-weight: bold;
color: #2800B8;
text-decoration: none;
word-spacing: -0.1em;
text-align: left;
letter-spacing: 0;
line-height: 1em;
font-size: 8pt;
background-color:#ffffff;
border:2px #006699 solid;
width:150px;
padding: 3px 3px 3px 3px;
}
.lblReporte
{
opacity:1;
font-family: Arial;
font-weight: bold;
color: #24D058;
text-decoration: none;
word-spacing: -0.1em;
text-align: left;
letter-spacing: 0;
line-height: 1em;
font-size: 8pt;
background-color:#ffffff;
border:2px #006699 solid;
width:180px;
padding: 3px 3px 3px 3px;
}
.mapaGM

{

   position: absolute;

   width: 100%;

   height: 100%;

}
/* Estilos de div rutas */
#Informacion{
        font-family:Arial, Helvetica, sans-serif;
        font-size:10px;
}


/* Estilos para la mascara de carga al inicio de la aplicacion*/

#loading-mask

{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    z-index:20000;

    /*background: url(../imagenes/bg.gif);*/

    background-color: #000000;

}

#loading

{

        position:absolute;

        left:570px;

        top:300px;

        z-index:20001;

        height: auto;

        width: 230px;

}



#loading .loading-indicator2

{

color: #A0A0A0;

font:bold 13px tahoma,arial,helvetica;

letter-spacing: normal;

height: auto;

border:thin;

width: inherit;

margin-left: auto;

margin-right: auto;

text-align: center;

}



#loadingData

{

        position:absolute;

        left:570px;

        top:300px;

        z-index:20001;

        height: auto;

        width: 230px;

    }

#loadingData .loading-indicator3

{

color: #FFFFFF;

font:bold 12px tahoma,arial,helvetica;

letter-spacing: normal;

height: auto;

border:thin;

width: inherit;

margin-left: auto;

margin-right: auto;

text-align: center;

background-color: #889EA8;

border-color: #FF8C00;

border-style: solid;

}



#loading-msg

{

        font: 12px arial,tahoma,sans-serif;

        font-weight: 200;

        text-align: center;

        letter-spacing: normal;

        color: #A0A0A0;

}

#loading-msg2

{

        font: 11px arial,tahoma,sans-serif;

        font-weight: 200;

        text-align: center;

        letter-spacing: normal;

        color: #FFFFFF;

}

/* Estilos del div para el mensaje utiles */

.msg .x-box-mc

{

    font-size:12px;

        text-align:center;

}

#msg-div

{

    position:absolute;

    left:500px;

    top:10px;

    width:300px;

    z-index:20000;

}

/* --------  */

.ifr

{

        width: 100%;

        height: 500px;

        /*height: 100%;*/

        overflow: auto;

}





.mylogo

{

        position:absolute;

        left:39px;

        top:7px;

        width:91px;

        height:78px;

        z-index:2;

}



/* ICOS */

.localizar

{

         background-image:url(../imagenes/iconos/localizar.png) !important;

}

.tracking

{

         background-image:url(../imagenes/iconos/tracking.png) !important;

}

.historial

{

         background-image:url(../imagenes/iconos/historial.png) !important;

}

.mapa

{

         background-image:url(../imagenes/iconos/mapa.png) !important;

}

.buscarmap

{

         background-image:url(../imagenes/iconos/search16.gif) !important;

}

.buscaruta

{

         background-image:url(../imagenes/iconos/route16.gif) !important;

}

.buscarpto

{

         background-image:url(../imagenes/iconos/poi.gif) !important;

}

.reportes

{

         background-image:url(../imagenes/iconos/report.png) !important;

}

.alarma

{

         background-image:url(../imagenes/iconos/alarm.png) !important;

}

.histodetalle

{

         background-image:url(../imagenes/iconos/grid.png) !important;

}

.grafcircular

{

         background-image:url(../imagenes/iconos/circular.jpg) !important;

}

.graflineas

{
         background-image:url(../imagenes/iconos/record.png) !important;

}

.rptESgeocercas

{
         background-image:url(../imagenes/iconos/rptgeocerca.png) !important;

}

.rptEvents

{
         background-image:url(../imagenes/iconos/rptevents.png) !important;

}

.rptprog

{

         background-image:url(../imagenes/iconos/mail.png) !important;

}

.paradas

{

         background-image:url(../imagenes/iconos/carPark.gif) !important;

}

.distancia

{

         background-image:url(../imagenes/iconos/graficas.png) !important;

}

.gasolina

{

         background-image:url(../imagenes/iconos/fuel.jpg) !important;

}

.foto

{

         background-image:url(../imagenes/iconos/photo.png) !important;

}

.rutas

{

         background-image:url(../imagenes/iconos/icono_ruta.gif) !important;

}

.truck2

{

         background-image:url(../imagenes/iconos/truck2.png) !important;

}

.gpsx

{

         background-image:url(../imagenes/iconos/gpx.gif) !important;

}

.search

{

         background-image:url(../imagenes/iconos/search.png) !important;

}

.territorio
{

         background-image:url(../imagenes/iconos/icon_territorios.gif) !important;

}

.capa
{

         background-image:url(../imagenes/iconos/capa.png) !important;

}
.todoscamiones

{
         background-image:url(../imagenes/iconos/todoscamiones.png) !important;

}

.grupocamiones

{
         background-image:url(../imagenes/iconos/grupocamiones.png) !important;

}

.camionalgunas

{
         background-image:url(../imagenes/iconos/camionalgunas.png) !important;

}

.geocerca

{

         background-image:url(../imagenes/iconos/geocerca.png) !important;

}

.drive

{

         background-image:url(../imagenes/iconos/drive.gif) !important;

}

.geocercaView

{

         background-image:url(../imagenes/iconos/geocercaView.png) !important;

}

.geocercaAdd

{

         background-image:url(../imagenes/iconos/geocercaAdd.png) !important;

}

.geocercaDel

{

         background-image:url(../imagenes/iconos/geocercaDel.png) !important;

}

.geocercaEd

{

         background-image:url(../imagenes/iconos/geocercaEd.png) !important;

}

.reload

{

         background-image:url(../imagenes/iconos/reload.png) !important;

}

.clearmap

{

         background-image:url(../imagenes/iconos/clearmap.png) !important;

}

.logout

{

         background-image:url(../imagenes/iconos/logout.png) !important;

}

.info

{

         background-image:url(../imagenes/iconos/info.png) !important;

}

.help

{

         background-image:url(../imagenes/iconos/help.png) !important;

}

.menu

{

         background-image:url(../imagenes/iconos/menu.png) !important;

}

.server

{

         background-image:url(../imagenes/iconos/server.png) !important;

}



.mundo

{

         background-image:url(../imagenes/iconos/mundo.png) !important;

}

.car

{

         background-image:url(../imagenes/iconos/car.png) !important;

}

.fueraruta

{
         width: 16px;
         height: 16px;
         background-image:url(../imagenes/iconos/fueraruta.png) !important;
}
.carAdd

{

         background-image:url(../imagenes/iconos/carAdd.png) !important;

}

.ok

{

         background-image:url(../imagenes/iconos/ok.png) !important;

}

.cancelar

{

         background-image:url(../imagenes/iconos/cancelar.png) !important;

}

.edit

{

         background-image:url(../imagenes/iconos/edit.png) !important;

}

.grid

{

         background-image:url(../imagenes/iconos/grid.png) !important;

}

.excel

{

         background-image:url(../imagenes/iconos/excel.png) !important;

}

.pdf

{

         background-image:url(../imagenes/iconos/pdf.png) !important;

}

.graficas

{

         background-image:url(../imagenes/iconos/graficas.png) !important;

}

.kml

{

         background-image:url(../imagenes/iconos/kml.png) !important;

}

.puntos

{

         background-image:url(../imagenes/iconos/puntos.png) !important;

}

.login

{

         background-image:url(../imagenes/iconos/login.png) !important;

}

.usuariosAdd

{

         background-image:url(../imagenes/iconos/usuariosAdd.png) !important;

}

.usuarios

{

         background-image:url(../imagenes/iconos/usuarios.png) !important;

}

.checkUsuarios

{

         background-image:url(../imagenes/iconos/checkUsuarios.png) !important;

}

.permisos

{

         background-image:url(../imagenes/iconos/permisos.png) !important;

}

.loginEdit

{

         background-image:url(../imagenes/iconos/loginEdit.png) !important;

}

.toolbox

{

         background-image:url(../imagenes/iconos/toolbox.png) !important;

}

.add

{

         background-image:url(../imagenes/iconos/add.png) !important;

}

.play

{

         background-image:url(../imagenes/iconos/play.png) !important;

}

.pause

{

         background-image:url(../imagenes/iconos/pause.png) !important;

}

.ajax

{

         background-image:url(../imagenes/iconos/loading.gif) !important;

}

.begin

{

        width: 32px;

        height: 32px;

        background-image:url(../imagenes/iconos/begin.png) !important;

        background-repeat: no-repeat;

        font-size: 12px;

}

.end

{

        text-align: center;

        font-size: 10px;

        width: 32px;

        height: 32px;

        background-image:url(../imagenes/iconos/end.png) !important;

        background-repeat: no-repeat;

        font-size: 12px;

}

.auto

{

        width: 16px;

        height: 16px;

        background-image:url(../imagenes/iconos/auto.png) !important;

        background-repeat: no-repeat;

        font-size: 12px;

}

.start

{

        width: 16px;

        height: 16px;

        background-image:url(../imagenes/iconos/start.png) !important;

        background-repeat: no-repeat;

        font-size: 12px;

}

.stop

{

        width: 16px;

        height: 16px;

        background-image:url(../imagenes/iconos/stop.png) !important;

        background-repeat: no-repeat;

        font-size: 12px;

}

.stry

{

        width: 16px;

        height: 16px;

        background-image:url(../imagenes/iconos/stry.png) !important;

        background-repeat: no-repeat;

        font-size: 12px;

}

.truck

{

        text-align: center;

        font-size: 10px;

        width: 32px;

        height: 32px;

        background-image:url(../imagenes/iconos/truck.png) !important;

        background-repeat: no-repeat;



}

.login-form

{

    padding: 0px 0px 10px 0px;

    text-align: center;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 3px;

    background-image:url(../imagenes/iconos/tracking.png) !important;

    background-repeat: no-repeat;

    background-position: right;

}



#pano

{

    width: 750px;

    height: 450px;

}



.velover

{

    color: red;

}

.velok

{

    color: green;

}

.velprev

{

    color: orange;

}