/**
*   @file style.css
*   @brief archivo encargado de contener las clases o id para la presentaci?n de la p?gina
*   @date 27.06.11
*   @version 1.0.0
*   @author LI. Juan Carlos Ramirez [JCRZ]
*   @copyright NRTEC Desarrollos Tecnol?gicos S.A. de C.V.
* 
*   Historia:
*           Colores principales de la pagina
*               #00466b
*               #007fc0
* 
*/

/*Tipo de letra para toda la pagina*/
@font-face
{
    font-family: 'CandelaBold';
    src: url('CandelaBold-webfont.eot');
    src: url('CandelaBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('CandelaBold-webfont.woff') format('woff'),
         url('CandelaBold-webfont.ttf') format('truetype'),
         url('CandelaBold-webfont.svg#CandelaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Tipo de letra para titulos*/
@font-face 
{
    font-family: 'CandelaBook';
    src: url('CandelaBook-webfont.eot');
    src: url('CandelaBook-webfont.eot?#iefix') format('embedded-opentype'),
         url('CandelaBook-webfont.woff') format('woff'),
         url('CandelaBook-webfont.ttf') format('truetype'),
         url('CandelaBook-webfont.svg#CandelaBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Reinicia los espacios y margenes de la pagina al iniciar*/
*
{
    padding:0;
    margin:0;
}


body   
{
    
    /*background: #007fc0;*/
    background: url(../img/fondo-nrtec.png);
    font-family: 'CandelaBook', arial, serif;
    font-size:16px;
    text-align:center;
    margin-top: 0px;
    text-decoration: none;
    height: 100%;
}

html
{
    height: 100%;
}

/*CONTENEDOR DE LA SECCION PRINCIPAL DE LA PAGINA*/
#CentradoPrin
{
    margin:0 auto; 
    width:1100px;
    text-align:left;
    text-decoration: none;
}

/*CONTENEDOR DE INFORMACION DE LAS PAGINAS*/
/*#ContenidoWeb
{
    
   
   background: url(../img/55x55_transparencia.png),url(../img/fondo-sec.png) no-repeat center,url(../img/fondo-nrtec-2.png); 

    background-size: auto, 80%,3.5%;
       
    -moz-border-radius:0px 0px 20px 20px;
    -webkit-border-radius:0px 0px 20px 20px;
    border-radius:0px 0px 20px 20px;
    
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
    margin:0 auto;
     
    width:90%;
    height: 95%;
    text-align:center;
    text-decoration: none;

}
*/
/*CONTENEDOR DE INFORMACION DE LAS PAGINAS*/
#ContenidoWebLogin
{
    margin: 0 auto; 
    /*width: 1100px;*/
    width: 100%;
    height: 600px;
    background: url(../img/fondo-sec.png) no-repeat center; 
    background-size: 100%;
    /*padding: 20px;   */
    text-decoration: none;
}



/*CONTENEDOR SUBMENU*/
#SubMenu
{
    display: none;   
    margin: 0 auto; 
    width: 1000px;
    height: 600px;
    text-align:left;
   /* background:#00462b;*/
    padding: 20px;
    text-decoration: none;
}

/*CONTENEDOR SUBMENU*/
#ContSubMenu
{
    
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border-radius:20px 20px 20px 20px;
    
    /*-moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;*/
    background: url(../img/fondo-nrtec2.png);
    margin: 0 auto; 
    width: 800px;
    height: 500px;
    text-align:left;
    /*background:#00466b;*/
    margin-top: 30px;
    padding: 20px;
    text-decoration: none;
    
}


/*CONTENEDOR SUBMENU*/
#NombreMenu
{
    
    background:#000;
    color:#fff;
    font-size: 0.8em;
    width: auto;
    text-align:center;
    padding: 0.3em;
    text-decoration: none;
    
    -moz-border-radius:10px 0px 10px 0px;
    -webkit-border-radius:10px 0px 10px 0px;
    border-radius:10px 0px 10px 0px;
}

/*CONTENEDOR DEL NO DE ECONOMCIO*/
#NombreEco
{
    
    background:#000;
    color:#fff;
    font-size: 0.6em;
    width: auto;
    text-align:center;
    padding: 0.2em;
    text-decoration: none;
    
    -moz-border-radius:10px 0px 10px 0px;
    -webkit-border-radius:10px 0px 10px 0px;
    border-radius:10px 0px 10px 0px;
}

/*CONTENEDOR DE FILTRO RUTAS PLANAS*/
#PiePagina
{
    background: #696969;
    
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    
    height: 25px;
    width: 1100px;
    position:fixed;
    bottom:0;/*left:0;*/
    
    /*SOMBRA*/
    -moz-box-shadow:inset 0px 7px 20px #000000;
    -webkit-box-shadow:inset 0px 7px 20px #000000;
    box-shadow:inset 0px 7px 20px #000000;
    
    text-decoration: none;  
    
}






/**
*   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*   Inicia seccion de estilos para el panel de logueo.
*   @date 22/06/2011
*   @author Victor Manuel Salda?a Loredo  
*/

#panelsuperior {
    position: absolute;
    top: -1px;
    width: 250px;
    z-index: 25;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
 }
 

#panel {
    width: 300px;
    position: relative;
    top: 1px;
    height: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    
    
}

/**
*   Se define el fondo para el panel de logueo, con fondos transparente    
*/
#panel_contenido {
    background: black;
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
    -khtml-opacity: 0.90;
    opacity: 0.70;
    height: 100%;
    width: 300px;
    position: absolute;
    z-index: -1;
    text-decoration: none;
    
    -moz-border-radius:0px 0px 20px 0px;
    -webkit-border-radius:20px 0px 20px 0px;
    border-radius:0px 0px 20px 0px;
}




/**
*   Define el borde de la imagen dentro del panel de logueo    
*/
img.borde_imagen {
    position: absolute;
    top: 20px;
    float: left;
    margin-left: 75px;
    width: 150px;
    height: 70px;
    z-index: 30;
    text-decoration: none;
}

/**
*   Define el borde del div que contiene el formulario de logueo    
*/
div#login {
    width: 240px;
    height: 150px;
    position: absolute;
    right: 15px;
    top: 110px;
    text-align: left;
    padding-left: 10px;
    color: white;
    text-decoration: none;
}

/**
*   Define formato para el formulario de logueo (color de fuente, tipo de letra, tama?o)    
*/
div#login p {
    color: #CCCCCC;
    font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

/**
*   Define formato para el formulario de logueo (color de fuente, tipo de letra, tama?o)    
*/
div#login input#password {
   position: relative;
    right: -6px;
    text-decoration: none;    
}


