@import url("interface_mapa.css");
/* NORMALIZAMOS CSS */
body {text-align:center; margin:0px; font:normal 13px Arial, Helvetica, sans-serif;}
.clear {display:block; clear:both; height:0px; font-size:1px}
ul {list-style-type:none; margin:0; padding:0}
form, div, dl, dt, dd, ul, li, a, p {margin:0; padding:0;}
input, select {outline:none;}
input, select { font-family:Arial, Helvetica, sans-serif;}
a {color: #0066D5;outline:none;}
/*a:hover {color:#F26100;}*/
a:hover{text-decoration: underline;}
a img {border:none;}
a.logo {margin:0; width:251px; height:50px; text-indent:-10000px;display:block; overflow:hidden; background-image:url(/images/logo_mapa.gif); background-repeat:no-repeat;}
/*********************/
.cabecera_mapa {display:block; overflow:hidden; margin:0px 0px 5px 0px; padding:0px; background:#FFF200 url(/images/f_cabecera_mapa.gif) right 0 no-repeat;border:1px solid #e2e3de;}
.contenedor {width:100%; padding:0px; position:relative; margin:0px; text-align:left; background-color:transparent;overflow:hidden; clear:both;}
/*LOCALIZADOR*/
.localizador {display:block; overflow:hidden; margin:0px 10px 0px 10px; width:100%;}
.localizador .nombre_calle, .localizador .nombre_webcam, .localizador .nombre_calle_origen, .localizador .nombre_calle_destino {float:left; padding-left:23px; background:url(/images/localizador.gif) 0 3px no-repeat; line-height:26px;}
.localizador .nombre_calle_origen, .localizador .nombre_calle_destino {width:30%; margin-right:15px; overflow:hidden;}
.localizador .nombre_calle_origen {background:url(/images/ico_origen.gif) 0 3px no-repeat;}
.localizador .nombre_calle_destino {background:url(/images/ico_destino.gif) 0 3px no-repeat;}
.localizador .nombre_webcam {background:url(/images/f_webcam.gif) 0 3px no-repeat; padding-left:24px;}
.localizador a {text-decoration:none; color: #1a8fd9; font-size: .92em;}
.localizador a:hover {text-decoration: underline; color: #1a8fd9;}
.localizador button {float:right; margin:0px 20px 0px 0px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; width:134px; background:url(/images/bot_volver.gif) 0 0 no-repeat; border:none; padding:0px; height:26px; cursor:pointer;}
 span.idealista  {float: right; height: 19px; background: #d3ecfc url(/images/bgd-bot-azul-l.gif) no-repeat scroll 0 0; margin: 1px 10px 2px 0px; width:156px;}
 a.idealista  {background: url(/images/bgd-bot-azul-r.gif) no-repeat scroll right 0; display: inline-block; height: 15px; padding: 2px 7px; font-size: .85em; float:right; margin:0px 0px 0px 0px;}
 a:hover.idealista {text-decoration: none; color: #1a8fd9;}
 span.botonHome {background: #FC851C url(/images/bgd-bot-orange-l.gif) no-repeat scroll 0 0; cursor:pointer; float:right; height:19px; margin:1px 15px 2px 0px; width:100px;}
 button.botonHome {margin:0px 0px; font-size: .85em; cursor:pointer; background:transparent url(/images/bgd-bot-orange-r.gif) no-repeat scroll right 0; color:#FFFFFF; border:none; float:right; display:inline-block; height:19px; padding:2px 4px 4px 7px; width:100px; font-weight:normal; text-align:middle; vertical-align:middle;}
.botonHome  #boton {float:right;} 
.botonHome {float:right;} 
#nombre_calle {position:relative;}
#banner_yugou {position:absolute; right:0px; top:38px; z-index: 100;}
/*************/
/*ZONA SERVICIOS*/
#servicios {position:relative; float:left; left:5px; width:270px;}
#acordeon {width: 100%;}
.titular {cursor:pointer; margin:5px 0px 0px 0px; padding:6px 4px 0px 8px; height:25px; line-height:19px; background:transparent url(/images/bgd-seccion-barra-callejero-collapsed.gif) no-repeat scroll 0 0; font:bold 13px Arial; width:273px;}
.titular.expanded {background: transparent url(/images/bgd-seccion-barra-callejero-expanded.gif) no-repeat scroll 0 0;}
.desplegable {display:none; background:#F9FAFC; border:1px solid #E4E4E4; border-top:none; padding:5px;}
/*.separador {clear:both; display:block; height:7px; border-top:1px solid #E4E4E4; margin:7px 0px 0px 0px; font-size:1px;}*/
a.separador{color:#1A8FD9; text-decoration:none; text-align:right; height:20px; border-top:none; vertical-align:top; font:normal 13px Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px;}
a:hover.separador{color:#1A8FD9; text-decoration:underline;}
#iconos {background:url(/images/f_iconos.gif) 0 0 no-repeat;}
/*#servicios p {text-align:center; font:bold 11px Tahoma; height:20px;}*/
/****************/
/*ZONA MAPA*/
#zona_mapa {position:relative; margin-left:320px; border:2px solid #E8D500; overflow:hidden; background:#F9FAFC; margin-right:10px;}
#zona_mapa iframe { width:100%; height:100%;}
#bot_screen {position:absolute; height:15px; width:10px; z-index:1000; top:48%; left:0px;}
 div.bot_screen  {position:absolute; height:100%; width:12px; z-index:1000; background:transparent url(/images/bgd-map-bar.png) repeat scroll 0 0;}
.bot_full, .bot_normal {FILTER: Alpha(Opacity=80, FinishOpacity=70, Style=0);height:18px; width:18px; background:transparent url(/images/ico-collapse.png) 0 0 no-repeat; display:block;}
.bot_normal { background:transparent url(/images/ico-expand.png) 0 0 no-repeat;}
/***********/
/*ZONA ENLACES*/
.cierremapa {padding-right:5px; position:relative; color:#4A4A4A; font-size:89%; margin:5px 8px 0px 270px; text-align:right; vertical-align:middle;}
.cierremapa span {color:#F60;}
.cierremapa a {color:#1A8FD9; text-decoration:none;}
.cierremapa a:hover {text-decoration: underline; color: #1a8fd9;}


/**************/
/*MARQUESINA*/
.soportemarquesina {position:absolute; margin:1px 10px 0px 285px; text-align:right; font:normal 12px Arial; color:#9FA1B0; border-width:1px; border-style:solid; border-color:#ccc;}
/*.soportemarquesina span {color:#F60;}*/
.soportemarquesina a { font:normal 12px Arial;  color:#000000; text-decoration:none;}
/*.divMarquesina {position:relative; margin:1px 10px 0px 285px; text-align:right; font-size:12px; color:#9FA1B0;}*/
.divMarquesina div { text-align:center; vertical-align:middle; margin-top:0px;}
.divMarquesina a { font:normal 12px Arial; color:#666; text-decoration:none;}
.divMarquesina a:hover {color:#F26100;}


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

/*ICONOGRAFIA*/
.iconografia {margin:0px; padding:0px; /*overflow:hidden;*/ text-align: left}
/*.iconografia ul {clear:both;}
.iconografia li {float:left; width:125px; height:20px;}
.iconografia li img {border:none; margin:0px 4px; vertical-align:middle;}
.iconografia .check {margin:0px; vertical-align:middle; padding:0px; width:13px;}
.iconografia p {text-align:right; height:20px; text-decoration:none; color:#1A8FD9;}*/

/*************/
/*BUSCAR SERVICIOS*/
#result_prox {width:300px; margin-top:10px; height:0px; /*overflow:auto;*/}
.buscar_serv {margin:0px; color:#4A4A4A;}
.buscar_serv input {color:#9F9F9F; margin:3px 5px 0px 0px; width:160px;}
.buscar_serv button, .otra_calle button, .como_llegar button, .busc_localidad button, .nueva_ruta button {margin:0; padding:0; font: none 12px Arial, Helvetica, Sans-serif; cursor:pointer; height:28px; background:transparent url(/images/btn-left-04.gif) no-repeat scroll 0 0; color:#FFFFFF; border:none; float:right; padding:4px 2px 8px 8px;}
.buscar_serv span, .otra_calle span, .como_llegar span, .busc_localidad span, .nueva_ruta span {height:28px; width:9px; background: url(/images/btn-right-04.gif) no-repeat scroll 0 0; cursor:pointer; float:right; margin-right:0px;}
.buscar_serv p {text-align:right; font:bold 11px Tahoma; height:20px;}
.buscar_serv a {text-align:right; font:normal 13px Arial, Helvetica, sans-serif; height:20px; color:#1A8FD9; text-decoration:none; margin: 0px 0px 5px 0px;}
.buscar_serv a:hover  {color:#1A8FD9; text-decoration:underline;}
.buscar_serv #nueva_busqueda {display:none;}
.buscar_serv_in_line {display:inline; float:right;}
.iframe {border-top:1px solid #E4E4E4; text-align:left; background:#F9FAFC; padding-top:5px; width:235px; font-size:11px;}
.iframe .estadillo {color:#454545;}
.iframe .estadillo strong {color:#000; font-size:12px;}
.iframe .ordenacion {margin:8px 0px; border-bottom:1px solid #E4E4E4; padding-bottom:5px;}
.iframe .ordenacion  a {background:url(/images/orden-desc.gif) no-repeat scroll right 4px; color:#1A8FD9; text-decoration:none; padding: 0px 12px 0px 0px;}
.iframe .ordenacion  a:hover{color:#1A8FD9; text-decoration:underline;}
.iframe .resul {overflow:hidden;}
.iframe .resul li {padding-bottom:2px; margin:0px; font-size:11px; color:#666;}
.iframe .resul li .pos {float:left; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px; font-weight:bold; background:url(/images/ico_prox.gif) 0 0 no-repeat; color:#000;}
.iframe .resul li .pos a {color:#4A4A4A; text-decoration:none;}
.iframe .resul li .pos a:hover {text-decoration:underline;}
.iframe .resul li .anuncio {float:left; margin-left:5px; width:210px;}
.iframe .resul li .org {font-size:12px; font-weight:bold; display:block;}
.iframe .resul li .orgig {font-size:11px; font-weight:bold; display:block;}
.iframe .resul li .orgig a:link {color:#000; text-decoration: none}
.iframe .resul li .orgig a:hover {color:#1A8FD9; text-decoration:underline;}
.iframe .resul li .orgig a:visited {color:#000; text-decoration: none}
.iframe .resul li .orgig a:active {color:#000; text-decoration: none}
.iframe .resul li .distancia {display:block; color:#4A4A4A;}
.iframe .resul li .distancia strong {color:#F4930A;}
.iframe .resul li .funciones {display:block; color:#4A4A4A;}
.iframe .resul li .funciones a {font-weight:bold; color:#1A8FD9; text-decoration:none;}
.iframe .resul li .funciones a:hover {color:#1A8FD9; text-decoration:underline;}
.iframe .resul li .relieve {clear:both; display:block; height:16px; background:url(/images/f_relieve.gif) 0 50% repeat-x;}
.iframe .paginado {overflow:hidden; font-weight:bold; color:#1A8FD9; padding:0px 5px;}
.iframe .paginado a {font-weight:normal; background:transparent url(/images/bgd-arrow-right.gif) no-repeat scroll right 2px; padding: 0px 12px 0px 0px; color:#1A8FD9; text-decoration:none; font-size:12px;}
.iframe .paginado a:hover {text-decoration:underline;}
.iframe .paginado .ant {float:left;}
.iframe .paginado .ant  a {background:transparent url(/images/bgd-arrow-left.gif) no-repeat scroll 0 2px; padding: 0px 0px 0px 12px;}
.iframe .paginado .sig {float:right;}
/******************/
/*BUSCAR OTRA CALLE*/
.otra_calle {margin:0px; color:#4A4A4A;}
.otra_calle input, .otra_calle select {width:97%; margin:5px 0px; color:#666666;}
.otra_calle button {margin:3px 0px;}
.otra_calle #cambio_localidad {display:none;}
.otra_calle p {text-align:center; font:bold 11px Tahoma; height:20px;}
.otra_calle #localidad_actual { text-align:left; border-bottom:1px solid #E4E4E4; padding-bottom:3px; margin-bottom:5px; color:#666}
.otra_calle #localidad_actual p {text-align:left; color:#000; font:bold 12px Arial, Helvetica, sans-serif;}
.otra_calle span {padding:4px 2px 8px 8px; margin:3px 0px;}
.otra_calle #etiqueta_localidad {font:normal 12px Arial, Helvetica, sans-serif; background:none; float:left; margin:0px; width:250px; height:15px;}
.otra_calle  #calle {float:left; width:205px; color:#4A4A4A; margin-left:0px;}
.otra_calle  #num {float:right; width:30px; color:#4A4A4A;}
.otra_calle  #boton {float:right;}
.otra_calle  #botonbuscar {float:right;}
.otra_calle a {text-decoration:none; color:#1A8FD9;}
.otra_calle a:hover  {color:#1A8FD9; text-decoration:underline;}
/*******************/
/*BUSCAR LOCALIDAD*/
.busc_localidad {margin:0px;}
.busc_localidad input, .busc_localidad select {width:97%; margin:5px 0px;}
.busc_localidad button {float:right;}
.busc_localidad #boton {float:right;}
.busc_localidad #localidad {display:block;}
.busc_localidad #kilometro {display:none;}
/*.busc_localidad p {text-align:center; font:bold 11px Tahoma; height:20px;}*/
.busc_localidad .seleccion {border-bottom:1px solid #E4E4E4; padding-bottom:8px; margin-bottom:8px; text-align:left;}
.busc_localidad .radial {width:auto; margin:0px;}
/******************/
/*CALCULAR RUTA*/
.como_llegar {margin:0px; overflow:hidden;}
.como_llegar input, .como_llegar select {width:96%; color:#666;}
.como_llegar .radial {width:auto;}
.como_llegar .seleccion {border-bottom:1px solid #E4E4E4; padding-bottom:8px; margin-bottom:8px; text-align:left; color:#4A4A4A;}
.como_llegar .origen, .como_llegar .destino {font:normal 13px Arial, Helvetica, sans-serif; margin-bottom:8px; color:#4A4A4A;}
.como_llegar .origen img, .como_llegar .destino img {margin-right:3px;}
.como_llegar .origen p, .como_llegar .destino p { padding-left:22px;}
.como_llegar .origen a, .como_llegar .destino a {text-decoration:none; color:#1A8FD9;}
.como_llegar .origen a:hover, .como_llegar .destino  a:hover  {color:#1A8FD9; text-decoration:underline;}
.como_llegar .origen input, .como_llegar .origen select, .como_llegar .destino input, .como_llegar .destino select {margin:3px 0px;}
.como_llegar button {margin:0px 0px 5px 22px;}
.como_llegar  #boton {float:right;}
.como_llegar  #botonbuscar {float:right;}
/*.como_llegar #hasta_aqui {display:none;}*/
/***************/
/*RUTA DETALLADA*/
#detalle_ruta {width:300px;}
.ruta_detallada {margin:0px;}
.ruta_detallada p {text-align:center; font:normal 11px Tahoma; height:20px; color:#4A4A4A;}
.ruta_detallada a {text-decoration:none; color:#1A8FD9; font-weight:bold;}
.ruta_detallada a:hover  {color:#1A8FD9; text-decoration:underline;}
.ruta_detallada .resumen { margin-bottom:10px;}
.ruta_detallada .resumen img { border:1px solid #FFF200; padding:1px;}
.ruta_detallada .resumen ul {margin-bottom:5px; color:#666;}
.ruta_detallada .resumen li {margin-bottom:2px;}
.ruta_detallada .resumen li span {color:#0066D5; font-weight:bold;}
.iframe_detalle {text-align:left; background:#F9FAFC; padding-top:5px; width:235px; font-size:11px;}
.iframe_detalle .detalle {overflow:hidden;}
.iframe_detalle .detalle li a {text-decoration:none; color:#1A8FD9;}
.iframe_detalle .detalle li a:hover  {color:#1A8FD9; text-decoration:underline;}
.iframe_detalle .detalle li .pos, .iframe_detalle .detalle li .inicio, .iframe_detalle .detalle li .final {float:left; width:20px; height:20px; line-height:20px; text-align:center; font-size:11px; font-weight:bold; background:url(/images/ico_pos_ruta.gif) 0 0 no-repeat; color:#FFF;}
.iframe_detalle .detalle li .inicio {background:url(/images/ico_inicio_ruta.gif) 0 0 no-repeat;}
.iframe_detalle .detalle li .final {background:url(/images/ico_fin_ruta.gif) 0 0 no-repeat;}
.iframe_detalle .detalle li .descripcion {float:left; margin:0px 0px 2px 5px; width:210px;}
.iframe_detalle .detalle li .info {clear:both; position:relative; margin-left:25px;}
.iframe_detalle .detalle li .distancia, .iframe_detalle .detalle li .tiempo {float:left; width:100px; color:#999;}
.iframe_detalle .detalle li .distancia em, .iframe_detalle .detalle li .tiempo em { font-style:normal; font-weight:bold; color:#404E7B;}
.iframe_detalle .detalle li .relieve {clear:both; display:block; height:16px; background:url(/images/f_relieve.gif) 0 50% repeat-x;}
.nueva_ruta {display:none;}
.nueva_ruta input, .nueva_ruta select {width:96%; color:#666;}
.nueva_ruta .origen, .nueva_ruta .destino {font:normal 13px Arial, Helvetica, sans-serif; margin-bottom:8px; color:#4A4A4A;}
.nueva_ruta .origen img, .nueva_ruta .destino img {margin-right:3px;}
.nueva_ruta .origen p, .nueva_ruta .destino p { padding-left:22px;}
/*.nueva_ruta button {margin:2px 0px 5px 22px; width:130px; font-weight:bold;}*/
.nueva_ruta button {margin:0px 0px 5px 22px;}
.nueva_ruta  #boton {float:right;}
/****************/
/*BUSCAR WEBCAMS*/
.ver_webcams {margin:0px; color:#4A4A4A;}
.ver_webcams input, .ver_webcams select {width:97%; margin:5px 0px; color:#4A4A4A;}
/*.ver_webcams button {width:140px; margin:3px 0px; font:bold 13px Arial, Helvetica, sans-serif;}*/
.ver_webcams input, .ver_webcams2 input, .ver_webcam input {margin:0; padding:0; font: none 12px Arial, Helvetica, Sans-serif; cursor:pointer; height:28px; background:transparent url(/images/btn-left-04.gif) no-repeat scroll 0 0; color:#FFFFFF; border:none; float:right; padding:4px 2px 8px 8px;}
.ver_webcams span, .ver_webcams2 span, .ver_webcam span {height:28px; width:9px; background: url(/images/btn-right-04.gif) no-repeat scroll 0 0; cursor:pointer; float:right; margin-right:0px;}
.ver_webcams  #boton {float:right;}
.ver_webcams p {text-align:center; font:bold 11px Tahoma; height:20px;}
.ver_webcams .activa  {padding-left:23px; background:url(/images/f_webcam.gif) 0 3px no-repeat; line-height:26px; font-weight:bold; margin-bottom:5px;}
.ver_webcams .activa a, .ver_webcams .mas a {text-decoration:none;}
.ver_webcams .mas {border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; padding:5px 0px; font-size:11px; color:#333; margin-bottom:5px;}
.ver_webcams ul, .ver_webcam ul  {margin:5px 0px;}
.ver_webcams li, .ver_webcam li {margin:0px 0px 3px 5px;}
.ver_webcams .otras {border-top:1px solid #E4E4E4; padding:5px 0px; margin-top:10px;}
.ver_webcams2, .ver_webcams2 select {color:#4A4A4A;}
.ver_webcams2  #boton {float:right;}
/*WEBCAM DE LA DGT*/
.ver_webcam   {margin:0px; color:#4A4A4A;}
.ver_webcam  select {width:97%; margin:5px 0px; color:#4A4A4A;}
.ver_webcam  #boton {float:right;}
.ver_webcam .activa a, .ver_webcam .mas a  {text-decoration:none; color:#1A8FD9;}
.ver_webcam .activa a:hover, .ver_webcam .mas a:hover  {text-decoration:underline; color:#1A8FD9;}
/*******************/

/*TOOLTIPS*/
/*.tooltip {z-index:20002; position:absolute; top:50%; left:50%; margin-left:30px; border:1px solid #666; background:#FFF; width:245px; display:none; text-align: left; }
.tooltip .close {position:absolute; right:2px; top:2px; width:13px; height:13px; margin:0px; padding:0px;}
.tooltip h2 {background:#FFF200; font:bold 12px Arial, Helvetica, sans-serif; color:#333; border-bottom:1px solid #666; padding:1px 5px; margin:0px;}
.tooltip .contenido {margin:5px; font-size:11px; color:#000;}
.tooltip .imgcam {clear:both; width:235px;}
.tooltip .ico {float:left; width:14px; height:14px; margin:0px 4px 0px 0px;}
.tooltip .titulo {float:left; width:200px; margin-left:10px; font-weight:bold; }
.tooltip .titulo a { text-decoration:none;}
.tooltip .vistas {border-top:1px solid #E4E4E4; padding:3px 0px; font-size:11px; color:#333; margin:3px 0px;}
.tooltip .vistas a {text-decoration:none;}
.tooltip .vistas ul {margin-top:5px;}
.tooltip .vistas li {margin:0px 0px 3px 5px;}
.tooltip .direccion {clear:both; border-top: 1px solid #E4E4E4; margin:3px 0px; padding:3px 0px; }
.tooltip .descripcion {clear:both; border-top: 1px solid #E4E4E4; color:#757575; margin:3px 0px; padding:3px 0px; }
.tooltip .descripcion span {display:block; font-weight:bold; color:#000; margin-top:3px;}
.tooltip .descripcion img {float:left; border:2px solid #666; padding:1px; margin-right:10px;}
.tooltip .masinfo {clear:both; border-top: 1px solid #E4E4E4; text-align:center;}
.tooltip .masinfo img {margin-top:5px;}
.tooltip .comollegar {clear:both; border-top: 1px solid #E4E4E4; margin:3px 0px; padding:6px 0px 0px 0px;}
.tooltip .comollegar a {display:block; margin-bottom:5px;}
.tooltip .opciones ul {font-size:12px; margin:5px;}
.tooltip .opciones li {margin-bottom:3px;}
.tooltip .opciones li a {text-decoration:none;}
.tooltip .opciones li.separador {clear:both; border-top:1px solid #E4E4E4; margin:0px; padding:0px; font-size:3px;}
.tooltip form {font:bold 12px Arial, Helvetica, sans-serif; color:#666;}
.tooltip input, .tooltip textarea {display:block; margin-bottom:5px; width:96%;}
.tooltip .posruta, .tooltip .posinicio, .tooltip .posfinal {float:left; width:20px; height:20px; line-height:20px; text-align:center; font-size:11px; font-weight:bold; background:url(/images/ico_pos_ruta.gif) 0 0 no-repeat; color:#FFF;}
.tooltip .posinicio {background:url(/images/ico_inicio_ruta.gif) 0 0 no-repeat;}
.tooltip .posfinal {background:url(/images/ico_fin_ruta.gif) 0 0 no-repeat;}
.tooltip .descruta {float:left; margin:0px 0px 2px 5px; color:#0066D5; width:210px;}
.tooltip .thumbruta {clear:both; margin:5px 0px; border:1px solid #E4E4E4; width:232px; height:150px; overflow:hidden; }
.tooltip .pasoruta {clear:both; border-top: 1px solid #E4E4E4; margin:3px 0px; padding:3px 0px; font-weight:bold; color:#F60;}
.tooltip .pasoruta a {text-decoration:none;}
.tooltip .pasoruta .anterior {float:left;}
.tooltip .pasoruta .siguiente {float:right;}
.tooltip p {margin-bottom:5px;}
.tooltip em { font-style:normal; color:#999; font-size:10px; font-weight:normal;}
.tooltip .ast {color:#F60; font-weight:bold;}
.tooltip button {cursor:pointer; background:url(/images/f_bot_tooltip.gif) 0 0 no-repeat; width:111px; height:27px; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF; border:none; margin-top:5px;}
.tooltip .check {width:16px; height:10px; display:inline;}*/
.tooltip2 {z-index:20002; position:absolute; top:50%; left:50%; margin-left:30px; border:1px solid #666; background:#FFF; width:165px; display:none; text-align: left; }
/**********/