/* Definiciones base */
a { 
  color:            #0066cc;
  background:       transparent;
  text-decoration:  none;
  cursor:           pointer;
}

img {
  border:           none;
  display:          inline;
  vertical-align:   baseline;
  margin:           0px;
  padding:          0px;
}

img.vaTextTop {
  vertical-align:  text-top;
}

img.vaMiddle {
  vertical-align:   middle;
}

img.vaBottom { /* Elimina espacios bajo una imagen en IE */
  vertical-align:   bottom;
}

h1, h2 {
  font:             bold 20px Trebuchet, Arial, Sans-Serif;
  color:            #0066cc;
  margin:           0;
  display:          inline;
}

h2 {
  font:             bold 17px Trebuchet, Arial, Sans-Serif;
  margin-top:       0px;
}

h3 {
  font-size:        13px;
  font-weight:      bold;
  color:            #5280EE;
  padding-left:     5px;
  text-align:       left;
}

h4 {
  font-size:        14px;
  background-color: #ff980f;
  border-bottom:    1px solid #fa6501;
  margin:           0;
}

/* Estilos alineación */
.centrado {
  text-align:       center !important;
}

.derecha {
  text-align:       right !important;
}

.izquierda {
  text-align:       left !important;
}

.justificado {
  text-align:       justify !important;
}

/* Estilos formato */
.italica {
  font-style:       italic !important;
}

.negrita {
  font-weight:      bold !important;
}

.error {
  color:            red;
  background-color: #f7f7f7;
  font-weight:      bold;
}

.aviso {
  color:            #d55320;
  background-color: #f7f7f7;
  font-weight:      bold;
}

/* Colores */
.negro {
  color:            black !important;
}

.azulOscuro {
  color:            #000066 !important;
}

.naranja {
  color:            #ff9900 !important;
}

a.naranja:hover {
  color:            #f7f7f7 !important;
  background-color: #ff9900;
  text-decoration:  none;
}

.float-left {
  float:            left;
}

.float-right {
  float:            right;
}

.clear {
  clear:            both;
}

.imagenCabecera {
  vertical-align:   bottom;
  cursor:           pointer;
}

.barraCabecera {
  vertical-align:   top;
  /* margin-left:      50px; /* IE rompe linea al poner margen  */
  padding-top:      5px;
}

.barraCabecera a, .barraCabecera a:hover {
  font-weight:      bold;
}

.barraCabecera a:hover {
  color:            #0066ff;
}

.barraMenu {
  background-color: #ff9900;
  color:            white;
  font-weight:      bold;
  padding-right:    24px;
}

.barraMenu a {
  color:            white;
}

.barramenu a:hover {
  color:            #ff9900;
  background-color: white;
}

.icono {
  width:            11px;
  height:           11px;
  cursor:           pointer;
}

.notificacion
{
  background:       transparent url(../images/fondo_oferta1.png) no-repeat scroll center top;
  position:         absolute;
  width:            200px;
  height:           150px; 
  left:             40%;
  top:              50%;
  z-index:          999;
  visibility:       hidden;
  padding:          0.5em;
  text-align:       center;
  border:           1px solid #0066ff;
}

/* Estilos descuentos de afiliados */
.seccionDescuento {
  width:            375px;
  margin:           25px auto 0;
  text-align:       left;
}

.contenidoSeccionDescuento {
  color:            black;
  font-size:        11px;
}

.urlAfiliado {
  color:            #0066cc;
}

.descuentoAfiliado {
  color:            red;
  font-size:        25px;
}

/* Estilos lista reservas seleccionadas */
.seccionSeleccionados {
}

.listaSeleccionados {
  font-size:        11px;
  color:            black;
}


.listaSeleccionados .item {
  background:       transparent url(../images/separador_buscador.png) no-repeat scroll left bottom;
  padding-bottom:   10px;
}

.listaSeleccionados .nombreHotel {
  font-size:        14px;
  font-weight:      bold;
}

