/*   color baner
 background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(103, 190, 244, 0.103125) 0%, rgba(255, 255, 255, 0.2) 25.52%, rgba(70, 165, 230, 0.2) 100%), rgba(25, 102, 22, 0.9);
*/

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&family=Titillium+Web:wght@200;300;400;600;700&display=swap');

/*--------------------- ENCABEZADO ----------------------*/
*{
    margin: 0;
    padding:0;
    font-family: 'Open Sans';

   }

.tienda{
    margin: 0px;
    left: 10px;

}
header{
    height: 55px;
    display: flex;
    justify-content: space-between;
    background-color: rgba(15, 100, 54, 0.9);
    align-items: center;
    padding: 10px;
    flex-direction: column;
   
}
.logo{
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.nombre-empresa{
    color: #fff;
    padding: 10px;
}
.logo img{
    height: 50px;
}

/*------------------------- FIN ENCABEZADO -----------------------*/

@font-face {
    font-family: 'icons';
    src:  url('../fonts/icons.eot?r5wxs0');
    src:  url('../fonts/icons.eot?r5wxs0#iefix') format('embedded-opentype'),
      url('../fonts/icons.ttf?r5wxs0') format('truetype'),
      url('../fonts/icons.woff?r5wxs0') format('woff'),
      url('../fonts/icons.svg?r5wxs0#icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
      font-family: 'Montserrat';
      src: local('Montserrat Bold'),
          url('../fonts/Montserrat-Bold.woff2?v=1') format('woff2'),
          url('../fonts/Montserrat-Bold.woff?v=1') format('woff'),
          url('../fonts/Montserrat-Bold.ttf?v=1') format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'Montserrat';
      src: local('Montserrat Regular'),
          url('../fonts/Montserrat-Regular.woff2?v=1') format('woff2'),
          url('../fonts/Montserrat-Regular.woff?v=1') format('woff'),
          url('../fonts/Montserrat-Regular.ttf?v=1') format('truetype');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
    font-family: 'Druk Wide';
    src: local('Druk Wide Medium'), local('Druk-WideMedium'),
        url('../fonts/Druk-WideMedium.woff2') format('woff2'),
        url('../fonts/Druk-WideMedium.woff') format('woff'),
        url('../fonts/Druk-WideMedium.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Druk Wide';
    src: local('Druk Wide Medium'), local('Druk-WideMedium'),
        url('../fonts/Druk-WideMedium.woff2') format('woff2'),
        url('../fonts/Druk-WideMedium.woff') format('woff'),
        url('../fonts/Druk-WideMedium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons' !important;
   /* speak: never;*/
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-twitter:before {
    content: "\e901";
  }
  .icon-home:before {
    content: "\e900";
  }
  .icon-bullhorn:before {
    content: "\e91a";
  }
  .icon-folder:before {
    content: "\e92f";
  }
  .icon-price-tags:before {
    content: "\e936";
  }
  .icon-ticket:before {
    content: "\e939";
  }
  .icon-cart:before {
    content: "\e93a";
  }
  .icon-credit-card:before {
    content: "\e93f";
  }
  .icon-phone-hang-up:before {
    content: "\e943";
  }
  .icon-location:before {
    content: "\e947";
  }
  .icon-clock:before {
    content: "\e94e";
  }
  .icon-calendar:before {
    content: "\e953";
  }
  .icon-printer:before {
    content: "\e954";
  }
  .icon-drawer:before {
    content: "\e95c";
  }
  .icon-drawer2:before {
    content: "\e95d";
  }
  .icon-floppy-disk:before {
    content: "\e962";
  }
  .icon-user:before {
    content: "\e971";
  }
  .icon-key:before {
    content: "\e98d";
  }
  .icon-equalizer:before {
    content: "\e992";
  }
  .icon-cog:before {
    content: "\e994";
  }
  .icon-trophy:before {
    content: "\e99e";
  }
  .icon-link:before {
    content: "\e9cb";
  }
  .icon-star-full:before {
    content: "\e9d9";
  }
  .icon-cross:before {
    content: "\ea0f";
  }
  .icon-checkmark:before {
    content: "\ea10";
  }
  .icon-circle-up:before {
    content: "\ea41";
  }
  .icon-circle-right:before {
    content: "\ea42";
  }
  .icon-circle-down:before {
    content: "\ea43";
  }
  .icon-circle-left:before {
    content: "\ea44";
  }
  .icon-paragraph-left:before {
    content: "\ea77";
  }
  .icon-paragraph-justify:before {
    content: "\ea7a";
  }
  .icon-share:before {
    content: "\ea7d";
  }
  .icon-new-tab:before {
    content: "\ea7e";
  }
  .icon-facebook:before {
    content: "\ea90";
  }
  .icon-instagram:before {
    content: "\ea92";
  }
  .icon-whatsapp:before {
    content: "\ea93";
  }
  .icon-spotify:before {
    content: "\ea94";
  }
  .icon-youtube:before {
    content: "\ea9d";
  }
  .icon-search:before {
    content: "\e986";
  }

  
  /*--- NOTA ---*/


#post .volanta {
    display: inline-block;
    font: 75%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #fff;
    /*background: #67BEF4;*/
    background: #da0f4c;

    padding: 8px;
    text-transform: uppercase;
    margin: 10px auto 20px;
    text-align: left;
    border-radius: 2px;
}

#post .volanta a {
    color: #fff;
}

#post h2 {
    width: 100%;
    font: bold 250%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
}

#post .fecha {
    display: block;
    color: #67BEF4;
    margin: 0 0 5px;
    font-family: 'Druk Wide', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 70%;
    margin: 25px auto 0;
}

#post .copete {
    font-size: 120%;
    line-height: 150%;
    padding: 25px 0;
    border-top: 1px solid #e8e8e8;
    margin: 10px auto;
}

#post .foto {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto 25px;
    border-radius: 4px;
}

#post .foto .share {
    width: 50px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
}



#post .foto .share .shbt a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 150%;
    color: #fff;
    background: #67BEF4;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 15px 0;
    margin: 0 auto 10px;
    text-align: center;
    opacity: .9;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

#post .foto .share .shbt a:hover {
    opacity: 1;
    background: #00022E;
}

#post .foto img {
    display: block;
    width: 100%;
    height: auto;
}

#post .foto iframe {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    z-index: 1;
}



#post .adjunto {
    float: right;
    width: 150px;
    background: #00022E;
    padding: 15px;
    margin: 0 0 12px 12px;
    font-size: 11px;
    line-height: 135%;
}

#post .adjunto h3 {
    font: bold 10px/14px 'Druk Wide', Arial, Helvetica, sans-serif;
    margin: 0 auto 2px;
    text-transform: uppercase;
    color: #67BEF4;
}

#post .adjunto a {
    display: block;
    background: #fff;
    color: #67BEF4;
    text-align: center;
    text-decoration: none !important;
    border-radius: 4px;
    margin: 10px auto;
    font: 11px/12px 'Druk Wide', Arial, Helvetica, sans-serif;
    padding: 10px 0;
}

#post .text {
    font-size: 110%;
    line-height: 150%;
    margin: 0 auto 25px;
}

#post .text p {
    margin: 10px auto;
}

#post .text blockquote {
    padding: 10px 4% 20px;
    color: #67BEF4;
    font-size: 135%;
    line-height: 135%;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    border-left: 8px solid #67BEF4;
    border-bottom: 1px solid #67BEF4;
    margin: 25px auto 15px;
}

#post .text iframe {
    display: block;
    width: 90%;
    height: 400px;
    margin: 0 auto;
}

#post .text img {
    display: block;
    max-width: 90%;
    height: auto;
    margin: 0 auto;
}

#post .text a {
    color: #67BEF4;
    text-decoration: underline;
}

/*#post .text a:after {font-family:'icons';content:'\ea7e';font-size:75%;margin:0 0 0 5px;opacity:.7;}*/
#post .text a:hover {
    color: #67BEF4;
    text-decoration: none;
}

#post .text a.link {
    text-decoration: none;
    border-bottom: 1px dotted #00022E;
}

#post .text a.link:hover {
    color: #67BEF4;
    border-bottom: 1px dotted #67BEF4;
}

#post .text a.link span {
    margin: 0 1px 0 0;
}

.relacionadas {
    margin: 30px auto 0;
}

.relacionadas .col {
    position: relative;
    float: left;
    width: 213px;
    height: 275px;
    overflow: hidden;
}

.relacionadas .col.medio {
    margin: 0 5px;
}

.relacionadas .col img {
    display: block;
    margin: 0 auto;
    width: 213px;
    height: 99px;
}

.relacionadas .col h5 {
    width: 143px;
    height: 14px;
    padding: 8px 5px 8px 10px;
    letter-spacing: -.5px;
    margin: 0 0 -15px;
    position: relative;
    left: -1px;
    top: -15px;
    background: url(../img/tag.png) no-repeat;
    font: normal 12px/14px 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
}

.relacionadas .col h4 a {
    display: block;
    font: bold 13px/16px 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    height: 45px;
    overflow: hidden;
    padding: 5px 2px 8px;
    color: #002243;
}

.relacionadas .col p {
    color: #666;
    font-size: 11px;
    line-height: 15px;
    padding: 0 2px 5px;
}

.relacionadas .col a {
    color: #67BEF4;
    font-style: italic;
    text-decoration: none;
}

.recientes {
    margin: 0 auto 10px;
    text-align: -webkit-center;
}

.recientes li h4 {
    font: 13px/16px 'Montserrat', Arial, Helvetica, sans-serif;
    height: 32px;
}

.recientes li {
    background: url(../img/news.png) repeat-x left top;
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 0 5px;
    font-size: 13px;
    cursor: pointer;
}

.recientes li img {
    display: none;
}

.recientes li span {
    float: left;
    width: 40px;
    padding: 0 8px 0 5px;
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    color: #63b9e9;
}

.recientes li abbr {
    display: block;
    font: 9px 'Montserrat', Arial, Helvetica, sans-serif;
}

.recientes li.active, .recientes li:hover {
    background: #c9e9f8 url(../img/news.png) repeat-x left bottom;
}

.recientes li.active span {
    color: #002243;
    padding: 12px 8px 5px 5px;
    font-size: 23px;
}

.recientes li.active abbr {
    font-size: 14px;
}

.recientes li.active h4 a {
    color: #000b16;
    width: 200px;
    float: left;
    padding: 5px 8px 5px 8px;
}

