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:80%;
	width:100%;
	margin:0;
	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;
	}



.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:400px;
	height:300px;
	top:50px;
	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:93%;
	text-align:center;
	}

#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:60px;
	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 .menuresaltado, .menu-item .menuresaltado:link, .menu-item .menuresaltado:visited
	{
	background-color: #DD4A4A;
	color: #ffeb10;
	text-shadow: 1px 1px 1px  #d78457,1px -1px 1px  #d78457,-1px 1px 1px  #d78457,-1px -1px 1px  #d78457;
	}

.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;
	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;
	}

#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;
	}
#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;
}