/*@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700|Roboto:900,900italic);*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;} fieldset, img, button { border:0;} table { border-collapse:collapse; border-spacing:0;} html,body{height:100%;} object, a:focus, embed, input:focus, button {outline:none;} ol, ul {list-style:none;} h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;} a, a:hover { text-decoration:none;} body { text-align:center; font:62.5% 'Oxygen', Tahoma, Geneva, sans-serif; /*#f4f4f4*/background:#F3C500 url(../img/fnd_triangulo.png) center top fixed;background-size:cover; color:#222;} a:active {color:#222;} /*SELECCION*/ ::selection {background:rgb(255,255,158);} ::-moz-selection {background:rgb(255,255,158);} img::selection {background:transparent;} img::-moz-selection {background:transparent;} body {-webkit-tap-highlight-color:rgba(0,0,0,0);} /*BOX-SIZING*/ * {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} /*TIPOGRAFIAS*/ /*.oxygen {font-family:'Oxygen', sans-serif;}*/ header nav, #wrap > section > h2, .sugerir, .download-descarga a, .download-descarga button, .download-descarga > a, .box h3, .page > h1, ul.page-cat h4, #sello, .paginacion, .categoria-error, .home-vermas a, #movil-box > div span, #buscador > section.page h3, #b-avanzada > p, .b-caja button, #botones-action, .player > a, .player > span, /*.formularios > h3,*/ #subirarchivo a, /*.form-box h4, */.formularios button, .okey_link,#footer_newsletter a, footer > nav {font-family:'Roboto', sans-serif; font-weight:900;} /*BORDER RADIUS*/ .tags ul > li a span, ul.single-tags > li a span {-webkit-border-radius:0px 3px 3px 0px;border-radius:0px 3px 3px 0px;} /*.colabora-accion > a {-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}*/ /*.download-content, input.palabra, */.videoplayer-msg, .shadow-box, .single-info-audio, .single-video, section#movil, .ult-busquedas > ul > li a, #caja-buscador input[type="text"], .b-caja button, body > header > .centrar nav li.activo a:after, #botones-action a, .facebook-box > iframe, .formularios input, .chosen-container-multi, #colabora_tag_chosen > ul, #colabora_cat, textarea, #enviar-tono, #sugerir-tono, #subirarchivo a, .formularios button,.errores,.okey, .okey_link, #footer_newsletter a,.colabora-accion > a, .br{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;} /*SOMBRA BOX*/ .masonry > article, .page, .box, .page-cat li, #next-prev article.bg,.home-vermas a, #caja-buscador, #b-atencion, #subirarchivo a, .formularios button, .okey_lin, .colecciones > article, .bs {-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5);} #enviar-tono, #sugerir-tono { -webkit-box-shadow:0px 3px 8px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 3px 8px 0px rgba(0, 0, 0, 0.3);} /*TRANSITION*/ nav a, audio, aside .sugerir, aside .sugerir span, a.tono-plegar, #social a, a.tono-cat, .player, .search-box a, .related-box a,.category-box a, .page > p a, ul.page-cat a, ul.page-cat li:hover, .paginacion a, .tono-nuevo, .icon-download-arrow, .download-descarga a, .download-descarga button,.download-descarga > a, .download-qr a, a.tono-zoom, a.tono-newtab, .single-cat a/*, section#movil h4 a*/, .icon-mobiledownload-arrow, .home-vermas a, .ult-busquedas > ul > li a, .b-caja button, a.mostrar-mas, #botones-action i, .player > a, body > header, #subirarchivo a,.okey_link, #footer_newsletter a, #copyright a, .colecciones>.coleccion h3 a, .tr {-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} /*TRANSITION RESET's*/ nav li.nav-home a {webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;} /*CLEARFIX*/ .cf:before,.cf:after {content:" ";display:table;} .cf:after {clear:both;} .cf {*zoom:1;} .c { text-align:center;} .mt {margin:20px 0 26px;} /*SPRITES*/ body > header > .centrar nav li.nav-home a, #breadcrumb ul > li:first-child a, #breadcrumb > div:first-child a, #social a, a.tono-zoom, [class^="icon-"], [class*=" icon-"], .tono-plegar, .tags ul > li a, .share ul > li a, ul.single-share a, ul.single-tags a, .search-box input.buscar, #sello, .nav-actual, .tono-nuevo, .tono-destacado, .tono-newtab, .audio-control > a i, .twitter-box:after, .search-choice-close, #responsivemenu, #sidr-left a:before, #sidr-right a:after { background:url(../img/sprites.png) no-repeat;} [class^="icon-"], [class*=" icon-"] {width:11px; height:11px;display:inline-block;} /* ICONS*/ .icon-nota {background-position:-40px -30px;} .icon-nota-featured, .masonry > article.displayed h3 a:hover i.icon-nota-featured {background-position:-184px -190px;} .icon-nota-big {background-position:-108px -100px;width:15px;height:15px;} .icon-share {background-position:-40px -53px;width:20px; height:20px;vertical-align:text-top; margin:0 4px 0 0; } .icon-tag {background-position:0 -76px; width:16px; height:16px;vertical-align:text-top; margin:0 4px 0 4px;} .icon-video {background-position:left -60px;width:21px;height:14px;vertical-align:text-top; margin:0 3px 0 0; } .icon-sugerir {background-position:left -94px;} .icon-cat, .icon-buscador, .icon-etiqueta, .icon-contacto {/*width:48px; height:48px; background-position:-60px -100px;*/} .icon-cat {background-position:-60px -100px;height:26px;width:30px;margin:0 0 4px;} .icon-buscador {background-position:-80px -158px;height:29px;width:29px;margin:0 0 2px;} .icon-etiqueta{ background-position:-60px -126px;height:32px;width:32px;} .icon-contacto{ background-position:-48px -158px;width:32px;height:24px;margin:0 0 4px;} .icon-newsletter{ background-position:-161px -148px;width:24px;height:32px;} .icon-triste {background-position:-178px -266px;height:28px;width:28px;vertical-align:middle;margin:0 12px 0 0;} .icon-circle {width:48px;height:48px;background-position:0 -148px;vertical-align:middle;line-height: 3;} .icon-star {width:30px;height:30px;background-position:0 -196px;margin:0 0 3px;} .icon-tonos {width:24px;height:26px;background-position:0 -226px;margin:0 3px 3px 0;} .icon-collection {background-position:-166px -180px; width:18px;height:18px; vertical-align: middle; margin: 0 10px 6px 0;} .centrar { width:992px; margin:0 auto;} /*HEADER*/ body > header { height:114px; background:url(../img/fnd_header.png) repeat-x center top;margin:0 0 20px;} body.desktop.scrolled > header {position:fixed; top:-93px; width:100%;z-index:3000;} /*body.fixes > header {position:fixed; top:-50px; width:100%;z-index:3000;}*/ body.desktop.scrolled/*,body.fixes*/ {padding-top:114px;} /*body.fixes > header > .centrar > h1, body.fixes > header > .centrar > h2 { position:relative; top:60px;}*/ body > header > .centrar {position:relative; text-align:left;} body > header > .centrar > h1, body > header > .centrar > h2 {position:absolute;top:10px;left:0;background:url(../img/logo_tonosfrikis.png) no-repeat left top;} body > header > .centrar > h1 a, body > header > .centrar > h2 a {display:block;width:263px;height:75px;text-indent:-9999px;} /*body > header > .centrar img {margin:5px 0 0;}*/ body > header > .centrar nav { position:absolute; top:19px; left:300px;font-size:1.4em;text-transform:uppercase;line-height:1;} body > header > .centrar nav li { display:inline; margin:0 8px;} body > header > .centrar nav li.nav-home a { text-indent:-9999px; width:19px;/* height:17px; */background-position:-21px -1px;} body > header > .centrar nav li.nav-home a:hover { background-position:-21px -35px;} body > header > .centrar nav li.activo { color:#8a1e22;} body > header > .centrar nav li.nav-home.activo a {background-position:-21px -69px;} body > header > .centrar nav a { display:inline-block; color:#ababab; } body > header > .centrar nav a:hover{ color:#fff;} body > header > .centrar nav li.activo a { color:#ffde00; position:relative;} body > header > .centrar nav li.activo a:after {content:""; background:#ffde00; width:6px;height:6px; bottom:-10px; left:calc(50% - 3px); position:absolute;} #wrap { margin-top:12px;margin-bottom:60px;} #wrap > section {float:left;clear:both;width:calc(100% - 356px);margin:0 356px 0 0;text-align:left;} #wrap > section > h2 { font-weight:900;font-size:2.2em;color:#8a1e22;/*#222*/ font-style:italic; text-shadow:2px 2px 0 #ffde00; text-transform:uppercase;height:96px; /*height:96px;padding:68px 0 0;*/text-align:center;line-height: 1;} /*#wrap > section > h2.destacados { height:56px;padding:18px 0 0;}*/ #wrap aside {width:336px; margin:96px 0 0 -336px;float:left;position:relative;/*z-index:100;*/} #wrap.margintop aside { margin-top:20px;} /*span.naranja{color:#ffde00;} span.verde{color:#cee114;} span.naranja,span.verde{ text-shadow:1px 1px 0 #aaa;}*/ .home-vermas {width:220px;line-height:24px;text-align:center; margin:0 auto 40px;} .home-vermas a {display:block;/*background:#8a1e22;background:#353535;*/background:#222;color:#fff;/*#fff*/text-shadow:0 2px 2px rgba(0,0,0,.4); font-weight:700;font-size:1.4em;text-transform:uppercase;font-style:italic;line-height:30px; } .home-vermas a:hover {/*background:#353535;*/background:#222; color:#cee114;} .icon-vermas {width:21px;height:21px; background-position:0 -21px;vertical-align:text-top; margin:0 6px 0 0;} /*BREADCRUMB*/ #breadcrumb {padding:10px 0 20px 20px; color:#8a1e22;/*#888;*/ font-weight:normal;font-size:1.3em;text-align:left;} #breadcrumb > div, #breadcrumb ul > li { display:inline; line-height:19px; margin:0 4px 0 0;} #breadcrumb > div:first-child a, #breadcrumb ul > li:first-child a { height:21px; padding:0 0 0 29px;background-position:-185px -169px;} #breadcrumb > div:first-child a:hover, , #breadcrumb ul > li:first-child a:hover { background-position:-185px -148px; } #breadcrumb a { color:#555;/*font-weight:700;*/display:inline-block;margin:0 5px 0 0; } #breadcrumb a:hover {text-decoration:underline; color:#222;} /*REDES SOCIALES, SHARE*/ #social, #buscar-header { position:absolute; top:14px; right:0;} #buscar-header { left: 0;} #social li { display:inline; margin:0 0 0 4px; } #social a { display:inline-block; overflow:hidden; width:20px; height:20px; text-indent:-200px;opacity:0.7;filter:alpha(opacity=70);} #social a.facebook { background-position:-40px top;} #social a.twitter { background-position:-60px top;} #social a.rss { background-position:-80px top;} #social a.gplus { background-position:left -351px;} #social a:hover {opacity:1;filter:alpha(opacity=100);} /* ACTION BUTTONS */ #botones-action { position:absolute;top:60px; right:0; width:300px; height:40px;} #botones-action i {position:absolute; left:10px;} #botones-action a {height:24px;line-height:24px;display:block;float:left; position:relative;font-size:1.3em;text-transform:uppercase;} #action-moderar { background:#ffde00; width:43%;margin:0 2% 0 0; color:#222; padding:0 0 0 48px;} #action-moderar i{top:calc(50% - 13px);} #action-moderar:hover i{/*transform:rotate(12deg);-webkit-transform:rotate(12deg);-moz-transform:rotate(12deg);-o-transform:rotate(12deg);-ms-transform:rotate(12deg);*/} #action-subir { background:#222; width:55%; color:#cee114; padding:0 0 0 40px;} #action-subir i{top:calc(50% - 4px); } #action-subir:hover i{top:calc(50% - 8px); } .icon-moderar-tono {width:29px;height:28px;background-position:-136px -300px;} .icon-subir-tono {width:21px;height:25px;background-position:-165px -300px ;} /*TONOS*/ #tonos > div{/* margin:0 312px 20px 0;*/} .masonry > article {float:left;margin:0 1.5% 3% 1.5%;width:47%;background:#fff; overflow:hidden;position: relative;} /*.masonry > *.home-vermas:last-child:nth-child(odd) { width:98%;margin:0 1% 0 1%;}*/ /*.masonry > article.menu_cat { border:10px solid #d2e039; background:#d2e039;}*/ .tono-foto {height:60px;overflow:hidden; position:relative; cursor:pointer;} .tono-foto > img{ width:100%; height:auto;position:relative;} .tono-nuevo {width:46px;height:46px; position:absolute;top:0; right:0; background-position:-160px top; text-indent:-9999px;z-index:1000;} .tono-destacado {width:52px;height:51px; position:absolute;top:50%; left:50%; margin:-24px 0 0 -27px; background-position:-78px -252px; text-indent:-9999px;} .masonry > article h3 { height:40px;/*30px*/ font-size:1.4em; white-space:nowrap; overflow:hidden;position:relative; } .masonry > article h3 a { color:#5c5c5c; padding:0 0 0 32px;/*22px*/display:block;line-height:40px;/*30px*/} .masonry > article h3 a i { position:absolute; left:12px;/*6px*/ top:50%;margin:-5px 0 0;} .masonry > article h3 a:active {background:#fff;} .masonry > article h3 a:hover,.colecciones > .coleccion h3 a:hover { color:#222; } .masonry > article h3 a:hover i { background-position:-40px -41px;} .masonry > article h3 a:hover i.icon-nota-featured { background-position:-184px -201px;} .masonry > article h3 a:after {content:""; position:absolute; height:40px; width:40px; top:0; right:0; border-right:10px solid #fff; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .masonry > article.featured {/*border:5px solid #8a1e22 !important; padding:5px;border:none !important;*/ /* background:#ffea5e; background:-moz-linear-gradient(top, #ffea5e 0%, #ffde00 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffea5e), color-stop(100%,#ffde00)); background:-webkit-linear-gradient(top, #ffea5e 0%,#ffde00 100%); background:-o-linear-gradient(top, #ffea5e 0%,#ffde00 100%); background:-ms-linear-gradient(top, #ffea5e 0%,#ffde00 100%); background:linear-gradient(to bottom, #ffea5e 0%,#ffde00 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea5e', endColorstr='#ffde00',GradientType=0 );*/ } /* COLECCIONES */ .colecciones > .coleccion { background:#fff; margin:0 0 20px;} .colecciones > .coleccion img {width:100%;height:auto; display: block;} .colecciones > .coleccion h3 { font-size:2em; font-weight: 700;border-top:3px solid #8A1E22;} .colecciones > .coleccion h3 a { color:#5c5c5c; padding: 14px 14px 16px 18px; display:block;} .coleccion_contenedor { margin: 0 0 30px; background-color:#222;position:relative;padding: 8px;} .coleccion_contenedor h3 { color: #fff; font-size: 2em; padding: 4px 6px 10px 10px;} .coleccion_img {position:relative;} .coleccion_img img {width:100%;height:auto;display:block;} .coleccion_aviso {background:#fff; padding:20px; font-size: 1.4em; text-align: center;} .coleccion_info { background: rgba(138, 30, 34,0.9); color: #eee; font-size: 1.6em;/* position: absolute; top: 0; left: 0;*/ padding: 14px 10px; text-align: center;/* right: 0;*/} .coleccion_mensaje {color: #ffde00; font-size: 1.6em; font-weight: 700; text-align: center; padding: 12px 4px 8px; } .coleccion_entrar { top: 50%; left: 0; right: 0; text-align: center; margin: 0 auto; background-color:#FFDE00; line-height: 2.2; font-size: 1.2em; color: #222; font-weight: 700; margin: 18px 0 4px; padding: 0 20px; display: inline-block;text-transform:uppercase;} .coleccion_entrar:hover { background:#fff; } /*.masonry > article.featured h3,.masonry > article.featured .tono-info {background:#fff;}*/ .masonry > article.featured h3 {background:#222;} .masonry > article.featured .tono-info {background:#fff;} .masonry > article.featured .tono-foto {background:#222;} .masonry > article.featured h3 > a {color:#ddd; font-weight:700;} .masonry > article.featured h3 a:active {background:#222;} .masonry > article.featured.displayed .desc {padding-top:10px;} .masonry > article.featured.complete h3 > a,.masonry > article.featured.displayed h3 > a, .masonry > article.featured h3 > a:hover {color:#ffde00;} .masonry > article.featured.complete h3 > a:hover {color:#fff;} .masonry > article.featured h3 a:after {border-right-color:#222; background:-moz-linear-gradient(left, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(34,34,34,0)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); /* IE10+ */ background:linear-gradient(to right, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=1 ); /* IE6-9 */ } .tono-info, .video-loading { display:none;} .loading {background:#fff url(../img/ajax-loader-info.png) repeat-x center center; height:3px;margin:0; animation:animatedBackground 12s linear infinite; -ms-animation:animatedBackground 12s linear infinite; -moz-animation:animatedBackground 12s linear infinite; -webkit-animation:animatedBackground 12s linear infinite; } .video-loading {background:#f4f4f4 url(../img/load-video.gif) no-repeat center center; height:20px;margin:0;} .load {display:none;} /*.tono-info hr, aside hr, footer */hr { height:6px; background:url(../img/fnd_rayas.png) repeat; margin:0 0 10px; border:0;} a.tono-cat { position:absolute; top:-30px;right:28px;height:60px;overflow:hidden; height:30px; line-height:30px; background:rgba(255,255,255,.9);font-size:12px;color:#777;text-transform:uppercase; text-shadow:1px 1px 0 #fff; padding:0 12px;} a.tono-cat:hover {color:#333; background:rgba(255,255,255,1);} a.tono-zoom, a.tono-newtab {position:absolute; left:-28px; width:28px;height:30px;text-indent:-9999px; background-color:#ffde00;} a.tono-zoom {background-position:-132px -30px;top:30px;} a.tono-newtab {background-position:-132px -60px;top:0;} a.tono-plegar {position:absolute;background-color:#ffde00;top:-30px;right:0;height:30px;width:28px; background-position:-100px top; cursor:pointer;} a.tono-plegar:hover, a.tono-zoom:hover, a.tono-newtab:hover { background-color:#dbbf00;} /* TONOS PLAYER */ .player {background:#222; width:100%; overflow:hidden;position:relative;height:0;} /*.player audio { width:100%;}*/ .player > a, .player > span {display:block; width:110px;height:30px;line-height:30px;text-align:center;cursor:pointer;text-transform:uppercase;font-size:1.2em;float:left;} .player > a:hover {-webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.2);box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.2);} .player a.play {/*background:#cee114;color:#000;*/background:#222;color:#eee;} .player a.play:hover {/*background:#a5b410;*/background:#000;color:#ffde00;} .player a.stop{background:#8a1e22;color:#fff;display:none;} .player a.stop:hover {background:#6e181b;} .player span.loadingaudio {background:#ffde00; color:#222;display:none;} .player .progress {height:30px;float:left;width:calc(100% - 110px);padding:4px;background:#222;} .player .progress.loader { background:url(../img/ajax-loader.png);} /*.progress { position:absolute; top:0; left:110px; width:calc(100% - 110px);background:#f00;}*/ .player .progress-bar {height:22px;width:0;background:#cee114;} .icon-playinc, .icon-stopinc {width:15px;height:15px;vertical-align:middle; margin:0 0 2px 2px;} .icon-playinc {background-position:-136px -186px;} .icon-stopinc {background-position:-151px -186px;} /* DISPLAYED:AL HACER CLICK */ .displayed .tono-foto {/*height:auto;*/overflow:hidden;} .displayed .tono-foto > img { width:100%;height:auto;} .displayed .tono-nuevo { top:-46px; right:-46px; } /* COMPLETE:CUANDO FINALIZA LA CARGA */ .displayed .icon-nota, .masonry > article.displayed h3 a:hover i {background-position:-51px -30px;} .displayed .icon-nota-featured, .masonry > article.displayed h3 a:hover i.icon-nota-featured {background-position:-195px -190px;} .icon-nota-red {background-position: -51px -30px;} .complete a.tono-cat { right:28px; top:0;z-index:1;} .complete a.tono-plegar { top:0;} .complete a.tono-zoom, .complete a.tono-newtab {left:0;} .complete .sliding a.tono-plegar {display:none;} .masonry > article.complete { border-bottom:4px solid #222; /* NO PONGAS BORDES, NO QUEDAN BIEN... NO MIENTAS, SI QUEDA BIEN! */} .masonry > article.complete h3 { height:auto;white-space:normal;} .masonry > article.displayed h3 a { color:#8a1e22; line-height:20px;/*16px*/ padding:10px 10px 10px 32px;/*22px*/} .masonry > article.complete h3 a:hover { color:#222;} .masonry > article.complete h3 a:hover i { background-position:-51px -41px;} .masonry > article.complete h3 a:hover i.icon-nota-featured { background-position:-195px -201px;} .masonry > article.complete h3 a:after { display:none;} /* FULL */ .masonry > article.full {float:none;margin:0 0 2%;width:98%;} /* CONTENIDO TONO DESPLEGADO */ .desc {position:relative; font-size:1.3em; padding:0 30px;} .desc-bloque { font-weight:300; color:#848484;line-height:1.5; position:relative; height:81px; overflow:hidden;} .desc-full .desc-bloque { padding:0 0 20px; height:auto;} .desc-content p { padding:0 0 8px;} .desc-content a { color:#8a1e22;font-weight:700;} .desc-content a:hover { text-decoration:underline;} .desc-corto { height:81px;} /* MOSTRAR MAS*/ .mostrar-mas-bloque {display:none; position:absolute; width:100%; bottom:0;left:0;/*border-bottom:1px solid #dadada;*/height:70px;background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} a.mostrar-mas { position:absolute;bottom:-10px; left:50%; margin:0 0 0 -45px; cursor:pointer;text-align:center; background:#f1f1f1; border:1px solid #ccc; width:90px; height:16px;line-height:14px; font-size:10px; color:#aaa;} a.mostrar-mas:hover {background:#f4f4f4;color:#222;} .desc-full .mostrar-mas-bloque { bottom:0; height:20px} /*AUTHOR*/ .publicado { padding:10px 0 10px;text-transform:uppercase;font-size:.7em; color:#aaa;} .publicado a { color:#8a1e22;} .publicado a:hover { text-decoration:underline;} .publicado > span span, .publicado > span time { color:#222;} .publicado > span span { font-size:1.3em; text-transform:none; padding:0 3px;} /*.desplegables > div:first-child { border-top:1px solid #ddd;margin:25px 0 0;}*/ .desplegables { border-top:1px solid #ddd;margin:25px 0 0;} .share, .tags, .video { background:#f4f4f4; border-top:1px solid #fff; border-bottom:1px solid #ddd;} .share h4 a, .tags h4 a, .video h4 a, .single-video h4 a {cursor:pointer;display:block;padding:0 10px;height:28px;line-height:28px;} .share h4 a:hover, .tags h4 a:hover, .video h4 a:hover, .single-video h4 a:hover {color:#151515;background:#eee;} .share ul, .tags ul, .video > div, .single-video > div { display:none;} .tono-info h4 {font-size:1.3em; color:#505050;} .share ul, .tags ul, .share ul { background:#fafafa;padding:10px;border-top:1px solid #eee;} .share li, ul.single-share li { display:inline; margin:0 2px 0 0;} .share ul > li > a, ul.single-share > li > a { display:inline-block; overflow:hidden; width:35px; height:35px; text-indent:-200px;} .share ul > li > a.facebook, ul.single-share > li > a.facebook { background-position:-62px -30px;} .share ul > li > a.twitter, ul.single-share > li > a.twitter { background-position:-97px -30px;} .share ul > li > a.gplus, ul.single-share > li > a.gplus { background-position:-48px -339px;} .share ul > li > a.wa, ul.single-share > li > a.wa { background-position:-118px -339px;} .share ul > li > a.facebook:hover, ul.single-share > li > a.facebook:hover { background-position:-62px -65px;} .share ul > li > a.twitter:hover, ul.single-share > li > a.twitter:hover { background-position:-97px -65px;} .share ul > li > a.gplus:hover, ul.single-share > li > a.gplus:hover { background-position:-83px -339px;} .share ul > li > a.wa:hover, ul.single-share > li > a.wa:hover { background-position:-153px -339px;} .share input, .single-share input { height:35px; width:160px;vertical-align:top; border:1px solid #dadada;font-size:1.6em;color:#545454; padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .fb_like {margin:10px 0 0;} .gplus_like { margin:6px 0 0;} /*TAGS*/ .tags ul {/*border-top:1px dotted #dadada; padding:9px 0 0;*/} .tags ul > li:first-child {/*display:none;*/} .tags ul > li, ul.single-tags > li {font-size:9px;text-transform:uppercase;float:left; margin:0 2px 4px 0;} .tags ul > li a, ul.single-tags > li a {display:inline-block;height:18px;line-height:18px;background-position:-193px -46px;color:#8f8f8f; text-shadow:1px 1px 0 rgba(255,255,255,0.6);} .tags ul > li a:hover, ul.single-tags > li a:hover {color:#3f3f3f;} .tags ul > li a span, ul.single-tags > li a span { display:block; margin:0 0 0 13px; border:1px solid #dedede;border-left:none;background:#ebebeb; padding:0 4px 0 0;height:18px;} /* DOWNLOAD CONTENIDO */ .download-content { position:relative;overflow:hidden; /*BORRARmargin:1px;*/} .icon-download{width:32px;height:24px; background-position:-128px 0;vertical-align:middle;position:relative;top:-1px;} .icon-download-arrow {width:16px;height:16px; background-position:left -42px;vertical-align:middle;position:absolute;top:7px; left:19px;} .icon-qr{width:22px;height:36px; background-position:-160px -46px;} .download-descarga > a {display:block;} .download-descarga button, .download-descarga > a { /*background:#ffde00;*/background:#cee114;width:100%;height:48px;line-height:48px; text-transform:uppercase;font-size:1.6em; padding:0 0 0 10px; color:#222; text-shadow:1px 1px 1px #fff;position:relative;text-align:left;cursor:pointer;} .download-descarga button:hover, .download-descarga > a:hover { color:#000; /*background:#dbbf00;*/background:#e3f53e;} .download-descarga button:hover .icon-download-arrow, .download-descarga a:hover .icon-download-arrow{top:12px;} .download-qr a { width:50px;height:48px; display:block;background:rgba(0,0,0,.1); position:absolute;top:0;right:0; text-align:center; padding:5px 0 0; } .download-qr a:hover {background:rgba(0,0,0,.2);} /*.download-info {background:#f4f4f4; height:48px; } .download-info ul {padding:8px 10px 0; font-size:.9em;} .download-info li { width:50%;float:left; text-align:center;text-transform:uppercase; color:#888; } .download-info li span { display:block; font-size:1.8em; color:#222;text-transform:none;} */ /*.download-content {background:#efefef; color:#939393; text-transform:uppercase; padding:8px; border:1px solid #dfdfdf; overflow:hidden;text-shadow:1px 1px 0 #fff;margin:8px;} .download-content li { width:24%;float:left; text-align:center; font-size:.9em; padding:3px 0 0;} .download-content li:last-child { width:48%; padding:0;text-shadow:none;} .download-content li span { display:block; font-size:1.8em; color:#222;} .download-content a { height:36px;line-height:36px;width:100%; display:block;color:#d2e039; text-align:center;font-size:2em; background:#2a2a2a;} .download-content a:hover { color:#000;background:#bfd205;} .icon-download {width:16px;height:16px; background-position:left -42px;top:2px;position:relative;}*/ /* VIDEO */ .video .load, .single-video .load { padding:6px; background:#fff;border-top:1px solid #eaeaea} .icon-video {top:3px;position:relative;} .videoplayer {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .videoplayer iframe, .videoplayer object, .videoplayer embed { position:absolute; top:0; left:0; width:100%; height:100%; } .videoplayer-msg {font-size:1.2em;margin:6px 0 0; border:1px solid #ccc; background:#eee; padding:8px; color:#666;} .videoplayer-msg a { color:#666; border-bottom:1px dashed #666;} .videoplayer-msg a:hover { color:#222;} /* PAGINATION*/ .paginacion {width:292px; margin:10px auto 20px;padding:0 13px 0 0;text-transform:uppercase;text-align:center;} .paginacion li { width:112px; float:left; line-height:47px;} .paginacion li.nav-actual { color:#c79496;font-size:1.2em;height:54px; width:55px; background-position:-132px -94px;line-height:1.3;} .paginacion li.nav-actual span { color:#fff; font-size:1.8em;display:block;} .paginacion li.nav-prev { text-align:right; padding:0 10px 0 0; } .paginacion li.nav-next {padding:0 0 0 10px; text-align:left;} .paginacion a {font-size:1.6em; color:#fff;text-shadow:0 1px 4px #000;display:block;} .paginacion a:hover {color:#fffbaf;} .tono-foto img { filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter:gray; /* IE6-9 */ -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition:all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility:hidden; /* Fix for transition flickering */ } .masonry > article:hover .tono-foto img, .displayed .tono-foto img { filter:none; /* IE6-9 */ -webkit-filter:grayscale(0%); } /*PAGE*/ .page { background:#fff; padding:40px; /*margin:0 312px 10px 0;*/ font-size:1.2em; border-bottom:5px solid #222;line-height:1.8;} .page > h1/*, h2.category*/ { font-size:2.4em !important; text-align:center; text-transform:uppercase;} /*h2.category { height:96px;padding:30px 0px 0 !important;font-style:normal !important;}*/ /*#contacto .page, #contacto h2.category { margin-right:0;}*/ #tono-single.page {padding:10px;} h2 > span, h2 > a > span {vertical-align:middle; margin:0 8px 0 0;} .page p { padding:0 0 8px;} .page > p a { color:#8a1e22; border-bottom:1px dotted #8a1e22;} .page > p a:hover { color:#222; border-bottom:1px dotted #222;} blockquote p {border-left: 4px solid #ccc;padding:6px 10px !important;margin: 0 0 0 10px;} ul.page-cat { /*padding:0 0 3px;*/ margin:0 0 1%;font-size:1.2em;} .page ul.page-cat:last-child { margin:0;border:none;} .page ol { margin:10px 0 20px 30px; list-style:inside circle;} .page ol li {margin:0 0 8px;} ul.page-cat h4 {font-size:1.4em; text-transform:uppercase;border-bottom:1px dotted #bbb; background:rgba(255,255,255,.6); padding:8px 12px; margin:0 0 4px;} ul.page-cat a { color:#222;} ul.page-cat a:hover { color:#222;} ul.page-cat li { float:left; width:48.5%; margin:0 1.5% 1.5% 0; /*padding:8px;*/ background:rgba(255,255,255,.7); line-height:1.8; /*border:1px solid #eee;border-bottom:2px solid #bbb; */cursor:pointer;} ul.page-cat li:hover { background:rgba(255,255,255,.9);} ul.page-cat li:hover h4 {border-bottom:1px dotted #888;} ul.page-cat li:hover h4 a {color:#8a1e22;} ul.page-cat li:nth-child(even) {margin:0 0 1% .5%;} ul.page-cat li:last-child:nth-child(odd) { margin:0 0 1% 0; width:99%;} ul.page-cat li > div { padding:12px} /*ul.page-cat li i { float:left;} .desc-cat { margin:0 0 0 58px;}*/ ul.page-cat li:nth-child(odd) { clear:both;} .categoria-error { text-transform:uppercase; font-size:1.8em;text-align:center;} .categoria-error a {color:#8a1e22;text-decoration:underline;} /*MELODIA FICHA*/ #tono-single { font-size:1em;margin-top:20px; /*font-size:.8em; /*RESETEAMOS TAMANYO DE FUENTE DE .page */} #tono-single .col1 {float:left;width:192px;} .single-foto {background:#f4f4f4 url(../img/load-video.gif) no-repeat center 30px;z-index:1;position:relative;overflow:hidden;} .single-foto-content { width:100%;height:192px} .single-cat { border-top:1px solid #111;border-bottom:1px solid #111; text-align:center; line-height:28px;text-transform:uppercase;font-size:1.2em;} .single-cat a{background:#222;color:#c1c1c1; display:block;} .single-cat a:hover{background:#111;color:#fff; display:block;} .shadow-box { overflow:hidden;position:relative;} #tono-single .download-descarga a {font-size:1.6em;} .single-info-audio { margin:5px 0 0;background:#f4f4f4; color:#888; text-align:center;text-transform:uppercase;font-size:.8em; border:1px solid #eaeaea;} .single-info-audio > div { float:left;padding:4px;} .single-info-audio > div:first-child {width:40%;border-right:1px solid #eaeaea;} .single-info-audio > div:last-child {width:60%;border-left:1px solid #fff;} .single-info-audio span { display:block;font-size:1.8em; color:#222;} .audio-control .progress {display:none;width:100%;height:192px;position:absolute;top:0; left:0;z-index:2; cursor:pointer; /*background:rgba(0,0,0,0.2);*/top:0; left:0; background:-moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.8) 100%); background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); background:-webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%); background:-o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%); background:-ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%); background:radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 );} .barra {width:0%;height:192px; background:rgba(255,222,0,0.6); border-right:1px solid #000;} .time { height:192px; width:1px; border-right:1px dashed #fff; position:absolute; top:0;left:-1px;} /* FICHA TONO */ .audio-control a { cursor:pointer;position:absolute; top:calc(50% - 16px); left:calc(50% - 16px); margin:-16px 0 0 -16px;z-index:3;width:64px;height:64px;text-align:center;opacity:0.8;filter:alpha(opacity=80);} .audio-control a i {height:32px;width:32px;display:inline-block; margin:16px 0;} .audio-control a:hover {opacity:1;filter:alpha(opacity=100);} .audio-control a.play i {background-position:-96px -220px;} .audio-control a.stop {display:none;} .audio-control a.stop i {background-position:-128px -220px;} /*.audio-control .loadingaudio {display:none; position:absolute; bottom:0; left:0; height:3px; width:100%; background:url(../img/ajax-loader.png) repeat-x left 40px;}*/ @keyframes animatedBackground { from { background-position:0 0; } to { background-position:100% 0; } } @-webkit-keyframes animatedBackground { from { background-position:0 0; } to { background-position:100% 0; } } @-ms-keyframes animatedBackground { from { background-position:0 0; } to { background-position:100% 0; } } @-moz-keyframes animatedBackground { from { background-position:0 0; } to { background-position:100% 0; } } .audio-control .progress.loader {opacity:0.2;filter:alpha(opacity=20);} /*.audio-control .progress {height:100%;width:100%;}*/ /*.audio-control */.progress.loader { background-image:url(../img/ajax-loader.png); animation:animatedBackground 6s linear infinite; -ms-animation:animatedBackground 6s linear infinite; -moz-animation:animatedBackground 6s linear infinite; -webkit-animation:animatedBackground 6s linear infinite; cursor:default; } .audio-control .progress-bar {height:100%;width:0;background:#cee114;opacity:0.4;filter:alpha(opacity=40);} .loader .time {display:none;} #tono-single .col2 {/*margin:0 0 0 202px;*/margin:0 0 0 212px;} #tono-single div > h1 {font-size:2.2em;color:#8a1e22; padding:6px 0 8px 26px;position:relative;line-height:24px;margin: 0 0 12px;} #tono-single h1 i { position:absolute; left:0;top:50%;margin:-7px 0 0;} .single-desc {font-size:1.3em; color:#595959; padding:12px 0 0 0;line-height:1.6;} .single-desc > a, .single-desc > * > a { border-bottom:1px dashed #595959; color:#595959;} .single-desc > a:hover, .single-desc > * > a:hover {color:#8a1e22;border-bottom:1px dashed #8a1e22; } #tono-single h4 {color:#505050;} .single-share, .single-tags {margin:8px 0 10px 26px;overflow:hidden;} .single-share input {font-size:1.2em;} .share ul a, .single-share a {cursor:pointer;} .single-video { margin:0 0 10px;background:#f4f4f4; border:1px solid #eaeaea;} .single-video .videoplayer-msg { font-size:1em;} .single-video .load {padding:6px;} .single-video audio { background:#000;width:192px !important;} section#movil {clear:both;overflow:hidden; margin:20px 0 0;border:1px solid #e5e5e5;} section#movil h4 { font-size:1.3em;position:relative;background:#f4f4f4;} section#movil h4 a { cursor:pointer;display:block;color:#888;height:35px;line-height:33px; padding:0 0 0 44px;} section#movil h4 a:hover {color:#222; background:#eee;} .icon-mobiledownload { /*background-position:-187px -100px;*/background-position:-108px -126px; width:11px;height:18px; vertical-align:middle; position:absolute;top:8px; left:12px;} .icon-mobiledownload-arrow {background-position:-119px -126px;width:12px;height:10px; position:absolute; top:12px; left:4px;} a:hover .icon-mobiledownload-arrow {left:8px;} .activo .icon-mobiledownload { /*background-position:-187px -119px;*/} #movil-box {display:none;} #movil-box h5 { height:34px;line-height:32px;font-size:1.1em;background:#8a1e22; color:#f1f1f1;font-weight:700;text-align:center;} #movil-box > .movil-box-qr, #movil-box > .movil-box-url {height:227px; border-bottom:1px solid #e5e5e5;} #movil-box > .movil-box-qr {width:193px;float:left;} #movil-box > .movil-box-qr img { border-right:1px solid #e5e5e5;} /*#movil-box > .movil-box-url { margin:0 0 0 193px;}*/ #movil-box > .movil-box-url p {font-size:1.2em; padding:40px 60px;} #movil-box > .movil-box-url span {color:#8a1e22; font-size:18px;display:block;text-align:center; margin:30px 0;} #movil-box > .movil-box-qr h5 { border-right:1px solid #74191d; } #movil-box > .movil-box-url h5 { border-left:1px solid #9f3035;} .icon-world { background-position:-58px -252px;width:20px;height:20px;vertical-align:middle; margin:0 6px 0 0;} .icon-caution { background-position:-160px -82px;width:13px;height:12px;vertical-align:middle; margin:0 3px 0 0; position:relative;top:-1px;} .icon-bigcaution, .icon-okey {position:absolute;top:15px; left:18px;} .icon-bigcaution { background-position:-160px -220px;width:37px;height:32px;} .icon-okey { background-position:-123px -148px;width:38px;height:38px;} .movil-box-info {background:#f2f2f2;color:#222;text-align:center;height:26px;line-height:24px; border-top:1px solid #fff;font-weight:700;} /* MOVIL ACTIVO */ section#movil.activo {} section#movil.activo h4 { /*background:#222;*/background:#eee;overflow: hidden;} section#movil.activo h4 a { cursor:pointer;display:block;color:#222; } /*section#movil.activo h4 a:hover {color:#888; background:#f4f4f4;}*/ section#movil.activo h4 a .icon-mobiledownload-arrow {left:8px;} /*NEXTPREV*/ #next-prev { /*margin:0 312px 10px 0;*/font-size:1.3em; margin:20px 0 0;} #next-prev article.bg {background:#222;} #next-prev article { float:left; width:49%; white-space:nowrap; height:30px;line-height:30px;position:relative;overflow:hidden;} #next-prev article:first-child {text-align:left; margin:0 1% 0 0;/*padding:0 0 0 30px;*/} #next-prev article:last-child {text-align:right; margin:0 0 0 1%; /*padding:0 30px 0 28px;*/ } #next-prev article a { color:#aaa;display:block;z-index:2; position:relative; padding:0 0 0 30px;} #next-prev article:last-child a { /*padding:0 30px 0 30px;*/padding:0 40px 0 30px;} #next-prev article a:hover { color:#eee;} #next-prev article a:after {content:"";position:absolute; right:0; top:0; height:30px; width:30px;border-right:30px solid #222; background:-moz-linear-gradient(left, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(34,34,34,0)), color-stop(100%,rgba(34,34,34,1))); background:-webkit-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); background:-o-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); background:-ms-linear-gradient(left, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); background:linear-gradient(to right, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=1 ); } #next-prev article i.icon-arrow { position:absolute; width:18px;height:18px;} #next-prev article:first-child i.icon-arrow { top:50%; left:6px; margin:-9px 0 0; background-position:-188px -64px } #next-prev article:last-child i.icon-arrow {top:50%; right:6px; margin:-9px 0 0; z-index:100; background-position:-188px -82px} #next-prev article i.icon-j,#next-prev article i.icon-k { position:absolute; width:12px;height:11px; top:9px;} #next-prev article i.icon-j {background-position:-108px -115px; right:8px;z-index:1;} #next-prev article i.icon-k {background-position:-120px -115px; left:8px;} /* COMENTARIOS */ .comments {position:relative; margin-top:40px; padding:30px 20px 20px;} .icon-comments {background-position:left -252px; position:absolute; top:-22px; left:50%; margin:0 0 0 -29px;width:58px;height:51px;} /*ASIDE*/ /*#sello {width:75px; text-transform:uppercase;height:72px;line-height:1.3em;color:#ffde00;font-size:1.4em;text-shadow:3px 3px 2px rgba(0,0,0,0.3);background-position:left -148px;text-align:center;margin:30px auto 25px;font-style:italic; padding:18px 3px 0 0;} #sello span { display:block;color:#fff;font-size:1.7em;}*/ #wrap aside > a > img { max-width:100%;height:auto;} /* PUBLI TG */ .box {padding:6px;margin:0 0 20px;text-align:left;} .pushbullet-box { background-color: #4AB367; padding:0;color:#fff;} .pushbullet-box h3 { margin-bottom:4px; line-height: 35px; padding: 0 0 0 10px;background:rgba(0,0,0,0.1);} .pushbullet-box h4 { margin-bottom:10px;} .pushbullet-box .content { padding:4px 10px;font-size:1.2em;line-height: 1.8;} .pushbullet-box .content > div { text-align:center;} .pushbullet-box .content a { color:#fff; text-decoration:underline;font-weight:700;} .search-box { background:#eee; position:relative;padding:0;} .search-box h3 > a { color:#222;display:block; line-height:35px;padding:0 0 0 10px;} .search-box h3 > a:hover { background:#ddd;} .search-box form {position:relative;/*padding:5px;*/} .search-box input.palabra { height:35px;padding:0 40px 0 10px; line-height:35px;border:none;border-top:1px solid #dfdfdf; width:100%; color:#505050;font-size:1.4em;background:#fff;} .search-box input.buscar { width:17px;height:17px; border:0;position:absolute; right:18px; top:27%; background-position:-87px -196px;cursor:pointer;} .icon-buscar {width:22px;height:20px;background-position:-40px -73px;vertical-align:middle;top:-2px; position:relative;margin-right:7px;} .category-box { background:#222222; overflow:hidden;padding:0 0 16px;} .search-box h3,.related-box h3, .category-box h3/*, .pushbullet-box h3*/ { font-size:1.6em;text-transform:uppercase; } .category-box h3 > a { color:#ffde00;display:block; line-height:50px; padding:0 0 0 22px;} .category-box h3 > a:hover { background:#111;} .category-box > nav > ul { } .category-box > nav > ul a { color:#cecece; padding:6px 0 6px 22px;display:block;font-size:1.2em;} .category-box > nav > ul a:hover { color:#e4e4e4; background:#111;} .category-box > nav > ul {overflow:hidden; text-align:center;text-align:left;/*BORRARborder-top:1px solid #eee;*/} .category-box > nav > ul li {float:left;width:50%;} /*.category-box > nav > ul li ul { font-size:1.2em; color:#aaa;display:none;}*/ .red-color { color:#8a1e22;} .related-box i { float:left; transform: translateX(8px) translateY(10px); } .related-box { position:relative;padding:0; } .related-box h3{ border-bottom: 1px solid #dfdfdf;} .related-box ul i {transform: translateY(2px) translatex(-3px); position: absolute; left:14px } .related-box ul {background:#fff; color: #cecece; display: block; font-size: 1.2em; margin:0; padding:10px; } .related-box li { padding:4px;padding-left:20px;} .related-box h3 { background: #eee; padding: 8px 0 7px 30px; font-weight: 500} .related-box li:hover i {background-position:-40px -30px; float: left} .related-box a { color:#222; } .related-box a:hover { color:#8a1e22} .sugerir { height:60px; background:#ffde00;position:relative;text-align:left; padding:12px 0 0 66px;line-height:1.2; cursor:pointer;/*border:2px solid #fff;-webkit-box-shadow:0px 0 6px 0px rgba(255,255,255, 1);box-shadow:0px 0 6px 0px rgba(255,255,255, 1);*/} .icon-categoria {background-position:-178px -252px; width:17px;height:14px; margin:0 8px 0 0;position:relative;top:2px;} /*.masonry > article.sugerir { border:0;background:#ffde00;}*/ #descargas-en-vivo { margin:20px 0 0; color:#fff; text-shadow:0 1px 2px #000; font-size:1.6em;font-weight:700;} #descargas-en-vivo span {cursor:pointer;} .icon-descargasvivo { width:18px;height:16px; background-position:-90px -100px;margin: 0 4px 2px 0;vertical-align:middle;} .sugerir:hover {background:#ffbd00;} .sugerir .icon-sugerir {position:absolute; left:3px; top:50%; margin:-20px 0 0; width:60px;height:48px;} .sugerir span { font-weight:900; font-style:italic;text-transform:uppercase;display:block;} .sugerir span:nth-child(2) {font-size:1.7em; color:#8a1e22;} .sugerir span:last-child {font-size:1.5em; color:#222222;} .facebook-box {background:#5471a8; /* Old browsers */ background:-moz-linear-gradient(top, #5471a8 0%, #365899 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5471a8), color-stop(100%,#365899)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #5471a8 0%,#365899 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #5471a8 0%,#365899 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #5471a8 0%,#365899 100%); /* IE10+ */ background:linear-gradient(to bottom, #5471a8 0%,#365899 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5471a8', endColorstr='#365899',GradientType=0 ); /* IE6-9 */ } .twitter-box {margin:50px 0 0;position:relative;background:#80d6f7; /* Old browsers */ background:-moz-linear-gradient(top, #80d6f7 0%, #01acee 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#80d6f7), color-stop(100%,#01acee)); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #80d6f7 0%,#01acee 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #80d6f7 0%,#01acee 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, #80d6f7 0%,#01acee 100%); /* IE10+ */ background:linear-gradient(to bottom, #80d6f7 0%,#01acee 100%); /* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d6f7', endColorstr='#01acee',GradientType=0 ); /* IE6-9 */ } .facebook-box > iframe {border:0;width:100%;height:258px;background:#fff;} .twitter-box:after {content:""; background-position:-48px -303px; position:absolute;width:88px;height:36px;top:-36px; left:10px;} .twitter-box > a { color:#fff; font-weight:700; font-size:1.4em; text-shadow:0 0 3px rgba(0,0,0,0.4);} /* BUSCADOR */ #buscador { /*margin:0 312px 10px 0;*/} #buscador > section.page {margin:0 0 10px;font-size:1em;line-height:1;} #buscador > section.page h3 {font-size:1.8em;text-transform:uppercase;text-align:center; color:#222; margin:0 0 10px;} #caja-buscador { background:#222; margin:0 0 20px;overflow:hidden;} .b-caja {padding:5px;position:relative;} .b-caja input[type="text"]{ padding:0 85px 0 12px; width:100%;font-size:1.6em;border:none;height:34px;color:#888;} .b-caja input[type="text"]:focus{color:#8b1e23;border:0;} .b-caja > label { color:#ccc;font-size:1.1em;display:inline-block;margin:7px 0 2px;cursor:pointer;} .b-caja > label:hover { text-decoration:underline;} .b-caja > label input {vertical-align:sub; margin:0 4px 0 0;} #b-atencion a {text-decoration:underline;cursor:pointer;} #b-atencion a:hover {color:#fff;} .b-caja > a { color:#cee114;float:right; padding:6px 6px 3px 0;font-size:1.1em;display:inline-block;cursor:pointer;} .b-caja > a:hover {text-decoration:underline;} .b-caja button {position:absolute; top:9px;right:9px;border:none;height:26px; padding:0 10px;cursor:pointer;font-size:1.4em;background:#ffde00;text-transform:uppercase;-webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.3);box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.3);text-shadow:1px 1px 0 rgba(255,255,255,0.6);} .b-caja button:hover {background:#ffbd00;} #b-avanzada {display:none;background:#8a1e22;text-align:left;border-top:1px dashed #222;} #b-avanzada > p {text-transform:uppercase;font-size:1.6em; text-align:center;padding:10px 0; color:#fff;border-bottom:1px dashed #fff;} #b-avanzada > ul {padding:10px 30px; background:#fff;line-height:2.2;} #b-avanzada > ul li {float:left;width:33%;font-size:1.2em;} #b-avanzada > ul li input {vertical-align:middle; margin-right:4px;} #b-avanzada > ul li label {cursor:pointer;} #b-atencion, #b-sugerencia { margin:0 0 10px; font-size:1.3em; padding:14px 14px 14px 70px;background:#8a1e22;color:#f5ce86; position:relative;} #b-sugerencia {text-align:center;background:#fff; color:#222;} #b-sugerencia a {text-decoration:underline;font-weight:700;cursor:pointer;} #b-atencion strong {color:#fff;font-size:1.2em;} .ult-busquedas > ul {font-size:1.2em;text-align:center;} .ult-busquedas > ul > li {display:inline-block; margin:0 4px 4px 0;} .ult-busquedas > ul > li a {color:#8a1e22;background:#f4f4f4;display:block;padding:3px 6px;} .ult-busquedas > ul > li a:hover {color:#fff;background:#8a1e22;} .tag-page .ult-busquedas h3 {text-align:center;font-size:1.2em; margin:0 0 10px;} .tag-page .ult-busquedas > ul > li a {color:#eee;background:#8a1e22;} .tag-page .ult-busquedas > ul > li a:hover {color:#fff;background:#222;} #buscador > h3 {font-size:1.3em; margin:0 0 12px;} #buscador > h3 strong {font-size:1.3em;vertical-align:middle;margin:0 0 4px;display:inline-block;color:#8b1e23;} .icon-minisearch {background-position:-123px -100px; width:9px;height:9px;margin:0 3px 0 0;top:1px;position:relative;} /* COLABORA FORM */ .formularios > h3 { /*text-transform:uppercase;*/font-size:1.8em;margin:0 0 18px;color:#8a1e22;text-align:center;font-weight:300;} .form-box {padding:20px 30px 30px} .form-box input[type=text], .form-box input[type=email] {width:100%;border:1px solid #c5c5c5; height:40px; padding:0 15px; margin:0 0 10px;} .form-box h4 {text-align:center; font-size:1.6em;/*text-transform:uppercase;*/ border-bottom:1px solid #c5c5c5;padding:0 0 2px;margin:0 0 10px;color:#666;font-weight:300;} #enviar-tono, #sugerir-tono { padding:20px;/*border:1px solid #c5c5c5;*/display:none;} #sugerir-tono a { color:#8a1e22;text-decoration:underline;} .colabora-accion {text-align:center; margin:0 0 20px;} .colabora-accion > a:nth-child(1) { margin:0 0 0 10px;} .colabora-accion > a { display:inline-block; background:#222;color:#fff; line-height:50px; padding:0 20px;cursor:pointer;font-size:1.2em;} .colabora-accion > a:hover {background:#000;color:#ffde00;} .colabora-accion > a.activo {background:#8a1e22; color:#fff;position:relative;} .colabora-accion > a.activo:after {top: 100%;left: 50%;border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(138, 30, 34, 0); border-top-color: #8a1e22; border-width: 12px; margin-left: -12px; } #colabora_cat {width:50%;border:1px solid #c5c5c5;height:40px;padding:0 15px;margin:0 0 10px;} /* TAGS */ #colabora_tag {width:100%;} .search-choice-close {background-position:-75px -196px;} .search-choice-close:hover{background-position:-75px -208px;} #colabora_tag_chosen > ul {border:1px solid #c5c5c5;padding:0 10px} #colabora_tag_chosen > ul > li > input { height:40px;width: 100% !important;} .add-tags {text-align:right;} .add-tags > a {font-size:.9em; color:#8a1e22;cursor:pointer;} #nuevas_tags_content {display:none;margin:4px 0 10px;} #nuevas_tags {height:25px; margin:0;background:#f7f7f7;} #colabora_texto, #colabora_texto_sugerir, #contacto_texto {resize:vertical; margin:5px 0 10px;padding:12px 15px;font-family:'Oxygen', Tahoma, Geneva, sans-serif;height:110px;line-height:1.6;width:100%;border:1px solid #c5c5c5;} #colabora_texto_sugerir, #contacto_texto {height:160px;} .suma-matematica {padding:10px 0 0; overflow:hidden;border-top:1px solid #c5c5c5;text-align:center;} .suma-matematica input {display:inline-block;width:40px;font-size:1.4em;font-size:1.6em;padding:0 10px;text-align:center;height:30px;border:1px solid #c5c5c5;} .suma-matematica span {display:inline-block;font-weight:700;font-size:1.4em;} .formularios button {background:#444;color:#ffde00;text-transform:uppercase;font-size:1.2em; padding:0 20px;height:34px;line-height:32px; cursor:pointer; border-bottom:3px solid #222; margin:10px 0;} .formularios button:active {color:#ffeb6a;height:33px;line-height:31px; border-bottom:2px solid #222; margin:11px 0 10px;} .formularios button:hover {color:#ffeb6a;} .ta-c {text-align:center;} label.boletin {font-size:.9em; border-top:1px solid #c5c5c5;padding:10px 0 0; margin:10px 0 0;display:block;} label.boletin input {vertical-align:sub; margin:0 4px 0 0;} .privacidad { font-size:.8em;color:#aaa; margin:6px 0 0;} #subirarchivo {padding:0 0 10px;} #subirarchivo .col {width:50%;text-align:center;float:left;} #subirarchivo .col:first-child {padding:0 5px 0 0;} #subirarchivo .col:last-child {padding:0 0 0 5px;} #subido_mp3 audio { width:100%;} #subido_imagen img { width:92%;height:auto;} #subirarchivo a {background:#ffde00;color:#222;text-transform:uppercase;font-size:1.1em;display:block; height:40px;line-height:38px; cursor:pointer; border-bottom:3px solid #c9af00; margin:0 auto 10px;} #subirarchivo a.hover {background:#ffeb6a;} #subirarchivo a.uploaded {background:#cee114;border-bottom:3px solid #a2b110;} #subirarchivo a.uploaded-error {background:#8a1e22;border-bottom:3px solid #6d181b;color:#fff;} #subirarchivo a.uploaded.hover {background:#dbe955;} #subirarchivo a.uploaded-error.hover {background:#6d181b;} #subirarchivo a.disabled {border-bottom:3px solid #aaa;background:#F7F7F7;} .icon-uploaded, .icon-uploaded-error {margin:0 4px 3px 0;height:16px;width:16px;vertical-align:middle;} .icon-uploaded { background-position:-104px -196px; } .icon-uploaded-error { background-position:-120px -196px;} .errores,.okey {padding:10px 10px 0 72px;position:relative;line-height:1.6;margin:20px 30px 20px;min-height:70px;} .errores {display:none; background:#fdf5e7;border:2px solid #F5CE86;} .errores li { list-style:outside circle; margin:0 0 0 30px;} .errores li, .okey li {margin-bottom:8px;} .okey {background:#fafce8;border:2px solid #cee114;} li.error_tit, li.okey_tit {font-weight:700; margin:0 0 6px;list-style:none;} input.error, select.error, textarea.error {border:2px solid #a00 !important;} label.error {border:none;} .okey_link {display:block;width:250px;margin:0 auto;background:#cee114;text-align:center;line-height:28px;font-size:1.4em;border-bottom:4px solid #a2b110;text-shadow:1px 1px 0 rgba(255,255,255,0.6);text-transform:uppercase;color:#222;} .okey_link:hover {background:#dbe955;} /* GRACIAS BOX */ #boxpopup, #newspop { background:#fff; max-width:550px;margin:0 auto;position:relative;overflow:hidden;} #boxpopup h2 {font-size:1.6em; color:#ffde00;font-weight:300;text-align:center; padding:13px 36px 13px 13px;background:rgba(34,34,34,.8); position:absolute; width:100%;} #boxpopup .mfp-close { color:#fff;} .row-image img {width:100%;height:auto;display:block;} .row-text {background:#8A1E22;padding: 75px 25px 25px;} #boxpopup .share {background:#eee;border:none;text-align:center;} #boxpopup .share ul {display:block;background:none;padding:10px;border:none;border-top:1px solid #fff;} .row-image-content {padding:20px;} .row-content {padding:20px;} #newspop {padding:25px 30px 25px 70px;font-size:1.4em;font-weight:700;} #newspop .icon-bigcaution {margin:2px 0 0;} #newspop .mfp-close { color:#fff;} #newspop.news-msg-ok {background:#222;color:#cee114;} #newspop.news-msg-ko {background:#8a1e22;color:#fff;} /*FOOTER*/ footer { background:#8a1e22; /*border-top:1px solid #ddd;*/} #footer_newsletter p {font-size:1.4em; color:#fff; padding:38px 0;} #footer_newsletter a {display:inline-block;color:#cee114;background:#222; height:35px;line-height:35px; padding:0 30px;text-transform:uppercase; margin:10px 0 0 20px;cursor:pointer;} #footer_newsletter a:hover {background:#000;} /*#footer_newsletter*/ .news_error { text-align:left;display:none; color:#fff; padding:10px;} /*#footer_newsletter*/ .news_error li {list-style:inside circle;margin:0 0 0 30px} /*#footer_newsletter*/ .news_error li.error_tit {list-style:none;margin:0;padding:0 0 8px;} #footer_newsletter form {width:300px; margin:0 auto 30px;display:none;} #footer_newsletter .privacidad { color:rgba(255,255,255,.4);text-align:left;} #newsletter_form input,#newsletter_form_popup input {width:100%;border:1px solid #e5e5e5; height:30px; padding:0 15px; margin:0 0 10px;} #newsletter_form input.error,#newsletter_form_popup input.error {border:2px solid #ffde00 !important;} #newsletter_form button,#newsletter_form_popup button {background:#ffde00;color:#444; border:none;} #newsletter_form button:hover,#newsletter_form_popup button:hover {background:#ffde00;color:#222;} footer .centrar { padding:10px 40px;} /*footer .centrar > span {clear:both;display:block; padding:10px 0 0;}*/ footer nav { background:rgba(0,0,0,0.3); padding:24px 0;text-transform:uppercase;} footer nav li { display:inline;font-size:1.2em;} footer nav li a { display:inline-block; color:rgba(255,255,255,.6); padding:0 10px;} footer nav li a:hover { color:#fff;} #copyright {background:#222;color:#797979;font-size:1.2em; padding:15px 0;} #copyright a {color:#797979;text-decoration:underline;} #copyright a:hover {color:#c9c9c9;} /*footer > div:last-child { padding:10px 0; border-top:1px solid #ddd;background:#eee; } /*.footer-top { height:20px; background:#222;}*/ /*.responsive { margin:20px 0; color:#aaa;} .responsive span { display:block;} .icon-desktop{background-position:0 -220px;} .icon-tablet{background-position:-32px -220px;} .icon-mobile{background-position:-64px -220px;} footer .col1, footer .col3 { width:25%;float:left; padding:0 10px;} footer .col2 { width:50%;float:left;padding:0 10px;}*/ .icon-desktop,.icon-tablet,.icon-mobile{width:32px;height:32px; margin:0 3px 4px;} .bloque {padding:0;/*border:1px dashed #ccc;*/background:rgba(255,255,255,.8);} /*position:relative;} .publicidad:after {content:"ads"; position:absolute; top:0;right:0;}*/ /* SIDEMENU */ .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-size:15px;/*-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb*/} .sidr .sidr-inner{padding:0 0 15px} .sidr .sidr-inner>p{margin-left:15px;margin-right:15px} .sidr.right{left:auto;right:-260px;background:#222;color:#cecece;text-align:right;} .sidr.left{left:-260px;right:auto;background:#8a1e22;color:#cecece;border-right:10px solid #222;text-align:left;} .sidr ul{display:block;margin:0 0 15px;padding:0;} .sidr ul li{display:block;margin:0;line-height:48px;} .sidr.right ul li{line-height:36px;} .sidr ul li.sidr-class-activo { background:rgba(0,0,0,.2);} .sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#ddd} .sidr ul li a:hover{color:#fff} #responsivemenu {display:none;height:39px;width:39px;background-position:-30px -196px;cursor:pointer; position:absolute; top:10px; left:0;} #responsivecat {display:none;cursor:pointer; position:absolute; top:16px; right:0;} .mobile .download-qr, .mobile-landscape .download-qr, .tablet .download-qr, .mobile .infoshare, .mobile-landscape .infoshare, .tablet .infoshare, .infoshare, footer nav select {display:none;} .mobile #responsivemenu, .mobile-landscape #responsivemenu, .tablet #responsivemenu, .mobile #responsivecat, .mobile-landscape #responsivecat, .desktop .infoshare {display:block;} .bloque, .flexible-sidebar {width:336px !important;height:280px !important;overflow:hidden;} .flexible-paginacion {width:468px;height:60px; margin:0 auto;overflow:hidden;} .flexible-top {width:970px !important;height:90px !important;margin:0 auto;overflow:hidden;} .flexible-dentro-tono {width:234px !important;height:90px !important;overflow:hidden;} /*footer nav select, .mobile footer nav ul, .mobile-landscape footer nav ul {display:none;} .mobile footer nav select, .mobile-landscape footer nav select {display:inline-block;}*/ #sidr-left a:before, #sidr-right a:after {width: 24px;height: 24px;content:"";display: inline-block;vertical-align: middle;margin: 0 12px 0 0;} #sidr-left .sidr-class-nav-home a:before {background-position:0 -303px;} #sidr-left .sidr-class-nav-tonos a:before {background-position:-130px -252px;} #sidr-left .sidr-class-nav-categoria a:before {background-position:-154px -276px;} #sidr-left .sidr-class-nav-buscador a:before {background-position:-130px -276px;} #sidr-left .sidr-class-nav-colabora a:before {background-position:-154px -252px;} #sidr-left a.sidr-class-rss:before {background-position:-24px -327px;} #sidr-left a.sidr-class-facebook:before {background-position:-24px -303px;} #sidr-left a.sidr-class-twitter:before {background-position:0 -327px;} #sidr-left a.sidr-class-gplus:before {background-position:-69px -220px;} #sidr-right a:after {width: 20px;height:21px; margin:0 0 0 12px;background-position:-58px -272px;} .sharewhatsapp {display:none !important;} .isMobile .sharewhatsapp {display:inline-block !important} .hide { display: none;} /* COOKIES */ #barra_cookies {padding: 10px 20px;background: #fff;font-size: 1.4em;text-align:left;position:fixed;bottom: 0;left: 0;max-width: 450px;border: 4px solid #222;-webkit-box-shadow:rgba(0 2px 6px 2px rgba(0,0,0,0.6));box-shadow:rgba(0 2px 6px 2px rgba(0,0,0,0.6));line-height:1.8;} #barra_cookies a {text-decoration:underline;color:#222;} #cookie_aceptar {display: block; text-decoration: none !important; clear: both; background-color: #222; margin: 10px 0 0; padding: 10px; cursor: pointer; text-align: center; font-weight: 700; color:#cee114 !important;} #cookie_aceptar:hover {background:#000;} /* MOSTRAR CUANDO SEA NAVIDAD: */ /* body > header > .centrar > h1, body > header > .centrar > h2 {position:absolute;top:10px;left:0;background:url(../img/logo_navidad.png) no-repeat left top;} body>header h1:after {content: url(../img/bola_navidad.png);left: -40px;} body>header h1:before {content: url(../img/bola_navidad2.png);right: -40px;} body>header h1:after, body>header h1:before { position: absolute;top:-20px; -moz-transform: rotate(-4deg);-webkit-transform: rotate(-4deg);transform: rotate(-4deg); -moz-transform-origin: 50% 0;-webkit-transform-origin: 50% 0;transform-origin: 50% 0; -moz-animation: bolasnavidad 4s ease-in-out infinite; -webkit-animation: bolasnavidad 4s ease-in-out infinite; animation: bolasnavidad 4s ease-in-out infinite; } @-moz-keyframes bolasnavidad { 0% {-moz-transform: rotate(-4deg);} 50% {-moz-transform: rotate(4deg);} 100% {-moz-transform: rotate(-4deg);} } @-webkit-keyframes bolasnavidad { 0% {-webkit-transform: rotate(-4deg);} 50% {-webkit-transform: rotate(4deg);} 100% {-webkit-transform: rotate(-4deg);} } @keyframes bolasnavidad { 0% {transform: rotate(-4deg);} 50% {transform: rotate(4deg);} 100% {transform: rotate(-4deg);} } */ /* HASTA AQUI */ @media (min-width:1212px) { .centrar {width:1081px;} .flexible-dentro-tono {width:468px !important;} } @media (min-width:1012px) and (max-width:1211px) { .centrar {width:90%;} } @media (min-width:881px) { .hide-desktop {display: none;} } @media (min-width:661px) and (max-width:1011px) { .centrar {width:96%;} #wrap > section {width:calc(100% - 310px);margin:0 310px 0 0;} #wrap aside {width:300px;margin-left:-300px;} .bloque, .flexible-sidebar {width:300px !important;height:250px !important;} .box.sugerir {font-size:.9em;} .flexible-top {width:728px !important;} } @media (min-width:661px) and (max-width:880px) { #tono-single .col1, #tono-single .col2 { width:100%;float:none;} #tono-single .col2 {margin:0;padding: 10px 8px 20px;} } @media (max-width:959px) { #movil-box > .movil-box-url p {font-size:1.2em; padding:20px 30px;} .flexible-dentro-tono {width:100% !important;} } @media (max-width:880px) { body > header > .centrar > h1, body > header > .centrar > h2 {width:263px; margin:0 auto; position:relative;top:10px;} /*body > header > .centrar nav { left:0; top:0;width:100%;}*/ body > header > .centrar nav ul {display:none;} #social, #buscar-header {top:64px;} #buscar-header { cursor: pointer;} body > header {height:90px; background:#222; /*margin-bottom:50px;*/ border-bottom:30px solid #fff;-webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.5);} #wrap aside {width:250px;margin-left:-250px;} .bloque, .flexible-sidebar {width:250px !important;height:250px !important;} span.sugerir-sub {display:none;} #wrap > section {width:calc(100% - 260px);margin:0 260px 0 0;} .page {padding:20px;} .form-box {padding: 20px 10px 0;} .category-box > nav > ul li {float:none;width:100%;} .single-cat {line-height:38px;} section#movil h4 a {height:auto;} #movil-box>.movil-box-qr, #movil-box>.movil-box-url {height:auto;margin:0;} #movil-box>.movil-box-qr {width:100%;text-align: center;} #movil-box>.movil-box-qr img {border:0;} .movil-box-info {height:auto;line-height: 16px;} .download-descarga button, .download-descarga > a {height: 56px;line-height: 56px;} .movil-box-url {clear:both;margin:0;} #subirarchivo .col {width:100%;float:none;padding:0;} #subirarchivo .col:first-child { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding:0 0 10px;} } @media (max-width:728px) { /*.flexible-top {width:468px !important;height:60px !important;}*/ .flexible-top {width:100% !important;height:280px !important;} .page {padding:10px;} .form-box {padding: 20px 0 0;} } @media (max-width:780px) { .masonry > article {width:100%;margin:0 0 2%;} .flexible-paginacion {width:234px !important;} #b-avanzada > ul li {float:left;width:50%;} } @media (max-width:660px) { /* ESTILOS COMUNES PARA RESOLUCIONES PEQUENYAS */ body {background:#ffde00;padding:60px 0 0;} .centrar {width:98%;} .masonry > article {width:47%;margin:0 1.5% 2%;} #wrap > section {width:100%;margin:0;} #wrap aside {width:100%;margin:0;position:inherit;} .hide-mobile,/*.search-box,.related-box, .sugerir, .category-box,*/ .facebook-box, .twitter-box {display:none;} .bloque, .flexible-sidebar {margin: 0 auto;height:60px !important;display:block!important;width:100% !important;text-align: center;} .bloque { position:absolute!important;top:0; left:0;width:100% !important;background:#3a3a3a;} #responsivemenu {left:5px;} #responsivecat {right:5px;} .flexible-paginacion {width:468px !important;} .desc {padding:0 15px;} a.mostrar-mas {height:22px;line-height:20px;} .share h4 a, .tags h4 a, .video h4 a, .single-video h4 a {height:36px;line-height:36px;} footer .centrar {padding:10px 20px;} #footer_newsletter form {width:95%;} #footer_newsletter a {margin:10px 0 0;} #tono-single .col1 {width:160px;} #tono-single .col2 {margin: 0 0 0 172px;} .single-foto-content {height: 160px;} #breadcrumb {padding: 10px 0 20px 0;} #breadcrumb div:first-child a, #breadcrumb ul li:first-child a {text-indent: -9999px;padding: 0 0 0 22px;} #breadcrumb > div, #breadcrumb ul {margin: 0;} .bread_nombre { white-space:nowrap;} .page {padding:30px;} .form-box {padding: 20px 20px 0;} footer nav select {display:inline-block;} footer nav ul {display:none;} #boxpopup .row-text {padding:46px 0 0;} #boxpopup iframe { width: 100%;} .category-box > nav > ul li {float:left;width:50%;} } @media (min-width:480px) and (max-width:660px) { #b-avanzada > ul { padding:10px 15px;} } @media screen and (max-width:490px) { .flexible-paginacion {width:100% !important;height:60px !important;} .flexible-top {width:100% !important;height:280px !important;} } @media screen and (max-width:479px) { body > header > .centrar > h1, body > header > .centrar > h2 {background:url(../img/logo_tonosfrikis_mini.png) no-repeat left top;width:180px;top:28px} body > header > .centrar > h1 a, body > header > .centrar > h2 a {width:180px;height:51px;} .masonry > article {width:100%;margin:0 0 2%;} /*#social, #buscar-header {display:none;}*/ #tono-single .col1, #tono-single .col2 { width:100%;float:none;} #tono-single .col2 {margin:0;padding: 10px 6px 20px;} .page {padding:10px} .form-box {padding: 20px 0 0;} .colabora-accion > a {padding: 0 8px;} .okey_link {width:auto;} .errores, .okey {padding: 10px 10px 0px;margin:10px 0 20px;} .icon-bigcaution, .icon-okey {left: calc(50% - 19px);} li.error_tit, li.okey_tit {font-weight: 700;margin: 54px 0 6px;} ul.page-cat li {float:none;width:100%;margin:0 0 1.5%;} #b-avanzada > ul li {float:none;width:100%;} #copyright a {display:block;padding:10px 0;} } /* MAGNIFIC POPUP CSS */ .mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 9991042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 9991043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container {text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before {display: none; } .mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 9991045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto; } .mfp-ajax-cur {cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content {cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure {display: none; } .mfp-hide {display: none !important; } .mfp-preloader {color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 9991044; } .mfp-preloader a {color: #cccccc; } .mfp-preloader a:hover {color: white; } .mfp-s-ready .mfp-preloader {display: none; } .mfp-s-error .mfp-content {display: none; } button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 9991046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner {padding: 0; border: 0; } .mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus {opacity: 1; filter: alpha(opacity=100); } .mfp-close:active {top: 1px; } .mfp-close-btn-in .mfp-close {color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter {position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow {position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active {margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left {left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right {right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3f3f3f; } .mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close {top: -40px; } .mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure {line-height: 0; } .mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small {color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure {margin: 0; } .mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title {text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content {max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {/** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img {padding: 0; } .mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; } .mfp-img-mobile .mfp-counter {right: 5px; top: 3px; } .mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left {-webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container {padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img {padding: 0; } .mfp-ie7 .mfp-bottom-bar {width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container {padding: 0; } .mfp-ie7 .mfp-content {padding-top: 44px; } .mfp-ie7 .mfp-close {top: 0; right: 0; padding-top: 0; } /* TOOLSTIP */ .tooltipster-white, .tooltipster-default {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} .tooltipster-white {border:1px solid #fff; background:#cee114; color:#222; } .tooltipster-white .tooltipster-content {font-size:12px;line-height:26px;padding:0 6px;} .tooltipster-default {border:1px solid #000;background:#222;color:#eee;} .tooltipster-default .tooltipster-content {font-size:12px; line-height:26px;padding:0 6px;} /* CSS BASE */ .tooltipster-icon {cursor: help; margin-left: 4px; } .tooltipster-base {padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content {overflow: hidden; } .tooltipster-arrow {display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border {display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border {border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border {border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } .tooltipster-fade {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show {opacity: 1; } .tooltipster-grow {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing {opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show {opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall {top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show {} .tooltipster-fall.tooltipster-dying {-webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide {left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show {} .tooltipster-slide.tooltipster-dying {-webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } .tooltipster-content-changing {opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }