/*--- CONTACTO ---*/
form.contacto{}
form.contacto div{margin:0 auto 10px;}
form.contacto label{display:none;font:80%/110% 'Open Sans',Arial,Helvetica,sans-serif;text-transform:uppercase;margin:5px auto 2px;color:#09c;}
form.contacto input,
form.contacto select,
form.contacto textarea{display:block;width:100%;font:100%/110% 'Open Sans',Arial,Helvetica,sans-serif;padding:10px;border:1px solid #09c;}
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:#63b9e9;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:#50c2ec;}
form.contacto span.msj.error{color:#888;}
form.contacto button{float:right;position:relative;margin:10px auto;padding:12px 15px;text-align:center;font:110%/110% 'Gotham';cursor:pointer;background:transparent;border:1px solid #09c;color:#09c;transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}

/*---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:'Gotham';font-size:135%;font-weight:bold;text-align:center;color:#09c;border-right:2px solid #09c;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:#002942;font-family:'Gotham';text-transform:uppercase;}
#agenda li .evento p{font-size:90%;margin:0 0 5px;}
#agenda li .evento .celeste{font-size:90%;display:block;color:#09c;}
#agenda li .evento .celeste .icon{font-size:95%;margin:0 2px 0 0;}
#agenda li.destacado{background:#002942;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 #09c;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%;color:#09c;padding:25px 5%;}

.breadcrumb{display:inline-block;font:100%/100% 'Gotham';color:#fff;background:rgba(0,153,204,.8);padding:8px;text-transform:uppercase;margin:10px auto 20px;text-align:left;}
.titulo-seccion{font:bold 250%/110% 'Gotham';color:#002942;margin:0 0 25px;text-align:left;text-transform:uppercase;}

.portada{width:100%;height:450px;position:relative;background:transparent;}
.portada .info{position:absolute;left:0;bottom:50px;z-index:2;}
.portada h2{text-transform:uppercase;padding:25px 40px 25px 50px;text-transform:uppercase;color:#fff;font:bold 300%/110% 'Gotham';background:rgba(0,153,204,.8);}
.portada .datos{color:#fff;white-space:nowrap;padding:15px 40px 15px 50px;background:rgba(0,0,0,.8);}

/*--- CLUB / SEDES ---*/
.portada .direccion,
.portada .telefonos{float:left;width:50%;padding:0 25px;text-align:center;}
.portada .direccion span,
.portada .telefonos span{margin:0 5px 0 0;}

/*--- 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 #09c;}
#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 #63b9e9;margin:0 7px 15px;background:#09c;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% 'Gotham';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;border-right:1px solid #09c;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:175%/100% 'Gotham';color:#002942;text-transform:uppercase;padding:0 25px;}

#deporte .encabezado .descripcion{float:right;width:65%;font-size:130%;line-height:120%;color:#09c;padding:25px 5%;}

#deporte .horarios{margin:0 auto 10px;}
#deporte .horarios h3{background:#002942;padding:12px 25px;font:120%/100% 'Gotham';color:#fff;}
#deporte .horarios h3 .icon-clock{color:#63b9e9;margin:0 10px 0 0;}
#deporte .horarios table{width:100%;border:2px solid #09c;text-align:center;}
#deporte .horarios table th{text-transform:uppercase;width:110px;background:#09c;color:#e8e8e8;padding:8px 0;font-weight:normal;border-bottom:2px solid #63b9e9;}
#deporte .horarios table td{border-right:1px solid #63b9e9;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 #09c;}
#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:#63b9e9;display:block;font:bold 250%/110% 'Gotham';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 #63b9e9;}
#deporte .tabla th,
#deporte .tabla td{padding:5px;border-bottom:1px solid #e8e8e8;}
#deporte .tabla th{border-bottom:1px solid #63b9e9;padding:8px 5px;font-family:'Gotham';font-weight:300;font-size:120%;color:#333;}
#deporte .tabla .equipo{text-align:left;}


/*--- IDOLOS ---*/
.idolo{}
.idolo .ficha{float:left;width:33.33%;height:600px;background:#09c;color:#fff;padding:30px;}
.idolo .ficha h2{font:bold 225%/100% 'Gotham';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 #63b9e9;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:auto;width:100%;height:475px;}
.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% 'Gotham';text-shadow:0 0 10px rgba(0,0,0,1);}

/*--- PALMARES ---*/
#palmares .internacional{width:100%;margin:0 0 50px;}
#palmares .local{float:left;width:45%;}
#palmares .copas{float:right;width:45%;}

#palmares .destacado{float:left;width:14.28%;padding:0 10px;margin:10px 0 20px;text-align:center;}
#palmares .destacado h4{font-weight:normal;}
#palmares .destacado a{display:block;color:#09c;}
#palmares .destacado a:before{content:'';display:block;width:100px;height:100px;margin:0 auto 10px;background:url(../img/palmares/copas.png) no-repeat;transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;}
#palmares .destacado a:hover{color:#63b9e9;}
#palmares .destacado a:hover:before{opacity:.5;}
#palmares .destacado.libertadores a:before{background-position:0 0;}
#palmares .destacado.intercontinental a:before{background-position:0 -100px;}
#palmares .destacado.supercopa a:before{background-position:0 -200px;}
#palmares .destacado.interamericana a:before{background-position:0 -300px;}
#palmares .destacado.honor a:before{background-position:0 -400px;}
#palmares .destacado.aldao a:before{background-position:0 -500px;}

#palmares .titulos{}
#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:#09c;}
#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 #09c;border-bottom-width:3px;}
#palmares .bloque th{padding:5px;border-right:1px solid #09c;border-bottom:2px solid #09c;font-weight:bold;}
#palmares .bloque td{padding:3px;border-right:1px solid #09c;border-bottom:1px solid #09c;}

/*--- COMISION DIRECTIVA ---*/
#comision-directiva{}
#comision-directiva .bloque h3{background:#09c;color:#fff;font:bold 100%/100% 'Gotham';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{}
#fundacion .eventof{border-left:3px solid #09c;padding:5px 5px 5px 15px;margin:0 auto 25px;}
#fundacion .eventof h4{font:125%/125% 'Gotham';color:#002942;margin:0 0 10px;}
#fundacion .eventof .fecha{font:400 90%/110% 'Gotham';color:#09c;margin:0 0 15px;}
#fundacion .eventof p{font-size:95%;line-height:135%;margin:0 0 15px;}
#fundacion .eventof .publico{font:100%/110% 'Gotham';color:#8ec2db;}

/*--- 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% 'Open Sans',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;opacity:.7;transition:all 600ms ease-out;-moz-transition:all 600ms ease-out;-webkit-transition:all 600ms ease-out;}
#sponsors-y-proveedores li img:hover{opacity:1;}
#sponsors-y-proveedores .mainsponsors li img{max-width:120px;}
#sponsors-y-proveedores  .title{display:block;text-transform:uppercase;color:#63b9e9;font:bold 170%/100% 'Gotham';cursor:default;padding:0 6px 15px 0;margin:0 auto 25px;border-bottom:1px solid #63b9e9;}

/*--- FOTOS ---*/
#fotos{padding-top:50px;}
#fotos .volanta{margin:15px 0;}
#fotos .galeria{width:100%;max-width:800px;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:#002942;}
#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% 'Gotham';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% 'Gotham';border:1px solid #09c;color:#09c;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% 'Gotham';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 #09c;text-align:center;}
#revista .anteriores .edicion img{display:block;margin:0 auto 10px;}
#revista .anteriores .edicion h4{font:bold 110%/110% 'Gotham';letter-spacing:-1px;text-transform:uppercase;}
#revista .anteriores .edicion h4 a{display:block;color:#09c;}

/*--- 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% 'Gotham';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 #09c;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% 'Gotham';letter-spacing:-1px;text-transform:uppercase;}
#racingtv .anteriores .programa h4 a{display:block;color:#09c;}
/*--- ESTADIO ---*/
#estadio{}
#estadio #map{width:100%;height:250px;border-top:3px solid #09c;}
#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% 'Gotham';border-bottom:2px solid #09c;}
#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:#002942;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:#63b9e9;}
#estadio svg .sector#popu-visitante:hover,
#estadio svg .sector.popu-visitante{fill:#333;}
#estadio svg .sector#platea-a:hover,
#estadio svg .sector.platea-a{fill:#009036;}
#estadio svg .sector#platea-d:hover,
#estadio svg .sector.platea-d{fill:#572381;}
#estadio svg .sector#platea-b:hover,
#estadio svg .sector.platea-b{fill:#BD007B;}
#estadio svg .sector#platea-c:hover,
#estadio svg .sector.platea-c{fill:#006AB3;}
#estadio svg .sector#platea-e:hover,
#estadio svg .sector.platea-e{fill:#F08A00;}

#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:#002942;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% 'Gotham';}
#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{}
#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:#002942;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:bold 260%/100% 'Gotham';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 #09c;}
#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 #09c;}
.socios .categorias th{background:#09c;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 #09c;}
.socios .categorias tbody td span{display:block;color:#09c;}
.socios .categorias tfoot td{padding:5px 10px 10px;color:#09c;}

.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 0;}
.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:#50c2ec;color:#fff;text-transform:uppercase;font-weight:normal;padding:10px;border-right:3px solid #fff;}
.precio_cuotas tbody td{color:#0d2048;padding:10px 5px;border-left:2px solid #50c2ec;}
.precio_cuotas tbody td span{display:block;color:#50c2ec;}
.precio_cuotas tfoot td{text-align:left;padding:5px 10px;color:#50c2ec;}
.precio_cuotas span.cerrar{position:absolute;top:20px;right:20px;color:#002942;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 #63b9e9;background:#09c 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:31.3%;position:relative;background-color:#002942;color:#fff;margin:0 1%;transition:all 2500ms ease-out;-moz-transition:all 2500ms ease-out;-webkit-transition:all 2500ms ease-out;}
.atencionalsocio .lugar:after{content:'';display:block;padding-bottom:100%;}
.atencionalsocio .lugar.avellaneda{background:url(../img/socios/boton_avellaneda.jpg) no-repeat center center;background-size:100% auto;}
.atencionalsocio .lugar.capital{background:url(../img/socios/boton_capital.jpg) no-repeat center center;background-size:100% auto;}
.atencionalsocio .lugar.lavalle{background:url(../img/socios/boton_lavalle.jpg) no-repeat center center;background-size:100% auto;}
.atencionalsocio .lugar:hover{background-size:125% auto;}
.atencionalsocio .lugar h4{position:absolute;right:0;top:20px;padding:5px 15px 5px 10px;background:#09c;text-transform:uppercase;letter-spacing:-1px;font:bold 140%/110% 'Gotham';white-space:nowrap;}
.atencionalsocio .lugar .datos{font-size:90%;line-height:110%;position:absolute;left:20px;bottom:20px;}

/*--- ASOCIATE ---*/
.socios .hacete-link{border-top:1px solid #09c;border-bottom:1px solid #09c;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:#002942;font:bold 150%/80% 'Gotham';padding:13px 10px 13px 90px;margin:0 auto;white-space:nowrap;}
.socios .hacete-link li a:hover{color:#09c;text-decoration:none;}

.socios .destacado{text-align:center;color:#fff;padding:25px 5%;background:#002942;text-transform:uppercase;font:bold 135%/125% 'Gotham';text-align:center;margin:0 auto 25px;}
.socios .quehacer h2{border-left:5px solid #09c;padding:5px 0 5px 15px;margin:25px auto;}
.socios .quehacer h2 span{display:block;text-transform:uppercase;color:#09c;font:bold 150%/100% 'Gotham';}

.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% 'Gotham';text-transform:uppercase;color:#09c;}
.socios p.mensaje strong{display:block;font-size:110%;margin:0 auto 5px;color:#002942;}

.socios .menututo{width:80%;margin:10px auto;list-style:none;}
.socios .menututo li{float:left;width:50%;border-left:3px solid #09c;padding:0 1px;margin:0 0 2px;}
.socios .menututo li a{display:block;color:#fff;font:120%/120% 'Gotham';font-weight:normal;background:#002942;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% 'Gotham';background:#09c;padding:10px 15px;color:#fff;text-transform:uppercase;border-left:5px solid #63b9e9;}
.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:#09c;border-bottom:2px solid #09c;border-right:2px solid #09c;}
.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% 'Gotham';text-transform:uppercase;color:#002942;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% 'Gotham';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:#63b9e9;border:1px solid #63b9e9;cursor:pointer;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-transform:uppercase;font-family:'Gotham';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% 'Gotham';cursor:pointer;}
#beneficios li.active .modal-legal h4{font:bold 130%/100% 'Gotham';text-align:center;padding:0 0 20px;margin:0 auto 20px;border-bottom:1px dotted #ccc;color:#002942;}
#beneficios li.active .modal-legal h4 span{color:#09c;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:#09c;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:#09c;}
#beneficios h3{font:400 200%/110% 'Gotham';color:#002942;}
#beneficios h3 span{color:#09c;}
#beneficios .foot-beneficios{margin:25px auto;text-align:center;text-transform:uppercase;}
#beneficios .foot-beneficios .social{display:inline-block;font-size:200%;color:#09c;padding:10px;}
#beneficios .foot-beneficios .social .icon{cursor:pointer;}
#beneficios .foot-beneficios h4{font:bold 175%/110% 'Gotham';color:#002942;}
#beneficios .foot-beneficios h4 span{color:#09c;}
#beneficios .sorteos{padding:0 0 25px;margin:0 auto 25px;border-bottom:5px solid #09c;}
#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 #09c;}
#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% 'Gotham';border-top:1px solid #09c;color:#09c;text-transform: uppercase;padding:10px 5px;white-space:nowrap;border-bottom:2px solid #09c;}
#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:#002942;}
#beneficios .contacto .icon{color:#09c;}
#beneficios .mili-foot{border-top:2px solid #09c;display:block;width:90%;max-width:500px;margin:10px auto;}

/*--- AREAS ---*/
.area .encabezado{width:100%;background:url(../img/fondo-hinchada.jpg) no-repeat fixed center center;margin:0 auto;border-bottom:3px solid #09c;}
.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:#002942;font:130%/110% 'Gotham';max-width:230px;width:100%;text-align:center;}
.area .encabezado .descripcion{position:relative;text-align:left;background:rgba(0,41,66,.8);float:right;width:60%;height:250px;font-size:100%;line-height:120%;color:#63b9e9;padding:0 5%;}
.area .encabezado .descripcion a{color:#e8e8e8;border-bottom:1px dotted #63b9e9;}
.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{}
#racing-solidario .boton-rs{display:block;background:#09c;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 #09c;padding:7px 8px;text-transform:uppercase;}
#racing-solidario .padrinos td{padding:5px 8px;}
#racing-solidario .becas{display:none;}
#racing-solidario .becas .doble{background:#002942;text-transform:uppercase;margin:25px auto 0;padding:15px;font:bold 110%/100% 'Gotham';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% 'Gotham';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:#63b9e9;color:#fff;padding:10px;text-align:center;text-transform:uppercase;}
#racing-solidario .becas li.celeste{background:#09c;}
#racing-solidario .becas li strong{display:block;font:bold 450%/100% 'Gotham';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% 'Gotham';padding:0 0 10px;border-bottom:1px solid #63b9e9;}

#marketing .bloque h4.list{margin:15px 35px 8px 35px;text-transform:uppercase;font-weight:normal;padding:6px 20px;color:#002942;background:#09c;color:#fff;}
#marketing .bloque h4.base{margin:20px 50px 5px 50px;font-size:13px;font-weight:normal;text-transform:uppercase;padding:3px 10px;color:#002942;border-bottom:2px solid #09c;border-right:2px solid #09c;}

#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 #09c;}

#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 #63b9e9;}
#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{width:90%;margin:15px auto;}
#prensa .contenido li{list-style:square;padding:2px;}
#prensa .acreditaciones{display:none;padding:10px 25px;margin:10px auto;}
#prensa .acreditaciones .campo{float:left;width:31.3%;margin:0 1% 15px;height:50px;}
#prensa .acreditaciones .campo.solo-radio{display:none;}
#prensa .acreditaciones .campo label{display:block;font-size:85%;}
#prensa .acreditaciones .campo input{display:block;width:100%;height:35px;font:100%/110% 'Open Sans',Arial,Helvetica,sans-serif;padding:5px;border:1px solid #09c;}
#prensa .acreditaciones .campo select{display:block;width:100%;height:35px;font:100%/110% 'Open Sans',Arial,Helvetica,sans-serif;padding:5px 5px;border:1px solid #09c;}
#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:#63b9e9;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:10px 0 10px 10px;}
#prensa .acreditaciones .campo span.msj{float:left;width:50%;line-height:125%;}
#prensa .acreditaciones .campo span.msj.ok{color:#09c;}
#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 #09c;position:relative;}
#prensa .acreditaciones .persona.campo{float:none;margin:0 0 15px;height:50px;}
#prensa .acreditaciones .persona .numero{font:30px 'Gotham';color:#09c;position:absolute;right:5px;bottom:5px;}
#prensa .acreditaciones #agregar_persona{display:none;float:left;margin:30px 25px 0;background:#09c;color:#fff;padding:8px 12px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
#prensa .acreditaciones .eliminar_persona{position:absolute;left:7px;bottom:13px;color:#63b9e9;}
#prensa .acreditaciones button{float:right;position:relative;margin:10px auto;padding:12px 15px;text-align:center;font:110%/110% 'Gotham';cursor:pointer;background:transparent;border:1px solid #09c;color:#09c;transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}

#tiendas .locales{}
#tiendas .locales{margin:15px auto 15px;}
#tiendas .locales .lugar{float:left;width:33.3%;border-left:1px solid #09c;}
#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:#002942;position:relative;height:500px;overflow:hidden;border-bottom:3px solid #09c;}
#plantel .jugador .foto{position:absolute;right:0;bottom:0;}
#plantel .jugador .foto img{max-width:100%;width:auto;max-height:500px;}
#plantel .jugador .deg{position:absolute;left:-20px;top:0;width:65px;height:100%;background:url(../img/futbol/corte.png) no-repeat left top;background-size:auto 100%;}

/*#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;}
#datos_jugador .nombre_numero{}
#datos_jugador h2{white-space:nowrap;font:bold 500%/110% 'Gotham';text-transform:uppercase;color:#fff;}
#datos_jugador h2 .numero{color:#63b9e9;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% 'Gotham';text-transform:uppercase;color:#63b9e9;}
#datos_jugador .datospersonales .dato p{color:#fff;}
#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 #09c;}
#stats_jugador ul.tabs li{float:left;font:normal 105%/125% 'Gotham';color:#aaa;height:40px;text-transform:uppercase;padding:10px 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:#09c;color:#fff;}
#stats_jugador .tab{width:100%;background:url(../img/opacity.png) repeat;display:none;padding:30px 10px 0;overflow-y:auto;}
#stats_jugador .tab.active{display:block;}
#stats_jugador .tab h3{font:normal 100%/110% 'Gotham';background:#09c;color:#fff;padding:10px;text-transform:uppercase;}
#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:#09c;text-transform:uppercase;font-weight:normal;border-bottom:1px solid #63b9e9;}
#stats_jugador .datosprofesionales td{padding:7px 10px;width:14%;border-bottom:1px solid #63b9e9;background:#fcfcfc;text-align:center;}
#stats_jugador .trayectoria p{padding:15px;}

.jugadores{}
.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% 'Gotham';color:#fff;letter-spacing:-.5px;text-transform:none;text-shadow:0 0 8px rgba(0,0,0,.9);pointer-events:none;}
.jugadores li div.nombre a{color:#fff;position:relative;}
.jugadores li div.nombre strong{display:block;font:normal 140%/100% 'Gotham';letter-spacing:0;text-transform:uppercase;}
.jugadores li span.posicion{position:relative;color:#63b9e9;text-transform:uppercase;font-weight:bold;letter-spacing:0;font-size:80%;display:block;margin:5px 0 0;text-align:right;}
.jugadores li span.numero{color:#e8e8e8;font:normal 350%/100% 'Gotham';opacity:.1;position:absolute;right:15px;top:12px;}
.jugadores li div.nombre .barrafx{position:absolute;left:0;top:0;background:#09c;width:0;height:100%;transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-webkit-transition:all 100ms ease-out;}
.jugadores li:hover div.nombre .barrafx{width:100%;opacity:.8;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{color:#fff;}
.empleado #datos_jugador .datospersonales .trayectoria h3{display:inline-block;background:#09c;color:#fff;font:bold 100%/100% 'Gotham';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:#09c;color:#fff;font-family:'Gotham';font-size:100%;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:#09c;color:#fff;font-family:'Gotham';font-size:100%;font-weight:normal;text-transform:uppercase;}
.jugadorsmall .trayectoriafull p{padding:10px;}

.estadisticas{margin:0 auto 25px;}
.estadisticas ul.tabs{text-align:center;height:37px;border-bottom:2px solid #09c;}
.estadisticas ul.tabs li{float:left;width:25%;background:#e8e8e8;font-size:120%;line-height:120%;height:40px;color:#aaa;text-transform:uppercase;padding:10px 0;border-right:1px solid #fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 auto 1px;}
.estadisticas.estadisticas_division ul.tabs li{font-size:90%;height:35px;line-height:120%;letter-spacing:-.5px;}
.estadisticas ul.tabs li.noborder{}
.estadisticas ul.tabs li:hover{color:#666;}
.estadisticas ul.tabs li.active{color:#fff;background:#09c;}
.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 #63b9e9;}
.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 #63b9e9;padding:8px 5px;font-family:'Gotham';font-weight:300;font-size:120%;color:#333;}
.estadisticas .nombre{text-align:left;}
.estadisticas .racing{background:#09c;color:#fff;}
.estadisticas table .ord{color:#aaa;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 #63b9e9;}

.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:500%/110% 'Gotham';text-align:center;}
.fixturefull .tickets{float:left;display:block;width:40%;height:50px;font-family:'Open Sans';color:#09c;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:#63b9e9;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 #63b9e9;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 'Gotham';text-align:center;border:1px dotted #b3bdca;}
.estadisticas .torneo .numfecha{}
.estadisticas .torneo .numfecha span{display:block;background:#09c;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:#63b9e9;color:#fff;border:1px solid #fff;}
.estadisticas .torneo .numfecha a.active{background:#fff;border-color:#63b9e9;color:#63b9e9;}*/

/*--- PASANTIAS ---*/
#pasantias-deportivas{}
#pasantias-deportivas .bajada{font:120%/125% 'Gotham';text-align:center;color:#002942;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:#09c;font:225%/125% 'Gotham';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 200%/125% 'Gotham';color:#002942;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;}

/*--- VISITAS ---*/
#visitas table{float:left;margin:0 3%;width:44%;font-size:13px;font-family:'Open Sans',Arial,Helvetica,sans-serif;text-align:center;}
#visitas table caption{padding:10px 0;text-transform:uppercase;letter-spacing:2px;font-size:120%;font-family:'Gotham';font-weight:bold;border-bottom:1px solid #ccc;}
#visitas table th{padding:10px;font-family:'Gotham';text-transform:uppercase;}
#visitas table td{padding:10px;background:#e8e8e8;border:1px solid #fff;}
#visitas table td.active{background:#09c;color:#fff;font-weight:bold;}
#visitas table td.active:hover{background:#002942;}
#visitas table td.active a{display:block;color:#fff;text-decoration:none;}
#visitas table td.empty{background:#aaa;}
#visitas table td.full{background:#333;color:#666;}

#visitas .volver{float:right;}
#visitas h3{text-transform:uppercase;font:130%/110% 'Gotham';color:#002942;text-align:left;margin:0 auto 20px;}
#visitas .bloque{margin:0 auto 15px;}
#visitas input{display:block;width:100%;padding:12px;border:1px solid #09c;font:100%/125% 'Open Sans',Arial,Helvetica,sans-serif;}
#visitas select{display:block;width:100%;padding:12px;border:1px solid #09c;font:100%/125% 'Open Sans',Arial,Helvetica,sans-serif;cursor:pointer;}
#visitas label{display:block;margin:0 0 3px;font:75%/120% 'Open Sans',Arial,Helvetica,sans-serif;}
#visitas button{display:block;width:100%;padding:15px;border:none;background:#09c;color:#fff;text-transform:uppercase;font:125%/125% 'Gotham',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:#002942;}