:root {
  --color-primario: #0D6BAB;
  --color-secundario:#a38716;
  --color-terciario: #73B0DC;
  --fuente-principal: 'Arial', sans-serif;
}

* { 
	margin: 0px;
	padding: 0px;
	outline: 0
	}

@font-face {
	font-family: 'Oswald';
	src: url('../fuentes/oswald.ttf');
}

@font-face {
	font-family: 'MerriweatherB';
	src: url('../fuentes/MerriweatherB.ttf');
	font-weight: bold;
}

body{
	background-image: url('../imagenes/fondotecno.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-size: 100% 100%;
   background-color: #73B0DC;
	margin: 0px auto;
   width: 1024px;	
}

.centrar{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);	
	}

.login{
   width: 500px;
   height: auto;
   border: solid 1px #0D6BAB;
   border-radius: 5px;
	/*box-shadow: 0px 0px 40px #484848, 0px 0px 80px white;*/
	background-color: rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	border-radius: 20px;
}

.lo-contenedor{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
	 border-radius: 20px;
}

.lo-con-imagen{
    /* background-color: white; */
	background-color: rgba(255, 255, 255, 0.7);
   width: 100%;
   height: 160px;
	border-radius: 20px 20px 0px 0px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.login-form{
	width: 100%;
   height: 350px;
	border-radius: 0px 0px 20px 20px;
}

.lo-con-sesion{
    /* background-color: #0D6BAB; */
	background-color: rgba(13, 107, 171, 0.8);
	color: white;
	width: 100%;
   height:350px;
	display: flex;
	justify-content: space-between;
	border-radius: 0px 0px 20px 20px;
}

#iestp{
	color:#0D6BAB;
	font-family: "Oswald";
}

#mnb{
   color:#0D6BAB;
	font-family: "MerriweatherB";
	font-size: 28px;
}

#ofical{
	font-family: "MerriweatherB";
	font-size: 26px;
}

#lo-con-se-formulario{
	width: 100%;
	box-sizing: border-box;
}

td{
	text-align: center;
}

#dloimagen{
	width: 120px;
}

.textosesion
{
	background-repeat:no-repeat;	
	padding-left:35px;
	border-width:2px;
	border-style:solid;
	border-color:#73B0DC;
	width: 70%;
	height: 35px;
	color:#576F60;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	box-sizing: border-box;
}

.usuario{
	background-image:url('../imagenes/usuario.png');
	background-position-y: center;
	border-radius: 5px;
}

.password{
	background-image:url('../imagenes/contrasena.png');
	background-position-y: center;
	border-radius: 5px;
}

.botonsesion{
	background-color: var(--color-secundario); /*#F0C00F; /*  #FBDF0F; Green */
	border: none;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
  	color: white;
  	width: 70%;
  	height: 35px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 14px;
	box-sizing: border-box;
}

.botonsesion:hover{
	box-shadow: inset 0px 0px 20px #484848;
}

.botonsesion:active {
    vertical-align: top;
    padding: 8px 13px 6px;
}

.enlacesesion{
	color: white;
	font-family: "Oswald";
	font-size: 16px;
}

.dlomensaje{
	background-color: red;
	font-family: "MerriweatherB";
	padding: 10px;
}