.recientes li.active img {
    display: block;
    float: left;
    height: 50px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


/* =========== Media Queries =========== */
@media only screen and (max-width: 1280px) {
	#wrap{padding-top:90px;}

	#header .logo svg{height:70px;}

	#header .social li a{font-size:150%;}

	.noticia-big .title{padding:0 5% 40px;}
	.noticia-big .title h2{font:bold 250%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	.noticia-medium .title{padding:0 5% 25px;}
	.noticia-medium .title h2{font:bold 160%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
}	
@media only screen and (max-width: 1024px) {
	body{font-size:13px;line-height:17px;}

	#header .header-wrapper{padding:8px;}

	#header .social{width:33%;}
	#header .social li a{font-size:175%;}	

	#menu .menu_search form,
	#menu li.item a.seccion{width:33%;}
	#menu li.item .desplegable{left:33%;width:67%;}

	.noticia-big .title h2{font:bold 225%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	.noticia-medium .title h2{font:bold 150%/110% 'Montserrat', Arial, Helvetica, sans-serif;}

	.noticia-mini{width:31.3%;margin:0 1% 2%;}
	
	.banner.small{width:31.3%;margin:2% 1% 5%;}
	.banner.mini{width:23%;margin:2% 1%;}

	.cuerpo{width:100%;float:none;padding-bottom:0;}

	#sidebar,
	.sidebar,
	.sidebar-home{width:100%;float:none;padding:0;}

	.fixture,
	.posiciones_home{float:left;width:46%;padding:0;margin:0 2% 5%;}
	.posiciones_home table{margin:15px auto 0;}

	.noticia-sidebar{float:left;width:23%;margin:0 1% 10px;}
	.banner.side{float:left;width:23%;margin:25px 1%;}

	#sponsors li{padding:5px 10px;}

	.portada{height:375px;}

	#escudo .escudos li{width:16%;margin:0 4% 40px;}

	#idolos .nomina li{width:20%;}
	.idolo .ficha h2{font:bold 200%/100% 'Montserrat', Arial, Helvetica, sans-serif;}
	.idolo .ficha{float:left;width:33.33%;height:600px;background:#67BEF4;color:#fff;padding:30px;}
	.idolo .bio{float:left;width:66.66%;height:300px;background:#f4f4f4;padding:30px;}
	.idolo .titulos{float:left;width:66.66%;height:300px;background:#fcfcfc;padding:30px;}
	.idolo .bio .scroll,
	.idolo .titulos .scroll{overflow:auto;width:100%;height:190px;}

	#estadio .hitos li .middle{padding:15px;}
	#estadio .hitos li .middle h5{margin:0 auto 10px;}

	#beneficios .filtro{padding:0 10%;}

	#plantel .jugador{height:400px;}
	#datos_jugador{padding:5px 0;}
	#datos_jugador h2{font-size:250%;}
	#datos_jugador .datospersonales{margin-top:15px;}
	#datos_jugador .datospersonales .dato{width:33.33%;height:135px;}
	#datos_jugador .datospersonales .dato h3{transform:scale(.8);-moz-transform:scale(.8);-webkit-transform:scale(.8);height:95px;margin:0 auto 0;padding:0;}	
}

@media only screen and (max-width: 992px) {
	#header .logo svg{height:65px;}
	#header .header-wrapper{padding:5px 0 0;}
	#rpass_button{font-size:85%;line-height:100%;right:65px;padding:10px;}

	#menu{padding-top:100px;background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(0, 190, 250, 0.403125) 0%, rgba(255, 255, 255, 0.6) 25.52%, rgba(46, 201, 251, 0.66) 100%), rgba(0, 156, 222, 0.8);backdrop-filter:none;}

	#wrap{padding-top:70px;}
	#content{padding:25px 5% 0;}
	.wrapper{padding:0 5%;}
	.cuerpo{padding:15px 0;}

	#noticias-home{margin:25px auto 0;}
	.noticia-big{float:none;width:100%;}
	.noticias-medium{float:none;width:100%;margin:25px auto;}
	.noticia-medium{float:left;width:50%;}
	.noticias-square{display:none;}

	.banner.big{margin:25px auto;}
	.banner.medium{margin:15px 1.5% 25px;}
}

@media only screen and (max-width: 800px) {

	.noticia-sidebar{float:left;width:46%;margin:0 2% 4%;}
	.banner.side{float:left;width:46%;margin:2% 2%;}

	.fixture .partidos li{float:left;width:47%;margin:0 15px 0 0;height:250px;}
	.fixture div.equipo img{max-width:40px;}

	#ofertas_locademia .producto{width:25%;}
	#ofertas_locademia .producto .foto{display:block;overflow:hidden;text-align:center;width:100%;height:175px;}

	
	#galerias li{float:left;width:50%;margin:0;background:#00022E;overflow:hidden;}
	#galerias li a{position:relative;display:block;color:#fff;width:100%;height:auto;overflow:hidden;margin:0;overflow:hidden;}
	#galerias li a:hover span{top:20%;opacity:1;}

	#galerias li.g-dos img{display:block;width:100%;height:auto;margin:0;}

	#sponsors li{width:16%;margin:0;padding:5px 10px;}

	.portada{height:300px;}
	.portada .info{padding:50px 5%;}
	.portada h2{font-size:250%;}

	#escudo .escudos li .back:after{display:none;}

	#palmares .destacado{padding:0 2px;font-size:85%;line-height:120%;}
	#palmares .titulos ul{padding-left:0;}

	#estadio #plano{width:50%;}
	#estadio #sectores{width:50%;padding:0 0 0 10px;}
	#estadio #sectores td{padding:5px;}
	#estadio .hitos li{width:40%;margin:0 5% 5%;font-size:120%;}
	#estadio .hitos li .middle{padding:35px;}
	#estadio .hitos li .middle h5{margin:0 auto 20px;}

	#plantel .jugador{padding:25px 5%;height:400px;}
	#datos_jugador{width:45%;left:3%;}
	#datos_jugador h2{font-size:200%;white-space:normal;}

	.estadisticas table,
	.estadisticas.estadisticas_division table{font-size:100%;}
	
	.atencionalsocio .lugar h4{font-size:100%;}
	.atencionalsocio .lugar .datos{font-size:85%;line-height:105%;left:15px;bottom:20px;}
	
	#beneficios{font-size:90%;}	
	#beneficios .sorteos li{width:50%;}
	#beneficios .beneficios li{width:33.3%;}
	#beneficios .filtro{padding:0 7%;font-size:110%;}	

}

@media only screen and (max-width: 768px) {

	.mobile_hidden{display:none;}

	#post h2{font:bold 220%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	.posiciones_home table{margin:25px auto 0;}

	#ofertas_locademia .producto{width:28%;}
	#galerias .g{width:40%;}	
	
	#deporte .plantel li{width:18%;}
	
	.socios .menututo{width:100%;}
	
	#partido .fichaPartido .links,
	#partido .fichaPartido .infoPartido{width:90%;}
	#partido .fichaPartido .infoPartido .informacion{font:90%/150% 'Montserrat', Arial, Helvetica, sans-serif;}

}

@media only screen and (max-width: 736px) {

	.noticia-mini{width:32.3%;margin:0 .5% 1%;}	
	.noticia-mini .title h2{font:bold 110%/110% 'Montserrat', Arial, Helvetica, sans-serif;}	
	
	#escudo p,
	#estadio .nacimiento p{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;}
	#escudo .escudos li .back strong{margin:0 auto 5px;}	
	
	#estadio .hitos li{width:46%;margin:0 2% 4%;font-size:120%;}
	#estadio .hitos li .middle{padding:35px;}
	#estadio .hitos li .middle h5{margin:0 auto 20px;}	
	
	#idolos .nomina li{width:25%;}
	
	#datos_jugador{width:43%;}
	
	.jugadorsmall .foto{float:left;width:29%;}
	.jugadorsmall .bloque{width:48%;margin:0 1% 15px 0;}
	.jugadorsmall .datosduros{width:70%;margin:0 0 0 1%;}	

}

@media only screen and (max-width: 667px) {

	#header .logo svg{height:60px;}

	#header .social{width:40%;text-align:center;}	

	#menu:after{height:120%;}
	#menu li.item a.seccion{width:35%;font-size:75% !important;padding:15px;}
	#menu li.item h4{font-size:75%;}
	#menu li.item li a{font:80%/100% 'Montserrat', Arial, Helvetica, sans-serif;}
	#menu li.item .desplegable{left:35%;width:65%;}
	#menu li.item.active .desplegable{column-count:1;}
	#menu .menu_search form{width:40%;}
	#menu .menu_search input{padding:15px 30px 15px 15px;font-size:100%;}
	#menu .menu_search button{right:10px;font-size:150%;}
	
	#datos_jugador{width:40%;left:2%;}
	#datos_jugador .datospersonales .dato{padding:0;}
	#datos_jugador .datospersonales .dato h3{transform:scale(.65);-moz-transform:scale(.65);-webkit-transform:scale(.65);height:90px;margin:0 auto 0;padding:0;}

	.noticia-big .title{padding-bottom:40px;}
	.noticia-big .title .volanta{font:80%/100% 'Montserrat', Arial, Helvetica, sans-serif;}
	.noticia-big .title h2{font:bold 250%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	.noticia-medium .title{padding-bottom:25px;}
	.noticia-medium .title .volanta{font:80%/100% 'Montserrat', Arial, Helvetica, sans-serif;}
	.noticia-medium .title h2{font:bold 125%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	.noticia-small .title{padding-bottom:15px;}
	.noticia-small .title h2{font:bold 125%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	.noticia-mini{width:46%;margin:0 2% 4%;}	
	.noticia-mini .title h2{font:bold 110%/110% 'Montserrat', Arial, Helvetica, sans-serif;}	
	
	.banner.small{float:none;width:100%;max-width:400px;margin:2% auto 3%;}
	.banner.mini{width:46%;max-width:400px;margin:2% 2%;}
	
	.noticia-chica{width:46%;margin:0 2% 4%;}	
	
	#sponsors .mainsponsors,#sponsors .sponsors{margin:0 auto 50px;}
	
	#buscador{top:-800%;padding:175px 3% 0;}
	#buscador.active{top:0;}
	#buscador.top{padding-top:225px;}
	#buscador h2{font:bold 350%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	#buscador p{font-size:120%;}
	#buscador form{width:90%;margin:0 auto;}
	#buscador input{font:140%/110% 'Montserrat',Arial,Helvetica,sans-serif;}
	#buscador button{font:140%/100% 'Montserrat', Arial, Helvetica, sans-serif;}	
	
	.portada{height:250px;}
	.portada .info{padding:35px 5%;}
	.portada h2{font-size:200%;}
	.portada .datos{font-size:120%;line-height:100%;}
	
	form.contacto span.msj{float:left;padding:25px 0;width:50%;font-size:90%;line-height:105%;}	
	
	#palmares .destacado{width:24%;min-height:150px;}
	#palmares .local,
	#palmares .copas{width:48%;font-size:90%;}	
	
	#ofertas_locademia .producto{width:40%;box-shadow:0px 2px 5px rgba(0,0,0,.1);}
	#galerias .g{width:55%;}
	
	#beneficios .sorteos li{float:none;width:80%;}
	#beneficios .beneficios li{width:50%;}	
	
	#deporte .encabezado .descripcion{font-size:100%;padding:25px 4%;}
	
	.jugadorsmall .foto{float:left;width:48%;}
	.jugadorsmall .bloque{width:100%;margin:0 0 1px;}
	.jugadorsmall .bloque h3{padding:3px 10px 3px;margin:0 auto 1px;}
	.jugadorsmall .bloque p{padding:2px 10px;}
	.jugadorsmall .datosduros{width:51%;margin:0 0 0 1%;font-size:90%;}	
	
	#post .foto iframe{height:350px;}
	
	#search .busqueda .foto{width:30%;padding-right:10px;}
	#search .busqueda .texto{width:65%;}

	.area .encabezado .info{width:100%;height:225px;background:#f4f4f4;padding:15px 5%;float:none;}
	.area .encabezado .info img,
	/*.area .encabezado .info h2{float:none;max-width:230px;margin:0 auto;}*/
	.area .encabezado .descripcion{float:none;width:100%;height:auto;font-size:100%;line-height:120%;padding:35px 5%;}
	.area .encabezado .descripcion .valign{height:auto;}

	#escudo p,
	#estadio .nacimiento p{padding:5px;-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;}

	#vidas-racinguistas .bajada{font:100%/125% 'Montserrat',Arial,Helvetica, sans-serif;margin:15px auto 25px;}

}

@media only screen and (max-width: 640px) {

	.formas-pago li{width:48%;}

	.titulo-seccion{font-size:150%;margin:0 0 20px;}

	#pasantias-deportivas .incluye li{float:none;width:90%;height:auto;}

	#plantel .jugador{margin:0 auto 30px;width:100%;padding:0;height:auto;}
	#plantel .jugador .foto{position:relative;right:auto;bottom:auto;padding:0;width:100%;height:300px;overflow:hidden;margin:0 auto;border-bottom:2px solid #67BEF4;}
	#plantel .jugador .foto .deg{display:none;}
	#plantel .jugador .foto img{position:absolute;left:0;top:0;max-width:100%;max-height:auto;width:100%;height:auto;}
	#datos_jugador{position:relative;width:100%;left:0;top:30px;padding:0 5%;}
	#datos_jugador .datospersonales .dato{padding:0;}
	
	#agenda li{margin:0 auto 10px;}
	#agenda li .fecha{position:relative;font-size:100%;width:100%;border:none;background:#67BEF4;color:#fff;padding:8px 15px;text-align:left;}
	#agenda li .fecha small{display:inline;font-size:100%;font-weight:normal;margin:0 0 0 10px;}
	#agenda li .evento{padding:10px;}

	#prensa .acreditaciones .campo {float:none;width:100%;margin:0 auto 15px;height:auto;}

	#post .foto .share{width:36px;right:10px;top:10px;}
	#post .foto .share{width:36px;}
	#post .foto .share .shbt .print{display:none;}
	#post .foto .share .shbt a{width:36px;height:36px;padding:10px 0;font-size:125%;margin:0 auto 5px;}
	#post .adjunto{float:none;display:block;width:100%;margin:0 auto 15px;}


}

@media only screen and (max-width: 600px) {
	#rpass_button{font-size:75%;line-height:100%;padding:8px;}	

	.plantel_home li a.foto{width:160px;height:160px;}
	.plantel_home li div.nombre{font:normal 100%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	.plantel_home li span.numero{font:normal 150%/100% 'Druk Wide', Arial, Helvetica, sans-serif;right:8px;top:8px;}

	.noticia-chica .title h2,
	.noticia-sidebar .title h2{font:bold 110%/110% 'Montserrat', Arial, Helvetica, sans-serif;}

	.fixture,
	.posiciones_home{float:none;width:100%;margin:15px auto 30px;}
	
	#ofertas_locademia .producto{width:75%;}
	#ofertas_locademia h3{width:87%;}
	#ofertas_locademia h3 a{background-size:auto 100%;}
	#ofertas_locademia .producto{width:50%;}
	
	#buscador button{font:125%/100% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	#idolos .nomina li{width:33.3%;}
	.idolo .ficha,
	.idolo .bio,
	.idolo .titulos{float:none;width:100%;height:auto;}
	
	#estadio #plano{float:none;width:80%;margin:0 auto 15px;}
	#estadio #sectores{float:none;width:100%;padding:0;}
	#estadio #sectores td{padding:10px 15px;}
	#estadio .hitos li .middle{padding:25px;font-size:85%;}
	
	#deporte .plantel li{width:23%;}

	#pasantias-deportivas .duracion{font:125%/125% 'Druk Wide', Arial, Helvetica, sans-serif;padding:20px 5%;}
	
	#beneficios .filtro{padding:0 4%;font-size:110%;}
	
	#racing-solidario .comotrabajamos-video{float:none;width:100%;display:block;margin:0 auto 15px;}
	#racing-solidario .padrinazgos-logo{float:none;margin:0 auto 15px;width:100%;max-width:237px;height:auto;}

	.precio_cuotas th, .precio_cuotas td{font-size:85%;line-height:110%}

}

@media only screen and (max-width: 568px) {

	#post h2{font:bold 200%/110% 'Montserrat', Arial, Helvetica, sans-serif;}

	#header .social{width:38%;}	

	#menu li.item a.seccion{width:38%;font-size:90%;padding:12px 15px;}
	#menu li.item .desplegable{left:38%;width:62%;}
	#menu .menu_search form{width:38%;}
	#menu .menu_search input{padding:12px 25px 12px 15px;font-size:90%;}
	#menu .menu_search button{right:10px;font-size:135%;}	

	.noticia-big .title{padding-bottom:20px;}
	.noticia-big .title h2{font:bold 140%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	.noticia-medium .title{padding-bottom:20px;}
	.noticia-medium .title h2{font:bold 135%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	#sponsors .mainsponsors,#sponsors .sponsors{margin:0 auto 35px;}
	#sponsors li{width:18%;}
	#sponsors .mainsponsors li{width:30%;padding:10px 25px;}

	.portada{height:225px;}
	.portada .info{padding:25px 5%;}
	.portada h2{font-size:180%;}
	.portada .datos{font-size:110%;line-height:100%;}
	.portada .direccion,
	.portada .telefonos{float:none;display:block;width:100%;padding:10px 0 0;}
	
	#escudo .escudos li{width:24%;}

	.pagina .encabezado .info h2,
	#deporte .encabezado .info h2{font:140%/100% 'Montserrat', Arial, Helvetica, sans-serif;}
	.pagina .encabezado .descripcion,
	#deporte .encabezado .descripcion{font-size:100%;padding:15px 4%;}
	
	#partido .fichaPartido .infoPartido{padding:125px 5% 20px;}
	#partido .fichaPartido .infoPartido .local{top:10px;left:-10px;}
	#partido .fichaPartido .infoPartido .visita{top:10px;right:-10px;}
	
	#stats_jugador ul.tabs li{width:50%;margin:0;}	

	.atencionalsocio .lugar{float:none;width:100%;margin:0 auto 15px !important;}	
	
}
@media only screen and (max-width: 480px) {

	#rpass_button{font-size:70%;line-height:100%;}	

	#header .social{width:100%;}	

	#menu .menu_search form,
	#menu li.item a.seccion{width:40%;}
	#menu li.item .desplegable{left:40%;width:60%;}

	.noticia-big .title{padding-bottom:15px;}
	.noticia-big .title h2{font:bold 135%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	.noticia-medium .title{padding-bottom:15px;}
	.noticia-medium .title h2{font:bold 135%/110% 'Montserrat', Arial, Helvetica, sans-serif;}

	.noticia-small{width:48%;margin:0 1% 2%;}
	
	.banner.big{margin:25px auto 0;}
	
	.banner.mini{float:none;width:100%;max-width:300px;margin:2% auto 3%;}
	
	.noticia-chica,
	.noticia-sidebar,
	.banner.side{float:none;width:100%;margin:0 auto 10px;}	
	
	.noticia-small .title h2
	.noticia-chica .title h2,
	.noticia-sidebar .title h2{font:bold 125%/100% 'Montserrat', Arial, Helvetica, sans-serif;}	

	.noticia-big,
	.noticia-medium,
	.video-noticia-small,
	.noticia-small{float:none;width:100%;margin:0 auto;}

	.noticia-medium{border-radius:4px;margin:0 auto 25px;overflow:hidden;}
	
	.video-noticia-small,
	.noticia-small{width:100%;margin:0 auto 15px;}
	
	.video-noticia-small{height:175px;padding:0;}
	
	.banner.medium{float:none;width:100%;margin:15px auto 15px;}
	
	.noticia-big .title,	
	.noticia-medium .title,		
	.noticia-small .title{padding-bottom:20px;}
	
	.noticia-big .title h3,	
	.noticia-medium .title h3,		
	.noticia-small .title h3{display:none;}	
	
	.noticia-big .title h2,	
	.noticia-medium .title h2,		
	.noticia-small .title h2{font:bold 135%/110% 'Montserrat', Arial, Helvetica, sans-serif;}		
	
	.noticia-mini{float:none;width:100%;margin:0 auto 4%;}
	.noticia-mini .title h2{font:bold 135%/110% 'Montserrat', Arial, Helvetica, sans-serif;}	

	#sponsors{padding:50px 5%;}
	#sponsors li{width:30%;}
	#sponsors .mainsponsors li{width:100%;padding:0 15px;}	

	#galerias .g{width:65%;}
		
	#sponsors .mainsponsors,#sponsors .sponsors{margin:0 auto 25px;}
	#sponsors li{width:23%;}
	#sponsors .mainsponsors li{width:30%;padding:10px 15px;}

	.portada{height:200px;}
	.portada h2{font-size:150%;margin:0 0 10px;}
	.portada .datos{font-size:100%;line-height:100%;}
	
	#comision-directiva .vice h3,
	#comision-directiva .vice ul,
	#comision-directiva .sec h3,
	#comision-directiva .sec ul{width:98%;margin:0 auto;}
	#comision-directiva .vocales{width:99%;}
	
	#palmares .local{float:none;width:100%;}
	#palmares .copas{float:none;width:100%;}
	
	#escudo .escudos li{width:35%;}
	
	#palmares .destacado{width:32%;}
	
	#idolos .nomina li{width:50%;}

	#estadio .hitos li .middle h5{margin:0 auto 10px;}	
	#estadio .hitos li .middle{padding:15px;font-size:80%;line-height:125%;}
	#estadio .hitos li{float:none;width:90%;height:auto;margin:0 auto 10px;}
	#estadio .hitos li .middle{padding:35px;font-size:95%;line-height:150%;}
	#estadio .hitos li .middle h5{margin:0 auto 20px;font:bold 175%/105% 'Montserrat', Arial, Helvetica, sans-serif;}
	
	.pagina .encabezado, #deporte .encabezado{margin:0 auto 25px;}
	.pagina .encabezado .info, #deporte .encabezado .info{text-align:center;border-right:none;margin:0 auto 15px;float:none;width:100%;}
	.pagina .encabezado .info img, #deporte .encabezado .info img{display:block;max-width:90%;height:auto;margin:0 auto 10px;}
	.pagina .encabezado .info h2, #deporte .encabezado .info h2{font:175%/100% 'Montserrat', Arial, Helvetica, sans-serif;color:#00022E;text-transform:uppercase;padding:0 25px;}
	.pagina .encabezado .descripcion, #deporte .encabezado .descripcion{float:none;width:100%;padding:25px 10px;border-left:none;border-top:1px solid #67BEF4;}	

	#deporte .horarios table{font-size:90%;}
	#deporte .contactform{float:none;width:100%;margin:35px 0;}
	#deporte .gmaps{float:none;width:100%;padding:0;margin:35px auto;border-right:none;}
	#deporte #map{width:100%;height:250px;}
	#deporte .plantel li{width:31.3%;}

	.socios .menututo li{text-align:center;}
	.socios .menututo li a span{display:block;margin:0 auto 5px;}	
	.socios .menututo li a{font:110%/110% 'Montserrat', Arial, Helvetica, sans-serif;padding:10px 10px;}	
	
	#error404{padding:75px 3%;}
	#error404 h2{font:bold 225%/100% 'Montserrat', Arial, Helvetica, sans-serif;}
	#error404 p{font:135%/110% 'Montserrat', Arial, Helvetica, sans-serif;}

	.fixture .goles{letter-spacing:-4px;}

	#partido .fichaPartido .links{height:auto;}
	#partido .fichaPartido .links li{float:none;width:100%;}
	#partido .fichaPartido .links a{border:none;font-size:65%;border-bottom:1px solid #fff;}
	#partido .fichaPartido .infoPartido{height:170px;padding:25px 75px;}
	#partido .fichaPartido .infoPartido .informacion{font-size:80%;}
	#partido .fichaPartido .infoPartido .local{width:75px;height:150px;top:10px;left:-15px;}
	#partido .fichaPartido .infoPartido .visita{width:75px;height:150px;top:10px;right:-15px;}	
	#partido .fichaPartido .infoPartido .local .escudo,
	#partido .fichaPartido .infoPartido .visita .escudo{position:absolute;top:0;width:75px;height:75px;}	
	#partido .fichaPartido .infoPartido .goles{position:absolute;top:75px;width:75px;height:75px;padding:15px 5px 15px 5px;font-size:350%;}	

	#partido .fichaPartido .infoPartido .local .escudo img,
	#partido .fichaPartido .infoPartido .visita .escudo img{display:block;width:50px;height:50px;margin:0 auto;}
	
	.jugadores li{width:48%;margin:1%;font-size:75%;}
	
	.jugadorsmall{margin:0 auto 25px;}
	.jugadorsmall .foto{float:none;width:90%;margin:0 auto 15px;}
	.jugadorsmall .foto img{display:block;margin:0 auto;}
	.jugadorsmall .bloque h3{padding:5px 10px;margin:0 auto;}
	.jugadorsmall .bloque p{padding:5px 10px;}
	.jugadorsmall .datosduros{float:none;width:90%;height:auto;margin:0 auto;font-size:100%;border-bottom:2px solid #67BEF4;}	
	
	#revista .anteriores .edicion,
	#racingtv .anteriores .programa{width:46%;margin:0 2% 5px;}
	#racingtv .anteriores .programa{height:150px;}
	
	#buscador{padding:175px 2% 0;}
	#buscador h2{font:bold 300%/105% 'Montserrat', Arial, Helvetica, sans-serif;}
	#buscador p{font-size:110%;}
	#buscador form{width:95%;margin:0 auto;}
	#buscador input{width:70%;font:120%/110% 'Montserrat',Arial,Helvetica,sans-serif;}
	#buscador button{width:28%;font:120%/100% 'Montserrat', Arial, Helvetica, sans-serif;}	
	
	#post .volanta{font-size:75%;}
	#post h2{font:bold 150%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	#post .foto iframe{height:300px;}
	#post .copete{font-size:100%;line-height:140%;}
	#post .text{font-size:100%;line-height:140%;}
	
	#search .busqueda{font-size:90%;}
	#search .busqueda .foto{width:35%;}
	#search .busqueda .texto{width:60%;}	
	
	#beneficios .filtro{padding:0 2%;font-size:100%;}

	.estadisticas ul.tabs li{max-width:100%;width:100%;margin:0 auto 2px;}
	.estadisticas .fixturefull .li{max-width:100%;width:100%;height:100px;padding:10px 5% 20px;margin:0 auto;}
	.estadisticas table{font-size:75%;}
	.estadisticas td img{width:18px;}
	.estadisticas table .ord{display:none;}
	
}

@media only screen and (max-width: 375px) {
	
	.pagina .encabezado{text-align:center;margin:0 auto 25px;}
	.pagina .encabezado .info{border-right:none;float:none;width:100%;}
	.pagina .encabezado .descripcion{float:none;width:100%;padding:25px 10px;border-top:1px solid #67BEF4;border-bottom:2px solid #67BEF4;}
	.titulo-seccion{font-size:110%;margin:0 0 15px;}

	.portada{height:175px;}
	.portada h2{font-size:125%;}
	.portada .datos{font-size:90%;line-height:100%;}
	
	#deporte .horarios table{font-size:70%;}
	#deporte .plantel li{width:48%;}
	
	#comision-directiva .presidente,
	#comision-directiva .vice,
	#comision-directiva .sec{float:none;width:100%;}
	
	#palmares .destacado{width:48%;height:120px;}
	
	#sponsors-y-proveedores ul{width:100%;margin:0 auto 35px;}
	#sponsors-y-proveedores li{width:40%;margin:0 2% 10px;padding:5px 5px 15px;}
	#sponsors-y-proveedores .mainsponsors li{width:100%;padding:10px auto;}
	
	.socios .hacete-link li a{font:bold 125%/100% 'Montserrat', Arial, Helvetica, sans-serif;padding-left:60px;background-position:0 0;}
	.menu-boleteria li,
	.menu-boleteria li.center{float:none;width:80%;margin:0 auto 10px;}
	.formas-pago li{width:80%;height:auto;margin:0 auto 25px;float:none;}
	
	#pasantias-deportivas .caso{float:none;width:90%;margin:25px auto;}
	
	#datos_jugador h2{font-size:180%;}
	#datos_jugador h2 .numero{letter-spacing:0;}
	#datos_jugador .datospersonales .dato p{font-size:75%;}
	#stats_jugador ul.tabs{height:auto;}	
	#stats_jugador ul.tabs li{float:none;width:100%;margin:auto;}	
	
	#revista .ultimo h2,
	#racingtv .ultimo h2{font:bold 165%/110% 'Montserrat', Arial, Helvetica, sans-serif;}
	#revista .anteriores .edicion,
	#racingtv .anteriores .programa{width:48%;margin:0 1% 5px;}
	
	#buscador form{width:100%;}
	#buscador input{width:65%;font:110%/110% 'Montserrat',Arial,Helvetica,sans-serif;}
	#buscador button{width:25%;font:110%/100% 'Montserrat', Arial, Helvetica, sans-serif;}

	#search .busqueda{font-size:85%;}
	#search .busqueda .foto{width:45%;padding-right:5px;}
	#search .busqueda .texto{width:50%;}
	#search .busqueda h4 a{height:auto;}
	
	/*#beneficios .encabezado{padding:30px 0;}
	#beneficios h2{font:bold 250%/90% 'Montserrat', Arial, Helvetica, sans-serif;}
	#beneficios .encabezado .tira{height:40px;top:140px;}
	#beneficios .filtro{float:none;width:100%;padding:0 5%;margin:0 auto 15px;}
	#beneficios ul li{width:50%;}
	#beneficios li.active .modal-legal{width:310px;height:auto;margin:-100px 0 0 -155px;padding:25px;}	
	#beneficios li.active .modal-legal .cerrar{font:175%/100% 'Montserrat', Arial, Helvetica, sans-serif;}*/

	#beneficios .sorteos li{width:100%;}
	#beneficios .beneficios li{float:none;width:90%;}
	
	#plantel .jugador .foto{height:250px;}
	
}

@media only screen and (max-width: 320px) {

}

/*--- CONTACTO ---*/


form.contacto div {
    margin: 0 auto 10px;
}

form.contacto label {
    display: none;
    font: 80%/110% 'Montserrat',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    margin: 5px auto 2px;
    color: #67BEF4;
}

form.contacto input, form.contacto select, form.contacto textarea {
    display: block;
    width: 100%;
    font: 100%/110% 'Montserrat',Arial,Helvetica,sans-serif;
    padding: 10px;
    border: 1px solid #67BEF4;
}

form.contacto textarea {
    height: 140px;
    resize: none;
}

form.contacto input:hover,form.contacto textarea:hover, form.contacto input:focus,form.contacto textarea:focus {
    border-color: #67BEF4;
    box-shadow: 0 0 2px #f4f4f4;
    -moz-box-shadow: 0 0 2px #f4f4f4;
    -webkit-box-shadow: 0 0 2px #f4f4f4;
}

form.contacto .file label {
    display: block;
}

form.contacto .file input {
    border: none;
}

form.contacto span.msj {
    float: left;
    padding: 25px 0;
    width: 60%;
    font-size: 90%;
    line-height: 105%;
}

form.contacto span.msj.ok {
    color: #67BEF4;
}

form.contacto span.msj.error {
    color: #888;
}

form.contacto button {
    float: right;
    margin: 10px auto;
}

/*---AGENDA---*/
#agenda {
    padding: 0 0 50px;
}

#agenda .notfound {
    text-align: center;
    padding: 40px 15px;
    font-size: 150%;
}

#agenda li {
    position: relative;
    min-height: 100px;
    margin: 0 0 1px;
    border-bottom: 1px solid #e8e8e8;
}

#agenda li .fecha {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 135%;
    font-weight: bold;
    text-align: center;
    color: #67BEF4;
    border-right: 2px solid #67BEF4;
    height: 100%;
    padding: 32px 0;
    text-transform: uppercase;
}

#agenda li .fecha small {
    display: block;
    font-size: 80%;
}

#agenda li .evento {
    position: relative;
    padding: 10px 10px 10px 130px;
}

#agenda li .evento h4 {
    color: #00022E;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

#agenda li .evento p {
    font-size: 90%;
    margin: 0 0 5px;
}

#agenda li .evento .celeste {
    font-size: 90%;
    display: block;
    color: #67BEF4;
}

#agenda li .evento .celeste .icon {
    font-size: 95%;
    margin: 0 2px 0 0;
}

#agenda li.destacado {
    background: #00022E;
    color: #fff;
}

#agenda li.destacado .evento h4 {
    color: #fff !important;
}

/*--- PAGINAS ---*/
.pagina .encabezado {
    margin: 0 auto 25px;
}

.pagina .encabezado .info {
    text-align: center;
    border-right: 1px solid #67BEF4;
    padding: 5px 0;
    float: left;
    width: 35%;
}

.pagina .encabezado .info img {
    display: block;
    max-width: 90%;
    height: auto;
    margin: 0 auto 10px;
}

.pagina .encabezado .descripcion {
    float: right;
    width: 65%;
    font-size: 130%;
    line-height: 120%;
    padding: 25px 5%;
}

.breadcrumb {
    display: inline-block;
    font: 80%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #fff;
    /*background: #67BEF4;*/
    background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(103, 190, 244, 0.103125) 0%, rgba(255, 255, 255, 0.2) 25.52%, rgba(70, 165, 230, 0.2) 100%), rgba(25, 102, 22, 0.9);
    padding: 8px;
    text-transform: uppercase;
    margin: 10px auto 20px;
    text-align: left;
    border-radius: 2px;
}

.breadcrumb a {
    color: #fff;
}

.titulo-seccion {
    font: bold 200%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #00022E;
    margin: 0 0 25px;
    text-align: left;
}

.portada {
    width: 100%;
    height: 450px;
    position: relative;
    text-align: left;
    background-size: cover;
}

.portada .bg-portada {
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
}

.portada .info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 60px 5%;
    width: 100%;
    z-index: 2;
    color: #fff;
    text-align: left;
    text-shadow: 0 0 15px rgba(0,0,0,.5);
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
}

.portada h2 {
    font: 300%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    max-width: 750px;
    margin: 0 0 15px;
}

.portada .datos {
    font-size: 125%;
    line-height: 100%;
    border-left: 3px solid #67BEF4;
    max-width: 750px;
    padding-left: 10px;
}

/*--- CLUB / SEDES ---*/
.portada .direccion, .portada .telefonos {
    float: left;
    width: 50%;
    padding: 0 25px;
}

.portada .direccion span, .portada .telefonos span {
    margin: 0 5px 0 0;
}

/*--- SOCIOS ---*/
#pago-cuota {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}

#pago-cuota h2 {
    font: bold 175%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #00022E;
    text-align: center;
    margin: 0 auto 25px;
}

#pago-cuota .bajadita {
    font: 400 125%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
}

#pago-cuota h3 {
    font: bold 100%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-align: left;
    color: #fff;
    background: #67BEF4;
    padding: 12px;
    margin: 25px auto;
    text-transform: uppercase;
}

#pago-cuota p {
    font-size: 110%;
    line-height: 150%;
    margin: 0 auto 35px;
}

