/*
header
nav
input - label
*/

@media only screen and (max-width:720px) {
	nav {
	z-index:10;
	}
	input.movil-button[type=checkbox] + label {
	z-index:11;
	}
	.logotipo.movil {
	z-index:11;
	}
}

input.movil-button[type=checkbox] {
	visibility: hidden;
	display:none;
	}

input.movil-button[type=checkbox] + label{
	background-color:#fff;
	cursor:pointer;
	display:none;
	height:50px;
	position:relative;
	width:50px;
	}
	@media only screen and (max-width:620px) {
	input.movil-button[type=checkbox] + label{
	display:block;
	}}


input.movil-button[type=checkbox] + label:after,
input.movil-button[type=checkbox] + label:before  {
	background-size:50px 50px;
	background-position:50% 50%;
	background-repeat: no-repeat;
	content: "";
	position:absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	transition:all 0.1s;
	}

input.movil-button[type=checkbox] + label:after {
	background-image:url(icon.svg);
	opacity:1.0;
	}

input.movil-button[type=checkbox] + label:before {
	background-image:url(icon2.svg);
	background-size:0px 0px;
	opacity:0.0;
	}

input.movil-button[type=checkbox]:checked + label:after {
	opacity:0.0;
	}

input.movil-button[type=checkbox]:checked + label:before {
	background-size:50px 50px;
	opacity:1.0;
	}


.show-nav{
	visibility:visible;
	opacity:1.0;
	}