/**
*   Define formato para el div de logueo y el boton (color de fuente, tipo de letra, tama?o)    
*/
div#login input#login_btn {
    cursor: pointer;
    /*position: relative;   */
    top: 30px;
    /*left: 86px;*/
    left: 86px;
    font-size: 15px;
    font-weight: bold;
    width: 15px;
    text-decoration: none;
}


/**
*   Define boton de panel con imagen actualizable    
*/
.panel_button {
    margin-left: 20px;
    margin-right: auto;
    position: relative;
    top: 1px;
    width: 173px;
    height: 54px;
    background: url(../img/panel_button.png);
    z-index: 20;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    cursor: pointer;
    text-decoration: none;
}
.panel_button a {
    text-decoration: none;
    color: #545454;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 5px;
    left: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.panel_button a:hover {
color: #999999;
}

.panel_button img{  
position: relative;  
top: 10px;  
border: none;
text-decoration: none;  
}  

/**
*   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*   Fin seccion de estilos para el panel de logueo.  
*/



/**
*   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*   Inicia seccion de estilos para los filtros de rutas planas
*   @date 24/06/2011
*   @author Victor Manuel Salda?a Loredo  
*/

/**
*   Estilo de las cajas contenedoras de los div de filtros y semaforos caja y caja1
*   @author VMSL
*/
#caja {
width:240px;
display: block;
padding:3px;
background-color:black;
border:1px solid #007fc0; 
/*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;*/
color: white;
height: auto;
 z-index: 4;     
 text-decoration: none;
}


