/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* { margin: 0; padding: 0; border: none; outline: none; }

.details { margin: 15px 20px; }

.bar1 h1,
.bar h3,
.bar1 p,
.bar1 .details { color: #fff; }

/*General Mosaic Styles*/
.mosaic-block { background: url("/canaljuvenil/images/loader.gif") no-repeat scroll center center #111111; float: left; height: 266px; overflow: hidden; position: absolute; width: 100%; }
.mosaic-backdrop { display: none; position: absolute; top: 0; height: 100%; width: 100%; background: #111; }
.mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; left: 0px; }

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay { background: url(/canaljuvenil/images/hover-magnify.png) no-repeat center center; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); display: none; }
.fade .mosaic-overlay { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); background: url(/canaljuvenil/images/bg-black.png); }
.bar .mosaic-overlay { bottom: -100px; height: 80px; background: url(/canaljuvenil/images/bk_legenda.png); }
.bar1 .mosaic-overlay { bottom: -17px; height: 125px; background: url(/canaljuvenil/images/bk_lista_videos.png) no-repeat top center transparent; }
.bar2 .mosaic-overlay { bottom: -50px; height: 60px; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.bar2 .mosaic-overlay:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.bar3 .mosaic-overlay { top: -100px; height: 100px; background: url(/canaljuvenil/img/bg-black.png); }
/*** End Animation Styles ***/