html, body
	{
	background-color: #DFDFDF;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	display:inline-block;
	position:relative;
	text-align:center;
	height:97%;
	width:100%;
	margin:0px;
	padding:0 0 0 0;	
	font-size:14px;
	min-width:600px;
	min-height:600px;
	z-index:0;
	}
#overlayexp
	{
	position:fixed;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
	z-index:5;
	background-color: #DFDFDF;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	text-align:center;
	}

#h1inicio
	{
	position:absolute;
	display:inline-block;
	font-size:0.5em;
	z-index:-1;
	}

#estalmatlogo
	{
	position:relative;
	display:inline-block;
	background-color: #FFF;
	width:100%;
	min-height:80px;
	z-index:1;
	top:0%;
	left:0%;
	padding:1px 0px 1px 0px;
	margin:0px;
	}

#estalmatlogo img
	{
	display:inline-block;
	max-height:80px;
	max-width:100%;
	margin:0px 5px 0px 5px;
	}

#menu
	{
	position:relative;
	display:inline-block;
	background-color: #5F67A0;
	color: #F1F1F1;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	width:100%;
	padding:0%;
	margin:0px;
	}

.menu-item
	{
	position:relative;
	display:inline-block;
	padding:0px 0px 0px 0px;
	text-align:left;
	}
.menu-item a, .menu-item a:link, .menu-item a:visited, .menu-item .menu-subitem
	{
	position:relative;
	display:inline-block;
	background-color: #8F98DA;
	color: #F1F1F1;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:1px 1px 1px #464773,1px -1px 1px #464773,-1px 1px 1px #464773,-1px -1px 1px #464773;
	height:100%;
	text-decoration:none;	
	outline:none;
	border-style:none;
	font-size:0.8em;	
	padding:1px 7px 1px 7px;
	line-height:200%;
	border-radius:5px 5px 0px 0px;
	border-style:outset;
	border-width:2px;
	border-color:#464773;
	}
.menu-item a:hover, .menu-item .menu-subitem:hover
	{
	background-color: #5F67A0;
	color: #4A4A4A;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:3px 3px 5px #BAE2FF,3px -3px 5px #BAE2FF,-3px 3px 5px #BAE2FF,-3px -3px 5px #BAE2FF;
	border-style:inset;
	cursor:pointer;
	}
.submenu
	{
	display:none;
	position:absolute;
	border-style:solid;
	border-widh:3px;
	border-color:#464773;
	min-width:200px;
	border-radius:0px 0px 5px 5px;
	z-index:10;
	}
.submenu a, .submenu a:link, .submenu a:visited, .submenu .submenu
	{
	display:block;
	border-style:none;
	border-width:2px;
	border-radius:0px;
	}



.recuadro
	{
	position:relative;
	display:inline-block;
	background-color: #F1F1F1;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	border-style:outset;
	border-width:5px;
	border-color:#555578;
	width:30%;
	height:40%;
	top:30%;
	text-align:left;
	line-height:140%;
	padding:1%;
	
	}

.recuadro .titular
	{
	font-size:0.9em;
	}

#descargas
	{
	display:block;
	width:100%;
	text-align:center;
	}

#descargas a
	{
	position:relative;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	padding:30px 30px 0px 30px;
	
	}

#descargas a img
	{
	position:relative;
	display:inline-block;
	outline:none;
	border:none;
	}

#h1inicio
	{
	position:absolute;
	display:inline-block;
	font-size:0.5em;
	z-index:-1;
	}

.centered
	{
	display:inline-block;
	width:90%;
	text-align:center;
	height:95%;
	}
.comunidad
	{
	cursor:pointer;
	}
#estalmatlogomapa
	{
	position:relative;
	display:inline-block;
	background-color: #DFDFDF;
	max-width:80%;
	max-height:15%;
	min-height:80px;
	z-index:1;
	padding:0 20px 0 20px;
	}

#logoacademia
	{
	position:relative;
	display:inline-block;
	background-color: #DFDFDF;
	max-width:80%;
	max-height:15%;
	min-height:80px;
	z-index:1;
	padding:0 20px 0 20px;
	max-height:90px;
	}

#lema
	{
	position: relative;
	display: inline-block;
	margin-top: 0.5%;
		color: #3774D4;
	font-style: italic;
	font-family: "times new roman", serif;
	font-weight: bold;
	text-shadow:1px 1px 1px #84A8BF;
	font-size:1em;
	}

#mapa
	{
	position:relative;
	display:inline-block;
	width:75%;
	height:auto;
	max-width:600px;
	min-height:400px;
	max-height:80%;
	user-select:none;
	}
@media screen and (max-width: 600px) and (min-height:800px)
{
	#logos
	{
	bottom:10%;
	}
}

