@import url("general.css");

#seccion[menu]{
	display:none;
	position:fixed;
	z-index:12;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	background-color:rgba(93,93,93,0.95);
	border:1px solid white;
	overflow:auto;	
}

#seccion[menu] #caja{
	display:table;height:100%;
	width:100%;
	vertical-align:middle;
}

#seccion[menu] #caja #cont{
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
}

#seccion[menu] #caja #cont a{
	display: table;
	margin:0 auto;
	width:auto;
	font-size:50px;
	color:#fff;
	font-weight:100;
	text-transform:uppercase;
	line-height:74px;
	cursor:pointer;
}

#seccion[menu] #caja #cont a:hover{
	color:#ffe000;
	
}

#seccion[menu] #caja #cont #cerrar{
	text-transform:none;
	font-weight:400;
}



@media screen and (max-width: 980px) {
	
}

@media screen and (max-width: 700px) {
	#seccion[menu] #caja{
		display:block;
		width:auto;
		margin:0;
		text-align:center;
	}
	
	#seccion[menu] #caja #cont{
		display:block;
		width:auto;
		height:auto;
		margin:0;
		padding:40px 20px;
		text-align:center;
	}
	
	#seccion[menu] #caja #cont a{
		font-size:30px;
		line-height:50px;
	}
	
}