/* menu.css */

.menu_marco { width: 240px; }


.menu_opcion { display: block;
	padding: 0px;
	margin-bottom: 1px;
	background-color:#baa495; color: #fff;
	cursor: pointer;
}
.menu_opcion:last-child { margin-bottom: 0px; }
.menu_opcion:hover { background-color:#cbbaaf; color: #2a464e; }

.menu_opcion > div { display: block;
	text-align: center;
	padding: 12px 8px 8px;
	font-size: 17px;
	font-weight: 300;
}



.menu_mosaico_marco { display: block; text-align: center; padding-top: 32px; }

.menu_mosaico { display: inline-block; vertical-align: middle; text-align: center;
	width: 160px; height: 120px; border-radius: 16px; /*50%;*/
	margin: 8px; padding: 36px 16px 8px; line-height: 1;
	font-size: 18px; font-weight: 300;
	cursor: pointer; transition: 0.4s;
}
.menu_mosaico:hover { width: 168px; height: 128px; margin: 4px; padding: 36px 14px 8px;
	font-size: 20px;
}

.menu_mosaico_circ { display: inline-block; vertical-align: middle; text-align: center;
	width: 128px; height: 128px; border-radius: 50%;
	margin: 8px; padding: 56px 4px 8px; line-height: 1;
	font-size: 18px; font-weight: 300;
	cursor: pointer; transition: 0.4s;
}
.menu_mosaico_circ:hover { width: 136px; height: 136px; margin: 4px; padding-top: 60px; font-size: 19px;  }

/*
.menu_mosaico_marco { display: table; text-align: center; vertical-align: middle; }

.menu_mosaico { display: table-cell; vertical-align: middle; text-align: center;
	width: 160px; height: 160px; 
	border-radius: 50%;
	margin: 4px; padding: 64px 8px 8px;
	font-size: 16px; 
	cursor: pointer;
}
*/
/*
.menu_mosaico_marco { display: table; text-align: center; vertical-align: middle; 
	line-height: 160px;
}

.menu_mosaico { display: table-cell; vertical-align: middle; text-align: center;
	width: 160px; height: 160px; 
	border-radius: 50%;
	margin: 4px; padding: 64px 8px 8px;
	font-size: 16px; white-space: normal; line-height: normal;
	cursor: pointer;
}
*/