﻿ /*el contenido de la pagina*/
 html {
  /*position: relative;
  min-height: 100%;
   background : url(Imagenes/fondo_min.jpg) no-repeat center fixed; 
   background-color:#ffffff;
      width: 100%;
    background-repeat: no-repeat;
     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
  
/* Ubicación de la imagen */

background-image: url(../Imagenes/f.png);

/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position: center center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;

/* Se muestra un color de fondo mientras se está cargando la imagen

de fondo o si hay problemas para cargarla */

background-color:#ffffff;
}
/*body{
     background : url(Imagenes/fondo_min.jpg) no-repeat center fixed;
      background-color:#ffffff;
    width: 100%;
    background-repeat: no-repeat;
    -webkit-animation: backgroundScroll 10s linear alternate-reverse infinite;
    animation: backgroundScroll 15s linear alternate-reverse infinite;
    background-position: center 50%;
    transition: background-position linear 0.15s;
    -webkit-transition: background-position linear 0.15s;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }*/
 body {

/* Ubicación de la imagen */

background-image: url(../Imagenes/f.png);

/* Para dejar la imagen de fondo centrada, vertical y

horizontalmente */

background-position: center center;

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;

/* Se muestra un color de fondo mientras se está cargando la imagen

de fondo o si hay problemas para cargarla */

background-color:#ffffff;

}
.entidades{
     background-color :rgba(234, 241, 244, 0.86);
    -webkit-box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
}
.mapaW{
    display: block; position: relative; padding: 0px; background-position: initial; background-repeat: initial initial;
}


.jum{
     background-color :rgba(234, 241, 244, 0.86);
}
.LetrasEncabezado{
    /*font-family: Montserrat;*/
    color:#f29b10;
     text-shadow:-2px -2px 0 #1c1c1b;
     
}
.LetrasleyendaDefinitiva{
      color:#1c1c1b;
      text-shadow:-0.80px -0.80px 0 #f29b10;
       font-size: 2em;
}
.LetrasInfoEncabezado{
      color:#1c1c1b;
      text-shadow:-0.80px -0.80px 0 #f29b10;
       font-size: 1em;
}
.Letrasfooter{
      color:#e2eae7;
      text-shadow:-0.80px -0.80px 0 #f99a02;
       font-size: 1em;
}
.textoPartidos{
    text-align:center;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #1c1c1b;
 
}
.textopie{
     color:#f29b10;
}
.alerta{
    color:#F21D2F; 
    font-weight:bold;
}

.alertaw{
    color:#0DA67B; 
    font-weight:bold;
}
.Cajadatos{
     overflow: auto;
    margin-bottom:0.5em;
     height: 20em;
}
#grid_perfiles {
        float: right;
    /* margin-left: 1em; */
    margin-right: 1em;
    width: 57%;
    background-color: #F5F5F5;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 4px solid #5C5347;
    min-width: 30%;
    height: 15em;
    overflow: auto;
}
.text-cne-amarillo{
        color:#f29b10 !important;
}
.fondo{
       background-color :rgba(234, 241, 244, 0.86);
    -webkit-box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
}

/*@media (max-width: 768px ){

   .mapamovil{
         
    overflow: auto;
    overflow-x: auto;
   }
   .contenedorgeneral{
       margin-bottom:5em;
   }
   .carta{
      
   }
   footer{
      
   }
   body{
      
    width: 100%;
    background-repeat: no-repeat;
    -webkit-animation: backgroundScroll 10s linear alternate-reverse infinite;
    animation: backgroundScroll 15s linear alternate-reverse infinite;
    background-position: center 50%;
    transition: background-position linear 0.15s;
    -webkit-transition: background-position linear 0.15s;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
        background-color :rgba(234, 241, 244, 0.86);
    -webkit-box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
box-shadow: -1px 2px 14px 1px rgba(0,0,0,0.75);
   }
}*/
footer {
  padding: 10px 10px 0 10px;
  background-color: #333333;
  color: #F28729;
  margin-bottom: 0px;
  margin-top: 10px; }

 .foocne{
     color:#ffffff;
  }
  footer a{
    color: #F28729;
  }