/* SERVICIOS COMUNES DE TIPO MAPA (EL TIEMPO, TRAFICO, GASOLINERAS, ESTACIONES DE ESQUI, PLAYAS, EMBALASES, CALLEJERO)
======================================================================================================================*/
/* CONTENEDOR MAPAS */
#contenedor {width:1000px; margin:0 auto;}
.contenido_principal { padding: 0 0 10px; }
#contenedor .mapaymas{position: relative;}
.header-servicios{margin: 0 10px;}
.sub-header{margin:0 10px 30px 10px}


/* NAVEGACION */
.naveg li.marcado a{padding: 9px 15px;}
.naveg li.marcado a strong{position:relative; margin-top: -15px; float:left; display: block; padding: 15px 2px 2px;}

/* busqueda de localidades */
.busqueda{width: 458px; border-right: 1px #E0E0E0 solid; float: left; margin-right: 11px; position:relative; margin-left: 16px;}
.busqueda p, .provincias p{background-color: #F2F2F2; border-radius: 3px 3px 3px 3px; width: 432px; border: 1px #E5E5E5 solid; padding: 4px 4px 4px 10px; }
.provincias{float: left; width: 250px;}
.provincias p{width: 208px; float: left; padding: 4px 4px 9px 10px;}
.busqueda .localidad{padding: 10px 0 10px 10px; width: 200px;}
.busquedatexto{background-color: #F2F2F2; border: 0 none;color: #000000; font: 14px Arial,Helvetica,sans-serif; margin:4px 0 0 4px; vertical-align: middle; float: left; -webkit-appearance:none; width: 324px; }
.busquedatexto:focus{outline: none;}
.busquedaymas .btn-buscar{margin: 0 ;}
.combo{border: none;  font: 14px Arial,Helvetica,sans-serif; width: 200px; float: left; margin:4px 5px 0 4px; vertical-align:middle;-webkit-appearance: none; background:#F2F2F2  url(/iconos/v1.x/v1.0/servicios/ico-flecha-select.png) no-repeat right center;}
.busquedaymas .busquedaejemplo {color: #777777;font: italic 12px arial;padding-left: 17px;padding-top: 9px; position:absolute; bottom: -25px; left: 0;}

/* otros botones (fijar, quitar y enlace) */
.otrosbotones{clear: both; padding-top: 16px; text-align:center;}
.otrosbotones div{float: right; width: 195px; background: url(/iconos/v1.x/v1.0/servicios/pestania_trans.png) no-repeat center bottom; padding: 0 0 5px 16px; position:relative; top: 10px; right: 6px; height: 26px; margin-top: -3px;}
.otrosbotones a{font: normal 11px Tahoma, Geneva, sans-serif; color: #666; margin-right: 7px; display:inline; position:relative; top: 3px;}
.otrosbotones a:hover{ border-bottom: 1px #666 dotted}
.otrosbotones .fijar{background: url(/iconos/v1.x/v1.0/servicios/fijar.gif) no-repeat 0 8px; padding:6px 5px 2px 20px;}
.otrosbotones .quitar{background: url(/iconos/v1.x/v1.0/servicios/f_quitar.gif) no-repeat 0 0; padding:6px 10px 2px 19px;}
.otrosbotones .enlace{background: url(/iconos/v1.x/v1.0/servicios/enlace.gif) no-repeat 0 10px; padding:6px 5px 2px 23px;}

/* ayuda*/
.ayuda{clear: both; background: url(/iconos/v1.x/v1.0/servicios/px_amarillo.gif) repeat-x 0 0; border-bottom: 1px #FFF solid;}
.ayuda div{background: #F7F2D0 url(/iconos/v1.x/v1.0/servicios/pico_trans.png) no-repeat 0 0; padding: 13px 17px;}
.ayuda p{font: bold 11px Tahoma, Geneva, sans-serif; background: url(/iconos/v1.x/v1.0/servicios/ico-info.gif) no-repeat 0 0; color: #93885C; text-shadow: 2px 2px 0 #FFF; padding: 3px 0 3px 22px;}

/* FILTROS DE BUSQUEDA */
#addresscanvas .cab-filtro{border-left: 1px #CECECE solid; padding: 10px 0;border-top: 1px #CECECE solid; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;}
#addresscanvas .mod-tipo1 .separador{background: url(/iconos/v1.x/v1.0/servicios/px-separador.gif) repeat-x 0 0; padding: 10px 0 10px 0; margin-top: 10px;}
#leyenda_gasolineras{background: url(/iconos/v1.x/v1.0/servicios/px-separador.gif) repeat-x 0 0; padding-top:10px;} 
#leyenda_gasolineras h3{display: none;}
#leyenda_gasolineras .baratas , #leyenda_gasolineras .medias , #leyenda_gasolineras .caras {font: normal 11px Tahoma, Geneva, sans-serif; color: #333; text-shadow: 2px 2px 0 #FFF; clear: left; margin-bottom: 6px;}
#leyenda_gasolineras .baratas img, #leyenda_gasolineras .medias img, #leyenda_gasolineras .caras img{float: left;}
#addresscanvas .mod-tipo1 #leyenda_gasolineras p{float: left; clear: none; background:none; padding: 5px 0 0 4px}


/* MAPA */
.oculto {display: none;}
#latlng{color: #999999; font: normal 10px Arial,Helvetica,sans-serif; padding: 10px 0; clear: both; padding-left: 19px;}
.botonActivarElTiempoOn, .botonActivarElTiempoOff{font: bold 11px/13px Tahoma,Arial,Helvetica,sans-serif !important; color: #FFF !important; text-shadow: 1px 1px 0 #1A82A5; border:none !important; padding: 5px 0 !important; text-transform:uppercase; position:relative; top: 0; left: 7px; padding: 2px 10px 2px 28px !important; width: 159px !important; text-align:left !important; margin-bottom: 1px;}
.botonActivarElTiempoOn{ background: url(/iconos/v1.x/v1.0/servicios/f_activa-tiempo-on.png) no-repeat right 0 !important;}
.botonActivarElTiempoOff{ background: url(/iconos/v1.x/v1.0/servicios/f_activa-tiempo-off.png) no-repeat right 0 !important;}
.botonDentroGoogleMaps{width:200px!important;}

#addresscanvas.alavista{width: 208px; float: left;}
#addresscanvas .cab-cuadro_gasolineras{border-left: 1px #CECECE solid; padding: 10px 0;border-top: 1px #CECECE solid; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;}
#addresscanvas h2{font:normal 40px/42px Oswald, Arial, Helvetica, Garuda, sans-serif; color:#000; border-bottom:1px dotted #B1B1B1; width: 178px; margin: 0 auto 10px auto; }
#addresscanvas .elige_tipo_combustible{font: normal 13px Arial, Helvetica, sans-serif; padding-left: 14px; }
#addresscanvas label{font: bold 11px Tahoma, Arial, sans-serif; color: #333; text-shadow: 1px 1px 0 #fff; }
#addresscanvas span{float: left; margin-right: 4px; width: 20px;}

/* Mostrar y ocultar mapa */
#mostrarColumna, #ocultarColumna {float: left; width: 20px; border-right: 1px #FFF solid; background-color: #28B3E0; border-right: 5px #1E98C0 solid}
#mostrarColumna a, #ocultarColumna a{display: block; overflow:hidden; text-indent:-9999px;}
#mostrarColumna{background: #28B3E0 url(/iconos/v1.x/v1.0/servicios/ico-mostrar-columna.gif) no-repeat 7px 8px;}	
#ocultarColumna{background: #28B3E0 url(/iconos/v1.x/v1.0/servicios/ico-ocultar-columna.gif) no-repeat 7px 8px; }
#mostrarColumna a{background: url(/iconos/v1.x/v1.0/servicios/ico-mostrar-columna-bottom.gif) no-repeat 7px bottom;}
#ocultarColumna a{background: url(/iconos/v1.x/v1.0/servicios/ico-ocultar-columna-bottom.gif) no-repeat 7px bottom;}

/* boton de enlazar a esta pagina */
#enlaceMapa {position: absolute; right: 20px; top: -68px; padding: 8px;background-color: #fff; border: 2px solid #a8a8a8; -moz-border-radius: 4px;width: 579px;
 -webkit-border-radius: 4px; z-index: 100; font-size: 10px;-moz-box-shadow: 3px 3px 3px #666;  -webkit-box-shadow: 3px 3px 3px #666;}
#enlaceMapa p { margin:0 5px 0 0; text-align: right;}
#enlaceMapa a {  border-bottom: 1px dotted #333; color: #333; font: normal 9px Tahoma, Arial, Helvetica, sans-serif; text-align: right;  font-size: 11px;}
#enlaceMapa a:hover{border: none;}
#enlaceMapa a.cerrar  {  text-decoration: none;background-color: #28B3E0; color: #fff; padding: 4px; margin-top: 5px; text-align: center; display: block;
 width: 40px;  float: right;  font: bold 11px Arial, Helvetica, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.oculto { display: none;}
.alavista {display: block;}
/* fin boton de enlazar a esta pagina */

/* MAPA */
#colCanvas, #mapCanvas{float: right;}
#mapCanvas .labelsHTML{font: normal 12px Arial, Helvetica, sans-serif; color: #333;}
#mapCanvas .labelsHTML a{border-bottom: 1px #0097C8 dotted;}
#mapCanvas .labelsHTML a:hover{border: none; color: #0097C8}

/* RESULTADOS DE BUSQUEDA */
#addresscanvas .mod-tipo1 td{font: bold 11px Tahoma,Arial,sans-serif;text-shadow: 1px 1px 0 #FFFFFF; padding-bottom: 17px;}
#addresscanvas .mod-tipo1 .tenue{color: #999; padding-right: 5px;}
#addresscanvas .mod-tipo1 td a{color: #333;border-bottom: 1px #666 dotted; line-height:16px;}
#addresscanvas .mod-tipo1 td a:hover{border: none;}

/* RUTAS EN BUSQUEDA*/
#addressdiv .googledir{overflow: auto; overflow-x: hidden; height: 264px; width: 186px; padding:0 10px 10px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-align: left;}
*+html #addressdiv{padding-right: 20px; width: 176px; height: 240px}
#addressdiv .googledir td{font:normal 12px/15px Arial,Helvetica,sans-serif; text-align: left; padding: 6px 0 !important;}
#addressdiv .googledir td a{color: #5E7AA8}
#addressdiv .googledir td img{margin: 0 15px 0 8px;}