#caja1 {
width:240px;
/*display: none;*/
padding:3px;
background:#dcdcdc;
border:1px solid #007fc0; 
/*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;*/
color: white;
font-size: 10px;
height: auto;
text-decoration: none;
}

#caja2 {
width:240px;
display: block;
padding:3px;
background-color:black;
border:1px solid #007fc0; 
/*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;*/
color: white;
height: auto;
 z-index: 4;     
 text-decoration: none;
}

/**
*   @author VMSL Se agrega estilo para centar contenido en divs caja y caja1
*   @date 29.06.11
**/
div.caja1{
text-align: center;
}

div.caja{
text-align: center;
}

/**
* Estilo de las div que sirven como boton paea mostrar o ocultar los filtros y semaforos mostrar y mostrar1
*   @author VMSL
*/
#mostrar{
display:block;
width:240px;
padding:3px;
background-color: black;
border:1px solid #007fc0; 
/*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;*/
    cursor: pointer;
font-size: 0.8em;
text-decoration: none;  
}


#mostrar1{
display:block;
width:240px;
padding:3px;
background-color: black;
border:1px solid #007fc0; 
/*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;*/
    cursor: pointer;
font-size: 0.8em;
text-decoration: none;
}

/*CONTENEDOR DE FILTROS RUTAS PLANAS*/
#CajaFiltroRP
{
    background: url(../img/55x55_transparencia.png);
    
    -moz-border-radius:0px 0px 20px 0px;
    -webkit-border-radius:0px 0px 20px 0px;
    border-radius:0px 0px 20px 0px;
    
    height: 700px;
    width: 250px;
    position: absolute; 
    top: 0; 
    left: 0;
    
    /*SOMBRA*/
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
    /*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70; */
    
    z-index: 4;
    
    text-decoration: none;
    
}

/*CONTENEDOR DEL DETALLE DE RUTAS PLANAS*/
#CajaFiltroRPDetalle
{
    background: url(../img/55x55_transparencia.png);
    
    -moz-border-radius:0px 0px 0px 20px;
    -webkit-border-radius:0px 0px 0px 20px;
    border-radius:0px 0px 0px 20px;
    
    height: 700px;
    width: 250px;
    position: absolute; 
    top: 0; 
    right : 0;
    
    /*SOMBRA*/
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
    z-index: 4;
    
    text-decoration: none;
}

/*CONTENEDOR DE ECONOMICOS DE RUTAS PLANAS*/
#ContEconomicosRP
{
    background: #dcdcdc;
    border:1px solid #007fc0;
    display: none; 
    height: 350px;
    overflow: auto;
    width:240px;
    cursor: pointer;
    padding:3px;
    text-decoration: none;
    
}

/*CONTENEDOR de la ruta que se dibuja para el economico*/
#ContenedorRutaRP
{
    
    display: block;
    margin: 0 auto; 
    width: 1100px;
    height: 120px;
    text-align:left;
    /*background:#00462b;*/
    padding: 0;
    text-decoration: none;
    
}

/*CONTENEDOR de la ruta que se dibuja para el economico*/

/**
* 08.03.2012 Se agrega estilo para cada contenedor de rutas planas
*/
#TrazoRutaCRP1
{
    background:url(../img/terminal_20x70.png) no-repeat 20px 0,url(../img/terminal_20x70.png) no-repeat 1050px 0px, url(../img/carretera_50x100.png) repeat-x;   
    display: block;
    margin: 0 auto; 
    width: 1100px;
    height: 100px;
    z-index: 0;
    text-decoration: none;
}

#TrazoRutaCRP2
{
    background:url(../img/terminal_20x70.png) no-repeat 20px 0,url(../img/terminal_20x70.png) no-repeat 1050px 0px, url(../img/carretera_50x100.png) repeat-x;   
    display: block;
    margin: 0 auto; 
    width: 1100px;
    height: 100px;
    z-index: 0;
    text-decoration: none;
}

