.main-header{z-index:99;position:relative;margin-bottom:-1px;background-color:#fff} @media screen and (min-width:768px){ .main-logo-img{width:230px;margin:-14px 0} .main-logo-img:hover{transform:scale(1.1)} .main-header .center-bar [class*=col-]{width:33.33%} } .main-header a{transition:.2s ease-in-out} .main-header a:focus{text-decoration:none} .main-header .row{display:flex;align-items:center;justify-content:center} .main-header .col-logo{justify-content:center;padding:2rem 0;display:flex} .main-header .col-tools{justify-content:flex-end} .main-header .col-hamburger{display:none} .icolinks{display:flex;align-items:center} .bg-ico-ig{border-radius:50%;background:#ce6b01;background:linear-gradient(0deg,rgba(206,107,1,1) 0,rgba(186,0,124,1) 46%,rgba(114,64,141,1) 100%);display:flex;justify-content:center;align-items:center} .main-header .top-bar{font-size:11px;background-color:var(--azul-brand);color:#fff;padding:3px 0;display:flex;align-items:center;justify-content:center;font-weight:500} .main-header .top-bar a{color:#fff} .main-header .top-bar a:hover{color:#fff} .main-header .top-bar .row{justify-content:space-between} .main-header .top-bar .item{width:33.33%} .main-header .top-bar .fecha-top{text-align:center} .main-header .top-bar .item-last{display:flex;justify-content:flex-end} .main-header .top-bar .item-last a{margin-left:15px} .top-bar--link-contacto{display:flex;align-items:center;float:right} .top-bar--link-contacto svg{margin-right:3px;fill:#fff;width:16px;height:16px} .fecha-top{display:flex;align-items:center;justify-content:center} .fecha-top .separador{margin:0 5px;opacity:.7;margin-top:-2px} .main-header .center-bar{background:#fff} .grupo-links-top{display:flex;align-items:center} .btn-ultimas-noticias{display:flex;align-items:center;justify-content:center;width:fit-content;padding:4px 7px;border-radius:2px;margin-right:9px} .btn-ultimas-noticias:hover{background-color:var(--azul-brand)} .icolinks a{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;font-weight:600;padding:1rem;font-size:10px;line-height:12px;text-align:center;letter-spacing:.5px;border-radius:3px} .icolinks svg{width:auto;height:30px;transition:all .15s ease-in-out;margin-bottom:7px} .main-header .icolinks svg{fill:#20395c} .main-header .icolinks a:hover{color:var(--acento)} .main-header .icolinks a:hover svg{transform:scale(1.1);fill:var(--acento)} @media screen and (max-width:768px){ .main-header .icolink--mvs{display:none} } .col-menu{display:flex;align-items:center} ul.redes-sociales{display:flex;align-items:center;margin:0;padding:0;list-style:none;justify-content:flex-end} ul.redes-sociales a{font-size:20px;display:flex;font-weight:100;margin-left:10px;opacity:1} ul.redes-sociales svg{width:18px;height:auto;fill:var(--azul-brand)} ul.redes-sociales a:hover{opacity:1} ul.redes-sociales a:hover svg{fill:var(--acento)} ul.redes-sociales a.APP{line-height:1em;color:#fff;font-weight:900;background:var(--rojo);background:linear-gradient(0deg,var(--azul-brand) 0,var(--azul-oscuro) 100%);font-size:14px;display:block;padding:.3em .5em;border-radius:1px} .sub-header{background-color:#fff} .fixed .sub-header{background-color:var(--azul-oscuro)} .sub-header .container{display:flex;justify-content:center;position:relative} .btn-buscador{display:flex;align-items:center;justify-content:center;color:#fff;height:22px;border-radius:12px;padding-left:.5em;padding-right:.5em;background:0 0;border:solid 1px var(--azul-brand)} .btn-buscador span{margin-right:.5em} .btn-buscador i{display:flex;align-items:center;border-left:solid 1px var(--azul-oscuro);height:17px;padding-left:0;background:var(--azul-brand-oscuro);width:17px;font-size:9px;justify-content:center;border-radius:50%;margin-right:-3px} .btn-buscador:hover{background-color:#000} .main-header:not(.fixed) .btn-buscador.en-fixed{display:none} .main-header.fixed .btn-buscador.en-fixed{font-size:11px;line-height:11px;height:20px;margin-right:auto;margin-left:7px} .main-header.fixed .btn-buscador.en-fixed:hover{background-color:transparent;border-color:#000;color:#fff} .main-header.fixed .btn-buscador.en-fixed i{height:18px;width:18px} .main-menu{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;justify-content:center;align-items:center} .main-menu>li{display:flex;position:relative;flex-direction:column} .main-menu>li .falso-link,.main-menu>li>a{text-transform:uppercase;font-weight:700;line-height:1em;color:#fff;position:relative;display:flex;align-items:center;font-size:18px} .main-menu>li>a:hover{background-color:transparent;color:#fff} .main-menu>li:hover>a svg{fill:#fff} .main-menu>li.separador{color:#fff;font-weight:800;margin:0 .5em;line-height:1em;font-size:17px} .main-menu .falso-link,.main-menu a{padding:7px 0;line-height:1em;font-size:17px;margin:0;color:#000;border-bottom:0} .main-menu .subsec li{display:block;width:100%} .main-menu .subsec a{display:block;font-size:.9em;min-width:max-content;width:100%;border-bottom:solid 1px rgba(255,255,255,.164);text-transform:none} .ico-arrow{font-size:9px;float:right;display:block;margin-left:3px} .main-menu>li>a:after{content:"";display:block;width:0;height:2px;background:var(--azul-brand);position:absolute;top:100%;transition:all .3s ease;left:50%;transform:translateX(-50%)} .main-menu>li>a.over-color:after,.main-menu>li>a:hover:after{width:calc(100% - 14px)} @media screen and (min-width:768px){ .main-menu .nav-subsec{position:absolute;min-width:100%;top:100%;display:none;box-shadow:inset 0 6px 15px -10px #000;background-color:var(--azul-oscuro);width:auto;top:100%;list-style:none;padding-left:0;margin-left:0;width:max-content;display:none} .main-menu .nav-subsec a{padding:7px 10px;color:rgba(255,255,255,.7);display:block;border-bottom:solid 1px rgb(255 255 255 / 12%);font-size:.8em} .main-menu .nav-subsec a:hover{color:#fff} .nav-ico-submenu{width:9px;margin-left:4px;margin-bottom:2px} .fixed .nav-ico-submenu{fill:#fff} .fixed .main-menu>li>a:hover svg{fill:#fff;filter:none} .main-menu .cont-subsec:hover>a{background-color:var(--azul-oscuro);color:#fff} .icolinks-mobile{display:none} } .header-search{transition:.15s ease-in-out;z-index:0} .sliding-buscador{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.85);z-index:999} .sliding-buscador .container{padding:30px;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:column} .sliding-buscador form{width:50%;display:block} .sliding-buscador .search-group{height:50px;position:relative} .sliding-buscador .btn-submit,.sliding-buscador .input-buscar{background-color:#fff;border:none;padding-left:15px;padding-right:15px} .sliding-buscador .btn-submit svg{fill:var(--azul-brand)} .sliding-buscador .input-buscar{border-top-left-radius:5px;border-bottom-left-radius:5px;flex:1 1 90%} .sliding-buscador .btn-submit{border-top-right-radius:5px;border-bottom-right-radius:5px;font-size:1.8em;line-height:1em;flex:1 1 10%;text-align:right} .sliding-buscador .search-group button.btn{background-color:transparent} .titulo-buscar{text-align:left;color:var(--azul-brand);font-size:2.5em;font-weight:700} .sliding-buscador .input-buscar::-webkit-input-placeholder{color:#000} .sliding-buscador .input-buscar:-ms-input-placeholder{color:#000} .sliding-buscador .input-buscar::placeholder{color:#000} .sliding-buscador .input-buscar:focus{outline:0;color:#000} #x-sliding-buscador{cursor:pointer;cursor:hand;position:absolute;right:15px;top:15px;opacity:.85} #x-sliding-buscador img{filter:invert(1);width:35px} #x-sliding-buscador:hover{opacity:1} .sliding-menu{height:100vh;width:50vw;max-width:330px;position:fixed;top:0;left:0;opacity:0;transform:translateX(-100%);transition:all .4s ease-out;z-index:999;background:var(--azul-oscuro)} @media screen and (min-width:768px){ .sliding-menu{display:none} } .sliding-menu.muestra-menu{opacity:1;transform:translateX(0)} .sliding-menu--body,.sliding-menu--header{padding:20px} .sliding-menu--body{padding-top:0} .sliding-menu a{color:#fff} .sliding-menu--header{display:flex;justify-content:space-between;align-items:center;padding-bottom:0} .sliding-menu .redes{margin-right:auto} .sliding-menu .close-menu{color:#fff;cursor:pointer;font-size:23px;margin-left:auto} @media only screen and (max-width:768px){ body.body-noscroll-m{overflow-y:hidden} body{padding-top:75px} .main-header{position:absolute;top:0;left:0;right:0;z-index:999;border-bottom:solid 1px #ccc} .main-header .center-bar{padding:10px 0} .main-header .col-logo{margin-right:auto;padding-left:0} .main-header .item.toggle{justify-content:flex-end;display:flex} .main-logo-img{width:115px;max-width:none;margin-top:-5px;margin-bottom:-5px} .main-header .sliding-menu{overflow:scroll;max-height:100vh;padding-top:45px} .main-header .col-logo{display:flex;justify-content:flex-start;align-items:center;padding:0;padding-left:8px} .sub-header{display:none} .main-header .col-hamburger{display:block} .c-hamburger span::before{top:-10px} .c-hamburger span{left:0;width:30px} .c-hamburger span::after{bottom:-10px} .main-zone .container{padding-top:7.5px;padding-bottom:7.5px} .header-tools a{padding:0;font-size:20px;margin-left:10px} .main-logo{text-align:center} .img-main-logo{width:180px} .main-header.fixed .center-bar{display:block!important} .main-header.fixed .c-hamburger{transform:scale(.8)} .main-header.fixed .center-bar{padding-top:7px;padding-bottom:7px} .sliding-menu{width:calc(100% - 60px);max-width:100vw;max-height:100vh;overflow-y:scroll;display:flex;flex-direction:column;justify-content:flex-start} .sliding-menu .container{padding:30px 0;justify-content:center;flex-wrap:wrap;flex-direction:column} .sliding-menu--body{display:flex;flex-direction:column} .sliding-menu--body .main-nav{flex-direction:column;align-items:flex-start;list-style:none;margin-left:0;padding-left:0;margin-left:0} .sliding-menu--body .main-nav li{width:100%} .sliding-menu--body .main-nav>li>.falso-link,.sliding-menu--body .main-nav>li>a{width:100%;font-size:22px} .sliding-menu--body .main-nav li .falso-link,.sliding-menu--body .main-nav li a{display:block;border-bottom:solid 1px rgba(255,255,255,.2);color:rgba(255,255,255,1);padding-left:0;margin-left:0;padding-bottom:12px;padding-top:12px;font-weight:800;display:flex;width:100%;justify-content:space-between} .sliding-menu--body .nav-ico-submenu{fill:#fff} .sliding-menu--body .subsec li a{padding-top:3px;padding-bottom:3px;color:rgba(255,255,255,.4);border-bottom-color:rgba(255,255,255,.07)} .sliding-menu--body li.cont-subsec .subsec{border-bottom:solid 1px rgba(255,255,255,.4)} .sliding-menu--body .subsec>li:first-child{display:none} .sliding-menu--body .main-nav li .nav-subsec{margin:0;padding:0;list-style:none} .sliding-menu--body .main-nav li .nav-subsec a{font-weight:400;color:rgba(255,255,255,.8);border-bottom:dotted 1px rgb(92 83 59);font-size:17px} .sliding-menu--body .separador{display:none} .sliding-menu .icolinks{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:0} .sliding-menu .icolinks a{padding:0;padding-bottom:7.5px;padding-top:7.5px;flex-direction:row;border-bottom:solid 1px rgba(255,255,255,.2);width:100%} .sliding-menu .icolinks a span{font-weight:500;font-size:14px;color:rgba(255,255,255,.7)} .sliding-menu .icolinks svg{fill:rgba(255,255,255,.7);margin-bottom:5px;margin-right:15px} .sliding-menu .input-group .form-control-submit{color:#fff} #x-sliding-buscador{top:3px;right:10px} .sliding-menu--footer{margin-top:auto;padding:15px;background-color:rgb(0 0 0 / 20%);border-top:solid 1px rgb(0 0 0 / 20%)} .sliding-menu--footer .form-control{border-radius:0} .sliding-menu--redes{display:flex;align-items:center;color:#fff;line-height:1em;font-weight:100} .sliding-menu--otroslinks{display:flex;align-items:center;color:#fff;margin:7px 0;margin-bottom:15px;line-height:1em} .sliding-menu--otroslinks a{font-weight:400;font-size:.9em;margin-right:10px;background-color:rgb(0 0 0 / 20%);padding:4px 7px} .sliding-menu ul.redes-sociales{margin-left:0;margin-right:auto;margin-bottom:15px} .sliding-menu ul.redes-sociales{margin-bottom:0;justify-content:flex-start} .sliding-menu ul.redes-sociales a{color:#fff;margin:0;padding:7px} .sliding-menu ul.redes-sociales svg{fill:#fff} .sliding-menu .form-control{border:0;border-radius:3px} .sliding-menu .form-control-submit{border-bottom-right-radius:3px!important;border-top-right-radius:3px!important;background-color:var(--azul-brand);display:flex;align-items:center} } @media screen and (max-width:356px){ .sliding-menu ul.redes-sociales a{padding:7px 5px} .sliding-menu ul.redes-sociales svg{width:15px} .top-bar--link-contacto{font-size:11px} } .c-hamburger:focus{outline:0} .c-hamburger{background-color:transparent;display:block;position:relative;overflow:hidden;margin:0;padding:0;width:30px;height:30px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s} .c-hamburger span{display:block;position:absolute;top:13px;left:0;right:0;height:4px;width:100%;border-radius:10px} .c-hamburger span::after,.c-hamburger span::before{position:absolute;display:block;left:0;width:100%;height:4px;border-radius:10px;content:""} .c-hamburger span::before{top:-10px} .c-hamburger span::after{bottom:-10px} .c-hamburger span{-webkit-transition:background 0;transition:background 0} .c-hamburger span::after,.c-hamburger span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0;transition-delay:.3s,0} .c-hamburger span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform} .c-hamburger span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform} .c-hamburger.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .c-hamburger.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .c-hamburger.is-active span::after,.c-hamburger.is-active span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s} .c-hamburger.is-active span::after,.c-hamburger.is-active span::before{background-color:var(--azul-brand)} .c-hamburger span,.c-hamburger span::after,.c-hamburger span::before{background-color:var(--azul-brand)} .c-hamburger.is-active span{background-color:transparent} .main-header.fixed{position:fixed;top:0;left:0;right:0;z-index:999;height:auto} .main-header.fixed .center-bar,.main-header.fixed .top-bar{display:none} .main-header.fixed .main-logo-color{display:none} .main-header.fixed .main-logo-blanco{display:block} .main-header.fixed .main-zone .container{padding-top:15px;padding-bottom:15px} .main-header.fixed .header-tools a{font-size:1.6em} .main-header.fixed .main-zone a{color:#fff} @-webkit-keyframes silde_to_top{ 0%{transform:translateY(-100%);opacity:0} 100%{transform:translateY(0);z-index:999;opacity:1} } .main-header.fixed{-webkit-animation-name:silde_to_top;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-iteration-count:1;-webkit-animation-direction:normal;-webkit-animation-delay:0;-webkit-animation-play-state:running;-webkit-animation-fill-mode:forwards} .main-header.fixed .img-main-logo{max-width:200px} @media screen and (min-width:768px){ .main-header.fixed>.container{display:none} } .logo-en-fixed{display:none} .main-header.fixed .sub-header{border:none} .main-header.fixed .main-menu>li>a{color:#fff;font-size:11px;display:flex;align-items:center} .main-header.fixed .sub-header .container{justify-content:flex-start;align-items:center} .main-header.fixed .logo-en-fixed{display:block} .main-header.fixed .logo-en-fixed img{width:40px} @media screen and (max-width:768px){ .main-header div.col-links,.main-header div.col-tools{display:none} .main-header [class*=col-]{width:auto} .main-header .icolinks svg{height:22px;margin-bottom:2px} .main-header .icolinks span{font-size:9px;font-weight:600;letter-spacing:-.2px} } .iframeholder{display:none} @media screen and (min-width:768px){ .iframeholder{position:fixed;bottom:0;left:0;z-index:9999;width:0;transition:width .3s ease-in-out;display:block} .iframeholder.show{width:400px} #iframeHolder-content{width:100%;height:100%;background-color:#000;height:220px} #iframeHolder-content iframe{width:100%;height:100%} #open-iframeHolder{height:300px;width:20px;background-position-y:55%;background-image:url(https://storage.googleapis.com/noticiasweb/assets/images/gallery/drip-.png);background-color:#fff;background-position:7px 100px;border-radius:0 5px 5px 0;background-repeat:no-repeat;position:absolute;right:-20px;top:0;cursor:pointer} } .nav-ico-submenu{display:none} @media screen and (max-width:768px){ .main-header .icolinks .icolink--mvs{height:35px} .main-header .icolinks .icolink--mvs img{width:70px;height:auto;margin-top:-6px} .icolinks #button-radio,.icolinks #button-webcam{padding-left:.5rem;padding-right:.5rem} } @media screen and (min-width:768px){ li.cont-subsec{margin-right:-10px} .cont-subsec .arrow-down{margin-left:9px;width:18px;height:auto} .cont-subsec .nav-subsec{max-height:300px;display:block;overflow-y:scroll;box-shadow:inset 0 20px 10px -15px #000} .main-menu .nav-subsec a{padding:.8em;color:rgba(255,255,255,.7);display:block;border-bottom:solid 1px rgb(255 255 255 / 12%);font-size:1em;line-height:1em} .cont-subsec .nav-subsec{max-height:300px;display:block;overflow-y:scroll;box-shadow:inset 0 20px 10px -15px #000} .main-menu .nav-subsec a{padding:.8em;color:rgba(255,255,255,.7);display:block;border-bottom:solid 1px rgb(255 255 255 / 12%);font-size:1em;line-height:1em} .main-menu *{scrollbar-width:thin;scrollbar-color:#ff9800 #1f2937} .main-menu ::-webkit-scrollbar{width:16px} .main-menu ::-webkit-scrollbar-track{background:#1f2937} .main-menu ::-webkit-scrollbar-thumb{background-color:#ff9800;border-radius:7px;border:3px solid #1f2937} } @media screen and (min-width:768px){ #iframeHolder-content{width:100%;height:100%;background-color:var(--azul-oscuro);height:220px;display:flex;align-items:center;padding:10px} } .btn-login,.componente-login{display:flex;align-items:center;justify-content:center;line-height:1em} .btn-login{display:flex;align-items:center;line-height:1em;background:#f7ed52;background:linear-gradient(180deg,rgba(247,237,82,1) 49%,rgba(235,214,69,1) 49%);height:100%;padding:5px 7px;border-radius:2px;text-transform:uppercase;font-size:9px;font-weight:800;color:#000;border:solid 1px #000} .main-header .top-bar a.btn-login{color:#000} .btn-login img{width:12px;height:auto;filter:invert(1);margin-top:-2px} .btn-login span{margin-left:3px} @media screen and (min-width:768px){ .main-header .center-bar .componente-login{display:none} } @media screen and (max-width:768px){ .componente-login{margin-right:7px} .btn-login{height:27px;background-color:transparent;padding:5px 8px;border:solid 1px #0003;box-shadow:0 3px 1px #00000030;border:solid 1px #00000063} .btn-login img{width:auto;height:auto;opacity:1;margin:auto} } .col-links{display:flex;gap:15px} .btn-en-vivo{display:flex;align-items:center;font-weight:800;cursor:pointer} .btn-en-vivo .contimg{position:relative;z-index:10;overflow:hidden;border:solid 2px #dadffc;border-radius:50%;background-color:#ebf0fc} .btn-en-vivo span{background-color:#d6dfff;line-height:1em;padding:6px 10px;border-radius:5px;color:#020202;margin-left:-15px;z-index:0;padding-left:22px;font-size:19px} .sliding-menu--body .btn-en-vivo{margin-top:15px} .sliding-menu--body .btn-en-vivo .contimg img{width:50px;height:auto;max-width:100%;height:auto} .sliding-menu--body .btn-en-vivo .span{background-color:#ffba84} @media screen and (max-width:768px){ .envivo-y-login{display:flex;align-items:center;gap:11px} .btn-en-vivo span{font-size:14px} .btn-en-vivo .contimg{width:40px;height:40px} .btn-en-vivo .contimg img{width:100%;height:auto} } @media screen and (min-width:320px) and (max-width:420px){ .btn-en-vivo .contimg{display:none} .btn-en-vivo span{padding:6px 10px;height:33px;display:flex;align-items:center;line-height:1em} } .envivo-y-login{display:flex} @media screen and (min-width:768px){ .btn-en-vivo.hidden-d{display:none} } /* NUEVAS RADIOS ------------ */ @media screen and (min-width: 768px){.hidden-d{display:none}} @media screen and (max-width: 768px){.hidden-m{display:none}} @media screen and (min-width:768px){ .main-header .center-bar .col-logo{width: max-content;} .main-header .center-bar .col-redes{margin-left:auto;width:max-content} .main-header .btn-radios{margin-left:15px} } .btn-radios{display:flex;align-items:center;gap:20px} .btn-radios .btn-radio{cursor:pointer;transition:transform ease-in-out .2s} .btn-radios img{width:100%;max-width:100%;height:auto} .btn-radios .lamejor{width: 94px} .btn-radios .lamejorparati{width:93px} .btn-radios .bienheladas{width: 83px} .btn-radios .puraspabailar {width: 134px;margin-top: -7px;} .btn-radios .btn-radio:hover{transform:scale(1.2)} .main-header ul.redes-sociales a.icolink--mvs{ margin-bottom: -7px; } @media screen and (min-width:768px){ .main-header .center-bar{ padding-top: 15px; padding-bottom: 15px; } } @media screen and (max-width:768px){ .sliding-menu--body .btn-radios{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px} .sliding-menu--body .btn-radio{background-color:#0000005e;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;border-radius:5px} .sliding-menu--body .btn-radio:hover{transform:none} } .player-radio { background-color: #fff; color: #fff; padding: 20px; border-radius: 3px; box-shadow: 0 5px 3px -3px #00000038; z-index: 999; position: fixed; bottom: 0; left: 0; width: 100%; } .player-radio:not(#el-player){display: none;} .player-radio strong{color:#000;display:block;margin-bottom:12px} .player-container{background:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;margin-bottom:25px;box-shadow:0 2px 8px rgba(0,0,0,.05)} .player-container h2{margin-top:0;font-size:1.3em;color:#333} audio{width:100%;height:40px;outline:0;border-radius:5px} .fila.especial audio::-webkit-media-controls-panel{background-color:transparent;color:#000} .cerrarplayer{position:absolute;right:5px;top:5px;cursor:pointer} #el-player-corazon{background-color:#ffedf4;color:#000} #el-player-corazon audio::-webkit-media-controls-panel{background-color:#e05062;color:#000} #el-player-rock{background-color:#000;color:#fff} #el-player-rock strong{color:#fff} #el-player-urbanica{background-color:#d4c7bc;color:#000}