body {
  /* Aquí el origen de la imagen */
  background-image: url('backgrounds/FotoPueblo.jpg');

  /* Fijar la imagen de fondo este vertical y
    horizontalmente y centrado */
  background-position: center center;

  /* Esta imagen no debe de repetirse */
  background-repeat: repeat;

  /* COn esta regla fijamos la imagen en la pantalla. */
  background-attachment: fixed;

  /* La imagen ocupa el 100% y se reescala */
  background-size: cover;

  /* Damos un color de fondo mientras la imagen está cargando  */
  background-color: #464646;
}


/* cambiar el color de fondo a la barra y al texto */
nav.navbar {
background-color: #428bca;
color:#ffffff;
}

h2, h4{
margin-top:10px;
}

h2 small, h4 small{
color: #ffffff;
}

 
/* cambiar el color de la fuenta en los enlaces de la barra de navegación*/
.navbar-default .navbar-nav > li > a{
color:#ffffff;
}

nav li.active {
border-bottom: 3px solid #fff533;
}

/* tabla de datos climatologicos*/
.tabladatos{
width: 100%;
}

.valor{
font-weight: bold;
text-align: center;
}

.resul{
text-align: center;
}

.tddatos{
font-weight: bold;
font-size: 12px;
text-align: right;
}

img{
align: center;
}

/* list-group-item modificado*/
.list-group-item-color-color.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item-color-color > .badge {
  float: right;
}
.list-group-item-color-color > .badge + .badge {
  margin-right: 5px;
}
.list-group-item-color {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #D7EAFE;
  border: 1px solid #ddd;
}
.list-group-item-color:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item-color:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item-color,
button.list-group-item-color {
  color: #555;
}
a.list-group-item-color .list-group-item-color-heading,
button.list-group-item-color .list-group-item-color-heading {
  color: #333;
}
a.list-group-item-color:hover,
button.list-group-item-color:hover,
a.list-group-item-color:focus,
button.list-group-item-color:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item-color {
  width: 100%;
  text-align: left;
}
.list-group-item-color.disabled,
.list-group-item-color.disabled:hover,
.list-group-item-color.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item-color.disabled .list-group-item-color-heading,
.list-group-item-color.disabled:hover .list-group-item-color-heading,
.list-group-item-color.disabled:focus .list-group-item-color-heading {
  color: inherit;
}
.list-group-item-color.disabled .list-group-item-color-text,
.list-group-item-color.disabled:hover .list-group-item-color-text,
.list-group-item-color.disabled:focus .list-group-item-color-text {
  color: #777;
}
.list-group-item-color.active,
.list-group-item-color.active:hover,
.list-group-item-color.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item-color.active .list-group-item-color-heading,
.list-group-item-color.active:hover .list-group-item-color-heading,
.list-group-item-color.active:focus .list-group-item-color-heading,
.list-group-item-color.active .list-group-item-color-heading > small,
.list-group-item-color.active:hover .list-group-item-color-heading > small,
.list-group-item-color.active:focus .list-group-item-color-heading > small,
.list-group-item-color.active .list-group-item-color-heading > .small,
.list-group-item-color.active:hover .list-group-item-color-heading > .small,
.list-group-item-color.active:focus .list-group-item-color-heading > .small {
  color: inherit;
}
.list-group-item-color.active .list-group-item-color-text,
.list-group-item-color.active:hover .list-group-item-color-text,
.list-group-item-color.active:focus .list-group-item-color-text {
  color: #c7ddef;
}
.list-group-item-color-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-color-success,
button.list-group-item-color-success {
  color: #3c763d;
}
a.list-group-item-color-success .list-group-item-color-heading,
button.list-group-item-color-success .list-group-item-color-heading {
  color: inherit;
}
a.list-group-item-color-success:hover,
button.list-group-item-color-success:hover,
a.list-group-item-color-success:focus,
button.list-group-item-color-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-color-success.active,
button.list-group-item-color-success.active,
a.list-group-item-color-success.active:hover,
button.list-group-item-color-success.active:hover,
a.list-group-item-color-success.active:focus,
button.list-group-item-color-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-color-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-color-info,
button.list-group-item-color-info {
  color: #31708f;
}
a.list-group-item-color-info .list-group-item-color-heading,
button.list-group-item-color-info .list-group-item-color-heading {
  color: inherit;
}
a.list-group-item-color-info:hover,
button.list-group-item-color-info:hover,
a.list-group-item-color-info:focus,
button.list-group-item-color-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-color-info.active,
button.list-group-item-color-info.active,
a.list-group-item-color-info.active:hover,
button.list-group-item-color-info.active:hover,
a.list-group-item-color-info.active:focus,
button.list-group-item-color-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-color-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-color-warning,
button.list-group-item-color-warning {
  color: #8a6d3b;
}
a.list-group-item-color-warning .list-group-item-color-heading,
button.list-group-item-color-warning .list-group-item-color-heading {
  color: inherit;
}
a.list-group-item-color-warning:hover,
button.list-group-item-color-warning:hover,
a.list-group-item-color-warning:focus,
button.list-group-item-color-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-color-warning.active,
button.list-group-item-color-warning.active,
a.list-group-item-color-warning.active:hover,
button.list-group-item-color-warning.active:hover,
a.list-group-item-color-warning.active:focus,
button.list-group-item-color-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-color-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-color-danger,
button.list-group-item-color-danger {
  color: #a94442;
}
a.list-group-item-color-danger .list-group-item-color-heading,
button.list-group-item-color-danger .list-group-item-color-heading {
  color: inherit;
}
a.list-group-item-color-danger:hover,
button.list-group-item-color-danger:hover,
a.list-group-item-color-danger:focus,
button.list-group-item-color-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-color-danger.active,
button.list-group-item-color-danger.active,
a.list-group-item-color-danger.active:hover,
button.list-group-item-color-danger.active:hover,
a.list-group-item-color-danger.active:focus,
button.list-group-item-color-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-color-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-color-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel > .list-group .list-group-item-color,
.panel > .panel-collapse > .list-group .list-group-item-color {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item-color:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item-color:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item-color:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item-color:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item-color:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item-color:first-child {
  border-top-width: 0;
}

.almanaqcolor{
background-color: #D7EAFE;
}

#radar_img {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin: 3px;
    padding: 3px;
}