#logos
	{
	position:absolute;
	display:inline-block;
	text-align:center;
	right: 13%;
	bottom: 20px;
	max-width: 28%;
	min-width:280px;
	}
@media screen and (max-width: 1000px)
{
	
}

	
#textores
	{
	position:absolute;
	display:inline-block;
	text-align:left;
	color: #000;
	font-style: italic;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 2px #FFF;
	width: 15%;
	height: 15%;
	left: 10%;
	top: 25%;
	font-size:0.9em;
	}

@media screen and (max-width: 800px) and (min-height:800px)
{
	#textores
	{
	top:18%;
	}
}

@media screen and (max-width: 1000px)
{
	#textores
	{
	top:58%;
	left: 6%;
	}
}



@media screen and (max-width: 800px) and (min-height:800px)
{
	#logos
	{
	bottom:20%;
	}
}

#logocom
	{
	display: inline-block;
	position: absolute;
	width: 15%;
	height: 15%;
	left: 6%;
	top: 45%;
	opacity:0;
	}


#logocom img
	{
	position:relative;
	display:inline-block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	}

@media screen and (min-width: 900px) and (max-width: 1000px)
{
#logocom
	{
	left:4%;
	top:38%;
	width:15%;
	}
}

@media screen and (max-width: 900px)
{
#logocom
	{
	left:2%;
	top:42%;
	width:15%;
	}
}

@media screen and (max-width: 800px) and (min-height:800px)
{
	#logocom
	{
	top:35%;
	}
}
#alsprint, #seminarios , #gurb, #sprint16
	{
	display: inline-block;
	position: absolute;
	right:7%;
	top: 30%;
	text-align:right;
	text-decoration:none;
	border-radius:5px;
	}

@media screen and (max-width: 800px) and (min-height:800px)
{
	#alsprint, #sprint16
	{
	top:20%;
	}
}

@media screen and (max-width:970px)
{
#alsprint, #sprint16
	{
	width: 100px;
	right: 10%;
	top: 23%;
	z-index: 2;
	}
#logos
	{
	right:10%
	}
#logos img
	{
	max-width:200px;
	}
	
}



#alsprinttit , #sprinttit, #seminariostit
	{
	display: inline-block;
	position: relative;
	background-color: #F1F1F1;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 2px #828282;
	padding:2px 5px 5px 5px;
	font-size:0.8em;
	border-style: solid;
	border-width: 2px;
	margin:20px 0px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration:none;
	}


@media screen and (max-width:970px) 
{
#alsprinttit, #sprinttit
	{
	font-size:0.6em;
	top: 150px;
	left: 45px;
	}
#seminariostit
	{
	font-size:0.6em;
	top: 200px;
	left: -15px;
	width:120px;
	}
}



#alsprintlink, #seminarioslink, #gurblink
	{
	display:none;
	position:relative;
	background-color: #F1F1F1;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 2px #828282;
	font-size:0.8em;
	text-align:left;
	padding:5px 20px 5px 20px;
	
	min-height:0%
	}
.contscroll
	{
	position:relative;
	display:none;
	width:100%;
	overflow-y:scroll;
	max-height:200px;
	top:-2px;
	left:-4px;
	border-style: none;
	border-width: 2px;	
}
#alsprintlink a,#seminarios a,#gurb a, #seminarioslink a:visited, #gurblink a:visited, #seminarioslink a:link, #gurblink a:link, #sprinttit a, #sprinttit a:visited, #sprinttit a:link
	{
	display:block;
	padding:2px;
	background-color: #DFDFDF;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 2px #828282;
	text-decoration:none;
	margin:40px 0px;
	border-radius:5px;
	
	}

#seminarios
	{
	display: inline-block;
	position: absolute;
	right:7%;
	top: 35%;
	}

#sprint16
	{
	display: inline-block;
	position: absolute;
	right:7%;
	top: 45%;
	}

#sprinttit
{
	padding:0px;
}

#seminariostit
	{
	display: inline-block;
	position: relative;
	background-color: #F1F1F1;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 2px #828282;
	padding:2px 5px 5px 5px;
	font-size:0.8em;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	cursor: pointer;
	}


@media screen and (max-width:970px)
{
#seminarios
	{
	right:1%;
	}

#seminariostit
	{
	font-size:0.6em;
	}
#sprint16
	{
	right:1%;
	}

#sprinttit
	{
	font-size:0.6em;
	}
}

@media screen and (max-width: 800px) and (min-height:800px)
{
	#seminarios
	{
	top:23.7%;
	}
}
#gurb
	{
	display: inline-block;
	position: absolute;
	right:7%;
	top: 35%;
	}

