@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 .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 .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;} .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{ 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:881px; float:left;} .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 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: 230px;} .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*/ .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; }