#TrazoRutaCRP3
{
    background:url(../img/terminal_20x70.png) no-repeat 20px 0,url(../img/terminal_20x70.png) no-repeat 1050px 0px, url(../img/carretera_50x100.png) repeat-x;   
    display: block;
    margin: 0 auto; 
    width: 1100px;
    height: 100px;
    z-index: 0;
    text-decoration: none;
}

#TrazoRutaCRP4
{
    background:url(../img/terminal_20x70.png) no-repeat 20px 0,url(../img/terminal_20x70.png) no-repeat 1050px 0px, url(../img/carretera_50x100.png) repeat-x;   
    display: block;
    margin: 0 auto; 
    width: 1100px;
    height: 100px;
    z-index: 0;
    text-decoration: none;
}

#TrazoRutaCRP5
{
    background:url(../img/terminal_20x70.png) no-repeat 20px 0,url(../img/terminal_20x70.png) no-repeat 1050px 0px, url(../img/carretera_50x100.png) repeat-x;   
    display: block;
    margin: 0 auto; 
    width: 1100px;
    height: 100px;
    z-index: 0;
    text-decoration: none;
}


/*Clase encargada de dibujar la parada del camion*/
.ParadaRPCRP1
{
   /* background:url(../img/parada_29x100.png) no-repeat;   */
    display: block;
    margin-left : 0px;  /*Posicion inicial de la parada*/
    width: 50px;
    height: 100px;
    z-index: 1;
    top :0;
    position: absolute;
    cursor:pointer;
    text-decoration: none;
}

.ParadaRPCRP2
{
   /* background:url(../img/parada_29x100.png) no-repeat;   */
    display: block;
    margin-left : 0px;  /*Posicion inicial de la parada*/
    width: 50px;
    height: 100px;
    z-index: 1;
    top :200;
    position: absolute;
    cursor:pointer;
    text-decoration: none;
}

.ParadaRPCRP3
{
   /* background:url(../img/parada_29x100.png) no-repeat;   */
    display: block;
    margin-left : 0px;  /*Posicion inicial de la parada*/
    width: 50px;
    height: 100px;
    z-index: 1;
    top :400;
    position: absolute;
    cursor:pointer;
    text-decoration: none;
}

.ParadaRPCRP4
{
   /* background:url(../img/parada_29x100.png) no-repeat;   */
    display: block;
    margin-left : 0px;  /*Posicion inicial de la parada*/
    width: 50px;
    height: 100px;
    z-index: 1;
    top :600;
    position: absolute;
    cursor:pointer;
    text-decoration: none;
}

.ParadaRPCRP5
{
   /* background:url(../img/parada_29x100.png) no-repeat;   */
    display: block;
    margin-left : 0px;  /*Posicion inicial de la parada*/
    width: 50px;
    height: 100px;
    z-index: 1;
    top :800;
    position: absolute;
    cursor:pointer;
    text-decoration: none;
}
/*Clase  encargada de dibujar para el economico en la ruta*/
.CamionRPCRP1
{
    /*background:url(../img/bus_50x100.png) no-repeat;   */
    display: block;
    margin-left : 0px; /*Posicion inicial del economico*/
    width: 50px;
    height: 100px;
    z-index: 2;
    top:0;
    position: absolute;
    text-decoration: none;
    
}

.CamionRPCRP2
{
    /*background:url(../img/bus_50x100.png) no-repeat;   */
    display: block;
    margin-left : 0px; /*Posicion inicial del economico*/
    width: 50px;
    height: 100px;
    z-index: 2;
    top:200;
    position: absolute;
    text-decoration: none;
    
}

.CamionRPCRP3
{
    /*background:url(../img/bus_50x100.png) no-repeat;   */
    display: block;
    margin-left : 0px; /*Posicion inicial del economico*/
    width: 50px;
    height: 100px;
    z-index: 2;
    top:400;
    position: absolute;
    text-decoration: none;
    
}

