@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } html { line-height: 1 } ol,ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption,th,td { text-align: left; font-weight: normal; vertical-align: middle } q,blockquote { quotes: none } q:before,q:after,blockquote:before,blockquote:after { content: ""; content: none } a img { border: none } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block } *:focus { outline: 0; } .animated,.newspaper .item img,.pages #page-image img { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge,.newspaper .item img.hinge,.pages #page-image img.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } map, area {position:absolute;display:block;text-align:center} map {top:0;left:0;font-size:2em;} area:before {content:attr(title);color:white;text-shadow:0 0 1px #333;} area { cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } area:hover {background:none;} @-webkit-keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce } @-webkit-keyframes flash { 0%,50%,100% { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,100% { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes shake { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); transform: translateX(0%) } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(0.9); transform: scale(0.9) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(0.95); transform: scale(0.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn,.newspaper .item img,.pages #page-image img { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip,.newspaper .item img.flip,.pages #page-image img.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } html,body,div,a,img { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none } html { margin: 0; padding: 0 } body { margin: 0; padding: 0; /* font-family: Helvetica,Arial,sans-serif; */ font-family: Arial,sans-serif; text-rendering: optimizelegibility; -webkit-font-smoothing: subpixel-antialiased; font-size: 76%; background: #fff } body.locked { overflow: hidden } @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900); @import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700,900); @font-face { font-family: 'Mercurio-Reg'; src: url(../fonts/palatino_mer_regular.otf) format('otf'); font-style: normal; font-weight: 400; } @font-face { font-family: 'ElMercurio'; src: url(../fonts/palatino_mer_condensed.otf) format('otf'); font-style: normal; font-weight: 400; } /* @font-face { font-family: "Palatino-Roman"; src: url("../fonts/Palatino-Roman.eot?") format("eot"),url("../fonts/Palatino-Roman.woff") format("woff"),url("../fonts/Palatino-Roman.ttf") format("truetype"),url("../fonts/Palatino-Roman.svg#Palatino-Roman") format("svg") } @font-face { font-family: "Palatino-Condensed"; src: url("../fonts/Palatino-Condensed.eot?") format("eot"),url("../fonts/Palatino-Condensed.woff") format("woff"),url("../fonts/Palatino-Condensed.ttf") format("truetype"),url("../fonts/Palatino-Condensed.svg#Palatino-Condensed") format("svg") } @font-face { font-family: "Emol-Icons"; src: url("../fonts/Emol-Icons.eot?") format("eot"),url("../fonts/Emol-Icons.woff") format("woff"),url("../fonts/Emol-Icons.ttf") format("truetype"),url("../fonts/Emol-Icons.svg#Emol-Icons") format("svg") }*/ @font-face { font-family: 'Emol-Icons'; src: url('../fonts/emol-icons-webfont.eot'); src: url('../fonts/emol-icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/emol-icons-webfont.woff2') format('woff2'), url('../fonts/emol-icons-webfont.woff') format('woff'), url('../fonts/emol-icons-webfont.ttf') format('truetype'), url('../fonts/emol-icons-webfont.svg#Emol-Icons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LaSegunda_Icons'; src: url('../fonts/LaSegunda_Icons.eot?98334442'); src: url('../fonts/LaSegunda_Icons.eot?98334442#iefix') format('embedded-opentype'), url('../fonts/LaSegunda_Icons.woff?98334442') format('woff'), url('../fonts/LaSegunda_Icons.ttf?98334442') format('truetype'), url('../fonts/LaSegunda_Icons.svg?98334442#LaSegunda_Icons') format('svg'); font-weight: normal; font-style: normal; } .icon-comentario { font-family: 'LaSegunda_Icons', sans-serif; font-size: 28px; float: left; } .txt_icons_ls { float: left; line-height: 26px; font-size: 15px; margin-left: 13px; } .bt_disqus_ls { display: inline-block; width: 190px; background: #eaeaea; /*padding: 15px 20px 10px 20px;*/ /*padding: 13px 15px 10px 15px;*/ padding: 8px 15px 6px 15px; border-bottom: 3px solid #a0aeb5; color: #787878; } .bt_disqus_ls:hover { text-decoration: none; color: #787878; } .icons_sociales_ls { /*float: left;*/ display: inline-block; width: 100%; position: relative; } .icon-facebook { font-family: 'LaSegunda_Icons', sans-serif; font-size: 29px; float: left; width: 45px; background: #236785; color: #fff; border-bottom: 3px solid #163746; text-align: center; line-height: 40px; padding-top: 2px; padding-left: 2px; } .icon-twitter { font-family: 'LaSegunda_Icons', sans-serif; font-size: 32px; float: left; width: 45px; background: #34a7da; color: #fff; border-bottom: 3px solid #144d67; text-align: center; line-height: 39px; padding-top: 3px; padding-left: 2px; } .icon-email { font-family: 'LaSegunda_Icons', sans-serif; font-size: 29px; float: left; width: 45px; background: #1c8328; color: #fff; border-bottom: 3px solid #15561f; text-align: center; line-height: 40px; padding-top: 2px; padding-left: 2px; } .icon-imprimir { font-family: 'LaSegunda_Icons', sans-serif; font-size: 26px; float: left; width: 45px; background: #f5f5f5; color: #787878; border-bottom: 3px solid #777; text-align: center; line-height: 40px; padding-top: 2px; padding-left: 2px; } /* SOCIAL ICONS PÁGINAS */ .icon-comentario_pag { font-family: 'LaSegunda_Icons', sans-serif; font-size: 19px; float: left; /* width: 42px; */ /*width: 55px;*/ /* width: 170px; */ width: 115px; background: #008973; color: #fff; border-bottom: 3px solid #035545; text-align: center; line-height: 29px; padding-top: 4px; padding-left: 2px; } .icon-facebook_pag { font-family: 'LaSegunda_Icons', sans-serif; font-size: 22px; float: left; /*width: 34px;*/ width: 38px; margin: 0 0 0 5px; /*background: #f5f5f5; color: #787878; border-bottom: 3px solid #777;*/ background: #246686; color: #fff; border-bottom: 3px solid #163746; text-align: center; line-height: 31px; padding-top: 2px; padding-left: 2px; } .icon-twitter_pag { font-family: 'LaSegunda_Icons', sans-serif; font-size: 24px; float: left; /* width: 34px; */ width: 38px; margin: 0 0 0 5px; /* background: #f5f5f5; color: #787878; border-bottom: 3px solid #777; */ background: #33a7da; color: #fff; border-bottom: 3px solid #144d67; text-align: center; line-height: 30px; padding-top: 3px; padding-left: 2px; } .icon-whatsapp_pag { font-family: 'LaSegunda_Icons', sans-serif; font-size: 23px; float: left; /*width: 34px;*/ width: 38px; margin: 0 0 0 5px; /* background: #f5f5f5; color: #787878; border-bottom: 3px solid #777; */ background: #60b82d; color: #fff; border-bottom: 3px solid #15561f; text-align: center; line-height: 30px; padding-top: 3px; padding-left: 2px; } #bt_whatsapp { display: none; } .icon-email_pag { font-family: 'LaSegunda_Icons', sans-serif; font-size: 22px; float: left; /*width: 34px;*/ width: 38px; margin: 0 0 0 5px; background: #f5f5f5; color: #787878; border-bottom: 3px solid #777; text-align: center; line-height: 31px; padding-top: 2px; padding-left: 2px; } .icon-imprimir_pag { font-family: 'LaSegunda_Icons', sans-serif; font-size: 19px; float: left; /*width: 34px;*/ width: 38px; margin: 0 0 0 5px; background: #f5f5f5; color: #787878; border-bottom: 3px solid #777; text-align: center; line-height: 31px; padding-top: 2px; padding-left: 2px; } .icon-compartir_pag { font-family: 'LaSegunda_Icons', sans-serif; font-size: 18px; float: left; /* width: 42px; */ /*width: 55px;*/ width: 195px; background: #ededed; color: #3162ab; border-bottom: 3px solid #3162ab; text-align: center; line-height: 29px; padding-top: 4px; padding-left: 2px; } .icon_what_page { display: none; } .icon-fecha { font-family: 'LaSegunda_Icons', sans-serif; font-size: 22px; color: #3162ab; text-align: center; /*float: left;*/ margin-right: 11px; } .icon-login { font-family: 'LaSegunda_Icons', sans-serif; font-size: 22px; color: #3162ab; text-align: center; /* float: left; margin-right: 12px; */ margin-left: 6px; } .icon-login_txt { /*float: left;*/ font-size: 13px; color: #3162ab; } .icon-login_sep { padding-top: 5px; } .icon-fecha_txt { /* float: left; width: 86%;*/ font-size: 13px; /* line-height: 25px; */ } .icon-fecha_txt_fi { /* float: left; */ width: 86%; font-size: 14px; line-height: 25px; display: inline; /* top: -3px; */ /* position: relative; */ color: #7c7c7c; } .icon-arch { font-family: 'LaSegunda_Icons', sans-serif; font-size: 22px; color: #3162ab; text-align: center; /* float: left; */ margin-left: 10px; } .icon-arch_txt { /*float: left; */ font-size: 13px; /* line-height: 25px; */ position: relative; top: -2px; } .icon-menu_app { font-family: 'LaSegunda_Icons', sans-serif; font-size: 26px; color: #3162ab; text-align: center; float: left; line-height: 42px; } .icon-back_app { font-family: 'LaSegunda_Icons', sans-serif; font-size: 28px; color: #3162ab; text-align: center; float: left; line-height: 42px; } .icon-newsletter { font-family: 'LaSegunda_Icons', sans-serif; font-size: 14px; color: #3162ab; text-align: center; /*float: left;*/ /*margin-right: 11px;*/ margin-right: 2px; margin-left: 8px; } .comentar_esta_n { float: right; font-family: Arial,sans-serif; font-size: 12px; margin-right: 15px; } .regular,section.articles .article div.text { font-family: Arial,Helvetica,sans-serif; font-weight: 100; line-height: 1 } .title,section.articles .article aside { font-family: Arial,Helvetica,sans-serif; font-weight: 900; line-height: 1 } .icon,a.close,.icon-zoom:hover:before,.newspaper .item:hover:before,.pages #page-image .zones a:hover:before,section.articles .article .gallery figure:hover:before,#main .bar a,section.articles .article .comments .btn.mid:before { font-family: "Emol-Icons",Helvetica,Arial,sans-serif; font-weight: 300; line-height: 1 } a { color: #437fa6; text-decoration: none; position: relative } a:hover { color: #5e98be } .btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: center; cursor: pointer; color: #fff; position: relative } .btn strong { color: #fff } .btn .icon,.btn a.close,.btn .icon-zoom:hover:before,.btn .newspaper .item:hover:before,.newspaper .btn .item:hover:before,.btn .pages #page-image .zones a:hover:before,.pages #page-image .zones .btn a:hover:before,.btn section.articles .article .gallery figure:hover:before,section.articles .article .gallery .btn figure:hover:before,.btn #main .bar a,#main .bar .btn a,.btn section.articles .article .comments .btn.mid:before,section.articles .article .comments .btn .btn.mid:before { position: absolute; left: 10px; top: 10px; font-size: 1em; color: #fff } .btn:hover { color: #fff; text-decoration: none } .btn.small { padding: 5px 10px; border-radius: 3px } .btn.mid { padding: 10px; border-radius: 3px; font-size: 1.2em } .btn.big { padding: 20px; border-radius: 5px; font-size: 1.4em } .orange { background: #fd8913; background-image: linear-gradient(90deg, #fd8913 0%,#fda246 100%); background-image: -webkit-linear-gradient(90deg, #fd8913 0%, #fda246 100%); background-image: -moz-linear-gradient(90deg, #fd8913 0%, #fda246 100%); background-image: -ms-linear-gradient(90deg, #fd8913 0%, #fda246 100%); background-image: -o-linear-gradient(90deg, #fd8913 0%, #fda246 100%) } .orange:hover { background-image: linear-gradient(270deg, #fd8913 0%,#fda246 100%); background-image: -webkit-linear-gradient(270deg, #fd8913 0%, #fda246 100%); background-image: -moz-linear-gradient(270deg, #fd8913 0%, #fda246 100%); background-image: -ms-linear-gradient(270deg, #fd8913 0%, #fda246 100%); background-image: -o-linear-gradient(270deg, #fd8913 0%, #fda246 100%) } .green { background: #3bb44a; background-image: linear-gradient(90deg, #3bb44a 0%,#59c967 100%); background-image: -webkit-linear-gradient(90deg, #3bb44a 0%, #59c967 100%); background-image: -moz-linear-gradient(90deg, #3bb44a 0%, #59c967 100%); background-image: -ms-linear-gradient(90deg, #3bb44a 0%, #59c967 100%); background-image: -o-linear-gradient(90deg, #3bb44a 0%, #59c967 100%) } .green:hover { background-image: linear-gradient(270deg, #3bb44a 0%,#59c967 100%); background-image: -webkit-linear-gradient(270deg, #3bb44a 0%, #59c967 100%); background-image: -moz-linear-gradient(270deg, #3bb44a 0%, #59c967 100%); background-image: -ms-linear-gradient(270deg, #3bb44a 0%, #59c967 100%); background-image: -o-linear-gradient(270deg, #3bb44a 0%, #59c967 100%) } .red { background: #ff4141; background-image: linear-gradient(90deg, #ff4141 0%,#ff7474 100%); background-image: -webkit-linear-gradient(90deg, #ff4141 0%, #ff7474 100%); background-image: -moz-linear-gradient(90deg, #ff4141 0%, #ff7474 100%); background-image: -ms-linear-gradient(90deg, #ff4141 0%, #ff7474 100%); background-image: -o-linear-gradient(90deg, #ff4141 0%, #ff7474 100%) } .red:hover { background-image: linear-gradient(270deg, #ff4141 0%,#ff7474 100%); background-image: -webkit-linear-gradient(270deg, #ff4141 0%, #ff7474 100%); background-image: -moz-linear-gradient(270deg, #ff4141 0%, #ff7474 100%); background-image: -ms-linear-gradient(270deg, #ff4141 0%, #ff7474 100%); background-image: -o-linear-gradient(270deg, #ff4141 0%, #ff7474 100%) } .blue { background: #437fa6; background-image: linear-gradient(90deg, #437fa6 0%,#5e98be 100%); background-image: -webkit-linear-gradient(90deg, #437fa6 0%, #5e98be 100%); background-image: -moz-linear-gradient(90deg, #437fa6 0%, #5e98be 100%); background-image: -ms-linear-gradient(90deg, #437fa6 0%, #5e98be 100%); background-image: -o-linear-gradient(90deg, #437fa6 0%, #5e98be 100%) } .blue:hover { background-image: linear-gradient(270deg, #437fa6 0%,#5e98be 100%); background-image: -webkit-linear-gradient(270deg, #437fa6 0%, #5e98be 100%); background-image: -moz-linear-gradient(270deg, #437fa6 0%, #5e98be 100%); background-image: -ms-linear-gradient(270deg, #437fa6 0%, #5e98be 100%); background-image: -o-linear-gradient(270deg, #437fa6 0%, #5e98be 100%) } .grey { background: #ddd; background-image: linear-gradient(90deg, #dddddd 0%,#eeeeee 100%); background-image: -webkit-linear-gradient(90deg, #ddd 0%, #eee 100%); background-image: -moz-linear-gradient(90deg, #ddd 0%, #eee 100%); background-image: -ms-linear-gradient(90deg, #ddd 0%, #eee 100%); background-image: -o-linear-gradient(90deg, #ddd 0%, #eee 100%) } .grey:hover { background-image: linear-gradient(270deg, #dddddd 0%,#eeeeee 100%); background-image: -webkit-linear-gradient(270deg, #ddd 0%, #eee 100%); background-image: -moz-linear-gradient(270deg, #ddd 0%, #eee 100%); background-image: -ms-linear-gradient(270deg, #ddd 0%, #eee 100%); background-image: -o-linear-gradient(270deg, #ddd 0%, #eee 100%) } .spinner { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../img/loading.png) 50% 50% no-repeat; -webkit-animation: loading linear 1.2s infinite } a.close { color: #ff4141; font-size: 2.5em; text-transform: uppercase } a.close:hover { color: #ff7474; text-decoration: none } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg) } } #app { text-align: left } .left { float: left } .right { float: right } .hide,[ng-cloak] { display: none } .show { display: block } .animated,.newspaper .item img,.pages #page-image img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: static } .image-text { display: inline-block; overflow: hidden; text-indent: -1000em } .icon-zoom:hover:before,.pages #page-image .zones a:hover:before,section.articles .article .gallery figure:hover:before { position: absolute; top: 50%; left: 50%; margin-top: -6%; margin-left: -6%; font-size: 2em; content: "B"; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; padding: 3%; border-radius: 5px; cursor: pointer } .breadcrums { display: none } /* LUPA */ .newspaper .item a:hover:before { font-family: "Emol-Icons"; position: absolute; top: 50%; left: 50%; margin-top: -6%; margin-left: -6%; font-size: 2em; content: "B"; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; padding: 3%; border-radius: 5px; cursor: pointer; } /* ANT - SIG */ #sig_pag_full { position:fixed; right:40px; top:43%; z-index:99; } #sig_pag_full a { color:#6bbc88; } #sig_pag_full a:hover { text-decoration:none; } .bt_sig_f:after { content: '>'; font:150px "Consolas", monospace; /* color: #b6b5b7; */ color: #6bbc88; right: 10px; top: -9px; padding: 0 0 0; position: absolute; pointer-events: none; } .link_bt_sig_f { float:left; font-size: 20px; width: 170px; } .link_bt_sig_f a { /* line-height: 180px; */ /*margin: 27% 0 0 0; float: left; width: 87%; text-align: left; padding: 20% 0; */ margin: 27% 12% 0 0; float: right; width: 34%; text-align: right; /*padding: 25% 0;*/ } #ant_pag_full { position:fixed; left:20px; top:43%; z-index:99; } .bt_ant_f:after { content: '<'; font:150px "Consolas", monospace; /* color: #b6b5b7; */ color: #6bbc88; left: 10px; top: -9px; padding: 0 0 0; position: absolute; pointer-events: none; } #ant_pag_full a { color:#6bbc88; } #ant_pag_full a:hover { text-decoration:none; } .ant_p_f { position:absolute; top:0; right:0; } .link_bt_ant_f { float:left; font-size: 20px; width: 170px; } .link_bt_ant_f a { /* line-height: 180px; margin: 27% 0 0 0; float: right; width: 87%; text-align: right; padding: 20% 0; */ margin: 27% 0 0 12%; float: left; width: 34%; text-align: right; /*padding: 25% 0;*/ } /* NOTICIAS PORTADA */ .cont_ls_news_portada { /* background: rgb(167,14,10); background: -moz-linear-gradient(left, rgba(167,14,10,1) 0%, rgba(207,30,26,1) 18%, rgba(207,30,26,1) 50%, rgba(207,30,26,1) 82%, rgba(167,14,10,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(167,14,10,1)), color-stop(18%,rgba(207,30,26,1)), color-stop(50%,rgba(207,30,26,1)), color-stop(82%,rgba(207,30,26,1)), color-stop(100%,rgba(167,14,10,1))); background: -webkit-linear-gradient(left, rgba(167,14,10,1) 0%,rgba(207,30,26,1) 18%,rgba(207,30,26,1) 50%,rgba(207,30,26,1) 82%,rgba(167,14,10,1) 100%); background: -o-linear-gradient(left, rgba(167,14,10,1) 0%,rgba(207,30,26,1) 18%,rgba(207,30,26,1) 50%,rgba(207,30,26,1) 82%,rgba(167,14,10,1) 100%); background: -ms-linear-gradient(left, rgba(167,14,10,1) 0%,rgba(207,30,26,1) 18%,rgba(207,30,26,1) 50%,rgba(207,30,26,1) 82%,rgba(167,14,10,1) 100%); background: linear-gradient(to right, rgba(167,14,10,1) 0%,rgba(207,30,26,1) 18%,rgba(207,30,26,1) 50%,rgba(207,30,26,1) 82%,rgba(167,14,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a70e0a', endColorstr='#a70e0a',GradientType=1 ); */ width: 100%; height: 30px; background: #cf1e1a; border-bottom: 1px solid #7B0502; /*font-family: Arial, sans-serif;*/ font-family:"Lato"; font-size: 12px; font-weight: bold; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch; } /* liScroll styles */ .tickeroverlay-left{ background: -moz-linear-gradient(left, rgba(207,30,26,0.98) 2%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(2%,rgba(207,30,26,0.98)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(207,30,26,0.98) 2%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(207,30,26,0.98) 2%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(207,30,26,0.98) 2%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(207,30,26,0.98) 2%,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facf1e1a', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ /*background-image:url('left.png');*/ display:block; pointer-events:none; position:absolute; z-index:30; height:29px; width:50px; /*top:-8px;*/ top:-1px; left:-2px; } .tickeroverlay-right{ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(207,30,26,0.98) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(98%,rgba(207,30,26,0.98))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(207,30,26,0.98) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(207,30,26,0.98) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(207,30,26,0.98) 98%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(207,30,26,0.98) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#facf1e1a',GradientType=1 ); /* IE6-9 */ /*background-image:url('right.png');*/ display:block; pointer-events:none; position:absolute; z-index:30; height:29px; width:50px; /* top:-8px;*/ top:-1px; right:-2px; } .tickercontainer { /* the outer div */ /*background: #7a7a7a; */ width: 70%; height: 30px; margin: 0 auto; padding: 0; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; padding-left: 10px; padding-right: 10px; top: 1px; /*height: 18px;*/ /*width: 718px;*/ overflow: hidden; } ul.newsticker { /* that's your list */ /*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */ -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; position: relative; margin-left: 20px; /*font: bold 10px Verdana;*/ list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding-right: 50px; /*background: #fff;*/ /*line-height: 28px;*/ line-height: 24px; } ul.newsticker a { white-space: nowrap; padding: 0; color: #fff; /* margin: 0 50px 0 0; */ } ul.newsticker a:hover { text-decoration: none; } ul.newsticker span { margin: 0; } ul.newsticker span.hora { /*font-weight: 700;*/ position: relative; top:-3px; margin-right: 3px; margin-left: 2px; color: #d4dcdb; } ul.newsticker span.txt { position: relative; top:-3px; text-transform: uppercase; } .cont_news_icons { font-family: 'LaSegunda_Icons', sans-serif; font-size: 23px; position: relative; top:-1px; } .cont_tiempo_uf { float: left; padding: 0 0 0 15px; line-height: 27px; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; color: #fff; } .tiempo_header_ls { float: left; margin-right: 20px; } .cont_icon_tiempo_ls { float: left; margin-right: 10px; } .cont_txt_tiempo_ls { float: left; line-height: 30px; } .cont_txt_shorts { float:left; width:56px; overflow:hidden; margin-right: 3px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .cont_img_suplemento_esp { display:inline-block; position: relative; padding: 0; margin: 10px 15px; } .cont_img_suplemento_esp, .cont_img_suplemento_esp:after, .cont_img_suplemento_esp:before { background: #fff; box-shadow: 0 0 2px rgba(27,120,105,0.5); transition: all .7s; -moz-transition: all .7s; -webkit-transition: all .7s; } .cont_img_suplemento_esp:after, .cont_img_suplemento_esp:before { position: absolute; top: 0; right:0; bottom:0; left:0; content: ""; z-index: -10; transform-origin: 100% 0; -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; } .cont_img_suplemento_esp:after { right: 6px; left:-6px; /*box-shadow: 0 0 4px rgba(0,0,0,0.4); */ transform: rotate(-1deg); -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); } .cont_img_suplemento_esp:before { transform: rotate(-2.2deg); -webkit-transform: rotate(-2.2deg); -moz-transform: rotate(-2.2deg); right: 12px; left: -12px; } .icon_volver_home { float: left; margin: 0 10px 0 8px; } .cont_page_back { position: absolute; float: left; left: 44px; top: 5%; z-index: 30; cursor: pointer; } #cont_page_back_w { width:auto; } @media only screen and (min-width: 1080px) { .breadcrums { display:inline-block; width: 100%; max-width: 1080px; padding: 0 0 20px 0; text-align: left } .breadcrums li { display: inline-block; font-size: 0.9em; font-variant: cursive } } #main { position: relative; z-index: 10 } #main .bar { display: none; position: fixed; left: 0; right: 0; top: 0; height: 45px; padding: 5px 0 0 0; background: url(http://impresa.elmercurio.com/style%20library/images/logo_mer.jpg) center center no-repeat #fff; background-size: auto 20px; -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2); box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2) } @media only screen and (max-width: 480px) { #main .bar { background-size:auto 14px; /*background-position-x: 47%;*/ background-position-x: 20%; background-position-y: 9px; } } #main .bar a { margin: 0; padding: 0 10px; height: 40px; cursor: pointer; font-size: 1.8em; line-height: 2.1em; text-transform: uppercase } #main .bar #menu_index { color: #fff } #main .bar .fecha_mob { float: left; position: absolute; top: 29px; left: 12%; } #main .bar #menu_back,#main .bar #menu_page,#main .bar #nav_close { color: #fff; line-height: 1.9em } #main .bar #menu_section { color: #999; line-height: 2.2em } #main .side { position: absolute; width: 240px; padding: 20px 0 20px 20px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box } #main .side h3 { float: left; width: 100%; margin: 0; padding: 5px 0; font-size: 1.8em; font-weight: 100; color: #222 } #main .side h4 { float: left; width: 100%; margin: 0; padding: 0; font-size: 1em; font-weight: 100; color: #222 } #main .side h5 { float: left; width: 100%; margin: 0; padding: 0; font-size: 0.9em; font-weight: 100; text-transform: uppercase } #main .side .box { width: 100%; float: left; margin: 0 0 20px 0; padding: 0; color: #fff } #main .side ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none } #main .side .thumb { max-width: 180px; margin: 0 0 10px 0; padding: 0; list-style: none; box-shadow: 0 1px 2px #ccc } #main .side .thumb img { float: left; width: 100%; margin: 0; padding: 0 } #main .side ul ul { margin: 5px 0 } #main .side li { float: left; width: 100%; margin: 0; padding: 0 } #main .side li a { display: inline-block; padding: 3px 0; font-size: 1em } #main .side li span { display: inline-block; padding: 3px 5px 0 0; color: #999; font-weight: 100; font-size: 0.9em } .newspaper { width: 100%; margin: 0; overflow: hidden; } /*@media screen and (max-width: 1080px) { .newspaper { margin:80px 0 0 0 } }*/ .newspaper .swiper-wrapper { overflow: hidden } .newspaper .item { position: relative; float: left; width: 100%; min-width: 300px } @media screen and (min-width: 1280px) { .newspaper .item { /*width:35%;*/ width: 38.1%; } .cont_sec_der_mer { width: 30%; } .cont_right_center { width: 83%; } } /* @media screen and (max-width: 1280px) { .newspaper .item { width:50% } } */ @media screen and (max-width: 720px) { .newspaper .item { width:100% } } .newspaper .item img { display: inline-block; width: 99%; height: auto } .newspaper .item div { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-bottom: 7px } .pages { margin: 30px 0 0 0; text-align: center } /*@media screen and (max-width: 1080px) { .pages { margin:30px 0 0 0 } }*/ .pages #page-image { position: relative; display: inline-block; width: 100%; max-width: 1080px; /*padding-top: 20px*/ } .pages #page-image .icon img,.pages #page-image a.close img,.pages #page-image .icon-zoom:hover:before img,.pages #page-image .newspaper .item:hover:before img,.newspaper .pages #page-image .item:hover:before img,.pages #page-image .zones a:hover:before img,.pages #page-image section.articles .article .gallery figure:hover:before img,section.articles .article .gallery .pages #page-image figure:hover:before img,.pages #page-image #main .bar a img,#main .bar .pages #page-image a img,.pages #page-image section.articles .article .comments .btn.mid:before img,section.articles .article .comments .pages #page-image .btn.mid:before img { width: auto } @media screen and (min-width: 1080px) { .pages #page-image { -webkit-box-shadow:0 1px 2px 1px #ccc; -moz-box-shadow: 0 1px 2px 1px #ccc; -ms-box-shadow: 0 1px 2px 1px #ccc; -o-box-shadow: 0 1px 2px 1px #ccc; box-shadow: 0 1px 2px 1px #ccc } } .pages #page-image img { display: inline-block; width: 100%; height: auto } .pages #page-image .zones { position: absolute; z-index: 1; width: 100%; height: 100% } .pages #page-image .zones a { padding: 5px; margin: -5px 0 0 -5px } .pages #page-image .zones a:hover { -webkit-box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; -ms-box-shadow: 0 0 10px #999; -o-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999 } .pages .page-menu,.pages .articles,.pages .page-nav { position: absolute; top: 38px; z-index: 2; padding: 12px 10px 10px 10px; text-align: left; background: #6bbc88; max-width: 300px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; -ms-box-shadow: 0 1px 1px #ccc; -o-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc } @media screen and (max-width: 1080px) { .pages .page-menu,.pages .articles,.pages .page-nav { top:0 } } @media screen and (max-width: 680px) { .pages .page-menu,.pages .articles,.pages .page-nav { top:-15px } } @media screen and (max-width: 480px) { .pages .page-menu,.pages .articles,.pages .page-nav { top:-60px } } .pages .articles { left: -5px } @media screen and (max-width: 1080px) { .pages .articles { left:0 } } .pages .articles .open { color: #fff } .pages .articles ul { margin: 20px 15px 0 15px } .pages .articles ul li { margin: 5px 0; line-height: 1.4em } .pages .articles ul a { color: #fff } .pages .articles ul a:hover { color: #fff; text-decoration: underline } .pages .page-nav { right: -33px } @media screen and (max-width: 1080px) { .pages .page-nav { right:0 } } .pages .page-nav ul li.next { float: right } .pages .page-nav ul li.prev { float: left; margin: 0 40px 0 0 } .pages .page-nav ul li .open { color: #fff } .back-nav { position: absolute; z-index: 2; padding: 12px 13px; text-align: left; background: #ededed; max-width: 300px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; -ms-box-shadow: 0 1px 1px #ccc; -o-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; left: -33px } .nav_p_page { top: 38px; } .nav_p_art { top: 22px; } @media screen and (max-width: 1080px) { .back-nav { top:0 } } @media screen and (max-width: 680px) { .back-nav { top:-60px } } @media screen and (max-width: 480px) { .back-nav { top:-60px } } .back-nav a { color: #3162ab; vertical-align: top } .back-nav a:hover { color: #3162ab; } .back-nav+.articles { left: 70px } .compartir_soc { position: relative; float: right; right: 33px; top: 44px; z-index: 10; } .icon_f { float: left } .icon_txt { padding-left: 8px; line-height: 18px; } .icon_f_r { float: right } .icon_txt_r { padding-right: 5px } .article-list { position: relative; box-shadow: 0 1px 2px 1px #ccc; margin: 30px auto; padding-top: 60px; max-width: 1080px } @media screen and (max-width: 1080px) { .article-list { margin:0 } } .calendar { text-align: center; padding: 5px 0 0 0; float: left } @media screen and (max-width: 1080px) { .calendar { margin-top:50px } .newspaper .item { width: 38.1%; } } @media screen and (max-height: 800px) { .calendar { padding:5px 0 0 0; float: left } } @media screen and (max-height: 580px) { .calendar { padding:10px 0 0 0 } } .calendar .content { margin: 0 auto; padding: 0; position: relative } .calendar .content h3 { font-size: 2em; font-weight: 100 } .calendar .content .nav { width: 50%; max-width: 800px; height: 35px; margin: 30px auto 20px auto; overflow: hidden; position: relative; font-weight: 900; font-size: 3em } @media screen and (max-width: 720px) { .calendar .content .nav { width:80% } } @media screen and (max-width: 480px) { .calendar .content .nav { margin:15px auto; font-size: 2em } } .calendar .content .nav a { position: absolute; display: block; top: 0; width: 60px; text-align: center } .calendar .content .nav a.prev { left: 0 } .calendar .content .nav a.next { right: 0 } .calendar .content .nav span.title { font-family: Helvetica,Arial,sans-serif } .calendar .content .month { width: 50%; max-width: 800px; margin: auto; overflow: hidden } @media screen and (max-width: 720px) { .calendar .content .month { width:80% } } .calendar .content .label { font-weight: bold; color: #000 !important } .calendar .content .day { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; float: left; width: 14.2%; height: 50px; border: 2px solid transparent; background: #eee; background-clip: padding-box; color: #ccc; text-align: center; font-size: 1.6em; line-height: 2em } @media screen and (max-width: 480px) { .calendar .content .day { font-size:1.4em; height: 40px } } .calendar .content .day.current { color: #444 } .calendar .content .day.today { background: #999; color: #fff } .magazines { background: #035545; position: relative; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #abccb7; text-align: left } .magazines ul { list-style: none; margin: 0; padding: 0; width: 100% } .magazines li { display: inline-block; /*padding: 0; width: 14%; margin: 0 auto; */ /*padding: 0 15px;*/ padding: 0 9px; text-align: center; text-transform: uppercase } .magazines li:nth-child(6) { background-color: #F67820; color: #FFF; font-weight: normal; margin-left: 9px; } .magazines li:last-child { padding-right: 25px; } .magazines li a { display: inline-block; margin: 0; padding: 0; width: auto; line-height: 25px; color: #fff } .magazines li a:hover { text-decoration: underline } .magazines li.mer-blog { width: 65px; background-position: left -270px } .magazines li.rev-campo { width: 53px; background-position: left -240px } .magazines li.rev-ya { width: 52px; background-position: left 0px } .magazines li.rev-wiken { width: 44px; background-position: left -30px } .magazines li.rev-sabado { width: 62px; background-position: left -90px } .magazines li.rev-vyd { width: 42px; background-position: left -30px } .magazines li.rev-domingo { width: 65px; background-position: left -180px } .magazines li.mer-legal { width: 42px; background-position: left -120px } .magazines li.mer-inversiones { width: 56px; background-position: left -150px } .magazines li.mer-campo { width: 42px; background-position: left -210px } .magazines li.mer-ediciones { width: 40px; background-position: left -300px } .branding { position: relative; margin: 0; /* padding: 16px 0; */ /*padding: 16px 0 25px 0;*/ /*padding: 0 0 25px 0;*/ padding: 0 0 15px 0; width: 100%; text-align: center; background: #f9f9f9; border-bottom: 2px solid #3162ab; } .branding h1 { /*margin: auto;*/ margin: 0 auto; width: 24%; /*padding: 0*/ /*padding: 16px 0 0 0;*/ padding: 26px 0 0 0; } .branding h1 a { /*margin: 0 auto 0 -10%;*/ /* margin: 0 auto 0 -16%; */ /* margin: 0 auto 0 -33%; */ margin: 0 auto; padding: 0; /*width: 236px; height: 48px; */ /*width: 190px; height: 39px; */ width: 400px; height: 36px; /*background: url(../img/logo_lasegunda.png) no-repeat; background-size: 100%; background-attachment: inherit; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; */ } .cont_n_logo_ls { width: 175px; display: inline-block; } .cont_n_logo_ls img { width: 100%; position: absolute; left: 0; } .branding .time { margin: 3px 25px 6px 25px; padding: 0; float: left; width: 240px; text-align: left; list-style: none; color: #fff } .branding .time a { color: #fff } .branding .time a:hover { text-decoration: underline } .branding .time_col2 { /*margin: 7px 25px 6px 22px;*/ margin: 3px 25px 6px 22px; padding: 0; float: left; width: 240px; text-align: left; list-style: none; color: #fff } .branding .time_col2 a { color: #fff } .branding .time_col2 a:hover { text-decoration: underline } .branding .time_col2 .icon-fecha_txt { line-height: 16px; } .branding .user { margin: 5px 25px; padding: 0; float: right; text-align: right; list-style: none; position: relative; z-index: 9; /*position:absolute; right: 0;*/ } .branding .user li { color: #000; } .branding .user a { /*display: block;*/ color: #000; /* padding: 5px 0 0 0; */ } .issue-sections { position: relative; display: inline-block; width: 100%; height: 69px } .issue-sections ul { display: inline-block; position: relative; margin: 0; padding: 0; list-style: none; width: 100%; border-top: 1px solid #666 } .issue-sections ul li { float: left; margin: 0; padding: 0 } .issue-sections ul li a { display: inline-block; margin: 0; padding: 0; color: #444 } .issue-sections ul li a strong { margin: 0 5px 0 0 } .issue-sections ul li ul { display: none; position: absolute; width: 100%; left: 0; border-top: 1px solid #666; border-bottom: 1px solid #666 } .issue-sections ul li.open ul { display: inline-block } .issue-sections ul li ul li a { padding: 10px; margin: 0 5px; font-size: 1em; font-weight: 100 } .issue-sections .is-menu { border-bottom: 1px solid #ccc; box-shadow: 0 1px 0 #fff; font-size: 0.9em } .issue-sections .is-link { padding: 10px 25px; margin: 0; font-size: 1.2em; font-weight: 100 } .issue-sections .open .is-link { background: #666; color: #fff; font-weight: 400; border: 0 } section.articles { margin: 10px auto; text-align: center; background: #fff; /*display: inline-block;*/ } section.articles .article { background: #fff; } @media screen and (max-width: 1080px) { section.articles:first-child { margin-top:80px; margin-top:0; } } @media screen and (max-width: 480px) { section.articles:first-child { /*margin-top:50px;*/ margin-top:0; } } section.articles .col1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; display: inline-block } @media only screen and (max-width: 980px) { section.articles .col1 { width:100% } } @media only screen and (max-width: 720px) { section.articles .col1 { width:100% } } section.articles .col2,section.articles .article .social { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 17%; display: inline-block } @media only screen and (max-width: 980px) { section.articles .col2,section.articles .article .social { width:23% } .tickercontainer { width: 100%; } } @media only screen and (max-width: 720px) { section.articles .col2,section.articles .article .social { width:100% } } section.articles .ad { /*display: block; margin: 15px 0 40px 0; padding: 15px; background: #eee; */ display: inline-block; margin: 15px 0 40px 0; padding: 15px; background: #eee; width: 64%; } section.articles .ad a { display: inline-block; width: 100%; } section.articles .ad strong { text-align: left; display: block; font-size: 0.9em; color: #999 } section.articles .ad img { margin: 5px auto } section.articles .ad.tall img { width: auto; max-height: 800px } section.articles .ad.wide img { width: 100%; max-width: 800px } section.articles .ad.long img { width: 100%; max-width: 500px } section.articles .article { max-width: 1080px; display: inline-block; margin: 0 auto 40px auto; padding: 10px 96px 40px 96px; border-bottom: 1px dashed #ddd; color: #333; text-align: left; overflow: hidden } @media only screen and (max-width: 480px) { section.articles .article { padding:20px 15px } } @media only screen and (max-width: 320px) { section.articles .article { padding:20px 10px } #main .bar { background-size: auto 12px; background-position-x: 26%; } } section.articles .article .social { float: right; vertical-align: top; position: relative } @media only screen and (max-width: 720px) { section.articles .article .social { background:#f5f5f5; padding: 15px; margin: 15px 0; border-radius: 5px } } section.articles .article .social li { display: inline-block; width: 100%; margin: 0 0 5px 0 } section.articles .article .social li:last-child { margin: 0 } section.articles .article .social li.share { display: none } section.articles .article .social li a { color: #348b53 } @media only screen and (max-width: 720px) { section.articles .article .social li { width:24%; margin: 0 0 7px 0 } section.articles .article .social li.share { display: inline-block; margin: 7px 0 0 0; width: 100%; border-top: 1px solid #fff } } @media only screen and (max-width: 380px) { section.articles .article .social li { width:48%; margin: 0 0 7px 0 } } section.articles .article .social li.br { margin: 0 0 25px 0 } @media only screen and (max-width: 720px) { section.articles .article .social li.br { margin:0 0 7px 0 } } section.articles .article aside { width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; /*border-bottom: 1px dashed #ddd*/ font-family: 'ElMercurio'; } section.articles .article aside h1 { margin: 10px 0; padding: 0; color: #333; /*font-weight: 600; font-size: 2.7em; line-height: 1em line-height: 31px; */ /*font-weight: normal; font-size: 38px; line-height: 37px; */ font-weight: bold; font-size: 31px; line-height: 33px; } .sec_font_esp_mer_A2 { font-family: 'ElMercurio'!important; } .sec_font_esp_mer_ita_A2 { font-style: italic !important; font-size: 33px !important; line-height: 34px !important; margin: 0 !important; } .sec_font_esp_mer_A3 { font-family: 'ElMercurio'!important; } .sec_font_esp_mer_ita_A3 { font-style: italic; font-size: 33px; line-height: 33px; margin: 0 !important; font-weight: normal !important; } .sec_font_esp_mer_ita_A3 p { margin: 0 !important; } .font_byline_A2 p:first-child { text-align: right; font-weight: bold; border-bottom: 1px solid #000; float: right; width: auto; } .font_byline_A2 byline_credit p:first-child { border:0; } /*#cont_init_mer .cont_init_mer_list.letter_first article.article div.text p:first-child::first-letter { color: red !important; } #cont_init_mer section.articles.cont_init_mer_list.letter_first article.article div.text p:first-child::first-letter { color: red !important; }*/ section.articles.cont_init_mer_list.letter_first .article div.text p:nth-child(1):first-letter { float: left !important; /*font-family: 'Elm',Georgia,Arial !important;*/ font-family: 'ElMercurio'!important; font-size: 63px !important; padding-right: 3px !important; line-height: 46px !important; color: #000 !important; } /*section.articles.cont_init_mer_list.letter_first .article div.text p:first-child:first-letter { color: red !important; font-family: Times !important; font-size: 42px !important; padding-right: 4px !important; }*/ /*} */ @media only screen and (max-width: 480px) { section.articles .article aside h1 { /* font-size:2.2em */ } } section.articles .article aside h2 { margin: 0; padding: 0; /*color: #333;*/ color: #000; font-weight: 100; font-size: 1.5em; /*line-height: 1.2em;*/ line-height: 22px; font-weight: normal; } /*section.articles .article aside h2:first-letter { text-transform: uppercase }*/ @media only screen and (max-width: 480px) { section.articles .article aside h2 { /*font-size:1.4em*/ /* font-size: 22px;*/ line-height: normal; } section.articles .article aside h1 { /*font-size:2.2em;*/ } } section.articles .article aside h3 { margin: 0; padding: 0; color: #000; font-weight: 100; font-size: 1.5em; /*line-height: 1.2em;*/ line-height: 23px; max-width: 100%; font-weight: normal; } section.articles .article aside h3:first-letter { text-transform: uppercase } @media only screen and (max-width: 480px) { section.articles .article aside h3 { /*font-size:1.3em*/ /*font-size: 22px;*/ } } section.articles .article aside h4 { margin: 0; padding: 0; /*color: #333;*/ color: #000; font-weight: 100; font-size: 1em; line-height: 1.2em; max-width: 100%; margin: 0 0 10px 0; font-weight: normal; } section.articles .article aside h4:first-letter { text-transform: uppercase } @media only screen and (max-width: 480px) { section.articles .article aside h4 { /*font-size:1em*/ font-size: 18px; float: left; width: 100%; } } section.articles .article aside h4 span { display: inline-block; font-size: 0.9em; margin: 0 5px 0 0; vertical-align: top } section.articles .article div.text { line-height: 1.4em; font-weight: 300em; margin-top:20px; } section.articles .article div.text:first-letter { text-transform: uppercase } section.articles .article div.text blockquote { border-left: 2px solid #ccc; border-right: 2px solid #ccc; } section.articles .article div.text blockquote quote.element p { font-family: 'Times', Arial, sans-serif !important; margin: 0; font-size: 20px; font-style: italic; font-weight: normal; line-height: 23px; padding-bottom: 15px; } section.articles .article div.text blockquote quote.element quote_attrib { float: left; width: 100%; padding-top: 3px; font-family: Arial; font-style: normal; text-transform: uppercase; font-size: 15px; line-height: normal; } section.articles .article div.text blockquote quote.element header { margin: 0; padding: 0; } section.articles .article div.text blockquote quote.element header p { font-style: normal; font-weight: bold; line-height: normal; padding: 0; font-size:18px; } section.articles.cont_init_mer_list.letter_first .article div.text blockquote quote.element p:nth-child(1):first-letter { font-size: 20px !important; line-height: normal !important; padding-right: 0 !important; line-height: 23px !important; } section.articles .article div.text blockquote.full { width: 100%; margin: 0 0 20px 0 } section.articles .article div.text blockquote.left { width: 50%; min-width: 200px; max-width: 300px; margin: 0 20px 20px 0 } section.articles .article div.text blockquote.right { float: right; width: 50%; min-width: 200px; max-width: 300px; margin: 0 0 20px 20px } section.articles .article div.text p { width: 100%; margin: 0 0 20px 0; /*font-size: 1.3em;*/ font-size: 20px; /*line-height: 1.4em;*/ line-height: normal; font-weight: normal; /*text-align: justify;*/ display: inline !important; -webkit-hyphenate-character: "\2010"; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto } section.articles .article div.text p:first-letter { text-transform: uppercase } section.articles .article div.text p>big { float: left; margin: 15px 20px 20px 0; clear: both } section.articles .article div.text big { font-size: 3em; color: #fd8913 } section.articles .article div.text strong { font-weight: bold } section.articles .article div.text strong figure { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; margin: 0 0 20px 0 } section.articles .article div.text strong figure figcaption { display: inline-block; margin: 0; padding: 10px; background: #eee; font-size: 0.9em; line-height: 1.2em } section.articles .article div.text img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto; padding: 0; max-width: 100%; /*border: 5px #fff solid; box-shadow: 0 1px 2px #999 */ } section.articles .article .text { margin: auto } section.articles .article .img_pre,section.articles .article .image_post { display: inline-block; width: 100%; margin: 0 0 20px 0 } section.articles .article .img_left { float: left; width: 30%; margin: 0 2% 2% 0 } @media only screen and (max-width: 640px) { section.articles .article .img_left { float:none; margin: 0 auto 20px auto; width: 100%; max-width: 100% } } section.articles .article .img_right { float: right; width: 30%; margin: 0 0 2% 2% } @media only screen and (max-width: 640px) { section.articles .article .img_right { float:none; margin: 0 auto 20px auto; width: 100%; max-width: 100% } } section.articles .article .gallery { /*background: #f5f5f5; padding: 15px; */ background: #fff; padding: 0; margin: 0 0 15px 0; overflow: hidden } section.articles .article .gallery .item { float: left; /*margin-bottom: 4px; margin-right: 4px; */ /*height: 110px;*/ overflow: hidden; margin: 0; } .sli_gale_mer_page .slides li .item img { width: 100% !important; } .sli_gale_mer_page .flex-control-nav { text-align: center; margin-top: 15px; } .sli_gale_mer_page .item div { border:0; padding: 0; } .sli_gale_mer_page p { float: left; width: 100%; margin: 10px 0 0 0; padding: 0; } section.articles .article .gallery .item img { display: block } section.articles .article .gallery .item.last { margin-right: 0 } section.articles .article .gallery figure { position: relative; display: inline-block; vertical-align: middle; width: 30%; height: 120px; margin: 1%; overflow: hidden; background: #fff; border: 5px #fff solid; box-shadow: 0 1px 2px #999 } section.articles subhead_lead { float: left; width: 100%; font-family: 'ElMercurio'; margin-bottom: 18px !important; } section.articles p subhead_lead { float: left; width: 100%; font-family: 'ElMercurio'; width: auto !important; margin:50px 0 10px 0 !important; font-size: 24px !important; font-weight: bold !important; } section.articles subhead_lead:first-child p { margin:0 !important; } section.articles subhead_lead p { width: auto !important; margin:0 0 0 0 !important; padding:0 0 0 0 !important; font-size: 24px; font-weight: bold !important; } section.articles subhead_lead p:nth-child(2) { margin:0 !important; text-transform: none !important; } section.articles byline_name { font-size: 15px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 5px; float: right; } section.articles byline_name p { font-size: 15px !important; margin: 0 !important; font-weight: bold !important; } section.articles byline_credit p { font-size: 14px !important; margin: 0 !important; font-weight: normal !important; font-style: italic !important; text-align: right !important; padding-top: 4px !important; } section.articles byline_credit p:nth-child(2) { padding-top: 0 !important; } /* HEAD KICKER NORMALES */ section.articles .article aside h1 .cont_head_k { text-transform: uppercase; font-style: normal; font-family: Arial, sans-serif; font-size: 20px; float: left; width: 100%; margin-bottom: 10px; position: relative; } section.articles .article aside h1 .cont_head_k:before { content: ''; width: 10px; height: 10px; background: #f5821f; position: absolute; top: 5px; } section.articles .article aside h1 .cont_head_k p { /* background: #ebebeb; border-bottom: 3px solid #221f1f; */ padding: 0 4% 0 5%; margin-bottom: 0; font-weight: bold; line-height: normal; text-transform: initial; } /* MER HACE X AÑOS */ section.articles .article aside h1.sec_font_esp_mer_A2 .cont_head_k { text-transform: uppercase; font-style: normal; font-family: Arial, sans-serif; font-size: 20px; float: left; width: 100%; border-bottom: 1px solid #000; margin-bottom: 10px; border-left: 1px solid rgba(0, 0, 0, 0.5); } section.articles .article aside h1.sec_font_esp_mer_A2 .cont_head_k:before { display: none; } section.articles .article aside h1.sec_font_esp_mer_A2 .cont_head_k p { background: #ebebeb; border-bottom: 3px solid #221f1f; padding: 7px 4% 5px 4%; margin-bottom: 2px; font-weight: bold; line-height: 34px; text-transform: uppercase; } section.articles .article div.text p leadin { font-weight: bold; } section.articles .article div.text intro { float: left; width: 100%; margin-bottom: 15px; } section.articles .article div.text intro p { font-size: 18px; font-weight: bold; margin-bottom: 8px; } section.articles .article div.text subhead.paragraph p { font-weight: bold; font-family: 'ElMercurio'; font-size: 29px; } section.articles .article .alignleft { float: left; margin-right: 15px; width: 30%; } section.articles .article .alignleft img { border:1px solid #000; box-shadow: none; } section.articles .article .alignright { float: right; width: 30%; margin-left: 15px; margin-bottom: 20px; margin-right: 5px; } section.articles .article .alignright .cont_credit_img { float: left; width: 100%; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; padding: 7px; } section.articles .article .alignright .cont_credit_img cutline p { font-size: 14px; font-weight: normal; margin: 0; padding: 0; } section.articles .article .alignright img { border:1px solid #000; box-shadow: none; } section.articles .article .aligncenter { display: block; width: 30%; margin-left: auto; margin-right: auto; } section.articles .article .aligncenter img { border:1px solid #000; box-shadow: none; } /* NOTICIAS DIARIO */ section.articles .article div.text header p { padding: 0; margin: 0; } section.articles .article aside h3 { font-size: 20px; font-family: Times, Arial, sans-serif; } section.articles .article aside h2 { font-size: 20px; font-family: Times, Arial, sans-serif; } section.articles .article aside h4 { margin: 10px 0 0 0; font-size: 14px; text-transform: uppercase; /*border-top: 2px solid #000; border-bottom: 1px solid #999; */ float: left; width: 100%; font-family: Arial,sans-serif; } section.articles .article aside h4 byline p { margin: 0; } section.articles .article div.text subhead_lead.font_subhead_A2 { font-family: 'ElMercurio'!important; font-size: 33px; } section.articles .article div.text subhead_lead.font_subhead_A2 p { font-family: 'ElMercurio'!important; padding-bottom: 0 !important; font-weight: normal !important; text-transform: none!important; font-size: 33px; display: block !important; } section.articles .article div.text subhead_lead.font_subhead_A2 p:first-letter { text-transform: none !important; } section.articles .article aside h4 byline.font_byline_A2 p { text-align: right; font-weight: bold; border-bottom: 1px solid #000; float: right; width: auto; margin-left: 10px; } section.articles .article aside h4 byline.font_byline_A2 byline_credit { float: left; width: 100%; } section.articles .article aside h4 byline.font_byline_A2 { margin-top: 15px; } section.articles .article aside h4 byline.font_byline_A2 byline_credit p { border:0; } section.articles .article aside h2 head_deck.font_head_deck_A2 p { margin: 0; } .sli_gale_mer_page ul li p { line-height: 21px; } .sli_gale_mer_page ul li cutline_credit p { text-transform: uppercase; font-size: 13px; } @media only screen and (max-width: 1080px) { section.articles .article .gallery figure { width:29% } .cont_tiempo_uf { float: none; margin: 0 auto; width: 320px; padding: 0 0 0 6px; } .cont_ls_news_portada { height: 60px; } .cont_mob_valores { float: right; } .tiempo_header_ls { margin-right: 4px; } .cont_icon_tiempo_ls { margin-right: 5px; } .cont_txt_shorts { width:56px; } } @media only screen and (max-width: 640px) { section.articles .article .gallery figure { width:45% } } @media only screen and (max-width: 400px) { section.articles .article .gallery figure { width:98%; margin: 0 0 15px 0 } } section.articles .article .gallery figure img { display: inline-block; vertical-align: middle; width: 100% } section.articles .article .gallery.loading img { display: none } section.articles .article .comments { width: 100%; margin-top:40px; display: inline-block; display: none; } section.articles .article .comments .btn.mid { width: 300px; color: #888; font-weight: 100 } section.articles .article .comments .btn.mid:before { position: absolute; top: 10px; left: 10px; font-size: 1.2em; content: "n" } #disqus_thread { background: #f5f5f5; padding: 15px; margin: 30px 0; /*border-radius: 5px*/ } .modal { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; /*background: rgba(255,255,255,0.95)*/ background: rgba(0,0,0,0.5) } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal .content { position: relative; width: 100%; height: 100%; z-index: 1; text-align: center; display: table } .modal.gallery .content figure { position: relative; margin: 5% 5% 100px 5%; display: table-cell; vertical-align: middle } .modal.gallery .content figure .close { position: absolute; top: 0; right: 0; z-index: 10; padding: 3px; background: #fff; border-radius: 0 0 0 5px } .modal.gallery .content figure figcaption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 640px; padding: 10px 5px; text-align: left } .modal.gallery .content figure figcaption p { margin: 0 0 10px 0; font-size: 1.2em; line-height: 1.2em; font-weight: 100; display: block } .modal.gallery .content figure figcaption strong { font-size: 0.9em } .modal.gallery .content figure figcaption strong .icon,.modal.gallery .content figure figcaption strong a.close,.modal.gallery .content figure figcaption strong .icon-zoom:hover:before,.modal.gallery .content figure figcaption strong .newspaper .item:hover:before,.newspaper .modal.gallery .content figure figcaption strong .item:hover:before,.modal.gallery .content figure figcaption strong .pages #page-image .zones a:hover:before,.pages #page-image .zones .modal.gallery .content figure figcaption strong a:hover:before,section.articles .article .modal.gallery .content figure figcaption strong figure:hover:before,.modal.gallery .content figure figcaption strong #main .bar a,#main .bar .modal.gallery .content figure figcaption strong a,.modal.gallery .content figure figcaption strong section.articles .article .comments .btn.mid:before,section.articles .article .comments .modal.gallery .content figure figcaption strong .btn.mid:before { display: inline-block; vertical-align: top; color: #666 } .modal.gallery .content figure img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; max-width: 85%; max-height: 85%; border: 5px #fff solid; box-shadow: 0 1px 2px #999; width: auto; height: auto } .modal.gallery .content nav .icon,.modal.gallery .content nav a.close,.modal.gallery .content nav .icon-zoom:hover:before,.modal.gallery .content nav .newspaper .item:hover:before,.newspaper .modal.gallery .content nav .item:hover:before,.modal.gallery .content nav .pages #page-image .zones a:hover:before,.pages #page-image .zones .modal.gallery .content nav a:hover:before,section.articles .article .modal.gallery .content nav figure:hover:before,.modal.gallery .content nav #main .bar a,#main .bar .modal.gallery .content nav a,.modal.gallery .content nav section.articles .article .comments .btn.mid:before,section.articles .article .comments .modal.gallery .content nav .btn.mid:before { position: absolute; top: 40%; z-index: 10; font-size: 3em; padding: 10px 15px; background: rgba(220,220,220,0.9); color: #999 } @media only screen and (max-width: 640px) { .modal.gallery .content nav .icon,.modal.gallery .content nav a.close,.modal.gallery .content nav .icon-zoom:hover:before,.modal.gallery .content nav .newspaper .item:hover:before,.newspaper .modal.gallery .content nav .item:hover:before,.modal.gallery .content nav .pages #page-image .zones a:hover:before,.pages #page-image .zones .modal.gallery .content nav a:hover:before,section.articles .article .modal.gallery .content nav figure:hover:before,.modal.gallery .content nav #main .bar a,#main .bar .modal.gallery .content nav a,.modal.gallery .content nav section.articles .article .comments .btn.mid:before,section.articles .article .comments .modal.gallery .content nav .btn.mid:before { display:none } } .modal.gallery .content nav .icon.prev,.modal.gallery .content nav a.prev.close,.modal.gallery .content nav .prev.icon-zoom:hover:before,.modal.gallery .content nav .newspaper .prev.item:hover:before,.newspaper .modal.gallery .content nav .prev.item:hover:before,.modal.gallery .content nav .pages #page-image .zones a.prev:hover:before,.pages #page-image .zones .modal.gallery .content nav a.prev:hover:before,section.articles .article .modal.gallery .content nav figure.prev:hover:before,.modal.gallery .content nav #main .bar a.prev,#main .bar .modal.gallery .content nav a.prev,.modal.gallery .content nav section.articles .article .comments .prev.btn.mid:before,section.articles .article .comments .modal.gallery .content nav .prev.btn.mid:before { left: 5%; border-radius: 5px } .modal.gallery .content nav .icon.next,.modal.gallery .content nav a.next.close,.modal.gallery .content nav .next.icon-zoom:hover:before,.modal.gallery .content nav .newspaper .next.item:hover:before,.newspaper .modal.gallery .content nav .next.item:hover:before,.modal.gallery .content nav .pages #page-image .zones a.next:hover:before,.pages #page-image .zones .modal.gallery .content nav a.next:hover:before,section.articles .article .modal.gallery .content nav figure.next:hover:before,.modal.gallery .content nav #main .bar a.next,#main .bar .modal.gallery .content nav a.next,.modal.gallery .content nav section.articles .article .comments .next.btn.mid:before,section.articles .article .comments .modal.gallery .content nav .next.btn.mid:before { right: 5%; border-radius: 5px } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .register { text-align: center; padding: 100px 0 0 0 } @media screen and (max-width: 1080px) { .register { margin-top:50px } /* #cont_page_back_w .cont_page_back { top: 4px; } */ } @media screen and (max-height: 800px) { .register { padding:20px 0 0 0 } } @media screen and (max-height: 580px) { .register { padding:10px 0 0 0 } } .register .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 10px; position: relative; max-width: 480px; text-align: left } .register .content h2 { font-size: 2.5em; font-weight: 100; margin: 0 auto 20px auto } .register .content h3 { font-size: 1.8em; font-weight: 100; margin: 10px auto } .register .content p { font-size: 1.2em; font-weight: 100; margin: 0 auto 20px auto } .register .content .btn { width: 100%; margin: 0 auto 20px auto } .modal.error .content { text-align: center; padding: 30px; background: rgba(250,250,250,0.5) } .modal.error .content h3 { display: inline-block; border: 5px solid #dcdcdc; -webkit-box-shadow: 0 0 20px 5px #e6e6e6; -moz-box-shadow: 0 0 20px 5px #e6e6e6; -ms-box-shadow: 0 0 20px 5px #e6e6e6; -o-box-shadow: 0 0 20px 5px #e6e6e6; box-shadow: 0 0 20px 5px #e6e6e6; text-shadow: 0 0 5px #d2d2d2; border-radius: 1000px; width: 280px; height: 280px; line-height: 280px; font-size: 3em; font-weight: 100; text-transform: uppercase; color: #f0f0f0; background-image: linear-gradient(90deg, #f0f0f0,#bebebe); background-image: -webkit-linear-gradient(90deg, #f0f0f0, #bebebe); background-image: -moz-linear-gradient(90deg, #f0f0f0, #bebebe); background-image: -ms-linear-gradient(90deg, #f0f0f0, #bebebe); background-image: -o-linear-gradient(90deg, #f0f0f0, #bebebe); -webkit-animation: floating ease 3s infinite } .modal.error .content p { font-size: 2em; margin: 20px 0; font-weight: 100; color: #999 } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0); -webkit-transform: perspective(0) } 50% { -webkit-transform: translateY(-2px); -webkit-transform: perspective(100px) } 100% { -webkit-transform: translateY(0); -webkit-transform: perspective(0) } } /* PÁGINAS FOOTER */ .cont_paginas_footer { display: block; padding-bottom: 40px; width: 82%; margin: 0 auto; text-align: center; } .cont_paginas_footer a { color: #3162ab; width: 100%; height: 100%; display: block; } .cont_paginas_footer a:hover { color: #3162ab; } .ant_nav_pag_footer { width: 45px; padding-top: 4%; } .ant_nav_pag_footer img { width: 100%; } .sig_nav_pag_footer { width: 45px; padding-top: 4%; } .sig_nav_pag_footer img { width: 100%; } .pag_dimensiones { display: inline-block; width: 120px; border: 3px solid #ccc; } .pag_dim_zoom a:before { font-family: "Emol-Icons"; position: absolute; font-size: 2em; content: "B"; z-index: 1; background: rgba(49,98,171,0.55); color: #fff; padding: 7%; cursor: pointer; top: 38%; left: 33%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .pag_dim_hojear a:before { font-family: 'LaSegunda_Icons', sans-serif; position: absolute; font-size: 2.7em; content: "A"; z-index: 1; background: rgba(49,98,171,0.55); color: #fff; padding: 3%; cursor: pointer; top: 38%; left: 33%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 37%; } .pag_dimensiones_txt_r { position: absolute; right: 23%; margin-top: 5.8%; font-size: 18px; } .pag_dimensiones_txt_l { position: absolute; left: 22%; margin-top: 5.8%; font-size: 18px; } .pag_dimensiones img { width: 100%; } #cont_padd_mod_95 { padding-bottom:95px; } /* SOCIAL MEDIA */ section.articles .socialmedia { display: inline-block; margin: 0; padding: 18px; width: 44%; float: left; margin: 0 15px 15px 0; border: 1px solid #eee; box-shadow: 0px 0px 1px #eee; background: #FCFCFC; } section.articles .socialmedia a { text-decoration: none; background: #008973; padding: 8px 10px; float: left; color: #fff; line-height: 17px; } section.articles .socialmedia a:hover { text-decoration: underline; } .cont_txt_red_soc { width: 100%; } .icon_soc_med { display: inline-block; font-family: 'LaSegunda_Icons', sans-serif; font-size: 31px; } .icon_soc_med_link { display: inline-block; font-family: 'LaSegunda_Icons', sans-serif; font-size: 24px; } .icon_soc_med_txt { display: inline-block; top: -6px; position: relative; } .icon_soc_med_txt_link { top: -3px; position: relative; } section.articles .socialmedia .cont_txt_red_soc.Twitter { border-bottom: 1px solid #33a7da; padding-bottom: 5px; } section.articles .socialmedia .cont_txt_red_soc .Twitter:before { content: '\54'; color: #33a7da; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Twitter { color: #33a7da; font-size: 15px; font-weight: bold; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Twitter:before { content: ''; color: #33a7da; } /* YOUTUBE */ section.articles .socialmedia .cont_txt_red_soc.Youtube { border-bottom: 1px solid #cc181e; padding-bottom: 5px; margin-bottom: 15px; } section.articles .socialmedia .cont_txt_red_soc .Youtube:before { content: '\59'; color: #cc181e; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Youtube { color: #cc181e; font-size: 15px; font-weight: bold; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Youtube:before { content: ''; color: #cc181e; } .socialmedia_embed_Youtube iframe { width: 100%; height: 260px; } /* RELACIONADOS */ section.articles .socialmedia .cont_txt_red_soc.relacionados { border-bottom: 1px solid #008973; padding-bottom: 5px; margin-bottom: 15px; line-height: 26px; padding-top: 3px; } section.articles .socialmedia .cont_txt_red_soc .relacionados:before { content: '\4b'; color: #008973; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt_link.relacionados { color: #008973; font-size: 15px; font-weight: bold; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt_link.relacionados:before { content: ''; color: #008973; } /* POLLDADDY */ section.articles .socialmedia .cont_txt_red_soc.Polldaddy { border-bottom: 1px solid #555; padding-bottom: 5px; margin-bottom: 15px; line-height: 16px; } section.articles .socialmedia .cont_txt_red_soc .Polldaddy:before { content: ''; color: #555; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Polldaddy { color: #555; font-size: 15px; font-weight: bold; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Polldaddy:before { content: ''; color: #555; } .PDS_Poll .pds-box { width: 100%; } /* INSTAGRAM */ section.articles .socialmedia .cont_txt_red_soc.Instagram { border-bottom: 1px solid #3f729b; padding-bottom: 11px; /*margin-bottom: 15px;*/ line-height: 16px; top: -10px; position: relative; } section.articles .socialmedia .cont_txt_red_soc .Instagram:before { content: '\49'; color: #3f729b; font-size: 25px; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Instagram { color: #3f729b; font-size: 15px; font-weight: bold; position: relative; top: -4px; left: 4px; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Instagram:before { content: ''; color: #3f729b; } /* EMOL TV */ section.articles .socialmedia .cont_txt_red_soc.Emoltv { border-bottom: 1px solid #E32524; padding-bottom: 5px; margin-bottom: 5px; line-height: 16px; top: -10px; position: relative; } section.articles .socialmedia .cont_txt_red_soc .Emoltv:before { content: '\56'; color: #E32524; font-size: 43px; position: relative; top: 4px; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Emoltv { color: #E32524; font-size: 15px; font-weight: bold; position: relative; } section.articles .socialmedia .cont_txt_red_soc .icon_soc_med_txt.Emoltv:before { content: ''; color: #E32524; } .socialmedia_embed_Emoltv iframe { width: 100%; height: 260px; } /* RELACIONADOS LINKS */ .socialmedia ul li { padding: 6px 0px; font-size: 14px; font-weight: bold; } .socialmedia ul li a { color: #555; } /* REVISTA VIERNES */ .div_cont_rev_viernes { float: left; padding-top: 6px; /* width: 85px; */ width: 100%; } .div_cont_rev_viernes img { width: 100%; } /* CAMBIOS HEADER */ .txt_fecha_n_header { font-family: Georgia,"Times New Roman",Times,serif; position: absolute; width: 100%; margin: 0 auto; top: 70%; text-align: center; left: 0; } .cont_edit_ant { margin-top: 4px; } .cont_edit_ant_header { margin-top: 4px; } .cont_news_letter_header { margin-top: 7px; } /* ÚLTIMO MINUTO PORTADA */ .breaking_news_menu { position:absolute; top:25px; display: none; width: 325px; /* height: 416px; */ height: 240px; left: 0; overflow: hidden; background: rgba(2,61,50,0.9); z-index: 9999; border-top: 1px solid #abccb7; } .breaking_news_menu ul { width: 100%; } .breaking_news_menu ul li { width: 100%; text-align: left; padding-top: 10px; } .breaking_news_menu ul li a { float: left; line-height: 13px; text-transform: none; } .braking_n_hora { float: left; margin-right: 10px; line-height: 14px; font-size: 12px; color: #fff; } .braking_n_txt { float: left; width: 85%; } .magazines .breaking_news_menu li:nth-child(6) { background: transparent; } #contenedor_rank_lect { float: left; width: 99.8%; padding: 0; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding-bottom: 20px; } #contenedor_nota_ranking { float: left; width: 100%; padding-bottom: 15px; padding-left: 10px; padding-right: 22px; padding-top: 10px; border-bottom: 1px solid #d6d6d6; } .contenedor_nota_ranking_img { float: left; width: 148px; border: 1px solid #ccc; margin-right: 17px; max-height: 215px; overflow: hidden; } .img_column_opinion { width: 60px; } .newspaper .item.contenido_multimedia_mer a:hover:after { content: 'Contenido Multimedia'; position: absolute; top: 60px; color: #fff; left: 33%; background: rgba(0,0,0,0.7); padding: 2.3% 3%; font-weight: normal; border-radius: 5px; font-size: 17px; } .contenedor_der_nota_rank { width: 100%; } .contenedor_der_nota_rank a:hover { text-decoration: none; } #contenedor_nota_ranking h1 { color: #666666; font-family: Arial; font-size: 12px; margin-bottom: 1px; padding: 0; margin: 0; font-weight: bold; } #contenedor_nota_ranking h3 { font-family: Arial; font-size: 12px; font-weight: normal; padding: 10px 0 3px 0; margin: 0; color: #000; } #contenedor_nota_ranking h2 { font-family: Arial; font-size: 15px; padding: 5px 0; margin: 0 0 12px 0; font-weight: bold; color: #000; } .col_roj { background: #fff; font-weight: bold; padding-right: 10px; font-size: 15px; color: #cc0000; } .contenedor_nota_ranking_img img { width: 100%; } .icon_soci_ipad { margin-right: 5px; } .ranking_tit_mer { font-family: "Trebuchet MS", Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #fff; text-align: center; background: #3162ab; float: left; width: 100%; line-height: 22px; } .cont_ranking_lect_f { float: left; width: 23.8%; } .cont_arrow_right , .cont_ranking_icon { display: none; } .cont_subir_rank_lect_f { display: none; } .cont_subir_rank_lect { float: left; position: absolute; left: 49%; bottom: -10px; z-index: 9; } .next_prev_header { float: right; position: relative; top: -6px; right: -5px; line-height: 25px; } .next_prev_header .cont_prev { display: inline-block; font-size: 34px; color: #3162ab; padding: 0 8px; } .next_prev_header .cont_next { display: inline-block; font-size: 34px; color: #3162ab; padding: 0 0 0 8px; } .next_prev_header .cont_icon_inicio { position: relative; top: -8px; } .next_prev_header .cont_icon_inicio a { color: #000; } #nologueado_app { float: left; } #nologueado_app .fa-sign-in { color: #3162ab; font-size: 24px; margin-right: 10px; } .bar .fa-bars { color: #3162ab; } .cont_ranking_lect_f .item { width: 100%; position: static; } .cont_install_icon_up { float: left; width: 47%; top: 5px; position: relative; left: 19px; cursor: pointer; } .cont_install_icon { float: right; width: 20%; top: 13px; position: relative; right: 53px; cursor: pointer; } .cont_install_icon_img { float: left; width: auto; } .cont_install_icon_txt { width: 66%; float: left; line-height: 15px; text-align: center; } .cont_sec_pag_header { width: 47%; top: 5px; position: relative; left: -10%; font-size: 22px; font-weight: normal; } .cont_body_sec { margin-right: 3px; } .nav_footer { position: fixed; bottom:-1px; height: 55px; background: #fff; width: 100%; z-index: 999; /* transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); */ /*-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; */ -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); border-top: 1px solid rgba(0,0,0,0.2); } .nav_footer.hidden_nav { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .nav_footer.nav_up_footer { height: 0px; } .cont_wid_adsmall { max-width: 300px; padding: 0 !important; margin: 0 0 15px 0 !important; } /* CARGANDO MER */ .cargando_mer { -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } .path_mer { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } @-webkit-keyframes colors { 0% { stroke: #3162ab; } 25% { stroke: #3162ab; } 50% { stroke: #3162ab; } 75% { stroke: #3162ab; } 100% { stroke: #3162ab; } } @keyframes colors { 0% { stroke: #3162ab; } 25% { stroke: #3162ab; } 50% { stroke: #3162ab; } 75% { stroke: #3162ab; } 100% { stroke: #3162ab; } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @media only screen and (max-width: 767px) { section.articles .article .gallery { overflow: auto; } } @media (max-width: 1279px) { .newspaper .item { width: 38.1%; } .cont_header_portada .cont_bt_sections .buscar_txt_header { display: inline-block; } }