/** Generales **/
body {position: relative;display: inline-block;width:100%;overflow-x:hidden;}
.wrapper {margin: 0 auto;float: left;}
.grid {width:100%;float:none;display:block;margin:0 auto;}
.cell {float:left;width:100%;}
.grid, .cell, .mainBox, .mediaBox {position:relative;}

.gridBox,
.mediaBox {display: block;width:100%}
.mediaBox > a {width:100%;height:100%;}
.mediaBox > a, .ima>img {position:absolute;top:0;left:0;}

/* formato de imagen */
.mediaBox .ima {display:block;}
/* .H img {width:auto;height:100%;} */

/** Estructura **/
.bodier > .container {padding: 2.4rem 0;}
.container:not(.striplayer) + .container:not(.striplayer) {padding-top:0;}
.gridBox .cell {padding:1.2rem;}
/* byside */
.container.byside {margin-top:-2.4rem}
.toplayer + .byside, .toplayer + #striplayer + .byside {padding-top:6rem}
/* bloody */
.container.bloody .gridBox {padding: 1.2rem;}
.container.bloody .gridBox .cell {padding: 0;}

/** positions **/
.bodier {z-index:1;}

.container > section.grid,.f0x0 > img,.ico img,.promo_mod,.totem .mainBox {position: relative;}