#pago-cuota p a {
    color: #67BEF4;
    border-bottom: 1px dotted #67BEF4;
}

#pago-cuota ul {
    list-style: none;
    margin: 0 auto 35px;
}

#pago-cuota li {
    display: inline-block;
    margin-right: 35px;
}

#pago-cuota li img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 200px;
}

#pago-cuota .logo-pago {
    display: inline-block;
    height: auto;
    max-width: 100%;
    margin: 0 0 15px;
}

#pago-cuota .info-contacto {
    margin: 0 auto 35px;
}

#pago-cuota .info-contacto.center {
    text-align: center;
}

#pago-cuota .info-contacto a {
    margin: 0 15px;
    font: 400 120%/100% 'Montserrat', Arial, Helvetica, sans-serif;
}

#pago-cuota .boton-cuota {
    display: block;
    max-width: 275px;
    padding: 12px 0;
    border: 2px solid #67BEF4;
    margin: 25px auto 35px;
    color: #67BEF4;
    border-radius: 4px;
    text-align: center;
    font: bold 100%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: 200ms ease-out;
}

#pago-cuota .boton-cuota:hover {
    background: #67BEF4;
    color: #fff;
}

#pago-cuota .boton-cuota.chico {
    display: inline-block;
    width: auto;
    padding: 12px 20px;
    margin: 0 0 25px;
}

#pago-cuota form {
    margin: 25px auto 35px;
    width: 100%;
    max-width: 300px;
}

#pago-cuota input {
    display: block;
    width: 100%;
    padding: 15px;
    border: 2px solid #67BEF4;
    background: #fff;
    margin: 0 auto 10px;
    font: 400 100%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: 200ms ease-out;
}

#pago-cuota select {
    display: block;
    width: 100%;
    padding: 15px;
    border: 2px solid #67BEF4;
    background: #fff;
    margin: 0 auto 10px;
    font: 400 100%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: 200ms ease-out;
}

#pago-cuota button {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 15px 0;
    margin: auto;
    background: #67BEF4;
    color: #fff;
    border: none;
    text-align: center;
    font: bold 125%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: 200ms ease-out;
}

#pago-cuota button:hover {
    background: #00022E;
}

.feedback {
    font: 150%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 15px;
    max-width: 800px;
    margin: 0 auto 50px;
    background: green;
    text-align: center;
    text-transform: uppercase;
}

.feedback.error {
    background: orange;
}

#pago-cuota form.contacto {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 100px;
}

#pago-cuota form .metodo_pago {
    font: bold 100%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #00022E;
    padding: 12px 0;
    margin: 0 auto 25px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -.5px;
}

#pago-cuota form.contacto div {
    margin: 0 auto 15px;
}

#pago-cuota form.contacto label {
    display: block;
    margin: 10px auto 5px;
    color: #00022E;
}

#pago-cuota form.contacto input, #pago-cuota form.contacto select, #pago-cuota form.contacto textarea {
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
}

#pago-cuota form.contacto .medio {
    width: 150px;
    margin: 0;
}

#pago-cuota form.contacto button {
    float: none;
    display: block;
    margin: 25px auto;
    width: 100%;
}

#pago-cuota form.contacto span.msj {
    float: none;
    padding: 10px 0;
    width: 100%;
    font-size: 90%;
    line-height: 105%;
}

#pago-cuota form.contacto .importante {
    padding: 20px;
    font-size: 90%;
    line-height: 125%;
    background: #67BEF450;
    color: #00022E;
    border-radius: 2px;
    margin: 0 auto 25px;
}

.botonera_socios {
    font: 125%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 0 auto 25px;
}

.botonera_socios li {
    display: inline-block;
    width: 48%;
    border: 1px solid #fff;
}

.botonera_socios li a {
    display: block;
    color: #fff;
    background: #67BEF4;
    padding: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
}

.botonera_socios li a:hover {
    background: #00022E;
    padding-left: 20px;
}

@media only screen and (max-width: 667px) {
    .botonera_socios li {
        width:100%;
        border: none;
        border-bottom: 2px solid #fff;
    }
}

/*--- SEDES ---*/
#sede .descripcion {
    padding: 10px 25px;
}

#sede .bloque p {
    margin: 15px auto;
}

#sede .bloque ul li {
    list-style: square;
}

#sede #map {
    width: 100%;
    height: 250px;
    border-top: 3px solid #67BEF4;
}

#sede .deportes {
    text-align: center;
    margin: 25px auto 50px;
}

#sede .deportes li {
    display: inline-block;
    width: 150px;
    height: 150px;
    padding: 30px 5px;
    position: relative;
    overflow: hidden;
    border: 5px solid #67BEF4;
    margin: 0 7px 15px;
    background: #67BEF4;
    border-radius: 50%;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

#sede .deportes li:hover {
    border-width: 0;
}

#sede .deportes li img {
    display: block;
    max-width: 100%;
    height: auto;
}

#sede .deportes li span {
    display: block;
    margin: 2px auto 0;
    padding: 0 10px;
    font: 80%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

#sede .deportes li a {
    text-decoration: none;
}

#predio-ezeiza .bloque img.imagen {
    display: block;
    max-width: 600px;
    width: 100%;
    height: auto;
    margin: 25px auto;
}

#predio-ezeiza .bloque ul {
    margin: 15px 30px;
}

/*--- DEPORTES ---*/
#deporte .encabezado {
    margin: 0 auto 25px;
}

#deporte .encabezado .info {
    text-align: center;
    padding: 20px 0;
    float: left;
    width: 35%;
}

#deporte .encabezado .info img {
    display: block;
    max-width: 90%;
    height: auto;
    margin: 0 auto 10px;
}

#deporte .encabezado .info h2 {
    font: 115%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
    text-transform: uppercase;
    padding: 0 15px;
}

#deporte .encabezado .descripcion {
    float: right;
    width: 65%;
    border-left: 1px solid #67BEF4;
    font-size: 95%;
    line-height: 125%;
    padding: 25px 5%;
}

#deporte .horarios {
    margin: 0 auto 10px;
}

#deporte .horarios h3 {
    background: #00022E;
    padding: 12px 25px;
    font: 120%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
}

#deporte .horarios h3 .icon-clock {
    color: #67BEF4;
    margin: 0 10px 0 0;
}

#deporte .horarios table {
    width: 100%;
    border: 2px solid #67BEF4;
    text-align: center;
}

#deporte .horarios table th {
    text-transform: uppercase;
    width: 110px;
    background: #67BEF4;
    color: #e8e8e8;
    padding: 8px 0;
    font-weight: normal;
    border-bottom: 2px solid #67BEF4;
}

#deporte .horarios table td {
    border-right: 1px solid #67BEF4;
    padding: 7px 0;
}

#deporte .contactform {
    float: left;
    width: 40%;
    margin: 35px 0;
}

#deporte .gmaps {
    float: left;
    width: 57%;
    padding: 0 3% 0 0;
    margin: 35px 3% 35px 0;
    border-right: 1px solid #67BEF4;
}

#deporte #map {
    width: 100%;
    height: 300px;
}

#deporte .plantel h3 {
    margin: 25px auto;
}

#deporte .plantel .relative {
    padding: 0 25px;
}

#deporte .plantel li {
    float: left;
    width: 14.66%;
    margin: 0 1% 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative;
    text-align: center;
    overflow: hidden;
}

#deporte .plantel li img {
    display: block;
    width: 100%;
    height: 100%;
}

#deporte .plantel li div.nombre {
    position: absolute;
    top: -150%;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 90%;
    line-height: 105%;
    padding: 17px 10px;
    background: rgba(0,0,0,.8);
    pointer-events: none;
    transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
}

#deporte .plantel li:hover div.nombre {
    top: 0;
}

#deporte .plantel li div.nombre span.numero {
    color: #67BEF4;
    display: block;
    font: bold 250%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
}

#deporte .plantel li div.nombre a {
    color: #fff;
    text-decoration: none;
}

#deporte .posiciones h3, #deporte .fixture h3 {
    margin: 25px auto;
}

#deporte .tabla {
    width: 100%;
    font-size: 85%;
    border-spacing: 0;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-collapse: collapse;
    border-bottom: 3px solid #67BEF4;
}

#deporte .tabla th, #deporte .tabla td {
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
}

#deporte .tabla th {
    /*background: #67BEF4;*/
    background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(103, 190, 244, 0.103125) 0%, rgba(255, 255, 255, 0.2) 25.52%, rgba(70, 165, 230, 0.2) 100%), rgba(25, 102, 22, 0.9);
    color: #fff;
    padding: 10px 2px;
    font-family: 'Druk Wide', Arial, Helvetica, sans-serif;
    font-size: 80%;
}

#deporte .tabla .equipo {
    text-align: left;
}

/*--- IDOLOS ---*/


.idolo .ficha {
    float: left;
    width: 33.33%;
    height: 600px;
    background: #67BEF4;
    color: #fff;
    padding: 30px;
}

.idolo .ficha h2 {
    font: bold 225%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 25px 10px;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px dotted #fff;
}

.idolo .ficha .foto {
    overflow: hidden;
    max-width: 230px;
    border: 10px solid #67BEF4;
    margin: 0 auto;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.idolo .ficha .foto:hover {
    border-width: 5px;
}

.idolo .ficha .foto img {
    display: block;
    width: 100%;
    height: auto;
}

.idolo .ficha p {
    padding: 25px 10px;
}

.idolo .bio {
    float: left;
    width: 33.33%;
    height: 600px;
    background: #f4f4f4;
    padding: 30px;
}

.idolo .bio .scroll {
    overflow-y: auto;
    width: 100%;
    height: 475px;
    padding: 10px 10px 10px 0;
}

.idolo .titulos {
    float: left;
    width: 33.33%;
    height: 600px;
    background: #fcfcfc;
    padding: 30px;
}

#idolos .titulos ul {
    margin: 12px 0 30px 35px;
}

#idolos .titulos li {
    background: url(../img/estrella.png) no-repeat left center;
    padding: 3px 0 0 25px;
    margin: 0 0 5px;
}

#idolos .nomina {
    padding: 3% 0;
}

#idolos .nomina li {
    position: relative;
    background: #000;
    float: left;
    width: 16.66%;
    border: 1px solid #fff;
    overflow: hidden;
}

#idolos .nomina li img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 800ms ease-out;
    -moz-transition: all 800ms ease-out;
    -webkit-transition: all 800ms ease-out;
}

#idolos .nomina li:hover img {
    opacity: .5;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all 8000ms ease-out;
    -moz-transition: all 8000ms ease-out;
    -webkit-transition: all 8000ms ease-out;
}

#idolos .nomina li span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    word-spacing: 250px;
    padding: 15px;
    color: #fff;
    font: bold 130%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    text-shadow: 0 0 10px rgba(0,0,0,1);
}

/*--- PALMARES ---*/
#palmares .internacional {
    width: 100%;
    margin: 0 0 50px;
}

#palmares .internacional .container {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
}

#palmares .local {
    float: left;
    width: 45%;
}

#palmares .copas {
    float: right;
    width: 45%;
}

#palmares .destacado {
    width: 20%;
    padding: 0 25px;
    min-width: 100px;
    margin: 10px 0 20px;
    text-align: center;
}

#palmares .destacado h4 {
    font-weight: normal;
}

#palmares .destacado a {
    display: block;
    color: #67BEF4;
    max-height: 150px;
}

#palmares .destacado a:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    background: url(../img/palmares/copas.png?v=2025) no-repeat;
    transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

#palmares .destacado a:hover {
    color: #67BEF4;
}

#palmares .destacado a:hover:before {
    opacity: .5;
}

#palmares .destacado.libertadores a:before {
    background-position: center 0;
}

#palmares .destacado.intercontinental a:before {
    background-position: center -100px;
}

#palmares .destacado.supercopa a:before {
    background-position: center -200px;
}

#palmares .destacado.interamericana a:before {
    background-position: center -300px;
}

#palmares .destacado.honor a:before {
    background-position: center -400px;
}

#palmares .destacado.aldao a:before {
    background-position: center -500px;
}

#palmares .destacado.sudamericana a:before {
    background-position: center -600px;
}

#palmares .destacado.recopa a:before {
    background-position: center -700px;
}



#palmares .titulos ul {
    /*background:url(../img/separador.png) no-repeat left top;*/
    padding: 0 0 0 25px;
    margin: 12px 0 30px 0;
}

#palmares .titulos li {
    /*background:url(../img/estrella.png) no-repeat left center;*/
    padding: 3px 0 0 25px;
    margin: 10px 0;
}

#palmares .titulos li a:hover {
    text-decoration: underline;
}

#palmares .bloque {
    margin: 0 auto 25px;
}

#palmares .bloque a {
    color: #67BEF4;
}

#palmares .bloque .texto {
    padding: 35px;
}

#palmares .bloque ul {
    margin: 10px 0 10px 25px;
}

#palmares .bloque li {
    list-style: square;
    margin: 0 0 5px;
}

#palmares .bloque table {
    width: 100%;
    overflow-x: auto;
    max-width: 650px;
    margin: 10px auto;
    border: 2px solid #67BEF4;
    border-bottom-width: 3px;
}

#palmares .bloque th {
    padding: 5px;
    border-right: 1px solid #67BEF4;
    border-bottom: 2px solid #67BEF4;
    font-weight: bold;
}

#palmares .bloque td {
    padding: 3px;
    border-right: 1px solid #67BEF4;
    border-bottom: 1px solid #67BEF4;
}

/*--- COMISION DIRECTIVA ---*/


#comision-directiva .bloque h3 {
    background: #67BEF4;
    color: #fff;
    font: bold 100%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 10px;
}

#comision-directiva .presidente {
    width: 250px;
    margin: 25px auto 15px;
    text-align: center;
}

#comision-directiva .vice, #comision-directiva .sec {
    float: left;
    width: 50%;
    margin: 15px 0 15px;
    text-align: center;
}

#comision-directiva .vice h3, #comision-directiva .vice ul {
    width: 250px;
    margin: 0 auto;
}

#comision-directiva .sec h3, #comision-directiva .sec ul {
    width: 240px;
    margin: 0 auto;
}

#comision-directiva .bloque li {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

#comision-directiva .vocales {
    width: 80%;
    margin: 15px auto 0;
}

#comision-directiva .vocales h3 {
    text-align: center;
}

#comision-directiva .vocales li {
    display: inline-block;
    width: 49%;
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
}

/*--- FUNDACION ---*/


#fundacion .eventof {
    border-left: 3px solid #67BEF4;
    padding: 5px 5px 5px 15px;
    margin: 0 auto 25px;
}

#fundacion .eventof h4 {
    font: 125%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
    margin: 0 0 10px;
}

#fundacion .eventof .fecha {
    font: 400 90%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #67BEF4;
    margin: 0 0 15px;
}

#fundacion .eventof p {
    font-size: 95%;
    line-height: 135%;
    margin: 0 0 15px;
}

#fundacion .eventof .publico {
    font: 100%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #67BEF4;
}

/*--- SPONSORS ---*/
#sponsors-y-proveedores {
    text-align: center;
    padding: 0 5%;
}

#sponsors-y-proveedores ul {
    width: 100%;
    margin: 0 auto 75px;
}

#sponsors-y-proveedores li {
    display: inline-block;
    width: 20%;
    margin: 0 2% 15px;
    padding: 5px 5px 20px;
    list-style: none;
    font: 80%/100% 'Montserrat',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #ccc;
}

#sponsors-y-proveedores .mainsponsors li {
    width: 25%;
    padding: 10px 10px 25px;
}

#sponsors-y-proveedores li img {
    display: block;
    max-width: 100px;
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -webkit-transition: all 600ms ease-out;
}

#sponsors-y-proveedores li img:hover {
    opacity: .9;
}

