/***************************************************************************************************
        Hoja de Estilos Plano y Rutas EMT

        Hoja de estilos del contenido Plano y Rutas
        
        Primera version:      27 Enero 2006
        Última modificación:  05 Junio 2006
        Manuel de Frutos Vila
        IVER.ES
************************************************************************************************* */

/********************* Columna izquierda *********************/

#leyenda{ 
 border-bottom: 1px solid #CC0000;
 border-left: 1px solid #CC0000;
 border-top: 1px solid #CC0000;
 border-right: 1px solid #CC0000;
 
 height: 252px; /*cambiar el javascript...*/
 width: 169px;
 overflow: auto;
}

#encuadre{
 border-bottom: 1px solid #CC0000;
 border-left: 1px solid #CC0000;
 padding-top: 2px;
 border-right: 1px solid #CC0000;
 
 height: 164px;
 width: 169px;
 overflow: none;
}

/*#mas_info{
 
 border-bottom: 1px solid #CC0000;
 border-left: 1px solid #CC0000;
 padding-top: 4px;
 border-right: 1px solid #CC0000;

 height: 99px;
 overflow: auto;
}*/

#refrescar{
 height: 27px;
 text-align: center;
 border-bottom: 1px solid #CC0000;
 border-left: 1px solid #CC0000;
 border-right: 1px solid #CC0000;
 overflow: hidden;
}


#fechas{
 height: 27px;
 text-align: center;
 border-bottom: 1px solid #CC0000;
 border-left: 1px solid #CC0000;
 border-right: 1px solid #CC0000;
}

.boton_refrescar{
 background-color: #F8DEDE;
 color: #000000;
 border: 1px solid #DF2823;
 font-family: sans-serif;
 font-size: 11px;
 margin-top: 4px;
 width: auto;
}

#leyenda p, #encuadre p, #mas_info p { margin: 0px 0px 0px 4px; padding: 0;}

#leyenda ul, #encuadre ul, #encuadre ul li, #mas_info ul{ padding-left: 4px; margin: 0px; list-style:none;}

#leyenda ul li { padding-left: 10px; background:url(../imagenes/flecha_li.gif) no-repeat;}
#mas_info ul li { padding-left: 10px; background:url(../imagenes/flecha_li.gif) no-repeat;}
#encuadre ul li { padding-left: 10px;}
#leyenda ul ul, #encuadre ul ul, #mas_info ul ul{ list-style:none;}



#leyenda h3{
 margin-left: 4px;
 text-transform: uppercase;
}

#encuadre h3, #mas_info h3{
 margin-left: 4px;
 text-transform: uppercase;
}

/********************* Fin Columna izquierda *****************/

/********************* Contenido Plano y Rutas *********************/

#pyr_izda{ /* Columna izquierda, plano*/
 width: 400px;
 height: 300px;
 background-color: #F0F0F0;
 border: 1px solid #CCCCCC;
 
 margin-top: 2px;
 margin-bottom: 4px;
 
 font-family: sans-serif;
 font-size: 10px;
 color: #000000;
 text-align: left;
 
 float: left;
}

#pyr_dcha{ /* Columna derecha, botones plano */
 width: 24px;
 height: 270px;
 background-color: #FFFFFF;

 margin-top: 2px; 
 margin-bottom: 5px;
 
 text-align: center;
 
 /*float: right;*/
 float: left;
 margin-left:2px;
}
#pyr_dcha img{
 clear: both;
}
#pyr_dcha td{
 background-color: #FFFFFF;
}

#pyr_dcha a{ text-decoration: none; }

#pyr_dcha .botonera{ margin-bottom: 4px; width: 24px; height: 24px;}

.pyr_zoommas{ background-image: url(../imagenes/pyr_zoommas.gif); }
.pyr_zoommas_over{ background-image: url(../imagenes/pyr_zoommas_over.gif); }
.pyr_zoommas_gris{ background-image: url(../imagenes/pyr_zoommas_gris.gif); cursor: default }

.pyr_zoommenos{ background-image: url(../imagenes/pyr_zoommenos.gif); }
.pyr_zoommenos_over{ background-image: url(../imagenes/pyr_zoommenos_over.gif); }
.pyr_zoommenos_gris{ background-image: url(../imagenes/pyr_zoommenos_gris.gif); cursor: default }

