@charset "utf-8";
/* CSS Document */
html{
	overflow:hidden;
}

#contenedor{
	position:relative;
	left:0px;
	top:0px;
	height:500px;
	width:100%;
	overflow:hidden;
}
a{
	font-family: 'Pontano Sans', sans-serif;
	background:url(../imagenes/flechamin_dcha.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
	margin-left:15px;
	padding-left:15px;
	font-size:0.9em;
}
#imgalumnado{
	position:absolute;
	left:60px;
	margin-left:0px;
	top:20px;
}
#imgdocente{
	position:absolute;
	left:100%;
	margin-left:-785px;
	top:20px;
}

#imgelequipo{
	position:absolute;
	top:20px;
	left:500px;
	margin-left:-230px;
}
#foto{
	position:absolute;
	height:120px;
	width:150px;
	left:15px;
	top:15px;
}
#etnombre{
	position:absolute;
	background-color:#000;
	text-align:right;
	color:#FFF;
	width:300px;
	font-family: 'Arvo', serif;
	left:500px;
	margin-left:-325px;
	top:70px;
	padding-right:5px;
}
#recursos{
	position:absolute;
	top:50px;
	left:10px;
	width:100%;
	height:100%;

	text-align:center;
}
#recursos ul{

}

.tablabola{
	
	height:150px;
	width:150px;
}





#recursos li{
	position:relative;
	background:url(../imagenes/bolanegra150.png);
	display:inline;
	list-style:none;
	overflow:hidden;
	cursor:pointer;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
}
#recursos li:hover{
	position:relative;
	background:url(../imagenes/bolaoscura150.png);
	display:inline;
	list-style:none;
	overflow:hidden;
	cursor:pointer;
}

#social{
	position:absolute;
	top:112px;
	left:510px;
	width:200px;
	margin-left:-210px;
	height:20px;
	text-align:right;
	/*background:#CCCCCC;*/
}
#social ul{
	margin-top:-10px;
	margin-left:-30px;
}

#social li{
	position:relative;
	display:inline;
	top:0px;
	list-style:none;
	overflow:hidden;
	cursor:pointer;
	margin-left:-4px;
}

#txtcontenido{
	position:absolute;
	left:15px;
	width:470px;
	top:170px;
	font-family: 'Pontano Sans', sans-serif;
	font-size:1.0em;
	text-align:justify;
		
}
.texto{
	font-family: 'Pontano Sans', sans-serif;
	font-size:0.9em;
	text-align:justify;

}
.negrita{
	font-family:"Bevan",Arial,Helvetica,sans-serif;
	font-size:1em;
	text-align:justify;
}
.negrita02{
	font-size:1em;
	text-align:justify;
	font-weight:bold;
}


.txtrecurso{
	position:absolute;
	display:inline;
	height:150px;
	width:150px;
	color:#FFF;
	background:url(../imagenes/bolanegra150.png);
	text-align:center;
	font-family: 'Bevan', sans-serif;
	/*font-family: 'Pontano Sans', sans-serif;*/
	font-size:1.0em;
	cursor:pointer;
	top:50%;
	margin-top:-25px;
}
.txtrecursopul{
	position:absolute;
	display:inline;
	height:150px;
	width:150px;
	color:#FFF;
	background:url(../imagenes/bolamorada150.png);
	text-align:center;
	font-family: 'Bevan', sans-serif;
	/*font-family: 'Pontano Sans', sans-serif;*/
	font-size:1.0em;
	cursor:pointer;
	top:50%;
	margin-top:-25px;
}
.txtrecurso:hover{
	display:inline-block;
	height:150px;
	width:150px;
	color:#FFF;
	background:url(../imagenes/bolaoscura150.png);
	text-align:center;
	top:50%;
	margin-top:-25px;
}

#contbolas{
	position:absolute;
	top:50%;
	left:60px;
	margin-left:0px;
	margin-top:-100px;
	height:200px;
	width:350px;
}
.memobola150{
	position:absolute;
	top:50%;
	left:500px;
	margin-left:0px;
	margin-top:0px;
	height:200px;
	width:300px;
	padding-left:10px;
}
.memobola150dcha{
	position:absolute;
	top:50%;
	left:100%;
	margin-left:-760px;
	margin-top:0px;
	height:360px;
	width:300px;
}