#gurbtit
	{
	display: inline-block;
	position: relative;
	background-color: #F1F1F1;
	color: #000;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:2px 2px 2px #828282;
	padding:2px 5px 5px 5px;
	font-size:0.8em;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	cursor: pointer;
	}
@media screen and (max-width: 800px) and (min-height:800px)
{
	#gurb
	{
	top:27%;
	}
}

@media screen and (max-width:970px)
{
#gurb
	{
	right:1%;
	}
#gurbtit
	{
	font-size:0.6em;
	}
}


#content
	{
	position:relative;
	display:inline-block;
	background-color: #FFF;	
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: ;
	width:90%;
	padding:20px 5% 70px 5%;
	box-shadow: 2px 2px 10px black;
	border-radius:0px 0px 10px 10px;
	margin:0px 0px 10px 0px;
	min-height:400px;
	}

#content a
{
	color: #2078C5;
	font-style: bold;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration:underline;
	text-shadow:1px 1px 1px #579CB7;
	font-size:1em;
	cursor:pointer;
}

#cuerpoart a, #cuerpoart .mail, .prof-datos .mail, .prof-datos a, .leermas, .leermas:link, .leermas:visited, .artdesc a
{
	color: #2078C5;
	font-style: bold;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration:underline;
	text-shadow:1px 1px 1px #579CB7;
	font-size:1em;
	cursor:pointer;
}

#tituloart, #titulolist
{

	position:relative;
	display:inline-block;
	background-color: ;
	color: #3A4488;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration:underline;
	text-shadow:1px 1px 2px #464773;
	font-size:1.2em;
	margin:10px 0px 30px 0px;
	
}

#artcontainer
{
	position:relative;
	display:inline-block;
	text-align:left;
	padding:30px 10px 20px 10px;
	margin:30px 0px 30px 0px;
}
.artdesc
{
display:inline-block;
text-indent:50px;
padding:10px;
border-style:solid;
border-width:1px;
border-radius:0px 0px 5px 5px;
width:100%;
margin-bottom:20px;
}
#videocontainer
{
	position:relative;
	display:inline-block;
	width:100%;
	max-height:100%;
	text-align:center;
}
.videodescspan
{
	display:inline-block;
	position:relative;
	height:20px;
	width:80%;
	padding:5px;
	margin-bottom:20px;
}
#videoscontent
{
	position:relative;	
	display:inline-block;
	text-align:left;
	margin:auto;

}

.video-title
{
	display:inline-block;
	position:relative;
	font-size:0.9em;
	text-align:center;
	width:100%;
	color: #3A4488;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration:underline;
	text-shadow:1px 1px 2px #464773;
	cursor:pointer;
}

.videospan
{
background-color:#D9E8FF;
height:188px;
width:180px;
padding:10px;
vertical-align:top;
border-radius:5px;
border-style:ridge;
border-width:2px;
text-shadow:1px 1px 10px rgba(50,50,50,0.3);
}
#videolayer
{
display:inline-block;
position:fixed;
top:0%;
left:0%;
right:0%;
z-index:1;
}

#videoplayer
{
display:block;
width:100%;
margin-top:20px;
position:relative;
padding:1px;
margin-bottom:30px;
}
#videoplayeryt
{
display:block;
width:100%;
height:366px;
position:relative;
padding:1px;

}


#newvideo #botoncerrar
{
position:absolute;
display:inline-block;
top:5px;
right:5px;
cursor:pointer;
}


#newvideo
{
	position:relative;
	display:inline-block;
	border-style:outset;
	border-width:3px;
	background-color:white;
	left:0%;
	width:50%;
	min-width:500px;
	min-height:30px;
	border-radius:5px;
	padding:2% 5% 5% 5%;
	z-index:50;
	padding-bottom:5px;
	animation-name: aparecer;
   	animation-duration: 0.6s;
	animation-iteration-count: 1;
	
}

.videothumb
{
	display:inline-block;
	position:relative;
	max-width:180px;
	cursor:pointer;
	border-radius:10px;
}

#cuerpoart
{
	position:relative;
	display:inline-block;
	text-align:left;
	padding:0px;
	width:100%;
	font-size:0.9em;
	line-height:1.7em;
	text-shadow:1px 1px 10px rgba(50,50,50,0.3);
}
#cuerpoart a, #cuerpoart .mail, .prof-datos .mail, .prof-datos a, .leermas, .leermas:link, .leermas:visited, .artdesc a
{
	color: #2078C5;
	font-style: bold;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration:underline;
	text-shadow:1px 1px 1px #579CB7;
	font-size:1em;
	cursor:pointer;
}

