@charset "utf-8";
/* estilo para el portafolio */

.extra {display:inline; float:left; text-decoration:none; margin:0 10px; display:inline;}
.extra em {font-style:normal;}
.extra em.txt, .extra b {display:none;}
.extra .head {
	display:block;
	width:150px;
	height:55px;
}
.extra .color1 {background:#9f7520;}
.extra .color2 {background:#877660;}
.extra .color3 {background:#8aaa7f;}


.extra img {border:0; display:block;}
.extra em.mh2 {padding-left:5px; margin:0; color:#000; font-weight:normal; font-family: verdana, arial, sans-serif; font-size:24px;}
.extra em.mh3 {padding-left:5px; margin:0; color:#fff; font-weight:normal; font-family: verdana, arial, sans-serif; font-size:16px;}

.extra:hover {background:#fff; position:relative;cursor:pointer; text-decoration:none;}
.extra:hover b {display:block; position:absolute; top:55px; left:0; width:150px; background:#ccc; height:90px; opacity:0.7;}
.extra:hover .color1 b {background:#9f7520;}
.extra:hover .color2 b {background:#877660;}
.extra:hover .color3 b {background:#8aaa7f;}

.extra:hover em.txt {display:block; position:absolute; top:60px; width:140px; left:5px; height:30px; color:#000; margin:0; line-height:1.5em;}







#info {
	width:620px;
	background:#fff;
	float:left;
	border:1px solid #ddd;
}