#sponsors-y-proveedores .mainsponsors li img {
    max-width: 120px;
}

#sponsors-y-proveedores .title {
    display: block;
    text-transform: uppercase;
    color: #67BEF4;
    font: bold 120%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    cursor: default;
    padding: 0 6px 15px 0;
    margin: 0 auto 25px;
    border-bottom: 1px solid #67BEF4;
}

/*--- FOTOS ---*/
#fotos {
    padding-top: 50px;
}

#fotos .volanta {
    margin: 15px 0;
}

#fotos .galeria {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 25px;
    position: relative;
    z-index: 0;
}

#fotos .galeria .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

#fotos .album {
    float: left;
    width: 25%;
    margin: 0;
    background: #00022E;
}

#fotos .album a {
    position: relative;
    display: block;
    color: #fff;
    width: 100%;
    height: auto;
    margin: 0;
    overflow: hidden;
}

#fotos .album a .title {
    display: block;
    position: absolute;
    left: 0;
    top: -100%;
    opacity: 0;
    width: 100%;
    padding: 5%;
    margin: 0 auto;
    text-align: center;
    font: 90%/120% 'Montserrat', Arial, Helvetica, sans-serif;
    transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
}

#fotos .album a:hover span {
    top: 20%;
    opacity: 1;
}

#fotos .album img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: .4;
    transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

#fotos .album a:hover img {
    opacity: .2;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#fotos .album a .title strong {
    display: block;
    opacity: 0;
    position: relative;
    width: 85px;
    margin: 15px auto;
    padding: 7px 0;
    text-align: center;
    font: 300 80%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    border: 1px solid #67BEF4;
    color: #67BEF4;
    transition: all 600ms 300ms ease-out;
    -moz-transition: all 600ms 300ms ease-out;
    -webkit-transition: all 600ms 300ms ease-out;
}

#fotos .album a:hover .title strong {
    opacity: 1;
}

/*--- REVISTA ---*/
#revista .ediciones {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 30px;
}

#revista .ultimo {
    margin: 0 auto 50px;
}

#revista .ultimo h2 {
    width: 100%;
    font: bold 225%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    letter-spacing: -2px;
    text-transform: uppercase;
    margin: 0 auto 15px;
}

#revista .ultimo iframe {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
}

#revista .ultimo p {
    padding: 0 10px;
}

#revista .ultimo p span.fecha {
    font-size: 100%;
    color: #ccc;
    display: block;
}

#revista .anteriores .edicion {
    float: left;
    width: 31.33%;
    height: 200px;
    padding: 5px 10px 12px 10px;
    margin: 0 1% 5px;
    border-bottom: 1px solid #67BEF4;
    text-align: center;
}

#revista .anteriores .edicion img {
    display: block;
    margin: 0 auto 10px;
}

#revista .anteriores .edicion h4 {
    font: bold 110%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
}

#revista .anteriores .edicion h4 a {
    display: block;
    color: #67BEF4;
}

/*--- RACING TV ---*/
#racingtv .programas {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 30px;
}

#racingtv .ultimo {
    margin: 0 auto 50px;
}

#racingtv .ultimo h2 {
    width: 100%;
    font: bold 225%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    letter-spacing: -2px;
    text-transform: uppercase;
    margin: 0 auto 15px;
}

#racingtv .ultimo iframe {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
}

#racingtv .ultimo p {
    padding: 0 10px;
}

#racingtv .ultimo p span.fecha {
    font-size: 100%;
    color: #ccc;
    display: block;
}

#racingtv .anteriores .programa {
    float: left;
    width: 31.33%;
    height: 200px;
    padding: 5px 10px 12px 10px;
    overflow: hidden;
    margin: 0 1% 15px;
    border-bottom: 1px solid #67BEF4;
    text-align: center;
}

#racingtv .anteriores .programa .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 50%;
    margin: 0 auto 10px;
}

#racingtv .anteriores .programa img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: -20%;
}

#racingtv .anteriores .programa h4 {
    font: bold 110%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
}

#racingtv .anteriores .programa h4 a {
    display: block;
    color: #67BEF4;
}

/*--- ESTADIO ---*/


#estadio #map {
    width: 100%;
    height: 250px;
    border-top: 3px solid #67BEF4;
}

#estadio .cancha {
    margin: 25px auto 0;
}

#estadio #plano {
    float: left;
    width: 40%;
}

#estadio #sectores {
    float: left;
    width: 60%;
    padding: 0 5%;
}

#estadio #sectores table {
    width: 100%;
    margin: 0 auto;
    border-spacing: 0;
    font-size: 90%;
}

#estadio #sectores th, #estadio #sectores td {
    padding: 8px 10px;
    cursor: pointer;
    line-height: 110%;
    border-bottom: 1px solid #fff;
    text-align: center;
    transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

#estadio #sectores th {
    text-transform: uppercase;
    cursor: default;
    font: 120%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #67BEF4;
}

#estadio #sectores .left {
    text-align: left;
}

#estadio #sectores tr.active td {
    background: #e8e8e8;
}

#estadio #sectores tr.popu-visitante td {
    background: #ccc;
}

#estadio #sectores td .pt {
    background: #00022E;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 150%;
    letter-spacing: -1px;
    padding: 2px 0;
    color: #fff;
    text-align: center;
    display: inline-block;
}

#estadio svg .sector {
    fill: #fff;
    cursor: pointer;
    transition: fill 400ms ease-out;
    -moz-transition: fill 400ms ease-out;
    -webkit-transition: fill 400ms ease-out;
}

#estadio svg .sector#popu10:hover, #estadio svg .sector.popu10, #estadio svg .sector#popu21:hover, #estadio svg .sector.popu21 {
    fill: #00022E;
}

#estadio svg .sector#popu-visitante:hover, #estadio svg .sector.popu-visitante {
    fill: #00022E;
}

#estadio svg .sector#platea-a:hover, #estadio svg .sector.platea-a {
    fill: #00022E;
}

#estadio svg .sector#platea-d:hover, #estadio svg .sector.platea-d {
    fill: #00022E;
}

#estadio svg .sector#platea-b:hover, #estadio svg .sector.platea-b {
    fill: #00022E;
}

#estadio svg .sector#platea-c:hover, #estadio svg .sector.platea-c {
    fill: #00022E;
}

#estadio svg .sector#platea-e:hover, #estadio svg .sector.platea-e {
    fill: #00022E;
}

#estadio .nacimiento {
    margin: 50px auto;
}

#estadio .nacimiento p {
    padding: 25px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

#estadio .hitos {
    font-size: 85%;
    line-height: 135%;
}

#estadio .hitos li {
    float: left;
    position: relative;
    width: 23%;
    height: auto;
    margin: 0 1% 7%;
    background: #00022E;
    color: #fff;
    overflow: hidden;
    cursor: default;
}

#estadio .hitos li img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    position: relative;
    transition: all 2000ms ease-out;
    -moz-transition: all 2000ms ease-out;
    -webkit-transition: all 2000ms ease-out;
}

#estadio .hitos li:hover img {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

#estadio .hitos li .middle {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 35px;
    left: 0;
    top: 0;
    display: table;
    z-index: 2;
}

#estadio .hitos li .middle h5 {
    display: block;
    margin: 0 auto 20px;
    font: bold 175%/105% 'Montserrat', Arial, Helvetica, sans-serif;
}

#estadio .hitos li .middle span {
    font-size: 75%;
}

#estadio .hitos li .middle p {
    display: table-cel;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

/*--- EL ESCUDO ---*/


#escudo .escudos {
    margin: 50px auto 0;
    text-align: center;
}

#escudo .escudos li {
    display: inline-block;
    width: 13%;
    margin: 0 3% 40px;
    position: relative;
    cursor: default;
}

#escudo .escudos li img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 250px;
    transition: all 2000ms ease-out;
    -moz-transition: all 2000ms ease-out;
    -webkit-transition: all 2000ms ease-out;
}

#escudo .escudos li .cara {
    width: 100%;
    height: 100%;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}

#escudo .escudos li .front {
    z-index: 2;
}

#escudo .escudos li .back {
    text-align: center;
    color: #00022E;
    padding: 15px 5px;
    position: absolute;
    top: 0px;
    font-size: 90%;
    line-height: 110%;
    left: 0px;
    z-index: 1;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

#escudo .escudos li .back strong {
    display: block;
    width: 100%;
    padding: 20px 0;
    height: 75px;
    margin: 0 auto 10px;
    font: 200%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    background: url(../img/escudo/bg.png) no-repeat center center;
}

#escudo .escudos li .back:after {
    display: block;
    content: '';
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 35%;
    border-bottom: 2px solid #67BEF4;
}

#escudo .escudos li:hover .front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

#escudo .escudos li:hover .back {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

#escudo p {
    padding: 20px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

/*--- SOCIOS ---*/
.socios .categorias {
    margin: 15px auto;
}

.socios .categorias table {
    width: 100%;
    border-bottom: 2px solid #67BEF4;
}

.socios .categorias th {
    background: #67BEF4;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    padding: 4px 6px;
    width: 95px;
    border-right: 3px solid #fff;
}

.socios .categorias tbody td {
    font-size: 12px;
    min-width: 100px;
    color: #0d2048;
    padding: 5px 5px;
    border-left: 2px solid #67BEF4;
}

.socios .categorias tbody td span {
    display: block;
    color: #67BEF4;
}

.socios .categorias tfoot td {
    padding: 5px 10px 10px;
    color: #67BEF4;
}

.socios .bloque img {
    display: block;
    max-width: 100%;
    margin: 15px auto;
}

.precio_cuotas {
    width: 100%;
    overflow: auto;
    height: 100%;
    text-align: left;
    font-size: 90%;
    margin: 25px auto;
}

.precio_cuotas .tabla {
    width: 100%;
    /*height:250px;position:absolute;top:50%;left:50%;margin:-115px 0 0 -325px;*/
}

.precio_cuotas table {
    width: 100%;
    text-align: center;
}

.precio_cuotas th {
    background: #67BEF4;
    height: 40px;
    color: #fff;
    font-size: 100%;
    line-height: 110%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 2px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.precio_cuotas th small {
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 75%;
    line-height: 100%;
    margin: 2px auto 0;
}

.precio_cuotas td {
    color: #0d2048;
    padding: 5px;
    font-size: 100%;
    line-height: 110%;
    border-bottom: 1px solid #67BEF4;
    text-align: center;
    border-right: 1px solid #fff;
}

.precio_cuotas tfoot td {
    text-align: left;
    padding: 5px 10px;
    color: #67BEF4;
    border: none;
}

.precio_cuotas span.cerrar {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #00022E;
    cursor: pointer;
}

.precio_cuotas span.cerrar:hover {
    color: #00aeef;
}

.formas-pago {
    margin: 25px auto;
    text-align: center;
}

.formas-pago li {
    float: left;
    width: 32%;
    height: 150px;
    padding: 0 10px;
    margin: 0 0 25px;
    list-style: none;
    text-align: center;
    font-size: 90%;
    line-height: 105%;
}

.formas-pago li span.circle {
    display: block;
    margin: 0 auto 10px;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 5px solid #67BEF4;
    background: #67BEF4 url(../img/socios/formas-pago.png?v=1.1) no-repeat;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.formas-pago li.cajas span.circle {
    background-position: center 0;
}

.formas-pago li.cobrador span.circle {
    background-position: center -75px;
}

.formas-pago li.tarjetas span.circle {
    background-position: center -150px;
}

.formas-pago li.pagofacil span.circle {
    background-position: center -225px;
}

.formas-pago li.ventanillas span.circle {
    background-position: center -300px;
}

.formas-pago li.interior span.circle {
    background-position: center -375px;
}

.formas-pago li.boleteriavip span.circle {
    background-position: center -450px;
}

.formas-pago li.efectivo span.circle {
    background-position: center -525px;
}

.formas-pago li.debito span.circle {
    background-position: center -600px;
}

.formas-pago li.pagomiscuentas span.circle {
    background-position: center -675px;
}

.formas-pago li.mercadopago span.circle {
    background-position: center -750px;
}

.formas-pago li:hover span.circle {
    border-color: #fff;
}

/*--- ABONOS ---*/
#abonos .aclaraciones li {
    padding: 10px;
    margin: 0 5%;
    list-style: square;
}

/*--- ATENCION AL SOCIO (FOOT) ---*/
.atencionalsocio {
    margin: 15px auto 15px;
}

.atencionalsocio .lugar {
    overflow: hidden;
    text-align: left;
    float: left;
    width: 48%;
    position: relative;
    background-color: #00022E;
    color: #fff;
    transition: background 2500ms ease-out;
}

.atencionalsocio .lugar:after {
    content: '';
    display: block;
    padding-bottom: 75%;
}

.atencionalsocio .lugar.avellaneda {
    background: url(../img/socios/boton_avellaneda.jpg) no-repeat center top;
    background-size: 100% auto;
    margin: 0 4% 0 0;
}

.atencionalsocio .lugar.capital {
    background: url(../img/socios/boton_capital.jpg) no-repeat center top;
    background-size: 100% auto;
}

.atencionalsocio .lugar.lavalle {
    background: url(../img/socios/boton_lavalle.jpg) no-repeat center top;
    background-size: 100% auto;
}

.atencionalsocio .lugar:hover {
    background-size: 125% auto;
}

.atencionalsocio .lugar h4 {
    position: absolute;
    right: 0;
    top: 20px;
    padding: 8px 15px 8px 10px;
    background: #67BEF4;
    font: 120%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

.atencionalsocio .lugar .datos {
    font-size: 110%;
    line-height: 110%;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

/*--- ASOCIATE ---*/
.socios .hacete-link {
    border-top: 1px solid #67BEF4;
    border-bottom: 1px solid #67BEF4;
    list-style: none;
}

.socios .hacete-link li {
    text-align: center;
    margin: 5px 0;
}

.socios .hacete-link li a {
    display: inline-block;
    background: url(../img/boleteria/submenu.png) no-repeat 25px 0;
    text-transform: uppercase;
    color: #00022E;
    font: bold 150%/80% 'Montserrat', Arial, Helvetica, sans-serif;
    padding: 13px 10px 13px 90px;
    margin: 0 auto;
    white-space: nowrap;
}

.socios .hacete-link li a:hover {
    color: #67BEF4;
    text-decoration: none;
}

.socios .destacado {
    text-align: center;
    color: #fff;
    padding: 25px 5%;
    background: #00022E;
    text-transform: uppercase;
    font: bold 135%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto 25px;
}

.socios .quehacer h2 {
    border-left: 5px solid #67BEF4;
    padding: 5px 0 5px 15px;
    margin: 25px auto;
}

.socios .quehacer h2 span {
    display: block;
    text-transform: uppercase;
    color: #67BEF4;
    font: bold 150%/100% 'Montserrat', Arial, Helvetica, sans-serif;
}

.menu-boleteria {
    clear: both;
    list-style: none;
    text-align: center;
}

.menu-boleteria li {
    display: inline-block;
    max-width: 280px;
    width: 32%;
    background: #4198c7;
    transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.menu-boleteria li:hover {
    opacity: .8;
}

.menu-boleteria li.center {
    margin: 0 1.5%;
}

.menu-boleteria li a.btn {
    display: block;
    width: 100%;
    max-width: 266px;
    margin: 0 auto;
    height: 0;
    padding-top: 90%;
    background: url(../img/boleteria/botones.png) no-repeat;
    background-size: 100% auto;
    text-indent: -999999em;
}

.menu-boleteria li a.btn.entradas {
    background-position: center top;
}

.menu-boleteria li a.btn.cuotas {
    background-position: center center;
}

.menu-boleteria li a.btn.abonos {
    background-position: center bottom;
}

.socios p.mensaje {
    padding: 25px 0;
    letter-spacing: -1px;
    text-align: center;
    font: bold 165%/120% 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #67BEF4;
}

.socios p.mensaje strong {
    display: block;
    font-size: 110%;
    margin: 0 auto 5px;
    color: #00022E;
}

.socios .menututo {
    width: 80%;
    margin: 10px auto;
    list-style: none;
}

.socios .menututo li {
    float: left;
    width: 50%;
    border-left: 3px solid #67BEF4;
    padding: 0 1px;
    margin: 0 0 2px;
}

.socios .menututo li a {
    display: block;
    color: #fff;
    font: 120%/120% 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: #00022E;
    padding: 10px 12px;
    color: #fff;
    text-transform: uppercase;
}

.socios .menututo li a:hover {
    opacity: .8;
    text-decoration: none;
}

.socios .menututo li span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    background: url(../img/boleteria/titles.png) no-repeat;
}

#boleteria .tuto {
    display: none;
}

.socios .tuto h3 {
    font: bold 125%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    background: #67BEF4;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    border-left: 5px solid #67BEF4;
}

.socios .tuto h3 span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background: url(../img/boleteria/titles.png) no-repeat;
}

.socios .tuto h4.pasos {
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 10px 10px;
    margin: 15px auto 15px;
    font-weight: normal;
    color: #67BEF4;
    border-bottom: 2px solid #67BEF4;
    border-right: 2px solid #67BEF4;
}

.socios .tuto {
    padding: 20px 0 20px;
}

.socios .tuto p {
    padding: 10px;
}

.socios .tuto img {
    display: block;
    max-width: 100%;
    margin: 5px auto 0;
}

/*--- BENEFICIOS ---*/
/*#beneficios .encabezado{position:relative;padding:50px 0;}
#beneficios .encabezado .tira{position:absolute;left:0;top:160px;display:block;background:#c5e8f9;width:100%;height:55px;z-index:0;}
#beneficios .encabezado .carnet{display:block;position:relative;background:url(../img/socios/beneficios/carnet.png) no-repeat center center;margin:0 auto 5px;width:145px;height:95px;z-index:1;}
#beneficios h2{position:relative;font:bold 300%/90% 'Montserrat', Arial, Helvetica, sans-serif;text-transform:uppercase;color:#00022E;letter-spacing:-2px;text-align:center;}
#beneficios h2 span{display:block;font-size:132%;}
#beneficios .filtro{float:left;width:50%;text-transform:uppercase;font:130%/100% 'Montserrat', Arial, Helvetica, sans-serif;text-align:center;padding:0 12.5%;margin:0 0 50px;}
#beneficios .filtro span{display:block;margin:0 auto 10px;}
#beneficios .filtro select{display:block;width:100%;margin:0 auto;padding:12px;color:#67BEF4;border:1px solid #67BEF4;cursor:pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-transform:uppercase;font-family:'Montserrat', Arial, Helvetica, sans-serif;font-size:110%;}
#beneficios ul{width:90%;min-height:500px;margin:0 auto;}
#beneficios ul li{float:left;width:20%;}
#beneficios ul li img{display:block;width:100%;max-width:210px;height:auto;margin:0 auto;cursor:pointer;}
*/
#beneficios li .modal-legal {
    display: none;
}

#beneficios li.active .modal-legal {
    position: fixed;
    display: block;
    text-align: center;
    z-index: 55;
    left: 50%;
    top: 50%;
    max-width: 450px;
    width: 100%;
    height: auto;
    margin: -100px 0 0 -225px;
    padding: 50px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    overflow: auto;
}

#beneficios li.active .modal-legal .cerrar {
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
    color: #ccc;
    font: 130%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    cursor: pointer;
}

#beneficios li.active .modal-legal h4 {
    font: bold 130%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0 0 20px;
    margin: 0 auto 20px;
    border-bottom: 1px dotted #ccc;
    color: #00022E;
}

#beneficios li.active .modal-legal h4 span {
    color: #67BEF4;
    display: block;
    margin: 0 auto 10px;
    font-size: 105%;
}

#beneficios li.active .modal-legal .texto-legal {
    max-height: 200px;
    overflow: auto;
    padding: 0 5px;
}

#beneficios li.active .modal-legal .texto-legal p {
    font-size: 70%;
    text-align: justify;
    margin: 0 auto 10px;
}

#beneficios li.active .modal-legal .texto-legal p .icon-calendar, #beneficios li.active .modal-legal .texto-legal p .icon-link {
    color: #67BEF4;
    font-size: 120%;
    margin: 0 5px 0 0;
}

#beneficios {
    position: relative;
    padding: 50px 0;
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
}

#beneficios .encabezado .head-beneficios {
    display: block;
    height: auto;
    width: 100%;
}

#beneficios h2 {
    text-indent: -9999999em;
    overflow: hidden;
}

#beneficios .bajada {
    margin: 25px auto;
    font-size: 120%;
    line-height: 125%;
}