.leermas
{
position:relative;
display:inline-block;
right:5px;
padding:20px 5px 10px 5px;
float:right;
}
.artlink, .artlink:link, .artlink:visited
{
	display:inline-block;
	position:relative;
	width:100%;
	padding:5px 10px 5px 10px;
	font-size:1em;
	text-decoration:none;
	text-align:left;
	background-color:#4C7FC7;
	border-color:#3E516D;
	border-width:1px;
	border-style:solid;
	color:#FFFFFF;
	font-weight: bold;
	border-radius:5px 5px 0px 0px;
	text-shadow: 1px 1px 2px rgba(87,156,183, 0.68);
}

#cuerpoart strong, #artcontainer strong
{
	color: #1B7117;
	font-style: italic;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-shadow:1px 1px 1px #21941B;
	font-size:1em;
}
#cuerpoart em, #artcontainer em
{
	color: #AB1111;
	font-style: normal;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-shadow:1px 1px 1px #B92F2F;
	font-size:1em;
}
@keyframes aparecer {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes desaparecer {
    from {opacity: 1;}
    to {opacity: 0;}
}

#newmail
{
	position:absolute;
	display:inline-block;
	border-style:outset;
	border-width:3px;
	background-color:white;
	top:-7%;
	left:25%;
	width:40%;
	min-height:30px;
	border-radius:5px;
	padding:2% 5% 5% 5%;
	z-index:50;
	animation-name: aparecer;
   	animation-duration: 0.6s;
	animation-iteration-count: 1;
	min-width: 280px;
}
#newmail form
{
display:inline-block;
position:relative;
width:100%;
height:100%;
}

#newmail label
{
position:relative;
display:inline-block;
font-size:1em;
font-weight:bold;
margin-bottom:10px;
top:-15%;
}
#newmail textarea
{
min-height:250px;
max-width:100%;
}
#newmail .ancho, #newmail .ancho
{
width:100%;
margin-bottom:10px;
top:-15%;
}
#newmail input
{
top:-15%;
}

#newmail #botoncerrar
{
position:absolute;
display:inline-block;
top:-2%;
right:-10%;
cursor:pointer;
}

.profesor
{
display:inline-block;
position:relative;
border-radius:5px;
border-style:solid;
border-width:2px;
padding:1px;
width:450px;
height:150px;
margin:5px;
transform-style: preserve-3d;
}

.prof-span
{
display:inline-block;
position:relative;
justify-content: space-around;
text-align:justify;
height:100%;
width:100%;
}




.profesor .prof-img
{
display:inline-block;
position:relative;
padding:0.2%;
margin:0px;
width:100px;
outline:none;
border-style:none;
text-decoration:none;
top:50%;
transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
left:10%;
float:left;
cursor:pointer;
border-style: outset;
border-radius: 5px;
}

#newfoto
{
	position:relative;
	display:inline-block;
	border-style:outset;
	border-width:3px;
	background-color:white;
	top:-7%;
	max-width:40%;
	min-height:30px;
	border-radius:5px;
	text-align:center;
	padding:5%;
	z-index:50;
	animation-name: aparecer;
   	animation-duration: 0.6s;
	animation-iteration-count: 1;
}

#imglayer
{
display:inline-block;
position:absolute;
text-align:center;
top:0%;
left:0%;
right:0%;
}

#imglayer #botoncerrar
{
position:relative;
left:6%;
cursor:pointer;
}

.profesor .prof-datos
{
	position:relative;
	display:inline-block;
	text-align:left;
	padding:0px;
	font-size:0.9em;
	line-height:1.7em;
	text-shadow:1px 1px 10px rgba(50,50,50,0.3);
	vertical-align:text-top;
	top:50%;
	transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	float:right;
	right:10%;

	
}


.pag , .pag:link, .pag:visited, .ppag, .npag
{
	display:inline-block;
	position:relative;
	padding:5px 10px 5px 10px;
	margin:2px;
	border-radius:5px;
	background-color:#5D6A84;
	color: #FFF;
	font-style: normal;
	text-align:left;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-shadow:1px 1px 1px #202F4E;
	border-color: #202F4E;
	text-decoration:none;
	border-style:outset;
	border-width:3px;
	font-size:0.9em;
	cursor:pointer;
	
	
}


.pag:hover, .ppag:hover, .npag:hover
{
	border-style:inset;
	background-color:#202F4E;
}


.pagactual, .pagactual:link,.pagactual:hover, .pagactual:visited
{
	border-style:outset;
	background-color:#E23E3E;
	text-shadow:1px 1px 1px #E09E27;
	border-color: #E09E27;
}

#profcontainer
{
	text-align:left;
	position:relative;
	display:inline-block;
}