@charset 'UTF-8';
@import url('rtve.cctt_selportada.basics.css');

/** FONDOS **************************************/
/************************************************/
/*#infoTerritorial
#infoTerritorial img */
#infoTerritorial {display:inline-block;width:100%;}

.bodier>.container.infoCCTT {background-color:#e5e5e5;}
.bodier>.container.infoCCTT {background:url('http://img2.rtve.es/css/rtve.2020.radio/extremadura-TE_SRNEX11/i/map01.png') 0 20%, url('http://img2.rtve.es/css/rtve.2020.radio/extremadura-TE_SRNEX11/i/map02.png') 100% 20%, #e5e5e5;background-repeat:no-repeat;box-shadow:0 1.2rem 1.2rem rgba(0,0,0,0.2);}
.bodier>.container.infoCCTT .mainBox .maintitle {color:#494847;font-weight:500;}
.bodier>.container.infoCCTT .mainBox .pretitle {color:#858585;}
.infoCCTT .mainBox .auxBox .pubBox {display: none;}
.infoCCTT.striplayer > .grid > .secBox,.bodier>.container.infoCCTT .gridBox {padding:1.6rem 0 0 0;}
/*.infoCCTT.striplayer > .grid > .secBox {position:absolute;top:0;left:0;padding-left:1.2rem;}*/

.infoCCTT.striplayer > .grid > strong span {color:#333;}

/** PASTILLA INICIAL ****************************/
/************************************************/
.ccttSel {margin-top:-4rem;}
.ccttSel:not(.active) {padding:0.8rem 4rem 0.8rem 7.6rem;height:6rem;}
.ccttSel:not(.active) strong[role="option"]:before {content:'En directo ';}

.ccttSel {width:auto;min-width:31.8rem;float:right;border-radius:3rem;}
.ccttSel.active .open_close .rtve-icons {margin:0;position:absolute;right:1.6rem;top:1.2rem;}
.ccttSel .open_close {cursor:pointer;}
.ccttSel.active {display:flex;flex-direction:row;align-items:center;}

.ccttSel.active [role="listbox"] {display:flex;flex-flow:column wrap;width:100%;max-height:24rem;padding:4.8rem 2.4rem 2.4rem 7.2rem;}
.ccttSel.active [role="listbox"] > li {margin:0 0 0 2.4rem;}
.ccttSel.active [role="listbox"] > li:hover {background-color:rgba(255,255,255,0.33);cursor:pointer;}
.ccttSel.active [role="listbox"] > li:hover strong {color:#000;}
.ccttSel.active [role="listbox"] > li:hover:before {border:0.4rem solid #fff;margin:0;}

.ccttSel:not(.active) [role="listbox"] > .active:hover:before {animation-name:pulso_directo;animation-duration:2s;animation-iteration-count:infinite;}

.ccttSel.active [role="label"] {position:absolute;left:9.6rem;top:1.2rem;}
.ccttSel .open_close .rtve-icons {transform:rotate(0deg);transition:transform 0.5s ease-in-out;}
.ccttSel:not(.active) .open_close .rtve-icons:hover {transform:rotate(90deg);}
.ccttSel.active .open_close:hover .rtve-icons {background-image:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_close_circulo_FFFFFF.svg');
	width:3.6rem;height:3.6rem;margin:-0.2rem -0.2rem 0 0;}
	
/***/