body {
	background:url(../../images/fondo-8.png);
    font-family: 'minyaRegular';
	color:#F93;
	}
section {
	text-align:center;
	width:98%;
	}
.home {
	position:fixed;
	left:0;
	top:1%;
	}
/* ------------------------------------------------------------------------------ */
#menu{
	width:130px;
	height:400px;
	float:left;
	position:absolute;
	border-right: 5px solid red;
	font-size:12px;
}
#logo{
	margin-top:10px;
}
.memotest {
	margin:auto;
	width:692px;
	height:400px;
	margin-bottom:10%;
	border:0px solid #CCC;
	background-color:#FFF;
	text-align:center;
}
.ficha{
	width:136px;
	height:105px;
	border:1px solid #FFF;
	float:left;
}
.ficha-cover{
	width:136px;
	height:105px;
	border:2px #999 solid;
	background:#FFF url(../img/rulito.png) !important;
	float:left;
}
.trabado{
	display:none;
}
.abierto{
	display:none;
}
.seleccionada{
	border:1px solid #EEE;
}
.encontrada{
	border:1px solid #FFF;
}
#win {
	position:fixed;
	width:500px;
	height:auto;
	left:50%;
	margin-left:-300px;
	padding:2%;
	top:30%;
	background:#FFF;
	z-index:9999999999;
	border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	}
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #FFF;
    color: #333;
    border: 2px solid RED;
    padding: 9px;
}
.jqmOverlay { background-color: #000; }
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* -------------------------------------------------------  */
@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 (max-width: 1024px) {
	.memotest {
		margin:auto;
		width:172px;
		height:172px;
	}
	.ficha {
		width:40px;
		height:40px;
	}
	.ficha-cover {
		width:40px;
		height:40px;
	}
	.ficha img {
		width:40px !important;
		height:40px !important;
	}
	.ficha-cover img {
		width:40px !important;
		height:40px !important;
	}
}
@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;}
}