.foto{
  margin-top:30px;
  margin-bottom: 30px;
  border: solid 2px #c0c0c0;
  margin-left: 15%;
  width:70%;
  border-radius: 15px;
  max-width: 350px;
}
img.centrada{
  display: block;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
.foto:hover{
  border: solid 2px #808080;
}
img.columna{
  margin-top: 0px;
  margin-left: 0px;
  width: 30%;
  float: left;
  margin-right: 10px;
  max-width: 150px;
}
img.derecha{
  width: 30%;
  float: right;
}
img.balon{
  margin-bottom: 0px;
  width: 35%;
}
p.columna{
  
}
.img-responsive{
  max-width: 200px;
}
.navbar-default .navbar-nav > .active > a{
 background-color: rgb(27,57,68);
}
.navbar-default .navbar-nav a:hover{
 text-decoration: underline;
}

.navbar-default .navbar-nav > .active > a:hover{
  text-decoration: underline;
  background-color: rgb(27,57,68);
}
.navbar-default .navbar-nav > a:hover{
  text-decoration: underline;
  background-color: rgb(27,57,68);
}
.cabecera{
  height: 50px;
  margin-top: -5px;
  padding-left: 0px;
  padding-right: 0px;
   /*
  background-color: red;
  */
}
@media (max-width: 400px) {
  .cabecera{
  height: 35px;
  margin-top: -5px;
  padding-left: 0px;
  padding-right: 0px;
   /*
  background-color: blue;
  */

}
}
ul.nav li{
  font-size: 1.2em;
}
@media all and (min-width: 400px) and (max-width: 1000px ) {
  .cabecera{
  height: 35px;
  margin-top: -5px;
  padding-left: 0px;
  margin-right: -15px;
 
  /*
  background-color: orange;
*/
}

ul.nav li{
  padding-left: 10px;
  font-size: 1em;
  padding-right: 0px;
  margin-top: -5px;
}
.navbar-default .navbar-nav > .active > a{
color: white;
}
.navbar-default a{
color: rgb(27,57,68);
}
.nav > li > a {
padding-left: 10px;
padding-right: 10px;
}
}



ul.nav {
  padding-top: 10px;
}
ul.nav li{
  padding-left: 5px;
}
div.btn-group{
  margin:10px auto;
}
div.container{
  margin-top:55px;
}
input.file{
  margin-top: 5px;
}
footer{
  padding-top: 20px;
  text-align: center;
  color:white;
   
}
div.sombra{
          background-color: rgb(191,226,237);
          padding-top: 15px;
          padding-bottom: 15px;
          margin-bottom: -15px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color:rgb(27,57,68);
}
a{
color: rgb(0,90,0);
border-radius: 20px;
}
a.negrita{
  font-weight: bold;
}
a:hover{
  color:rgb(0,90,0);
  text-decoration: underline;
}
table{
  min-width: 100%;
}
table.grupo{
  width: 100%;
  margin-top: 10px;
  text-align: left;
  background-color: rgb(141,179,226);
  border-radius: 20px;
  border: none;
  color:rgb(44,62,80);
  border-collapse: separate;
  border-spacing: 4px;
}
th.grupo{
  text-align: center;
}
th.grupo a{
  color:#2C3E50;
}
td.grupo{
  width: 170px;
}
img.banderas{
  padding-top: 0px;
  height: 15px;
  width: 28px;
  display:inline-block;
  vertical-align: text-top;
  border: solid 0.3px;
  min-width: 28px;
}
table.calendario{
  width: 100%;
  text-align: center; 
  background-color: rgb(141,179,226);
  border-radius: 20px;
  color: rgb(44,62,80);
  border-collapse: separate;
  border-spacing: 4px;
}
table.calendario td{
  border: none;
}
.calendario th{
  text-align: center;
}
td.eqlocal{
  text-align: left;
  width: 180px;
}
td.eqvisit{
  text-align: right;
  width: 180px;
}
td.fecha{
  text-align: right;
}
td.sede{
  width: 150px;
}
th.fecha{
  text-align: right;
}
td.kostage{
  text-align: center;
}
img.ko{
  width: 100%;
  border-radius: 20px;
}
img.sede{
  width: 100%;
  border-radius: 20px;
}
textarea{
  width: 100%;
}
table.clasificacion{
  width: 100%;
  border: none;
  text-align: center;
  border-collapse: separate;
  padding: 10px;
  background-color: rgb(141,179,226);
  color: rgb(44,62,80);
  border-radius: 20px;

}
table.clasificacion th{
  text-align: center;
}
table.clasificacion td{
  border: none;
}
tr.clasificacion:hover{
  background-color: white;
  border: none;
}
h2{
 font-weight: bold;
}
h3{
  font-weight: bold;
  text-align: center;
}
li.apuesta h3{
  font-weight: normal;
  text-align: left;
}
li.ronda{
  list-style: none;
}
li.apuesta{
  list-style: none;
}
div.alert-warning{
  background-color: rgb(141,179,226);
  border: none;
  color:rgbrgb(44,62,80);
}
iframe.grande{
  width: 100%;
}
.btn-success {
    color: rgb(255, 255, 255);
    background-color: rgb(141,179,226);
    border-color: rgb(141,179,226);
}
.btn-success:hover{
  background-color:rgb(44,62,80);
  border-color:rgb(44,62,80);
}
a.terminos{
  color: rgb(44,62,80);
}
/* CENTRAR EL MENU*/
@media (max-width: 3000px) {
  .cabecera{  
  margin-left: 700px;
}
}
@media (max-width: 1921px) {
  .cabecera{  
  margin-left: 468px;
}
}
@media (max-width: 1681px) {
  .cabecera{  
  margin-left: 350px;
}
}
@media (max-width: 1601px) {
  .cabecera{  
  margin-left: 310px;
}
}
@media (max-width: 1441px) {
  .cabecera{  
  margin-left: 225px;
}
}
@media (max-width: 1401px) {
  .cabecera{  
  margin-left: 205px;
}
}
@media (max-width: 1361px) {
  .cabecera{  
  margin-left: 185px;
}
}
@media (max-width: 1281px) {
  .cabecera{  
  margin-left: 150px;
}
}
@media (max-width: 1153px) {
  .cabecera{  
  margin-left: 100px;
}
}
@media (max-width: 1025px) {
  .cabecera{  
  margin-left: 35px;
}
}
@media (max-width: 851px) {
  .cabecera{  
  margin-left: 45px;
}
}
@media (max-width: 801px) {
  .cabecera{  
  margin-left: 25px;
}
}
@media (max-width: 721px) {
  .cabecera{  
  margin-left: 0%;
}
}
@media (max-width: 641px) {
  .cabecera{  
  margin-left: 0%;
}
}
@media (max-width: 513px) {
  .cabecera{  
  margin-left: 0%;
}
}
@media (max-width: 321px) {
  .cabecera{  
  margin-left: 0%;
}
}
div.container{
  margin-top: 100px;
}
div.centrado{
  text-align: center;
}
div.alert{
  color:rgb(44,62,80);
  font-weight: bold;
  text-align: center;
}
.dropdown-menu {
  border-radius: 10px;
  }
  .fancybox-custom .fancybox-skin {
      box-shadow: 0 0 50px #222;
    }
#contacts-form input.enviar {
        width:205px;
        padding:1px 0 1px 3px;
        background:none;
        border:1px solid #F27F02;
        color:#F27F02;
        float:left;
      }
