@charset "UTF-8";
/* CSS Document */


/* Freewall */

.brick{ background:#181818;}

.free-wall {}
.brick{ position:relative; cursor:pointer; backface-visibility: hidden; -webkit-backface-visibility:hidden; cursor:pointer;}
.brick img{width:100%; cursor:pointer; backface-visibility: hidden; -webkit-backface-visibility:hidden; min-width:100%;}
.brick .tit_vid{ position:absolute; opacity:1; font: normal 30px/38px 'GothamCondLight', "Helvetica Neue", Helvetica, Arial, sans-serif;  cursor:pointer; backface-visibility:hidden; -webkit-backface-visibility:hidden; width:100%; text-transform:uppercase; bottom:10px; pointer-events:none;}
.brick:hover .tit_vid{opacity:.5; margin:auto;}
.brick:hover .img{ opacity:.5;}


.tipo_evento{display:inline-block; min-height:50%; clear:both; float:left; margin-left:20px}

.btn_agregar{ position:absolute; width:90px; height:25px; background:url(../imgcontenido/concentradora/btn_agregar.png); opacity:0; bottom:10px; right: 10px; -webkit-transition: background-color .7s ease; -moz-transition: background-color .7s ease; transition: background-color .7s ease;}
.brick:hover .btn_agregar{opacity:1;}

.size11 .titulo_video{font: normal 24px/30px 'GothamCondLight', "Helvetica Neue", Helvetica, Arial, sans-serif;}
.size21 .titulo_video, .size22 .titulo_video, .size23 .titulo_video{ font: normal 40px/48px 'GothamCondLight', "Helvetica Neue", Helvetica, Arial, sans-serif;}
.size31 .titulo_video, .size32 .titulo_video, .size33 .titulo_video{ font: normal 60px/68px 'GothamCondLight', "Helvetica Neue", Helvetica, Arial, sans-serif;}
.size41 .titulo_video, .size42 .titulo_video, .size43 .titulo_video{ font: normal 80px/88px 'GothamCondLight', "Helvetica Neue", Helvetica, Arial, sans-serif;}


.Hub {float:left; position:relative; backface-visibility:hidden; -webkit-backface-visibility: hidden; } 
.Hub h1 { margin:11px 10px 8px; backface-visibility:hidden; -webkit-backface-visibility: hidden; }
.Hub h1 a{ font:500 18px/17px "Gotham","Arial",sans-serif; color: #fff; text-transform: uppercase; }
.Hub h2, .Hub .h2 { margin:11px 10px 8px; backface-visibility:hidden; -webkit-backface-visibility: hidden; }
.Hub h2 a, .Hub .h2 a { font:500 18px/17px "Gotham","Arial",sans-serif; color: #fff; text-transform: uppercase; }
.Hub p {  
	margin: 0 10px; color:#fff;
	/*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

/* Caption */
.ic_container {vertical-align:baseline;position:relative; backface-visibility: hidden;}
.gd .ic_caption {position:absolute; overflow:hidden; margin: 0 ; padding:10px 0 0 0;left:0px; right:0px; cursor:pointer;background:url(../imgdiseno/degradado.png) repeat-x 0 0;}


ul.social {font:normal 12px/16px 'GothamLight','Helvetica', 'Arial', sans-serif; float:right; position: absolute;bottom: 0;right: 0px;}
ul.social li {margin-left:0; list-style-type:none; font:normal 13px/18px 'GothamLight','Arial',serif; text-transform:uppercase; display:inline;}
ul.social li a{color:#0099ff; display:inline-block; background:inherit; padding:4px; margin-left: -4px;vertical-align: middle;}
ul.social li a:hover{color:#0099ff; display:inline-block; background:#000;}