@charset "UTF-8";
/* CSS conslandscape */

body { 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
}
.fondo {
	position:fixed;
	top:-14vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
header {
	position:absolute;
	width:100vw;
	height:6vw;
	top:1vw;
	font-size:2vw;
	text-align:center;
	color:#FFF;
}
.conzu-heraclito {
	position:absolute; 
	top:26vw; 
	left:1.5vw; 
	width:6vw; 
}
#conzu-heraclito {
	position:absolute; 
	top:26vw; 
	left:1.5vw; 
	width:6vw; 
	height:14vw;
	cursor:pointer; 
	z-index:2; 
}
.vallas {
	position:fixed;
	top:25vw;
	left:-2vw;
	height:16vw;
	width:104vw;
	z-index:1;
}
.material-i {
	position:fixed;
	top:28vw;
	left:10vw;
	width:25vw;
	z-index:11;
}
.material-d {
	position:fixed;
	top:30vw;
	left:66vw;
	width:25vw;
	z-index:11;
}
.sombra { box-shadow: 0 0 3px #000000;}
#ayuda1 {	
	position:absolute; 
	top:17.5vw; 
	left:70vw; 
	width:6vw; 
	display:block; 
	cursor:pointer;
}
@media (min-width: 1024px) and (max-width: 1500px) {
.fondo {
	position:fixed;
	top:-7vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
header {
	position:absolute;
	top:4vw;
	width:100vw;
	height:6vw;
	font-size:2vw;
	text-align:center;
	color:#FFF;
}
.conzu-heraclito {
	position:absolute; 
	top:35vw; 
	left:1.5vw; 
	width:6vw; 
}
#conzu-heraclito {
	position:absolute; 
	top:35vw; 
	left:1.5vw; 
	width:6vw; 
	height:14vw;
	z-index:2; 
	cursor:pointer; 
}
.vallas {
	position:fixed;
	top:42vw;
	left:-2vw;
	height:16vw;
	width:104vw;
	z-index:1;
}
.material-i {
	position:fixed;
	top:48vw;
	left:10vw;
	width:30vw;
	z-index:11;
}
.material-d {
	position:fixed;
	top:45vw;
	left:65vw;
	width:30vw;
	z-index:11;
}
#ayuda1 {	
	position:absolute; 
	top:26vw; 
	left:69.2vw; 
	width:6vw; 
	display:block; 
	cursor:pointer;
}
} 
@media (min-width: 1920px) {
.fondo {
	position:fixed;
	top:-14vw;
	width:100vw;
	height:100vh;
	z-index:-1;
}
header {
	position:absolute;
	width:100vw;
	height:6vw;
	top:2vw;
	font-size:1.5vw;
	text-align:center;
	color:#FFF;
}
.conzu-heraclito {
	position:absolute; 
	top:35vw; 
	left:1.5vw; 
	width:6vw; 
}
#conzu-heraclito {
	position:absolute; 
	top:35vw; 
	left:1.5vw; 
	width:6vw; 
	height:14vw;
	z-index:2; 
	cursor:pointer; 
}
.vallas {
	position:fixed;
	top:35vw;
	left:-2vw;
	height:16vw;
	width:104vw;
	z-index:1;
}
.material-i {
	position:fixed;
	top:42vw;
	left:10vw;
	width:30vw;
	z-index:11;
}
.material-d {
	position:fixed;
	top:45vw;
	left:65vw;
	width:30vw;
	z-index:11;
}
}