#map{		
    margin:auto;
    height:700px;
}

.panel-heading:hover {
  background-color: #dfdfdf !important;
  
}

.ol-zoomslider {
            top: 7em;
        }
.ol-mouse-position {
            top: auto;
            bottom: 3em;
            min-width: 200px;
            background-color: slategrey;
			border-radius: 4px;    
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
            color: white;
            padding: 6px;
}

/*
------------------------------------
Cuadro de búsqueda
------------------------------------
*/
@media(min-width:768px) {
    /*Pantallas de ordenador*/
    .topoinputclass {
        position:absolute; 
        padding: 5px;
        left:125px; 
        top:10px; 
        z-index:20; 
        width:400px; 
        height: auto;
        background: rgba(0, 60, 136, 0.5) none repeat scroll 0 0;
        border-radius: 7px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
        font-size: 0.8em;    
    }
}


@media(max-width:767px) { 
    /*Dispositivos móviles*/
    .topoinputclass {
        position:absolute; 
        padding: 5px;
        left:50px; 
        top:30%; 
        z-index:20; 
        width:300px; 
        height: auto;
        background: rgba(0, 60, 136, 0.5) none repeat scroll 0 0;
        border-radius: 7px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
        font-size: 0.8em;    
    }
}

/*
------------------------------------
Cuadro de Seleccion de mapas
------------------------------------
*/
@media(min-width:768px) {
    /*Pantallas de ordenador*/
    .listaSelMapsclass {
        position:absolute; 
        padding: 5px;
        left:125px; 
        top:120px; 
        z-index:20; 
        width:400px; 
        height: auto;
        background: rgba(0, 60, 136, 0.5) none repeat scroll 0 0;
        border-radius: 7px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
        font-size: 0.8em;    
    }
}


@media(max-width:767px) { 
    /*Dispositivos móviles*/
    .listaSelMapsclass {
        position:absolute; 
        padding: 5px;
        left:50px; 
        top:30%; 
        z-index:20; 
        width:300px; 
        height: auto;
        background: rgba(0, 60, 136, 0.5) none repeat scroll 0 0;
        border-radius: 7px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
        font-size: 0.8em;    
    }
}


/*
Con esto desplazamos el contenedor de la topo búsqueda al abrir o cerrar el sidepanel
*/
.sidebar-left ~ .sidebar-map .topoinputclass {
  margin-left: 0px; }
  @media (min-width: 768px) {
    .sidebar-left ~ .sidebar-map .topoinputclass {
      transition: margin-left 500ms; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .sidebar-left ~ .sidebar-map .topoinputclass {
      margin-left: 260px; } }/*317*/
  @media (min-width: 992px) and (max-width: 1199px) {
    .sidebar-left ~ .sidebar-map .topoinputclass {
      margin-left: 350px; } }
  @media (min-width: 1200px) {
    .sidebar-left ~ .sidebar-map .topoinputclass {
      margin-left: 420px; } }
  @media (min-width: 768px) {
  .sidebar-left.collapsed ~ .sidebar-map .topoinputclass {
    margin-left: 0px; } }

.inputTopoWithoutSpinner
{
    background: #fff url('../img/search16.png') no-repeat scroll 7px 8px; padding: 0 0 0 30px;
    padding-right: 30px;
}
.inputTopoWithSpinner{
    background: #fff url('../img/ajax-loader.gif') no-repeat scroll 7px 8px; padding: 0 0 0 30px;/*no-repeat scroll 365px 8px;    */
    padding-right: 30px;
}