.site-section[menu]{
	position:relative;
	display:block;
	width:auto;
	height:auto
}

.site-section[menu] #logo{
	position:absolute;
	z-index:2;
	left:30px;
	top:30px;
	cursor:pointer;
}

.site-section[menu] #logo img{
	width:282px;
	height:auto;
}

.site-section[menu] #logo_elea{
	position:absolute;
	z-index:2;
	right:30px;
	top:30px;
}

.site-section[menu] #logo_elea:hover{
	opacity:0.5;
}

.site-section[menu] #logo_elea img{
	width:147px;
	height:auto;
}

.site-section[menu] #fondo{
	position:relative;
	width:100%;
	height: auto;
}

.site-section[menu] #botones{
	position:relative;
	
}

.site-section[menu] #botones #caja{
	text-align:center;
	padding:0;
	display:block;
	width:auto;
	text-align:center;
}

.site-section[menu] #botones #caja .nav-link{
	position:relative;
	width:280px;
	height:70px;
	display:inline-table;
	text-decoration:none;
	margin:0 10px;
	cursor:pointer;
	background-image:url(../img/ponstin-fondo-boton.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	/**/
	transform-origin:center;
	-moz-transform-origin:center;
	-ms-transform-origin:center;
	-o-transform-origin:center;
	-webkit-transform-origin:center;
	/**/
	transition:transform 0.5s cubic-bezier(.61,-0.61,.5,1.6);
	-moz-transition:transform 0.5s cubic-bezier(.61,-0.61,.5,1.6);
	-ms-transition:transform 0.5s cubic-bezier(.61,-0.61,.5,1.6);
	-o-transition:transform 0.5s cubic-bezier(.61,-0.61,.5,1.6);
	-webkit-transition:transform 0.5s cubic-bezier(.61,-0.61,.5,1.6);
}

.site-section[menu] #botones #caja .nav-link .nav-text{
	position:absolute;
	z-index:2;
	left:0;
	top:24px;
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:700;
	color:#fff;
}

.site-section[menu] #botones #caja .nav-link:hover,
.site-section[menu] #botones #caja .nav-link[activo]
{
	transform:scale(1.2,1.2)
}

.site-section[menu] #botones #caja .nav-link .nav-background{
	position:absolute;
	background-image:url(../img/ponstin-fondo-boton-over.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	/**/
	transition:opacity 0.2s ease-in-out;
	-moz-transition:opacity 0.2s ease-in-out;
	-ms-transition:opacity 0.2s ease-in-out;
	-o-transition:opacity 0.2s ease-in-out;
	-transition:opacity 0.2s ease-in-out;
}

.site-section[menu] #botones #caja .nav-link:hover .nav-background,
.site-section[menu] #botones #caja .nav-link[activo] .nav-background
{
	opacity:1;
}


@media screen and (max-width: 900px) {
	.site-section[menu] #logo{
		top:10px;
	}
	
	.site-section[menu] #logo img{
		width:200px;
	}
	

	.site-section[menu] #botones #caja .nav-link{
		width:210px;
		height:69px;
		margin:0 5px;
	}
	
	.site-section[menu] #botones #caja .nav-link .nav-background{
		width:210px;
		height:100%;
		top:0;
	}
	
	.site-section[menu] #botones #caja .nav-link .nav-text{
		top:24px;
		text-align:center;
		font-size:15px;
	}
	
}

@media screen and (max-width: 680px) {
	.site-section[menu] #logo{
	}
	
	.site-section[menu] #logo img{
	}
	
	.site-section[menu] #logo_elea{
	}
	
	.site-section[menu] #logo_elea:hover{
		opacity:0.5;
	}
	
	.site-section[menu] #fondo{
		position:relative;
		width:100%;
		height: auto;
		margin-top:50px;
	}
	
	.site-section[menu] #botones #caja .nav-link .nav-background{
		position:absolute;
		width:210px;
		height:100%;
		top:0 !important;
		padding:0 !important;
		margin:0 !important;
	}
	
}

@media screen and (max-width: 440px) {
	
	.site-section[menu] #logo img{
	}
	
	.site-section[menu] #logo_elea{
	}
	
	.site-section[menu] #logo_elea:hover{
		opacity:0.5;
	}
	
	.site-section[menu] #fondo{
		position:relative;
		width:100%;
		height: auto;
		margin-top:80px;
	}
	
	
}