#beneficios .bajada span {
    color: #67BEF4;
}

#beneficios h3 {
    font: 400 200%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
}

#beneficios h3 span {
    color: #67BEF4;
}

#beneficios .foot-beneficios {
    margin: 25px auto;
    text-align: center;
    text-transform: uppercase;
}

#beneficios .foot-beneficios .social {
    display: inline-block;
    font-size: 200%;
    color: #67BEF4;
    padding: 10px;
}

#beneficios .foot-beneficios .social .icon {
    cursor: pointer;
}

#beneficios .foot-beneficios h4 {
    font: bold 175%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
}

#beneficios .foot-beneficios h4 span {
    color: #67BEF4;
}

#beneficios .sorteos {
    padding: 0 0 25px;
    margin: 0 auto 25px;
    border-bottom: 5px solid #67BEF4;
}

#beneficios .sorteos li {
    float: left;
    width: 33.3%;
    padding: 10px;
    margin: 10px auto;
}

#beneficios .ganadores {
    padding: 25px 0;
    margin: 25px auto;
    border-top: 5px solid #67BEF4;
}

#beneficios .ganadores .table {
    width: 100%;
    margin: 25px auto;
    overflow-x: auto;
}

#beneficios .ganadores table {
    width: 100%;
    min-width: 450px;
    vertical-align: middle;
}

#beneficios .ganadores table th {
    font: 300 100%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    border-top: 1px solid #67BEF4;
    color: #67BEF4;
    text-transform: uppercase;
    padding: 10px 5px;
    white-space: nowrap;
    border-bottom: 2px solid #67BEF4;
}

#beneficios .ganadores table td {
    line-height: 120%;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
}

#beneficios .beneficios li {
    float: left;
    width: 25%;
    padding: 10px;
    margin: 10px auto;
}

#beneficios li img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    cursor: pointer;
}

#beneficios .aclaracion {
    font-size: 90%;
    color: #666;
}

#beneficios .contacto {
    display: inline-block;
    text-transform: none;
    font-size: 120%;
    width: 48%;
    max-width: 200px;
    color: #00022E;
}

#beneficios .contacto .icon {
    color: #67BEF4;
}

#beneficios .mili-foot {
    border-top: 2px solid #67BEF4;
    display: block;
    width: 90%;
    max-width: 500px;
    margin: 10px auto;
}

/*--- AREAS ---*/
.area .encabezado {
    width: 100%;
    margin: 0 auto;
    border-bottom: 3px solid #67BEF4;
    background: radial-gradient(69.53% 147.01% at 10.53% -9.82%, rgba(255, 255, 255, 0.245) 0%, rgba(0, 41, 65, 0.1) 48.44%, rgba(0, 156, 222, 0.25) 100%), #002941;
    box-shadow: 0px 4.64671px 11.6168px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.6301px);
}

.area .encabezado .info {
    background: #fff;
    text-align: center;
    height: 250px;
    padding: 25px 5%;
    float: left;
    width: 40%;
}

.area .encabezado .info img {
    float: right;
    display: block;
    max-width: 100%;
    height: auto;
}

.area .encabezado .info h2 {
    float: right;
    text-transform: uppercase;
    color: #00022E;
    font: 100%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    max-width: 230px;
    width: 100%;
    text-align: center;
}

.area .encabezado .descripcion {
    position: relative;
    text-align: left;
    float: right;
    width: 60%;
    height: 250px;
    font-size: 100%;
    line-height: 120%;
    color: #fff;
    padding: 0 5%;
}

.area .encabezado .descripcion a {
    color: #e8e8e8;
    border-bottom: 1px dotted #67BEF4;
}

.area .encabezado .descripcion a:hover {
    border-bottom: none;
}

.area .encabezado .descripcion .valign {
    display: table-cell;
    width: 100%;
    height: 250px;
    vertical-align: middle;
}

.area .contenido {
    margin: 0 auto 25px;
    clear: both;
}

.area .contenido p {
    padding: 10px 15px 10px;
}

.area .contenido ul {
    padding: 10px 15px 10px;
}

#marketing .contenido .bloque {
    margin: 15px auto;
}

#vitalicios .contenido li {
    float: left;
    width: 46%;
    min-height: 80px;
    padding: 0 15px;
    margin: 0 2% 10px;
    list-style: square;
}

#relaciones-internacionales .contenido li {
    padding: 15px;
    margin: 0 25px;
    list-style: square;
}



#racing-solidario .boton-rs {
    display: block;
    background: #67BEF4;
    color: #fff;
    padding: 10px 12px;
    width: 100%;
    margin: 10px auto;
    text-align: center;
}

#racing-solidario .comotrabajamos-video {
    float: left;
    width: 50%;
    display: block;
    margin: 0 20px 10px 0;
}

#racing-solidario .padrinazgos-logo {
    float: left;
    margin: 20px 30px 20px 0;
    max-width: 237px;
    height: auto;
}

#racing-solidario .padrinos {
    margin: 25px auto;
    width: 90%;
    height: auto;
    text-align: center;
}

#racing-solidario .padrinos th {
    border-bottom: 3px solid #67BEF4;
    padding: 7px 8px;
    text-transform: uppercase;
}

#racing-solidario .padrinos td {
    padding: 5px 8px;
}

#racing-solidario .becas {
    display: none;
}

#racing-solidario .becas .doble {
    background: #00022E;
    text-transform: uppercase;
    margin: 25px auto 0;
    padding: 15px;
    font: bold 110%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
}

#racing-solidario .becas .doble .d-espacio {
    float: left;
    width: 50%;
    padding: 15px;
}

#racing-solidario .becas .doble .d-espacio strong {
    display: block;
    font: bold 550%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    letter-spacing: -5px;
    margin: 0 auto 15px;
    border-bottom: 1px solid #fff;
    padding: 0 0 15px;
}

#racing-solidario .becas .doble .d-espacio.d-izq {
    border-right: 1px solid #fff;
}

#racing-solidario .becas ul {
    width: 100%;
    padding: 0;
}

#racing-solidario .becas li {
    float: left;
    width: 25%;
    background: #67BEF4;
    color: #fff;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

#racing-solidario .becas li.celeste {
    background: #67BEF4;
}

#racing-solidario .becas li strong {
    display: block;
    font: bold 450%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    letter-spacing: -5px;
    margin: 0 auto 10px;
    border-bottom: 1px solid #fff;
    padding: 0 0 10px;
}

#racing-solidario .becas li span {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 95%;
    line-height: 110%;
}

#racing-solidario .vecinos {
    display: none;
}

#racing-solidario .vecinos .zona {
    float: left;
    width: 50%;
    padding: 20px;
}

#racing-solidario .vecinos .zona strong {
    display: block;
    margin: 0 auto 15px;
    font: bold 110%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    padding: 0 0 10px;
    border-bottom: 1px solid #67BEF4;
}

#marketing .bloque h4.list {
    margin: 15px 35px 8px 35px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 6px 20px;
    color: #00022E;
    background: #67BEF4;
    color: #fff;
}

#marketing .bloque h4.base {
    margin: 20px 50px 5px 50px;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 3px 10px;
    color: #00022E;
    border-bottom: 2px solid #67BEF4;
    border-right: 2px solid #67BEF4;
}

#marketing .bloque ul#eventos, #marketing .bloque ul#global {
    width: 90%;
    margin: 15px auto 25px;
}

#marketing .bloque ul.base, #marketing .bloque ul.list {
    width: 80%;
    margin: 10px auto;
    font-size: 90%;
}

#marketing .bloque ul {
    margin: 10px;
}

#marketing .bloque ul li {
    margin: 15px auto;
    list-style: square;
}

#marketing .medios {
    padding: 10px 5px 10px;
}

#marketing .medios h4 {
    float: left;
    width: 30%;
}

#marketing .medios h4 img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#marketing .medios p {
    float: left;
    width: 70%;
    height: 90px;
    padding: 10px 10px 10px 25px;
    border-left: 1px solid #67BEF4;
}

#marketing .repercusion {
    float: left;
    width: 31.3%;
    height: 265px;
    padding: 5px 10px 10px;
    margin: 0 1% 25px;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

#marketing .repercusion img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
    height: auto;
    opacity: .8;
    border-bottom: 2px solid #67BEF4;
}

#marketing .repercusion:hover img {
    opacity: 1;
}

#marketing .repercusion h4 {
    margin: 10px auto 5px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 90%;
    line-height: 110%;
}

#marketing .repercusion strong {
    display: block;
    margin: 0 auto 3px;
}

#marketing .spots iframe {
    float: left;
    background: #000;
    width: 70%;
    height: 380px;
}

#marketing .spots ul {
    float: right;
    width: 29%;
    padding: 0;
}

#marketing .spots li {
    list-style: none;
    float: left;
    margin: 0 .5% 6px;
    width: 49%;
}

#marketing .spots li img {
    display: block;
    width: 100%;
    height: auto;
}

#marketing .tira {
    display: none;
    height: 180px;
    position: relative;
    margin: 0 auto 15px;
}

#prensa .contenido ul {
    margin: 15px auto;
}

#prensa .contenido li {
    list-style: square;
    padding: 2px;
}

#prensa .acreditaciones {
    display: none;
    padding: 10px 0;
    margin: 10px auto;
}

#prensa .acreditaciones .campo {
    float: left;
    width: 31.3%;
    margin: 0 1% 25px;
}

#prensa .acreditaciones .campo.solo-radio {
    display: none;
}

#prensa .acreditaciones .campo.solo-fotografia {
    display: none;
}

#prensa .acreditaciones .campo label {
    display: block;
    font-size: 85%;
    margin: 0 auto 2px;
}

#prensa .acreditaciones .campo input {
    display: block;
    width: 100%;
    font: 100%/110% 'Montserrat',Arial,Helvetica,sans-serif;
    padding: 12px;
    border: 1px solid #67BEF4;
    border-radius: 4px;
}

#prensa .acreditaciones .campo select {
    display: block;
    width: 100%;
    font: 100%/110% 'Montserrat',Arial,Helvetica,sans-serif;
    padding: 12px;
    border: 1px solid #67BEF4;
    border-radius: 4px;
    background: #fff;
}

#prensa .acreditaciones .campo.dni select {
    float: left;
    width: 28%;
    margin: 0 2% 0 0;
}

#prensa .acreditaciones .campo.dni input {
    float: left;
    width: 70%;
}

#prensa .acreditaciones .campo input:hover, #prensa .acreditaciones .campo input:focus {
    border-color: #67BEF4;
    box-shadow: 0 0 2px #f4f4f4;
    -moz-box-shadow: 0 0 2px #f4f4f4;
    -webkit-box-shadow: 0 0 2px #f4f4f4;
}

#prensa .acreditaciones .campo input.radio {
    display: inline;
    width: auto;
    height: auto;
    margin: 15px 0 10px 10px;
}

#prensa .acreditaciones .campo span.msj {
    float: left;
    width: 50%;
    line-height: 125%;
}

#prensa .acreditaciones .campo span.msj.ok {
    color: #67BEF4;
}

#prensa .acreditaciones .campo span.msj.error {
    color: #888;
}

#prensa .acreditaciones .personas {
    display: none;
}

#prensa .acreditaciones .persona {
    width: 100%;
    margin: 0 5px 5px;
    padding: 15px 0 35px;
    border-bottom: 2px solid #67BEF4;
    position: relative;
}

#prensa .acreditaciones .persona.campo {
    float: none;
    margin: 0 0 15px;
    height: 50px;
}

#prensa .acreditaciones .persona .numero {
    font: 30px 'Montserrat', Arial, Helvetica, sans-serif;
    color: #67BEF4;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

#prensa .acreditaciones #agregar_persona {
    display: none;
    float: left;
    margin: 15px;
    text-transform: uppercase;
    font-size: 75%;
    background: #00022E;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
}

#prensa .acreditaciones .eliminar_persona {
    position: absolute;
    left: 7px;
    bottom: 13px;
    color: #67BEF4;
    padding: 6px 10px;
    font-size: 75%;
    text-transform: uppercase;
    border-radius: 4px;
    background: #666;
    color: #fff;
}

#prensa .acreditaciones button {
    float: right;
    position: relative;
    margin: 10px auto;
    padding: 12px 25px;
    text-align: center;
    font: 100%/105% 'Montserrat', Arial, Helvetica, sans-serif;
    border-radius: 4px;
    text-transform: uppercase;
    cursor: pointer;
    background: #67BEF4;
    color: #fff;
    transition: all 200ms ease-out;
}

#prensa .acreditaciones button:hover {
    opacity: .9;
}



#tiendas .locales {
    margin: 15px auto 15px;
}

#tiendas .locales .lugar {
    float: left;
    width: 33.3%;
    border-left: 1px solid #67BEF4;
}

#tiendas .locales .lugar .datos {
    font-size: 90%;
    padding: 5px 15px;
}

#tiendas .locales .lugar .datos strong {
    font-size: 120%;
}

/*--- FUTBOL ---*/
#plantel .jugador {
    width: 100%;
    padding: 50px 5%;
    text-align: left;
    margin: 0 auto 30px;
    background: #e3e1e2;
    position: relative;
    height: 500px;
    overflow: hidden;
    border-bottom: 3px solid #67BEF4;
}

#plantel .jugador .foto {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}

#plantel .jugador .foto img {
    display: block;
    width: auto;
    height: 120%;
}

/*#plantel .jugador .fondo{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../img/portadas/plantel.jpg) no-repeat center center;background-size:100% auto;opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;}*/
#datos_jugador {
    position: absolute;
    width: 55%;
    left: 5%;
    top: 45px;
    padding: 25px 0;
    z-index: 2;
}



#datos_jugador h2 {
    white-space: nowrap;
    font: bold 350%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #00022E;
}

#datos_jugador h2 .numero {
    color: #67BEF4;
    letter-spacing: -3px;
    margin: 0 10px 0 0;
}

#datos_jugador .datospersonales {
    padding: 0;
    margin: 100px auto 40px;
    width: 100%;
}

#datos_jugador .datospersonales .dato {
    float: left;
    width: 16.66%;
    height: 150px;
    padding: 0 5px;
    text-align: center;
}

#datos_jugador .datospersonales .dato h3 {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    text-indent: -999999em;
    background: url(../img/futbol/jugador-icons.png) no-repeat;
    font: bold 90%/105% 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #67BEF4;
}

#datos_jugador .datospersonales .dato p {
    color: #00022E;
    font-family: 'Druk Wide', Arial, Helvetica, sans-serif;
    font-size: 85%;
    line-height: 110%;
}

#datos_jugador .datospersonales .dato.posicion h3 {
    background-position: 0 0;
}

#datos_jugador .datospersonales .dato.fecha_nac h3 {
    background-position: -100px 0;
}

#datos_jugador .datospersonales .dato.lugar_nac h3 {
    background-position: -200px 0;
}

#datos_jugador .datospersonales .dato.pierna h3 {
    background-position: -300px 0;
}

#datos_jugador .datospersonales .dato.altura h3 {
    background-position: -400px 0;
}

#datos_jugador .datospersonales .dato.peso h3 {
    background-position: -500px 0;
}

#datos_jugador .datospersonales .dato.cargo h3 {
    background-position: -600px 0;
}

#stats_jugador {
    margin: 0 auto 25px;
}

#stats_jugador ul.tabs {
    width: 100%;
    height: 42px;
    border-bottom: 2px solid #67BEF4;
}

#stats_jugador ul.tabs li {
    float: left;
    font: 80%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #aaa;
    height: 40px;
    text-transform: uppercase;
    padding: 13px 20px;
    cursor: pointer;
    margin: 0 1px 0 0;
    text-align: center;
    background: #e8e8e8;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
}

#stats_jugador ul.tabs li:hover {
    color: #666;
}

#stats_jugador ul.tabs li.active {
    background: #67BEF4;
    color: #fff;
}

#stats_jugador .tab {
    width: 100%;
    /*background:url(../img/opacity.png) repeat;*/
    display: none;
    margin: 30px auto 0;
    overflow-y: auto;
}

#stats_jugador .tab.active {
    display: block;
}

#stats_jugador .tab h3 {
    font: 75%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    background: #67BEF4;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
}

#stats_jugador .tab h3.dark {
    background: #00022E;
}

#stats_jugador .tab h3 span {
    margin: 0 5px 0 0;
}

#stats_jugador .bloque {
    margin: 0 auto 25px;
}

#stats_jugador .datosprofesionales table {
    width: 100%;
    margin: auto;
    font-size: 85%;
}

#stats_jugador .datosprofesionales th {
    padding: 7px 10px;
    width: 33%;
    background: #fff;
    color: #67BEF4;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px solid #67BEF4;
}

#stats_jugador .datosprofesionales td {
    padding: 7px 10px;
    width: 14%;
    border-bottom: 1px solid #67BEF4;
    background: #fcfcfc;
    text-align: center;
}

#stats_jugador .trayectoria p {
    padding: 15px;
}


.jugadores li {
    float: left;
    width: 32.3%;
    margin: .5%;
    position: relative;
    overflow: hidden;
}

.jugadores li img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -webkit-transition: all 1000ms ease-out;
}

.jugadores li:hover img {
    opacity: .9;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 5000ms ease-out;
    -moz-transition: all 5000ms ease-out;
    -webkit-transition: all 5000ms ease-out;
}

.jugadores li div.nombre {
    background: url(../img/bgnoticia.png) repeat-x left top;
    background-size: auto 100%;
    width: 100%;
    padding: 20px 15px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    font: normal 120%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: -.5px;
    text-transform: none;
    text-shadow: 0 0 4px rgba(0,0,0,.5);
    pointer-events: none;
}

.jugadores li div.nombre a {
    color: #fff;
    position: relative;
}

.jugadores li div.nombre strong {
    display: block;
    font: normal 110%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
}

.jugadores li span.posicion {
    position: relative;
    color: #67BEF4;
    text-transform: uppercase;
    font: bold 65%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    display: block;
    margin: 5px 0 0;
    text-align: right;
}

.jugadores li span.numero {
    color: #00022E;
    font: normal 250%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    opacity: .2;
    position: absolute;
    right: 15px;
    top: 12px;
}

.jugadores li div.nombre .barrafx {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: .4;
    background: #67BEF4;
    width: 100%;
    height: 100%;
    transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 41%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(41%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 41%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 41%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 41%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 41%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.jugadores li:hover div.nombre .barrafx {
    height: 120%;
    opacity: .6;
    transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -webkit-transition: all 600ms ease-out;
}

.cuerpotecnico {
    margin: 50px auto;
}

.empleado #datos_jugador .datospersonales {
    margin: 40px auto;
}

.empleado #datos_jugador .datospersonales .dato {
    width: 33.3%;
}


.empleado #datos_jugador .datospersonales .trayectoria h3 {
    display: inline-block;
    background: #67BEF4;
    color: #fff;
    font: bold 100%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.empleado #datos_jugador .datospersonales .trayectoria p {
    padding: 0 12px;
}

.jugadorsmall {
    margin: 0 0 25px;
}

.jugadorsmall .foto {
    float: left;
    width: 35%;
}

.jugadorsmall .foto img {
    display: block;
    width: 95%;
    height: auto;
}

.jugadorsmall .bloque {
    display: inline-block;
    width: 45%;
    margin: 0 4% 35px 0;
}

.jugadorsmall .bloque h3 {
    padding: 6px 10px;
    margin: 0 auto 5px;
    background: #67BEF4;
    color: #fff;
    font-family: 'Druk Wide', Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    text-transform: uppercase;
}

.jugadorsmall .bloque p {
    padding: 5px 10px;
}

.jugadorsmall .datosduros {
    float: left;
    width: 65%;
    height: 300px;
    margin: 0 0 0 0;
}

.jugadorsmall .trayectoriafull {
    margin: 25px auto;
}

.jugadorsmall .trayectoriafull h3 {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 auto 5px;
    background: #67BEF4;
    color: #fff;
    font-family: 'Druk Wide', Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: normal;
    text-transform: uppercase;
}

.jugadorsmall .trayectoriafull p {
    padding: 10px;
}

.estadisticas {
    margin: 0 auto 25px;
}

.estadisticas ul.tabs {
    text-align: left;
    border-bottom: 3px solid #67BEF4;
}