.listaSeleccionados .direccion {
  font-style:       italic;
}

.listaSeleccionados span.plegado, .listaSeleccionados span.desplegado {
  background:       transparent url(../images/icono_desp.png) 0px 50% no-repeat;
  width:            15px;
  margin-left:      5px;
  padding-right:    15px;
  cursor:           pointer;
}

.listaSeleccionados span.desplegado {
  background: transparent url(../images/icono_desc.png) 0px 50% no-repeat;
}

.listaSeleccionados table.tarifas {
  background-color: #f0f4ff;
  text-align:       left;
  width:            180px;
}

.listaSeleccionados table.tarifas td, .listaSeleccionados table.tarifas th {
  font-size:        8px;
  color:            black;
  font-weight:      normal;
}

.listaSeleccionados table.tarifas td {
  border-bottom:    1px solid #ff9900;
}

.listaSeleccionados img.imagenHotelIcono {
  display:          block;
  width:            180px;
  height:           115px;
}

/* Buscadores y secciones oferta */
.seccionBuscador {
  margin:           35px 27px 25px 27px;
}

table.buscador {
  background:       transparent url(../images/fondo_buscador.png) no-repeat scroll top center;
  width:            461px;
  border-bottom:    1px solid #0066ff;
}

table.buscador td, table.buscador td.separador {
  padding:          5px 0px 0px 17px;
}

table.buscador td.separador {
  background:       transparent url(../images/separador_buscador.png) no-repeat scroll 14px center;
}

table.buscador td span.seleccionFechaSalida, table.miniBuscador td span.seleccionFechaSalida {
  font-weight:      bold;
  vertical-align:   text-top;
  color:            #000066;
  width:            142px;
}

table.buscador td .tituloNoDisponibilidad {
  color:            #000066;
  font-size:        11px;
  font-weight:      bold;
  text-align:       center;
}

table.miniBuscador {
  background:       transparent url(../images/fondo_miniBuscador.png) no-repeat scroll top center;
  width:            217px;
  border-bottom:    1px solid #0066ff;
}

table.miniBuscador td, table.miniBuscador td.separador {
  padding:          5px;
}

table.miniBuscador td.separador {
  background:       transparent url(../images/separador_buscador.png) no-repeat scroll 5px center;
}

table.miniBuscador input.reducido {
  width:            20px;
}

table.miniBuscador .datosOcupacion {
  background:       transparent url(../images/separador_buscador.png) no-repeat scroll 5px top;
  margin-top:       5px;
  padding-top:      5px;
}

table.buscador .label, table.miniBuscador .label, .embedSpinnerControl .label {
  color:            #000066;
  font-size:        10px;
  font-weight:      bold;
  text-align:       left;
}

.embedSpinnerControl .label {
  vertical-align:   middle;
}

.tituloOfertaLateral {
  background:       transparent url(../images/titulo_oferta2.png) no-repeat scroll right top;
  height:           33px;
  line-height:      33px; /* centra verticalmente el texto */
  border-left:      1px solid #0066FF;
  color:            #f7f7f7;
  font-size:        21px;
  font-weight:      bolder;
  text-align:       center;
  margin-top:       25px;
  width:            217px;
}

.contenidoOfertaLateral {
  background:       transparent url(../images/fondo_oferta2.png) no-repeat scroll 100% top;
  border:           1px solid #0066ff;
  color:            #0066ff;
  font-size:        10px;
  margin-bottom:    11px;
}

.contenidoOfertaLateral table {
  font-weight:      bold;
  text-align:       left;
}

.contenidoOfertaLateral th {
  border-bottom:    1px solid #f7f7f7;
}

/* Formularios */
form {
  margin:           0px;
}

input {
  height:           22px;
  font-size:        11px;
  padding:          0px;
}

.inputJustificado {
  width:            100%;
}

.campo {
  font-size:        11px;
  font-weight:      bold;
  color:            #000066;
  text-align:       left;
}

