/*
	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;
}
/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	height:185px;
	margin-right:20px;
	background-color: #111;
	background-image: url(../img/mosaic/progress.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.mosaic-backdrop {
	/*display:none;*/
	/*display:block !important;*/
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111;
}
.mosaic-overlay {
	/*display:none;*/
	/*visibility:hidden;*/
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
	/*bottom:-138px*/
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
	background-image: url(../img/mosaic/hover-magnify.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../img/mosaic/bg-black.png);
}
.bar .mosaic-overlay {
	bottom:-100px;
	height:100px;
	background:url(../img/mosaic/bg-black.png);
}
.destacado-chico .mosaic-overlay {
	/*bottom:-50px;*/
	height:100px;
	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(../img/mosaic/bg-black.png);
}
/*** End Animation Styles ***/





/*** CUSTOM STYLES ***/


/*** DESTACADOS EN HOME ***/


div.destacado-chico h3 {
	font-size:14px;
	margin-bottom:20px;
	color:#fff;
}
div.destacado-chico p {
	font-size:11px;
	margin-bottom:5px;
}
div.destacado-chico .details {
	margin:15px 20px;
	color:#aaa;
}
.mosaic-block {
}
div.destacado-chico .mosaic-overlay {
	/*bottom:-135px;*/
	height:185px;
	opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
}


/*** ALTURA CAJA NEGRA CASOS ESPECIALES ***/

/* body.page-id-93 div.destacado-chico .mosaic-overlay, body.page-id-96 div.destacado-chico .mosaic-overlay, body.page-id-97 div.destacado-chico .mosaic-overlay, body.page-id-98 div.destacado-chico .mosaic-overlay, body.page-id-99 div.destacado-chico .mosaic-overlay, body.page-id-33 div.destacado-chico .mosaic-overlay, body.page-id-3785 div.destacado-chico .mosaic-overlay, body.page-id-473 div.destacado-chico .mosaic-overlay {
	bottom:-120px;
}

body.page-id-31 div.destacado-chico .mosaic-overlay {
	bottom:-105px;
}

body.category div.destacado-chico .mosaic-overlay {
	bottom:-165px;
}*/


/*** CAMBIOS HECHOS PARA LA DEFINICION DE PIEZAS, SON DE 220X220 ***/


body.category div.destacado-chico .details {
	margin:10px 15px;
}

body.category div.destacado-chico h3 {
	font-size:14px;
	margin-bottom:20px;
	color:#fff;
}

body.category div.mosaic-block {
	height:220px;
}

body.category .mosaic-overlay {
	/*bottom:-115px;*/
	height:220px;
	opacity:0.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
}




div.tab_mosaicos .mosaic-overlay, div.tab_mosaicos div.mosaic-block {
/*	height:220px;
	opacity:0.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter:alpha(opacity=85);*/
}

div.tab_mosaicos div.mosaic-block {
	height:185px;
}

div.tab_mosaicos div.detacado-chico .mosaic-overlay {
	/*bottom:-65px;*/
	height:115px;
	opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
}