* {
  /*font-family: "Trebuchet MS", Arial;*/
  font: normal 14px/22px Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

body {
  background: #525252;
/*  font-family: sans-serif;*/
  /*font-family: "Trebuchet MS", Arial;*/
  font-size: 14px;
}

a {
  text-decoration: none;
}

.gradiente{
  background:#f7f7f7;
  background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
  border:1px solid #aaa;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 15px #aaa;
  -webkit-box-shadow:0 0 15px #aaa;
}

.bloque{
  clear: both;
}

#pag_posicion {
  color: white;
  text-align: center;
}


.div-direccion-coincidencias{
    overflow-y: auto;
    margin-bottom: 10px;
    max-height: 200px !important;
}

.list-group{
    text-decoration: none;
}

.list-group li{
    padding: 2px;
}


/* ------------------------------- DROPDOWN ----------------------------------/*


/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    margin-left: 128px;
    max-width: 662px;
    overflow-y: auto;
    max-height: 500px;
}

/* Links inside the dropdown */
.dropdown-content > span {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}