*{ padding:0px; margin:0px; }
body{ background:#D5DEE7; }
a{ color:blue;}
h5{ margin: 10px 10px 0 10px; color:#000; font: 1em Tahoma, Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
.boxgrid{ 
width: 270px; 
height: 150px; 
margin:10px; 
float:left; 
background:none; 
border: solid 2px #8399AF; 
overflow: hidden; 
position: relative; 
}
.boxgrid img.botones{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 20 10px; 
color:#000; 
font-weight:bold; 
font: 0.6em Tahoma, "Lucida Grande", Arial, sans-serif; 
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #999; 
height: 120px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 260;
left: 0;
}
.caption .boxcaption {
top: 100;
left: 0;
}