/** ico **/
.ico, .ico > a {display:inline-block}
.ico img {margin: 0 auto;background-repeat: no-repeat;vertical-align: middle;display: inline-block;}
.ico a, .icon .falseA, .icon .falseA * {background: transparent;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
/* catalogo ico */
.arrays .gridBox .topBox .cell .mediaBox .ico.play, /* revisar alacarta*/
.mainBox .mediaBox a .ico {position:absolute;top:auto;bottom: -1.6rem;z-index:3;left: 1.2rem;width: 6rem;background: #fff;height: 6rem;border-radius: 100%;}
.arrays .gridBox .topBox .cell .mediaBox .ico.play img,  /* revisar alacarta*/
.mainBox .mediaBox a .ico img {margin-left: 1rem;margin-top: 1.2rem;float:left;width:3.6rem;height:3.6rem;background-image:url('/css/rtve.2016.radio/programas-de-rne/musica/radio3-extra/i/icons_40x40_b62634.png');background-size: 1100%;}
.arrays .gridBox .topBox .cell .mediaBox .ico.play span.duration,  /* revisar alacarta*/
.mainBox .mediaBox a .ico .duration {text-align:left;float:left;position: absolute;top: 0;left: 6rem;display:inline-block;width: 20rem;color:#fff;font-size:1.6rem;line-height:6.4rem;font-weight:400;margin-left:0.8rem;clip: auto;}
.arrays .gridBox .topBox .cell .mediaBox .ico.play,  /* revisar alacarta*/
.arrays .mainBox .mediaBox a .ico {bottom:0.8rem}

/* iconos */
.videoBox .video.play img {background-position:00% 80%;}
.audioBox .audio.play img {background-position:10% 80%;}

/* ico share */
.socialBox .ico.share > .blindBox{clip:rect(0,0,0,0);position:absolute !important;left:-1000%;left:0;bottom:0}
.socialBox .ico .legend {position:absolute;left:-900%;top:-900%;visibility:hidden}
.socialBox .ico {float:left;}
.socialBox .ico.share img {background-image: url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');background-size: 1100%;opacity: 0.95;margin: 0 auto;background-repeat: no-repeat;vertical-align: middle;display: inline-block;width: 3.6rem;height: 3.6rem}
.socialBox .ico.share img {background-position: 10% 40%}
.socialBox .ico.fbook img {background-position:00% 60%;}
.socialBox .ico.twitt img {background-position:10% 60%;}
.socialBox .ico.gplus img {background-position:20% 60%;}
.socialBox .ico.bmark img {background-position:20% 40%;}
.socialBox .comms img,
.socialBlock .comms img {background-position: 40% 40%;}
/** **/


/** Fuentes **/
/* .bodier *, .container .grid > .secBox span {font-family: 'Roboto Regular','arial',sans-serif;} */
.container .grid > .secBox span,
.grid > .secBox span a {font-family: 'Roboto','arial',sans-serif;font-size:2.2rem;line-height:2.8rem;font-weight:700;text-transform:uppercase;}
.mainBox .txtBox .pretitle {font-size:1.4rem;line-height:2rem;text-transform:uppercase;}
.mainBox .txtBox .maintitle {font-size:1.8rem;line-height:2.4rem;font-weight:500;}
.mainBox .auxBox * {font-size:1.8rem;line-height:2.2rem;font-weight:400;}
.mainBox .auxBox strong {font-weight:500;}
.mainBox .auxBox li{padding-left:2rem;position: relative;}
.mainBox .auxBox li:before{content:"play_arrow";color:#c1272d;font-family:"Material Icons";-webkit-font-smoothing:antialiased;display:inline-block;position:absolute;top:0;left:0;}

/*g1 y g3*/
.g1.grid .gridBox .cell .maintitle,
.g3.notory .cell:first-child .maintitle {font-size:2.2rem;line-height:2.8rem;}
.g3.notory .cell:nth-child(1n+2) .maintitle {font-size:2rem;line-height:2.6rem;}
.g3.notory .mainBox .txtBox .pretitle {font-size:1.6rem;line-height:2.2rem;}

/** titulos grandes **/
.txtsize_04 .mainBox .txtBox .maintitle {font-size:2rem;line-height:2.6rem;}
.txtsize_05 .mainBox .txtBox .maintitle {font-size:2.2rem;line-height:2.8rem;}
.txtsize_06 .mainBox .txtBox .maintitle {font-size:2.4rem;line-height:3rem;}
/*g1 y g3*/
.g1.grid .gridBox .cell .txtsize_04 .maintitle,
.g3.notory .cell:first-child .txtsize_04 .maintitle {font-size:2.4rem;line-height:3rem;}
.g1.grid .gridBox .cell .txtsize_05 .maintitle,
.g3.notory .cell:first-child .txtsize_05 .maintitle {font-size:2.8rem;line-height:3.4rem;}
.g1.grid .gridBox .cell .txtsize_06 .maintitle,
.g3.notory .cell:first-child .txtsize_06 .maintitle {font-size:3rem;line-height:3.6rem;}
.g3.notory .cell:nth-child(1n+2) .txtsize_04 .maintitle {font-size:2.2rem;line-height:2.8rem;}
.g3.notory .cell:nth-child(1n+2) .txtsize_05 .maintitle {font-size:2.4rem;line-height:3rem;}
.g3.notory .cell:nth-child(1n+2) .txtsize_06 .maintitle {font-size:2.6rem;line-height:3.2rem;}


/* catalogo */
.arrays .mainBox .txtBox .maintitle {font-weight:400;}

/* enlaces */
.links_mod .mainBox .auxBox * {font-size:1.5rem;line-height: 2rem;}

.g5 .links_mod .txtBox,.g5 .links_mod .auxBox {text-align:center;padding: 0 1.2rem;}
.g5 .links_mod .mediaBox .ima > img {margin-left:14%;}

/** enlaces sociales **/
.linksBox.container:not(.striplayer) .grid.single .cell .mod {background:transparent;}
.linksBox .mainBox .txtBox {padding-top:0;text-align:center}


/* positions */
.grid .secBox,
.mainBox .txtBox,.mainBox .auxBox,
.mainBox .pretitle, .mainBox .maintitle {display:block}

.grid .secBox {padding: 1.2rem;}
.mainBox .txtBox,
.mainBox .auxBox {padding:2.8rem 2.4rem 0 2.4rem;}
.mainBox .auxBox {padding-top: 1.2rem}

.arrays .mainBox .txtBox {padding:1.8rem 2.4rem}

.container:not(.striplayer) .grid:not(.g1):not(.arrays) .cell .mod {padding-bottom: 2.8rem;}


/** Colores **/
.bodier {background:#DAD7D7;}
.container.striplayer,
.container:not(.striplayer) .grid.single .cell .mod,
.container:not(.striplayer) .grid.slaves .cell .mod {background: #fff;}

/* textos */
.grid > .secBox span {color:#641e40;}
.mainBox .txtBox .pretitle, .g1.grid .gridBox .cell .auxBox a,
.g3.notory .cell:first-child .auxBox a {color:#c1272d;}

/*catalogo*/
.arrays .mainBox .txtBox{position:absolute;top:0;left:0;width:100%;height:100%;
  background: -moz-linear-gradient(left, rgba(100,30,64,0.85) 0%, rgba(100,30,64,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(100,30,64,0.85) 0%,rgba(100,30,64,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(100,30,64,0.85) 0%,rgba(100,30,64,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9641e40', endColorstr='#00641e40',GradientType=1 ); /* IE6-9 */}
.arrays .txtBox .maintitle {color:#fff;}



/** ocultar elementos **/
.bodier .socialBox,
.ico.notic,
.ghost,
.mediaBox.videoBox > .ico.redad {display:none}

/* @media (max-width: 1099px){
  body {font-size: 0.96em;}
} */