/* Estilos ofertas */
.dividido {
  display:          block;
  text-align:       left;
  position:         relative;
}

.dividido .nombreHotel, .dividido .dobleFlecha {
  cursor:           pointer;
}

.dividido .nombreHotel {
  width:            90%;
}

.dividido .dobleFlecha {
  width:            10px;
  right:            .3em;
  position:         absolute;
}

.tituloOfertaXXL {
  background:       transparent url(../images/titulo_oferta1.png) no-repeat scroll right top;
  height:           36px;
  line-height:      36px; /* centra verticalmente el texto */
  border-left:      1px solid #0066FF;
  margin-top:       25px;
  color:            #f7f7f7;
  font-size:        21px;
  font-weight:      bolder;
  text-align:       center;
  width:            360px;
}

.contenidoOfertaXXL {
  background:       transparent url(../images/fondo_oferta1.png) no-repeat scroll 100% top;
  border:           1px solid #0066ff;
  color:            #0066ff;
  font-size:        10px;
}

.contenidoOfertaXXL img {
  border:           1px solid #0066ff;
}

.contenidoOfertaXXL table {
  font-weight:      bold;
  text-align:       left;
}

.contenidoOfertaXXL th, .contenidoOfertaXXL td {
  padding-left:     5px;
}

.contenidoOfertaXXL th {
  border-bottom:    1px solid #f7f7f7;
}

.textoReclamo {
  font-size:        15px;
  color:            #000066;
  font-weight:      bold;
}

.seccionOfertas {
  margin:           0px 27px 0px 27px;
}

.contenidoSeccion, .listaSeleccionados {
  border:           1px solid #0066ff;
  border-top:       0px;
  margin-bottom:    25px;
  padding:          10px;
}

.tituloOferta {
  background:       transparent url(../images/titulo_oferta.png) no-repeat scroll right bottom;
  height:           31px;
  line-height:      31px; /* centra verticalmente el texto */
  border-left:      1px solid #0066FF;
  color:            #f7f7f7;
  font-weight:      bolder;
  text-align:       center;
  padding:          0px 5px 0px 5px;
  font-size:        11px;
}

table.ofertas {
  width:            460px;
}

table.ofertas th {
  padding-right:    13px;
  text-align:       left;
}

table.ofertas td {
  padding-left:     13px;
}

table.ofertas td a, table.ofertas th a {
  background:       transparent;
}

table.ofertas .contenidoSeccion {
  background:       transparent url(../images/fondo_oferta.png) no-repeat scroll top left;
  height:           204px;
}

table.ofertas .contenidoSeccion img.foto {
  border:           1px solid #0066ff;
  margin:           0px auto 0px auto;
  display:          block;
  width:            190px;
  height:           140px;
}

table.ofertas .contenidoSeccion div.textoOferta {
  background:       transparent url(../images/icono_triangulo.png) no-repeat scroll right top;
  padding-right:    18px;
  height:           64px;
  overflow:         hidden;
}

.lineaTitulo {
  background:       transparent url(../images/separador.png) no-repeat scroll left bottom;
  margin-bottom:   14px;
}

.cabeceraPromociones, .cabeceraListaOfertas {
  background:       transparent url(../images/separador.png) no-repeat scroll 45px 25px;
  padding-left:     0px !important;
}

.cabeceraPromociones h1 {
  padding-left:     10px;
}

.cabeceraListaOfertas {
  padding-bottom:   15px;
}

.cabeceraListaOfertas h1 {
  padding-left:     5px;
}

.cabeceraSeccionExtra, .cabeceraListaSeleccionados {
  background:       transparent url(../images/titulo_curvado.png) no-repeat scroll right bottom;
}

.tituloSeccionExtra, .tituloSeccionDescuento, .tituloListaSeleccionados {
  font:             bold 18px Trebuchet, Arial, Sans-Serif;
  background-color: #f7f7f7;
  color:            #0066cc;
  padding-right:    5px;
}

.tituloListaSeleccionados {
  font-size:        15px;
}