.CamionRPCRP4
{
    /*background:url(../img/bus_50x100.png) no-repeat;   */
    display: block;
    margin-left : 0px; /*Posicion inicial del economico*/
    width: 50px;
    height: 100px;
    z-index: 2;
    top:600;
    position: absolute;
    text-decoration: none;
    
}

.CamionRPCRP5
{
    /*background:url(../img/bus_50x100.png) no-repeat;   */
    display: block;
    margin-left : 0px; /*Posicion inicial del economico*/
    width: 50px;
    height: 100px;
    z-index: 2;
    top:800;
    position: absolute;
    text-decoration: none;
    
}

/**
* 08.03.2012 ---------------------------------------------------------------  Fin
*/
/**
*   Clase para los enlaces, en los cuales se pueda mostrar un tooltip
*/
a.tooltip:hover
{ 
    text-decoration:none;
} 

a.tooltip span
{
    display:none; 
    margin:8px 0 0 -25px; 
    padding:1px 1px;
    text-decoration: none;
} 

a.tooltip:hover span   
{
    font-family: 'CandelaBook', arial, serif;
    font-size:0.6em;
    text-align:center;
    display:inline; 
    position:absolute; 
    /*border:1px solid #cccccc;*/
    background: url(../img/55x55_transparencia.png);
    /*background:#ffffff; */
    color:#fff;
    width: 180px;
    z-index: 6;
    text-decoration: none;
}
#imgt{
margin: 0 0 0 0px;
position: absolute;
}

/**
*   Clase para los enlaces, en los cuales se pueda mostrar un tooltip en semaforos
*/
a.tooltipsem:hover
{ 
    text-decoration:none;
} 

a.tooltipsem span
{
    display:none; 
    margin:-5px 0 0 -20px; 
    padding:1px 1px;
    text-decoration: none;
} 

a.tooltipsem:hover span   
{
    font-family: 'CandelaBook', arial, serif;
    font-size:1em;
    text-align:center;
    display:inline; 
    position:absolute; 
    /*border:1px solid #cccccc;*/
    background: url(../img/55x55_transparencia.png);
    /*background:#ffffff; */
    color:#fff;
    width: auto;
    z-index: 6;
    text-transform: uppercase;
    text-decoration: none;
}

#CajaDetalleRP
{
    
    /*background: #696969;*/
    font-family: 'CandelaBook', arial, serif;
    font-size:0.8em;
    text-align:left;
    color: #000;
    height: auto;
    width:240px;
    display: block;
    padding:3px;
    text-decoration: none;
    /*border:1px solid #007fc0;*/
}

.CajaMapaEstatico
{
    font-family: 'CandelaBook', arial, serif;
    font-size:1em;
    /*width:230px;*/
    background: #B0C4DE;
    text-align: center;
    margin: 0 auto;
    
    width:230px;
    display: block;
    padding:3px;
    text-decoration: none;
/*border:1px solid #007fc0;*/
}

.BordosTabla {
  border-collapse: collapse;
  border: 1px solid #000;
  width:230px;
  
}

.ColTablaAzul
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #B0C4DE;
     text-decoration: none;   
}


.ColTablaAzulHist
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #B0C4DE;
     font-size: 0.7em;
     color:#000;
     text-decoration: none;
        
}

.ColTablaGris
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #DCDCDC;
     text-decoration: none;   
}

.TitTabla
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #DCDCDC;
     font-weight: bold;   
     font-size: 1em;
     text-align: center;
     text-decoration: none;
}

.TitCampos
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #DCDCDC;
     color:#000;
     font-weight: bold;   
     font-size: 0.6em;
     text-align: center;
     text-transform: uppercase;
     text-decoration: none;
}

.TextBox
{
    font-family: 'CandelaBook', arial, serif;
    font-size:0.9em;
    text-align:left;
    color: #000;
    width:120px;
    font-weight: bold;
    margin-left: 0;
    text-decoration: none;
}

