@charset "utf-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} body { font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px;} strong{ font-weight: bold; } i{ font-style: italic; } .wrap { width:1320px; margin:0 auto; box-shadow: 0 0 13px rgba(0,0,0,.1); -moz-box-shadow: 0 0 13px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1); -o- box-shadow: 0 0 13px rgba(0,0,0,.1); min-width:761px; } header { position:relative; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/line-header.png) bottom repeat-x; padding:0 0 9px 0;} header .logo { display:table; margin:0 auto; padding:14px 0 12px 0;} .fecha { position:absolute; font-size:12px; top:0; left:0; color:#a0a0a0; text-transform:uppercase; padding:22px 0 0 12px;} #pageSearchBox { position:relative; padding:12px 0 3px;} .fecha input{ background:#FFF; border:1px solid #d9d9d9; width:209px; font-size:11px; text-transform:uppercase; padding:7px 10px;} a.submit_search { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/search.png) no-repeat; text-indent:-999999px; width:18px; height:18px; display:block; position:absolute; top:17px; left:208px;} .kiosko { position:absolute; right:0; top:14px; width: 300px;} .kiosko h2 { font-size: 24px; text-transform:uppercase; font-weight:900; color:#9e9d9d; border-bottom:1px solid #d9d9d9; float:left; width:140px; padding-bottom:3px; margin-bottom:5px;} .kioskolink img {float: left; margin-right:5px} .kiosko ul li a { color:#b6b5b5; text-decoration:none; display:block; padding:3px 0; text-transform:uppercase;} /*MENU*/ #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0; display:none;} #cssmenu #menu-button{display:none} #cssmenu{width:auto;line-height:1;background:#fff; margin:0 auto; display:table;} #menu-line{position:absolute;top:-1px;left:0;height:1px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out; z-index:2;} #cssmenu > ul > li{float:left} #cssmenu.align-center > ul{font-size:0;text-align:center} #cssmenu.align-center > ul > li{display:inline-block;float:none} #cssmenu.align-center ul ul{text-align:left} #cssmenu.align-right > ul > li{float:right} .borde { border-top:1px solid #dedede;} #cssmenu.align-right ul ul{text-align:right} #cssmenu > ul > li > a{padding:13px 7px;font-size:12px;text-decoration:none;text-transform:uppercase;color:#8c8b8b;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} #cssmenu ul li a.media { font-weight:700; color:#fff; background: rgb(30,87,153); /* Old browsers */ background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(1,104,172,1) 0%, rgba(51,171,250,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(0%,rgba(1,104,172,1)), color-stop(100%,rgba(51,171,250,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(1,104,172,1) 0%,rgba(51,171,250,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(1,104,172,1) 0%,rgba(51,171,250,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(1,104,172,1) 0%,rgba(51,171,250,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(1,104,172,1) 0%,rgba(51,171,250,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#33abfa',GradientType=0 ); /* IE6-9 */ } #cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{color:#009ae1} #cssmenu > ul > li.has-sub > a{padding-right:25px} #cssmenu > ul > li.has-sub > a::after{position:absolute;top:16px;right:10px;width:4px;height:4px;border-bottom:1px solid #8c8b8b;border-right:1px solid #8c8b8b;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease} #cssmenu ul li a.media:hover { color:#fff;} #cssmenu > ul > li.has-sub:hover > a::after{border-color:#009ae1} #cssmenu ul ul{position:absolute;left:-9999px; z-index:2;} #cssmenu li:hover > ul{left:auto} #cssmenu.align-right li:hover > ul{right:0} #cssmenu ul ul ul{margin-left:100%;top:0} #cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%} #cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease} #cssmenu ul li:hover > ul > li{height:32px;} #cssmenu ul ul li a{padding:10px 20px;width:160px;font-size:12px;background:#333;text-decoration:none;color:#ddd;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff} #cssmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease} #cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd} #cssmenu ul ul li.has-sub:hover > a::after{border-color:#fff} /*FIN MENU*/ .block1 { padding:10px; display:table; margin:0 auto;} .ad1 { float:left;} .social1, .social2, .social3 { width:200px; float:left; margin-left:10px;} .social2 { width:auto;} .social1 .snc, .social1 .ins, .social1 .fb, .social1 .tw, .social1 .go, .social1 .yt, .social2 .ins, .social2 .fb, .social2 .tw, .social2 .go, .social2 .yt, .social3 .ins, .social3 .fb, .social3 .tw, .social3 .go, .social3 .yt { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/social1.gif); height:32px; width:32px; display:block; text-indent:-9999999px; float: left; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out;} .social3 .fb, .social3 .tw, .social3 .go, .social3 .yt { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/social3.gif);} .social1 .tw, .social2 .tw, .social3 .tw { background-position:-32px 0; margin-left:5px;} .social1 .go, .social2 .go, .social3 .go { background-position:-64px 0; margin-left:5px;} .social1 .yt, .social2 .yt, .social3 .yt { background-position:-96px 0; margin-left:5px;} .social1 .ins, .social2 .ins, .social3 .ins { background-position:-129px 0; margin-left:5px;} .social1 .snc, .social3 .snc, .social3 .snc { background-position:-160px 0; margin-left:5px;} .social1 .fb:hover, .social2 .fb:hover, .social3 .fb:hover { background-position:0 32px;} .social1 .tw:hover, .social2 .tw:hover, .social3 .tw:hover { background-position:-32px 32px;} .social1 .go:hover, .social2 .go:hover, .social3 .go:hover { background-position:-64px 32px;} .social1 .yt:hover, .social2 .yt:hover, .social3 .yt:hover { background-position:-96px 32px;} .social1 .ins:hover, .social2 .ins:hover, .social3 .ins:hover { background-position:-129px 32px;} .social1 .snc:hover, .social3 .snc:hover, .social3 .snc:hover { background-position:-160px 32px;} .social3 { width: 162px; padding-top: 71px; margin-left: 47px;} .social2 .videos2 { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/videos.png) no-repeat left center; padding: 9px 0 9px 32px; text-decoration:none; color:#7f7f7f; display:block; float:left;margin:0 0 0 10px;} .social2 .galerias { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/galeria.png) no-repeat left center; padding: 9px 0 9px 32px; text-decoration:none; color:#7f7f7f; display:block; float:left;margin:0 0 0 10px;} .social2 .comentarios { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/comentarios.png) no-repeat left center; padding: 9px 0 9px 32px; text-decoration:none; color:#7f7f7f; display:block; float:left;margin:0 0 0 10px;} .boletin { float:left;} .boletin a { display:block; text-transform:uppercase; color:#5589ac; text-decoration:none; font-weight:700; background:#f5f5f5 url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/iconmail.png) no-repeat 10px 10px; box-shadow:0 0 3px rgba(0,0,0,.3); -o-box-shadow:0 0 3px rgba(0,0,0,.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 3px rgba(0,0,0,.3); margin-top:10px; padding: 10px 10px 10px 62px;} .ad1 a[target=_blank] img, .ad1 object, .ad1 iframe{ width:100%; height:auto;} .principal-portada { float:left; width:53.4%;} .principal-portada > article { position: relative; overflow:hidden} .principal-portada > article .seccion, div.destacadas article div .seccion, .editorial .seccion, .columnas .seccion, .palestra .seccion, .notas .notaprincipal .seccion { position:absolute; top:10px; left:10px; z-index:1;color:#fff; font-size:11px; text-transform:uppercase; font-weight:700; padding:5px; background:#26a8fe;} .principal-portada > article img { height:auto; width:100%;} .principal-portada > article h1 a { text-decoration:none; font-size:36px; font-weight:700; color:#292929; text-transform:uppercase; padding:17px 10px 17px; display:block; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;font-family: 'Roboto', sans-serif;} .principal-portada > article:hover h1 a, .principal-portada > article h1 a:hover { color:#0067ab;} .video { float:left; width:50%; position:relative; line-height:0; margin-bottom:2px;} .video img{ width:99.5%; height:auto; margin-left:.5%;} .columnavideo { width:46.6%; float:left;} .video h3 a { color:#fff; text-decoration:none; margin:10px; text-transform:uppercase; display:block; font-size:12px; line-height:14px; font-weight:700; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;} .video h3 {background: rgba(0,0,0,.5);position:absolute; bottom:0; right:0; width: 100%;transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;z-index: 2;} .video:hover h3 { background: rgba(0,0,0,.8);} .play { opacity:.65; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play2.png) no-repeat; background-size:100%; width:41px; height:41px; position:absolute; right:15px; top:15px; pointer-events: none;transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out} .video:hover .play { opacity:1;} .destacadas { clear:both; padding:36px 0 0 0;} .destacadas article{ width:33.13%; float:left; border-right:2px #fff solid; position: relative; /* padding-bottom: 38.1%;*/ overflow: hidden;} .destacadas article > div {/*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/} div.principal-portada div.destacadas article:nth-child(3n+3) { border-right:none;} div.principal-portada div.destacadas article:nth-child(4) { clear:both;} .principal-portada .destacadas { overflow:hidden;background:#f5f5f5; padding-top:0; margin-top:36px;} .destacadas article:hover img{ border-bottom:4px solid #0067ab;} .destacadas article img { border-bottom:4px solid #00aeef; width:100%; height:auto; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out} .destacadas article h2 a { color:#292929; font-size:14px; line-height:18px; text-transform:uppercase; font-weight:700; text-decoration:none; padding:18px 13px; display:block; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out} .destacadas article:hover a { color:#0067ab;} .twitter { width:49.7%; background:#f5f5f5; float:left; margin-left:.3%; padding-bottom:5px;} .twitter h3 { color:#fff; font-size:18px; font-weight:700; text-transform:uppercase; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/tweet.png) 15px center no-repeat #26a8fe; padding: 14px 0 14px 50px;} .twitter p { font-size:11px; color:#676767; line-height:16px; padding:10px 10px 0;} .twitter p span { color:#292929; text-transform:uppercase; font-size:10px;} .twitter p a { color:#292929;} .whatsapp { width:49.7%; float:left; margin-left:.3%; padding-bottom:5px;} .whatsapp h3 { color:#fff; font-size:18px; font-weight:700; text-transform:uppercase; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/wt.gif) 15px center no-repeat #2ab200; background-size:30px; padding: 14px 0 14px 65px;} .whatsapp img { width:100%; height:auto;} .whatsapp h4{ color:#26a8fe; font-weight:700; font-size:28px; line-height:30px; padding:10px;} .whatsapp p { font-size:12px; color:#666; padding:0 10px 10px; min-height: 34px;} div.whatsapp p a { color:#292929;} .encuesta { width:49.7%; float:left; margin-left:.3%; } .frameresponsive {position: relative; padding-bottom: 128.25%; overflow: hidden;} .frameresponsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .unit, .unit > div { height:100%;} .unit > div { padding:0 !important;} .clear { clear:both;} .encuesta h3 { background:#26a8fe; color:#fff; font-size:18px; font-weight:700; padding:10px;} .gris { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/gris.jpg) repeat-y center top;} .ad2 { width:49.7%; float:left; margin-left:.3%;} .ad2 img { width:100%; height:auto;} .temas { clear:both; padding-top:3px;} .temas h3 { font-size:14px; color:#858585; text-transform:uppercase; margin:0 0 3px;} .temas h3 span { background:#26a8fe; color:#fff; font-size:25px; font-weight:900; display:inline-block; padding:6px 10px;} .temas ul{ background:#f5f5f5; padding:20px 10px;} .temas ul li { display:inline-block;} .temas ul li a { display: inline-block; padding:10px; text-decoration:none; font-size:17px; color:#26a8fe; background:#fff; box-shadow: 0 0 13px rgba(0,0,0,.1); -moz-box-shadow: 0 0 13px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1); -o- box-shadow: 0 0 13px rgba(0,0,0,.1); margin:0 5px 10px;} .ad3, .ad5 { padding:20px 0;text-align: center;} .ad3 img, .ad3 object, .ad3 iframe, .ad5 img, .ad5 object, .ad5 iframe { display:table; margin:0 auto; border:1px solid #f5f5f5;} .notas { background:#292929;overflow:hidden;} .notas .notaprincipal { } .notas .notaprincipal { float:left;width:1000px; position:relative;z-index: 1;} .notas .notaprincipal img{ float:left;} .notas .notaprincipal h2 a { font-size:36px; line-height:38px; font-weight:700; color:#fff; text-transform:uppercase; text-decoration:none; display:block; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out} .notas .notaprincipal .info{float:left;padding:61px 0 0 21px; width: 498px;} .notas .notaprincipal .info .social2 { margin-left:0; margin-top:10px;} .ad4 { width:300px; float:right; margin:34px 2px 0 0;} .ad4 iframe, .ad4 object, .ad4 iframe, .ad4 img{ width:100%; height:auto;} .destacadas2 { clear:both;} .destacadas2 article{ float:left; width:19.93%; margin-right:.08%; position:relative} .destacadas2 article:last-child { margin-right:0; float:right;} .destacadas2 article img{ width:100%; height:auto;} .destacadas2 article h3 a { font-size:12px; line-height:14px; color:#fff; text-decoration:none; font-weight:700; text-transform:uppercase; padding:10px; display:block; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out} .destacadas2 article h3 a:hover, .destacadas2 article:hover h3 a, .notas .notaprincipal h2 a:hover, .notas .notaprincipal:hover h2 a, .fotografika article:hover h2 a{ color:#26a8fe;} .destacadas2 article .seccion { position:absolute; top:10px; left:10px; z-index:1;color:#fff; font-size:11px; text-transform:uppercase; font-weight:700; padding:5px; background:#26a8fe;} .ad5 { background:#f5f5f5;} .editorial { width:49.99%; float:left;position:relative; padding-top: 42px; margin-top: 20px;} .columnas { width:49.5%; float:left;position:relative; padding-top: 42px; margin-top: 20px;} .palestra { width:33.3%; float:left;position:relative; padding-top: 42px; margin-top:20px; clear:both; background:#f5f5f5;} .editorial h2 a { font-size:36px; color:#565656; text-transform:uppercase; font-weight:700; text-decoration:none; line-height:42px; padding:0 20px 0 10px; display:block;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;} .editorial h2 a:hover, .tech1 h2 a:hover, .tech1:hover h2 a { color:#0067ab;} .editorial p { font-size:14px; line-height:18px; color:#666; margin-top:20px; display:block; padding:0 20px 0 10px;} .columnas article { width:50%; float:left;} .palestra article { width:auto; clear:left; padding:9px; overflow:hidden; background: #f5f5f5;} .palestra article:last-child { margin-bottom:0;} .columnas .seccion{ left:0;} .palestra .seccion { left:10px;} .columnas article img, .palestra article img { margin-right:10px; float:left;} .columnas article h2 a, .palestra article h2 a { font-size:11px; color:#292929; text-transform:uppercase; text-decoration:none;} .columnas article p, .palestra article p { font-size:10px; color:#26a8fe; text-transform:uppercase; padding-top:5px;} .columnas article div, .palestra article div { padding: 10px 10px 0 10px;} .caricatura a { float:left; width:50%; display:block; position:relative; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;} .caricatura a .shadow { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.52) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.52))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.52) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.52) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.52) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.52) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#85000000',GradientType=0 ); /* IE6-9 */} .caricatura a:hover .shadow{ opacity:0;} .caricatura a .seccion{ position: absolute; bottom: 10px; left: 10px; z-index: 2; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 5px; background: #26a8fe; line-height:13px;} .caricatura { line-height:0; padding-top: 30px; float:right; width:66.66%} .caricatura a img { width:100%; height:auto;} .opinion { margin-bottom:42px; overflow:hidden; float:left;} .tech .logotipo { position:absolute; top:0; left:0;} .tech { border-top:5px solid #FF151E; overflow:hidden; padding-bottom:30px; background:#f5f5f5;position:relative; } .columnad { width:1016px; float:left;} .tech .tech1 { float:left; width:480px; background:#fff; box-shadow:0 0 5px rgba(153,153,153,.75); margin-right:12px; min-height: 532px;} .tech .tech1 .info {padding:27px 16px; overflow:hidden;} .tech .tech1 .info .social2 { margin:0;} .tech1 h2 a { font-size:30px; color:#333; text-transform:uppercase; font-weight:700; text-decoration:none; padding:0 0 34px 0; display:block; -webkit-transition:all .25s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;} .columnai { width:304px; float:right;} .tech .des { float:left; position:relative; line-height:0; margin:0 13px 12px 0; -webkit-transition:all .25s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s;box-shadow:0 0 5px rgba(102,102,102,1); -o-box-shadow:0 0 5px rgba(102,102,102,1); -moz-box-shadow:0 0 5px rgba(102,102,102,1); -webkit-box-shadow:0 0 5px rgba(102,102,102,1);} .tech .des:hover { box-shadow:0 0 5px rgba(0,0,0,1); } .tech .des h2 { position:absolute; bottom:0; left:0; width:100%;z-index:2;} .tech .des h2 a { padding:10px; color:#FFF; text-transform:uppercase; text-decoration:none; font-size:13px; display:block; font-weight:700; line-height:normal; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;} .tech .des .shadow {display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; -webkit-transition:all .25s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out; pointer-events: none; background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */} .tech .des:hover .shadow { opacity:0;} .tech .des:hover h2 a { background: rgba(0,0,0,.8);} .tech .des:nth-child(3), .tech .des:nth-child(4){ margin-top:10px;} .ad7, .ad6 { max-width:300px; margin:0 auto;} .ad7 { margin-top: 34px;} .ad7 img, .ad7 iframe, .ad7 object, .ad6 img, .ad6 iframe, .ad6 object { width:100%; height:auto;} .ad8 img, .ad8 iframe, .ad8 object { display:table; margin:0 auto } .ad8 { padding:20px 0;} .fotografika { background:#292929; overflow:hidden; line-height:0;} .fotografika .principal { position:relative; } .fotografika .principal .seccion { position:absolute; font-size:30px; color:#fff; text-transform:uppercase; padding:8px 13px; background:#000; font-weight:900; line-height:normal; } .fotografika .principal img{ width:100%; height:auto;} .fotografika .principal h2 { position:absolute; bottom:0; left:0; padding:20px;} .fotografika .principal h2 a { font-size:18px; text-transform:uppercase; color:#fff; text-decoration:none; font-weight:700; line-height:normal; } .fotografika .principal .shadow { position:absolute; height:100%; width:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */ pointer-events:none;} .fotografika .des { width:25%; float:left;} .fotografika .des img { width:100%; height:auto;} .fotografika .des h2 a { display:block; color:#fff; font-size:12px; text-transform:uppercase; background:#292929; padding:10px; text-decoration:none; line-height:normal; font-weight:700;} .fotografika article h2 a { -webkit-transition:all .25s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s;} .kiosko2 { background:#2f2f2f;} .kiosko2 h3 a{ color:#FFF; font-weight:700; text-transform:uppercase; font-size:30px; text-decoration:none; padding:40px 0 0 10px; display:block;} .widget {} .widget h2 { background:#26a8fe; font-size:18px; padding:12px; color:#fff; text-transform:uppercase; clear:both;} .widget img { float:left; margin:0 10px 10px 0;} .widget article { clear:both; padding-right:10px;} .widget h3 a { color:#868686; text-decoration:none; padding-top:10px; display:block;} .marcas ul { display:table; margin:0 auto; padding:38px 0;} .marcas ul li { float:left;} footer {width:1320px; margin:0 auto; padding:44px 0 0;} .center { transition:all ease-in-out .3s;} #menu2 > ul { margin:0 auto; display:table;} #menu2 ul li { float:left; } #menu2 ul li a { text-decoration:none; padding:0 18px 21px;float:left; font-size:10px; color:#858585; text-transform:uppercase; display:block; font-weight:700;} #menu2 ul li ul li a { border-bottom:none; padding:0 10px 10px 10px; color:#858585; float:none; font-weight:300;} #menu2 ul li ul li { float:none; clear:both;} #menu2 ul li ul { margin-bottom:10px; padding-top:23px; clear:both;} #menu2::before { content: ''; border-bottom:2px #34aefe solid; position:absolute; top:31px; left:0; width:100%; display:block;} #menu2 { position:relative; overflow:hidden; border-bottom:1px solid #f0f0f0; padding-bottom:14px;} .final .logof{ width: 213px; height: 41px; padding: 71px 70px 71px 0; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/sombra.jpg) no-repeat 265px 0; float:left;} .botones { width:685px; float:left;margin: 41px 0 0 73px;} .botones ul li { width: 31.33%; float: left; margin: 6px 1%;} .botones ul li a { display:block; border:1px solid #efefef; text-decoration:none; font-size:12px; color:#7e7e7e; text-align:center; padding: 10px 0;} ::-webkit-scrollbar {-webkit-appearance: none;width: 7px;} ::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0,0,0,.4); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); -moz-box-shadow: 0 0 1px rgba(255,255,255,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); -o-box-shadow: 0 0 1px rgba(255,255,255,.5);} .creditos { font-size:12px; color:#7e7e7e; clear:both; padding:40px; text-align: center;} .animada::before { content:''; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play3.png); position:absolute; top:20px; right:20px; width:50px; height:50px; opacity:.6;-webkit-transition:all .25s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s;} .animada:hover::before { opacity:.9;} .line { border-top:1px solid #dedede; clear:both;} .contenido { width:1001px; float:left; margin-top:22px;} .contenido article h1 { color:#292929; font-size:36px; line-height:40px; text-transform:uppercase; font-weight:700; margin:0 0 16px 13px; width:720px; float:left;} .contenido article p { font-size:16px; color:#454545; line-height:20px; padding-right:20px;} .contenido article .nota p:first-child::first-letter { display:inline-block;margin:-4px 5px 0 0;font-size:92px;line-height:66px;font-family:Belizio,Georgia,serif!important;font-weight:700;padding:5px;text-transform:uppercase;color:#000;float:left} p.tags { font-size:12px !important; color:#666 !important; font-weight:300; margin-bottom:15px; border-bottom: 1px dotted #CCC; padding-bottom:10px;} p.tags a { color:#000; background:#f5f5f5; display:inline-block; padding:5px 10px; text-decoration:none; } .contenido article p.sumario { color:#666; font-size:24px; line-height:29px; margin-top:34px; margin-bottom:34px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;} .contenido .seccion { float:left; margin-left:10px;margin-bottom: 10px;} .contenido .seccion span { font-size:24px; color:#fff; font-weight:700; background:#26a8fe; display:block; padding:14px; text-transform:uppercase; float:left;} .contenido .seccion ul { float:left; display:block; margin-top:10px; clear:both;} .contenido .seccion ul li { color:#999; font-size:12px; float:left; margin-right:10px;} .contenido .seccion ul li a { color:#999; font-size:12px; float:left; text-decoration:none;} .gale { margin:0 0 0 13px;} .start { position:relative; clear:both;float: left; margin-left: auto !important;} .parrafos{ margin-left: 13px !important; width: 720px;} .extras { float: left; width:268px; transition:width .3s ease, top .3s ease;} .touchcarousel.grey-blue .arrow-icon {width: 30px;height: 30px;margin-top: -15px;background-image: url('http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/sprite.png');background-repeat: no-repeat;background-color: rgb(50, 50, 50); background-color: rgba(0, 0, 0, 0.7);-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-moz-opacity: 0.8;-webkit-opacity: 0.8;opacity: 0.8; display:block;} .touchcarousel.grey-blue .arrow-holder {width: 35px;} .touchcarousel.grey-blue .arrow-holder:active .arrow-icon{-moz-opacity:.7!important;-webkit-opacity:.7!important;opacity:.7!important} .touchcarousel.grey-blue .arrow-icon.left{left:10px;background-position:-2px -6px} .touchcarousel.grey-blue .arrow-icon.right{right:10px;background-position:-175px -6px} .touchcarousel.grey-blue .arrow-holder:hover .arrow-icon{background-color:rgb(30,30,30);background-color:rgba(0,0,0,0.7);-moz-opacity:1;-webkit-opacity:1;opacity:1} .touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.left{background-position:-39px -6px} .touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.right{background-position:-138px -6px} .touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.left,.touchcarousel.grey-blue .arrow-holder.disabled .arrow-icon.right{background-color:rgb(200,200,200);background-color:rgba(0,0,0,0.3)} .touchcarousel.grey-blue .tc-paging-container{margin-top:-22px} .touchcarousel.grey-blue .tc-paging-item{background-image:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/sprite.png);background-repeat:no-repeat;background-position:-95px -4px;width:16px;height:16px} .touchcarousel.grey-blue .tc-paging-item.current{background-position:-95px -22px} .touchcarousel.grey-blue .tc-paging-container{margin-top:-25px} .touchcarousel.grey-blue .tc-paging-centerer-inside{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:rgb(50,50,50);background-color:rgba(0,0,0,0.6);padding:2px 4px} #carousel-image-and-text{width:940px;height:279px;margin:0 auto} #carousel-image-and-text .arrow-holder{height:100%} #carousel-image-and-text .touchcarousel-item{width:720px;height:479px} #carousel-image-and-text .item-block{width:720px;height:479px;display:block} #carousel-image-and-text .item-block img,#carousel-image-and-text .item-block h4,#carousel-image-and-text .item-block p{float:none;position:relative;display:block;margin:0} #carousel-image-and-text .item-block img{width:720px;height:479px;border:0;padding:0} #carousel-image-and-text .item-block{text-decoration:none;color:inherit} #carousel-image-and-text .item-block h4{font:bold 13px/20px Helvetica,Arial,sans-serif;color:#000;width:auto;height:auto;padding:2px 0 0 6px;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out} #carousel-image-and-text .item-block:hover h4{color:#1873c9} #carousel-image-and-text .item-block p{font:normal 13px/20px Helvetica,Arial,sans-serif;color:#555;width:auto;padding:0 0 0 6px} #carousel-image-and-text .scrollbar-holder{background:#CED7DB;bottom:0;height:2px;left:0;right:0} #carousel-image-and-text .scrollbar{background-color:#45a8ce!important;bottom:0} .gale .touchcarousel .touchcarousel-wrapper { width:720px;} .gale #carousel-image-and-text { margin:0;} .gale .touchcarousel .touchcarousel-item, .gale .touchcarousel .touchcarousel-item:first-child { margin:0 !important;} .gale #carousel-image-and-text { height:530px; width:720px; padding:0; background:#f5f5f5; } .gale #carousel-image-and-text a.item-block { cursor:default;} .gale #carousel-image-and-text ul li h4 { padding:10px;} .sidebar {float:left; width:306px; background:#f5f5f5;} .ad9 { width:300px; margin:0 auto;} .ad9 img, .ad9 iframe, .ad9 object { width:100%; height:auto;} .videon { position: relative; padding-bottom: 56.25%; width:100%; background:#f5f5f5;} .videon .embed-responsive > div { padding-bottom:0 !important;} #videos .videon .wrap {min-width:inherit;} #videos .videon .bolt-watermark-layer {bottom: 37%;right: 13%;} .videon iframe, .videon object, .videon img, .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .contenido article p.videoinfo { display:block; margin-bottom:30px; padding:10px; background:#f5f5f5; color:#333; font-size:13px; border-bottom:2px solid #CED7DB;} .extras { border-top:1px #dedede dotted;} .extras blockquote { color:#999; font-size:24px; font-weight:700; font-style: italic;font-family: 'Roboto Condensed', sans-serif; line-height:28px; padding:30px 10px 40px; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/line-header.png) repeat-x bottom;} .extras cite { color:#0067ab; font-size:14px; font-family: 'Roboto', sans-serif; font-style: normal; display:block;} .cifras { color:#898888; font-size:12px; line-height:15px; padding:30px 10px 40px; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/line-header.png) repeat-x bottom;} .cifras h3 { font-size:50px; color:#999; line-height:55px; font-weight:700;} .cifras h4 { color:#0067ab;font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:14px; } .contenido article .cifras p { font-size:12px;} .tabla {background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/line-header.png) repeat-x bottom; padding-bottom:20px;} .tabla h3 { font-size:18px; color:#999; text-transform:uppercase; padding:30px 10px 20px; border-bottom:1px solid #d9d9d9;} .tabla .celda { padding:20px 10px; border-bottom:1px solid #d9d9d9;} .tabla .celda:last-child { border-bottom:none;} .tabla .celda h4 { color:#0067ab; font-size:14px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:700;} .tabla .celda p{color:#898888; font-size:12px; line-height:15px;} .relacionadas {margin-bottom:10px;} .relacionadas h3 { color:#0067ab; font-size:18px; font-weight:700; padding:15px 10px; background:#f5f5f5; text-transform:uppercase;} .relacionadas ul { border-left: 4px solid #f5f5f5;border-right: 4px solid #f5f5f5;border-bottom: 4px solid #f5f5f5;} .relacionadas ul li a{color: #6e6e6e; text-decoration:none; padding:10px; display:block; font-size:12px;-webkit-transition:all .5s ease-in-out;-moz-transition:color .5s ease-in-out;transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;} .relacionadas ul li a:hover { color:#0067ab; background:#f5f5f5;} .relacionadas ul li:first-child { padding-top:10px;} .relacionadas ul li:last-child { padding-bottom:10px;} .sidebar .widget { padding:10px;} .sidebar .widget article { padding-top:10px;} .comentarios { width:723px; padding:5px;} #limite { clear:both;} .comentarios img { width:100%; height:auto;} .contenido article p.autor { color:#f6a749; font-size:12px; margin-bottom:20px; font-weight:bold; border-bottom:1px dotted #CCC; padding-bottom:5px; display:block;} .columnista { float:left; margin:0 20px 20px 0; box-shadow:0 0 5px rgba(0,0,0,.25); line-height:0;} .columna1 { width:720px; float:left; margin-left:13px; margin-top:13px;} .columna2 { width:268px; float:left; margin-top:13px;} .principal img{ width:100%; height:auto;} .social2 .comentarios { width:auto;} .columna2 .seccion span{ font-size: 28px; color: #fff; font-weight: 700; background: #26a8fe; display: block; padding: 14px; text-transform: uppercase; margin: 10px; } .columna2 .seccion ul { margin-left:10px;} .columna2 .seccion ul li, .columna2 .seccion ul li a { color: #999; font-size: 12px; float: left; margin-right: 10px; text-decoration:none;} .sidebar.secciones { padding-top:13px;} .columna1 article h1 a{ color: #292929; font-size: 36px; line-height: 40px; text-transform: uppercase; font-weight: 700; text-decoration:none;} .columna1 article h2, .columna1 .dest article h3, .columna1 .secund article h3 { font-size:11px; color:#7f7f7f; text-transform:uppercase; margin:10px 0;} .columna1 .dest { padding-top:10px;} .columna1 .dest article { width:50%; float:left;} .columna1 .dest article img, .columna1 .secund article img { width:100%; height:auto;} .columna1 .dest article h2 a{ color: #292929; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 700; text-decoration:none;} .columna1 .secund { clear:left; padding-top:10px;} .columna1 .secund article { width:33.33%; float:left; margin-bottom:10px;} .columna1 .secund article:nth-child(3n+4) { clear:both;} .columna1 .secund article h2 a {color: #292929; font-size: 14px; line-height: 17px; text-transform: uppercase; font-weight: 700; text-decoration:none;} .columna2 .whatsapp, .columna2 .twitter { width:100%; margin-bottom:10px; float:none; clear:both;} .columna2 .whatsapp h4 { font-size:24px; line-height:26px;} .columna2 .whatsapp { padding-top:10px;} .columna2 .twitter { background:none;} .columna1 article h1 a, .columna1 article h2 a { transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;} .columna1 article h1 a:hover, .columna1 article h2 a:hover, .columna1 article:hover h1 a, .columna1 article:hover h2 a{color:#0067ab;} .columna1.columnas2 .principal img{ width:180px; margin:0 10px 0 0; float:left; border:1px solid #dedede} .columna1.columnas2 .principal h1 a{ font-size:28px; line-height:32px; font-weight:300; width:518px; float:left;} .columna1.columnas2 .dest article img, .columna1.columnas2 .secund article img { width:100px; margin:0 10px 0 0; float:left; border:1px solid #dedede } .columna1.columnas2 .dest article h2 a{ font-size:18px; line-height:21px; display:block; font-weight:300; float:left; width:240px;} .columna1.columnas2 .secund article h2 a{ font-size:12px; line-height:15px; display:block; font-weight:300; padding-right:10px; } .columna1.columnas2 .secund article { width:50%} .columna1.columnas2 .secund article:nth-child(3n+4) { clear:none;} .columna1.columnas2 .secund article:nth-child(2n+3) { clear: both;} .columna1.columnas2 article.principal, .columna1.columnas2 .dest { border-bottom:1px solid #dedede; overflow:hidden; padding-bottom:40px;} .columna1.columnas2 .dest, .columna1.columnas2 .secund { padding-top:40px;} .columna1.columnas2 .secund article { margin-bottom: 15px; padding-top:15px; border-top:1px solid #dedede;} .columna1.columnas2 .secund article:first-child, .columna1.columnas2 .secund article:nth-child(2) { border-top:none;} .columna1.columnas2 .dest article h2, .columna1.columnas2 .secund article h2, .columna1.columnas2 article.principal h1 { margin:0;} .columna1.columnas2 .dest article h3, .columna1.columnas2 .secund article h3, .columna1.columnas2 article.principal h2 { margin-top:0;} .columnaop { width:496px; float:left;} .columnaop .columnas{ width:96%; margin-left:10px; border-top:1px solid #f0f0f0} .columnaop .editorial { width:100%;} .columnaop .editorial h2 a { font-size:32px; line-height:35px;} .columnaop .columnas article div { min-height:inherit;} .columnas article:nth-child(2n-2) { clear:both;} .columnacari .caricatura { padding-top:0; width: 100%;} .columnacari { width:496px; float:left;} .columnacari .caricatura a { width:100%; text-decoration:none;} .columnacari .caricatura a .seccion { position:relative; background:#f5f5f5; bottom:auto; left:auto; text-decoration:none; color:#0067ab; font-size:18px; display:block; padding:20px;} .anterior { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/controles.gif) no-repeat; width:37px; height:45px; display: block; text-indent:-999999px; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; -o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out; float:left;} .siguiente { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/controles.gif) no-repeat -37px 0px; width:37px; height:45px; display:block; text-indent:-999999px;transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; -o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out; float:left} .anterior:hover { background-position:0 -45px;} .siguiente:hover { background-position:-37px -45px;} .controls time { color:#999; font-size:15px; display:inline-block; float:left; line-height:45px; padding:0 20px;} .caricaturas { width:989px; padding:13px 0 0 10px; float:left;} .caricaturas .seccion { float:right; margin-right:10px; max-width:300px;} .caricaturas .seccion span { font-size:28px; color:#fff; font-weight:700; background:#26a8fe; display:block; padding:14px; text-transform:uppercase; float:right;} .caricaturas .seccion ul { float:left; margin-top:10px; clear:both; display:inline;} .caricaturas .seccion ul li { color:#999; font-size:12px; margin-right:10px; display:inline;} .caricaturas .seccion ul li a { color:#999; font-size:12px; text-decoration:none; display:inline;} .anteriores ul li { width:49.5%; float:left; margin-right:.5%; position:relative; border:1px solid #efefef; margin-bottom:5px;} .anteriores ul li:nth-child(2n-2){ margin-right:0;} .anteriores ul li a img { width:100%; height:auto;} .anteriores ul li a { color:#fff;} .anteriores ul li a .shadow + span { position:absolute; bottom:0; left:0; font-weight:700; font-size:18px; padding:20px; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; -o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;} .anteriores ul li .shadow { position:absolute; top:0; left:0; height:100%; width:100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 ); pointer-events:none;transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out; -o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;} .ladeldia a img {width:100%; height:auto; border:1px solid #efefef;} .anteriores ul li:hover .shadow { opacity:0;} .anteriores h3 { color:#292929; font-size:24px; font-weight:700; text-transform:uppercase; padding:30px 0;} .anteriores ul li:hover .shadow + span { text-shadow:0 0 5px rgba(0,0,0,.5); background:#26a8fe;} .ladeldia { clear:both;padding-top: 13px;} .caricaturas + .sidebar.secciones + .line { padding-top: 40px; clear: none; float: left; width: 100%; margin-top: 30px;} .caricaturas.blogs header{ background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/blogs.jpg) no-repeat; min-height:228px;} .caricaturas.blogs header h1 { font-size:86px; color:#fff; text-transform:uppercase; font-weight:700; padding:75px 0 0 330px; line-height:35px;} .caricaturas.blogs header h1 span{ font-size: 36px;} .blogs article { padding:25px 10px 25px 0; border-bottom:1px solid #e3e3e3; overflow:hidden; } .blogs article:last-child { border-bottom:none;} .blogs article img { float:left; margin:0 15px 0 0;} .blogs article h3 a { color:#3399ff; font-size:24px; text-decoration:none; text-transform:uppercase;} .blogs article h2 a { color:#333333; font-size:36px; font-weight:700; text-decoration:none; text-transform:uppercase; line-height:40px;} .blogs article h2 { padding:6px 0;} .caricaturas.apps header { min-height:405px; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/apps.jpg) no-repeat; margin-bottom:40px;} .caricaturas.apps header h1 { font-size:125px; color:#fff; text-transform:uppercase; font-weight:700; padding: 84px 0 0 251px;} .caricaturas.apps header h2 { font-size:24px; line-height:27px; color:#fff; text-transform:uppercase; font-weight:300; padding: 0 20px 0 251px;} .caricaturas.apps { background:#f5f5f5;} .caricaturas.apps article{ background:#fff; margin-right:10px; padding-bottom:20px; overflow:hidden; margin-bottom:20px; box-shadow:0 0 7px rgba(0,0,0,.08); position:relative;padding-right: 10px;} .caricaturas.apps article h2 a { font-size:48px; color:#464545; text-decoration:none; text-transform:uppercase; font-weight:700;} .caricaturas.apps article h2 { padding-top:30px;} .caricaturas.apps article p { font-size:15px; color:#848383; line-height:18px;} .caricaturas.apps article img { float:left; margin:20px 20px 0 20px;} .caricaturas.apps article span { display:block; position:absolute; bottom:0;} .caricaturas.apps article span a { text-indent:-9999999px; height:100%; width:100%; display:block;} .caricaturas.apps article span.playstore { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/playstore.gif) no-repeat center center #00325c; width:175px; height:50px; text-indent:-9999999px; right:0;} .caricaturas.apps article span.appstore { background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/appstore.gif) no-repeat center center #00325c; width:175px; height:50px; text-indent:-9999999px; right:178px;} .politicas { font-size:15px; line-height:19px; color:#666;} .politicas article { margin-right:10px;} .politicas p, .politicas h1, .politicas h2{padding:0 20px;} .politicas h1 { font-size: 36px; color:#333; font-family: 'Roboto Condensed', sans-serif; line-height:39px; display:block; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/line-header.png) repeat-x bottom #f5f5f5; padding-top:40px; padding-bottom:40px; margin-bottom:30px;} .politicas h2 { font-size:24px; color:#333; font-family: 'Roboto Condensed', sans-serif; line-height:27px; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:20px; background:#f5f5f5; padding-top:20px;} .politicas h3 { font-size:18px; color:#333; font-family: 'Roboto Condensed', sans-serif; line-height:27px; border-bottom:1px solid #ccc; margin:10px 0; background:#f5f5f5; padding:10px 20px;} .politicas p strong { font-weight:700;} .politicas table h3 { padding:0; margin:0; background:none; border-bottom:none; font-size:24px; text-transform:uppercase;} .politicas table td { padding:10px;} .politicas table td a { color:#333; text-decoration:none;} .contenido article .start .parrafos iframe { width:100% !important;} .politicas a { color:#000;} /* Menu media */ #cssmenu2,#cssmenu2 ul,#cssmenu2 ul li,#cssmenu2 ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #cssmenu2{width:176px;color:#fff; position:absolute; top:0;} .menufijo2 { position: fixed; top: 0; width: 100%; left: 0; z-index: 2; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.5);} .menufijo { position: relative !important; top: auto !important; width: auto !important; left: auto; z-index: 2;display:table !important; margin:0 auto !important;} .menufijo h2 { float:left; padding:16px 10px !important; font-size:14px !important;} #cssmenu2.menufijo ul, #cssmenu2.menufijo ul li, #cssmenu2.menufijo ul li a { float:left;} #cssmenu2.menufijo ul li ul, #cssmenu2.menufijo ul li ul li, #cssmenu2.menufijo ul li ul li a{ float:none; clear:both;} #cssmenu2.menufijo ul li ul li, #cssmenu2.menufijo ul li ul li ul{ position:relative; top:auto; left:auto;} #cssmenu2.menufijo > ul > li > a { padding:16px 10px} #cssmenu2.menufijo ul li ul { position: absolute; top: 46px; width: 200px;} #cssmenu2 ul ul{display:none} #cssmenu2 > ul > li.active > ul{display:block} .align-right{float:right} #cssmenu2 > ul > li > a{padding:16px 22px;cursor:pointer;z-index:2;font-size:12px;text-decoration:none;color:#333;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease; text-transform:uppercase;} #cssmenu2 > ul > li > a:hover{color:#26a8fe;} #cssmenu2 ul > li.has-sub > a:after{position: absolute;top: 18px;right: 10px;width: 4px;height: 4px;border-bottom: 2px solid #666;border-right: 2px solid #666;content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;} #cssmenu2.menufijo ul > li.has-sub > a:after { right:1px;} #cssmenu2.menufijo ul > li.has-sub ul li > a:after {right:5px;} #cssmenu2 ul > li.has-sub.open > a:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(-134deg);-ms-transform:rotate(-134deg);-o-transform:rotate(-134deg);transform:rotate(-134deg)} #cssmenu2 ul ul li a{padding:14px 22px;cursor:pointer;z-index:2;font-size:12px;text-decoration:none;color:#ddd;background:#49505a;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} #cssmenu2 ul ul ul li a{padding-left:32px; background:#3a4048;} #cssmenu2 ul ul li a:hover{color:#26a8fe} #cssmenu2 ul ul > li.has-sub > a:after{top:16px;right:26px; border-bottom-color:#fff; border-right-color:#fff;} #cssmenu2 ul ul > li.has-sub > a:before{top:20px;background:#ddd} #cssmenu2 ul li.eg a { border-top:2px solid #EF6C00; font-weight:900;} #cssmenu2 ul li.eg a:hover { border-top:2px solid #E65100; background:#E65100; color:#fff;} #cssmenu2 ul li.ec a{ border-top:2px solid #C62828; font-weight:900;} #cssmenu2 ul li.ec a:hover{ border-top:2px solid #B71C1C; background:#B71C1C; color:#fff;} #cssmenu2 ul li.gd a{ border-top:2px solid #3F51B5; font-weight:900;} #cssmenu2 ul li.gd a:hover{ border-top:2px solid #303F9F; background:#303F9F; color:#fff;} #cssmenu2 h2 { background:#26a8fe; color:#fff; font-size:22px; text-transform:uppercase; padding:10px 0; text-align:center; font-weight:bold;} .mediacenter { position:relative; overflow:hidden; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/mediacenter.gif) left repeat-y;} .mediac { width:1123px; padding:10px 10px 0 0; float:right; transition:all ease-in-out .2s} .reciente1 { width:808px; float:left;} .reciente1 h1 a, .reciente2 h2 a, .reciente3 h2 a { text-decoration:none; font-weight:700; color:#292929; text-transform:uppercase; padding:10px 0; display:block; transition:all ease-in-out .3s; -ms-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;} .reciente1 h1 a { padding-top:0;} .reciente1 h1 a:hover, .reciente2 h2 a:hover, .reciente3 h2 a:hover, .reciente1:hover h1 a, .reciente2:hover h2 a, .reciente3:hover h2 a { color:#0067ab;} .reciente1 h1 a { font-size:30px; line-height:33px;} .reciente1 img, .reciente1 object, .reciente1 iframe, .reciente1 .BrightcoveExperience { width:100%; margin:0;} .reciente2, .reciente3 { width:309px; float:right;} .reciente2 img, .reciente2 object, .reciente2 iframe, .reciente2 .BrightcoveExperience, .reciente3 img, .reciente3 object, .reciente3 iframe, .reciente3 .BrightcoveExperience { width:100%;} .reciente2 h2 a, .reciente3 h2 a { font-size:14px; line-height:17px;} .multimedia { border-top:1px solid #dedede; padding-top:20px; overflow:hidden; clear:both;} .multimedia article { width:33.33%; float:left; position:relative; line-height:0; white-space:nowrap; margin:0; transition:all ease-in-out .5s} .multimedia article img { width:100%; height:auto; margin:0;} .multimedia article h3 { position:absolute; background:rgba(0,0,0,.8); bottom:0; width:100%;} .multimedia article h3 a { color:#fff; font-size:12px; line-height:15px; text-transform:uppercase; text-decoration:none; padding:10px; display:block; margin:0;white-space:normal; transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} .multimedia article h3 a span{ color:#ccc; font-size:11px; text-transform:none;} .reciente1 h1 a span, .reciente2 h2 a span, .reciente3 h2 a span { color:#666; font-size:12px; line-height:14px; text-transform:none;} .multimedia article:hover h3 a { background:#0067ab;} .full { width:1300px; padding-left:10px; background:#fff;} .mediac article.video, .mediac article.audio, .mediac article.galeria, .mediac article.infografia, .mediac article.what-icon , .mediac article.c-cast{ position:relative;} .mediac article.video:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play2.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .mediac article.audio:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/audio.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .mediac article.galeria:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/galeria2.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .mediac article.infografia:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/infografia.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .mediac > h3 { font-size:36px; font-weight:700; color:#515151; margin:5px 0 10px; text-align:center; text-transform:uppercase; padding-bottom:10px; border-bottom:1px solid #dedede; font-family: 'Roboto Condensed', sans-serif;} .vid article{ width:822px; float:left;} /* OLD VALUE: 881*/ .vid2, .infografia2 { position: relative; padding-bottom: 56.25%; width: 100%;} .vid.gal article { float:right; width:100%;} .vid.gal aside { float:right; width:100%;} .vid.gal aside article { width:33.33%;} .infografia2 { margin-bottom:20px;} .vid2.C > *, .vid2 iframe, .vid2 object, .vid2 img, vid2 .BrightcoveExperience, .infografia2 iframe, .infografia2 object, .infografia2 img, .infografia2 .BrightcoveExperience, .infografia2 object embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .vid article .comentarios { width:100%;} .vid article h1 { font-size:36px; color:#292929; line-height:39px; font-weight:700; text-transform:uppercase; padding:10px 0 15px; margin-bottom:15px; border-bottom:1px solid #dedede;} .vid article .time { color:#999; font-size:12px; margin-bottom:20px;} .vid aside { background:#f5f5f5; float:right; width: 300px;} /* OLD VALUE 230*/ .vid aside article a img{ width:100%; height:auto; margin:0;} .vid aside article { width:100%; position: relative;} .vid aside h2, h2.title_extra { color:#fff; background:#292929; font-size:18px; text-transform:uppercase; padding:15px 10px; border-bottom:2px solid #34aefe; clear:both;} .vid aside article h3 a{ font-size:14px; color:#292929; line-height:17px; text-transform:uppercase; font-weight:700; padding:10px; text-decoration:none; display:block;} .vid aside article h3 { background:none !important; position:relative; right:auto; bottom:auto;} .audio2 {white-space:nowrap; background:#292929} .audio2 img { width:100%; height:auto;} .left { position:fixed; bottom:50px; left:-247px; z-index:9999;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} .right { position:fixed; bottom:50px; right:-247px; z-index:9999;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} .right:hover { right:0;} .left:hover { left:0;} .left a, .right a { display:block; text-decoration:none; color:#8c8b8b; font-size:24px; font-weight:700; text-transform:uppercase;width:247px; background:#fff;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; position:relative;} .left a { padding:20px 40px 20px 0; text-align:right; box-shadow:3px 3px 5px rgba(0,0,0,.18);}.right a { padding:20px 0 20px 40px; box-shadow:-3px 3px 5px rgba(0,0,0,.18);} .right:hover a, .left:hover a { color:#fff; background:#26a8fe;} .left a:after { content:''; display:block; width:18px; height:18px; border-left:1px solid #8c8b8b; border-bottom:1px solid #8c8b8b; position:absolute; right:7px; top:23px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .left:hover a:after { border-left-color:#fff;border-bottom-color:#fff;} .right a:after { content:''; display:block; width:18px; height:18px; border-right:1px solid #8c8b8b; border-bottom:1px solid #8c8b8b; position:absolute; left:7px; top:23px;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .right:hover a:after { border-bottom-color:#fff; border-right-color:#fff;} .patrocinador img { width:auto; display:block; margin:0 auto; padding:10px 0 0; } p.radio { display: inline-block; margin:0; padding:0;} p.radio a { font-size:16px; font-weight:700; color:#fff; text-decoration:none; border-radius:3px; display: inline-block; padding:6px 10px 6px 28px; background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/radio.png) no-repeat 5px center #26a8fe;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} p.radio a:hover { background-color:#ffa800;} div.extras .twitter, div.extras .whatsapp { width:100%} div.extras .twitter p, div.extras .whatsapp p {font-size: 12px; color: #676767; line-height: 16px;} .botones-nota span, .botones-nota2 span{ margin-bottom:5px;} .botones-nota {border-bottom: 1px dotted #CCC; margin-bottom:20px;} .botones-nota2 {border-top: 1px dotted #CCC; margin-top:20px; padding-top:10px;border-bottom: 1px dotted #CCC; margin-bottom:20px;} .botonc { display:block; background:#069EDD; color:#fff; font-weight:700; text-decoration:none; padding:15px 15px 21px 15px; position: relative; text-transform:uppercase; border:2px solid #fff; transition:.2s all ease-in-out; -moz-transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out; -o-transition:.2s all ease-in-out; -ms-transition:.2s all ease-in-out; border-radius:.3em; -moz-border-radius:.3em; -webkit-border-radius:.3em; -o-border-radius:.3em; -ms-border-radius:.3em; margin-left:0px; text-align:center;} .botonc:hover { border-color: #00b4ff; background:#00b4ff;} .botonc:after { content:''; display:block; border-right:2px solid #fff; border-bottom:2px solid #fff; width:8px; height:8px; position:absolute; right:50%; top:28;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .leftsidebarfixed {position: fixed;top: 0;} .envivo { } .envivo h3 span { display: inline-block; background:#486887 url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/envivo.jpg) no-repeat 10px 0; padding:10px 15px 10px 58px; color:#fff;} .envivo h3 span, .envivo h3 span a { text-decoration:none; color:#fff; text-transform:uppercase; font-style:italic;} .envivo h3 { border-bottom:1px solid #dedede;background: #f5f5f5;} .envivo h3 a { text-decoration:none; color:#486887; font-size:16px; padding-left:15px;} .pleca { width:100%; clear:both;} .cifra2 {background:#f5f5f5; border-top:20px solid #fff; border-bottom:1px solid #dedede;padding:25px 0; } .cifra { overflow:hidden; display:table; margin:0 auto; min-width: 756px;} .cifra h2 { font-size:24px; text-transform:uppercase; line-height:27px;} .cifra p{ font-size:85px; font-weight:bold; color:#0067ab; float:left; margin-right:30px;letter-spacing: -5px; text-shadow:4px 4px 0 rgba(0,0,0,.1); } .cifra h3 { font-size:16px; color:#A9A9A9;} .tema { background:#002346; color:#fff; line-height:0; overflow:hidden; border-top:20px solid #fff;} .tema span { background:#2fbcf8; color:#fff; font-size:22px; padding:40px 30px; float:left;} .tema h2 a { font-size:36px; line-height:40px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; padding-right:30px;} .tema img { float:left; margin-right:40px;} .tema h3 { color:#97e0ff; font-size:18px; line-height:22px; margin-top:70px;} .septimo { background:#292929; color:#fff; line-height:0; overflow:hidden; border-top:20px solid #fff;} .septimo span { background:#fdb932; color:#fff; font-size:22px; padding:40px 30px; float:left;} .septimo h2 a { font-size:36px; line-height:40px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; padding-right:30px;} .septimo img { float:left; margin-right:40px;} .septimo h3 { color:#fdb932; font-size:18px; line-height:22px; margin-top:70px;} .frase { background:#002346; color:#fff; border-top:0px solid #fff;} .frase p { font-size:25px; font-style:italic;padding:20px; text-align:center;} .frase .autor { display:block; background:#012e5c; font-size:16px; font-style:normal; padding:10px 20px; border-top:3px solid #004181;font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;} .frase > span{ background:#2fbcf8; font-size:14px; padding:10px; display:inline-block; text-transform:uppercase;} .columna1.tags {width: 100%; margin-right: 13px; max-width: 100%} .columna1.tags .secund article { width:25%;} .columna1.tags .secund article:nth-child(3n+4) { clear:none;} .columna1.tags .secund article:nth-child(4n+5) { clear:both;} .tags h1 { font-size:24px; color:#fff; background:#26a8fe; display:inline-block; padding:0 15px 0 0; border-radius:3px; margin:0 auto; font-weight:900;} .tags .titletag { text-align:center;} .tags span { font-weight:400; display:inline-block; padding:5px 15px; background:#005289; border-radius:3px 0 0 3px; margin-right:10px;} .columna1.temas { width:779px; float:left;} .sidebar.temas2 { width:500px; float:left; margin-left:13px;} .sidebar.temas2 article a img{ width:100%; height:auto; margin:0;} .sidebar.temas2 article { width:100%; clear:both;} .sidebar.temas2 h2 { color:#fff; background:#292929; font-size:18px; text-transform:uppercase; padding:15px 10px; border-bottom:2px solid #34aefe; clear:both;} .sidebar.temas2 article h3 a{ font-size:14px; color:#292929; line-height:17px; text-transform:uppercase; font-weight:700; padding:10px; text-decoration:none; display:block;} .sidebar.temas2 article h3 { background:none !important; position:relative; right:auto; bottom:auto;} .sidebar.temas2 article.video, .sidebar.temas2 article.audio, .sidebar.temas2 article.galeria, .sidebar.temas2 article.infografia{ position:relative;} .sidebar.temas2 article.video:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play2.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .sidebar.temas2 article.audio:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/audio.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .sidebar.temas2 article.galeria:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/galeria2.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .sidebar.temas2 article.infografia:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/infografia.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .cabecera {position: relative; margin:13px 13px 0 13px; background-color:transparent; padding:20px; color:#fff; height:135px; overflow:hidden; background-size:cover !important; background-position:center center !important;} .cabecera h1 { font-size:36px; text-transform:uppercase; font-weight:bold;position: relative;} .cabecera p { font-size:14px; text-transform:uppercase;position: relative;} .cabecera img {position: absolute; top: 0; left: 0; right: 0;display: block;width: 100%;} .contenido article p strong { font-weight:bold;} .contenido article .parrafos a { color: #292929;} .contenido article .parrafos h1 { font-size:36px; font-weight:bold;color: #292929; margin:0;} .contenido article .parrafos h2 { font-size: 24px; font-weight:bold;color: #292929;} .contenido article .parrafos h3 { font-size: 18px; font-weight:bold;color: #292929;} .contenido article .parrafos h4, .contenido article .parrafos h5, .contenido article .parrafos h6 { font-size: 16px; font-weight:bold;color: #292929;} @media (min-width:1337px){ .full2 { width:574px;} } @media (max-width:1336px){ .tema img, .septimo img { width:300px; height:auto;} .tema span, .septimo span {font-size: 18px; padding: 25px 20px;} .tema h3, .septimo h3 { line-height: 22px; margin-top: 27px;} .tema h2 a, .septimo h2 a { font-size: 33px; line-height: 36px;} .destacadas article {border-right-width:1px} .wrap, footer { width:1024px; margin:0 auto;} .logo .lpg img{ width:300px; height:auto;} .logo .cien img{ width:124px; height:auto;} .kiosko { width:230px;} .kiosko h2 { font-size:17px; width: 125px; } .kioskolink img { width:100px; height:auto;} .kiosko ul { float:right; width:125px;} .ad1 { float:none; margin:0 auto;} .social1 { margin:0 auto; width:auto; display:table; padding-top:10px; float:none;} .boletin a { margin:0 0 0 10px; background-size: 22px; padding: 10px 10px 10px 42px;} .video { margin-bottom:1px;} .twitter h3, .whatsapp h3 { font-size:15px;} .whatsapp h4 { font-size:24px; line-height:26px; padding:5px 10px 0;} .whatsapp p { font-size: 14px;line-height: 19px; padding:6px 10px;} div.twitter p:nth-child(5) { display:none;} .destacadas article h2 a { padding:10px 13px; font-size:12px; line-height:15px;} .temas ul li a, .temas h3, .temas h3 span { font-size:1vw;} .temas ul { padding:10px;} .principal-portada > article h1 a { padding:10px 10px 10px;} .destacadas {padding: 14px 0 0 0;} #cssmenu > ul > li.has-sub > a { padding-right: 18px;} #cssmenu > ul > li > a { font-size:10px; padding: 13px 5px} .notas .notaprincipal > a img { width: 364px; height:auto;} .notas .notaprincipal h2 a { font-size:24px; line-height:26px;} .ad4 { width:237px; margin-top:23px;} .notas .notaprincipal { width:782px;} .notas .notaprincipal .info { width:395px; padding:45px 0 0 21px;} .destacadas2 article h3 a { font-size: .9vw;} .columnas { width: 66.66%;} .palestra { width: 33.33%; clear:none; background:none;} .palestra article { margin-right:10px; background:none; padding:0;} .editorial { width:100%} .caricatura { width:100%;} .editorial h2 a { padding: 0 20px 0 10px; font-size:28px; line-height:30px; } .columnas article:nth-child(even) { margin-left:10px; width:48.5%} .columnas article { width: 49%;} .columnas .seccion { left:10px;} .ad7, .ad6, .columnai { max-width:237px;} .columnad { width: 787px;} .tech .tech1 { width: 513px; min-height: 532px;} article.tech1 a img { width:100%; height:auto;} .tech1 h2 a { font-size: 24px;} .tech .des:nth-child(4) { margin-top:0;} .tech .tech1 .info { padding: 24px 16px;} .ad7 { margin-top: 5px;} .ad8 img, .ad8 iframe, .ad8 object {width:100%; height:auto} .fotografika .principal .seccion { font-size: 25px;} .marcas ul { width:79%;} .marcas ul li { width:25%; text-align:center;} #menu2 ul li a {padding: 0 0 21px 14px;font-size: 9px;} #menu2 ul li ul li a {padding: 0 0 8px 14px;} .botones { width: 558px; margin: 41px 0 0 27px;} .social3 {margin-left: -16px;} .final .logof{ background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/sombra.jpg) no-repeat 239px 0; padding: 71px 40px 71px 20px;} .botones ul li a {font-size: 11px;} #menu2 ul li ul li a { font-weight: 300;} .contenido { width: 733px;} .ad9 { width:100%;} .sidebar{ width: 278px;} .parrafos { width:432px; padding-right:10px; float:left;} .extras { float:left; position: inherit !important; margin-left: 0px !important; top: auto !important; } .contenido article h1 {width: 453px; line-height: 30px; font-size: 28px;} .start { float:none;} .comentarios { width:723px;} .columna1 { width:520px;} .columna2, .sidebar.secciones { width:239px;} .columna1 .secund article { width:50%;} .columna1 .secund article:nth-child(3n+4) { clear:none;} .columna1 .secund article:nth-child(2n+3) { clear: both;} .columna2 div.twitter p:nth-child(5) { display:block;} .columna1.columnas2 .principal h1 a { width: 319px} .columna1.columnas2 .dest article h2 a { font-size: 12px; line-height: 16px; width: 142px;} .columna1.columnas2 .secund article h2 a { font-size: 11px; line-height: 14px;} .columnacari { width: 271px;} .caricaturas { width: 768px;} .anteriores ul li { width: 49.2%;} .blogs article h2 a { font-size:24px; line-height:26px;} .blogs article h3 a { font-size:16px;} .caricaturas.apps header h2 {font-size: 20px;} .caricaturas.apps header h1 { font-size: 100px;} .contenido article .nota p:first-child::first-letter { font-size:62px; margin:-4px 1px 0 0; line-height:35px;} .center { width: 100%; background:#f5f5f5;} #cssmenu2 { position: relative !important; top: auto !important; width: auto !important; left: auto; z-index: 2;display:table !important; margin:0 auto !important;} #cssmenu2 h2 { float:none; padding:16px 10px !important; font-size:14px !important; z-index:2; position:absolute; top:-52px;} #cssmenu2 ul, #cssmenu2 ul li, #cssmenu2.menufijo ul li a { float:left;} #cssmenu2 ul li ul, #cssmenu2 ul li ul li, #cssmenu2 ul li ul li a{ float:none; clear:both;} #cssmenu2 ul li ul li, #cssmenu2 ul li ul li ul{ position:relative; top:auto; left:auto;} #cssmenu2 > ul > li > a { padding:16px 10px} #cssmenu2 ul li ul { position: absolute; top: 45px; width: 200px;} .mediacenter { background:none; overflow: visible;} .mediac { width:auto; padding:10px; margin:0; float:none;} .reciente2, .reciente3 {width: 323px;} .reciente1 { width: 673px;} #cssmenu2 ul > li.has-sub > a:after { right:2px;} .vid article { width: 757px;} .patrocinador img { width:90%; height:auto;} header .logo {padding: 23px 0 23px 0;} .envivo h3 { float:left; width:100%} .envivo h3 a { display:block;} .envivo h3 span { float:left; display:block; margin-right: 10px;} .envivo h3 span + a { padding:10px;font-size: 13px;} .envivo h3 span a { font-size:13px;} .columna1.tags .secund article { width:33.33%;} .columna1.tags .secund article:nth-child(4n+5) { clear:none;} .columna1.tags .secund article:nth-child(2n+3) { clear:none;} .columna1.tags .secund article:nth-child(3n-2) { clear:both;} .columna1.temas { width:601px;} .sidebar.temas2 { width:383px;} } @media (width:1024px){ .wrap, footer { width:100%; margin:0 auto;} .notas .notaprincipal { width: 766px;} .notas .notaprincipal .info { width: 375px;} .columnas article div, .palestra article div {width: 240px;} .columnai {width: 23.7%; max-width:inherit;} .columnad { width: 76.3%;} .tech .tech1 { width: 500px;} .tech article.des a img { width: 243px;} .destacadas2 article h3 a {font-size: 11px;} .destacadas article h2 a { font-size: 11px;} .left, .right { display:none;} } @media (max-width:1023px){ .wrap, footer { width:768px; margin:0 auto;} .logo .lpg img{ width:225px;} .logo .cien img{ width:97px;} .kiosko { width:230px;} .logo { float:left;} .fecha { position:relative; float:left; font-size:10px; padding:24px 12px 0;} .fecha input { width: 145px; padding:5px; font-size:8px;} a.submit_search { left: 139px; top: 8px; background-size: 80%;} .kiosko h2 { display:none;} #pageSearchBox {padding: 5px 0;} .kiosko { position:relative; float:left;} .centrar { display:table; margin:0 auto;} header .logo { display:block;} .twitter h3, .whatsapp h3 { font-size:12px;} div.twitter p:nth-child(5) { display:block;} .temas ul li a, .temas h3, .temas h3 span { font-size:1.5vw;} .ad3 img, .ad3 object, .ad3 iframe, .ad5 img, .ad5 object, .ad5 iframe { height:auto; max-width:100%; border:none; } .principal-portada { width:100%;} .columnavideo { width:100%;} .video { width:33.33333333333333%;} .video h3 a { font-size:11px; line-height:13px;} .destacadas article{ min-height:289px; width:33.33%; padding-bottom:0; border-right:none;} .video h3 { width:100%;} .video img { width:100%; margin-left:0;} .twitter, .encuesta { width:50%; margin-left:0;} .banner1, .banner2 { width:50%; float:left;} .frameresponsive { padding-bottom: 88.25%;} .destacadas article h2 a { font-size:14px;} .temas ul li a { font-size:12px;} .temas h3 { font-size:14px;} .temas h3 span { font-size:25px;} .notas .notaprincipal > a img { width:50%} .notas .notaprincipal .info { width:50%; padding:0;} .notas .notaprincipal { width:auto;} .notas .notaprincipal h2 a, .notas .notaprincipal .info .social2 { padding:20px 0 0 20px;} .ad4 { width:33.33%; background:#333; clear:both; margin:0; float:left;} /*.ad4 object, .ad4 iframe, .ad4 img{ width:300px; margin:0 auto; display:block;}*/ .ad2 img, .ad2 iframe, .ad2 object{width:300px; margin:0 auto; display:block;} .ad2 { background:#f5f5f5;} .ad2 .banner1, .ad2 .banner2{ float:none; display:table; margin:0 auto;} .block1 { padding:10px 0;} .destacadas2 article h3 a { font-size: 10px; min-height:42px;} .destacadas2 article { width:33.33%; margin-right:0;} .destacadas2 article:last-child { float:left} .destacadas2 { clear:none;} .columnas article:nth-child(even) { margin-left: 10px; width: 48%;} .ad7, .ad6, .columnai { max-width:249px;} .columnad { width: 512px;} .tech .tech1 { width: 100%; margin:0; min-height:inherit;} .tech .des img { width:100%; height:auto;} .tech .des { width:45%; margin:5px 2.5%;} .tech .des:nth-child(3), .tech .des:nth-child(4) { margin-top:10px;} .fotografika .principal h2 a { font-size: 14px;} .marcas ul { width: 98%;} #menu2 ul li { min-height:148px; width:14.28571428571429%;} #menu2 ul li ul li { min-height:inherit; width:100%;} #menu2 > ul { width: 95%;} #menu2 ul li a, #menu2 ul li ul li a { padding-left:0; padding-right:0;} #menu2::after { content: ''; border-bottom:2px #34aefe solid; position:absolute; top:178px; left:0; width:100%; display:block;} .botones { width: 558px; margin: 41px auto 0 auto; float: none; clear: both;} .final { display: table; margin: 0 auto;} .contenido { width: 100%;} .parrafos { width: 494px; float:left; padding-right:10px;} .extras { float:right; position:relative; width:231px; margin-right:13px;} .extras img { width:100%;} .sidebar { width:231px; margin-right:13px; float:right; clear:both;} .contenido { float:none;} .gale { margin:0; background:#f5f5f5} .gale #carousel-image-and-text { margin:0 auto;} .contenido article h1 {width: 555px;} .comentarios { width:100%;} .columnista { float:none; display:inline-block;} .columna1 {width: 499px; margin: 13px 0 0 10px;} .columna2 { width: 252px; float:right;} .sidebar.secciones { width:252px; float:right;} .columna1 .dest article { width:100%;} .columna1 .dest article h2 a, .columna1 .dest article h3 { padding-left:10px; display:block;} .columna1.columnas2 .principal h1 a { width: 299px;} .columna1.columnas2 .dest article { width:50%;} .columna1.columnas2 .dest article h2 a {width: 126px; padding-left: 0;} .columna1.columnas2 .dest article img, .columna1.columnas2 .secund article img { margin: 0 5px 0 0;} .columna1.columnas2 .secund article h2 a {} .columnacari { width: 252px;} .columnacari + .sidebar.secciones { width:252px; float:left;} .caricaturas { width: 486px;} .anteriores ul li a .shadow + span { font-size:14px; padding:10px;} .siguiente { float:right} .caricaturas .seccion { float:left; margin-top:30px;} .caricaturas.blogs header { min-height: 116px; background-size: 100%;} .caricaturas.blogs header h1{font-size: 44px; padding: 29px 0 0 155px; line-height:26px;} .caricaturas.blogs header h1 span { font-size: 24px;} .caricaturas.apps header { min-height:202px; background-size:100%;} .caricaturas.apps header h1 {font-size: 73px;padding: 23px 0 0 128px;} .caricaturas.apps header h2 {padding: 0 0 0 128px;font-size: 14px; line-height:17px;} .caricaturas.apps article h2 a { font-size:24px;} .caricaturas.apps article h2{ margin-bottom:20px;} .caricaturas.apps article { padding-bottom:75px;} .politicas table h3 { font-size:18px;} .politicas table td { padding:5px; font-size:12px; line-height:14px;} #cssmenu2 { display:block !important; margin-left:10px !important;} #cssmenu2.menufijo { display:table !important; margin:0 auto !important;} #cssmenu2 ul li.eg, #cssmenu2 ul li.ec, #cssmenu2 ul li.eg { display:none;} #cssmenu2 > ul > li > a { font-size:11px;} #cssmenu2.menufijo > ul > li > a, #cssmenu2 > ul > li > a { padding: 10px 5px;} #cssmenu2.menufijo ul li ul { top:33px;} #cssmenu2 ul > li.has-sub > a:after {top: 11px; right:2px;} #cssmenu2 ul > li.has-sub > a { padding-right:12px;} #cssmenu2 ul li ul {top: 33px;} .reciente1 { width:100%;} .reciente2, .reciente3 { width: 50%;} .multimedia article { width:50%;} .center {height: 34px;} .vid article, .vid aside {width: 100%; margin:0;} .vid aside article { width:33.33%;} .left, .right { display:none;} .patrocinador img { width:auto; height:auto;} .twitter p { font-size:14px; line-height:17px;} p.radio a { font-size: 11px; background-size:12px 12px; padding: 6px 10px 6px 25px;} .extras { position: inherit !important; top: auto !important; margin-left: 0px !important;} .envivo h3 span { background-image:none; padding: 5px 10px 5px 0; float:none; margin-right:0; position:relative;} .envivo h3 span:before { content:''; border-right:2px solid #fff; border-bottom:2px solid #fff; position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); width:5px; height:5px;left: 156px;top: 8px;} .envivo h3 span:after { content:''; border-right:2px solid #fff; border-bottom:2px solid #fff; position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); width:5px; height:5px;left: 162px;top: 8px;} .envivo h3 span + a { padding:5px 15px;} .cifra p {letter-spacing: -5px;font-size: 59px; margin-right:10px;} .cifra h2 {font-size: 20px; line-height: 24px;} .cifra h3 { font-size: 14px;} .tema span, .septimo span { float:none; position:absolute; display:block; font-size: 15px; padding: 15px 10px;} .tema, .septimo { position:relative;} .columna1.temas { width:447px;} .sidebar.temas2 { width:278px; clear:none;} } @media (max-width:768px){ .wrap, footer { width:100%;} } /*MENU*/ @media all and (max-width: 1160px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu{width:100%; display:block;} #cssmenu ul{width:100%;display:none} #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left} #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15)} #cssmenu ul li a,#cssmenu ul ul li a{width:100%; padding-left: 20px;} #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block} #cssmenu ul ul li a{padding:20px 20px 20px 30px;font-size:11px; text-transform:uppercase;} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000} #cssmenu ul ul ul li a{padding-left:40px} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0} #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none} #menu-line{display:none} #cssmenu #menu-button{display:block;padding:10px 20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase; font-weight:700; color:#8c8b8b;} #cssmenu #menu-button::after{content:'';position:absolute;top:10px;right:20px;display:block;width:15px;height:2px;background:#8c8b8b} #cssmenu #menu-button::before{content:'';position:absolute;top:15px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #8c8b8b;border-bottom:2px solid #8c8b8b} #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;height:37px;width:100%;cursor:pointer} #cssmenu .submenu-button::after{content:'';position:absolute;top:13px;right:26px;display:block;width:1px;height:11px;background:#bcbcbc;z-index:99} #cssmenu .submenu-button::before{content:'';position:absolute;right:21px;top:18px;display:block;width:11px;height:1px;background:#bcbcbc;z-index:99} #cssmenu .submenu-button.submenu-opened:after{display:none} #cssmenu ul li ul li { border-top: 1px #474747 solid !important;} .borde { margin-top:5px;} #cssmenu > .open {max-height: 300px;overflow-y: scroll;-webkit-overflow-scrolling: touch;} } /*FIN MENU*/ /*Junio 5 2015*/ .tech .tech1 {width: 479px;} .widget article {padding: 10px;} .widget article.fb{ background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/fb-c.png) no-repeat rgba(49,68,111,.9); background-size:58px;padding: 5px 10px 14px 68px; font-size:12px; line-height:15px; transition:.3s all ease-in-out;} .widget article.fb a, .widget article.twi a, .widget article.go a { color:#fff;} .widget article.twi{ background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/twi.png) no-repeat rgba(60,121,168,.9); background-size:58px;padding: 5px 10px 14px 68px; font-size:12px; line-height:15px; transition:.3s all ease-in-out;} .widget article.go{ background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/go.png) no-repeat rgba(152,43,35,.9); background-size:58px;padding: 5px 10px 14px 68px; font-size:12px; line-height:15px; transition:.3s all ease-in-out;} .widget article.fb:hover { background-color: rgba(49,68,111,1);} .widget article.twi:hover { background-color: rgba(60,121,168,1); } .widget article.go:hover { background-color: rgba(152,43,35,1);} .widget article strong { font-size:45px; color:#666; float:left; padding-right:10px; font-weight:800;} .comentado ul li { border-bottom:1px solid #ccc; padding-bottom:15px; transition:.3s all ease-in-out; counter-increment: customlistcounter;} .comentado ul li:before { content: counter(customlistcounter) " "; font-size:45px; color:#666; float:left; padding:10px; font-weight:800; transition:.3s all ease-in-out; } .comentado ul li p { color: #26a8fe;font-style: italic;text-align: center;font-size: 12px;font-weight: 400;display: block;clear: both;} .comentado ul li:hover:before { color:#fff;} .comentado ul li:first-child { counter-reset: customlistcounter;} .comentado ul li:last-child { border-bottom:none;} .comentado ul li:hover { background:#002346;} .widget.comentado ul li:hover a { color:#fff;} .widget.comentado ul li a { color: #868686; text-decoration: none; padding: 16px 0 10px; display: block;} /*.comentado ul li:hover strong { color:#26a8fe;}*/ .mfoto {background-size:cover; height:206px; width: 100%; margin-left: 0;background-position: center;} .mfoto2 { width:100%; height:212px; background-size:cover;} .full .mfoto2 { height:246px;} .mfoto3 { width:100%; height:458px; background-size:cover; background-position:center center;} .mfoto4 { width:100%; height:175px; background-size:cover; background-position:center center;} .mfoto5 { width:100%; height:130px; background-size:cover; background-position:center center;} .vid.gal aside .mfoto5 { height:212px;} figure { transition:all ease-in-out .3s;} @media (max-width: 1336px) { .tech .tech1 {width: 512px;} .mfoto { height:159px;} .mfoto2 { height:190px;} .mfoto3 { height:381px;} .mfoto4 { height:183px;} .vid.gal aside .mfoto5 { height:190px;} } @media (max-width: 1023px) { .mfoto { width:100%; height:169px;} .mfoto2 { height:212px;} .mfoto3 { height:424px;} .mfoto4 { height:212px;} .mfoto5, .vid.gal aside .mfoto5 { height:141px;} } /*Julio 6 2015*/ .touchcarousel-item figure, .gale > figure, .principal figure, .columna1 .dest article a figure, .columna1 .secund article a figure, .principal-portada > article figure, .destacadas article figure, .notas .notaprincipal figure, .destacadas2 article figure, article.tech1 a figure, .columnas article figure, .palestra article figure, .caricatura a figure, .tech .des figure, .fotografika .principal figure, .fotografika .des figure, .break figure, .break2 figure, .whatsapp figure {background-position: center center; background-repeat: no-repeat; background-color:#333; background-size: cover; } .touchcarousel-item figure { height: 479px; width: 720px; background-size: contain; } .gale #carousel-image-and-text { height: 548px;} .gale > figure { height: 479px; width: 720px; background-size: contain; } .gale > h4 { max-width: 700px; padding: 10px; background: #f5f5f5; line-height: 16px;} .principal figure { width: 720px; height: 479px; background-size: cover;} .columna1 .dest article a figure { width: 360px; height: 240px; } .columna1 .secund article a figure { width: 100%; height: 160px; } .principal-portada > article figure { width: 100%; height: 468px;} .destacadas article figure { width: 100%; height: 155px;border-bottom: 4px solid #00aeef;} .destacadas article:hover figure { border-bottom:4px solid #0067ab;} .notas .notaprincipal figure { float: left; width: 480px; height: 319px;} .destacadas2 article figure { height: 176px; width: 100%;} article.tech1 a figure {width: 100%; height: 319px;} .columnas article figure, .palestra article figure{ margin-right: 10px; float: left; width: 62px; height: 69px;} .caricatura a figure { height: 292px; width: 100%;} .tech .des figure { width: 249px; height: 166px;} .fotografika .principal figure { height: 675px; width: 100%} .fotografika .des figure { width: 100%; height: 168px;} .break { width: 100%; position: relative; margin-bottom: 2px;} .break figure { width: 100%; height: 877px;} .break h2 {position: absolute; bottom: 0; width: 100%;background: rgba(0,0,0,.35); } .break h2 a { padding: 30px; color: #fff; font-size: 36px; text-decoration: none; text-transform: uppercase; font-weight: bold; display: block; text-align: center; text-shadow: 0 0 10px rgba(0,0,0,1)} .break2 { width: 33.20%; float: left; margin-right: .2%} .breaking { margin-bottom: 30px; overflow: hidden; background: #292929; box-shadow: 0 0 5px rgba(0,0,0,.3);} .break2 h2 a { text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold; padding: 20px; display: block; font-size: 18px;} .breaking article:nth-child(4) { margin-right: 0; float: right;} .break2 figure { width: 100%; height: 292px;} .PDS_Poll { width: 100%; overflow:hidden; } .PDS_Poll .pds-box-outer { padding: 0; } .PDS_Poll .pds-box { width: 100% !important; border:none !important; background: none !important; } .PDS_Poll .pds-input-label { width: 85% !important; margin-left: -25px; padding-left: 25px; } .videon.wire { padding-bottom: 0;} .parrafos .audio2 { background: #f5f5f5; margin-bottom: 40px; border-bottom: 2px solid #CED7DB;} .parrafos .audio2 h4 { font-weight: 400 !important; padding: 10px; color: #000;} p.store { display: inline-block; margin:0; padding:0;} p.store a { font-size:16px; font-weight:700; color:#fff; text-decoration:none; border-radius:3px; display: inline-block; padding:6px 10px 6px 28px; background:url(images/store.png) no-repeat 5px center #26a8fe;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} p.store a:hover { background-color:#ffa800;} .cifra2 { border: 1px solid #E4E2E2;} .frase { overflow: hidden} .frase p { padding: 47px 20px 0; text-align: left; float: left; width: 918px; font-size: 31px;} .frase figure { height: 218px; float: left;} .frase figure img { height: 100%; width: auto;} .frase .autor { clear: both; text-align: right; width: auto;float: none;} figure img { height: 100% !important; width: auto !important; margin: 0 auto !important; display: block;} figure { overflow: hidden; } .cifra h2 { font-weight: bold;} .ella { background:#292929; color:#fff; line-height:0; overflow:hidden; border-top:20px solid #fff;} .ella span { background:#ed145b; color:#fff; font-size:22px; padding:40px 30px; float:left;} .ella h2 a { font-size:36px; line-height:40px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; padding-right:30px;} .ella img { float:left; margin-right:40px;} .ella h3 { color:#ed145b; font-size:18px; line-height:22px; margin-top:70px;} .graf { background:#061B3C; color:#fff; line-height:0; overflow:hidden; border-top:20px solid #fff;} .graf span { background:#ff161e; color:#fff; font-size:22px; padding:40px 30px; float:left;} .graf h2 a { font-size:36px; line-height:40px; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; padding-right:30px;} .graf img { float:left; margin-right:40px;} .graf h3 { color:#ff161e; font-size:18px; line-height:22px; margin-top:70px;} @media (max-width: 1336px) { .principal figure { width: 520px; height: 346px;} .columna1 .dest article a figure { width: 260px; height: 173px;} .columna1 .secund article a figure { height: 173px;} .principal-portada > article figure { height: 363px;} .destacadas article figure {height: 120px;} .notas .notaprincipal figure { width: 364px; height: 242px;} .destacadas2 article figure { height: 137px;} article.tech1 a figure {width: 100%; height: 319px;} article.tech1 a figure { height: 340px;} .caricatura a figure { height: 339px;} .fotografika .principal figure { height: 523px} .fotografika .des figure { height: 130px;} .break figure { height: 680px;} .break2 figure { width: 100%; height: 226px;} .pds-feedback-group { padding: 0 !important;} .frase p { width: 640px;} .ella img, .graf img { width:300px; height:auto;} .ella span, .graf span {font-size: 18px; padding: 25px 20px;} .ella h3, .graf h3 { line-height: 22px; margin-top: 27px;} .ella h2 a, .graf h2 a { font-size: 33px; line-height: 36px;} .ella span, .graf span { float:none; position:absolute; display:block; font-size: 15px; padding: 15px 10px;} .ella, .graf { position:relative;} } @media (max-width: 1023px){ .gale > figure { margin: 0 auto;} .gale > h4 { margin: 0 auto;} .sidebar { clear: none;} .principal figure, .columna1 .dest article a figure { width: 499px; height: 332px;} .columna1 .secund article a figure { height: 166px;} .principal-portada > article figure { height: 510px;} .destacadas article figure {height: 170px;} .notas .notaprincipal figure { width: 384px; height: 255px;} .destacadas2 article figure { height: 171px;} .caricatura a figure { height: 255px;} .tech .des figure { width: 100%; height: 154px;} .fotografika .principal figure { height: 340px} .fotografika .des figure { height: 85px;} .break figure { height: 510px;} .break2 h2 a { font-size: 14px;} .break h2 a { font-size: 28px;} .break2 figure { width: 100%; height: 170px;} .pds-feedback-group { padding: 8px 0 !important;} p.store a { font-size: 11px; background-size: 12px 12px; padding: 6px 10px 6px 25px;} .mfoto { margin-left: 0;} .frase p { width: 390px; padding-top: 25px; font-size: 24px;} } /* 25 - 07 - 2015 */ .columna1 article h3, .columna1 article h2 { padding-right: 10px; } .outbrainWrapper{ clear: both; } .NA .ob_org_header, .NA .ob_ads_header{ display: none; } /*############### Cambios 27 - 07 - 2015 ##################*/ /*/embed{ width: 100%; height: auto;}*/ .contenido .seccion span { font-size: 24px;} .caricatura a { height: 292px; overflow: hidden;} .touchcarousel-wrapper > .arrow-holder { display: none;} @media (max-width: 1336px){ .caricatura a { height: 339px;} .tech .tech1 { width: 499px;} .tech .des figure { width: 243px} .notas .ad3 {width: 237px;background: #333;margin: 19px 0 0;float: left;padding: 0;} .notas .ad3 img, .notas .ad3 iframe, .notas .ad3 object, .notas .ad3 embed { width: 100%; height: auto;} .tech1 h2 a {padding: 0 0 7px 0;} } @media (max-width: 1023px){ .notas .notaprincipal .info {width: 47%;} .notas .ad3 {width: 33.33%;background: #333;clear: both;margin: 0;float: left;padding: 0;} .contenido article h1 {width: 500px;} .contenido .seccion span { font-size: 22px;} .caricatura a { height: 255px;} } /*############### Cambios 29 - 07 - 2015 ##################*/ /*secciones*/ .columna1.seccion .secund article:first-child { width: 100%;} .columna1.seccion .secund article:first-child h2 a {font-size: 36px; line-height: 40px;} .columna1.seccion .secund article:first-child a figure { height: 479px;} .columna1.seccion .secund article:nth-child(2), .columna1:not(.obi):not(.temas):not(.tags) .secund article:nth-child(3) { width: 50%;} .columna1.seccion .secund article:nth-child(2) figure, .columna1.seccion:not(.obi):not(.temas):not(.tags) .secund article:nth-child(3) figure { height: 240px;} .columna1.seccion .secund article:nth-child(2) h2 a, .columna1 .secund article:nth-child(3) h2 a { font-size: 18px; line-height: 24px;} .columna1.seccion .secund { padding-top: 0;} .columna1.seccion .secund article h2 { padding-right: 10px;} @media (max-width: 1336px){ .columna1.seccion .secund article:first-child a figure, .columna1:not(.obi):not(.tags):not(.temas) .secund article:nth-child(2) figure { height: 346px;} .columna1.seccion .secund article:nth-child(2) { width: 100%;} .columna1.seccion .secund article:nth-child(3) { width: 50%;} } @media (max-width: 1336px){ .columna1.seccion:not(.obi):not(.temas):not(.tags) .secund article:nth-child(3) figure { height: 166px;} } /*############### Cambios 30 - 07 - 2015 ##################*/ .ad300, .ad100, .ad200, .ad1, .ad2, .ad3, .ad4, .ad5, .ad6, .ad7, .ad8, .ad9 { position: relative;} .columnai .ad300 img, .columnai .ad300 iframe, .columnai .ad300 object, .columnai .ad300 embed[width="300"], /*sidebar*/.sidebar .ad300 img, .sidebar .ad300 iframe, .sidebar .ad300 object, .sidebar .ad300 embed[width="300"] { width: 300px; height: 250px; margin: 0 auto; display: block; position: relative;} .columnai .ad200 img, .columnai .ad200 iframe, .columnai .ad200 object, .columnai .ad200 embed, /*sidebar*/ .sidebar .ad200 img, .sidebar .ad200 iframe, .sidebar .ad200 object, .sidebar .ad200 embed{ width: 200px; height: 600px; margin: 0 auto; display: block; position: relative;} .columnai .ad100 img, .columnai .ad100 iframe, .columnai .ad100 object, .columnai .ad100 embed, /*sidebar*/ .sidebar .ad100 img, .sidebar .ad100 iframe, .sidebar .ad100 object, .sidebar .ad100 embed{ width: 300px; height: 100px; margin: 0 auto; display: block; position: relative;} .columna2 .seccion span { font-size: 21px;} #cssmenu ul ul { z-index: 4;} /*.columnavideo .ad300 div embed[width="300"]{ width: 100%; }*/ .columnavideo .ad300 img, .columnavideo .ad300 iframe, .columnavideo .ad300 object,.columnavideo .ad300 div { width: 300px; height: 250px; margin: 0 auto; display: block;} .columnavideo .ad100 img, .columnavideo .ad100 iframe, .columnavideo .ad100 object, .columnavideo .ad100 embed { width: 300px; height: 100px; margin: 0 auto; display: block;} @media (max-width: 1336px){ .columnai .ad300 img, .columnai .ad300 iframe, .columnai .ad300 object, .columnai .ad300 embed[width="300"]{ width: 100%; height: 197px;} .columnai .ad100 img, .columnai .ad100 iframe, .columnai .ad100 object, .columnai .ad100 embed{ width: 100%; height: 79px;} .sidebar.secciones .ad300 div[id^="adDefault"] { width: 100% !important; height: 197 !important; } .sidebar .ad300 img, .sidebar .ad300 iframe, .sidebar .ad300 object, .sidebar .ad300 embed[width="300"]{ width: 100%; height: 232px; } .sidebar .ad100 img, .sidebar .ad100 iframe, .sidebar .ad100 object, .sidebar .ad100 embed{ width: 100%; height: 93px;} .sidebar.secciones .ad300 img, .sidebar.secciones .ad300 iframe, .sidebar.secciones .ad300 object, .sidebar.secciones .ad300 embed[width="300"]{ height: 199px; } .sidebar.secciones .ad100 img, .sidebar.secciones .ad100 iframe, .sidebar.secciones .ad100 object, .sidebar.secciones .ad100 embed{ height: 80px;} .columna1.seccion:not(.obi):not(.temas):not(.tags) .secund article:nth-child(3) figure { height: 173px;} .columna1 .secund article:nth-child(3) h2 a { font-size: 14px; line-height: 17px;} .columnavideo .ad300 div{ width:100%; height: auto; } .columnavideo .ad300 img, .columnavideo .ad300 iframe, .columnavideo .ad300 object, .columnavideo .ad100 embed[width="300"]{ width: 100%; height: 197px;} .columnavideo .ad100 img, .columnavideo .ad100 iframe, .columnavideo .ad100 object, .columnavideo .ad100 embed { width: 100%; height: auto;} } @media (max-width: 1336px) and (min-width: 1024px){ .columnavideo .ad300 div{ width: 100% !important; height: 197px !important; } .columnavideo .ad300 div embed[width="300"]{ width: 100%; height: 198px; } } @media (max-width: 1023px){ .columnai .ad300 img, .columnai .ad300 iframe, .columnai .ad300 object, .columnai .ad300 embed[width="300"]{ height: 207px;} .columnai .ad100 img, .columnai .ad100 iframe, .columnai .ad100 object, .columnai .ad100 embed{ height: 83px;} .sidebar .ad300 img, .sidebar .ad300 iframe, .sidebar .ad300 object, .sidebar .ad300 embed[width="300"]{ height: 192px; } .sidebar .ad100 img, .sidebar .ad100 iframe, .sidebar .ad100 object, .sidebar .ad100 embed{ height: 77px;} .sidebar.secciones .ad300 div[id^="adDefault"] { width: 100% !important; position: relative; height: 192px !important; } .sidebar.secciones .ad300 img, .sidebar.secciones .ad300 iframe, .sidebar.secciones .ad300 object, .sidebar.secciones .ad300 embed[width="300"]{ height: 210px; } .sidebar.secciones .ad100 img, .sidebar.secciones .ad100 iframe, .sidebar.secciones .ad100 object, .sidebar.secciones .ad100 embed{ height: 84px;} .columna1.seccion:not(.obi):not(.temas):not(.tags) .secund article:nth-child(3) figure { height: 166px;} .sidebar.secciones { margin-right: 0;} .columnavideo .ad300 img, .columnavideo .ad300 iframe, .columnavideo .ad300 object, .columnavideo .ad300 embed[width="300"]{ height: 250px; width: auto;} .columnavideo .ad100 img, .columnavideo .ad100 iframe, .columnavideo .ad100 object, .columnavideo .ad100 embed { height: 100px; width: auto;} } .contenido article .parrafos div.nota img { max-width: 100%; text-align: center; display: block; margin: 0 auto; } .sidebar.secciones .ad300 div[id^="adDefault"]{ width: 100%; } /* ############## CAMBIOS 24-08-2015 ############## */ .multimedia article h3 a span { position: absolute; top: -21px; right: 0px; background: rgba(38, 168, 254, .7); padding: 3px 6px; color: #fff; -webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out; z-index:1; } .multimedia article:hover h3 a span { background: rgba(0, 0, 0, .9);} /*techlife CARROUSEL REV */ /*.tech3 { position: relative; margin-bottom: 20px; float: left; width: 100%;} .tech3:before { content: ""; position: absolute; z-index: 2; height: 43px; width: 133px; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/tech3.png); top:0; left: 0; } .tech3 article {float: left; width: 24.92%; background-color: #f5f5f5; margin-right: .09%} .tech3 article:nth-child(even){background-color: #292929;} .tech3 article:last-child { float: right; margin-right: 0;} .tech3 article figure { height: 222px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; border-bottom: #f15831 4px solid;} .tech3 article h2 a { text-decoration: none; color: #333; font-size: 14px; line-height: 18px; padding: 10px; display: block; font-weight: 700; text-transform: uppercase; height: 50px;} .tech3 article:nth-child(even) h2 a { color: #fff;} @media (max-width: 1336px){ .tech3 article figure { height: 173px;} .tech3 article h2 a { font-size: 11px; line-height: 13px; height: 37px;} } @media (max-width: 1023px){ .tech3 article { width: 49.90%;} .tech3 article figure { height: 258px;} .tech3 article:nth-child(even) { float: right; margin-right: 0;} }*/ .social1 { width: auto; margin: 0 auto; display: table; float: none;} .boletin a { margin: 0 0 0 10px; background-size: 22px; padding: 10px 10px 10px 42px;} .ad1 { float: none; margin: 0 auto;} .nota img { width: 100%; height: auto; } .multimedia .destacado { position: relative;} .mediac article.destacado:before { position: absolute; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/visto.png) no-repeat; height: 50px; width: 106px; top: 10px; left: -16px; z-index: 1; content: "";} .multimedia { overflow: visible;} .cargando { background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/cargando.gif) no-repeat center 20px #fff; background-size: 30px; clear: both; color: #7e7e7e; text-align: center; padding-top: 50px; text-transform: uppercase;} @media (max-width: 1336px){ .full .mfoto2{ height: 190px;} } @media (max-width: 1336px){ .full .mfoto2{ height: 212px;} } .markas .start { width: 1001px;} .markas .gale { width: 988px;} .markas .gale #carousel-image-and-text { width: 988px; height: 720px;} .markas .gale .touchcarousel .touchcarousel-wrapper { width: 988px;} .markas #carousel-image-and-text .touchcarousel-item { width: 988px; height: 657px;} .markas .touchcarousel-item figure { width: 988px; height: 657px; background-position: center center; background-color: #000;} .markas .gale #carousel-image-and-text { background: #292929;} .markas .gale #carousel-image-and-text ul li h4 { color: #fff;} .markas .parrafos { width: 985px;} .cobertura { font-size: 25px; color: #999; text-align: center; margin:0 auto; border-bottom: 1px solid #dedede; display: block; clear: both; line-height: 48px; text-transform: uppercase;} .markas + .extras { width:306px;} .extras .seccion span { font-size: 24px;color: #fff;font-weight: 700;background: #26a8fe;display: block;padding: 14px;text-transform: uppercase; text-align: center;} .extras .seccion ul {display: block; margin-top: 10px;} .extras .seccion ul li { color: #999; font-size: 12px; float: left; margin-right: 10px;} .extras .seccion ul li a { color: #999; font-size: 12px;float: left;text-decoration: none;} .markas article h1 { width: 980px;} /*######################### Descargas Update 28 - 08 ##############################*/ .contenido article .parrafos .nota div.descargas{ float:left; display:block; background: rgba(79, 79, 79, 0.15); position:relative; margin: 0px 5px 5px 0; clear: left; } .contenido article .parrafos .nota div.descargas h3{ background: #26a8fe; font-size: 13px; padding: 12px; color: #fff; text-transform: uppercase; } .contenido article .parrafos .nota div.descargas.profile h3 { padding-right:50px; } .contenido article .parrafos .nota div.descargas.profile h3 span.url{ display:block; position:absolute; top:6px; right:6px; border-radius:50%; background:white url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/2icon128-2x.png) center no-repeat; height:30px; width:30px; } .contenido article .parrafos .nota div.descargas.profile h3 span.url a{ text-decoration:none; display:block; position:absolute; top:0; left:0; right:0; bottom:0; } .contenido article .parrafos .nota div.descargas:after{ content:''; display:block; clear:both; } .contenido article .parrafos .nota a.downloadFile { display:block; /*border:1px solid #1a1a1a;*/ margin: 5px; padding:5px; line-height:0; vertical-align:top; color:white; text-decoration:none; font-style:normal; font-weight: bold; text-transform:uppercase; width: 80px; /* white-space: nowrap; */ overflow:hidden; /* border-radius:50%; */ height: 80px; float: left; } .contenido article .parrafos .nota a.downloadFile div{ display:table; height: 48px; width: 48px; border:1px solid #888; padding:15px; /* border-radius:50%; */ } .contenido article .parrafos .nota a.downloadFile div span{ display:table-cell; vertical-align: middle; text-indent:-999em; line-height: 0; width: 48px; height: 48px; background-color: transparent; background-position: center; background-size: 39px; background-repeat: no-repeat; } .contenido article .parrafos .nota a.downloadFile[href$=".pdf"] div span{ background-image: url(http://715e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/download_icons/pdf.png?v=1); } .contenido article .parrafos .nota a.downloadFile div span b:before { content:''; display:inline-block; width:20px; height:20px; } .contenido article .parrafos .nota div.descargas div.files_source{ margin:5px; padding: 5px; height: 80px; max-width: 290px; } .contenido article .parrafos .nota div.descargas.profile div.files_source{ max-width:200px; } .contenido article .parrafos .nota div.descargas.profile div.files_source{ height:auto; } .contenido article .parrafos .nota div.descargas div.files_source > div{ display:table-cell; height: 70px; vertical-align: middle; font-size: 12px; } .contenido article .parrafos .nota div.descargas div.files_source > div h4{ color:#333333; font-size: 16px; } .contenido article .parrafos .nota div.descargas.profile div.files_source > div h4{ margin-top:10px; } .contenido article .parrafos .nota div.descargas.profile div.files_source > div h4 span { display: block; font-size: 12px; line-height: 12px; margin-bottom: 10px; } .contenido article .parrafos .nota div.descargas div.files_source > div span.label{ font-weight:500; } .contenido article .parrafos .nota div.descargas.profile div.files_source > div span.label { display: block; /* color: black; */ font-weight: bold; } .contenido article .parrafos .nota div.descargas div.files_source p{ font-size:12px; margin-bottom:5px; } .contenido article .parrafos .nota div.descargas div.files_source p span{ line-height: 15px; display: block; padding: 0; } /*############################ # ELLA FEED # ###########################*/ /*.tech3 article.ellafeed { position: relative; } .tech3 article.ellafeed:before{ content:''; display:block; content: ""; position: absolute; z-index: 2; height: 43px; width: 133px; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/ellafeed.png); top: 0; left: 0; } .tech3 article.ellafeed figure, .tech3 article.ellafeed ~ article figure{ border-color: #ec008c; }*/ /*##################################Full Screen Icon#####################################*/ .caricatura > a.md-trigger::after { content:''; display:block; position:absolute; width:50px; height:50px; background:transparent url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/fullscreen_alt.png) center no-repeat; bottom:0; right:0; z-index:2; } /*###################MC WIDGET PLAYER ###################*/ /*WIDGET VIDEO*/ .columnavideo{width:46.6%;float:left} div#DivVideo.new .video{float:left;width:50%;position:relative;line-height:0;margin-bottom:2px} div#DivVideo.new .mfoto{background-size:cover;height:140px;width:100%;margin-left:0;background-position:center} div#DivVideo.new .video h3 a{color:#fff;text-decoration:none;margin:10px;text-transform:uppercase;display:block;font-size:12px;line-height:14px;font-weight:700;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out} div#DivVideo.new .video h3{background:rgba(0,0,0,.5);position:absolute;bottom:0;right:0;width:100%;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;z-index:2} div#DivVideo.new .video:hover h3{background:rgba(0,0,0,.8)} div#DivVideo.new:after{content:'';display:block;clear:both} div#DivVideo.new{padding:0 0 0 1px;background-color:#fff} div#DivVideo.new .first{width:100%;height:345px;margin-bottom:1px;position: relative;} div#DivVideo.new .first .mfoto{height:345px} div#DivVideo.new .first ~ .video{width:49.9%;margin:0 .2% 1px 0} div#DivVideo.new article:nth-child(2n+3){margin-right:0!important} div#DivVideo.new a#skip_adBtn.skip_ad.firefox{top: -42px;right: 0;background-color: #26a8fe;color: white;} div#DivVideo.new .widget-video, div#DivVideo.new #widget_videoWrapper.first .play{transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out} div#DivVideo.new .widget-video > a{position:relative;top:0;left:0;bottom:0;right:0;display:block} div#DivVideo.new .widget-video > a:before{content:'';display:block;position:absolute;pointer-events:none;top:5px;right:5px;background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play4.png);height:40px;width:40px;z-index:4;opacity:.7} div#DivVideo.new .widget-video.activo > a:before{opacity:0} div#DivVideo.new .widget-video.activo > a:after{content:'';display:block;position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 10px 3px rgba(0,0,0,.5);z-index:3;border:rgba(38,168,254,.9) 3px solid} div#DivVideo.new .widget-video.activo > a figure{-webkit-filter:blur(4px);-moz-filter:blur(4px);-ms-filter:blur(4px);-o-filter:blur(4px);filter:blur(4px)} div#DivVideo.new .widget-video.activo h3{bottom:30%;text-align:center;background-color:rgba(0,0,0,0.73)} #widget_videoWrapper h3{display:none} div#DivVideo.new #widget_videoWrapper.first .play{opacity:.8;background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play5.png) center no-repeat;width:83px;height:83px;position:absolute;right:50%;top:50%;margin-right:-31px;margin-top:-31px;pointer-events:none;border-radius:50%;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;background-color:rgba(38,168,254,.7)} div#DivVideo.new #widget_videoWrapper.first:hover .play{background-color:rgba(38,168,254,1);opacity:1} /* div#DivVideo.new #widget_videoWrapper.first .play{background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play82.png) 5px center no-repeat;width: 156px;height: 45px;position:absolute;right: 40%;top:50%;margin-right:-31px;margin-top:-31px;pointer-events:none;border-radius:40px;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;background-color: rgba(38,168,254,.5);border-color:white;border: 2px solid rgba(255, 255, 255, 0.8);opacity: 1;} div#DivVideo.new #widget_videoWrapper.first:hover .play{background-color:rgba(38,168,254,1);opacity:1;border-color:white;} */ div#DivVideo.new a#skip_adBtn.skip_ad{display:block;position:absolute;padding:20px;top:5px;right:5px;background-color:transparent;background-color:rgba(0,0,0,0.5);color:#26a8fe;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #26a8fe} div#DivVideo.new a#skip_adBtn.skip_ad span{display: inline-block;} div#DivVideo.new a#skip_adBtn.skip_ad #timerAd{display:inline-block;width:40px;margin-left:3px} @media (max-width: 1336px) { div#DivVideo.new .mfoto{height:125px} div#DivVideo.new .first{height:237px} div#DivVideo.new .first .mfoto{height:237px} div#DivVideo.new #widget_videoWrapper.first .play{right: 45%;} } @media (max-width: 1023px) { div#DivVideo.new .mfoto{height:126px} div#DivVideo.new .first{width:100%;height:431px} div#DivVideo.new .first .mfoto{height:431px} div#DivVideo.new .first ~ .video .mfoto{width:100%} div#DivVideo.new article:nth-child(2n+3){margin:0!important} div#DivVideo.new .first ~ .video{margin:0 .15% 1px 0 !important;width:24.85%} div#DivVideo.new article.video:last-child{margin:0!important} .columnavideo{width:100%} /* div#DivVideo.new #widget_videoWrapper.first .play{right:40%;} */ } /*###################END MC WIDGET PLAYER ###################*/ /*correcion de menu media center 20150924*/ .menufijo2 { z-index: 4;} /*new_theme*/ .new_theme .titletag { text-align:center; position:relative;} .new_theme .titletag h1 { font-size:24px; color:#fff; background:#26a8fe; display:inline-block; padding:0 15px 0 0; border-radius:3px; margin:0 auto; font-weight:900;} .new_theme .titletag span { font-weight:400; display:inline-block; padding:5px 15px; background:#005289; border-radius:3px 0 0 3px; margin-right:10px;} .new_theme .theme_picture{position:relative;min-height: 178px;margin-bottom:-55px;overflow: hidden;} .new_theme .theme_picture .img_center{position: absolute; top: 0; left: -100%; right: 0;display: block;width: 300%;text-align: center;height: 100%;} .new_theme .theme_picture .img_center img{width: 1320px;} .new_theme { background-color:#f1f1f1; margin-bottom: 40px; border-bottom: 1px solid #E0DFDF; border-top: 1px solid #E0DFDF;} .notas.new_theme .notaprincipal h2 a { color: #000;} .new_theme .destacadas2 article h3 a { color: #000;} .new_theme .destacadas2 article figure { border-bottom: 4px solid #b6b771;} .notas.new_theme .notaprincipal .info { padding-top: 20px;} .notas.new_theme .notaprincipal .info p { margin-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 10px; text-align: right;} .new_theme article.picture:after {content: '';display: block;background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/galeria2.png);width: 41px;height: 41px;position: absolute;right: 10px;top: 10px;} .new_theme article.video:after {content: '';display: block;background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play2.png);width: 41px;height: 41px;position: absolute;right: 10px;top: 10px;} .new_theme article.picture, .new_theme article.video { background: #000;} .new_theme article.picture a, .new_theme article.video a { color: #fff !important; min-height: 70px;} @media (max-width: 1023px){ .new_theme .notaprincipal { width: 33.33%;margin-right: 0;} .new_theme .notaprincipal figure { height: 171px; width: 100%; border-bottom: 4px solid #b6b771;} .notas.new_theme .notaprincipal h2 a { font-size: 10px; min-height: 42px; line-height: 14px; padding: 10px;} .notas.new_theme .notaprincipal .info { padding: 0; width: 100%;} .notas.new_theme .notaprincipal .info p { display: none;} .new_theme .notaprincipal .info .social2 { display: none;} .new_theme { background-color:#f1f1f1;padding-top: 0px;} } /*new_theme*/ .new_theme .izquierda { width: 990px; float: left; margin-top: 20px;} .new_theme .izquierda .principalv { width: 99.9%; position: relative;} .new_theme .izquierda .principalv figure { height: 658px} .new_theme .izquierda .principalv figure img { height: 100%; width: auto; } .new_theme .izquierda .principalv h1 a{ font-size: 32px; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 0 0 5px rgba(0,0,0,.5); text-transform: uppercase; display: block; padding: 20px;} .new_theme .izquierda .principalv h1 a:hover {color:#0067ab;} .new_theme .izquierda .principalv h1 { position: absolute; bottom: 10px; z-index: 3;} .new_theme .izquierda .principalv:after { content: ''; height: 100%; width: 100%; position: absolute; z-index: 2; top: 0; left: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.5+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ } .new_theme .media { width: 310px; float: left; background: #002944; padding: 10px; margin-top: 20px;} .new_theme .media figure img{ width: 100% !important; auto; height: auto !important;} .columna1.temas.new_theme {width: 100% !important; margin: 0 !important;} .columna1.temas.new_theme .izquierda .secund article { width: 33.33%; clear: none; float: left !important;} .columna1.temas.new_theme .izquierda .secund article:nth-child(3n+4){clear:left;} .columna1.temas.new_theme .izquierda .secund article:nth-child(3) h2 a { font-size: 14px; line-height: 17px;} .columna1.temas.new_theme article h2, .columna1.new_theme article h3 { padding-left: 10px;/* background-color: black; *//* margin: 0; *//* padding: 10px; */} .new_theme .media h2{padding:10px;margin:0;} .new_theme .media h2 a { text-decoration: none; font-size: 13px; color: #fff; line-height: 15px; font-weight: bold;} .new_theme .media article:hover h2 a { color: #26a8fe;} .new_theme .media figure { border-bottom: 4px solid #26a8fe;} .new_theme .media article.picture:after {content: '';display: block;background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/galeria2.png);width: 41px;height: 41px;position: absolute;right: 10px;top: 10px;} .new_theme .media article { position: relative;} .new_theme .media article.video{ width:100%; /* background-color: transparent; */ float: none; } .new_theme .media article.video:after {content: '';display: block;background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/play2.png);width: 41px;height: 41px;position: absolute;right: 10px;top: 10px;} .new_theme { background-color:#f1f1f1;padding-top: 0px;} .new_theme .izquierda figure { background-size: cover !important;} .columna1.new_theme .secund article a figure{ height: 219px;} .columna1.new_theme .secund { padding-top: 1px;} @media (max-width: 1336px){ .new_theme .izquierda {width: 787px;} .new_theme .principalv figure { height: 523px;} .new_theme .media {width: 217px;} .columna1.new_theme .secund article a figure{ height: 174px;} .new_theme .theme_picture{min-height: 138px;} .new_theme .theme_picture .img_center img{width: 1024px} } @media (max-width: 1023px){ .new_theme .principalv figure { height: 510px;} .new_theme .izquierda {width: auto;} .new_theme .media { width: auto; overflow: hidden;} .new_theme .media article { width: 33.3%; float: left;} .new_theme .media article.video{width:33.3%; float:left;} .new_theme .media article:nth-child(3n+4){ clear:left;} .columna1.new_theme .secund article a figure{ height: 169px;} } /*######### MEDIACENTER WHATSAPP ###########*/ .mediac article.what-icon:hover h3 a { background:#2ab200;} .mediac article.what-icon:after { content:''; display:block; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/whatsapp.png); width:41px; height:41px; position:absolute; right:10px; top:10px;} .mediac article.what-icon h3 a span { background: rgba(42, 178, 0, .7);} .mediac article.what-icon:hover h3 a span { background: rgba(0, 0, 0, .9);} div#whatimg {position:relative;} #whatimg p{ position:absolute; bottom:3px; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/whatsapp-2.png) no-repeat 10px rgba(42, 178, 0, .8); color:#FFF; font-size:30px; padding:20px 25px 20px 50px; margin:0; text-transform:uppercase} #whatimg img{ width:100%} /* ======== Update 14 - 10 - 15 ======== */ .contenido .seccion span.imageArHead, .columna2 .seccion span.imageArHead { padding:0; background-color:transparent; } .contenido .seccion span.imageArHead ~ ul{ display:none; } /*NUEVOS ESTILOS PARA PLECA 2015-10-13*/ .popular-bg{background-color:#fc0!important} .cifras-bg{background-color:#26a8fe!important} .extras-bg{background-color:#f30!important} .popular-border{border-bottom:4px solid #fc0} .extras-border{border-bottom:4px solid #f30} .cifras-border{border-bottom:4px solid #26a8fe} .pleca-popular .destacadas2 article figure,.pleca-extras .destacadas2 article figure{height:176px;width:100%} .pleca-popular,.pleca-extras,.pleca-cifras{background:#37474f;overflow:hidden;margin-bottom:20px} .pleca-popular h2,.pleca-extras h2{float:left;background:url(http://multimedia.laprensagrafica.com/demo/lpg-r2/images/arrow_title.png) no-repeat left center;font-size:24px;text-transform:uppercase;color:#fff;font-weight:700;margin:1px 0 0;padding:10px 40px;width:13.95%} .pleca-popular .destacadas2 article h3 a:hover,.pleca-popular .destacadas2 article:hover h3 a{color:#fc0} .pleca-cifras .destacadas2 article h3 a:hover,.pleca-cifras .destacadas2 article:hover h3 a,.pleca-cifras .destacadas2 article p a:hover,.pleca-cifras .destacadas2 article:hover p a,.pleca-cifras{color:#26a8fe;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out} .pleca-cifras h2{float:left;background:url(http://multimedia.laprensagrafica.com/demo/lpg-r2/images/arrow_title.png) no-repeat left center;font-size:24px;text-transform:uppercase;color:#fff;font-weight:700;margin:0;padding:10px 40px} .pleca-extras .destacadas2 article h3 a:hover,.pleca-extras .destacadas2 article:hover h3 a{color:#fff} .pleca-cifras .destacadas2{display:table;table-layout:fixed;width:100%} .pleca-cifras .destacadas2 article{padding:20px 0 40px;border-left:1px solid #4d636e;display:table-cell;float:none} .pleca-cifras .destacadas2 article h3 a{font-size:92px;text-align:center;margin:0 auto;line-height:96px} .pleca-cifras .destacadas2 article h3 a:after{border-bottom:1px solid #26a8fe;margin:0 auto;content:'';display:block;width:40px} .pleca-cifras .destacadas2 article p{margin:0 auto;padding:20px 0 0;text-align:center;width:80%;line-height:18px} .pleca-cifras .destacadas2 article p a{color:#fff;text-decoration:none;transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out} .pleca-septimo{background:#292929;color:#aaa;overflow:hidden} .pleca-septimo a{color:#fff;text-decoration:none} .pleca-septimo .notassep article{width:49.7%;height:156px;overflow:hidden;margin:0 .3% 1px 0;float:left;position:relative} .pleca-septimo .notassep article a{width:100%;font-size:12px;line-height:14px} .pleca-septimo .notassep article a figure{width:100%;height:155px} .pleca-septimo .notassep article h2{position:absolute;bottom:0;left:0;padding:10px;background:rgba(0,0,0,.5)} .pleca-septimo > article{width:820px;float:left} .pleca-septimo > article figure{width:477px;height:317px;border:none;float:left;margin-right:20px} .pleca-septimo > article h3{background:#fdb932;color:#fff;font-weight:700;text-transform:uppercase;font-size:18px;line-height:26px;padding:20px 10px 7px;display:inline-block;position:relative} .pleca-septimo > article a{width:100%} .pleca-septimo > article h2{font-size:28px;font-weight:700;line-height:32px;text-transform:uppercase;margin:40px 0 10px} .pleca-septimo > article p{color:#fdb932} .pleca-septimo .notassep{float:right;width:470px} .pleca-septimo > article h3:before{content:'';width:0;height:0;border-style:solid;border-width:0 16px 13px;border-color:transparent transparent #fff;transform:rotate(180deg);position:absolute;left:14px;top:0} .pleca-septimo figure { background-size:cover} @media (max-width: 1336px) { .pleca-popular h2,.pleca-extras h2{width:12.2%;font-size:22px} .pleca-cifras .destacadas2 article h3 a{font-size:72px} .pleca-popular .destacadas2 article figure,.pleca-extras .destacadas2 article figure{height:138px} .pleca-septimo .notassep{width:49.4%} .pleca-septimo > article{width:50.4%;position:relative} .pleca-septimo > article h3{position:absolute;top:0;left:0;z-index:3} .pleca-septimo > article h2{position:absolute;left:10px;bottom:10px;z-index:3} .pleca-septimo > article:after{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);height:100%;width:100%;position:absolute;z-index:2;content:'';top:0;left:0} .pleca-septimo > article p{display:none} .pleca-septimo > article figure{width:100%;height:337px;margin-right:0} .pleca-septimo .notassep article a figure{height:167px} .pleca-septimo .notassep article{height:167px} } @media (max-width: 1023px) { .pleca-popular .destacadas2 article,.pleca-extras .destacadas2 article{width:25%;margin-right:0} .pleca-cifras .destacadas2 article{padding:0 0 20px} .pleca-cifras h2{top:-38px} .pleca-popular h2,.pleca-extras h2{display:table;width:auto;margin:0;float:none} .pleca-popular h2,.pleca-extras h2,.pleca-cifras h2{font-size:20px} .pleca-cifras .destacadas2 article h3 a{font-size:52px;text-align:center;padding-bottom:0;line-height:76px} .pleca-popular .destacadas2 article figure,.pleca-extras .destacadas2 article figure{height:128px} .pleca-septimo > article figure{height:252px} .pleca-septimo .notassep article a figure{height:125px} .pleca-septimo .notassep article{height:125px} .pleca-septimo > article h2{font-size:20px;line-height:22px} } .pleca-cifras .destacadas2 article p{font-size:12px;line-height:14px} /*NUEVOS ESTILOS PARA SPONSOR 2015-11-24*/ .precio{ background:#111} .precio h3{ background:url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/precio.png) 15px center no-repeat #111;} /*ESTILO PARA TITULO SEPTIMO SENTIDO 20151118*/ .ssen-bg {background-color: #ffcc00!important;} .pleca-ssen {background: #37474f; overflow: hidden; margin-bottom: 20px;} .pleca-ssen .destacadas2 article:hover h3 a {color:#ffcc00;} .ssen-bg {background-color: #fdb932!important;} .pleca-ssen h2 { float: left; background: url(images/arrow_title.png) no-repeat left center; font-size: 24px; text-transform: uppercase; color: #fff; font-weight: bold; margin: 1px 0 0 0; padding: 10px 23px 10px 30px; width: 16%; } @media (max-width: 1336px) { .pleca-ssen h2 {width: 14.86%} } @media (max-width: 1023px) { .pleca-ssen .destacadas2 article {width: 25%; margin-right: 0;} .pleca-ssen h2 {display: table; width: auto; margin: 0; float: none;} .pleca-ssen h2 {font-size: 20px;} } /*cambio 5 de enero 2015*/ header .logo {padding: 25px 0;} p.radio a{ font-size:13px; } p.radio a.clasiguia{ margin-left:4px; background-color:#FFBC12; } p.radio a:hover { background-color:gray;} /*==********* Contador *********==*/ #cont {height: 125px;background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/maiden.jpg) no-repeat; background-size: 100%; clear: both;position: relative;font-size: 65px;color: #fff;font-weight: 900;text-align: right;box-sizing: border-box;padding: 29px 55px 0 0; text-shadow: -5px -2px 8px rgba(0,0,0,.8); text-decoration: none; display: block;} #cont:after { content: ''; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/dedos.png) no-repeat top right; background-size: auto 100%; height: 125px; width: 183px; position: absolute; display: block; z-index: 2; right: 0; top: 0;} @media (max-width: 1336px) { #cont, #cont:after { height: 97px;} #cont {padding:22px 55px 0 0; font-size: 53px;} } @media (max-width: 1023px) { #cont, #cont:after { height: 73px;} #cont { padding: 17px 34px 0 0;font-size: 38px;} } /*####################### AUTOR #########################*/ .profile_box { margin-left:13px; } .profile_box::after{ content:''; clear:both; display:block; } .profile_box .profile_info, .profile_box .profile_image{ float:left; } .profile_box .profile_info{ margin-left:20px; } .profile_box .profile_info h1{ font-size:55px; font-weight: 700; } .profile_box .profile_info p{ font-size:14px; margin:10px 0; } .profile_box .profile_info p iframe{ vertical-align:bottom; } .profile_box .profile_info p b{ font-weight:bold; color:#333; display:inline-block; margin-right:0x; clear:left; text-transform:uppercase; font-size:11px; vertical-align:middle; } .profile_box .profile_info p b::after{ content:':'; margin:0 4px; } .profile_box .profile_info p a{ color:#0067AB; text-decoration:none; } .articles_by_autor{ border:4px solid #f5f5f5; margin-left:13px; } .articles_by_autor h3 { color: #0067ab; font-size: 16px; font-weight: 700; padding: 10px 10px; background: #f5f5f5; text-transform: uppercase; } .article_by_autor { padding: 10px; position:relative; } .article_by_autor h4{ font-size: 13px; color: #545454; font-weight:bold; text-transform: uppercase; } .article_by_autor p{ font-size:12px; } .article_by_autor:last-child{ border:none; } .article_by_autor a{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; text-indent:-999em; } .article_by_autor span:not(.article_date){ display:inline-block; padding:5px; font-size:10px; background:#26A8FE; text-transform:uppercase; font-weight:bold; color:white; margin-bottom:4px; } .article_by_autor span.article_date{ font-size: 11px; display:inline-block; padding:5px; color:#333; } .article_by_autor:hover span.article_date{ color:#0067ab; } .article_by_autor:hover{ background:#fafafa; } .article_by_autor:hover h4, .article_by_autor:hover h4 + p{ color:#0067ab; } .article_by_autor:hover span:not(.article_date){ color: white; border-bottom-color: white; } .sidebar .widget.ournetworks { padding:0; } .sidebar .widget.ournetworks .red{ padding:5px 10px; } .sidebar .widget.ournetworks .red b{ font-weight: bold; color: #333; display: inline-block; margin-right: 0px; clear: left; text-transform: uppercase; font-size: 11px; vertical-align: bottom; width: 75px; display:inline-block; line-height: 24px; } .sidebar .widget.ournetworks .red b > *{ top:2px !important; } /*############# Efecto video #############*/ #videoside { position: relative;} div#videos.videomove{position: fixed;width: 575px;z-index: 3;transform: translate(720px,30px);bottom: 0;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.5);animation-name: video; animation-duration: .3s;} #videos{-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;-ms-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out;} @keyframes video { from {transform: translate(720px,600px);} to {transform: translate(720px,30px);} } .videomove { opacity: 0; } .videomove.videomove2 { opacity: 1;} .videomove3 { display: none;} @media (max-width: 1336px) { div#videos.videomove {transform: translate(443px,30px); width: 568px;} @keyframes video { from {transform: translate(443px,600px);} to {transform: translate(443px,30px);} } } @media (max-width: 1023px) { div#videos.videomove {transform: translate(511px,0px);width: 232px;bottom: auto;top: 0;} @keyframes video { from {transform: translate(511px,-600px);} to {transform: translate(511px,0px);} } .contenido article .videomove2.videomove p.videoinfo { margin-bottom: 0;border-top: 2px solid #CED7DB;border-bottom: none;} } @media (device-width: 1024px) and (device-width: 768px) { div#videos.videomove {right: 20px; transform: none; animation: none;} } .creditos2 img {vertical-align:middle; margin: 0 5px} .creditos2 { text-align: center; padding: 40px 0 0 0; font-size: 12px; color: #7e7e7e; clear: both;} /* ############ **** ####### CARROUSEL REV ###### **** ########## */ #rev-slide article { display: flex; width:100%; } #rev-slide .caja { background-color: #f5f5f5; margin-right: 1px; width:50%; } #rev-slide .caja:last-child { background-color: #292929 } .tech3 article h2 a { color: #fff } .tech3 article.ellafeed { position: relative } .tech3 article.byFeedWidgetTech:before { content: ""; position: absolute; z-index: 2; height: 42px; width: 112px; top: 0; left: 0; background: #f15831 url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/revistas/techlife.png) no-repeat center } .tech3 article.motor:before { content: ""; position: absolute; z-index: 2; height: 42px; width: 110px; top: 0; left: 0; background: #c7161d url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/revistas/alpha.png) no-repeat center } .tech3 article.blur:before { content: ""; position: absolute; z-index: 2; height: 42px; width: 88px; top: 0; left: 0; background: #de3c97 url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/revistas/eme.png) no-repeat center } .tech3 article.blur.blur2:before { background-image: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/revistas/blur-logo.png); background-color: #fa455f; } .tech3 article.ellafeed:before { content: ''; display: block; position: absolute; z-index: 2; height: 42px; width: 81px; background: #ec008c url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/revistas/ella.png) no-repeat center; top: 0; left: 0 } .tech3 article.ellafeed figure, .tech3 article.ellafeed ~ article figure { border-color: #ec008c } .tech3 { position: relative; margin-bottom: 20px; float: left; width: 100% } .tech3 article { float: left; margin-right: .09% } .tech3 article:last-child { float: right; margin-right: 0 } .tech3 article figure { width: 100%; height: 226px!important; background-repeat: no-repeat; background-size: cover!important; background-position: center center; border-bottom: #f15831 4px solid } .tech3 article.ellafeed figure, .tech3 article.ellafeed ~ article figure { border-color: #ec008c } .tech3 article.motor figure, .tech3 article.motor ~ article figure { border-color: #c71118 } .tech3 article.blur figure, .tech3 article.blur ~ article figure { border-color: #de3c97 } .tech3 article.blur.blur2 figure, .tech3 article.blur.blur2 ~ article figure { border-color: #fa455f } .tech3 article h2 a { text-decoration: none; color: #333; font-size: 12px; line-height: 18px; padding: 10px; display: block; font-weight: 700; text-transform: uppercase; height: 50px } .tech3 article:nth-child(even) h2 a { color: #fff } #rev-slide article .caja:last-child h2 a { color: #fff; } /* ############ **** ####### MEME ###### **** ########## */ .editorial h2 a { font-size: 29px; line-height: 34px;} .caricatura a { width: 33.33%; height: 289px; box-sizing: border-box;border-right: 3px solid #fff;} .caricatura > a:last-child { border-right: none;} .columnas { margin-bottom: 20px;} .palestra .seccion { top: 2px;} .caricatura a figure {/* background-size: 100% auto; */height: 292px;} @media (min-width: 1337px) { .palestra { margin-bottom: 20px; padding-top: 25px; margin-top: 0; width: 100%; float: none; overflow: hidden;} .palestra article { padding-bottom: 5px; width: 33.33%; float: left; box-sizing: border-box; clear: none; padding-top: 0;} .caricatura { float: none; width: auto; overflow: hidden; padding-top: 2px;} } @media (max-width: 1336px) { .caricatura a figure, .caricatura a { height: 224px;} } @media (max-width: 1023px) { .caricatura a figure, .caricatura a { height: 167px;} } /* ========== CLUBLPG ============*/ .kiosko ul { width:140px; float: right; overflow: hidden} header .logo { padding: 14px 0 30px 0;} @keyframes club { 3% { background: #fff; color: #b6b5b5; padding-left:0px;} 5% { background: #26a8fe; color: #fff; padding-left:25px;} 43% { background: #26a8fe; color: #fff; padding-left:25px;} 45% { background: #fff; color: #b6b5b5; padding-left:0px;} } @keyframes clubefore { 0% {opacity: 0;left: 0px;} 5%{ opacity: 1;left: 10px;} 45%{ opacity: 1;left: 10px;} 50% {opacity: 0;left: 0px;} } @keyframes clubafter{ 0% { background-position:left top} 6%{ background-position:left top} 8%{ background-position:left bottom} 43%{ background-position:left bottom} 45%{ background-position:left top} 50% { background-position:left top} } @keyframes clubluz { 0% { left:-25px} 10%{ left:-25px} 20%{ left:145px} } .clubp, .clubp:before, .clubp:after, .kiosko ul li:nth-child(3):before {animation-duration:17s; animation-iteration-count: infinite;} .clubp { animation-name: club; position: relative; font-weight: bold; font-size: 15px;} .clubp:after { background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/club2.png); background-position: left top; height: 12px; width: 27px; content: ""; animation-name: clubafter; display: inline-block; margin-left: 5px;} .clubp:before { content:""; animation-name: clubefore; position: absolute; color: #fff; display: block; left: -15px; background: url(http://714e2f04f7e704066f28-f48dbd34cbcab23a2a2ea58f2cd66a96.r62.cf2.rackcdn.com/images/flecha.png); width: 7px; height: 15px; top: 2px;} .kiosko ul li:nth-child(3) { position: relative; overflow: hidden;} .kiosko ul li:nth-child(3):before { content: ""; position: absolute; z-index: 2; height:25px; width: 10px;transform: skewX(-20deg); background: rgba(255,255,255,.8); animation-name: clubluz; left:145px} @media (max-width: 1336px) { header .logo { padding: 34px 0 50px 0;} .kiosko ul{ width: 125px;} }