table.recomendaciones {
  width:            360px;
  margin-bottom:    25px;
}

table.recomendaciones th {
  text-align:        left;
}

table.recomendaciones td {
  padding-left:     20px;
}

/* Dos secciones de recomendaciones: 
   cada recomendacion posee su estilo y fondo propio con la foto de la localización */
table.recomendaciones table.datosRecomendacion {
  background:       transparent url(../images/marco_recomendacion1.png) no-repeat scroll right center;
  width:            163px;
  height:           152px;
}

table.recomendaciones table.datosRecomendacion th,
table.recomendaciones table.datosRecomendacion td,
table.recomendaciones .fondoRecomendacion1 .textoReclamo, 
table.recomendaciones .fondoRecomendacion2 .textoReclamo {
  background-color: transparent;
  color:            #f7f7f7;
  font-size:        13px;
  text-align:       left;
  margin:           0px;
  padding:          0px 5px 0px;
}

table.recomendaciones table.datosRecomendacion td {
  font-size:        23px;
  font-weight:      bolder;
}

table.recomendaciones .fondoRecomendacion1, table.recomendaciones .fondoRecomendacion2 {
  width:            163px;
  height:           152px;
}

table.recomendaciones .fondoRecomendacion1 {
  background:       #f7f7f7 url(../images/amsterdam.jpg) no-repeat scroll center center;
  height:           151px;
  width:            163px;
}

table.recomendaciones .fondoRecomendacion2 {
  background:       #f7f7f7 url(../images/santorini.jpg) no-repeat scroll center center;
  height:           151px;
  width:            163px;
}


table.recomendaciones .textoRecomendacion {
  background-color: #000066;
  width:            163px;
  margin:           0px;
}

table.recomendaciones .textoRecomendacion a {
  margin:           0px;
}

table.recomendaciones .textoRecomendacion .textoReclamo {
  color:            #f7f7f7;
  font-size:        11px;
  text-align:       center;
  margin:           0px;
}

table.recomendaciones .enlaceReclamo {
  text-align:       right;
  padding-right:    5px;
  font-size:        10px;
  font-weight:      bold;
}

table.lastMinute .textoReclamo {
  font-size:        12px;
}

table.lastMinute th {
  border-bottom:    1px solid #0066ff;
}

table.lastMinute td {
  font-weight:      bold;
}

.seccionEconomicos {
  background:       transparent url(../images/economicos.jpg) no-repeat scroll center right;
  height:           68px;           
}

.seccionEconomicos .anuncioTexto {
  width:            40%;
  padding:          0px 25px;
}

table.superventas {
  border-collapse:  collapse;
}

table.superVentas td {
  border-left:      1px solid #0066FF;
}

table.superVentas a.dividido .nombreHotel {
  /* width:            75%; */
}

table.superVentas a.dividido .dobleFlecha {
  width:            35%;
  right:            2em;
}

.seccionWidgets {
  padding-left:     17px;
}

table.widgets {
  text-align:       left;
}

table.widgets th, table.widgets td {
  font-size:        12px;
  font-weight:      bold;
  padding-bottom:   14px;
}

table.widgets td {
  padding-left:     26px;
}

.barraIzquierda table.widgets {
  text-align:       left;
}

.barraIzquierda table.widgets td {
  font-size:        12px;
  font-weight:      bold;
  padding-bottom:   14px;
  padding-left:     17px;
  height:           28px;
}

table.paginaResultados {
  margin:           35px 27px 0px 27px;
}

table.paginaResultados div.autocomplete {
  width:            170px;
}

table.paginaResultados .paginador {
  background:       transparent url(../images/separador_navegador.png) no-repeat scroll left bottom;
  display:          block;
  position:         relative;
  text-align:       left;
  color:            #000066;
  font-size:        10px;
  margin-bottom:    18px;
  margin-top:       5px;
}

table.paginaResultados .paginador .orden {
  position:         absolute;
  right:            0px;
  text-align:       right;
  width:            40%;
}

