@charset "utf-8";
/* CSS Document */
body {
    font-family: 'minyaRegular';
	color:#FFF;
	background:url(../../images/fondo-5.png);
	}
section {
	position:relative;
	width:95%;
	margin:auto;
	height:700px;
	z-index:999999;
	}
#contenedorRespuesta {
	width:1300px;
	margin:auto;
	}
#contenedorPregunta {
	width:650px;
	margin:auto;
	}
#contenedorRespuesta div {
    width:210px;
	height:175px;
	margin-top:30px;
	margin-left:2px;
	float:left;
	text-align:center;
	background:rgba( 255, 255, 255, 0.5 );
	color:#989898;
}
#contenedorPregunta div {
    width:210px;
	height:175px;
	margin-top:30px;
	float:left;
	text-align:center;
	z-index:999999999999;
}
#contenedorRespuesta div.hovered {
  background: #aaa;
}
/* -------------------------------------------------------  */
@font-face {
    font-family: 'minyaRegular';
    src: url(../../fonts/Minya-Regular.eot);
    src: url(../../fonts/Minya-Regular.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/Minya-Regular.woff2) format('woff2'),
         url(../../fonts/Minya-Regular.woff) format('woff'),
         url(../../fonts/Minya-Regular.ttf) format('truetype'),
         url(../../fonts/Minya-Regular.svg#minyaRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (min-width: 599px) and (max-width: 1024px) { 
	header {height:100px;background-size:100% 100%;	}
	header a, header div {float:left;text-align:center;	margin-left:2%;	}
	header a {padding:0.5%;	margin-top:1%;font-size:1em !important;	}
	header div {padding-top:50px;width:100px;height:80px;font-size:1.2em;background-size:100% 100%;	}
	footer {padding:5px;}
	footer a {font-size:0.7em;}
}
@media screen and (min-width: 300px) and (max-width: 598px) { 
	header {height:70px;background-size:100% 100%;	}
	header a, header div {float:left;text-align:center;	margin-left:2%;	}
	header a {padding:0.5%;	margin-top:1%;font-size:0.8em !important;	}
	header div {display:none;}
	/* ------------------------------------------------------------------------------------ NAV */
	#nav {top:50px;width:80px;}
	#nav a {padding:5%;left:-15px; font-size:1em;}
	#nav .material-docente {top:40px;}
	#nav .contacto {top:90px;}
	/* ------------------------------------------------------------------------------------ FOOTER */
	footer {padding:5px; text-align:center;}
	.img-logo {display:none;}
	footer a {font-size:0.7em;}
}