@charset "UTF-8";
/* CSS Document */

/*///////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      reset     //////////////////////////////////////////////*/




html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none; }
body { line-height: 1; }
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #fff716; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; outline: none; margin: 0; padding: 0; -webkit-appearance: none; }
input[type=search] { -moz-appearance: none; -webkit-appearance: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
 display: none;
}
button { -webkit-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-align: start; -webkit-border-fit: border; display: inline-block; position: relative; border: 0; padding: 0; outline: none; }
a { text-decoration: none; outline: none; }
::selection{background:#fff716;color:#000;}
::selection{background:#fff716;color:#000;}
::-moz-selection{background:#fff716;color:#000;}
::-webkit-selection{background:#fff716;color:#000;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      estructura     //////////////////////////////////////////////*/




html.show-nav, .show-nav body { overflow-y: hidden; }
.moduloemergente { display: none; }
.show-nav .moduloemergente { display: block; overflow: auto; height: 100%; width: 100%; margin: 0; position: fixed; top: 0; left: 0; padding: 0; background:rgba(58,67,77,0.8); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 900; position:fixed;}
.close-btn:before, .close-btn::after { border: 2px solid #fff; border-width: 1px 0 0; content: ''; display: block; height: 6px; left: 5px; position: absolute; top: 18px; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; width: 30px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.close-btn:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
.close-btn::after { border-width: 1px 0; top: 10px; height: 11px; left: 6px; border-top: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.close-btn { border: none; foverflow: hidden; padding: 27px 0 0; right: 30px; text-align: center; top: 20px; width: 26px; z-index: 10001; background: none; position: fixed; outline: none; cursor: pointer; }
.moduloemergente a.logo img  {  width: 90px;padding:0 20px 0;}
.moduloemergente .bloque{ background: #fff; max-width:500px; margin-top:100px; min-height:150px; padding:20px 0;}
.moduloemergente .blocchi{ max-width:100%;}
.moduloemergente p{padding:0 20px;}

.moduloemergente span{ position:absolute; z-index:4; background: #e1c761; width:calc( 100% - 16px);  opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);-webkit-animation: bounceInLeft 1s ease forwards; -moz-animation: bounceInLeft 1s ease forwards; animation: bounceInLeft 1s ease forwards; }
.show-nav .moduloemergente span{ opacity:1;}
.show-nav .moduloemergente span.cuad-1{ -webkit-animation-delay: 0.0s; -moz-animation-delay: 0.0s; animation-delay: 0.0s;  height: 40%; top:0%;}
.show-nav .moduloemergente span.cuad-2{ -webkit-animation-delay: 0.35s; -moz-animation-delay: 0.35s; animation-delay: 0.35s;   height: 7%;top:52%;width:calc( 80% - 16px); }
.show-nav .moduloemergente span.cuad-3{ -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; animation-delay: 0.45s;  height: 4%;top:68%;}
.show-nav .moduloemergente span.cuad-4{ -webkit-animation-delay: 0.55s; -moz-animation-delay: 0.55s; animation-delay: 0.55s; height: 4%;top:75%;}
.show-nav .moduloemergente span.cuad-5{  -webkit-animation-delay: 0.65s; -moz-animation-delay: 0.65s; animation-delay: 0.65s;  height: 4%; top:82%;width:calc( 70% - 16px);}

.show-nav .moduloemergente .nativead{ background:#f4d868; z-index:3;position:absolute; width: 18%; height: 23%; left:50.6%; top:51%; padding:8px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; overflow:hidden;}

html, body { height: 100%; margin: 0; position: relative; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; background: #fff; font-weight: 400; font-size:0; }
.bloque { max-width: 980px; display: block; margin: 0 auto;position: relative;}
.full { max-width: 1600px; display: block; margin: 0 auto; }

body *[class^="content_anim"] { opacity: 0; }
span#txtVersionMovil, #spanvm{ display:none;}
/* Cabecera */
header.cabecera { margin: 25px auto 10px }
header.cabecera a.logo { display: inline-block; margin: 0 0 0 8px }
header.cabecera a.logo img { max-width: 120px; height: 40px; display: inline-block; width: 100%; }
header.cabecera .redes-sociales { display: inline-block; float: right; margin-top: 15px; }
header.cabecera .redes-sociales span.titulo { margin: 0 2px 0 0; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: uppercase }
header.cabecera .redes-sociales a { margin-left: 4px; display: inline-block; color: #2F83E0; font-size: 24px }
.fa { display: inline-block; font: normal normal normal 14px / 1 'Iconos'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.fa-facebook-square:before { content: '\e817' }
.fa-twitter:before { content: '\e818' }
.fa-twitter-square:before { content: '\e819' }
.fa-google:before { content: '\e81a' }
.fa-google-plus:before { content: '\e81b' }
.fa-google-plus-square:before { content: '\e81c' }
.fa-pinterest:before { content: '\e81d' }
.fa-pinterest-square:before { content: '\e81e' }
.fa-linkedin:before { content: '\e81f' }
.fa-instagram:before { content: '\e820' }
.fa-envelope-o:before { content: '\e821' }
.fa-rss:before {content: '\e815'}
.fa-search:before {content: '\e803'}

.info { font: 400 12px/14px Arial; margin:12px 0 85px; display:inline-block; vertical-align:top; }
.info address { letter-spacing: -1px; font: 700 12px/14px normal 'Arial'; display: inline-block; padding: 0 10px 0 35px; position: relative; }
.info address:before { width: 35px; height: 16px; content: ''; position: absolute; top: 0; left: 0; background: url(../img/bigote.svg) no-repeat; }





.grid [class*='col-'] p { margin-bottom: 32px; }
.grid p[class*='col-'] { margin-bottom: 32px; }
.imgarticle { margin:30px 0 40px; position:relative;}
.imgarticle img{ max-width:100%;}
.imgarticle video{ max-width:100%; width: 100%;}
.imgarticle.titulo{ background:#000;}
.imgarticle.titulo img{ opacity:0.75;}
.imgarticle figcaption{ display:inline-block;margin-top: 35px; }

.noticia { padding-top:30px;}
.mobile-video-image{ display:none;}




/********* Cabecera movil *************/

#modulo_cabecera>*{vertical-align: middle;display: inline-block;text-align: center;color: #fff;}
#modulo_cabecera{background: #18334c;color: #fff;left: 0;
position: relative;top: 0;z-index: 9999;width: calc(100% - 40px);padding: 0 20px 9px 20px;
-moz-transition: top 0.25s linear;-o-transition: top 0.25s linear;-webkit-transition: top 0.25s linear;
transition: top 0.25s linear;-moz-transition: left 0.25s linear;-o-transition: left 0.25s linear;-webkit-transition: left 0.25s linear;transition: left 0.25s linear; display:none;}
#modulo_cabecera .hamburger{background-image: url("https://www.abc.es/comun/movil2015/img/assets/x1/ic_menu.png"); font-size: 30px; font-weight:100;width: 24px;text-indent: -11000px;background-repeat: no-repeat;background-size: 100% auto; margin-top:11px;background-position: 0 4px;cursor: pointer;}
#modulo_cabecera .home_link {font-size: 30px;height: 35px;position: relative;text-align: center;top: 4px;width: calc(100% - 68px);}
#modulo_cabecera .home_link .logo_holder{display: block;height: 35px;margin: 0 auto;text-align: center;width: 170px;}
#modulo_cabecera .home_link .logo_holder img{width: 100%;max-width: 100%;height: auto}
nav#main_navigation{ display:none;}
#main_navigation ul.navigation_list.section_menu, #secondary_navigation ul.navigation_list.section_menu { background: #45719a; border-bottom: 1px solid #23425f }
#secondary_navigation ul.navigation_list li a { display: block; height: 37px; padding: 22px 0 0px 0 }
#main_navigation .opener { display: block; width: 128px; height: 60px; position: absolute; margin: 0 0 0 102px; z-index: 1 }
#main_navigation ul li.has_subnav ul.subnav, #secondary_navigation ul li.has_subnav ul.subnav { display: none }
#main_navigation a, #secondary_navigation a { color: #fff }
#main_navigation ul.navigation_list li, #secondary_navigation ul.navigation_list li { font-size: 15px; display: block; margin: 0 30px 0 33px;border-bottom: 1px solid #375e82;}
#main_navigation ul.navigation_list li a, #secondary_navigation ul.navigation_list li a { display: block; height: 37px; padding: 22px 0 0px 0 }
.has-sidebar .content {-webkit-transform: translate3d(83%, 0, 0);-moz-transform: translate3d(83%, 0, 0);-o-transform: translate3d(83%, 0, 0);-ms-transform: translate3d(83%, 0, 0);transform: translate3d(83%, 0, 0); position:fixed; }
.ie .content { margin-left: 0; -webkit-transition: margin .2s; -moz-transition: margin .2s; -o-transition: margin .2s; transition: margin .2s }
.ie .has-sidebar .content { margin-left: 83% }
body.has-sidebar { overflow: visible; background: #2e5273;}
.content { background: #fff; bottom: 0; left: 0;  position: inherit; top: 0; width: 100%;  -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.has-sidebar nav#main_navigation {-webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; -o-transition: -o-transform .2s;
    transition: -webkit-transform .2s, -moz-transform .2s, -o-transform .2s, transform .2s;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
	overflow: auto;}


/* NAV PRINCIPAL */
nav.nav-principal { min-height: 30px; padding: 3px 0 1px; text-transform: uppercase; border-top: 1px solid #B5B5B5; border-bottom: 1px solid #B5B5B5; box-sizing:border-box;}
nav.nav-principal ul { width: 100%; min-height: 30px; margin-bottom: 3px; display: block; font-size: 11px; word-spacing: -2px; letter-spacing: -0.058em; text-align: center; background-color: #f4f5f7; font-family: 'Open Sans', sans-serif; }
nav.nav-principal ul li { height: 30px; display: inline-block; }
nav.nav-principal ul li a { height: 30px; padding: 0 3px; display: block; line-height: 31px; font-weight: bold; color: #34495e; }
nav.nav-principal ul li a:hover { background-color: #ECEFF1; cursor: pointer; color: #2c3e50 }


/* ESTILOS DE TEXTOS  */

h1 { color: #34495e; font: 400 20px/26px 'ABC-display'; margin-top: 15px }
h1 strong { font: 400 40px/50px 'ABC-display'; }
h1 p { font: 400 20px/26px 'ABC-display'; }
h2 { color: #34495e; font: 700 18px/26px 'Arial'; text-transform: uppercase; margin-bottom: 20px; }
h2 strong { font: 400 38px/42px 'ABC-display'; margin-bottom: 4px; }
h2 p { font: 400 18px/26px 'Arial'; }
h3 { color: #34495e; font: 700 16px/26px 'Arial';  margin-bottom: 20px; }

p { color: #37474f; font: 400 15px/21px  'Arial'; }
p  a{ color: #37474f; text-decoration:underline; }
blockquote { width: 200px; }
blockquote p { font: 700 20px/28px  'Arial'; color: #37474f; margin-bottom:10px; }
.grid [class*='col-'] blockquote p { font: 700 20px/28px  'Arial'; color: #37474f; margin-bottom:15px; }
blockquote.derecha { float: right; margin: 15px 30px; }
blockquote img { width:100%; max-width:100%; margin-bottom:10px;}

address { letter-spacing: -1px; font: 700 12px/14px normal 'Arial'; display: inline-block; padding: 0 10px 0 0px; position: relative; color: #90a4ae ; margin:0; }

/* ESTILOS DE LISTAS  */

/* ------ lista horizontal ---------  */

.listahorizontal li{display: inline-block;vertical-align: top;float:none;}
.listahorizontal.numerada li span{ font:100 60px/50px 'Open Sans'; color: #75aaaa; margin-bottom:8px; display:inline-block; }
.listahorizontal.numerada li p { font-size:13px; padding-right:5px;}

/*--------      lista vertical    -------------*/

.listavertical { border:1px  dotted #c9cdd0; padding:20px 0; margin:0  0 40px}
.listavertical li p,.listavertical li h2 { padding:0 20px;}
/*  IMG  lista vertical */
.listavertical img{ margin-bottom:35px;max-width: 100%;}



/*//////      compartir        ///////////////*/
.compartir {margin:0px auto;padding: 0;max-width:980px; display: inline-block;vertical-align: middle;float: right; clear:both;}
.compartir p{font: 400 12px/14px Arial; color: #90a4ae;display: inline-block;vertical-align: middle; margin:0 8px 0 0;}
.compartir ul{display: inline-block;vertical-align: middle;}
.compartir li { position:relative;display: inline-block;   height:35px;width:35px; overflow:hidden;vertical-align: top;}
.compartir li a {display: block; width:29px; height: 29px; zoom:1;text-align: center;overflow:hidden;}
.compartir li.facebook { margin:0px 8px 0; background:#295e97;}
.compartir li.twitter { margin:0px; background:#00ace4;}
.compartir li.whatsapp { margin:0px 8px 0; background:#5ee828; display:none;}

.grid [class*='col-'] .compartir p{margin:0 8px 0 0;}

/**** fontface iconos ****/
.compartir i { font: normal normal normal 14px/2 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1px;  font-size: 15px; color:#fff;  text-align:center;}
.compartir i:before{ position:absolute; top:16px; left:10px; } 
.compartir i.facebook:before { content: "\f09a";left:12px  }
.compartir i.twitter:before { content: "\f099"; }
.linkedin:before { content: "\f0e1"; }
.whatsapp:before { content: "\f232"; }
.email:before { content: "\f003"; }





/* FULL IMG  */

.encabecadofullimg.noticia { position:relative; padding-top:0px;}
.encabecadofullimg .fullimg.principal, .fullimg { position: relative; }
.encabecadofullimg .fullimg.principal { margin: 0; }
.encabecadofullimg .fullimg { margin: 40px 0; }
.encabecadofullimg .fullimg.principal figure { max-height: 600px; overflow: hidden; display:inline-block; }
.encabecadofullimg .fullimg.principal figure:after { width: 100%; height: 5px; background: #fff; content: ''; left: 0; bottom: 0; position: absolute; }
.encabecadofullimg .fullimg img { max-width: 100%; height: auto; opacity: 0.6; }
.encabecadofullimg .fullimg figure { max-height: 400px; overflow: hidden; background: #000000; }
.tituloemergente { position: absolute; z-index: 5; bottom: 50px; width: 100%; }
.tituloemergente h1, .tituloemergente h2, .tituloemergente p { color: #ffffff; text-transform: none; }
.tituloemergente h1 strong{  font: 900 40px/50px 'ABC-display'; }
.encabecadofullimg .logocliente { position:absolute; z-index:3; right:10px; top:15px;display:inline-block; max-width: 250px;padding-bottom:0; margin:0;}
.encabecadofullimg .logocliente p{ color:#fff; font-size:10px; display:inline-block;vertical-align:top;}
.encabecadofullimg .logocliente img{  display:inline-block; opacity:1; max-width:110px; vertical-align:top; margin-left:8px;}

/*  IMG  PRINCIPAL */

.imgprincipal{ max-height:550px;margin: 40px 0 0; overflow:hidden;}
.imgprincipal img { max-width: 100%;}

.logocliente { position: relative; display: inline-block;max-width: 100%;width: 100%;text-align: right; border-bottom:none; padding-bottom:0px; margin:0 0 -30px; top:-20px;}
.logocliente p{ color:#000; font-size:10px; display:inline-block;vertical-align:top; padding-top:8px;}
 .logocliente img{  display:inline-block; opacity:1; max-width:110px; vertical-align:top; margin-left:8px;}




/* ETIQUETAS FORMATOS  */

.p-content { background: #f3d767; display: inline-block; font: 400 12px/14px 'Open Sans Bold'; color: #656360; padding: 5px 8px; height: 25px; box-sizing: border-box; display: inline-block; vertical-align: top; }
.quees span + span { background: #34495e; font: 400 12px/14px 'Open Sans'; color: #fff; padding: 5px 8px; text-decoration: underline; height: 25px; box-sizing: border-box; display: inline-block; vertical-align: top; }
/* Navegacion */
nav.navegacion { height: 61px; padding: 3px 0; margin-bottom: 20px; text-transform: uppercase; border-top: 1px solid #B5B5B5; border-bottom: 1px solid #B5B5B5 }
body#portada nav.navegacion, body#home nav.navegacion, body.estatica nav.navegacion { height: 30px }
body.canal nav.navegacion { padding: 0 0 3px; border-top: none }
nav.navegacion h1 { position: absolute; top: 0; left: 0; z-index: 3 }
nav.navegacion h1 em { display: none }
nav.navegacion ul.primer-nivel { width: 100%; height: 30px; margin-bottom: 3px; display: block; font-size: 11px; word-spacing: -2px; letter-spacing: -0.058em; text-align: center; background-color: #f4f5f7; font-family: 'Open Sans', sans-serif }
body#portada nav.navegacion ul.primer-nivel, body#home nav.navegacion ul.primer-nivel { width: 100%; margin-bottom: 0; padding-left: 0; position: absolute; bottom: 3px; left: 0; text-align: center }
nav.navegacion ul.primer-nivel li { height: 30px; display: inline-block }
nav.navegacion ul.primer-nivel a, nav.navegacion ul.primer-nivel span.desplegador { height: 30px; padding: 0 3px; display: block; line-height: 31px; font-weight: bold; color: #34495e }
nav.navegacion ul.primer-nivel a:hover, nav.navegacion ul.primer-nivel span.desplegador:hover { background-color: #ECEFF1; cursor: pointer; color: #2c3e50 }
nav.navegacion ul.primer-nivel a#deportes:hover { color: #BE161F }
/* PIE */


.pie-ad { border: solid #c9cdd0;border-width: 1px 0px; padding-top:20px; margin:35px 0; clear: both;}
.grid .pie-ad p{ margin-bottom:20px; font-size:12px; text-align:center; padding:0 25px; color: #596d79;}

footer.pie { width: 100%; margin-top: 20px; padding: 20px 18px 40px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-family: 'Open Sans', sans-serif; }

footer.pie .mas-enlaces ul {width: 225px;float: left}
footer.pie.bg-gris-claro { background-color: #F3F3F3 !important }
footer.pie .gris-medio { color: #37474F !important }
footer.pie span.fa { font-size: 14px; line-height: 32px }
footer.pie .marca-pie, footer.pie .mas-enlaces, footer.pie .mapa-web { margin-bottom: 20px; padding-bottom: 20px; position: relative; border-bottom: 1px dotted #90a4ae }
footer.pie .marca-pie { padding-bottom: 10px; display:inline-block; width: 100%;}
footer.pie .mas-enlaces { padding-bottom: 13px; display:inline-block; width: 100%;}
footer.pie .marca-pie a.logo-pie { margin-right: 10px; display: block; float: left }
footer.pie .marca-pie span.copy { margin-top: 21px; display: block; float: left; font-size: 11px }
footer.pie .marca-pie .herramientas-pie { height: 32px; position: absolute; right: 0; bottom: 0; display: block }
footer.pie .herramientas-pie a, footer.pie .herramientas-pie span.suave { height: 32px; display: inline-block }
footer.pie .herramientas-pie a:hover, footer.pie .herramientas-pie span.suave:hover { background-color: #fff }
footer.pie .herramientas-pie span.icono, footer.pie .herramientas-pie span.texto { height: 32px; float: left; display: block }
footer.pie .herramientas-pie span.icono { width: 32px; text-align: center }
footer.pie .herramientas-pie span.texto { padding: 0 10px 0 0; font-size: 11px; line-height: 32px }
footer.pie .mas-enlaces ul { width: 100%; float: left; max-width: 220px;display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 25px  0 0px}
footer.pie .mas-enlaces .titulo, footer.pie .enlaces-vocento .titulo, footer.pie .mapa-web .titulo { margin-bottom: 5px; display: block; font-size: 20px; font-family: 'ABC-display', serif; text-transform: uppercase }
footer.pie .mas-enlaces li { margin-bottom: 7px; font-size: 11px }
footer.pie .mas-enlaces li a{ color: #34495e;}

a.alter, span.alter, span.suave.alter {color: #2F83E0}

.videoWrapper {position: relative;padding-bottom: 56.25%;height: 0;background-color: #000;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.infografia { text-align:center; margin:25px 0 0;}
.infografia p{ text-align:center;}
.infografia p.num{ font:100 50px/52px 'Open Sans'; color: #75aaaa; margin-bottom:8px; display:inline-block; margin:-110px auto 0px; display:block;}
.infografia p.num + p{font:100 13px/20px 'Open Sans';margin:0px auto 50px; display:block;}


.infographic-circle {  height: 150px; width: 150px; display: block; stroke: #fff; -webkit-transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020); -moz-transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020); -o-transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020); transition: 2.5s cubic-bezier(0.165, 0.775, 0.145, 1.020); }
/*.infographic-circle .circle, .infographic-circle .progress  {opacity:1;}*/
.progress { -webkit-transition: 2.5s; -moz-transition: 2.5s; -o-transition: 2.5s; transition: 2.5s; }
.infographic-circle .progress { stroke-dasharray: 1, 515; }
.infographic-circle.active .progress { stroke-dasharray: 310, 615; -webkit-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); -moz-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); -o-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); }

strong[class*=subrall]{
  background-image: linear-gradient(to right, rgba(25,25,25,0) 50%, #59e1ed 50%);
  background-position: 0% 0;
  background-size: 200% auto;
 
  font-weight:400;
  text-decoration: none;
  transition: background-position 0.5s ease-out;
}
strong[class*=subrall].active {
  background-position: -99.99% 0; color: #000;
}


/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   GALERIA  swiper     /////////////////////////////////////*/





.noticia .swiper-container { height: auto; width: 100%; padding-bottom: 80px; }
.noticia .swiper-wrapper { padding-top: 30px; }
.noticia .swiper-slide { text-align: center; font-size: 18px;/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.noticia .swiper-button-prev {top:calc(50% - 20px); left: calc(25%); background: url(../img/sinistra.svg) no-repeat #000; background-size: 100%; width: 40px;  height: 40px;}
.noticia .swiper-button-next { top:calc(50% - 20px); right: calc(25%); background: url(../img/destra.svg) no-repeat #000; background-size: 100%; width: 40px; height: 40px; }



.noticia *[class^="swiper-slide"] { opacity: 0.35; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }
.noticia .swiper-slide.swiper-slide-active { opacity: 1; }
.noticia *[class^="swiper-slide"] p { color: #34495e; font: 400 14px/26px 'ABC-display'; width: 100%;  display: inline-block; min-width: 100%; position: absolute; bottom: -60px; left: 0; opacity: 0; -webkit-transition: opacity 0.65s ease-in-out; -moz-transition: opacity 0.65s ease-in-out; transition: opacity 0.65s ease-in-out; text-align:center;}
.noticia .swiper-slide.swiper-slide-active p {color: #34495e; font: 400 14px/26px 'ABC-display'; opacity: 1; text-align:center;  }
.noticia *[class^="swiper-slide"] p span{ margin: 0 auto; max-width:500px; display:block;}
.noticia .swiper-slide img { min-width: 100%;width: 100%;  }

/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   ZOOM  IMG     /////////////////////////////////////*/


.evenZoom { display: inline-block; }
.evenZoom .evenZoomLens { background-color: #fff; box-shadow: -5px -5px 30px rgba(255, 255, 255, .7) inset, 5px 5px 20px rgba(0, 0, 0, .3) inset, 10px 10px 25px rgba(0, 0, 0, .1); width: 180px; height: 180px; border-radius: 100%; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; cursor: none; background-repeat: no-repeat; display: block; position: absolute; top: 0; left: 0; }
.evenZoom .evenZoomLens.hidden { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }


/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   SCROLL  BAR     /////////////////////////////////////*/

.scrollbar {width: 100%;height: 10px;background:#F3F3F3;  position: fixed;bottom: 0; left:0;overflow: hidden; z-index:3;}
.bar { width: 0px;height: 10px;background: #34495e; position: fixed;}


/*//////////////////////////////////////////////////////////////////////
//////////////////////////////   RELACIONADOS     /////////////////////////////////////*/

.relacionados.pad-r-25{ clear:both;}
.relacionados .info {margin: 12px 0 35px;}
.relacionados .ribbon { background-color: #f4d868; color: #5b5b5f; font: 11px 'Arial', sans-serif, helvetica; padding: 7px 12px; margin-top: 16px; text-transform: uppercase; font-weight: bold; display: inline-block; margin-bottom: 20px; }
.relacionados figure img { max-width: 100%; width:100%; }
.relacionados article h1 strong { font:400 26px/32px 'ABC-display'; }
.grid .relacionados article h1 p { font-size: 16px; line-height:22px; margin-bottom:5px;}
.ribbon.bc { background-color: #696866; color: #fff; }
.ribbon.pc { background-color: #f4d868; color: #5b5b5f; }
.relacionados .info {margin: 12px 0 35px;}
.relacionados a .info  time{ color: #90a4ae;}



@media handheld, only screen and (max-height: 780px) {
.encabecadofullimg .fullimg.principal figure { max-height: 400px; overflow: hidden; }
.imgprincipal{ max-height:400px;}

}
@media screen and (max-width: 980px) {

.noticia h1, .noticia .quees{ padding:0 18px;}
	
}

@media screen and (max-width: 800px) {
	.noticia .swiper-button-prev { left: calc(0%); }
.noticia .swiper-button-next { right: calc(0%); }

}

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

	/* ESTILOS DE TEXTOS  */

h1 { color: #34495e; font: 400 14px/26px 'ABC-display'; margin-top: 15px }
h1 strong { font: 900 26px/28px 'ABC-display'; }
h1 p { font: 400 20px/26px 'ABC-display'; }
h2 { color: #34495e; font: 700 18px/26px 'Arial'; text-transform: uppercase; margin-bottom: 20px; }
h2 strong { font: 400 28px/42px 'ABC-display'; margin-bottom: 4px; }
h2 p { font: 400 18px/26px 'Arial'; }

.encabecadofullimg .fullimg figure{ min-height:300px;}
.encabecadofullimg .fullimg img{ max-width:140%;}



footer.pie .mas-enlaces { display:none; }
.infographic-circle{ margin:0 auto;}
	
	}	
	
	
	
@media screen and (max-width: 530px){
	
	.quees + h1  p, h2 p, time, .compartir p, footer.pie .marca-pie .herramientas-pie, nav.nav-principal ul li{ display:none;}
	.encabecadofullimg .fullimg img{ max-width: 170%;}
	.imgarticle{ margin-bottom:0;}
	blockquote{ width: 100%; padding: 0 30px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
	.encabecadofullimg .fullimg figure{ min-height: 250px;}
	.info{ margin-bottom:40px;}
	.tituloemergente h1 strong{  font: 900 32px/33px 'ABC-display'; }
	
	.infographic-circle .progress { stroke-dasharray: 300, 615; -webkit-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); -moz-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); -o-transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); transition: 4s cubic-bezier(0.165, 0.775, 0.145, 1.020); }
	
	.infografia{margin: 0px 0 0;}
	.imgarticle figcaption{margin-top: 15px;}
	
	
	}
@media screen and (max-width: 465px){
	.show-nav .moduloemergente .nativead{height: 20%; top: 50%;}
	.noticia *[class^="swiper-slide"] { opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }
	}

@media screen and (max-width: 380px){
	header.cabecera .redes-sociales{ display:none;}
	.show-nav .moduloemergente .nativead{height: 20%; top: 50%;}
	
	.noticia .swiper-slide.swiper-slide-active p{ display:none;}
	.noticia .swiper-container{ padding-bottom:20px;}
	.noticia .swiper-button-next, .noticia .swiper-button-prev{top: calc(50% + 20px);}
	.compartir li.whatsapp { display: inline-block;}
	/* Cabecera Movil */
	
	.content { z-index: 2;}
	header#modulo_cabecera{ display: block;}
	nav#main_navigation {display: block;z-index: 1;position: fixed;top: 0;left: 0;bottom: 0;overflow: hidden;width: 90%;-webkit-transition: -webkit-transform 0.1s;-moz-transition: -moz-transform 0.1s;-o-transition: -o-transform 0.1s;transition: -webkit-transform 0.1s, -moz-transform 0.1s, -o-transform 0.1s, transform 0.1s;-webkit-transform: translate3d(-350px, 0, 0);-moz-transform: translate3d(-350px, 0, 0);-o-transform: translate3d(-350px, 0, 0);-ms-transform: translate3d(-350px, 0, 0);transform: translate3d(-350px, 0, 0); }

	.evenZoom .evenZoomLens{display: none;}	
	.cabecera, .nav-principal{ display:none;}

	
	/* FIN */
	
	
	}
	
	@media screen and (max-width: 330px){
		
		.show-nav .moduloemergente .nativead{height: 18%;top: 45%;}
		
		
		}
		
		
@media screen and (min-width: 1880px) {
	
		.encabecadofullimg .fullimg.principal figure { max-height: 600px; overflow: hidden; display:inline-block;width:100%;  }
		.encabecadofullimg .fullimg img { max-width: 100%; height: auto; opacity: 0.6; width:100%; }
	
	
}