.estadisticas ul.tabs li {
    display: inline-block;
    text-align: center;
    width: 24%;
    background: #e8e8e8;
    font: 80%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #aaa;
    padding: 13px 2px;
    margin: 0 0 -4px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.estadisticas.estadisticas_division ul.tabs li {
    font-size: 65%;
    line-height: 120%;
    letter-spacing: -.5px;
}



.estadisticas ul.tabs li:hover {
    color: #666;
}

.estadisticas ul.tabs li.active {
    color: #fff;
    background: #67BEF4;
}

.estadisticas .tab {
    width: 100%;
    display: none;
    overflow: auto;
}

.estadisticas .tab.active {
    display: block;
}

.estadisticas table {
    width: 100%;
    overflow: auto;
    font-size: 85%;
    line-height: 125%;
    border-spacing: 0;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 3px solid #67BEF4;
}

.estadisticas.estadisticas_division table {
    font-size: 70%;
}

.estadisticas th, .estadisticas td {
    padding: 5px 4px;
    border-bottom: 1px solid #e8e8e8;
}

.estadisticas td img {
    width: 30px;
    height: auto;
    display: block;
}

.estadisticas th {
    border-bottom: 1px solid #67BEF4;
    padding: 10px 5px;
}

.estadisticas .nombre {
    text-align: left;
}

.estadisticas .racing {
    background: #67BEF4;
    color: #fff;
}

.estadisticas table .ord {
    text-align: center;
}

.estadisticas table .equipo {
    text-align: left;
    padding: 0 0 0 5px;
}

.estadisticas table .resaltado {
    background: #fafafa;
    color: #333;
}

.estadisticas table .resaltado td {
    background: #c9e9f8;
    color: #333;
}

.fixturefull {
    position: relative;
    border-bottom: 3px solid #67BEF4;
}

.fixturefull .partidos {
    position: relative;
    padding: 0 0 15px;
    font-size: 70%;
}

.fixturefull .partidos li {
    height: 90px;
    position: relative;
}

.fixturefull .partidos li .li {
    padding: 0 5% 10px;
}

.fixturefull div.torneo {
    float: right;
    padding: 3px 25px 0 0;
    color: #67BEF4;
    color: #67BEF4;
    border: none;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: right;
    width: 60%;
    height: 20px;
    background: url(../img/torneos.png) no-repeat right -80px;
}

.fixturefull div.copalpf, .fixturefull div.primeraa, .fixturefull div.argentina-copa-de-la-superliga, .fixturefull div.argentina-superliga {
    background-position: right 0;
}

.fixturefull div.copa-argentina, .fixturefull div.copaargentina {
    background-position: right -20px;
}

.fixturefull div.sudamericana, .fixturefull div.copasudamericana, .fixturefull div.copa-sudamericana, .fixturefull div.conmebol-sudamericana {
    background-position: right -40px;
}

.fixturefull div.libertadores, .fixturefull div.copa-libertadores, .fixturefull div.conmebol-libertadores {
    background-position: right -60px;
}

.fixturefull div.amistosos {
    background-position: right -80px;
}

.fixturefull {
    position: relative;
    padding: 0 0 15px;
    font-size: 70%;
}

.fixturefull .li {
    float: left;
    width: 49%;
    height: 120px;
    position: relative;
    padding: 10px 5% 20px;
    margin: 0 .5%;
    border-bottom: 1px solid #ccc;
}

.fixturefull .timeago {
    float: left;
    width: 40%;
    text-align: left;
    color: #ccc;
    text-transform: uppercase;
    padding: 3px 0 0;
    margin: 0 0 15px;
    cursor: default;
    white-space: nowrap;
}

.fixturefull div.equipo {
    float: left;
    width: 30%;
    text-align: center;
}

.fixturefull div.equipo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 50px;
}

.fixturefull div.goles {
    float: left;
    width: 20%;
    height: 50px;
    font: 400%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-align: center;
    color: #00022E;
}

.fixturefull div.goles a {
    color: #00022E;
}

.fixturefull .tickets {
    float: left;
    display: block;
    width: 40%;
    height: 50px;
    font-family: 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #67BEF4;
    text-transform: uppercase;
    text-align: center;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.fixturefull .tickets .icon-ticket {
    display: block;
    font-size: 250%;
    margin: 0 auto 3px;
}

.fixturefull .tickets:hover {
    color: #67BEF4;
    font-size: 110%;
}

/*
.estadisticas .torneo .fechas{min-height:50px;max-height:300px;clear:both;}
.estadisticas.campeonato .torneo .fechas{height:300px !important;}
.estadisticas .torneo .fechas li{float:left;width:180px;margin:5px 0;padding:5px 18px 5px 18px;height:40px;position:relative;}
.estadisticas .torneo .fechas li.border{border-left:1px solid #67BEF4;padding:5px 18px 5px 17px;}
.estadisticas .torneo .fechas img{float:left;width:40px;height:40px;margin:0 5px;}
.estadisticas .torneo .fechas .goles{float:left;margin:0 5px 0 0;width:20px;height:30px;background:#fff;padding:4px 5px;font:30px/30px 'Montserrat', Arial, Helvetica, sans-serif;text-align:center;border:1px dotted #b3bdca;}
.estadisticas .torneo .numfecha{}
.estadisticas .torneo .numfecha span{display:block;background:#67BEF4;color:#fff;padding:5px;margin:0 auto 2px;text-align:center;text-transform:uppercase;font-size:13px;}
.estadisticas .torneo .numfecha a{display:block;float:left;width:25px;padding:6px;text-align:center;background:#67BEF4;color:#fff;border:1px solid #fff;}
.estadisticas .torneo .numfecha a.active{background:#fff;border-color:#67BEF4;color:#67BEF4;}*/
/*--- PASANTIAS ---*/


#pasantias-deportivas .bajada {
    font: 120%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: center;
    color: #00022E;
    text-transform: uppercase;
    padding: 30px 5%;
}

#pasantias-deportivas .caso {
    float: left;
    width: 33.3%;
    padding: 0 10px;
    margin: 25px 0;
    text-align: center;
}

#pasantias-deportivas .caso img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#pasantias-deportivas .caso small {
    display: block;
    margin: 5px auto 0;
    padding: 5px;
    font: 11px/13px Arial;
}

#pasantias-deportivas .duracion {
    background: #67BEF4;
    font: 180%/125% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 30px 5%;
}

#pasantias-deportivas .duracion span {
    margin: 0 10px 0 0;
}

#pasantias-deportivas .incluye {
    padding: 30px 5%;
}

#pasantias-deportivas .incluye h4 {
    font: bold 150%/125% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
    text-transform: uppercase;
}

#pasantias-deportivas .incluye li {
    float: left;
    width: 50%;
    height: 100px;
    margin: 0 auto 15px;
    background: url(../img/futbol/pasantias-icons.png) no-repeat;
    padding: 30px 25px 30px 110px;
}

#pasantias-deportivas .incluye li.entreno {
    background-position: left 0;
}

#pasantias-deportivas .incluye li.casatita {
    background-position: left -100px;
}

#pasantias-deportivas .incluye li.nutricion {
    background-position: left -200px;
}

#pasantias-deportivas .incluye li.ropa {
    background-position: left -300px;
}

#pasantias-deportivas .incluye li.tickets {
    background-position: left -400px;
}

#pasantias-deportivas .incluye li.seguro {
    background-position: left -500px;
}

#pasantias-deportivas .incluye li.apoyo {
    background-position: left -600px;
}

#pasantias-deportivas .incluye li.diploma {
    background-position: left -700px;
}



#vidas-racinguistas .bajada {
    font: 125%/150% 'Montserrat',Arial,Helvetica, sans-serif;
    margin: 35px auto 50px;
}

/*--- VISITAS ---*/
#visitas table {
    float: left;
    margin: 0 3%;
    width: 44%;
    font-size: 13px;
    font-family: 'Montserrat',Arial,Helvetica,sans-serif;
    text-align: center;
}

#visitas table caption {
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 120%;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

#visitas table th {
    padding: 10px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

#visitas table td {
    padding: 10px;
    background: #e8e8e8;
    border: 1px solid #fff;
}

#visitas table td.active {
    background: #67BEF4;
    color: #fff;
    font-weight: bold;
}

#visitas table td.active:hover {
    background: #00022E;
}

#visitas table td.active a {
    display: block;
    color: #fff;
    text-decoration: none;
}

#visitas table td.empty {
    background: #aaa;
}

#visitas table td.empty.day {
    background: #e8e8e8;
}

#visitas table td.full {
    background: #333;
    color: #666;
}

#visitas #tyc_ddh {
    color: #666;
    text-transform: uppercase;
    font-size: 11px;
    /*lien-height: 10px;*/
    padding: 35px 0 0;
    text-transform: uppercase;
    text-align: justify;
}

#visitas .volver {
    /*float: right;*/
    display: inline-block;
    font: 75%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    background: #00022E;
    color: #fff;
    padding: 7px;
    border-radius: 2px;
}

#visitas h3 {
    font: 100%/120% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #00022E;
    text-align: left;
    margin: 0 auto 20px;
}

#visitas .bloque {
    margin: 0 auto 15px;
}

#visitas input {
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid #67BEF4;
    font: 100%/125% 'Montserrat',Arial,Helvetica,sans-serif;
    background: #fff;
}

#visitas select {
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid #67BEF4;
    font: 100%/125% 'Montserrat',Arial,Helvetica,sans-serif;
    cursor: pointer;
    background: #fff;
}

#visitas label {
    display: block;
    margin: 0 0 3px;
    font: 75%/120% 'Montserrat',Arial,Helvetica,sans-serif;
}

#visitas button {
    display: block;
    width: 100%;
    padding: 15px;
    border: none;
    background: #67BEF4;
    color: #fff;
    text-transform: uppercase;
    font: 100%/100% 'Druk Wide',Arial,Helvetica,sans-serif;
    cursor: pointer;
    transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

#visitas button:hover {
    background: #00022E;
}

/* Para Chrome, Safari, Edge y Opera */
#visitas input::-webkit-outer-spin-button, #visitas input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Para Firefox */
/*#visitas input {
    -moz-appearance: textfield;
}*/


* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
    list-style: none;
    box-sizing: border-box;
}

::selection {
    background: #67BEF4;
    color: #fff;
}

::-moz-selection {
    background: #67BEF4;
    color: #fff;
}

::-webkit-selection {
    background: #67BEF4;
    color: #fff;
}

body {
    font: 14px/18px 'Montserrat', Arial, Helvetica, sans-serif;
    color: #000;
    background: #f4f4f4;
}

a {
    text-decoration: none;
    color: #67BEF4;
    transition: color 300ms ease-out;
    -moz-transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

iframe {
    position: relative;
    z-index: 1;
}

.clear {
    clear: both;
}

.bloque {
    margin: 0 auto 25px;
}

/*.animated{visibility:hidden;}
.visible{visibility:visible;}*/
.buttonfx {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 15px auto;
    padding: 12px 20px;
    font: bold 90%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-align: center;
    background: transparent;
    color: #67BEF4;
    border: 1px solid #67BEF4;
    transition: all 200ms ease-out;
}

.buttonfx:hover {
    background: #67BEF4;
    color: #fff;
}

.buttonfx.blanco {
    border-color: #fff;
    color: #fff;
}

.buttonfx.blanco:hover {
    background: #fff;
    color: #00022E;
}

#loader {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    left: 0;
    top: 0;
    background: rgba(255,255,255,.95);
    z-index: 999998;
    pointer-events: none;
}

#loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    animation: spinner 1000ms infinite ease-out;
}

@keyframes spinner {
    from {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(0.8) rotate(180deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

#wrap {
    max-width: 1800px;
    padding-top: 100px;
    margin: 0 auto;
    background: #fff;
}

#content {
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
    padding: 25px 5% 0;
    text-align: left;
}

.wrapper {
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 5%;
    text-align: left;
}

.cuerpo {
    float: left;
    width: 100%;
    margin: 0 5% 0 0;
    padding: 50px 0 25px;
}

.cuerpo.full {
    display: block;
    width: 100%;
    padding: 50px 0 25px;
}

#sidebar, .sidebar {
    float: left;
    width: -webkit-fill-available;
    padding: 50px 0 25px;
}

.sidebar.sidebar-home {
    float: right !important;
}

.volanta {
    display: inline-block;
    font: 90%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #fff;
    background: #67BEF4;
    
    padding: 8px;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: left;
}

.volanta a {
    color: #fff;
}

.titulo {
    position: relative;
    font: bold 110%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #00022E;
    border-bottom: 2px solid #67BEF4;
    text-align: left;
    padding: 0 0 10px;
    margin: 0 auto 15px;
}

.titulo a.more {
    position: absolute;
    right: 0;
    top: 2px;
    margin: 0;
    font: bold 80%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    padding: 0 0 20px;
    color: #67BEF4;
}

.titulo.gray {
    color: #67BEF4;
    border-color: #001019;
}

.titulo.gray:after {
    background: #67BEF4;
}

.titulo.white {
    color: #fff;
    border-color: #fff;
}

.titulo.white:after {
    background: #fff;
}

#header .social {
    width: 25%;
    text-align: center;
}

#header .social h4 {
    display: none;
}

#header .social ul {
    position: relative;
    top: -10px;
    margin: 0 auto 15px;
}

#header .social li {
    display: inline-block;
    width: 18%;
    text-align: center;
}

#header .social li a {
    display: inline-block;
    color: #00022E;
    text-indent: -999999em;
    padding: 2px 0;
    font-size: 200%;
}

#header .social li span {
    display: block;
    color: #00022E;
    text-indent: 0;
}

#header .social li a:hover span {
    color: #67BEF4;
    transition: color 200ms;
}

#header {
    width: 100%;
    position: fixed;
    z-index: 99999;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
}

#header .header-wrapper {
    position: relative;
    width: 90%;
    padding: 10px 0;
    margin: auto;
}

/*#header:before{content:'';position:absolute;width:100%;height:909px;left:0;top:0;background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(0, 190, 250, 0.103125) 0%, rgba(255, 255, 255, 0.2) 25.52%, rgba(46, 201, 251, 0.2) 100%), rgba(0, 156, 222, 0.9);
box-shadow: 0px 4.64671px 11.6168px rgba(0, 0, 0, 0.1);backdrop-filter: blur(10.6301px);}*/
#header .bg-blur {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(103, 190, 244, 0.103125) 0%, rgba(255, 255, 255, 0.2) 25.52%, rgba(70, 165, 230, 0.2) 100%), rgba(103, 190, 244, 0.9);*/
    background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(103, 190, 244, 0.103125) 0%, rgba(255, 255, 255, 0.2) 25.52%, rgba(70, 165, 230, 0.2) 100%), rgba(25, 102, 22, 0.9);
    box-shadow: 0px 4.64671px 11.6168px rgba(0, 0, 0, 0.1);
    /*-webkit-backdrop-filter: blur(10.6301px);*/
    background: -webkit-radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(103, 190, 244, 0.103125) 0%, rgba(255, 255, 255, 0.2) 25.52%, rgba(70, 165, 230, 0.2) 100%), rgba(103, 190, 244, 0.9);
    z-index: -1;
}

#header .logo {
    display: inline-block;
    position: relative;
    z-index: 99999;
}

#header .logo svg, #header .logo svg {
    display: block;
    width: auto;
    height: 80px;
}

#header .logo svg path#logo-border {
    fill: #fff;
    transition: 200ms 300ms ease-out;
}

#header.active .logo svg path#logo-border {
    fill: #00022E;
}

#header .logo svg .logo-border {
    fill: #fff;
    transition: 200ms 300ms ease-out;
}

#header.active .logo svg .logo-border {
    fill: #00022E;
}

#rpass_button {
    position: absolute;
    right: 75px;
    top: 50%;
    z-index: 99999;
    border-radius: 3px;
    transform: translate(0,-50%);
    padding: 12px;
    background: #fff;
    color: #67BEF4;
    font: bold 80%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: 200ms ease-out;
}

#rpass_button:hover {
    background: #00022E;
    color: #fff;
}

#header.active #rpass_button {
    background: #00022E;
    color: #67BEF4;
}

#menu_button {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 99999;
    transform: translate(0,-50%);
    width: 34px;
    height: 30px;
    cursor: pointer;
}

#menu_button span {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background: /*#e46447*/#fff;
    border-radius: 2px;
    transition: all 300ms ease-out;
}

#menu_button:hover span {
    background: #fff;
}

#menu_button span.top {
    top: 0;
}

#menu_button span.middle {
    top: 12px;
}

#menu_button span.bottom {
    top: 24px;
}

#menu_button.active span.top {
    box-shadow: none;
    transform: rotate(45deg);
    width: 110%;
    top: 50%;
    margin-top: -2.5px;
}

#menu_button.active span.middle {
    box-shadow: none;
    left: 200%;
    opacity: 0;
}

#menu_button.active span.bottom {
    box-shadow: none;
    transform: rotate(135deg);
    width: 110%;
    top: 50%;
    margin-top: -2.5px;
}

#menu_button.active span {
    background: #00022E;
    box-shadow: -2px 2px rgba(0,0,0,.2);
}

/*---MENU---*/
#menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 150px 5% 0;
    z-index: 99998;
    transition: all 500ms;
    background: url(../img/bg-menu.svg) repeat-y center center;
    background-size: cover;
    background: radial-gradient(68.4% 143.85% at 11.66% 7.15%, rgba(103, 190, 244, 0.403125) 0%, rgba(255, 255, 255, 0.4) 25.52%, rgba(70, 165, 230, 0.4) 100%), rgba(103, 190, 244, 0.4);
    box-shadow: 0px 4.64671px 11.6168px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10.6301px);
}

#menu:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .5;
    left: 0;
    top: 0;
    z-index: -1;
}

#menu.active {
    right: 0;
}

#menu ul {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#menu li.item {
    width: 100%;
}

#menu li.item a.seccion {
    display: block;
    width: 25%;
    text-transform: uppercase;
    color: #00022E;
    font: 100%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #67BEF4;
    padding: 20px 25px;
    white-space: nowrap;
    transition: color 200ms ease-out, background 200ms ease-out;
}

#menu li.item:first-child a.seccion {
    border-top: 1px solid #67BEF4;
}

#menu li.item.active a.seccion {
    background: #67BEF4;
    color: #fff;
}

#menu li.item .desplegable {
    display: none;
    position: absolute;
    left: 25%;
    top: 0;
    width: 75%;
    padding: 0 0 0 5%;
}

#menu li.item.active .desplegable {
    display: block;
    column-count: 2;
}

#menu li.item .columna {
    margin: 0;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
}

#menu li.item .areas .columna {
    page-break-inside: inherit;
    break-inside: inherit;
    display: block;
}

#menu li.item h4 {
    font: bold 90%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #00022E;
    text-transform: uppercase;
    cursor: default;
}

#menu li.item li {
    margin: 8px 0;
}

#menu li.item ul {
    margin: 0 auto 15px;
}

#menu li.item li a {
    font: 90%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    padding: 5px 0;
    margin: 0;
    color: #00022E;
    text-transform: none;
}



#menu .menu_search form {
    position: relative;
    width: 25%;
}

#menu .menu_search input {
    display: block;
    width: 100%;
    background: transparent;
    padding: 20px 35px 20px 25px;
    border-radius: 0 !important;
    border-bottom: 1px solid #67BEF4;
    color: #00022E;
    font: 115%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    transition: background 200ms;
}

#menu .menu_search input::placeholder {
    font: 85%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #00022E;
    opacity: 1;
}

#menu .menu_search input:focus {
    background: #fff;
}

#menu .menu_search button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 200%;
    color: #00022E;
    background: none;
    cursor: pointer;
}

/*--- NOTICIAS ---*/
#noticias-home {
    padding: 0 5%;
    margin: 50px auto 0;
}

.noticia-big {
    float: left;
    width: 55%;
    margin-right: 1%;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background: #67bef450;
}

.noticia-big .foto {
    overflow: hidden;
}

.noticia-big .foto a {
    display: block;
}

.noticia-big .foto img {
    display: block;
    width: 100%;
    height: auto;
}

.noticia-big .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    pointer-events: none;
}

.noticia-big .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 50px;
}

.noticia-big .volanta {
    position: absolute;
    right: 0;
    top: 0;
    font: 70%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #fff;
    background: #67BEF4;
    padding: 8px;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: left;
    box-shadow: -1px 0 5px rgba(0,0,0,.5);
    border-radius: 0 0 0 2px;
}

.noticia-big .volanta a {
    color: #fff;
}

.noticia-big .title h2 {
    width: 100%;
    font: bold 300%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    text-shadow: 5px 5px 8px rgba(0,0,0,.5);
}

