/*General Mosaic Styles*/

.cool-boxes-mosaic{
    margin: 0px auto;
    width: 850px;
    height: 550px;
}

.cool-box {
	float:left;
	position:relative;
	overflow:hidden;
	width:400px;
	height:250px;
	margin:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

	.cool-box-image {
		position:absolute;
		top:0;
		height:100%;
		width:100%;
        z-index:3;
	}
	
	.cool-box-details {
        color: white;
		z-index:5;
		position:relative;
        top: 185px;
		width:100%;
        background: url("http://www.coestecnic.com/imagenes/fondo-cool-box.png");
        height: 1%
    }
html>body .cool-box-details {
    height:125px;
}

.cool-box-details h3{
     font-size: 13px;
     padding: 10px;
     text-align: center;
 }

.cool-box-details p{
    font-size: 11px;
    padding: 10px;
    text-align: center;
}
.cool-box a{
    text-decoration: none;
    opacity: 0.9;
}

.imagen{
    width: 400px;
}