﻿body {
    padding-bottom: 20px;
    background-color:#000; /*#A9A9A9;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center 100%;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}









/* Inicio Styles para el carousel */
.carousel-control 			 { width:  0%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}
/* Fin Styles para el carousel */



/**INICIO DE Estilos para el barra de redes sociales**/
* {
    margin:0;
    padding:0;
    -webkid-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
   
}

.social {
    position:fixed;
    right:0;
    top:230px;
    z-index:2000;
}

.social ul {
    list-style:none;
}

.social ul li a {
    display:inline-block;
    color:#fff;
    background:#000;
    padding:10px 15px;
    text-decoration:none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.social ul li .icon-facebook { background:#3b5998;}
.social ul li .icon-twitter { background:#00abf0;}
.social ul li .icon-googleplus { background:#e02927;}
.social ul li .icon-mail { background:#666666;}
.social ul li .icon-youtube { background:#e02927;}


.social ul li a:hover {
    padding:10px 30px;
    background:#000;
}
/**********FIN DE BARRA REDES SOCIALES**************************/






/********************Estilos Galeria ************************/
    #ulGaleria {         
          padding:0 0 0 0;
          margin:0 0 0 0;
      }
      #ulGaleria li {     
          list-style:none;
          margin-bottom:25px;           
      }
      #ulGaleria li img {
          cursor: pointer;
      }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
      .modal-dialog {
          max-width:500px;
          padding-top: 90px;
      }
      @media screen and (min-width: 768px){
          .modal-dialog {
              width:500px;
              padding-top: 90px;
          }          
      }
      @media screen and (max-width:1500px){
          #ads {
              display:none;
          }
      }
/***************FIN ESTILOS GALERIA**************************/


#AnteriorDia {
    cursor:pointer;
}
#SigienteDia {
    cursor:pointer;
}



#ajax_loader {
    position: fixed; 
    z-index: 1;
    display: none;
    width:100%;
    height:100% ;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#ajax_imagen {
    position: fixed; 
    top:50%;
    left:50%;
    z-index: 2;
}

/******************** Resultados ************************/
.resultadosEquipoGanador {
    color:forestgreen;
}
.resultadosEquipoPerdedor {
    color:red;
}
.resultadosPendiente {    
}

/********CUADREO TRASPARENTE DIV Negro*****/
.DivTrasparenteNegro {
    background-color:  rgba(0, 0, 0,0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0px 0px 10px 10px;    
    color:#fff;
}


/*****************************MENU HRIZONTAL***********************************************/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
.navbar-default {
    background-color: #accd48;
    border-color: #accd48;
}
.navbar-default .navbar-brand {
    color: navy;
}
.navbar-default .navbar-nav > li > a { color:Navy;}

.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  width: 200px;
  font-weight: bold;
}

.mega-dropdown {
  position: static !important;
  width: 100%;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 285px;
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 283px;
  z-index: 8;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 14px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

/******************** Resultados ************************/
.resultadosEquipoGanador {
    color:forestgreen;
}
.resultadosEquipoPerdedor {
    color:red;
}
.resultadosPendiente {    
}

/********CUADREO TRASPARENTE DIV Negro*****/
.DivTrasparenteNegro {
    background-color:  rgba(0, 0, 0,0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0px 0px 10px 10px;    
    color:#fff;
}


/*********LOADE¨R*********************/
#ajax_loader 
{
    top:0px;
    z-index: 10000;
    display: none;
    width:100%;
    height:100% ;
    background: #000;
    opacity: 0.93;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

#ajax_imagen {
    text-align:center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);      
    z-index: 10001;
}

/*********SCROLL*********************/
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:15px;
    display:none;
    text-indent:-9999px;
    background: url('/Content/Images/icon_top.png') no-repeat;
}