table.paginaResultados .paginador .navegador {
  width:            60%;
}

.navegador .enlace, .navegador .enlace:hover {
  color:            #000066;
  font-weight:      bold;      
}

.navegador .enlace:hover  {
  color:            #0066ff;
}

table.paginaResultados a.poblacion {
  color:            black;
  text-decoration:  underline;
}

table.paginaResultados a.poblacion:hover {
  color:            #000066;
}

table.paginaResultados td.detalle, table.datosNewsletter td.detalle {
  border:           1px solid #0066ff;
  border-top:       0px;
  padding:          5px;
}

table.resultados td.resaltado {
  border:           1px solid #0066ff;
  font-weight:      bold;
  text-align:       center;
  font-size:        11px;
  margin-bottom:    5px;
}

table.resultados td.resaltado .tituloNoDisonibilidad {
  font-weight:      bold;
  text-align:       center;
  font-size:        11px;
}

table.tituloHotel th {
  background:       transparent url(../images/titulo_hotel.png) no-repeat scroll right top;
  border-left:      1px solid #0066ff;
  height:           31px;
  line-height:      31px; /* centra verticalmente el texto */
  color:            #f7f7f7;
  font-size:        17px;
  font-weight:      bolder;
  text-align:       left;
  padding-left:     8px;
}

table.tituloHotel a.nombreHotel {
  background:       transparent url(../images/icono_triangulo_blanco.png) no-repeat scroll 99% center;
  display:          block;
  color:            #f7f7f7;
}

table.tituloHotel .direccion {
  font-size:        8px;
}

.mapInfoHotel {
  color:            black;
  text-decoration:  none;
  text-align:       center;
}

.mapInfoHotel a, .mapInfoHotel a:hover {
  font-weight:      bold;
  color:            #0066cc;
  font-size:        16px;
}

.mapInfoHotel a:hover {
  color:            #0088ee;
}

table.detalleHotel {
  border:           1px solid #0066ff;
  margin-bottom:    25px;
  border-collapse:  collapse;
}

table.detalleHotel td {
  color:            black;
  padding:          2px;
}

table.detalleHotel .direccion {
  font-size:        12px;
  padding:          15px 0px 15px 5px;
}

table.detalleHotel .descripcion {
  font-size:        13px;
  padding:          .5em;  
}

img.imagenHotelReducida {
  width:            150px;
  height:           110px;
  display:          block;
  margin:           1em;
}

table.tarifas {
  width:           580px;
  font-weight:     bold;
  border-collapse: collapse;
  line-height:     17px;
  padding:         3px;
}

table.tarifas td {
  border-bottom:   1px solid black;
  color:           #000066;
}

table.tarifas td.ultimaTarifa {
  border-bottom:    none;
}

td.detalle table.tarifas {
   margin-top:      14px;
}

/* Secciones de detalle de hotel */
.descripcionDetalle {
  color:           #000066;
  min-height:       240px;
}

.descripcionDetalle p {
  padding-top:      15px;
}

.detalleReducido {
  float:            left;
  clear:            left;
  width:            295px;
  height:           235px;
  margin-right:     15px;
  margin-top:       15px;
}

.detalleAmpliado .cabeceraSeccionDetalle, .seccionDescuento .cabeceraSeccionDescuento {
  background:       transparent url(../images/titulo_curvado_largo.png) no-repeat scroll right bottom;
}

.detalleReducido .cabeceraSeccionDetalle {
  background:       transparent url(../images/titulo_curvado_corto.png) no-repeat scroll right bottom;
}

.detalleAmpliado .tituloSeccionDetalle, .detalleReducido .tituloSeccionDetalle {
  font:             bold 18px Trebuchet, Arial, Sans-Serif;
  background-color: #f7f7f7;
  padding-right:    5px;
}

.detalleAmpliado .contenidoSeccionDetalle, .detalleReducido .contenidoSeccionDetalle {
  border:           1px solid #0066ff;
  border-top:       0px;
  margin-bottom:    25px;
  padding:          10px;
}