.pyr_mano{ background-image: url(../imagenes/pyr_mano.gif); }
.pyr_mano_over{ background-image: url(../imagenes/pyr_mano_over.gif); }
.pyr_mano_gris{ background-image: url(../imagenes/pyr_mano_gris.gif); cursor: default }

.pyr_info{ background-image: url(../imagenes/pyr_info.gif); }
.pyr_info_over{ background-image: url(../imagenes/pyr_info_over.gif); }
.pyr_info_gris{ background-image: url(../imagenes/pyr_info_gris.gif); cursor: default }

.pyr_ptointeres{ background-image: url(../imagenes/pyr_ptointeres.gif); }
.pyr_ptointeres_over{ background-image: url(../imagenes/pyr_ptointeres_over.gif); }
.pyr_ptointeres_gris{ background-image: url(../imagenes/pyr_ptointeres_gris.gif); cursor: default }

.pyr_imprimir{ background-image: url(../imagenes/pyr_imprimir.gif); }
.pyr_imprimir_over{ background-image: url(../imagenes/pyr_imprimir_over.gif); }
.pyr_imprimir_gris{ background-image: url(../imagenes/pyr_imprimir_gris.gif); cursor: default }

.pyr_email{ background-image: url(../imagenes/pyr_email.gif); }
.pyr_email_over{ background-image: url(../imagenes/pyr_email_over.gif); }
.pyr_email_gris{ background-image: url(../imagenes/pyr_email_gris.gif); cursor: default }

.pyr_untercio{ background-image: url(../imagenes/pyr_untercio.gif); }
.pyr_untercio_over{ background-image: url(../imagenes/pyr_untercio_over.gif); }
.pyr_untercio_gris{ background-image: url(../imagenes/pyr_untercio_gris.gif); cursor: default }

.pyr_dostercios{ background-image: url(../imagenes/pyr_dostercios.gif); }
.pyr_dostercios_over{ background-image: url(../imagenes/pyr_dostercios_over.gif); }
.pyr_dostercios_gris{ background-image: url(../imagenes/pyr_dostercios_gris.gif); cursor: default}

.pyr_trestercios{ background-image: url(../imagenes/pyr_trestercios.gif); }
.pyr_trestercios_over{ background-image: url(../imagenes/pyr_trestercios_over.gif); }
.pyr_trestercios_gris{ background-image: url(../imagenes/pyr_trestercios_gris.gif); cursor: default }

.pyr_ayuda{ background-image: url(../imagenes/Ayuda_20x20.gif); }
.pyr_ayuda_over{ background-image: url(../imagenes/Ayuda_20x20_over.gif); }
.pyr_ayuda_gris{ background-image: url(../imagenes/Ayuda_20x20_gris.gif); cursor: default }

.pyr_ortofoto{ background-image: url(../imagenes/pyr_ortofoto.gif); }
.pyr_ortofoto_over{ background-image: url(../imagenes/pyr_ortofoto_over.gif); }
.pyr_ortofoto_gris{ background-image: url(../imagenes/pyr_ortofoto_gris.gif); cursor: default }

.pyr_ortofoto_ocultar{ background-image: url(../imagenes/pyr_ortofoto_ocultar.gif); }
.pyr_ortofoto_ocultar_over{ background-image: url(../imagenes/pyr_ortofoto_ocultar_over.gif); }
.pyr_ortofoto_ocultar_gris{ background-image: url(../imagenes/pyr_ortofoto_ocultar_gris.gif); cursor: default }

.pyr_ortofoto2{ background-image: url(../imagenes/pyr_ortofoto2.gif); }
.pyr_ortofoto2_over{ background-image: url(../imagenes/pyr_ortofoto2_over.gif); }
.pyr_ortofoto2_gris{ background-image: url(../imagenes/pyr_ortofoto2_gris.gif); cursor: default }

#pyr_pie{
 border: 1px solid #CC0000;
 margin: 0;
 padding: 0;
 clear: both;
}

#pyr_pieMenu{ /* Pie */
 width: 100%;
 height: 13px;
 background-color: #CC0000;
 margin: 0;
 padding: 0;
 
 font-family: sans-serif;
 font-size: 10px;
 color: #000000;


 clear: both;
}

#pyr_pieMenu table{
 margin: 0px;
 padding: 0px;
}

#pyr_pieMenu td{
 background-color: #CC0000;
}