.TextBoxTiempo
{
    font-family: 'CandelaBook', arial, serif;
    font-size:0.9em;
    text-align:left;
    color: #000;
    width:80px;
    font-weight: bold;
    margin-left: 0;
    text-decoration: none;
    
}






/**
*   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*   Fin seccion de estilos para los filtros de rutas planas
*/


/**
*   ----------------------------------------------------------------------------------------
*   Seccion Historico
*/

/*CONTENEDOR DE FILTROS DE HISTORICO*/
#CajaFiltroHist
{
    
    
    /*background: #000;*/
    background: url(../img/55x55_transparencia.png);
    
    -moz-border-radius:0px 0px 20px 0px;
    -webkit-border-radius:0px 0px 20px 0px;
    border-radius:0px 0px 20px 0px;
    
    
    height: 700px;
    width: 250px;
    position: absolute; 
    top: 0; 
    left: 0;
    
    /*SOMBRA*/
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
   /*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70; */
    
    z-index: 2;
    text-decoration: none;
    
}



/*CONTENEDOR DE GOOGLE EARTH*/
#ContenedorHist
{
    display: block;
    margin: 0 auto; 
    width: 1080px;
    height: 600px;
    
    /*background:#00462b;*/
    padding: 0;
    text-decoration: none;
    
}

/*DIV DEL MAPA*/
.Earth
{
    margin-left: 80px;
    width:1000px;
    height:680px;
    position: absolute;
    z-index: 5;
    text-decoration: none;
     
}

#MensajesHist
{
    font-family: 'CandelaBook', arial, serif;
    font-size:0.8em;
    text-align:center;
    color: #F0E68C;
    font-weight: bold;
    text-transform: capitalize; 
    text-decoration: none;   
}


#DetalleEcoHist
{
   display: none;    
}

.InfoKml
{
    font-family: 'CandelaBook', arial, serif;
    font-size:0.8em;
    border-collapse: collapse;
    border: 1px solid #696969;
    background: #B0C4DE;
    text-transform: uppercase;
    width:90%;
    margin: 0 auto;
    text-align: left;
    text-decoration: none;
    
}


/**
*   -----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*   Inicia seccion para tiempo real
*   01.07.11 VMSL
*/


/**
*       Estilo para el div donde se coloca el mapa
*/
 #cargamapa
 {
     background: #FFF8DC;   
     width: 1100px;
     border: 1px solid #336699;
     /*max-height:715px;*/
     height:680px;
     padding: 0px;
     overflow:auto;
     border-radius: 0 0 20px 20px;
     -moz-border-radius: 0 0 20px 20px;
     -webkit-border-radius: 0 0 20px 20px;
     text-decoration: none;
 }
 
 #mapa
 {
     /*background: #00466b; */  
     width: 1100px;
     /*border: 1px solid #336699;*/
     max-height:715px;
     padding: 0px;
     overflow:auto;
    /* border-radius: 0 0 20px 20px;
     -moz-border-radius: 0 0 20px 20px;
     -webkit-border-radius: 0 0 20px 20px; */
     text-decoration: none;
 }
 
 .mapaEv
 {
     /*background: #00466b; */  
     width: 350px;
     /*border: 1px solid #336699;*/
     height:250px;
     padding: 0px;
     overflow:auto;
    /* border-radius: 0 0 20px 20px;
     -moz-border-radius: 0 0 20px 20px;
     -webkit-border-radius: 0 0 20px 20px; */
     text-decoration: none;
     border: #000 solid 1px;
    
 }  
 
 #draggable
 {
     width: 370px;
     height: 270px;
     /*background: #D3CFAA;*/
     background: url(../img/55x55_transparencia.png);
     padding-left: 30px;
     padding-top: 15px;
     -webkit-border-top-right-radius: 10px;
     -webkit-border-bottom-right-radius: 10px;
     -webkit-border-top-left-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-topright: 10px;
     -moz-border-radius-bottomright: 10px;
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-bottomleft: 10px;
     border-bottom-right-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-left-radius: 10px;
     border-top-left-radius: 10px;
     border:#707070 dashed  3px ;
     box-shadow:10px 10px 25px #000000;
   
 }
 
 
 #contentMap
 {
     border: 1px solid #336699;
     overflow:auto;
     border-radius: 0 0 20px 20px;
     -moz-border-radius: 0 0 20px 20px;
     -webkit-border-radius: 0 0 20px 20px;
     filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
     opacity: 0.70;
     text-decoration: none;
     width:300;
     height: 240px;
 }
 
 
 /*CONTENEDOR DE FILTROS Tiempo Real*/
