/* CSS Document */
body .home { background-color:#000;}
body { background-color:#fff;}
.volver-arriba { width:65px; height:65px; background: url(http://e00-marca.uecdn.es/deporte/futbol/especial/alma-de-africa/imagenes/subir.jpg) no-repeat center bottom; bottom: 20px; display: none; text-indent: -9999px; overflow: hidden; padding: 5px 15px; position: fixed; right: 20px; border-radius:35px; transition:all 0.2s linear 0s;}
.volver-arriba:hover { transition:all 0.2s linear 0s; background-position: center top;}

/*CABECERA*/
.cabecera {height: 50px; position: relative; width: 100%; z-index: 10; background-color: #202024;}
.cabecera .contenedor-cabecera { width:100%;margin:0 auto;}
.cabecera .logo-marca { width: 26px; height: 32px; display: block; background: url(http://e00-marca.uecdn.es/deporte/futbol/especial/alma-de-africa/imagenes/m-marca-w.png)no-repeat left top;
text-indent: -9999px; float: left; margin: 10px 0 0 10px; }
.cabecera .nombreEspecial { float: left; display: block; position: absolute; top: 13px; left: 50%; margin-left: -153px; width: 300px;}
.cabecera .nombreEspecial img { width: 100%;}
.home .cabecera .nombreEspecial { display: none; }
.home .cabeceraFija .nombreEspecial { display: block; }
/*FIN DE CABECERA*/

/*HOME*/
.portada h1 { font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; line-height: 16px;  font-weight: bold!important; margin:5px 0px;}
.portada h1 span {display: block; color:#ffffff; font-size: 35px; line-height: 31px; font-family: "robotoRegular",Arial,sans-serif,helvetica;font-weight: normal;}
.portada p { max-width: 990px; margin: 0 auto 100px; font-size: 22px; line-height: 29px; color:#ffffff; font-family: "PTregular",Georgia; text-align: center;}


.home .logo-especial {margin:100px auto; display: block;}
.home .byline-tools { max-width: 990px; margin: 0 auto 20px; border:0;}
.home .byline-tools .aside-tools { width: 100%; float: none; }
.home .byline-tools .aside-tools .tools { margin: 0 auto; float:none;}

.bajar-a-contenido { display: block; margin: 50px auto 0; font-family: "robotoRegular",Arial,sans-serif,helvetica; font-size: 15px; color:#ffffff; text-transform: uppercase; padding:10px 0; border:solid 1px #ffffff; border-radius: 50px; width: 300px; transition:all 0.2s linear 0s;}
.bajar-a-contenido:hover {text-decoration: none; background: rgba(255, 255, 255, 0.5); transition:all 0.2s linear 0s;}

.home .hitos {background: #000;}
.home .hitos li { margin-right: 0; width: 25%; max-width: 25%; flex-basis:25%; padding: 0.2rem 0.2rem 0; overflow: hidden;}
.home .hitos li a { width: 100%; height: auto; display: block;  transition:all 0.2s linear 0s;}
.home .hitos li a:hover { transition:all 0.2s linear 0s;}
.home .hitos li .pie .titulo { height: 60px; width: 100%; display: block; line-height: 66px; font-family: "montserratBold",Arial,sans-serif,helvetica; font-size: 16px; color:#ffffff; position: relative; transition:all 0.2s linear 0s; padding-left: 70px; background: rgba(39, 174, 96, 0.5);}
.home .hitos li a:hover .pie .titulo { transition:all 0.2s linear 0s; font-size: 20px;}
.home .hitos li .pie.futbol .numero { background: #3498d8; }
.home .hitos li .pie.futbol .titulo {background: rgba(52, 152, 216, 0.5);}
.site-footer {margin-top: 0;}

/*FICHA INTERIOR*/
table.ficha-titulos{width: 100%;}
table.ficha-titulos th {border-bottom: 1px dotted #999999;color: #000000; font-size: 17px;font-size-adjust: none;font-stretch: normal; font-style: normal; font-variant: normal;  font-weight: bold;
height: 20px; line-height: normal; padding: 0;  text-align: center;}
table.ficha-titulos td {font-size: 16px; padding: 5px; border-bottom: 1px dotted #999999; text-align: left;}

.wrap { width: 80%; margin: 0 auto 20px auto; }

.destacado { position: relative; width: 100%;}
.destacado img { width: 100%; }
.destacado span {width: 120px; height: 120px; position: absolute; left:0; bottom: 35px; background:#c00;  font-size: 70px; line-height: 120px; text-align: center; color:#ffffff; font-family: "robotoBold",Arial,helvetica;}
.destacado span.delantero {background: #000;}
.destacado h1.sinnumero {position: absolute;left: 20px;bottom: 54px;font-size: 70px; color: #ffffff;}
.destacado h1 { position: absolute; left: 140px; bottom: 54px; font-size: 70px; color:#ffffff;}
.destacado .sombra { background: url('http://e00-marca.uecdn.es/deporte/futbol/especial/alma-de-africa/imagenes/bg-titulo.png') repeat-x; display: block; width: 100%;}
.texto figcaption,  .destacado figcaption { height: 30px; line-height: 30px; font-size: 13px; line-height: 30px;}
.texto figcaption i, .destacado figcaption i { background-color: transparent; border-radius: 0; float: left; height: 33px; margin-left: -5px; padding: 0; position: relative; width: 32px;}
.estatica .byline-tools { margin-bottom: 0px; }
.estatica .byline {border:0;}
.estatica .byline .autor {margin-bottom: 0;}
.estatica .byline .news-author {height:46px; padding:0; line-height: 46px; width: auto; margin-right: 10px;}
.estatica .byline-tools .date { width: auto; height: 46px; line-height: 46px; border:0; margin:0; padding: 0; }
.video {padding:0 10px 0 0;}
.texto p {color: #222; font-family: "PTregular",Georgia; font-size: 22px; line-height: 152%; margin-bottom: 20px; padding:0 0 0 10px;     margin-top: 20px;}
.texto .capital-letter { float: left; font-family: "robotoBold",Arial,helvetica; font-size: 70px; line-height: 85%; margin-right: 5px;}
  table.ficha-tecnica {width: 100%;}
table.ficha-tecnica tr:nth-child(2n+0)  {background-color:#ececec;}
table.ficha-tecnica th {border-bottom: 1px dotted #999999; color: #000000; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold;
height: 20px; line-height: normal; padding: 0; text-align: center;}
table.ficha-tecnica td {font-size: 18px; padding: 5px; border-bottom: 1px dotted #999999; text-align: left;}
table.ficha-tecnica td.ficha {width:40%}
h2.titular-jugador{ font-size: 50px; text-align: center;  line-height: 116%;  margin-bottom: 20px;}

/*hitos relacionados*/
.hitos-relacionados h2 { padding: 25px 0; border-top: solid 1px #e2e2e2; text-transform: uppercase; font-size: 20px;}
.hitos-relacionados h2 .futbol {color:#3498d8;}
.hitos-relacionados li { margin-right: 0;  padding: 0.2rem 0.2rem 0; overflow: hidden;}
.hitos-relacionados li a { width: 100%; height: auto; display: block;  transition:all 0.2s linear 0s;}
.hitos-relacionados li a:hover { transition:all 0.2s linear 0s;}
.hitos-relacionados li figure { position: relative; width: 100%;}
.hitos-relacionados li .pie { height: 60px; width: 100%; position: absolute; left: 0; bottom: 1px;}
.hitos-relacionados li .pie .numero { position: absolute; left: 0; bottom: 0; width: 60px; height: 60px; background: #27ae60; text-align: center; line-height: 60px; font-family: "robotoBold",Arial,helvetica; font-size: 43px; color: #ffffff; z-index: 1;}
.hitos-relacionados li .pie .titulo { height: 60px; width: 100%; display: block; line-height: 66px; font-family: "robotoBold",Arial,helvetica; font-size: 18px; color:#ffffff; position: relative; transition:all 0.2s linear 0s; padding-left: 70px; background: rgba(39, 174, 96, 0.5);}
.hitos-relacionados li a:hover .pie .titulo { transition:all 0.2s linear 0s; font-size: 20px;}
.hitos-relacionados li .pie.futbol .numero { background: #3498d8; }
.hitos-relacionados li .pie.futbol .titulo {background: rgba(52, 152, 216, 0.5);}
.hitos-relacionados li .pie.baloncesto .numero { background: #d35400; }
.hitos-relacionados li .pie.baloncesto .titulo {background: rgba(211, 84, 0, 0.5);}
.hitos-relacionados li .pie.motor .numero { background: #d5890b; }
.hitos-relacionados li .pie.motor .titulo {background: rgba(213, 137, 11, 0.5);}

.estatica .ficha-momento .news-author, .fecha { width: 100%; text-align: left; margin-bottom: 10px;}
.ficha-momento .nombre-autor {    font-size: 16px;     line-height: 35px;}
.ficha-momento .ciudad span { color: #202024;     line-height: 47px;}
.ficha-momento .autor {margin-bottom: 10px;}

.creditos { background: #eee ; text-align: center; padding:50px 0; margin-bottom: 0; font-size: 16px; line-height: 200%;}
.creditos span { font-weight: bold; font-family:"robotoBold",Arial,helvetica; text-transform: uppercase; color: #222222;}


#bloque-principal {position: relative;max-width:1538px; width:100%;	height:auto; color: #fff; margin: 0 auto;}
#bloque-principal img{ width:90%; height:auto; margin: 0 auto;}
.caja {position: absolute; top: 62%; left: 23%; z-index: 10; -ms-transform: translate(-62%, -23%); -webkit-transform: translate(-62%, -23%); -moz-transform: translate(-62%, -23%); -o-transform: translate(-62%, -23%); transform: translate(-62%, -23%); text-align: center;  width: 27%;}
h1.titulo-especial {font-size: 34px; line-height: 33px; border: 5px solid #FFF; padding: 40px 24px; letter-spacing: 5px; margin-bottom: 20px; color: #dcbe16; }
h1.titulo-especial a {color: #dcbe16; text-decoration:none;}
p.descripcion  {font-size: 16px; line-height: 19px; letter-spacing: 2px; margin:0px; color:#FFF; border-bottom:1px solid #666; padding-bottom:5px; }
p.autor  { font-size: 11px; line-height: 19px; letter-spacing: 2px; margin:5px; color:#dcbe16}
.separador {margin: 0 10px; color:#FFF}
.aside-tools .social-tools .share-counter { color:#FFF;}
.iralespecial { position: absolute; bottom: 4%; left: 45%; z-index: 10; -ms-transform: translate(-4%, -40%); -webkit-transform: translate(-4%, -40%); -moz-transform: translate(-4%, -40%); -o-transform: translate (-4%, -40%); transform: translate (-4%, -40%); text-align: center; width: 16%; background: #cc0000; color: #fff; text-align: center; height: 36px; border-radius: 20px;}
.iralespecial p a{ line-height: 36px; padding: 0px; color: #fff; text-decoration: none; margin-left: 0px; font-family: "robotoRegular",Arial,sans-serif,helvetica;}
.iralespecial p a i {cursor: pointer; width: 36px; height: 36px; float: right; }
.home .hitos li figure {position: relative; width: 83%; }
.home .hitos img { width: 83%; margin-left: 17%; }
.home .hitos li .pie {height: 60px; width: 75%; position: absolute; left: 50px; bottom: 56px;}
.home .hitos li .pie .titulo {height: 60px; width: 100%; display: block; line-height: 66px; font-family: "montserratBold",Arial,sans-serif,helvetica; font-size: 30px; color: #ffffff; position: relative; transition: all 0.2s linear 0s; padding-left: 85px; text-transform: uppercase; background-color: transparent; }
.home .hitos li .pie .numero { position: absolute; left: 12px; bottom: 0; width: 60px; height: 60px; background: #044d7a; text-align: center; line-height: 60px; font-family: "montserratBold",Arial,sans-serif,helvetica; font-size: 40px; color: #ffffff; z-index: 1; border-radius: 60px;}
.home .hitos figure::before {content: ''; position: absolute; width: 90%; height: 90%; top: 5%; left: 5%;}
.tilter__deco--lines { fill: none; stroke: #044d7a; stroke-width: 6px; top: -50px; left: -50px; }
.tilter__deco {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.texto img {width:100%;}
.include-items { width: 320px; float:none; padding:0px;  margin: 0 auto 10px auto;}



 /*iPad in landscape*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.home .hitos li { width: 50%; max-width: 50%; flex-basis: 50%;}
h1 {font-size: 55px;}
.last-sm { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1;  order: 1;}
.col-sm-12 {-webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%;}
h1 {font-size: 55px;}
.navegacion-interior .hitos li {height: 100px; position: relative;  border: 0;  margin-bottom: 0.5rem; float: left; width: 31%; margin-right: 0.6rem;}
 .caja {position: absolute; top: 62%; left: 23%; z-index: 10; -ms-transform: translate(-62%, -23%); -webkit-transform: translate(-62%, -23%); -moz-transform: translate(-62%, -23%); -o-transform: translate(-62%, -23%); transform: translate(-62%, -23%); text-align: center;  width: 31%;}
h1.titulo-especial {font-size: 29px; border: 5px solid #FFF; padding: 17px 9px; margin-bottom: 6px;}
.iralespecial { position: absolute; bottom: 2%; left: 40%; z-index: 10; -ms-transform: translate(-2%, -40%); -webkit-transform: translate(-2%, -40%);-moz-transform: translate(-2%, -40%); -o-transform: translate (-2%, -40%); transform: translate (-2%, -40%); text-align: center;  width: 20%;  background: #cc0000; color: #fff;  text-align: center; height: 36px; border-radius: 20px;}
.home .hitos li {width: 49%; max-width: 49%; flex-basis: 49%;}
.icon-caption-photo {background-position: 0 -751px;}
}


/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.home .hitos li { width: 50%; max-width: 50%; flex-basis: 50%;}
h1 {font-size: 55px;}
.navegacion-interior .hitos li {height: 100px; position: relative; border: 0; margin-bottom: 0.5rem; float: left;  width: 33%; }
.caja { position: absolute; top: 62%; left: 23%; z-index: 10; -ms-transform: translate(-62%, -23%); -webkit-transform: translate(-62%, -23%); -moz-transform: translate(-62%, -23%); -o-transform: translate(-62%, -23%); transform: translate(-62%, -23%); text-align: center; width: 31%;}
h1.titulo-especial { font-size: 29px; border: 5px solid #FFF; padding: 17px 9px; margin-bottom: 6px;}
.iralespecial {position: absolute; bottom: 2%; left: 40%; z-index: 10; -ms-transform: translate(-2%, -40%); -webkit-transform: translate(-2%, -40%); -moz-transform: translate(-2%, -40%);   -o-transform: translate (-2%, -40%);  transform: translate (-2%, -40%); text-align: center;  width: 20%;  background: #cc0000;  color: #fff; text-align: center; height: 36px; border-radius: 20px;}
.home .hitos li {width: 49%; max-width: 49%; flex-basis: 49%;}
.icon-caption-photo {background-position: 0 -751px;}
}


@media (max-width: 767px) {
video[poster] { height:auto; min-height: inherit; left:-50%;}
.creditos { font-size: 12px; padding: 25px 25px; text-align: left; }
.home .hitos li { width: 100%; max-width: 100%; flex-basis: 100%;}
.cabecera .logo-marca {width: 26px; height: 32px; display: block; background: url(http://e00-marca.uecdn.es/deporte/futbol/especial/alma-de-africa/imagenes/m-marca-w.png)no-repeat left top;    text-indent: -9999px;   float: left;  margin: 10px 0 0 10px;}
.cabecera .nombreEspecial { margin-left: -112px; }
.wrap { width: 95%;}
.destacado span { width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
.destacado h1.sinnumero {left: 20px;  bottom: 35px;font-size: 30px; color: #ffffff;}
.destacado h1 { left: 70px; line-height: 60px; font-size: 30px; bottom: 35px; }
.estatica .byline-tools { margin-bottom: 15px; height: inherit;}
.estatica .social-tools ul { margin-right: 0; }
.estatica .tools { float: left; }
.estatica .aside-tools .tools li {margin:0;}
.estatica .aside-tools .social-tools li:nth-child(4) i {margin:0;}
.video {padding:0; margin-bottom: 15px;}
h2.titular-jugador {font-size: 27px; text-align: center; line-height: 152%; margin-bottom: 20px; }

#bloque-principal img {width: 100%;}
.caja { position:relative; top:auto; left: auto; width: 90%; padding:0px 10px; margin: 0 auto;  -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none;}
h1.titulo-especial {font-size: 25px; line-height: 33px; border: 5px solid #FFF; padding: 13px 24px; letter-spacing: 5px; margin-bottom: 20px; color: #dcbe16;}
.iralespecial {position: relative; bottom: auto; left: auto; z-index: 10; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; text-align: center;
 width: 58%; background: #cc0000; color: #fff; text-align: center; height: 36px; margin:0 auto 20px auto; }
.home .hitos li {width: 100%;  max-width: 100%; flex-basis: 100%;}

.icon-caption-photo {background-position: 0 -751px;}
}