.noticia-big .title h2 a {
    color: #fff;
}

.noticia-big .title p {
    font-size: 140%;
    margin: 10px auto 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,.8);
}

.noticias-medium {
    float: left;
    width: 27.5%;
    margin-right: 1%;
    overflow: hidden;
    border-radius: 2px;
}

.noticia-medium {
    width: 100%;
    position: relative;
    background: #67bef450;
}

.noticia-medium .foto {
    overflow: hidden;
}

.noticia-medium .foto a {
    display: block;
}

.noticia-medium .foto img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1024 / 550;
}

.noticia-medium .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background-size: auto 100%;
    pointer-events: none;
}

.noticia-medium .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 30px;
}

.noticia-medium .volanta {
    position: absolute;
    right: 0;
    top: 0;
    font: 70%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #fff;
    background: #67BEF4;
    padding: 6px;
    text-transform: uppercase;
    box-shadow: -1px 0 5px rgba(0,0,0,.5);
    border-radius: 0 0 0 2px;
}

.noticia-medium .volanta a {
    color: #fff;
}

.noticia-medium .title h2 {
    width: 100%;
    font: bold 165%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    text-shadow: 5px 5px 8px rgba(0,0,0,.3);
}

.noticia-medium .title h2 a {
    color: #fff;
}

.noticias-square {
    float: left;
    width: 14.75%;
    overflow: hidden;
    border-radius: 2px;
    background: #67bef450;
}

.noticia-square {
    width: 100%;
    position: relative;
}

.noticia-square .foto {
    overflow: hidden;
}

.noticia-square .foto a {
    display: block;
}

.noticia-square .foto img {
    display: block;
    width: 100%;
    height: auto;
}

.noticia-square .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background-size: auto 100%;
    pointer-events: none;
}

.noticia-square .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 20px;
}

.noticia-square .volanta {
    position: absolute;
    right: 0;
    top: 0;
    font: 60%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #fff;
    background: #67BEF4;
    padding: 6px;
    text-transform: uppercase;
    box-shadow: -1px 0 5px rgba(0,0,0,.5);
    border-radius: 0 0 0 2px;
}

.noticia-square .volanta a {
    color: #fff;
}

.noticia-square .title h2 {
    width: 100%;
    font: bold 110%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    text-shadow: 5px 5px 8px rgba(0,0,0,.3);
}

.noticia-square .title h2 a {
    color: #fff;
}

.noticia-small {
    float: left;
    width: 47%;
    margin: 0 1.5% 3%;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background: #67bef450;
}

.video-noticia-small {
    float: left;
    width: 47%;
    padding-bottom: 25.1%;
    height: 0;
    margin: 0 1.5% 3%;
    position: relative;
    overflow: hidden;
}

.video-noticia-small iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.noticia-small .foto {
    overflow: hidden;
}

.noticia-small .foto a {
    display: block;
}

.noticia-small .foto img {
    display: block;
    width: 100%;
    height: auto;
}

.noticia-small .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background-size: auto 100%;
    pointer-events: none;
}

.noticia-small .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 30px;
}

.noticia-small .title h2 {
    width: 100%;
    font: bold 165%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 5px 5px 8px rgba(0,0,0,.3);
}

.noticia-small .title h2 a {
    color: #fff;
}

.noticia-small .volanta {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font: 70%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    background: #67BEF4;
    padding: 8px;
    text-transform: uppercase;
    box-shadow: -1px 0 5px rgba(0,0,0,.5);
    border-radius: 0 0 0 2px;
}

.noticia-small .volanta a {
    color: #fff;
}



.banner-fx .bg {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.banner-fx .carnet {
    position: absolute;
    top: 22px;
    left: 10%;
    width: 80%;
    pointer-events: none;
    transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
}

.banner-fx .suma {
    position: absolute;
    top: 72px;
    left: 10%;
    width: 80%;
    pointer-events: none;
    transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
}

.banner-fx .faja {
    position: absolute;
    top: 113px;
    width: 0;
    height: 35px;
    background: #fff;
    opacity: .5;
    pointer-events: none;
    transition: all 100ms;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
}

.banner-fx .carnet img, .banner-fx .suma img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.banner-fx a.buttonfx {
    display: block;
    position: absolute;
    margin: 0 0 0 -75px;
    width: 150px;
    left: 50%;
    bottom: -100%;
    padding: 10px;
    font-size: 125%;
    transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
}

.banner-fx:hover .carnet {
    top: 13px;
    transform: scale(.8);
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
}

.banner-fx:hover .suma {
    top: 52px;
    transform: scale(.95);
    -moz-transform: scale(.95);
    -webkit-transform: scale(.95);
}

.banner-fx:hover .faja {
    width: 100%;
    opacity: .7;
    transition: all 800ms 200ms;
    -moz-transition: all 800ms 200ms;
    -webkit-transition: all 800ms 200ms;
}

.banner-fx:hover a.buttonfx {
    bottom: 10px;
    background: #fff;
    color: #67BEF4 !important;
    border-color: #fff;
}

.banner-fx a.buttonfx:hover:after {
    background: #67BEF4;
    color: #fff;
}

.banner-fx a.buttonfx:hover {
    border-color: #67BEF4;
}

.noticia-mini {
    float: left;
    width: 23%;
    margin: 0 1% 2%;
    position: relative;
    text-align: left;
    overflow: hidden;
    border-radius: 2px;
    background: #67bef450;
}

.noticia-mini .foto {
    overflow: hidden;
}

.noticia-mini .foto a {
    display: block;
}

.noticia-mini .foto img {
    display: block;
    width: 100%;
    height: auto;
}

.noticia-mini .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background-size: auto 100%;
    pointer-events: none;
}

.noticia-mini .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 25px;
}

.noticia-mini .title h2 {
    width: 100%;
    font: bold 120%/105% 'Montserrat', Arial, Helvetica, sans-serif;
    text-shadow: 5px 5px 8px rgba(0,0,0,.3);
}

.noticia-mini .title h2 a {
    color: #fff;
}

.noticia-mini .volanta {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font: 60%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    background: #67BEF4;
    padding: 6px;
    text-transform: uppercase;
    box-shadow: -1px 0 5px rgba(0,0,0,.5);
    border-radius: 0 0 0 2px;
}

.noticia-mini .volanta a {
    color: #fff;
}

.noticia-chica {
    float: left;
    width: 31.3%;
    margin: 0 1% 2%;
    position: relative;
    text-align: left;
    overflow: hidden;
    border-radius: 2px;
    background: #67bef450;
}

.noticia-chica .foto {
    overflow: hidden;
}

.noticia-chica .foto a {
    display: block;
}

.noticia-chica .foto img {
    display: block;
    width: 100%;
    height: auto;
}

.noticia-chica .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background-size: auto 100%;
    pointer-events: none;
}

.noticia-chica .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 25px;
}

.noticia-chica .title h2 {
    width: 100%;
    font: bold 120%/105% 'Montserrat', Arial, Helvetica, sans-serif;
    text-shadow: 5px 5px 8px rgba(0,0,0,.3);
}

.noticia-chica .title h2 a {
    color: #fff;
}

.noticia-chica .volanta {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font: 60%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    background: #67BEF4;
    padding: 6px;
    text-transform: uppercase;
    box-shadow: -1px 0 5px rgba(0,0,0,.5);
    border-radius: 0 0 0 2px;
}

.noticia-chica .volanta a {
    color: #fff;
}

.noticia-sidebar {
    width: 100%;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background: #67bef450;
}

.noticia-sidebar .foto {
    overflow: hidden;
}

.noticia-sidebar .foto a {
    display: block;
}

.noticia-sidebar .foto img {
    display: block;
    width: 100%;
    height: auto;
}

.noticia-sidebar .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%);
    background-size: auto 100%;
    pointer-events: none;
}

.noticia-sidebar .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 25px;
}

.noticia-sidebar .title h2 {
    width: 100%;
    font: bold 120%/105% 'Montserrat', Arial, Helvetica, sans-serif;
    text-shadow: 5px 5px 8px rgba(0,0,0,.3);
}

.noticia-sidebar .title h2 a {
    color: #fff;
}

.noticia-sidebar .volanta {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font: 60%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    background: #67BEF4;
    padding: 6px;
    text-transform: uppercase;
    box-shadow: -1px 0 5px rgba(0,0,0,.5);
    border-radius: 0 0 0 2px;
}

.noticia-sidebar .volanta a {
    color: #fff;
}

.noticia-play {
    position: absolute;
    left: 50%;
    top: 45%;
    margin: -37px 0 0 -37px;
    display: block;
    width: 75px;
    height: 75px;
    background: url(../img/play.png) no-repeat center center;
    text-indent: -999999em;
    overflow: hidden;
}

.fixture {
    position: relative;
}

.fixture a {
    color: #000;
}

/*.fixture .fixture-header {
    position: relative;
}*/

.fixture .nav-buttons {
    position: absolute;
    right: 0;
    bottom: 5px;
    text-align: right;
}

.fixture .nav-button {
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #67BEF4;
    color: #fff;
    padding: 5px;
    text-align: center;
    width: 25px;
    height: 25px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: 200ms ease-out;
}

.fixture .nav-button svg {
    display: block;
    margin: auto;
}

.fixture .nav-button svg path {
    stroke: #67BEF4;
}

.fixture .nav-button:hover {
    background: #67BEF4;
}

.fixture .nav-button:hover svg path {
    stroke: #fff;
}

.fixture .nav-button.disabled{cursor:not-allowed;background:transparent;border-color:#999;}
.fixture .nav-button.disabled svg path{stroke:#999;}
.fixture .partidos {
    position: relative;
    height: 265px;
  /*  overflow: hidden;*/
}

.fixture .partidos li {
    float: left;
    width: 48%;
    margin: 0 15px 0 0;
    height: 265px;
    position: relative;
    border: 1px solid #67BEF4;
    text-align: center;
    font-size: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixture div.torneo {
    padding: 8px 0;
    color: #67BEF4;
    height: 34px;
    margin: 0 0 10px;
    border-bottom: 1px solid #67BEF4;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
}

.fixture div.amistosos {
    background-position: right -80px;
}

/*.fixture .timeago {
    display: inline-block;
    padding: 4px;
    font-size: 70%;
    line-height: 100%;
    border: 1px solid #999;
    color: #999;
    text-transform: uppercase;
    margin: 0 0 10px;
    white-space: nowrap;
}

.fixture div.equipo {
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    white-space: nowrap;
}

.fixture div.equipo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 45px;
}*/

.fixture div.goles {
    font: bold 350%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    height: 40px;
    text-align: center;
    margin: 5px auto;

    
}

.fixture div.vs {
    font: bold 180%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    height: 40px;
    padding: 7px 0;
    text-align: center;
    margin: 5px auto;
}

.fixture div.vs a {
    color: #ccc;
}

.fixture div.goles .penales {
    font-weight: 400;
    font-size: 40%;
    letter-spacing: -2px;

    
}

.fixture .tickets {
    float: left;
    display: block;
    width: 40%;
    height: 50px;
    font-family: 'Druk Wide', Arial, Helvetica, sans-serif;
    color: #67BEF4;
    text-transform: uppercase;
    text-align: center;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.fixture .tickets .icon-ticket {
    display: block;
    font-size: 250%;
    margin: 0 auto 3px;
}

.fixture .tickets:hover {
    color: #67BEF4;
    font-size: 110%;
}

.fixture .prev,.fixture .prox {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    color: #67BEF4;
    width: 100%;
}

.posiciones_home {
    margin: 25px auto;
}

.posiciones_home h3 {
    margin-bottom: 5px;
}

.posiciones_home table {
    width: 100%;
    font-size: 85%;
    border-spacing: 0;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-collapse: collapse;
    border-bottom: 3px solid #67BEF4;
}

.posiciones_home th, .posiciones_home td {
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
}

.posiciones_home td img {
    width: 25px;
    height: auto;
}

.posiciones_home th {
    border-bottom: 1px solid #67BEF4;
    padding: 8px 5px;
    color: #333;
}

.posiciones_home .equipo {
    text-align: left;
}

.posiciones_home .racing {
    background: #67BEF4;
    color: #fff;
}

.posiciones_home .resaltado {
    font-weight: bold;
}

/*--- plantel home ---*/
.plantel_home {
    position: relative;
    width: 100%;
    margin: 0 auto 75px;
}

.plantel_home .plantel-header {
    position: relative;
}

.plantel_home .titulo {
    padding: 15px 0;
    font-size: 125%;
}

.plantel_home .sw-buttons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: right;
}

.plantel_home .sw-button {
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #67BEF4;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: 200ms ease-out;
}

.plantel_home .sw-button svg {
    display: block;
    margin: auto;
}

.plantel_home .sw-button svg path {
    stroke: #67BEF4;
}

.plantel_home .sw-button:hover {
    background: #67BEF4;
}

.plantel_home .sw-button:hover svg path {
    stroke: #fff;
}

.plantel_home .sw-button.swiper-button-disabled {
    cursor: not-allowed;
    background: transparent;
    border-color: #999;
}

.plantel_home .sw-button.swiper-button-disabled svg path {
    stroke: #999;
}

.plantel_home li {
    position: relative;
    margin: 0 !important;
    width: auto !important;
    padding: 0 1px;
}

.plantel_home li a.foto {
    display: block;
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

.plantel_home li a.foto img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.plantel_home li a.foto:hover img {
    opacity: .9;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 5000ms ease-out;
    -moz-transition: all 5000ms ease-out;
    -webkit-transition: all 5000ms ease-out;
}

.plantel_home li div.nombre {
    width: 100%;
    padding: 30px 15px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    font: normal 110%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: -.5px;
    text-transform: none;
    text-shadow: 0 0 5px rgba(0,0,0,.8);
    pointer-events: none;
}

.plantel_home li div.nombre a {
    color: #fff;
    position: relative;
}

.plantel_home li div.nombre strong {
    display: block;
    font: normal 90%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
}

.plantel_home li span.numero {
    color: #00022E;
    font: normal 175%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    opacity: .2;
    position: absolute;
    right: 10px;
    top: 10px;
}

.plantel_home li div.nombre {
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.85) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,0.85) 100%);
}

.plantel_home .navigation .flex-prev {
    display: none;
}

.plantel_home .navigation .flex-next {
    display: block;
    position: absolute;
    top: 55%;
    right: -20px;
    z-index: 10;
    background: #fff;
    padding: 8px;
    border-radius: 50%;
}

.plantel_home .navigation .flex-next:before {
    font-family: 'icons';
    font-size: 220%;
    line-height: 110%;
    display: inline-block;
    color: #67BEF4;
    content: '\ea42';
    transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -webkit-transition: color 200ms ease-out;
}

.plantel_home .navigation .flex-next:hover:before {
    color: #67BEF4;
}

#ofertas_locademia {
    display: block;
    position: relative;
    width: 100%;
    padding: 50px 0 0;
}

#ofertas_locademia:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 70%;
    background: #00022E url(../img/bg-locademia.svg) no-repeat center center;
    background-size: cover;
    /*background: linear-gradient(103.95deg, #002941 12.64%, #044469 83.72%);box-shadow: 0px 0px 40px rgba(0, 157, 219, 0.15);*/
}

#ofertas_locademia .locademia-header {
    position: relative;
    z-index: 1;
}

#ofertas_locademia .locademia-logo {
    display: block;
    max-width: 250px;
    width: 55%;
    position: relative;
}

#ofertas_locademia .locademia-logo img {
    display: block;
    width: 100%;
    height: auto;
}

#ofertas_locademia .productos {
    margin: 0 auto;
    padding: 50px 10px;
    width: 100%;
}

#ofertas_locademia .producto {
    background: #fff;
    padding: 2% 3%;
    box-shadow: -2px 2px 10px rgba(0,0,0,.2);
    text-align: center;
}

#ofertas_locademia .producto .foto {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 200px;
    margin: 0 auto 10px;
}

#ofertas_locademia .producto img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

#ofertas_locademia .producto h4 {
    height: 50px;
    font: 100%/105% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #002b54;
}

#ofertas_locademia .producto h4 a {
    color: #002b54;
}

#ofertas_locademia .producto a.buttonfx {
    margin: 15px auto;
    display: block;
}

#ofertas_locademia .sw-buttons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: right;
}

#ofertas_locademia .sw-button {
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #67BEF4;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: 200ms ease-out;
}

#ofertas_locademia .sw-button svg {
    display: block;
    margin: auto;
}

#ofertas_locademia .sw-button:hover {
    background: #67BEF4;
}

#ofertas_locademia .sw-button.swiper-button-disabled {
    cursor: not-allowed;
    background: transparent;
    border-color: #999;
}

#ofertas_locademia .sw-button.swiper-button-disabled svg path {
    stroke: #999;
}

.banner.big {
    width: 100%;
    margin: 50px auto 0;
    text-align: center;
}

.banner.big .swiper-container {
    width: 90%;
    clear: both;
    max-width: 750px;
    max-height: 100px;
    margin: 0 auto;
}

.banner.big img {
    display: block;
    width: 100%;
    height: auto;
}

.banner.medium {
    float: left;
    width: 47%;
    margin: 2% 1.5% 5%;
    position: relative;
}

.banner.medium img {
    display: block;
    width: 100%;
    height: auto;
    /*border:1px solid #e8e8e8;*/
}

.banner.small {
    float: left;
    width: 30.3%;
    margin: 2% 1.5% 5%;
    position: relative;
}

.banner.small img {
    display: block;
    width: 100%;
    height: auto;
    /*border:1px solid #e8e8e8;*/
}

.banner.mini {
    float: left;
    width: 22%;
    margin: 2% 1.5%;
    position: relative;
}

.banner.mini img {
    display: block;
    width: 100%;
    height: auto;
    /*border:1px solid #e8e8e8;*/
}

.banner.side {
    width: 100%;
    margin: 25px auto;
}

.banner.side img {
    display: block;
    width: 100%;
    height: auto;
    /*border:1px solid #e8e8e8;*/
}



#galerias .galerias-header {
    position: relative;
}

#galerias .titulo {
    padding: 15px 0;
    font-size: 125%;
}

#galerias .sw-buttons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: right;
}

#galerias .sw-button {
    display: inline-block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #67BEF4;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: 200ms ease-out;
}

#galerias .sw-button svg {
    display: block;
    margin: auto;
}

#galerias .sw-button svg path {
    stroke: #67BEF4;
}

#galerias .sw-button:hover {
    background: #67BEF4;
}

#galerias .sw-button:hover svg path {
    stroke: #fff;
}

#galerias .sw-button.swiper-button-disabled {
    cursor: not-allowed;
    background: transparent;
    border-color: #999;
}

#galerias .sw-button.swiper-button-disabled svg path {
    stroke: #999;
}

#galerias .galerias_home {
    width: 100%;
}

#galerias .g {
    float: left;
    width: 25%;
    margin: 0;
    background: #00022E;
}

#galerias .g a {
    position: relative;
    display: block;
    color: #fff;
    width: 100%;
    height: auto;
    margin: 0;
    overflow: hidden;
    z-index: 0;
}

#galerias .g a .title {
    display: block;
    position: absolute;
    left: 0;
    top: -100%;
    opacity: 0;
    width: 100%;
    padding: 5%;
    margin: 0 auto;
    text-align: center;
    font: 115%/120% 'Montserrat', Arial, Helvetica, sans-serif;
    transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    z-index: 0;
}

#galerias .g a:hover span {
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
}

#galerias .g img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: .4;
    transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

#galerias .g a:hover img {
    opacity: .2;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    z-index: 0;
}

#galerias .g.g-dos img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

#galerias .g.g-dos a {
    float: left;
    width: 50%;
    height: auto;
    margin: 0;
}

#galerias .g.g-dos a .title {
    font-size: 90%;
}

#galerias .g.g-dos a:hover .title {
    top: 12%;
}

#galerias .g a .title strong {
    display: block;
    opacity: 0;
    position: relative;
    width: 90px;
    margin: 15px auto;
    padding: 7px 0;
    text-align: center;
    font: 300 70%/110% 'Druk Wide', Arial, Helvetica, sans-serif;
    border: 2px solid #67BEF4;
    color: #67BEF4;
    background: none;
    transition: all 600ms 300ms ease-out;
    -moz-transition: all 600ms 300ms ease-out;
    -webkit-transition: all 600ms 300ms ease-out;
    z-index: 0;
}

#galerias .g a:hover .title strong {
    opacity: 1;
}