#CajaFiltroTR
{
    background: url(../img/55x55_transparencia.png);
    
    -moz-border-radius:0px 0px 20px 0px;
    -webkit-border-radius:0px 0px 20px 0px;
    border-radius:0px 0px 20px 0px;
    
    height: 250px;
    width: 250px;
    position: absolute; 
    top: 0; 
    left: 0;
    
    /*SOMBRA*/
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
    /*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70; */
    text-decoration: none;
    
}

/*CONTENEDOR DE FILTROS Tiempo Real*/
#CajaFiltroTR
{
    background: url(../img/55x55_transparencia.png);
    
    -moz-border-radius:0px 0px 20px 0px;
    -webkit-border-radius:0px 0px 20px 0px;
    border-radius:0px 0px 20px 0px;
    
    
    height: 250px;
    width: 250px;
    position: absolute; 
    top: 0; 
    left: 0;
    
    /*SOMBRA*/
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
    /*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70; */
    text-decoration: none;
    
}

.BordosTablaTR {
  border-collapse: collapse;
  border: 1px solid #000;
  width:230px;
  text-decoration: none;
  
}

.ColTablaBlanca
{
     border-collapse: collapse;
     border: 1px solid #fff;
     /*background: #B0C4DE; */
     font-size: 0.8em;
     text-decoration: none;
     width: 70px;
       
}

.ColTablaAzulHistTR
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #B0C4DE;
     font-size: 0.8em;
     color:#000;
     text-decoration: none;   
}

.ColTablaGrisTR
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #DCDCDC;
     font-size: 0.7em;
     color:#000;  
     text-decoration: none; 
}

.TitTablaTR
{
    font-family: 'CandelaBook', arial, serif;
    font-size:0.8em;
    text-align:left;
    color: #000;
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #DCDCDC;
     font-weight: bold;   
     text-align: center;
     text-decoration: none;
}

.TitCamposTR
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #DCDCDC;
     color:#000;
     font-weight: bold;   
     font-size: 0.6em;
     text-align: center;
     text-transform: uppercase;
     text-decoration: none;
}


#CajaFiltroTRBol
{
    background: url(../img/55x55_transparencia.png);
    
    -moz-border-radius:0px 0px 20px 0px;
    -webkit-border-radius:0px 0px 20px 0px;
    border-radius:0px 0px 20px 0px;
    
    margin-top: 350px;
    margin-left: 80px;
    height: 250px;
    width: 700px;
    position: absolute; 
    top: 0; 
    left: 0;
    display: none;
    
    /*SOMBRA*/
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
    /*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70; */
    text-decoration: none;
    
}

/*********************************************************************************/


/*********************************** SECCION CONFIGURACION DE USUARIOS ***************************************/

#CajaFiltroUsuarios
{
    /*background: #000;*/
    background: url(../img/55x55_transparencia.png);
    
    -moz-border-radius:0px 0px 20px 0px;
    -webkit-border-radius:0px 0px 20px 0px;
    border-radius:0px 0px 20px 0px;
    
    
    height: 250px;
    width: 160px;
    position: absolute; 
    top: 0; 
    left: 0;
    
    /*SOMBRA*/
    -moz-box-shadow:10px 10px 25px #000000;
    -webkit-box-shadow:10px 10px 25px #000000;
    box-shadow:10px 10px 25px #000000;
    
   /*filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70; */
    
    z-index: 2;
    text-decoration: none;
    
}
/*************************************************************************************************************/



/******************************************CONFIGURACION DE ROLES ******************************************/