#pyr_pieMenu td a.menu:link{ color: #FFFFFF; text-decoration: none; font-weight: bold;}
#pyr_pieMenu td a.menu:visited{ color: #FFFFFF; text-decoration: none; font-weight: bold;}
#pyr_pieMenu td a.menu:hover, #pyr_pieMenu td a.menu:active{ color: #F8DEDE; text-decoration: none; font-weight: bold;}

#pyr_pieMenu td a.selected:link{ color: #CC0000; text-decoration: none; font-weight: bold;}
#pyr_pieMenu td a.selected:visited{ color: #CC0000; text-decoration: none; font-weight: bold;}
#pyr_pieMenu td a.selected:hover, #pyr_pieMenu td a.selected:active{ color: #CC0000; text-decoration: none; font-weight: bold;}

#pyr_pieCuerpo{ /* Pie */
 width: 100%;
 height: 100px;
 background-color: #FFFFFF;
 
 margin: 0;
 padding: 0;
 
 font-family: sans-serif;
 font-size: 10px;
 color: #000000;
 text-align: left;
 clear: both;
}

#pyr_pieCuerpo table{
 margin: 0px;
 padding: 0px;
}

#pyr_pieCuerpo td{
 background-color: #FFFFFF;
}

#origen_XV{
 width: 25px;
 height: 12px;
 border: 0px;
 margin-right: 5px;
 margin-left: 10px;
}

#destino_XV{
 width: 25px;
 height: 12px;
 border: 0px;
 margin-right: 5px;
 margin-left: 10px;
}

#tabLugarDestino, #tabLugarOrigen{
 margin-right: 5px;
 margin-left: 5px;
 font-weight: normal;
}

.tabla_moreInfo{
 background-color: #FFFBD1;
}

#horarios{
position:absolute;
 height: 230; 
 width: 220px; 
 display: none; 
 border: 2px solid black; 
 background-color: #FFFBD1;
 z-index: 2;
}

#cabeceraHorarios{
 height: 50px; 
 width: 220px; 
 border-bottom: 2px solid black; 
 float: left; 
 background-color: #CC0000;
}

#cabeceraHorarios table{
 margin:0px;
 padding:0px;
}

#cabeceraHorarios td{
 font-size: 11px;
 color: #FFFFFF;
 font-weight: bold;
 background-color: #CC0000;
}

#aspaHorarios{
 float: right;
 height: 50px;
 width: 16px;
 border-bottom: 2px solid black; 
 background-color: #CC0000;
}

#cuerpoHorarios{
 float: none;
 text-align: center;
 height: 175px;
 overflow: auto;
 width:100%;
 clear: both;
}


#iframeInfociudad{
 position: absolute;
 background-color: #FFFFFF;
 border: 2px solid black;
 height: 240px; 
 width: 350px;
 display:none;
 z-index: 2;
}

#cabeceraIframe{
 height: 16px; 
 width: 350px;
 border-bottom: 2px solid black; 
 float: left; 
 background-color: #CC0000;
 text-align: right;
}

#cuerpoIframe{
 float: none;
 text-align: center;
 width: 350px;
}


#div_nota_al_plano{
 position: absolute; 
 width: 310; 
 height: 110; 
 overflow: none;
 background-color: #FFFBD1; 
 border: 1px solid black; 
 visibility: hidden; 
}

#div_header_nota_al_plano{
 position: relative;
 top: 0px;
 left: 0px;
 background-color: #CC0000;
 border-bottom: 1px solid black;
 text-align: right;
}

#div_anadir_encuadre{

 position: absolute; 
 background-color: #FFFBD1; 
 border: 1px solid black; 
 visibility: hidden; 
 width: 310; 
 height: 90;
}

#div_header_encuadre{
 position: relative;
 top: 0px;
 left: 0px;
 background-color: #CC0000;
 border-bottom: 1px solid black;
 text-align: right;
}



/********************* Fin de Contenido Plano y Rutas *********************/


/********************* Cálculo de Rutas *********************/

.calculoRutasSelected{
 background-color: #FFDC50;
 color: #CC0000;
}

.calculoRutasSelected TD a:link{ color: #CC0000; text-decoration: none; }
.calculoRutasSelected a:visited{ color: #CC0000; text-decoration: none; }
.calculoRutasSelected a:hover, .calculoRutasSelected a:active{ color: #CC0000; text-decoration: underline; }

/********************* Fin de Cálculo de Rutas *********************/

.accesoCiudad{
 width: 100%;
 height: 85px;
 overflow: auto;
 overflow: hidden;
}

.accesoCiudadTD{
 border: 1px solid #CC0000;
}