.detalleAmpliado .contenidoSeccionDetalle {
  height:           375px;
}

.detalleReducido .contenidoSeccionDetalle {
  height:           180px;
}

.detalleAmpliado .mapa, .detalleReducido .mapa {
  border:           1px solid #90A9E9;
  width:            90%;
  height:           350px; 
  z-index:          999;
  padding:          5px;
  margin-left:      22px;
}

.detalleReducido .mapa {
  height:           88%;
  margin-left:      8px;
  overflow:         hidden;
}

.detalleAmpliado .opcionesMapa, .detalleReducido .opcionesMapa {
  display:          block;
  text-align:       left;
  position:         relative;
  padding:          5px;
}

.detalleAmpliado .opcionesMapa .enlace, .detalleReducido .opcionesMapa .enlace {
  position:         absolute;
  width:            10%;
  right:            15px;
}

.detalleAmpliado .marcoFotoActiva {
  text-align:       center;
}

.detalleAmpliado img#fotoActiva {
  height:           300px;
  width:            500px;
}

.detalleReducido img#fotoActiva {
  height:           155px;
  width:            270px;
}

.detalleAmpliado .selectorFoto, .detalleReducido .selectorFoto {
  display:          block;
  text-align:       left;
  position:         relative;
  padding-top:      5px;
}

.detalleReducido .selectorFoto {
  padding-top:      2px;
}

.detalleAmpliado .listaIconos {
  width:            500px;
  height:           75px;
  overflow:         auto;
}

.detalleReducido .listaIconos {
  width:            203px;
  height:           26px;
  overflow:         hidden;
}

.detalleAmpliado .selectorFoto .enlace, .detalleReducido .selectorFoto .enlace {
  position:         absolute;
  line-height:      64px;
  width:            57px;
  top:              0px;
  right:            10px;
}

.detalleReducido .selectorFoto .enlace {
  line-height:      26px;
  width:            30px;
  top:              0px;
}

.detalleAmpliado img.iconoHotel {
  width:            64px;
  height:           64px;
}

.detalleReducido img.iconoHotel {
  width:            22px;
  height:           22px;
}

.caracteristicas {
  width:            284px;
  padding-top:      25px;
  vertical-align:   top;
}

.cabeceraCaracteristica {
  background:       transparent url(../images/fondo_detalle.png) no-repeat scroll top right;
  color:            #f7f7f7;
  font-size:        12px;
  font-weight:      bold;
  line-height:      25px;
  padding-left:     15px;
}

.contenidoCaracteristica {
  border:           1px solid #0066ff;
  border-top:       0px;
  width:            100%;
}

.contenidoCaracteristica ul {
  padding:          5px;
  margin:           0px;
  list-style-position: inside;
}

.datosReserva {
  width:            217px;
}

.cabeceraDetalleReserva {
  color:            #0066ff;
  font-size:        14px;
  font-weight:      bold;
}

.marcoDetalleReserva, .marcoDatosCliente, .marcoDatosDirectorio {
  background:       transparent url(../images/titulo_curvado_largo.png) no-repeat scroll right top;
  border-left:      1px solid #0066ff;
  height:           15px;
}

.contenidoDetalleReserva, .contenidoDatosDirectorio {
  border:           1px solid #0066ff;
  border-top:       0px;
  padding:          5px;
  height:           581px;
}

.contenidoDetalleReserva .nombreHotel {
  font-size:        14px;
  color:            #ff9900;
  font-weight:      bold;
}

.contenidoDetalleReserva .direccion {
  font-size:        11px;
  color:            black;
}

.contenidoDetalleReserva table.atributos {
  margin-top:      15px;
}

.contenidoDetalleReserva table.atributos th {
  font-weight:      bold;
  color:            #000066;
  text-align:       left;
}

.contenidoDetalleReserva table.atributos td {
  font-weight:      bold;
  padding-bottom:   5px;
}

