@charset 'UTF-8';

/*provisional*/
.mod .socialBox > .comms {display:none;}

/*textos dentro*//*tenemos que salvar el play-icon para poder acceder al enlace, pero sin sobrepasar por la derecha la caja de texto*/

.mainBox .auxBox {padding-bottom:1em;}
.overBox {width:100%;bottom:0.4em;padding-bottom:1.4em;}

/*DIS-13131*/
.mainBox .pretitle,.mainBox .maintitle {display:block;}

.mainBox .overBox .auxBox {padding-bottom:0;}
.gridBox .mediaBox {margin-bottom:2em;}

.inside .gridBox > .cell .ima + a {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 25%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}

.inside.titles .gridBox > .cell .ima + a,
.inside .grid:not(.notory) .gridBox .noticBox .ima:before,
.inside .grid.notory .gridBox:first-child .noticBox .ima:before,
.inside .gridBox > .cell .links_mod a .mediaBox:before, .inside .gridBox > .cell .links_mod a + .mediaBox:before   {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.inside .gridBox > .cell .links_mod a .mediaBox:before, .inside .gridBox > .cell .links_mod a + .mediaBox:before,
.inside .grid:not(.notory) .gridBox .noticBox .ima:before {content:'';width:100%;height:100%;display:inline-block;}
.inside .gridBox > .cell .links_mod a .mediaBox:before, .inside .gridBox > .cell .links_mod a + .mediaBox:before,
.inside .grid:not(.notory) .gridBox .noticBox .ima:before {position:absolute;left:0;top:0;z-index:1;}


/*actuamos sobre la caja superpuesta, no sobre la caja de texto*/
.inside .ico.play {z-index:2;}
.inside .overBox {border-style:solid;border-color:transparent;}

/* solo para los inside noticBox todo border-width menor */
.bloody.inside .mediaBox.noticBox  + .overBox {border-width:0 2em 0 4em;}

/*g4-g5*/
.bloody.inside .g4 .mediaBox.noticBox  + .overBox {border-width:0 2em 0 8em;}
.bloody.inside .g5 .mediaBox.noticBox  + .overBox {border-width:0 2em 0 8em;}

.bloody.inside .mediaBox:not(.noticBox) .overBox  {border-width:0 2em 0 11em;}
.bloody.inside .notory.g3.inrows .gridBox > .cell  .mediaBox:not(.noticBox) + .overBox {border-width:0 2em 0 8em;}
.inside .mediaBox:not(.noticBox) + .overBox {border-width:0 3em 0 12em;}
.inside .g4 .mediaBox:not(.noticBox) + .overBox {border-width:0 3em 0 6em;}
.inside .g5 .mediaBox:not(.noticBox) + .overBox {border-width:0 3em 0 6em;}
.inside .mediaBox.noticBox  + .overBox {border-width:0 6em;}

.inside .notory.g1.size100 .gridBox>.cell .overBox {border-width:0 6em 2em 18em;}
.bloody.inside .notory.size100 .gridBox > .cell .mediaBox:not(.noticBox) +.overBox {border-width:0 2em 0 16em;}

.bloody.inside:not(.titles) .notory.g1.size100 .gridBox > .cell .mediaBox:not(.noticBox) + .overBox {border-width:0 4rem 0 18rem;}

.bloody.inside .size_50.g2 .slavesBox .overBox {border:0 none;}

/*g3 con 5 elementos*/
.bodier .inside .g3.notory.size_75.incols .gridBox>.cell .overBox {border-width: 0 4.8rem 0 6.4rem;}

/*todo dentro*/
.inside .overBox {height:auto;}
.inside .mediaBox,
.inside:not(.titles) .simply.g3 .mediaBox,
.inside:not(.titles) .size_50.g3 .cell:first-child .mediaBox,
.inside:not(.titles) .size_75.g3 .cell:first-child .mediaBox,
.inside.bloody:not(.titles) .size_50.g3 .cell .mediaBox,
.inside:not(.titles) .size100.g3 .gridBox > .cell:first-child .mediaBox {margin-bottom:0;}

.inside:not(.bloody) .overBox,
.inside .g1 .overBox,
.inside.bloody:not(.titles) .g2.size100 .gridBox > .cell .overBox {bottom:2em;}



/*solo titular*/
.inside.titles .overBox {margin-top:-3.2em;bottom:auto;height:0;}
.titles:not(.bloody) .notory.size100 .gridBox > .cell .overBox {margin-top:-4.5em;}
.inside.titles .mediaBox {margin-bottom:2em;}
.inside.titles .txtBox {bottom:2em;}



/*sangrado lateral*/
.mainBox .socialBox + .txtBox,
.mainBox .socialBox + .txtBox + .auxBox,
.mainBox .relcont {padding-left:9em;padding-right:2em;}
.g1 .no_ima .mainBox .socialBox + .txtBox, .g1 .no_ima .mainBox .socialBox + .txtBox + .auxBox {padding-left:11em;}
/*primero lo generico*/
.g3.simply .txtBox,.g3.simply .txtBox + .auxBox {padding-left:0;}

.bloody .mainBox .socialBox + .txtBox,
.bloody .mainBox .socialBox + .txtBox + .auxBox,
.inside .mainBox .overBox + .socialBox + .auxBox,
.bloody .mainBox .relcont,
.bloody .mainBox .relcont,
.inside .mainBox .relcont {padding-left:5em;padding-right:2em;}

.bloody.inside .mainBox .overBox + .socialBox + .auxBox,
.bloody.inside .mainBox .relcont {padding-left:11em;padding-right:2em;}

.bloody.inside .size100.g1 .mainBox .overBox + .socialBox + .auxBox {padding-left:16em;}


/*los sociales*/
.socialBox {margin-bottom:0.8rem;width:8.4rem;}

.container:not(.bloody):not(.inside) > .g3 .socialBox,
.container:not(.bloody) > .size_60.g2 .socialBox,
.container:not(.inside) > .size100.g2 .socialBox,
.titles:not(.bloody) .size100.g1 .socialBox {}


.inside .socialBox {position:absolute;left:auto;margin:0;z-index:3;}
.inside.bloody .notory.size100:not(.g3) .gridBox > .cell .socialBox {top:auto;bottom:10em;left:4em;margin-bottom:5.2em;}
  .inside .notory.g2.slaves .slavesBox .socialBox {margin-bottom:1.2em;}
  /*.inside:not(.bloody):not(.titles) .size_75.g3 .cell:first-child .noticBox + .overBox + .socialBox {top:1.2em;left:1.4em;width:4em;bottom:auto;}*/
  /*.inside:not(.bloody):not(.titles) .size_50.g3 .cell:first-child .noticBox + .overBox + .socialBox {top:1.2em;left:1.4em;width:4em;bottom:auto;}*/
.inside.titles .socialBox {position:relative;}
.inside:not(.titles) .mediaBox  + .overBox  + .socialBox {bottom:10em;}
.inside:not(.titles) .mediaBox.noticBox + .overBox + .socialBox {top:4em;left:4em;}
.inside.titles .socialBox {bottom:auto;}
.inside.bloody:not(.titles)  .grid:not(.g1) .socialBox {top:1.2em;bottom:auto;left:1.4em;width:4em;} /*nuevos iconos*/

.inside:not(.titles):not(.bloody) .notory.size100.g1 .gridBox .cell .socialBox {margin: 0 0 2em 2em;}
.inside:not(.titles):not(.bloody) .notory.size100.g1 .gridBox .cell .socialBox {top:auto;bottom:13em;left:4em;}



.inside:not(.bloody) .size_50.g3 .socialBox,
.inside:not(.bloody) .size_75.g3 .socialBox,
.inside:not(.bloody) .size100.g3 .socialBox {margin-bottom:1em;}
.bloody:not(.inside) .size100.g3 .slavesBox .socialBox {margin-bottom:0;margin-top:0.5em;padding-left:1em;}
.inside:not(.bloody) .size_50.g3 .cell:nth-child(2) .socialBox,
.inside:not(.bloody) .size_50.g3 .cell:nth-child(3) .socialBox,
.inside:not(.bloody) .size_75.g3 .cell:nth-child(2) .socialBox,
.inside:not(.bloody) .size_75.g3 .cell:nth-child(3) .socialBox  {width:100%;}



/*textos sin recorrer*/

.container:not(.bloody) > .size_33.g3 .txtBox,
.container:not(.bloody) > .size_33.g3 .auxBox {clear:both;}


.g4 .txtBox,.g4 .auxBox {clear:both;}


/*textos debajo*/
.simply.g4 .auxBox,.simply.g4 .txtBox {clear:both;}
.simply.g4 .txtBox,.simply.g4 .txtBox + .auxBox {padding-left:0;}
.container[data-tipo="mod_maquetacion"]:not(.inside) .g3 .mod:not(.no_ima) .mediaBox,
.container[data-tipo="mod_maquetacion"]:not(.inside) .g4 .mod:not(.no_ima) .mediaBox,
.container[data-tipo="mod_maquetacion"]:not(.inside) .g5 .mod:not(.no_ima) .mediaBox {margin-bottom:1.6em;}



*[class*="size"] .overBox > .txtBox,*[class*="size"] .overBox > .auxBox,
*[class*="size"] .overBox > .relcont,
.bloody.inside .overBox > .relcont {padding-left:0;}

.titles .overBox > .txtBox {width:auto;display:block;}



.socialBox {display:inline-block;float:left;}
.slavesBox {display:inline-block;float:right;background:white;}

.mainBox .auxBox .pubBox {display:inline-block;}

/*poner a la misma altura*/
.container:not(.bloody)>.size_33.g3 .txtBox, .container:not(.bloody)>.size_33.g3 .auxBox,
.simply.size_25.g4 .mainBox .txtBox, .simply.size_25.g4 .mainBox .auxBox{clear:none;padding-left:3rem;}

.simply.size_25.g4 .mainBox .txtBox, .simply.size_25.g4 .mainBox .auxBox,
.simply.size_20.g5 .mainBox .txtBox, .simply.size_20.g5 .mainBox .auxBox {padding-left:0;padding-bottom:1em}



/** G2 MODULES **********************************/
/************************************************/
.container:not(.bloody) > .slaves.size_60.g2 .slavesBox,
.container:not(.bloody) > .slaves.size_50.g2 .slavesBox,
.inside:not(.bloody) .slaves.size_60.g2 .overBox {width:60%;}


.container:not(.bloody) > .slaves.size_60.g2 .slavesBox,
.container:not(.bloody) > .slaves.size_50.g2 .slavesBox {margin:-14.6em 0 0 0;}
.container:not(.bloody) > .slaves.size_60.g2 .gridBox > .cell .mainBox {margin-bottom:14.6em;}

.container:not(.bloody) > .slaves.size100.g2 .slavesBox .relcont,
.container:not(.bloody) > .slaves.size_60.g2 .slavesBox .relcont {padding:1em 0 0 2em;}



/*grid g2 notory size100 slaves inrows*/
.container:not(.bloody) > .slaves.size100.g2 .slavesBox,
.container:not(.bloody) > .slaves.size100.g2 .slavesBox .mediaBox {width:50%;}

.container:not(.bloody) > .slaves.size100.g2 .gridBox > .cell .auxBox,
.container:not(.bloody) > .slaves.size100.g2 .gridBox > .cell .txtBox {padding-right:2rem;}

.bloody:not(.inside) .slaves.size100.g2 .slavesBox {width:40%;right:0;top:0;padding:4em;height:auto;}
.bloody:not(.inside) .slaves.size100.g2 .slavesBox .mediaBox {width:100%;}
.bloody:not(.inside) .slaves.size100.g2 .slavesBox .txtBox,
.bloody:not(.inside) .slaves.size100.g2 .slavesBox .auxBox {padding-left:8em;}



.container:not(.bloody) > .slaves.size100.g2 .slavesBox {padding-top:2em;bottom:0;}

.container:not(.bloody) > .slaves.size100.g2 .slavesBox .mediaBox {float:left;border-width:0 1em 0 2em;margin:0 0 2em 0;}


.inside:not(.bloody) .slaves.size100.g2 .gridBox > .cell .overBox {width:50%;}
.inside:not(.bloody) .slaves.size100.g2 .gridBox > .cell .txtBox,
.inside:not(.bloody):not(.titles) .slaves.size100.g2 .gridBox > .cell .auxBox,
.inside:not(.bloody):not(.titles) .slaves.size100.g2 .gridBox > .cell .relcont {width:100%;}

.inside:not(.bloody):not(.titles) .slaves.size100.g2 .slavesBox {}


.container:not(.bloody) > .g2 .slavesBox .cell {padding:0 0 2em 0;}




.container:not(.bloody) > .size_60.g2 .gridBox .socialBox,
.container:not(.bloody) > .slaves.size100.g2 .slavesBox .socialBox,
.container:not(.bloody) > .slaves.size_50.g2 .slavesBox .socialBox {clear:both;margin:0 0 1em 2em;width:auto;}

/*grid g2 notory size_60 slaves incols*/


.inside:not(.bloody) .size_60.g2 .gridBox .socialBox {clear:none;margin-left:0;position:absolute;left:60%;}



.container:not(.bloody) > .size_60.g2 .gridBox > .cell,
.container:not(.bloody) > .slaves.size_50.g2 .gridBox > .cell {padding:2em 0 0 0;}

.container:not(.bloody) > .size_60.g2 .gridBox > .cell .mediaBox,
.container:not(.bloody) > .slaves.size_50.g2 .gridBox > .cell .mediaBox {border-right:2em solid transparent;}
.container:not(.bloody) > .size_60.g2 .gridBox > .cell .mediaBox {border-left:2em solid transparent;}
.container:not(.bloody) > .slaves.size_50.g2 .gridBox > .cell .mediaBox {border-left:5.9em solid transparent;}

.size_60.g2 .gridBox > .cell .mediaBox {width:60%;}
.container:not(.bloody) > .slaves.size_50.g2 .gridBox > .cell .mediaBox {width:50%;margin-left:10%;}


.container:not(.bloody) > .g2 .slavesBox .mediaBox {border-style:solid;border-width:2em 2em 0 2em;border-color:transparent;}
.g2 .slavesBox .mediaBox {width:33.33%;}



.container:not(.bloody) > .notory.size_50.g2 .gridBox > .cell .socialBox,
.size_50.g1 .cell .socialBox {position:absolute;left:2em;}
.size_50.g2 .slavesBox .txtBox .pretitle,
.container:not(.bloody) > .size_60.g2 .slavesBox .txtBox .pretitle {float:none;}



.size_60.g1 .cell .socialBox,.size_75.g1 .cell .socialBox {position:relative;width:auto;float:none;margin:0;}


/*espaciado vertical*/
.mainBox .txtBox + .auxBox,
.mainBox .auxBox > * + * {margin-top:1em;}
.size_60.g2 .slavesBox .txtBox,
.size_50.g2 .slavesBox .txtBox {border-top:2em solid transparent;}


.size_60.g4 .gridBox > .cell .socialBox {margin-bottom:0;}



/*listas en entradillas*/
.mainBox .auxBox li {padding-left:1em;}
.mainBox .auxBox li:before {float:left;content:'\25BA';font-size:70%;height:1.43em;width:1.43em;line-height:1.43;display:inline-block;position:relative;left:-1.43em;margin-right:-1.43em;}
/*los relacionados no siguen la norma*/
.mainBox .auxBox .relcont li {padding:0;}
.mainBox .auxBox .relcont li:before {display:none;}









.slaves .incols .cell {width:100%;}




/*textos a la izquierda*/
.g1 .mediaBox,
.notory.size_50.g2 .mediaBox,
.notory.size_60.g2 .mediaBox,
.size_60.g4 .gridBox > .cell:first-child .mediaBox {float:left;}
.notory.g1 .mediaBox,
.inside .notory.size_50.g2 .mediaBox,
.inside .notory.size_60.g2 .mediaBox,
.inside .size_60.g4 .gridBox > .cell:first-child .mediaBox {float:none;}


.notory.size_50.g2 .gridBox > .cell:first-child,
.size_60.g2 .gridBox > .cell:first-child {padding-bottom:0;}



/*textos debajo*//*social izquierda*/

.container:not(.bloody) > .size100.g2 .slavesBox .mod:not(.no_ima) .txtBox,
.container:not(.bloody) > .size100.g2 .slavesBox .mod:not(.no_ima) .auxBox {padding-left:50%;margin-left:1em;}
.container:not(.bloody) > .size100.g2 .slavesBox .mod.no_ima .txtBox,
.container:not(.bloody) > .size100.g2 .slavesBox .mod.no_ima .auxBox {margin-left:2em;}

.size100.g2 .gridBox > .cell .txtBox,.size100.g2 .gridBox > .cell .auxBox,
.size100.g2 .gridBox > .cell .relcont {width:50%;clear:none;}
.bloody:not(.inside) .slaves.size100.g2 .gridBox > .cell .auxBox,
.bloody.inside.titles .slaves.size100.g2 .gridBox > .cell .auxBox {width:100%;}
.bloody.inside.titles .slaves.size100.g2 .gridBox > .cell .auxBox {padding-left:16em;}
.bloody:not(.inside) .slaves.size100.g2 .gridBox > .cell .txtBox {width:60%;margin-top:-0.5em;}
.size100.incols.g3 .gridBox > .cell:first-child .txtBox,.size100.incols.g3 .gridBox > .cell:first-child .auxBox,
.size100.incols.g3 .gridBox > .cell:first-child .relcont {width:70%;clear:none;}
.size100.inrows.g3 .gridBox > .cell:first-child .txtBox,
.size100.inrows.g3 .gridBox > .cell:first-child .auxBox,
.size100.inrows.g3 .gridBox > .cell:first-child .relcont {width:56%;clear:none;}

/*column:border right*/
.slaves.size100.g3  .gridBox.right .slavesBox {left:2em;}
.size100.incols.g3 .gridBox.right > .cell:first-child .socialBox,
.size100.incols.g3 .gridBox.right > .cell:first-child .txtBox,
.size100.incols.g3 .gridBox.right > .cell:first-child .auxBox,
.size100.incols.g3 .gridBox.right > .cell:first-child .relcont {margin-left:25%;}
.size100.inrows.g3 .gridBox.right > .cell:first-child .socialBox,
.size100.inrows.g3 .gridBox.right > .cell:first-child .txtBox,
.size100.inrows.g3 .gridBox.right > .cell:first-child .auxBox,
.size100.inrows.g3 .gridBox.right > .cell:first-child .relcont {margin-left:40%;border-left:2rem solid transparent;}



/*textos dentro*/
.titles .simply .gridBox > .cell .auxBox {clear:none;}
.bloody.titles .g3[class*="size"] .gridBox > .cell .overBox .txtBox,
.titles:not(.bloody) .g3.notory .gridBox > .cell:first-child .txtBox {padding-left:0;width:auto;}



/*textos dentro*//*.g3.notory :: solo el primero*/
.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(2) .overBox,
.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(3) .overBox,
.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(2) .txtBox,
.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(3) .txtBox,
.g3.notory.size100 .slavesBox > .cell .overBox,
.g3.notory.size100 .slavesBox > .cell .txtBox {position:relative;left:auto;top:auto;bottom:auto;height:auto;margin:0;}

.container.unSocialBox:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(2) .overBox,
.container.unSocialBox:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(3) .overBox,
.g3.notory.size100 .slavesBox > .cell .overBox {border:0 none;padding:0;}


.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(2) .overBox:not(:empty) + .socialBox .ico.share .ico,
.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(3) .overBox:not(:empty) + .socialBox .ico.share .ico,
.g3.notory.size100 .slavesBox > .cell .overBox + .socialBox .ico.share .ico {}

.titles:not(.bloody) .g3.notory .gridBox > .cell:nth-child(2) .mediaBox,
.titles:not(.bloody) .g3.notory .gridBox > .cell:nth-child(3) .mediaBox {margin-bottom:1em;}
.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(2) .mediaBox a,
.container:not(.bloody) > .g3.notory .gridBox > .cell:nth-child(3) .mediaBox a,
.g3.notory.size100 .slavesBox > .cell .mediaBox a {background:transparent;}

.g3.notory.size100.slaves .gridBox > .cell .overBox .txtBox {width:47%;}


/** G4 MODULES **********************************/
/************************************************/
.notory.g4 .cell {width:20%;}
.slaves.g4 .slavesBox .cell {padding:0;border:2em solid transparent;}
.slaves.g4.inrows .slavesBox {top:-2em;margin-top:-10.9%;}
.size_60.g4 .gridBox > .cell {width:100%;padding:2em 0 0 0;}
.size_60.g4 .gridBox > .cell .mediaBox {border:2em solid transparent;border-top:0 none;margin:0 2em 0 0;}
.size_60.g4 .gridBox > .cell .mediaBox,
.slaves.size_60.inrows.g4 .slavesBox {width:60%;}
.slaves.size_60.inrows.g4 .slavesBox .cell {width:33.3%;}
.slaves.size_60.inrows.g4 .slavesBox .mediaBox {/*margin:0;*/}
.size_60.g4 .gridBox > .cell .socialBox {/*position:absolute;left:2em;bottom:-3.9em;*/}

.size_25.g4 .mainBox .txtBox,.size_25.g4 .mainBox .auxBox,
.size_25.g4 .mainBox .relcont,
.size_60.g4 .slavesBox .txtBox,.size_60.g4 .slavesBox .auxBox,
.size_60.g4 .slavesBox .relcont {padding:0;}
.size_60.g4 .gridBox > .cell .socialBox {width:38%;}
.size_60.g4 .gridBox > .cell .txtBox,.size_60.g4 .gridBox > .cell .auxBox {clear:none;}
.size_60.g4 .gridBox > .cell .mod {position:relative;}
.size_60.g4 .gridBox > .cell .relcont {position:absolute;width:33.333%;top:100%;padding-left:2em;}
.size_60.g4 .gridBox > .cell .relcont li {padding-left:2em;}



/** G1 MODULES **********************************/
/************************************************/
.size_50.g1 .mod:not(.no_ima) .mediaBox {width:50%;border-left:6em solid transparent;border-right:2em solid transparent;margin:0 2em 2em 10%;}
.size_60.g1 .mod:not(.no_ima) .mediaBox {width:60%;border-left:2em solid transparent;border-right:2em solid transparent;margin:0 2em 6em 0;}
.size_75.g1 .mod:not(.no_ima) .mediaBox {width:75%;border-left:2em solid transparent;border-right:2em solid transparent;margin:0 2em 6em 0;}
.size_75.g1 .txtBox .pretitle {float:none;}
.size_50.g1 .cell,.size_60.g1 .cell,.size_75.g1 .cell {padding:2em 0 0 0;}

.bloody .size100.g1 .relcont {padding-right:4em;}
.titles .size100.g1 .relcont,
.titles:not(.bloody) .size100.g1 .mainBox .auxBox {padding-left:16em;}

.g1 .relcont {width:70%;}

/*column:border right*/
.size_50.g1 .gridBox.right .cell, .size_60.g1 .gridBox.right .cell, .size_75.g1 .gridBox.right .cell  {padding:0 0 0 2em;}
.size_75.g1 .gridBox.right .mod:not(.no_ima) .mediaBox {float:right;}
.g1[class*='size_'] .gridBox.right .mainBox .socialBox + .txtBox,
.g1[class*='size_'] .gridBox.right .mainBox .socialBox + .txtBox + .auxBox,
.g1[class*='size_'] .gridBox.right .mainBox .relcont {padding-left:0;}

/** G3 MODULES **********************************/
/************************************************/
.notory.g3 .gridBox > .cell {width:25%;}
.size_50.g3 .gridBox > .cell:first-child {width:50%;}
.size_75.g3 .gridBox > .cell:first-child {width:75%;}
.size100.g3 .gridBox > .cell:first-child {width:100%;}
.slaves.size100.incols.g3 .slavesBox {width:25%;}
.slaves.size100.inrows.g3 .slavesBox {width:40%;}
.slaves.size100.inrows.g3 .slavesBox .cell {width:50%;}

.slaves.size100.inrows.g3 .slavesBox .mediaBox {margin-bottom:1em;}
.slaves.size100.inrows.g3 .slavesBox .socialBox {width:100%;}

/*column:border right*/
.size_50.g3 .gridBox.right > .cell:first-child,
.size_75.g3 .gridBox.right > .cell:first-child,
.size100.g3 .gridBox.right > .cell:first-child {float:right;}

.grid.g1.simply .gridBox.border.right .mediaBox {float:right;}
.grid.g1.simply .gridBox.border.right .mediaBox {border-left:0;border-right:0;}
.grid.g1.simply.size_50 .gridBox.border.right .txtBox {margin:0 2em 2em 10%;}
.grid.g1.simply.size_50 .gridBox.border.right .auxBox {margin:0 2em 2em 10%;}



.bloody.inside .slaves.size100.inrows.g3 .slavesBox .socialBox {margin-bottom:1em;padding-left:0;}

.inside:not(.bloody):not(.titles) .size100.g3.incols .slavesBox .cell .socialBox {top:56.25%;}
/*.inside:not(.bloody) .g3.simply .gridBox > .cell .socialBox .share li {padding:0 0.5em 1em 0.5em;} descoloca imagen en botones sociales*/
.inside:not(.bloody) .g3.simply .gridBox > .cell .socialBox {padding:0;width:4em;margin-left:0.2em;}/**/
.inside:not(.bloody):not(.titles) .g3.simply .gridBox > .cell .socialBox {bottom:6.6em;left:2em;}
.inside.bloody:not(.titles) .g3.simply .gridBox >.cell .socialBox {}

.inside:not(.bloody) .g3.simply .overBox {border-width:0 4em 0 8em;}
.inside.titles:not(.bloody) .g3.simply .auxBox,
.inside.titles:not(.bloody) .g3.simply .relcont {padding:0 0 1em 6em;}

.bloody .simply.g3 .relcont {padding:0 2em 0 10em;}


.slaves.size100.inrows.g3 .slavesBox .txtBox,
.slaves.size100.inrows.g3 .slavesBox .auxBox,
.slaves.size100.inrows.g3 .slavesBox .relcont {clear:both;padding-left:2em;}

.container:not(.bloody) > .size_50.g3 .gridBox > .cell:nth-child(2) .txtBox,
.container:not(.bloody) > .size_50.g3 .gridBox > .cell:nth-child(3) .txtBox,
.container:not(.bloody) > .size_50.g3 .gridBox > .cell:nth-child(2) .auxBox,
.container:not(.bloody) > .size_50.g3 .gridBox > .cell:nth-child(3) .auxBox,
.container:not(.bloody) > .size_75.g3 .gridBox > .cell:nth-child(2) .txtBox,
.container:not(.bloody) > .size_75.g3 .gridBox > .cell:nth-child(3) .txtBox,
.container:not(.bloody) > .size_75.g3 .gridBox > .cell:nth-child(2) .auxBox,
.container:not(.bloody) > .size_75.g3 .gridBox > .cell:nth-child(3) .auxBox,
.container:not(.bloody) > .size100.g3 .slavesBox .txtBox,
.container:not(.bloody) > .size100.g3 .slavesBox .auxBox,
.container:not(.bloody) > .size_50.g3 .gridBox > .cell:nth-child(2) .relcont,
.container:not(.bloody) > .size_50.g3 .gridBox > .cell:nth-child(3) .relcont,
.container:not(.bloody) > .size_75.g3 .gridBox > .cell:nth-child(2) .relcont,
.container:not(.bloody) > .size_75.g3 .gridBox > .cell:nth-child(3) .relcont,
.container:not(.bloody) > .size100.g3 .slavesBox .relcont	{padding-left:0;padding-right:0;clear:both;}

.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(2) .mainBox,
.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(3) .mainBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(2) .mainBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(3) .mainBox  {position:relative;}
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(2) .overBox,
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(3) .overBox,
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(2) .overBox,
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(3) .overBox,
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size100.g3 .slavesBox .cell .overBox {top:4.4em;margin-bottom:4em;}
.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(2) .mod:not(.no_ima) .socialBox,
.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(3) .mod:not(.no_ima) .socialBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(2) .mod:not(.no_ima) .socialBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(3) .mod:not(.no_ima) .socialBox {left:0;}
.inside:not(.bloody):not(.titles) .size100.g3 .slavesBox .cell .socialBox {bottom:auto;left:0;top:14.2em;}

.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(2) .mod.no_ima .socialBox,
.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(3) .mod.no_ima .socialBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(2) .mod.no_ima .socialBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(3) .mod.no_ima .socialBox {top:0;}

.inside:not(.bloody):not(.titles) .size100.g3 .slavesBox .cell .socialBox {top:13.2em;left:auto;}

.inside.bloody .notory.size_50.g3 .gridBox > .cell .overBox {border-width:0 2em 0 10em;}
.inside.bloody .notory.size_50.g3 .gridBox > .cell .auxBox {padding-left:10em;}

/*arreglo z-index overBox choca con socialBox
.g3.notory.size100 .slavesBox>.cell .overBox{z-index:4;}*/

/** G5 MODULES **********************************/
/************************************************/
.g5 .mainBox .socialBox + .txtBox,
.g5 .mainBox .socialBox + .txtBox + .auxBox,
.g5 .mainBox .relcont {padding:0;}
.g5 .socialBox {width:100%;margin:0;}
.size_60.g5 .gridBox > .cell:first-child .socialBox {width:8em;}
.size_60.g5 .gridBox > .cell:first-child .txtBox,
.size_60.g5 .gridBox > .cell:first-child .auxBox,
.size_60.g5 .gridBox > .cell:first-child .relcont {padding-left:9em;clear:none;}

.size_60.g5 .gridBox > .cell:first-child .relcont {margin-top:1em;}

.notory.g5 .gridBox {display: grid;grid-template-columns: 60% 20% 20%;}
.notory.g5 .gridBox > .cell:first-child {grid-row-start: 1; grid-row-end: 3;}

/*
.size_60.g5 .gridBox > .cell {width:20%;}
.size_60.g5 .gridBox > .cell:first-child {width:60%;}*/





/** LOS BLOODIES ********************************/
/************************************************/
.bloody:not(.inside) .gridBox {padding:0 0 2em 0;}
.bloody.inside:not(.titles) .gridBox {padding:0;}



.bloody .simply .gridBox,.bloody.titles .notory.size100 .gridBox,
.bloody.inside.titles .gridBox {padding:0 0 2em 0;}


.bloody .cell,
.bloody .grid .gridBox > .cell,
.bloody .grid.g2 .gridBox > .cell {padding:0;}


.bloody .simply .gridBox > .cell,.bloody.titles .notory.size100 .gridBox > .cell {/*padding:2em 0;*/}
/*los hacemos transparentes*/
.bloody .grid {background:transparent;}
.bloody .grid > .gridBox {background-color:#fff;}

.bloody .size_60.g2 .gridBox > .cell {width:60%;}
.bloody .slaves.size_50.g2 .gridBox > .cell,.bloody .size_50.g2 .gridBox > .slavesBox {width:50%;background:transparent;}
.bloody .size_60.g2 .gridBox > .slavesBox {width:40%;background:transparent;}
.bloody .size_60.g2 .gridBox > * .mediaBox {width:100%;}

.bloody .size_60.g2 .gridBox > .slavesBox .mediaBox .ima {padding-top:84.4%;}
.bloody .slaves.size_50.g2 .gridBox > .slavesBox .mediaBox {width:56.25%;margin-right:2em;float:left;}
.bloody.inside .slaves.size_50.g2 .gridBox > .slavesBox .mediaBox {width:100%;}
.bloody .slaves.size_50.g2 .gridBox > .slavesBox .mediaBox .ima {padding-top:100%;}
.bloody.inside .slaves.size_50.g2 .gridBox > .slavesBox .mediaBox .ima {padding-top:56.25%;}
.bloody .size_50.g3 .gridBox > .cell:nth-child(2) .mediaBox .ima,
.bloody .size_50.g3 .gridBox > .cell:nth-child(3) .mediaBox .ima {padding-top:112.5%;}

.bloody .size_60.g2 .gridBox > .slavesBox .mediaBox .ima img,
.bloody .slaves.size_50.g2 .gridBox > .slavesBox .mediaBox .ima img,
.bloody .size_50.g3 .gridBox > .cell:nth-child(2) .mediaBox .ima img,
.bloody .size_50.g3 .gridBox > .cell:nth-child(3) .mediaBox .ima img,
.bloody .slaves.size100.g2 .slavesBox .mediaBox .ima img {height:100%;width:auto;}
  .bloody .size_60.g2 .gridBox > .slavesBox .mediaBox .R img,
  .bloody .size_50.g3 .gridBox > .cell:nth-child(2) .mediaBox .R img,
  .bloody .size_50.g3 .gridBox > .cell:nth-child(3) .mediaBox .R img {left:auto;right:0;}
  .bloody .size_60.g2 .gridBox > .slavesBox .mediaBox .T img {left:-25%;}
  .bloody .size_50.g3 .gridBox > .cell:nth-child(2) .mediaBox .T img,
  .bloody .size_50.g3 .gridBox > .cell:nth-child(3) .mediaBox .T img {left:-50%;}

.container:not(.bloody) > .slaves.size_50.g2 .gridBox > .cell .socialBox {width:auto;}

.bloody:not(.inside) .slaves.size_50.g2 .gridBox > .cell .txtBox,
.bloody:not(.inside) .slaves.size_50.g2 .gridBox > .cell .auxBox {width:125%;}
.bloody .slaves.size_50.g2 .gridBox > .cell .txtBox {clear:both;}

.bloody .slaves.size_50.g2 .slavesBox .txtBox,.bloody .slaves.size_50.g2 .slavesBox .auxBox,
.bloody .slaves.size_50.g2 .slavesBox .relcont {padding-left:60%;}
.bloody .slaves.size_50.g2 .slavesBox .relcont {margin-left:-6em;padding-right:2em;}
.bloody.inside .slaves.size_50.g2 .slavesBox .txtBox {padding-left:20%;}
.bloody .slaves.size_50.g2 .slavesBox .pubBox {left:0;margin-left:0;}

.bloody .slaves.size_50.g2 .slavesBox .socialBox {width:21em;padding-top:1.5em;margin-left:-0.5em;}
.bloody.inside .slaves.size_50.g2 .slavesBox .socialBox {position:absolute;left:60%;z-index:1}
/*.bloody .slaves.size_50.g2 .slavesBox .socialBox ul li,
.bloody.inside .notory.size100:not(.g3) .overBox + .socialBox ul li
 {padding:0.5em;}*/


.bloody:not(.inside) .slaves.size_50.g2 .gridBox > .cell .socialBox {position:absolute;margin-top:56.25%;top:2em;left:0;}

.bloody .slaves.size_50.g2 .gridBox > .cell {z-index:1;}

.bloody .slaves.size100.g2 {margin-bottom:4em;}
.bloody .slaves.size100.g2 .slavesBox {width:33.333%;bottom:auto;top:4em;background:transparent;}
.bloody .slaves.size100.g2 .slavesBox .mediaBox {width:100%;}
.inside.bloody .slaves.size100.g2 .slavesBox .mediaBox .ima {padding-top:100%;}/*imagen cuadrada*/
.bloody .slaves.size100.g2 .slavesBox .auxBox > * {color:#fff;}

.bloody .slaves.size100.g2 .gridBox > .cell:first-child .mediaBox .ima:after {content:'';display:inline-block;height:100%;width:50%;position:absolute;top:0;right:0;}

/*dentro icono + social*/
.inside .notory.g1.size100 .gridBox > .cell .mediaBox > a > .ico,
.inside.bloody .notory.g2.size100 .gridBox > .cell .mediaBox > a > .ico {left:4em;bottom:4em;}
.bloody.titles .notory.size100:not(.g3) .gridBox > .cell .mediaBox > a > .ico {bottom:3em;}
/*.inside.bloody:not(.titles) .g2.simply .gridBox >.cell .socialBox {left:0;}*/


.bloody.titles .notory.size100 .gridBox > .cell .socialBox {position:relative;bottom:auto;}
/*.bloody .notory.size100 .overBox {margin-left:20em;padding-bottom:2em;}*/

/*margenes interiores*/


.bloody.inside:not(.titles) .size_50.g3 .gridBox > .cell .auxBox {padding-left:0;}
.bloody:not(.inside) .size_50.g3 .gridBox > .cell:nth-child(2) .txtBox,.bloody:not(.inside)	.size_50.g3 .gridBox > .cell:nth-child(2) .auxBox,
.bloody:not(.inside) .size_50.g3 .gridBox > .cell:nth-child(3) .txtBox,.bloody:not(.inside)	.size_50.g3 .gridBox > .cell:nth-child(3) .auxBox {padding-left:8em;}

/*sociales sin fondo*/
.bloody .grid .socialBox,
.g2.size100 .gridBox > .cell .socialBox,
.titles .simply .gridBox > .cell .socialBox,
.bloody:not(.inside) .slaves.size100.g2 .slavesBox .socialBox,
.g3.notory .gridBox > .cell:first-child .socialBox {/*width:8.4em;*/padding:0;}

.bloody.inside .g2.size100 .slavesBox .socialBox,
.bloody:not(.inside) .size_50.g3 .gridBox > .cell:nth-child(2) .socialBox,
.bloody:not(.inside) .size_50.g3 .gridBox > .cell:nth-child(3) .socialBox,
.bloody:not(.inside) .slaves.size100.g2 .slavesBox .socialBox {padding:0 2em;}
.bloody .grid:not(.g1) .socialBox .ico {margin:0;background-color:transparent;}



/** SUPERPUESTOS ********************************/
/************************************************/

.inside .mediaBox .ima + a {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}


.bloody.inside.titles .size_50.g2 .slavesBox .overBox {padding-top:53%;}
.bloody.inside .size_50.g2 .slavesBox .overBox {padding:0;width:50%;}
.bloody.inside:not(.titles) .size_50.g2 .slavesBox .overBox {padding-top:5em;}
.bloody.inside:not(.titles) .slaves.size_50.g2 .slavesBox .auxBox {padding-left:20%;}
.bloody.inside:not(.titles) .size_50.g2 .slavesBox .socialBox {bottom:auto;top:0;}



/*****/
.bloody .slaves.size100.g2 .gridBox > .cell:first-child .mediaBox .ima:after,
.bloody.inside .size_50.g2 .slavesBox .overBox,
.bloody:not(.inside) .slaves.size100.g2 .slavesBox {
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 */
}




/** HIPERLADILLOS [ gointo ] [ bigTit ] *********/
/************************************************/
/*limitado a modulos al 100%*********************/
.gointo > .g1.grid > h1, .gointo > .g1.grid > .secBox {width:100%;
position:absolute;top:0;left:0;bottom:auto;z-index:3;margin:0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.gointo h1 .titaux,
.bigTit h1 .titaux,
.gointo .secBox span + .titaux,
.bigTit .secBox span + .titaux  {position:absolute;left:4.2857142857142857142857142857143em;z-index:1;}
.gointo h1 .titaux, .gointo .secBox span + .titaux  {bottom:0.25em;}
.bigTit h1 .titaux, .bigTit .secBox span + .titaux  {bottom:-0.75em;}

.gointo h1 span:not(.titaux) {margin:0;}
.subheader + .bodier > .gointo.bloody > .g1.grid > h1,
.subheader + .bodier > .container .gointo.bloody > .g1.grid > h1,
.subheader + .bodier > .gointo.bloody > .g1.grid > .secBox,
.subheader + .bodier > .container .gointo.bloody > .g1.grid > .secBox {padding:2em 0 2em 4em;}
.gointo section > h1 span:not(.titaux),
.gointo section > .secBox span:not(.titaux),
.gointo section > .secBox span:not(.titaux) {opacity:0.5;}
.gointo section > .grid  h1.secBox span {color:#fff;}


.bigTit > .grid > h1,
.bigTit > .grid > .secBox {display:inline-block;top:-0.5em;width:100%;}
.bigTit > .grid > h1 span:not(.titaux),
.bigTit > .grid > .secBox span {color:#000;opacity:0.4;margin:0 0 -0.25em -0.05em;float:left;}
.bigTit > .grid > h1 .titaux {opacity:0.6;}







/** RESULTADOS DEPORTIVOS ***********************/
/************************************************/

/*cintillos modulos portadas*/

.anteBox > .layerBox {width:0;/*border:2em solid transparent;border-top:0 none;border-bottom:0 none;*/}
.scoreBox {
background:#333;
background: -moz-linear-gradient(top,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(15%,rgba(0,0,0,0.75)),color-stop(75%,rgba(0,0,0,0.5)),color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,rgba(0,0,0,0.75) 15%,rgba(0,0,0,0.5) 75%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.scoreBox {width:12.4em;width:16em;}
.scoreBox,.scoreBox .teams,.hooksBox span,.hooksBox em {display:inline-block;}
.hooksBox a {display:block;}
.scoreBox,.hooksBox span,.hooksBox em,.hooksBox a {clear:both;}


/*ESTADOS DEL EVENTO*/
.hooksBox,.teams {color:#fff;}
.hooksBox,.teams {text-align:center;}
.hooksBox {padding-top:0.8em;}
.hooksBox .hour_,.hooksBox em,.scoreBox .dash_:after {width:80%;}
.hooksBox a {padding-bottom:0.6em;}
.scoreBox:hover:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;
background:#333;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(25%,rgba(0,0,0,0.75)),color-stop(75%,rgba(0,0,0,0.75)),color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 25%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0) 100%); /* W3C */
}

.scoreBox .dash_ {width:100%;}
.hooksBox .date_ {border-bottom:0.143em solid;font-weight:bold;}
.scoreBox .dash_ {height:0;display:block;overflow:hidden;margin:0.333em 0;}
.hooksBox .hour_ {margin-bottom:0.2em;color:rgba(255,255,255,0.75);}
.scoreBox .dash_:after {content:'';height:0.0667em;background:rgba(255,255,255,0.5);position:absolute;left:10%;}
.hooksBox em,.teams em {font-style:normal;}

.sheld img {width:3.6em;height:auto;opacity:0.85;}
.gridBox .sheld img{display:none;}
.sheld {max-width:100%;padding:0.6em;}


/*antes del evento*/
.stat0 .teams strong,.stat0 .teams em,.g3.simply .stat0 .teams,
.stat1 .teams strong,.stat1 .teams em,.g3.simply .stat1 .teams {display:none;}
[class*="stat"]:not(.stat2):not(.stat3) .hooksBox [itemprop="name"]{padding-top:1rem;}
.g3.simply .stat0 .hooksBox .hour_,
.g3.simply .stat1 .hooksBox .hour_ {font-size:200%;line-height:1.2;}
.stat0 .teams,.stat1 .teams {width:50%;float:left;padding-top:1em;}
.stat1 .date_,.stat2 .date_,.stat3 .date_ {text-transform:uppercase;}

/*durante el evento*/
.stat2 .teams img,.stat3 .teams img {display:none;}
.stat2 .teams .score,.stat3 .teams .score,
.stat2 .teams em,.stat3 .teams em,
.stat2 .sheld,.stat3 .sheld {display:block;}
.stat2 .hour_,.stat3 .hour_,
.stat2 .hooksBox em,.stat3 .hooksBox em {clip:rect(0,0,0,0);position:absolute;visibility:hidden;}
.stat2 .hooksBox a,.stat3 .hooksBox a {width:100%;height:100%;display:inline-block;}
.scoreBox .teams .score,.stat2 .teams,.stat3 .teams,.stat2 .teams .ico,.stat3 .teams .ico {width:100%;}
[class*="g"] .scoreBox {text-align:center;}
[class*="g"] .scoreBox .teams .score {display:inline-block;position:relative;}
[class*="g"] .scoreBox .teams {padding:1.2em 0.6em;}
.stat2 .teams,.stat3 .teams {padding-top:8em;}
.stat2 .sheld,.stat3 .sheld {margin:-1em 0 1em 0;}
.stat2 .visit:before,.stat3 .visit:before {content:'';width:90%;height:0.1em;display:inline-block;background:rgba(255,255,255,0.75);}

.stat2 .teams img, .stat3 .teams img {float:left;}

.g3.simply .stat2 strong,.g3.simply .stat3 strong {width:40%;font-size:400%;line-height:1.25;}
.g3.simply .stat2 .teams,.g3.simply .stat3 .teams {height:5em;padding-top:1em;}
.g3.simply .stat2 .sheld,.g3.simply .stat3 .sheld {padding-left:40%;margin:0;text-align:left;}


/** SIN IMAGEN **********************************/
/************************************************/
.size100.g1 .no_ima .socialBox {float:right;}
.size100.g1 .no_ima .txtBox,.size100.g1 .no_ima .auxBox {padding-left:0;}
/** SIN IMAGEN **********************************/
/** END *****************************************/


/** RELACIONADOS ********************************/
/************************************************/
.relcont li > a:before {content:'';display:inline-block;width:4rem;height:4rem;float:left;}
   .relcont .notic > a:before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMDE2MkIzQ0ZFOUJFNDExQjM2MEY1QjU5OURFMkM0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMjIyOEVCMTlDRDIxMUU0ODU4NUI4QTJGQUY5MjA4RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMjIyOEVCMDlDRDIxMUU0ODU4NUI4QTJGQUY5MjA4RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5ia6QQAAALlJREFUeNrs1lsOQDAQBVDFVlgZFlUbZBU1/ZBI9TGeMx93kvmsnFyi1zjnKs1TV8oHQAABfAh0F3YOzna0C/NsRkD/wcxeHUvbHM53tCvjXNLwNnBHmgC5aALGkH0B+TvQzxw8K5ekCHBPkoMUA3KTFAVykhQHlpAqgLnXrQaYSjJpMIVG/VXd9tfipLksjLRWe5sZIwVDXd0aSklKfYMnBxo1gAACCCCA30x79wpCggACCCBvNgEGAIyCqD9gmEoDAAAAAElFTkSuQmCC');}
   .relcont .video > a:before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADbSURBVHja7JdBDsFAFIbbxgGsdNNwE8IV7LBwC1bcwxbX0AQnISrBjv34JSO6sDHtNH/k/5Nv2cyXN3nvTUNjTMCcKCCPBCUoQQlK8PdcwbAqwdBh1b0/2IIBOLFecRscwYy1gvkcwBikrE3SBBuwZO/iEbiX2URlXfG3pFb0zDoHuyADE9YK5nMBfbBn3SQNsAMLUP+rVVer6BzqK56C2EXOdwVpx8zDDuxeUTkfgiuQgDVbk9A+Fl5Dew5aPuSKVpD2wXqzTdDxLee6i/VXJ0EJSlCCEvzkKcAAyzk5bf1zDZIAAAAASUVORK5CYII=');}
   .relcont .audio > a:before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMDE2MkIzQ0ZFOUJFNDExQjM2MEY1QjU5OURFMkM0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBODFDMzkzNTlDRDExMUU0QUNEMERGQUQ2MjIwQUU0NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBODFDMzkzNDlDRDExMUU0QUNEMERGQUQ2MjIwQUU0NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7oR7AAAAAclJREFUeNpi/P//P8NgBkwMgxyMOnDUgaMOHCAHrgBin8HqwE1AHA7EVClgWajsuAdALD9Yo5jqjqOWA3mB+BGJjpsPxBuJUgmqiynAhkD89T924I1Dz3wkNbMI2UGJ44yB+ON/3MAHhz5LIP5JhEfAmNwo1gHiM0DMR6R6biDeAsR+QHwciD2R5CaSm4s7gZgVmk5/QdUyArEwEAcRk3qQ2FeAWAGInYBYDYj3AfFOIHYHYmUgtgPiQ6SmQUoBctTVIImvgYrJIYmtJycNUtOBIHwRSU4AKvYIyn9J7TRIDpiNxHaF0gegtNhgaCzcQWJbQOmPSGIcA+3A/wNd1RECqkjsE1CaH0nsx0A7MBWJvQdKO0LpVwMdgjVArAdlrwXi90AsB8QyULGj5BTUXUDMBi2csRXU3CQ4MAVKfwfiAih7FpL8BGo3FnSIKAeR62IeIN4KxP5QvhOSuru0aiwYEWgs4GoEWNCjsQAC56CJ/BuJ+tKhSQcE5gDxVlo2+UGOlIA2BuSI1JMITcuCaDmbZn2Sz9DW9H1oi4UYkDAQBbUiED8c7P1iUAhuhrIZB2u/GNRqXkktwxhHBzBHHTjqwFEH0hYABBgAR15a5KnwkScAAAAASUVORK5CYII=');}
   .relcont .photo > a:before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMDE2MkIzQ0ZFOUJFNDExQjM2MEY1QjU5OURFMkM0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRUI3NDVERTlDRDExMUU0OTI2NUZCODcwOEEzMUE2NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRUI3NDVERDlDRDExMUU0OTI2NUZCODcwOEEzMUE2NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+WKLmRAAAAWJJREFUeNrslz9OwzAUhxtuQBfYYGRvywISLO0JQHCHXoCeI7fgzwEoY8tQdejYMjUjcAIKg/lZ+g1WRBw3dkykPkufLCUv9teX+NlNlFKtJre9VsObCIqgCIqgCIZpQ6AKGPoMnATa6soGSerK4CWYgi9LhpTjD8izARPOUTmD7+Cg5s/s0zZHmaDr+38DL2AMZnylPTAAfXBS+RPQghZc2gPoWsboMsbWCh18BfXEbcZegBQsSMpr+t4+uI8tuAQdxt2B7I8YfW1kZHIVUzA1MpdZ4tZGJtNtBX0K9TP7K3BkiTsG17lnouwkc/bnDrFnuWeiCKqaYoMJnrKfOsS+su/FFBywfwSZJU7fe8o9s0Xuq6/ilVFmRgUref2fZUax+LoU6nbJblKboMtW1/HZ6kIeFsZkbiwI78NCE45bH+Cw6iq+ZYnYBBT6Yf/NsW9iHPnlX50IiqAIiuCuCv4KMABfDRhwvl0iCAAAAABJRU5ErkJggg==');}
   .relcont .polls > a:before,
	 .relcont .graph > a:before {content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMDE2MkIzQ0ZFOUJFNDExQjM2MEY1QjU5OURFMkM0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQUI1MkMwQjlDRDIxMUU0QUM2QURBOTY5Nzc4NzUxOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQUI1MkMwQTlDRDIxMUU0QUM2QURBOTY5Nzc4NzUxOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAxMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAwMTYyQjNDRkU5QkU0MTFCMzYwRjVCNTk5REUyQzQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+m1p5+wAAAKNJREFUeNrsmDEOwCAMAzH//x/8xu3QoVOFSgJu5UiscHJigwDJoly1iJcBDWhAA24G7Ofitbq6glQHhCJglmr30WkzgFmqcfSMXS7GaJcUTIIskyyJoM8HNdUBZ6o9RAmjABE0/Hi7769fM1wxvzWohVNhvCKoqaAggtQMdTGTMjHsLkbSy4YrTBKlIKJaLJmDSIId3gv+fjOgAQ1oQO06BBgAO3cp/ksx8PMAAAAASUVORK5CYII=');}
.relcont li > a span {width:100%;display:block;padding-left:3.3333333333em;}

.relcont li {float:left;padding:0.8em 0;border-top:0.1rem solid #eee;width:100%;}

.container:not(.bloody) > .slaves.size_60.g2 .gridBox > .cell .relcont li {float:none;}
.container:not(.bloody) > .slaves.size_60.g2 .gridBox > .cell .relcont {padding-left:60%;}

.bloody:not(.inside) .slaves.size100.g2 .slavesBox .relcont li {padding-left:2em;}
.bloody:not(.inside) .slaves.size100.g2 .slavesBox .txtBox + .relcont {margin-top:2em;}

.bloody:not(.inside) .slaves.size_60.g2 .relcont {padding:0 4em 0 11em;}
.container:not(.bloody) > .slaves.size_50.g2 .relcont {padding:0 4em 0 22.7em;}



/** RELACIONADOS ********************************/
/** END *****************************************/

/** LISTADOS ************************************/
/************************************************/
.listas .mediaBox .ima,.listas .mod .relcont,.listas .auxBox > * {display:none;}
.listas .cell {padding:1em 10%;border-bottom:0.1rem solid #ccc;}
.listas .cell:first-child {border-top:0.1rem solid #ccc;}
.listas .mod {position:relative;border-left:6em solid transparent;}
.listas .socialBox {margin:0.3em 0 0 0;width:auto;}
.listas .mediaBox + .socialBox .ico.share .ico {background:#fff;}
.listas .mediaBox {position:relative;left:13rem;bottom:-4.4rem;left:-4.9rem;bottom:-4.9rem;float:left;margin:0;}
.listas .mediaBox .ico {padding:0.2rem;}
.listas .mediaBox .notic {/*padding:0.6rem;*/display:inline-block;}
.listas .mediaBox .notic img {width:3.2em;height:3.2em;background-size:1100%;}
.listas .mainBox .txtBox {/*padding-left:19rem;*/}
.listas .txtBox .maintitle {padding-right:4em;display:block;}
.listas .mainBox .txtBox + .auxBox {margin:0;padding:0;}
.listas .auxBox > .pubBox {display:inline-block;margin:0;position:absolute;top:0;right:0;}
.listas .auxBox .datpub {line-height:2.5rem;}
.listas .txtBox .maintitle,.listas .txtBox .pretitle {font-weight:500;letter-spacing:0;}
.listas .cell .socialBox .share {z-index:3;}
.listas .socialBox .ico.bmark {z-index:4;}

/** LISTADOS ************************************/
/** END *****************************************/


.scoreBox,.anteBox > .layerBox,
.stat2 .hooksBox a,.stat3 .hooksBox a,
.stat2 .visit:before,.stat3 .visit:before {position:absolute;}

.scoreBox,.stat2 .hooksBox a,.stat3 .hooksBox a {top:0;left:0;}
.stat2 .visit:before,.stat3 .visit:before {left:5%;top:0;}

.anteBox > .layerBox {top:2em;left:2em;}
.bloody .notory .anteBox > .layerBox {left:0;top:0;}


.anteBox > .layerBox,.stat2 .hooksBox a,.stat3 .hooksBox a {z-index:1;}



/*positioning*/


.slavesBox,.cell,
.stat2 .teams,.stat3 .teams {position:relative;}
.slaves.size100.g2 .slavesBox,.slaves.size100.g3 .slavesBox,
.overBox,.titles .overBox .txtBox,
.stat2 .teams .score,.stat3 .teams .score {position:absolute;}

.stat2 .teams .score,.stat3 .teams .score {left:0;top:0;}
.slaves.size100.g2 .slavesBox,.slaves.size100.g3 .slavesBox {right:2em;}
.bloody .slaves.size100.g2 .slavesBox,
.bloody .slaves.size100.g3 .slavesBox {right:4em;}
.slaves.size100.g3 .slavesBox {bottom:2em;}

.overBox {left:0;}



.titles .g2.size100 .overBox > .txtBox,
.titles .g1 .overBox > .txtBox {bottom:2.4em;}



.bloody.inside .size_50.g2 .slavesBox .overBox {left:auto;right:0;top:0;margin-top:0;}

.bloody.inside .slaves.size_50.g2 .slavesBox .txtBox {left:0;}

.overBox {z-index:1;}



/*composiciones especiales*/
.titlestop .gridBox > .cell .overBox,
.titlestop .grid.size100.slaves .gridBox > .cell .overBox {bottom:auto;top:0;margin:0;border-width:0 0 0 0;}
.titlestop .gridBox > .cell .overBox .txtBox,
.titlestop .grid.size100.slaves .gridBox > .cell .overBox .txtBox {bottom:auto;top:4em;left:0;width:100%;padding-left:4em;}
.titlestop .gridBox > .cell .ima + a,
.inside.titlestop .gridBox > .cell .ima + a {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/*esclavos que no se llevan bien con relacionados*/
.slavL:not(.bloody) .slaves.size_60.g2 .slavesBox {float:left;position:absolute;left:2em;top:75%;z-index:-1;border-right:4em solid transparent;margin:0;}

/*esclavos que no pueden llevar nada dentro*/
.container:not(.bloody) > .size100.g2 .slavesBox .overBox {position:relative;margin:0;height:auto;bottom:auto;top:auto;left:auto;right:auto;border:0 none;}
.container:not(.bloody) > .size100.g2 .slavesBox .overBox .txtBox {position:relative;bottom:auto;}
.container:not(.bloody) > .size100.g2 .slavesBox .overBox .txtBox .maintitle,
.container:not(.bloody) > .size100.g2 .slavesBox .overBox > .auxBox,
.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(2) .auxBox,
.inside:not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(3) .auxBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(2) .auxBox,
.inside:not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(3) .auxBox,
.inside:not(.bloody):not(.titles) .size100.g3 .slavesBox .cell .auxBox {color:#494847;}
.container:not(.bloody) > .size100.g2 .slavesBox .overBox .pretitle,
.inside .size100.g3 .slavesBox .overBox .pretitle,
.inside:not(.bloody) .size_50.g3 .cell:nth-child(2) .pretitle,
.inside:not(.bloody) .size_50.g3 .cell:nth-child(3) .pretitle {color:#737578;}
.container:not(.bloody) > .size100.g2 .slavesBox .mediaBox .ima + a {background:none;}
.inside:not(.bloody) .size100.g2 .slavesBox .mod:not(.no_ima) .socialBox {position:absolute;bottom:auto;top:17em;left:0;}
.inside:not(.bloody) .size100.g2 .slavesBox .no_ima .socialBox {position:relative;top:0;}
/*.inside:not(.bloody) .size100.g2 .slavesBox .cell {padding-bottom:5em;}*/
.inside:not(.bloody) .size100.g2 .slavesBox .cell .mediaBox {margin-bottom:7em;}

/** ICONOS AHORA EN DIRECTO *********************/
/** *********************************************/
.inside .notory.g1.size100 .gridBox > .cell .live_mod .mediaBox > a > .ico {bottom:2em;left:2em;}
.inside:not(.titles) .notory.g1.size100 .gridBox > .cell .live_mod .mediaBox > a > .ico {bottom:auto;top:2em;}
.inside.bloody .notory.g1.size100 .gridBox > .cell .live_mod .mediaBox > a > .ico {top:4em;left:4em;}
.inside:not(.titles) .notory.size100.g1 .gridBox .live_mod .socialBox {left:3.5em;bottom:3.5em;}
.inside.bloody .notory.size100.g1 .gridBox .live_mod .socialBox,
.inside.titles .notory.size100.g1 .gridBox .live_mod .socialBox {width:12em;}

.playing.container {width:100%;}
.playing.container .grid {background:rgba(0,0,0,0.85);}
.playing.container .gridBox {width:118em;float:none;margin:0 auto;display:table;}



/** ICONOS AHORA EN DIRECTO *********************/
/** END *****************************************/


/*reticula de comprobaci?n*/

.container > section.grid > * {position:relative;z-index:2;}
/*.container > section.grid:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('/css/rtve.2015/i/atlantis/reticula.png') -0.05em -0.05em;display:inline-block;z-index:1;}*/

/*especial 60_40 Los Goya*/
.size_60_40 .g2.simply  .gridBox >  .cell  {width:40%;}
.size_60_40 .g2.simply .gridBox > .cell:first-child {width:60%;}

.size_40_60 .g2.simply .gridBox  >  .cell {width: 60%}
.size_40_60 .g2.simply .gridBox  >  .cell:first-child {width: 40%}


/*resultados G3 not notory*/
.g3:not(.notory) .anteBox > .layerBox{right:2em;left:auto;}
.g3:not(.notory) .scoreBox{right:0;left:auto;}
.g3:not(.notory) .hooksBox{display:none;}
/*modulos G4 y G5*/
.g4 .hooksBox,.g5 .hooksBox{padding:0;height:0;}
.g4 .hooksBox span:not([itemprop="name"]),
.g5 .hooksBox span:not([itemprop="name"]){position:absolute;top:-100%;left:-100%;clip:rect(0,0,0,0)}

.g4 .anteBox > .layerBox,.g5 .anteBox > .layerBox{width:100%;padding:0;position:relative;top:0;left:0;}
.g4 .scoreBox,.g5 .scoreBox{width:100%;}
.g4 .scoreBox .teams,.g5 .scoreBox .teams{width:100%;float:none;padding:0;}

.g4 .sheld,.g5 .sheld{position:relative;padding:0 0 0 4rem;margin:0;}
.g4 .sheld img,.g5 .sheld img{width:4rem;padding:0.4rem;}
.g4 .sheld em,.g5 .sheld em{line-height:4rem;text-align:left;}

.g4 .scoreBox .teams .score, .g5 .scoreBox .teams .score{width:4rem;line-height:4rem;position:absolute;top:0;left:0;}


/*ICONOS INSIDE portada 2018*/

/** LADILLOS ********************************/
/************************************************/
.grid>.secBox,.grid>h1 {margin:0;bottom:auto;padding:1.2rem 0 0 2.4rem;}

.mod .overBox .socialBox .share > .blind,.mod .overBox .socialBox .bmark > a,.mod .socialBox .share > .blind,.mod .socialBox .bmark > a {background:rgba(255,255,255,.66);}
.bodier .inside .gridBox > .cell .ima + a {overflow:hidden;}
.bodier .inside:not(.bloody) .grid:not(.simply) > .gridBox > .cell:first-child span.play,.bodier .inside .g2.simply > .gridBox > .cell:first-child span.play,
.bodier .inside:not(.bloody)  .grid:not(.simply) > .gridBox > .cell:first-child span.play {position:absolute;left:3.6rem;top:2.4rem;}
.bodier .inside .grid:not(.simply) > .gridBox > .cell:first-child span.play,
.bodier .inside .g2.simply > .gridBox > .cell:first-child span.play {background:none;}

.bodier .inside .grid:not(.simply) .mediaBox:not(.noticBox)+.overBox,
.bodier .inside .g2.simply .mediaBox + .overBox {border-width:0 4.4rem 0 4.4rem;z-index:2;}
.bodier .inside .g3.simply .mediaBox + .overBox {border-width:0 0.8rem 0 6.8rem;z-index:2;}.bodier .inside:not(.titles) .grid.simply .cell .socialBox {position:absolute;}
.bodier .inside:not(.titles) .grid .cell .socialBox,.inside:not(.titles):not(.bloody) .notory.size100.g1 .gridBox .cell .socialBox {position:absolute;top:7rem;left:4.4rem;z-index:3;bottom:auto;margin:0;}
.bodier .inside .g3.simply .cell .play .duration ,.bodier .inside.bloody:not(.titles)  .g3 .cell .play .duration {display:none;}
.bodier .inside .g3.simply .cell .play,.bodier .inside.bloody:not(.titles)  .g3 .cell .play  {left:1.6rem;width:auto;}
.bodier .inside:not(.titles) .grid.simply .gridBox > .cell .socialBox {margin:0;width:3.6rem;left:2.4rem;top: 6.2rem;bottom: auto;}
.bodier .inside:not(.titles) .g4.grid.simply .gridBox > .cell .socialBox, .bodier .inside:not(.titles) .g5.grid.simply .gridBox > .cell .socialBox {top:0.8rem;bottom:auto;left:1rem;}
/*.bodier .inside.bloody:not(.titles) .grid.simply .gridBox > .cell .socialBox {top:1.6rem;}*/
.bodier .inside.bloody:not(.titles) .g3.simply .gridBox > .cell .socialBox {left:1.6rem;top:1.6rem;}
.bodier .inside .overBox + .socialBox .blindBox .ico a {background:rgba(255,255,255,0.66);float:left;}
.inside:not(.titles) .grid.notory .gridBox>.cell:first-child .ico.share .blindBox.beoff.be_on,
.inside:not(.titles) .grid:not(.notory) .cell .ico.share .blindBox.beoff.be_on,.striplayer .cell .ico.share .blindBox.beoff.be_on,.cell .ico.share .blindBox.beoff.be_on  {background:transparent;}
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size100.g3 .slavesBox .cell .overBox,.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(2) .overBox,.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_50.g3 .cell:nth-child(3) .overBox,
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(2) .overBox,
.inside:not(.unSocialBox):not(.bloody):not(.titles) .size_75.g3 .cell:nth-child(3) .overBox {padding:0 0 0 4.4rem;}
.bodier .grid.slaves > .gridBox > .cell:first-child .play {background:none;}
.vjs-control-bar.controlBox {/*visibility:visible !important;opacity:1 !important;*/}


.auxheader .socialBox {display:none;}

/*iconografia*/
.bodier .grid > .gridBox .cell:first-child span.play,
.bodier .grid > .gridBox .cell span.play,
.bodier .grid > .gridBox > .slavesBox > .cell span.play {z-index:3;width:100%;height:auto;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.bodier .grid > .gridBox > .slavesBox > .cell .play {z-index:2;}
.bodier .grid > .gridBox > .cell:first-child span.play img,
.bodier .grid > .gridBox .cell span.play img,
.bodier .inside .grid .mediaBox span.play img,
.bodier .grid > .gridBox  > .slavesBox > .cell span.play img,
.bodier .inside:not(.bloody) .grid .mediaBox span.play img {margin-bottom:-0.3rem;opacity:1;float:left;width:3.6rem;height:3.6rem;background-color:#fff;}
.bodier .grid:not(.arrays) > .gridBox .cell .play .duration {text-align:left;float:left;position:relative;display:inline-block;width:auto;color:#fff;font-size:1.4rem;line-height:2.8rem;font-weight:400;margin:0.4rem 0 0 0.8rem;}
.inside:not(.bloody) .size_50.g3 .cell:nth-child(2) .socialBox,.inside:not(.bloody) .size_50.g3 .cell:nth-child(3) .socialBox,
.inside:not(.bloody) .size_75.g3 .cell:nth-child(2) .socialBox,.inside:not(.bloody) .size_75.g3 .cell:nth-child(3) .socialBox,
.inside.bloody:not(.titles) .grid:not(.g1) .socialBox,.bodier .cell .socialBox {width:3.6rem;margin:0;/*z-index:1;*/}
.inside.bloody:not(.titles) .grid:not(.g1) .socialBox,.bodier .cell .socialBox {position:relative;}
.inside:not(.bloody) .size_50.g3 .cell:nth-child(2) .socialBox,.inside:not(.bloody) .size_50.g3 .cell:nth-child(3) .socialBox,
.inside:not(.bloody) .size_75.g3 .cell:nth-child(2) .socialBox,.inside:not(.bloody) .size_75.g3 .cell:nth-child(3) .socialBox {position:absolute;}
.bodier .grid:not(.arrays) .gridBox .cell .socialBox .ico {border:0 none;width:3.6rem;height:3.6rem;margin:0.2rem 0;}
.bodier .grid:not(.arrays) .gridBox .cell .socialBox .blindBox .ico {margin:0 .2rem;}
.bodier .cell .socialBox .share .blind:not(.be_on),.overBox+.socialBox .ico a {/*background:transparent;*/}
.mainBox .socialBox .ico .blind:not(.be_on):hover, .container .grid .overBox + .socialBox .ico.share .ico a:hover,
.container .backed.arrays .gridBox .mediaBox + .socialBox .ico.share .ico a:hover,
.container .grid .slideBox .cell .mediaBox + .socialBox .ico.share .blindBox .ico a:hover,.audioPlayer:after,.mediaBox a:after,
.mod:not(.no_ima) .mediaBox>a:after,.bloody.inside:not(.titles) .socialBox .bmark a:hover,
.bloody.inside:not(.titles) .socialBox .blind:not(.be_on):hover,
.container .grid .slideBox .cell .socialBox .ico .blind:not(.be_on):hover,
.inside:not(.titles) .notory .gridBox>.cell:first-child .socialBox .blind:hover:not(.be_on),
.bloody:not(.inside) .slaves.size100.g2 .slavesBox .socialBox .ico.share .ico a:hover,
.container[data-tipo="mod_catalogo"] .socialBox .blind:not(.be_on):hover,
.container[data-tipo="mod_catalogo"] .grid .cell .socialBox .ico .blind:not(.be_on):hover,
.container[data-tipo="mod_catalogo"] .grid .cell .socialBox .ico .blindBox ul .ico a:hover,
.container.bkg_clan .grid .cell .socialBox .blind:not(.be_on):hover,
.container.bkg_clan .grid .cell .socialBox .ico .blind:not(.be_on):hover,
.container.bkg_clan .grid .cell .socialBox .ico .blindBox ul .ico a:hover,
.container[data-tipo="mod_top"] .socialBox .blind:not(.be_on):hover,
.container[data-tipo="mod_top"] .grid .cell .socialBox .ico .blind:not(.be_on):hover,
.container[data-tipo="mod_top"] .grid .cell .socialBox .ico .blindBox ul .ico a:hover,
.container[data-tipo="mod_ultimos"] .socialBox .blind:not(.be_on):hover, .container[data-tipo="mod_ultimos"] .grid .cell .socialBox .ico .blind:not(.be_on):hover,
.container[data-tipo="mod_ultimos"] .grid .cell .socialBox .ico .blindBox ul .ico a:hover,.container .socialBox .blind:not(.be_on):hover,
.container .grid .cell .socialBox .ico .blind:not(.be_on):hover,.container .grid .cell .socialBox .ico .blindBox ul .ico a:hover {background:#ff7700;}
.bodier .grid > .gridBox > .cell .socialBox .ico img,.container.inside.titles:not(.striplayer) .cell .socialBox .blindBox .ico img,.container:not([data-tipo=mod_include]):not(.striplayer):not(.inside) .grid:not(.backed) .cell .socialBox .blindBox .ico img {background-image:url('/css/rtve.2015/i/iconos/icons_40x40_000000.png');}
.bodier .grid > .gridBox > .cell .socialBox .ico .blind.be_on img {/*background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');*/}
.bodier .grid > .gridBox > .cell .socialBox .share .blind > img,.bodier .grid > .gridBox > .cell .socialBox .share .blindBox img {width:3.2rem;height:3.2rem;}
.bodier .grid > .gridBox > .cell .socialBox .ico .blind.be_on img {width:3.2rem;height:3.2rem;}
.bodier .grid > .gridBox > .cell .ico.share .blindBox {height:3.6rem;}
.bodier .grid:not(.arrays) .gridBox .cell .ico.share .blindBox ul {/*padding-top:0.4rem;*/}
.bodier .grid > .gridBox > .cell .ico.share .blindBox.beoff.be_on,.bodier .grid:not(.arrays) .cell .ico.share .blindBox.beoff {width:3.6rem;padding:3.6rem 0 0 0;background:transparent;box-shadow:none;}
.bodier .grid > .gridBox > .cell .ico.share .blindBox.beoff.be_on {height:16rem;}
.bodier .cell .socialBox .share:hover img,.socialBox .ico>span:not(.tooltip)>img,
.socialBox .ico.share .blind>img,.cell .ico.share .blindBox .ico img {opacity:0.5;}
.overBox + .socialBox .ico .blindBox a {border-radius:3.6rem;}
.mod.no_ima .socialBox .ico a, .overBox+.socialBox .ico a {/*background-color:transparent;*/}
.container:not([data-tipo=mod_include]):not(.striplayer):not(.inside) .grid:not(.backed) .cell .socialBox .blindBox .ico a:hover img,.container.inside.titles:not(.striplayer) .cell .socialBox .blindBox .ico a:hover img,
.bodier .cell .socialBox .share:hover img:hover, .bodier .grid > .gridBox > .cell .socialBox .ico > a:hover img{opacity:1;background-image:url('/css/rtve.2015/i/iconos/icons_40x40_ffffff.png');}
.bodier .grid > .gridBox > .cell .socialBox .share .blind.be_on:hover {background-color:rgba(0,0,0,0.5);}
.bodier .grid > .gridBox > .cell .ico.share .blindBox {-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s;}
.wrapper.shortBox .container {padding:0;}
.wrapper.shortBox .container ul {padding:2.4rem 1.2rem;}
.mainheader .emisBox,.videoDirecto.wrapper .videoContainer:not(.hddn),
.audioDirecto.wrapper .audioContainer:not(.hddn) {width:22.8rem !important;}
.emisBox.beoff {left:-22.8rem;}.emisBox .container {width:100%;min-width:0;padding:0;}


/*focus*/
.bodier .gridBox .links_mod a {display:block;}
.bodier .gridBox .cell .ima + a:focus,
.bodier .gridBox .links_mod a:focus {outline:none;background:rgba(240,80,16,0.5) !important;box-shadow:0rem 0rem 4rem 0rem rgba(0,0,0,0.5);}
.bodier .gridBox .links_mod a:focus {background:#ff7700 !important;box-shadow:none;}
.bodier .gridBox .cell .txtBox a:focus .maintitle,
.grid>h1 span a:focus, .deportes .grid>.secBox span a:focus,.grid > .secBox span:not(.titaux) a:focus {box-shadow: 0rem 0rem 4rem 0rem rgba(0,0,0,0.5);}
.bodier .gridBox .cell .txtBox a:focus,
.grid>h1 span a:focus, .deportes .grid>.secBox span a:focus,.grid > .secBox span:not(.titaux) a:focus {outline:none;}


.backed.arrays.grid > .secBox a:focus {color:#fff;}


/*vilynx*/
.mediaBox.videoBox.vilynx_redirect.vilynx_registered.vilynx + .overBox {z-index:4 !important;}

/*2019*/
.mod .socialBox .share>.blind {display:inline-block;width:100%;height:100%;}

/*iframe*/
.ima.f16x9 iframe {position:absolute;top:0;left: 0;width: 100% !important;height: 100%!important;}

.grid.simply .ULTIMA_NOTICIA,
.grid.simply .cell[data-noi='ULTIMA_NOTICIA'] {width:100%;padding:0;}
.container>.grid.simply .cell[data-noi='ULTIMA_NOTICIA'] .mainBox .auxBox {padding-left:0;}
.grid.simply .cell[data-noi='ULTIMA_NOTICIA'] .mainBox .txtBox {padding:0.4rem 0 0 0;}
.grid [data-noi=ULTIMA_NOTICIA] .mod.falseMaintitle .mainBox .txtBox,
.grid [data-noi=ULTIMA_NOTICIA] .mod.falseMaintitle .mainBox .auxBox {padding-left:0;}

.container.striplayer[data-tipo="mod_colmena"] div[data-form-type="colmena"] {padding-top:2rem;}