@font-face {
        font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: 'ralewaylight';
	height:100%;
}

.margen_entrada{
	margin-top: 20px;
	border-radius: 8px 8px;
	padding: 10px 20px;
	text-align: center;
	z-index: 1;
	float: left
}
.borde_entrada{
	padding: 40px 20px 10px 20px;
	border-radius: 8px 8px;
	position: relative;
	top: 0px;
	background-color: rgba(255,255,255,0.4);
	border: 1px solid #103676FF;
	text-align: center;
}
.borde_entrada .btn-personalbottom{
	width: 75%;
	background-color: #196079;
	color:#fff;
	border-radius: 6px 6px;
	padding: 5px 10px;
	font-family: raleway;
}
.contador{
	background-color: rgba(255,255,255,0.4);
	color: #000;
	padding: 4px 60px;
	border-radius: 4px 4px;
}
@keyframes EfectosEscolares {
  0% {
	margin-top: 680px;	
  }
  25%{
	margin-top: 120px;
	
  }
  50%{
	margin-top: 60px;
	
  }
  65%{
	margin-top: 30px;
	
  }
  100% {
    margin-top: -10px;
   
  }
}
/*--------iconos del inicio------*/
.texto_entrada{
	font-family: 'ralewaylight';
	font-size: 10px;
	padding-bottom: 10px;
	color: #000;
	font-weight: bold;
}
.texto_entrada a{
	font-family: 'ralewaylight';
	font-size: 10px;
	padding-bottom: 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.inputWithIcon input[type="text"] {
  width: 80%;
  border: 0.5px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}
.inputWithIcon input[type="password"] {
  width: 80%;
  border: 0.5px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}
.dropdown-toggle select {
  width: 80%;
  border: 0.5px solid #aaa;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}
.inputWithIcon input[type="text"]:focus {
  border-color: #D4782E;
  box-shadow: 0 0 8px 0 #D4782E;
}
.inputWithIcon input[type="password"]:focus {
  border-color: #D4782E;
  box-shadow: 0 0 8px 0 #D4782E;
}

.inputWithIcon input[type="text"] {
  padding-left: 40px;
}
.inputWithIcon input[type="password"] {
  padding-left: 40px;
}

.inputWithIcon {
  position: relative;
}

.inputWithIcon i {
  	position: absolute;
  	left: 40px;
  	top: 8px;
  	padding: 9px 8px;
  	color: #aaa;
  	transition: 0.14s;
  	font-size: 20px;
	vertical-align: middle;
}

.inputWithIcon input[type="text"]:focus + i {
  color: #D4782E;
}
.inputWithIcon input[type="password"]:focus + i {
  color: #D4782E;
}

.inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus + i {
  color: #fff;
  background-color: #D4782E;
}
.inputWithIcon.inputIconBg input[type="password"]:focus + i {
  color: #fff;
  background-color: #D4782E;
}
/*---------video--------*/

.headerv {
  height: 100vh;
  display: flex;
  align-items: center;
  color: #fff;
}
.headerv-adm {
  height: 10vh;
  display: flex;
  align-items: center;
  color: #fff;
}

.contentv {
  max-width: 100%;
  padding-top: 0px;
  margin: auto;
  text-align: center;
}
.header-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.header-video-adm {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.header-video video {
  min-width: 100%;
  min-height: 100%;
}


.header-overlay {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(118,102,36,0.1);
  z-index: 1;
  /*opacity: .85;*/
}
.header-content {
  	z-index: 2;
	width: 100%;
}

.header-content h1 {
  	margin-bottom: 0;
  	font-family: 'Raleway', sans-serif;
  	margin: auto;
	max-width: 100%;
}

/*----------------------*/