/** RESET BLOCK *********************************/
/************************************************/ 
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

* {padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;}
html {font-size:62.50%;font-family:'Roboto',sans-serif;}
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 {font-size:100%;font-weight:normal;}
img {border:0;width:auto;}
a img {display:inline-block;}
form {margin:0;padding:0;}
fieldset {border:0;}
input, textarea,button {outline:none;}
input,textarea,select,optgroup,option,button {font-size:100%;}
*::selection			{background:#ffffee;}
*::-moz-selection {background:#ffffee;}
.hddn {visibility:hidden;position:absolute;top:-100%;left:-100%;}

*:focus {outline:none;}
[tabindex] {cursor:pointer;}

/*clip oculto*/
.oculto {clip:rect(0,0,0,0);display:inline-block;position:absolute;overflow:hidden;}
.ghost {width:0.1rem;height:0.1rem;display:inline-block;position:absolute;clip:rect(0,0,0,0);white-space:nowrap;text-align:center;
-webkit-clip-path:inset(50%);clip-path:inset(50%);font-size:1.6rem;letter-spacing:0.5pt;background:rgba(0,0,0,0.85);color:white;opacity:0;
top:-100%;left:-100%;}


/** RESET BLOCK *********************************/
/** END *****************************************/

/** BASIC LAYOUT BLOCK **************************/
/************************************************/ 
body {width:100%;}
.wrapper,.gridBox {margin:0 auto;float:left;}
.container {margin:0 auto;clear:both;float:none;/***CONSECUENCIAS****/}
.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 */

.wrapper,.grid {display:inline-block;width:100%;}

.mediaBox,.ico {display:inline-block;}

/*media destacados con icono*//*desestructuracion*/
.mediaBox > a,.mediaBox > figure > a {display:block;}
.mediaBox {width:100%;}
.mediaBox > a,.mediaBox > figure > a {width:100%;height:100%;}



{border-style:solid;border-color:transparent;}

/** BASIC LAYOUT BLOCK **************************/
/** END *****************************************/







/** ASPECT RATIO ********************************/
/************************************************/ 
/*formatos imagen*/
.ima {float:left;display:inline-block;overflow:hidden;width: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;}

/** ASPECT RATIO ********************************/
/** END *****************************************/




.container > section {/*background:yellow;*/}






.ima {position:relative;}
.ima > img {position:absolute;left:0;top:0;}