#ObjOculto_Ptos,#ObjOculto_Paradas,#ObjOculto_Serv,#ObjOculto_Matriz,#ObjOculto_Viajes,#ObjOculto_Promos
{
    display:none;    
}

.TRowTitulos
{
    background: #00466b; 
    color:#fff;
    font-size: 1em;
    text-decoration: none;
}

.TRowTitCampos
{
    background: #00466b; 
    color:#fff;
    font-size: 0.8em;
    text-decoration: none;
    text-align: center;
}

.TRowTitCamposMatriz
{
    background: #00466b;
    color:#fff;
    font-size: 0.6em;
    text-decoration: none;
    text-align: center;
}

.TDColMatrizY
{
    padding: 1px;
    border: 1px solid #dcdcdc;
    text-align: left;
}

.TDColMatrizX
{
    padding: 1px;
    border: 1px solid #dcdcdc;
    text-align: center;
}

.TRowAzulMatriz
{
    background: #B0C4DE; 
    color:#000;
    text-decoration: none;
    border: 1px solid #696969;
    text-align: right; 
     
}

.TRowGrisMatriz
{
    background: #dcdcdc; 
    color:#000;
    text-decoration: none;
    border: 1px solid #696969;
    text-align: right; 
}

.TRowAzul
{
    background: #B0C4DE; 
    color:#000;
    font-size: 0.8em;
    text-decoration: none;
     
}

.TRowGris
{
    background: #dcdcdc; 
    color:#000;
    font-size: 0.8em;
    text-decoration: none;
}

.TDCol
{
    padding: 3px;
    border: 1px solid #4682B4;
}

.TDColCenter
{
    padding: 3px;
    border: 1px solid #4682B4;
    text-align: center;
}

.TDColLeft
{
    padding: 3px;
    border: 1px solid #4682B4;
    text-align: left;
}

.TDColRight
{
    padding: 3px;
    border: 1px solid #4682B4;
    text-align: right;
}

.punteado
{ 
     border-style: dotted; 
     border-width: 1px; 
     border-color: #4682B4; 
}

.BtnsHor
{
    float: left;
    padding-right: 4px;
    display:inline;
}

/**
* 23.08.11 VMSL
* Se agrega estilo para la tabla de tipos de pasajero en consulta de servicios
*/
.TRowLGray
{
    background: #F2F2F2;
    color:#000;
    font-size: 0.8em;
    text-decoration: none;
    
}
 
.TRowTitulosV
{
    background: #0174DF;
    color:#fff;
    font-size: 1em;
    text-decoration: none;
}

.CeldaEv {
  border-collapse: collapse;
  border: 1px solid #000;
  width:230px;
  padding-right: 10px;
  padding-left: 10px;
  font-size:12px;
  width: auto;
  
}

.TitulosEv
{
     border-collapse: collapse;
     border: 0.5px solid #fff;
     background: #B0C4DE;
     font-size: 0.7em;
     color:#000;
     text-decoration: none;
     width: auto;
        
}


.TitulosEvTur
{
     border-collapse: collapse;
     border: 0.5px solid #fff;
     background: #A4A4A4;
     font-size: 0.7em;
     color:#000;
     text-decoration: none;
     width: auto;
        
}

.RowEv
{
    background: #dcdcdc; 
    color:#000;
    text-decoration: none;
    border: 1px solid #696969;
    text-align: right; 
    font-size: 1em;;
}

.TotEv
{
     border-collapse: collapse;
     border: 1px solid #fff;
     background: #F5ECCE;
     font-size: 0.7em;
     color:#000;
     text-decoration: none;
        
}

#principal
{
    padding-left : 10px;;
    padding-right  : 10px;
    height: 350px;
}


#ContenedorReportes
{
    
    display: block;
    margin: 0 auto; 
    width: 100%;
    text-align:left;
    /*background:#00462b;*/
    padding: 0;
    text-decoration: none;
    
}







/************************************** CSS TABLAS *************************************************************/
/***************************************************************************************************************/






/***************************************************************************************************************/