html,body {
	scroll-behavior: smooth;
	color: #999999;
	font-size: 0.81vw;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

/*fondo de partículas*/
#fondo{position:fixed; top:0;right:0; width:100vw; height:97.6vh; z-index:-1;}

.background {
	position:absolute;	
	top:0;  
	left:0;
	z-index:-2;
}

/*Cuerpo*/
.cuerpo{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.25vw;
	line-height:1.8;
}

.tit{
	font-size:1.6vw;
	font-weight:700;
}


/*Menu*/
#menu .w3-right {
font-family: 'Poiret One', sans-serif;
font-weight: 700;
font-size:1.3vw;
line-height:1.9;
height:2.4vw;
}

#menu .menuizq{
font-family: 'Roboto', sans-serif;
font-size:1.7vw;
padding-left:0;
color:#333333;
line-height:1.3;
}

#menu img{
height:2.41vw;
padding-left:1vw;
padding-right:1vw;
}

#menu .icono{height:2vw;}

#menu a{
padding-top:0;
padding-bottom:0;
color:black;
text-decoration: none;
}

#menu a.w3-button:hover {
	background-color:#f1f1f1!important;
	color:#333333!important;
}

/*Banner animado*/
header {
	width:100%;
	height:16vw;
	margin-top:4vw;
}

header>div{
	height:100%;
}

/*Pie de página*/
footer{
	height:5.24vw;
	line-height:1.5;
	background:transparent;
	margin-top:2vw;
	padding:0.75vw 0; 
}

.poweredby{
	margin-top:1vw;
	height:2vw;
	padding:0.35vw;
	background-color:#333333;
	color:white;
}

h1 {
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:0.75vw;
}

@media only screen and (max-width: 992px) {
	html,body {
		font-size: 1.46vw;
	}
	/*Cuerpo*/
	.cuerpo{
		font-size:2.25vw;
		line-height:1.8;
		padding:0 2vw;
	}
	.tit{
		font-size:2.88vw;
	}
	/*fondo de partículas*/
	#fondo{height:97.6vh;}
	
	/*Menú*/
	#menu .menuizq{
		font-size:3.06vw;
	}

	#menu img{
		height:4.34vw;
		padding-left:1.8vw;
		padding-right:1.8vw;
	}

	#menu .icono{height:3.6vw;}
	
	/*Banner animado*/
	header {
		height:28.8vw;
		margin-top:6vw;
	}
	
	/*Pie de página*/
	footer{
		height:8.80vw;
		margin-top:3.6vw;
		padding:1.26vw 0; 
	}

	.poweredby{
		margin-top:1.8vw;
		height:3.36vw;
		padding:0.6vw;
	}
	h1 {
		font-size:1.35vw;
	}
	
	/*Menu celular*/
	#menu .w3-right {height:3.6vw;}
	#hambur img{height:4.34vw;}
	.hamburguesa, #hambur {
		color: #8E2631!important;
		background-color: #fff!important;
		padding:0;
	}
	.hamburguesa:hover{
		color: #fff!important;
		background-color:#D40000!important;
	}
	#mySidebar{
		top: 0;
		z-index:3; 
		display:none;
		width:70vw;
	}
	#mySidebar img{width:60%;}
	#myOverlay{cursor:pointer;}
	nav{right:0;}
}
@media only screen and (max-width: 600px) {
html,body {
	font-size: 4vw;
}

	/*Banner animado*/
	header {
		height:28.8vw;
		margin-top:17vw;
	}
	
	/*Cuerpo*/
	.cuerpo{
		font-size:5vw;
		line-height:1.8;
		padding:0 6vw;
	}
	.tit{
		font-size:6vw;
	}
	
	/*Pie de página*/
	footer{
		height:auto;
		margin-top:5vw;
		padding:3vw 0; 
	}

	.poweredby{
		margin-top:5vw;
		height:auto;
		padding:1.5vw;
	}
	h1 {
		font-size:3vw;
	}
	
	/*Menu celular*/
	#menu .menuizq{
		font-size:7vw;
		line-height:1;
		padding:1.3vw 1vw 0;
		vertical-align:middle;
	}
	
	#menu .icono{height:9vw;}
	
	#menu .w3-right, #menu .menuizq {height:12vw;}
	#hambur img{height:12vw;}
	.hamburguesa, #hambur {
		color: #8E2631!important;
		background-color: #fff!important;
		padding:0;
	}
	.hamburguesa:hover{
		color: #fff!important;
		background-color:#D40000!important;
	}
	#mySidebar{
		top: 0;
		z-index:3; 
		display:none;
		width:70vw;
	}
	#mySidebar img{width:60%;}
	#myOverlay{cursor:pointer;}
	nav{right:0;}
}