#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;
    }
}

/*
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;
}



@media(min-width:768px) {
    /*Pantallas de ordenador*/
    .modal-virtual{
        width: 50%;
    }
}

.modal .modal-body {
    max-height: 720px;
    overflow-y: auto;
}
/*style="max-height: 600px; overflow-y: scroll;"*/

#modalInfoVirtual{
    z-index: 2100;
}

#modalInfoVirtual div.modal-header{
    font-family: 'Open Sans', sans-serif;
    background: #fff url('../img/parchment3.jpg') repeat scroll;
    font-size: 1.6em;
    font-weight: bolder;
}
#modalInfoVirtual div.modal-header button.close{
    color: #341919;
    font-size: 50px;
    opacity:0.5;
}

#modalInfoVirtual div.modal-header button.close:hover {
    color: #9b2828;
    font-size: 50px;
    opacity:0.8;
}

#modalInfoVirtual div.modal-content{
    font-family: 'Lato', sans-serif;  /*'Rochester', cursive;*/    /*'Sacramento', cursive;*/
    background: #fff url('../img/parchment3.jpg') repeat scroll;
    font-size: 1.0em;
}



.thumbnail-card{
    background-color: rgba(103, 140, 158, 0.5);
    /*background-color: rgba(220, 220, 220, 0.7);*/
    min-height: 330px;
    cursor: pointer;
}
.thumbnail-card img{
    width:100%;
    max-height: 196px;
}
.thumbnail-card-footer{
    /*background-color: rgba(103, 140, 158, 0.5);*/
    position:relative;
    bottom:0px;
}

.thumbnail-card .front-card.flipped {
    background-color: rgba(120, 60, 136, 0.5);
    /*
    -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
    */
}


/*Contenedores de manejo de capas*/
.panel-heading-sm{
    height: 28px;
    padding: 4px 10px;
}

.toolboxBaseIMGLayer{
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100px;
    cursor: pointer;
}