﻿/** RESET BLOCK *********************************/
/************************************************/ 
* {padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;}
html {font-size:62.50%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;/*font-size:10px;*/}
body {font-size:1em;line-height:1;}
a * {cursor:pointer;}
a {text-decoration:none;color:inherit;}
a:hover {/*text-decoration:underline;*/}
ul li {list-style:none;}
h1,h2,h3,h4,h5,h6,p,caption,input,textarea,select,optgroup,option,button {font-size:100%;}
img {border:0;width:auto;}
a img {display:inline-block;}
form {margin:0;padding:0;}
fieldset {border:0;}
input, textarea,button {outline:none;}
button {border:0 none;background:transparent;}
*::selection			{background:#ffffee;background:#f28f1b;color:#fff;}
*::-moz-selection {background:#ffffee;background:#f28f1b;color:#fff;}

.hddn,.pagBox.hddn {visibility:hidden;position:absolute;top:-100%;left:-100%;}

/*clip oculto*/
.oculto,.container > section.grid > .oculto {clip:rect(0,0,0,0);overflow:hidden;display:inline-block;position:absolute;left:0;top:0;}
.ghost {clip:rect(0,0.1em,0.1em,0);display:inline-block;position:absolute;background:black;left:0;top:0;}
.skip-content li{background:#000;}
.ghost-focusable:active,
.ghost-focusable:focus{font-size:1.6rem;font-weight:400;line-height:2rem;color:#484848;background:#f3f3f3;display:inline-block;width:auto;height:auto;padding:.5rem 1rem;border-radius:.6rem;position:relative;top:.5rem;left:.5rem;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none;z-index:5;}

/** RESET BLOCK *********************************/
/** END *****************************************/


/** BASIC LAYOUT BLOCK **************************/
/************************************************/ 
body {width:100%;}
.wrapper {margin:0 auto;float:left;}
.container{margin:0 auto;clear:both;float:none;}
.container {margin-bottom:3em;}/***CONSECUENCIAS****/
.footer .container{margin-bottom:0;}
.byside{margin-top:-3.1em;}
.container:after {visibility:hidden;display:block;clear:both;content:" ";}/*height:0;font-size:0;*/
* html .container             { zoom: 1; } /* IE6 */
*:first-child+html .container { zoom: 1; } /* IE7 */

.container > .container {width:100%;max-width:100%;min-width:100%;padding:0;}

.wrapper, .bodier > .container.striplayer section.grid {display:block;width:100%;min-width:auto;}
.wrapper.auxheader{width:auto;}
.gridBox,.mediaBox,.ico {display:inline-block;}
.gridBox {overflow:hidden;}

body, .container, .gridBox, .col3 .g1.notory .mod .mainBox, section .secBox, section > h1 {width:100%;}
body, .col3 .g1.notory .mod .mainBox, section .secBox, section > h1 {display:inline-block;}

section > h1 > span, section > .secBox > span  {width:100%;}

.wrapper.bodier {background:transparent;}
/*media destacados con icono*//*desestructuracion*/
.mediaBox > a,.mediaBox > figure > a {display:block;}
.mediaBox {width:100%;}
.mediaBox > a,.mediaBox > figure > a {width:100%;height:100%;}


/** BASIC LAYOUT BLOCK **************************/
/** END *****************************************/

/** ASPECT RATIO ********************************/
/************************************************/ 
/*formatos imagen*/
.ima {float:left;display:inline-block;overflow:hidden;width:100%;height:100%;}
img {}
.H img {width:100%;height:auto;}
.V img {height:100%;width:auto;}
.R {float:right;/*margin-left:1.6em;*/}
.L {float:left;/*margin-right:1.6em;*/}
.T,.B {width:100%;}
.L,.R {/*width:50%;*/}

.f3x9    {padding-top:300.00%;}
.f4x9    {padding-top:225.00%;}	
.f5x9    {padding-top:180.00%;}
.f6x9    {padding-top:150.00%;}	
.f7x9    {padding-top:128.57%;}	
.f8x9    {padding-top:112.50%;}	
.f9x9    {padding-top:100.00%;}	
.f10x9,
.R.f5x9,
.L.f5x9  {padding-top:090.00%;}	
.f11x9   {padding-top:081.82%;}	
.f12x9,
.R.f6x9,
.L.f6x9  {padding-top:075.00%;}	
.f13x9   {padding-top:069.23%;}	
.f14x9   {padding-top:064.29%;}	
.f15x9   {padding-top:060.00%;}	
.f16x9   {padding-top:056.25%;}	
.f17x9   {padding-top:052.94%;}	
.f18x9   {padding-top:050.00%;}	
.f19x9   {padding-top:047.37%;}	
.f20x9   {padding-top:045.00%;}	
.f21x9   {padding-top:042.86%;}	
.f22x9   {padding-top:040.91%;}	
.f23x9   {padding-top:039.13%;}	
.f24x9   {padding-top:037.50%;}	
.f25x9   {padding-top:036.00%;}	
.f26x9   {padding-top:034.62%;}	
.f27x9   {padding-top:033.33%;}	
.f28x9   {padding-top:032.14%;}	
.f29x9   {padding-top:031.03%;}	
.f30x9   {padding-top:030.00%;}

.ima img {display:inline-block;}
/*.ico img {display:block;}*/
/*sin aspect-ratio*/
.f0x0 img {/*display:block;*/}

/*alineaciones basicas*/
.V {text-align:center;}
.V img {margin:0 auto;}
.H img {vertical-align:middle;}

/*desplazamientos verticales*/
.show_top .f27x9 img {top:0;}
.show_mid .f27x9 img {top:-33%;}
.show_bot .f27x9 img {top:-66%;}

/** ASPECT RATIO ********************************/
/** END *****************************************/

/*skin*/
html {background:rgba(17,17,17,1);}
/*body {background:rgba(162,178,242,0.2);}/*#a2b2f2*/
/*.arrays .cell .txtBox*/ {background:rgba(24,24,40,0.66);}/*#181828*/
.belowHead  .gridBox .mediaBox {border-bottom:0.5em solid;border-color:#fff;}
.slideH .mediaBox > .ima {background-color:rgba(24,24,40,0.2);}

/*.arrays .mainBox:after {content:"";width:100%;height:6.5em;background-color:rgba(0,0,0,0.33);display:inline-block;position:absolute;bottom:0;z-index:1;}*/

/*maquetacion basica*/
.cell {float:left;}
.g1 .cell {width:100%;}
.g2 .cell {width:50%;}
.g3 .cell {width:33.3333%;}
.g4 .cell {width:100%;}
.g5 .cell {width:100%;}

.g5.size_60 .cell {width:25%;}
.g5.size_60 .cell:first-child {width:50%;}



/*fireworks*/
figcaption,.controlBox,img {
-webkit-transition: opacity 1s;
   -moz-transition: opacity 1s;
     -o-transition: opacity 1s;
        transition: opacity 1s;
}

/*elementos ocultos*/
.noticBox .duration ,.shortBox, .ico.bmark, .ico.notic {display:none;}
.bodier > .container.falseStriplayer,.bodier > .container.striplayer{max-width:100%;}
/*guardar en mis listas*/
.artBody + .slideH .socialBox li.ico.bmark{display:block;}
/*titulos*/
/*.inside[class*="mainCont"] .videoBox + .overBox, .inside[class*="mainCont"] .audioBox + .overBox, */
/*.inside[class*="mainCont"] .overBox, [data-tipo*="ultimos"] .txtBox, .charBox.inside .overBox {left:0;bottom:0;padding-bottom:3em;}*/
.mainContent .artBody li a, .mainContent .artBody p a, .mainContent .summary a {border-bottom: .1rem solid #999;}