.galeria{
  width: 100%;
  margin: auto;
  display: block;
  padding-bottom: 15px;
  max-width: 200px;
}
h3.jugar{
    text-align: left;
}
img.jugar{
  width: 20%;
}
.error{
  width: 100%;
  }
 div.bs-example li{
            text-align: left;
          }
          div.panel h2{
            text-align: center;
          }
 img.captcha{
          top: -10px;
         }
img.validadora{
        display: block;
        width: 100%;
        margin:auto;
      }
      footer{
        margin-bottom: 10px;
      }

        
          table.tableizer-table a{
            font-weight: bold;
          }
          div.id{
            position: relative;
            top:-100px;
          }
        
/* Botón Ir Arriba
----------------------------------------------- */
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}

#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(http://lh5.googleusercontent.com/-luDGEoQ_WZE/T1Ak-gta5MI/AAAAAAAACPI/ojfEGiaNmGw/s60/flecha-arriba.png) no-repeat center center;
}

body{
  background-color: rgb(27,57,68);
}
.container{
  background-color: rgb(191,226,237);
}
.navbar{
  background-color: white;
}
.navbar-default .navbar-nav > li > a {
  color: rgb(27,57,68);
}
/*Footer
*/
div.sombra{
          background-color: white;
          color: rgb(27,57,68);
}
.navbar-toggle {
  background-color: rgb(27,57,68);
}
.navbar{
  padding-top: 10px;
  height:100px ;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: none;
  background-color: white;
}
h1{
  text-align: center;
}