/*--- PIE ---*/
#footer {
    margin: 75px auto 0;
    width: 100%;
    position: relative;
}

/*--- SUSCRIPCION NEWS ---*/
#suscripcion {
    padding: 75px 0;
    background: #67BEF4;
    color: #fff;
}

#suscripcion form {
    position: relative;
    width: 50%;
    max-width: 800px;
    margin: auto;
    padding: 20px 0;
    color: #fff;
    text-transform: uppercase;
}

#suscripcion label {
    display: none;
}

#suscripcion input {
    display: inline-block;
    background: transparent;
    width: 73%;
    margin: 0 1% 0 0;
    height: 75px;
    padding: 15px;
    font: 170%/110% 'Montserrat',Arial,Helvetica,sans-serif;
    border: 1px solid #fff;
    color: #fff;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

#suscripcion input:focus {
    box-shadow: inset 0px 0px 8px #67BEF4;
}

#suscripcion span.msj {
    position: absolute;
    left: 0;
    bottom: -20px;
    display: block;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 90%;
    line-height: 105%;
}

#suscripcion button {
    display: inline-block;
    background: transparent;
    width: 25%;
    height: 75px;
    position: relative;
    font: 170%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
}

.legales {
    display: block;
    background: #00022E;
    color: #67BEF4;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    padding: 20px 0% 20px;
    border-top: 1px solid #67BEF4;
}

.legales .escudo-foot {
    margin: 0 auto 50px;
    display: block;
    width: 60%;
    max-width: 290px;
    height: auto;
}

.legales .datafiscal {
    display: inline-block;
    margin: 50px auto 0;
}

/*--- SPONSORS ---*/
#sponsors {
    padding: 75px 5% 50px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #00022E url(../img/bg-footer.svg) no-repeat center top;
    background-size: cover;
    /*background: radial-gradient(69.53% 147.01% at 10.53% -9.82%, rgba(255, 255, 255, 0.245) 0%, rgba(0, 41, 65, 0.1) 48.44%, rgba(0, 156, 222, 0.25) 100%), #002941;box-shadow: 0px 4.64671px 11.6168px rgba(0, 0, 0, 0.1);backdrop-filter: blur(10.6301px);*/
}

#sponsors .mainsponsors, #sponsors .sponsors {
    margin: 0 auto 50px;
}

#sponsors ul {
    width: 100%;
    margin: 0 auto;
}

#sponsors li {
    display: inline-block;
    width: 12%;
    margin: 0;
    padding: 5px;
    list-style: none;
}

#sponsors .mainsponsors li {
    width: 17%;
    padding: 10px;
}

#sponsors li img {
    display: block;
    max-width: 96px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#sponsors .mainsponsors li img {
    max-width: 120px;
}

#sponsors .title {
    color: #67BEF4;
    font: bold 120%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    cursor: default;
    margin: 0 auto 10px;
}

/*--- BUSCADOR ---*/
#buscador {
    position: fixed;
    top: -150%;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 175px 5% 0;
    background: rgba(255,255,255,.99);
    z-index: 9999;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}

#buscador.active {
    top: 0;
}

#buscador.top {
    padding-top: 225px;
}

#buscador .cerrar {
    position: absolute;
    right: 25px;
    top: 50px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}

#buscador.top .cerrar {
    top: 175px;
}

#buscador .cerrar .x {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: #67BEF4;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}

#buscador .cerrar .xx {
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

#buscador .cerrar:hover .x {
    background: #ccc;
}

#buscador h2 {
    color: #00022E;
    font: bold 425%/110% 'Montserrat', Arial, Helvetica, sans-serif;
}

#buscador p {
    font-size: 140%;
    margin: 25px 0 50px;
}

#buscador form {
    width: 90%;
    margin: 0 auto;
}

#buscador input {
    display: inline-block;
    background: transparent;
    width: 80%;
    margin: 0 1% 0 0;
    height: 75px;
    padding: 15px;
    font: 170%/110% 'Montserrat',Arial,Helvetica,sans-serif;
    border: 1px solid #67BEF4;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

#buscador input:focus {
    box-shadow: inset 0px 0px 8px #67BEF4;
}

#buscador button {
    display: inline-block;
    background: transparent;
    width: 18%;
    height: 75px;
    position: relative;
    font: 170%/100% 'Montserrat', Arial, Helvetica, sans-serif;
    border: 1px solid #67BEF4;
    color: #67BEF4;
    cursor: pointer;
}

/*--- ERROR ---*/
#error404 {
    margin: 0 auto;
    width: 100%;
    max-width: 850px;
    padding: 150px 0;
    text-align: center;
}

#error404 h2 {
    font: bold 350%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
    margin: 0 auto 15px;
}

#error404 p {
    font: 180%/110% 'Montserrat', Arial, Helvetica, sans-serif;
}

/*--- PAGENAVI ---*/
.pag {
    min-width: 300px;
    max-width: 100%;
    text-align: center;
    margin: 15px auto 0;
}

.pag a,.pag span {
    display: inline-block;
    font: 110%/100% 'Montserrat','Montserrat',Arial,Helvetica,sans-serif;
    margin: 1px 2px 0;
    padding: 10px 15px;
    background: #67BEF4;
    color: #fff;
    transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.pag a:hover {
    opacity: .8;
    text-decoration: none;
    padding: 12px 16px;
    margin: 0 1px;
}

.pag span {
    background: #fcfcfc;
    color: #00022E;
    border: 1px solid #dcdcdc;
    font-weight: bold;
    padding: 12px 16px;
    margin: 0 2px;
}

.pag a.prev {
    margin-left: 3px;
}

/*--- GALERIA ---*/
.galeria {
    background: #e8e8e8;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto 50px;
    padding: 0;
    position: relative;
    z-index: 9999;
    /*padding-top:66.6%;*/
}

.galeria .swiper-slide img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

/*--- TRANSLATE ---*/
#header.top h1 a.en {
    background-image: url(../translate/img/escudo-tira_en.png);
}

#header.top h1 a.fr {
    background-image: url(../translate/img/escudo-tira_fr.png);
}

#header.top h1 a.it {
    background-image: url(../translate/img/escudo-tira_it.png);
}

#header.top h1 a.pt {
    background-image: url(../translate/img/escudo-tira_pt.png);
}

.frase_translate {
    width: 80%;
    padding: 15px 0 0;
}

.frase_translate img {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    max-width: 320px;
}

#header.top .frase_translate {
    display: none;
}

.legales .escudo-foot.en {
    background-image: url(../translate/img/escudo-foot_en.png);
}

.legales .escudo-foot.fr {
    background-image: url(../translate/img/escudo-foot_fr.png);
}

.legales .escudo-foot.it {
    background-image: url(../translate/img/escudo-foot_it.png);
}

.legales .escudo-foot.pt {
    background-image: url(../translate/img/escudo-foot_pt.png);
}

#esports {
    padding: 50px 5%;
    background: #0193cc url(../img/esports/bg.jpg) no-repeat center top;
    background-size: 100% auto;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

#esports .esports-form {
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
}

#esports h6 {
    font: 125%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    margin: 0 auto 15px;
    padding: 8px;
    background: #00022E;
    text-transform: uppercase;
}

#esports h4 {
    font: bold 120%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #67BEF4;
    text-align: center;
    margin: 15px auto;
    padding: 8px;
    background: #fff;
    text-transform: uppercase;
}

#esports h5 {
    font: bold 120%/110% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    margin: 15px auto;
    text-transform: uppercase;
}

#esports .foto {
    float: left;
    width: 31.3%;
    margin: 0 1%;
}

#esports h3 img {
    max-width: 45%;
    height: auto;
    float: left;
}

#esports h3 img.torneo-fifa {
    padding: 0 35px;
    margin: 0 5% 0 0;
    border-right: 2px solid #fff;
}

#esports form {
    width: 100%;
    text-align: left;
    margin: 0 auto 50px;
}

#esports form .bloque {
    width: 100%;
    margin: 0 auto 15px;
}

#esports form p {
    font-size: 120%;
    line-height: 125%;
    color: #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
    padding: 25px;
    margin: 25px auto;
}

#esports form p strong {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    display: block;
    font-size: 120%;
    margin: 0 auto 5px;
    text-transform: uppercase;
}

#esports form label {
    display: block;
    text-transform: uppercase;
    font: bold 90%/150% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
}

#esports form input {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 10px;
    font: 120%/150% 'Montserrat',Arial,Helvetica,sans-serif;
}

#esports form button {
    display: block;
    width: 90%;
    margin: 25px auto 0;
    text-align: center;
    background: #00022E;
    border-radius: 3px;
    padding: 10px 15px;
    text-transform: uppercase;
    font: bold 125%/120% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    cursor: pointer;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
}

#esports form button:hover {
    background: #333;
}

#esports .msj {
    display: none;
    text-align: center;
    background: #666;
    color: #fff;
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    border-radius: 3px;
    font-weight: bold;
}

#esports .carnet {
    display: block;
    width: 100%;
    max-width: 220px;
    margin: 10px auto 25px;
}

#esports .pie {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px auto;
    max-width: 600px;
}

#login {
    max-width: 400px;
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
}

#login h3 {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    margin: 0 auto 15px;
    text-transform: uppercase;
    font: bold 175%/150% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #00022E;
}

#login h3 span {
    display: block;
    font-size: 250%;
}

#login form {
    width: 100%;
    text-align: left;
    background: rgba(255,255,255,.95);
    border-radius: 4px;
    padding: 25px 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}

#login form .bloque {
    width: 90%;
    margin: 0 auto 15px;
}

#login form label {
    display: block;
    text-transform: uppercase;
    font: bold 90%/150% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #666;
}

#login form input {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 10px;
    font: 120%/150% 'Montserrat',Arial,Helvetica,sans-serif;
}

#login form button {
    display: block;
    width: 90%;
    margin: 25px auto 0;
    text-align: center;
    background: #67BEF4;
    border-radius: 3px;
    padding: 10px 15px;
    text-transform: uppercase;
    font: bold 135%/150% 'Montserrat', Arial, Helvetica, sans-serif;
    color: #fff;
    cursor: pointer;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
}

#login form button:hover {
    background: #00022E;
}

#login-error {
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    background: #333;
    padding: 17px 0;
    z-index: 99999999;
}

.grecaptcha-badge {
    opacity: 0;
}

.racingpass_aviso {
    margin: 0 auto;
    text-align: center;
    padding: 35px 5%;
    margin: 25px auto;
    background: #00022E;
    color: #fff;
    border-radius: 4px;
}

.racingpass_aviso h3 {
    font: bold 135%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto 15px;
}

.racingpass_aviso p {
    font-size: 100%;
    line-height: 150%;
    margin: 0 auto 25px;
}

.racingpass_aviso p a {
    color: #67BEF4;
    border-bottom: 1px dotted #67BEF4;
}

.racingpass_aviso .boton {
    display: block;
    max-width: 250px;
    padding: 12px 0;
    border: 2px solid #67BEF4;
    background: #67BEF4;
    color: #fff;
    margin: 25px auto 0;
    border-radius: 3px;
    text-align: center;
    font: bold 85%/100% 'Druk Wide', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    transition: 200ms ease-out;
}

.racingpass_aviso .boton:hover {
    background: transparent;
    color: #67BEF4;
}


.swiper-slide,.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: auto;
    z-index: 1

   
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    /*-ms-flex: 0 0 auto;*/
    flex-shrink: 0
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2367BEF4'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2367BEF4'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar,.swiper-pagination-white .swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #67bef4
}

.swiper-pagination-black .swiper-pagination-bullet-active,.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #67bef4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

/*.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}*/

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    /*-ms-touch-action: none;*/
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: 1s steps(12,end) infinite swiper-preloader-spin;
    -moz-animation: 1s steps(12,end) infinite swiper-preloader-spin;
    animation: 1s steps(12,end) infinite swiper-preloader-spin
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}


/*-----------------BOTON INICIO -----------------*/

.botoninicio{
    display: flex;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    z-index: 100;

cursor: default;
    background: #7e3636;
    font-size: 23px;
    color: #961b1b;
}
.back-to-top::before {
    content: "\f106";
    font-family: FontAwesome;
    position: absolute;
    color: #f5f0ec;
    z-index: 111;
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
}

.botoninicio1{
    display: flex;
    position: fixed;
    bottom: 95px;
    right: 30px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    z-index: 100;

cursor: default;
   /* background: #7e3636;*/
    font-size: 23px;
    color: #961b1b;
}
.back-to-top::before {
    content: "\f106";
    font-family: FontAwesome;
    position: absolute;
    color: #f5f0ec;
    z-index: 111;
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
}
/*------------------FIN BOTON INICIO ----------------*/




.swiper-slide {
    -webkit-flex-shrink: 0;
   
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
#ofertas_locademia .producto .foto {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 200px;
    margin: 0 auto 10px;
}
#ofertas_locademia .producto h6 {
    height: 50px;
    font: 100%/105% 'Montserrat';
    color: #002b54;
}
#ofertas_locademia .producto {
    background: #fff;
    padding: 2% 3%;
    box-shadow: -5px 5px 25px rgba(0,0,0,.2);
    text-align: center;
}

.buttonfx {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 15px auto;
    padding: 12px 20px;
    font: bold 100%/100% 'Montserrat';
    text-align: center;
    background: transparent;
    color: #09c;
    border: 1px solid #09c;
    transition: all 200ms ease-out;
}




.titulo {
    position: relative;
    font: bold 110%/100% 'Montserrat';
    color: #002942;
    border-bottom: 2px solid #09c;
    text-align: left;
    padding: 0 0 10px;
    margin: 0 auto 15px;
}

.swiper-wrapper {
    PADDING: 0px 0px 9px 0px;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.fixture .nav-button {
    display: inline-block;
    border-radius: 100%;
    background: transparnt;
    border: 1px solid rgb(63, 142, 168);
    color: #9e2323;
    padding: 5px;
    text-align: center;
    width: 25px;
    height: 25px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: 200ms ease-out;
}
/*.fixture {
    position: relative;
}*/
.fixture .fixture-header {
    position: relative;
    padding: 35px 35px 35px 35px;
    background-color: #f5f4f4;
}


.fixture .nav-button svg {
    display: block;
    margin: auto;
}
.fixture .nav-button svg path {
    stroke: #09c;
}

.fixture div.equipo {
    text-align: center;
    font-size: 90%;
    font-weight: bold;
    white-space: nowrap;
}
.fixture div.equipo img {
    display: block;
    margin: 0 auto;
    width: 20%;
    height: auto;
    max-width: 45px;
}

.fixture .timeago {
    display: inline-block;
    padding: 4px;
    font-size: 70%;
    line-height: 100%;
    border: 1px solid #999;
    color: #999;
    text-transform: uppercase;
    margin: 0 0 10px;
    white-space: nowrap;
}

/*.fixture div.goles {
    font: bold 250%/100% 'Montserrat';
    height: 40px;
    text-align: center;
    margin: 5px auto;
}*/


.wrapper {
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 5%;
    text-align: left;
}
::selection {
    background: #50c2ec;
    color: #fff;
}
.noticia-small .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 0 5% 30px;
}
.banner.medium {
    float: left;
    width: 47%;
    margin: 2% 1.5% 5%;
    position: relative;
}
.clear {
    clear: both;
}
section {
    display: block;
}
/*.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: scroll;
    z-index: 1;
}*/


/* ----------- SECCION TABLA DE POSICIONES   ---------- */ 
.posiciones_home {
    margin: 5px;
}
.posiciones_home table {
    width: 100%;
    font-size: 85%;
    border-spacing: 0;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-collapse: collapse;
    border-bottom: 3px solid #09c;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
a {
    text-decoration: none;
    color: #003459;
    transition: color 300ms ease-out;
    -moz-transition: color 300ms ease-out;
    -webkit-transition: color 300ms ease-out;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.posiciones_home .racing {           
    background: rgb(51, 199, 248);  /* RESALTA A LO LARGO EN LA TABLA DE POSICIONES A URQUIZA*/
    color: #fff;
}
.posiciones_home th {
    border-bottom: 1px solid #09c;
    padding: 8px 5px;
    color: #333;
}
.posiciones_home td {
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
}
.posiciones_home td img {
    width: 25px;
}


/*.fixture .fixture-header {
    background-color: #f5f4f4;
    padding: 10px;
    border-radius: 10px;
}

.swiper-wrapper {
    width: 100%;
    height: 10%;
    margin: 0 auto;

}

.fixture div.goles{            /*tamaño de letra goles*/
/*   font-size: 30px;
}*/


/*-------------------------------------------------------------------------------------------------------------*/
/*----------------------------------- SECCION MEDIA -----------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/*---------------------------------  Responsive: telefonos móviles -------------------------------------------*/

/*@media (min-width: 100px),(max-width: 767px) {*/

    @media (min-width: 360px) and (max-width: 767px) {

        .encabezado .info h2{ 
            font: 115% / 100% 'Montserrat', Arial, Helvetica, sans-serif;
        }

        #deporte .encabezado .info {
            text-align: center;
            padding: 20px 0;
            float: left;
            width: 25%;
            font-size: 10px;
        }

     
        .noticia-chica .foto {
            /*overflow: hidden;
            max-width: inherit;*/
            width: 100%; /* O cualquier otro ancho relativo */
            overflow: hidden; /* Para que la imagen no sobresalga 
         /*   height: 100%;*/
            object-fit: cover; /* O 'contain', 'fill', etc., para definir cómo se ajusta la imagen */
            contain: fill;
            display: block;
        
         
        }
        
        /* ------------------------- NOTICIAS EN GENERAL -------------------------- */
        .noticia-sidebar .foto {
            overflow: hidden;
        }
        .noticia-sidebar .foto a {
            display: block;
        }
        .noticia-sidebar .title h2 {
          

            width: auto;
        /* font: bold 70% / 100% 'Montserrat', Arial, Helvetica, sans-serif; */
        text-shadow: 27px 30px 43px rgba(0, 0, 0, .3);
        font-size: 10px;
        }
    /* -----------------------FIN -------------*/

    /*------------------------------- ULTIMAS NOVEDADES -------------------------- */
    .noticia-chica .title h2 {
        
        width: auto;
        /* font: bold 120% / 105% 'Montserrat', Arial, Helvetica, sans-serif; */
        /* text-shadow: 97px 48px 50px rgba(0, 0, 0, .3); */
        font-size: 50%;
        padding-block: initial;
        margin: auto;


    }
    .noticia-chica .title {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        padding: 0 5% 25px;

 }

 /*---------- cuerpo tecnico nombre ---------------------*/

 #deporte .plantel li div.nombre {
    position: absolute;
    top: -150%;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 74%;
    line-height: 105%;
    padding: 17px 10px;
    background: rgba(0, 0, 0, .8);
    pointer-events: none;
    transition: all 400ms 
ease-out;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms 
ease-out;

}
/*------------------------------- fin ----------------------*/

.h2{
    font-size: 20px;
    margin-left: 20px;
    display: block;
    
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

            }
    
    
    
    /*--------------------------------  Responsive: tablets ------------------------------------------------------*/
    
    @media (min-width: 768px) and (max-width: 1023px) {
    
        
        }
      
    
    
    /*---------------------------------- Responsive: notboock --------------------------------------------------*/
    
    @media (min-width: 1024px) {
      
    }
    
    /* --------------------------------- Responsive: grandes dipositivos -----------------------------------------*/
    
    /*@media (max-width: 1200px) {
      
    }*/
    
    /*------------------------------------------------------------------------------------------------------------*/
    
        @media(max-width:991px){
       
        }



        .live-stream-link {
            /*color: #E1306C;  Color de Instagram */
            color: white;
            text-decoration: none;
            font-weight: bold;
            padding: 10px 15px;
            border: 1px solid #E1306C;
            border-radius: 5px;
            display: inline-block; /* Para que el padding funcione */
            animation-name: parpadear; /* Nombre de la animación */
            animation-duration: 2s;    /* Duración de un ciclo */
            animation-iteration-count: infinite; /* Repetir indefinidamente */
            background-color: #E1306C;
          }
          
          .live-stream-link:hover {
            background-color: #E1306C;
            color: white;
          }
          @keyframes parpadear {
            0%, 50%, 100% {
              opacity: 1; /* Completamente visible */
            }
            25%, 75% {
              opacity: 0; /* Invisible */
            }
          }
          
            .live-stream-container {
                text-align: center; /* Centrar el botón */
                margin: 20px 0; /* Espaciado superior e inferior */
            }