.separadorAzul {
  margin:           0px 25px 0px 25px;
  border-bottom:    1px solid #0066ff;
  padding-top:      15px;
}

.cabeceraDatosCliente, .cabeceraDirectorio {
  color:            #0066cc;
  font-size:        17px;
  font-weight:      bold;
  margin-top:       25px;
}

.contenidoDatosCliente {
  height:           463px;
}

.contenidoDatosCliente input.tlf {
  width:            120px;
}

/* Bono de transacción */
table.datosCliente td {
  color:            black;
}

.bonoServicio {
  padding:          5px;
}

.bonoServicio table.bono {
  border:           2px solid #0066ff;
  border-collapse:  collapse;
}

.bonoServicio table.bono td, .bonoServicio table.bono th {
  border:           1px solid #0066ff;
  color:            black;
}

table.bono td.logo {
  text-align:       center;
  border-right:     none;
}

table.bono td.titulo {
  text-align:       center;
  font-size:        24px;
  border-left:      none;
}

table.datosBono td {
  border:           none !important;
}

.direccionPostal {
  margin:           15px 0px 25px 0px;
  font-size:        10px;
  text-align:       center;
  color:            black;
}

/* Directorio de hoteles */
.contenidoDatosDirectorio {
  height:           auto;
  margin-bottom:    14px;
}

.hotelesDe:hover {
  background-color: #0066ff;
  color:            #f7f7f7;
}

/* Estilos de botones */
/* El botón se comportará como una sección div que ocupa todo el ancho disponible, 
   para delimitar el tamaño, introducirlo en otro contenedor con el ancho deseado */
.botonAzul, .botonGris {
  background:       transparent url(../images/boton_a.png) no-repeat scroll top right;
  color:            #f7f7f7;
  display:          block;
  line-height:      16px;
  height:           29px;
  margin-right:     6px;
  padding-right:    7px;
  font-size:        14px;
  font-weight:      bold;
  text-decoration:  none;
  cursor:           pointer;
/*    font:           normal 12px arial, sans-serif; */
}

.botonAzul img, .botonGris img {
  vertical-align:   top;
}

.botonGris {
  background:       transparent url(../images/boton_a_gris.png) no-repeat scroll top right;
}

.botonAzul span, .botonGris span {
  background:       transparent url(../images/boton_span.png) no-repeat;
  display:          block;
  line-height:      16px;
  padding:          8px 0px 5px 10px;
  text-align:       center;
}

.botonGris span {
  background:       transparent url(../images/boton_span_gris.png) no-repeat;
}

/* Tabla para notificaciones de información al usuario */
.seccionInformacion {
  margin:           35px 27px 0px 27px;
  padding-bottom:   25px;
  color:            black;
}

/* Estilo de los spinners */
.embedSpinnerControl {
  width:            50px;
  text-align:       right;
}

table.embedSpinnerControl {
  display:          inline;
}

table.embedSpinnerControl td {
  padding:          0;
  margin:           0;
}

.embedSpinnerControl .botonImg {
  cursor:           pointer;
}

/* Controles del mapa */
.toggleOverlay {
  font:             Arial;
  font-size:        12px;
  background-color: white;
  color:            black;
  border:           1px solid black;
  cursor:           pointer;
  min-width:        70px;
}

.toggleOverlay .overlayActive, .toggleOverlay .overlayInactive {
  text-align:       center;
  font-weight:      bold;
  border:           1px solid #345684;
  border-bottom:    1px solid #6c9ddf;
  border-right:     1px solid #6c9ddf;
  line-height:      1.5;
  height:           19px;
}

.toggleOverlay .overlayInactive {
  font-weight:      normal;
  border:           1px solid white;
  border-bottom:    1px solid #b0b0b0;
  border-left:      1px solid #b0b0b0;
}

/* Pie de página */
.pie a, .pie a:hover {
  color:            white;
  background:       #ff9900;
}

.pie a:hover {
  font-weight:      bold;
}